@itwin/appui-react 3.0.0-dev.100

package/lib/esm/appui-react/frontstage/Frontstage.js

@@ -0,0 +1,435 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { Logger } from "@itwin/core-bentley";
+import { StagePanelLocation, UiItemsManager, WidgetState } from "@itwin/appui-abstract";
+import { Rectangle } from "@itwin/core-react";
+import { Zones as NZ_Zones, StagePanels, StagePanelsManager, widgetZoneIds, } from "@itwin/appui-layout-react";
+import { ContentLayout } from "../content/ContentLayout";
+import { getNestedStagePanelKey } from "../stagepanels/StagePanel";
+import { StagePanelDef } from "../stagepanels/StagePanelDef";
+import { UiFramework } from "../UiFramework";
+import { UiShowHideManager } from "../utils/UiShowHideManager";
+import { ToolSettingsContent } from "../widgets/ToolSettingsContent";
+import { isToolSettingsWidgetManagerProps, Zone, ZoneLocation } from "../zones/Zone";
+import { ZoneDef } from "../zones/ZoneDef";
+import { FrontstageManager } from "./FrontstageManager";
+/** Frontstage React component.
+ * A Frontstage is a full-screen configuration designed to enable the user to accomplish a task.
+ * @public
+ */
+export class Frontstage extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._contentRefs = new Map();
+        this._zonesMeasurer = React.createRef();
+        this._floatingZonesMeasurer = React.createRef();
+        this._zonesStyle = {
+            pointerEvents: "none",
+        };
+        this._zonesFooterModeStyle = {
+            ...this._zonesStyle,
+            display: "flex",
+            flexFlow: "column",
+        };
+        this._uiVisibilityChanged = (args) => {
+            this.setState({ isUiVisible: args.visible });
+        };
+        this._handleWidgetsChanged = (_args) => {
+            this.updateWidgetDefs();
+        };
+        this._handleUiProviderRegisteredEvent = (_args) => {
+            this.updateWidgetDefs();
+        };
+        this._getContentRef = (widget) => {
+            const ref = this._contentRefs.get(widget);
+            if (ref)
+                return ref;
+            const newRef = (el) => {
+                this.setState((prevState) => ({
+                    widgetIdToContent: {
+                        ...prevState.widgetIdToContent,
+                        [widget]: el === null ? undefined : el,
+                    },
+                }));
+            };
+            this._contentRefs.set(widget, newRef);
+            return newRef;
+        };
+        this.state = {
+            isUiVisible: UiFramework.getIsUiVisible(),
+            widgetIdToContent: {},
+        };
+    }
+    /** React lifecycle method.
+     * @internal
+     */
+    async componentDidMount() {
+        UiFramework.onUiVisibilityChanged.addListener(this._uiVisibilityChanged);
+        UiFramework.widgetManager.onWidgetsChanged.addListener(this._handleWidgetsChanged);
+        UiItemsManager.onUiProviderRegisteredEvent.addListener(this._handleUiProviderRegisteredEvent);
+    }
+    componentDidUpdate() {
+        if (!this._zonesMeasurer.current || !this._floatingZonesMeasurer.current || !this.props.runtimeProps)
+            return;
+        let floatingBounds = Rectangle.create(this._floatingZonesMeasurer.current.getBoundingClientRect());
+        const bounds = Rectangle.create(this._zonesMeasurer.current.getBoundingClientRect());
+        const offset = bounds.topLeft().getOffsetTo(floatingBounds.topLeft());
+        floatingBounds = floatingBounds.setPosition(offset);
+        this.props.runtimeProps.nineZoneChangeHandler.handleZonesBoundsChange(bounds);
+        this.props.runtimeProps.nineZoneChangeHandler.handleFloatingZonesBoundsChange(floatingBounds);
+    }
+    /** React lifecycle method.
+     * @internal
+     */
+    componentWillUnmount() {
+        UiFramework.onUiVisibilityChanged.removeListener(this._uiVisibilityChanged);
+        UiItemsManager.onUiProviderRegisteredEvent.removeListener(this._handleUiProviderRegisteredEvent);
+    }
+    updateWidgetDefs() {
+        // istanbul ignore else
+        if (!this.props.runtimeProps)
+            return;
+        // istanbul ignore next
+        {
+            const frontstageDef = this.props.runtimeProps.frontstageDef;
+            frontstageDef.updateWidgetDefs();
+            FrontstageManager.onWidgetDefsUpdatedEvent.emit();
+            this.forceUpdate();
+        }
+    }
+    /** @internal */
+    static createZoneDef(zoneNode, zoneLocation, props) {
+        if (zoneNode) {
+            const zoneDef = new ZoneDef();
+            const zoneElement = Frontstage.getZoneElement(zoneLocation, props);
+            zoneDef.zoneLocation = zoneLocation;
+            // istanbul ignore else
+            if (zoneElement && React.isValidElement(zoneElement)) {
+                Zone.initializeZoneDef(zoneDef, zoneElement.props);
+                return zoneDef;
+            }
+        }
+        return undefined;
+    }
+    static getZoneElement(zoneId, props) {
+        switch (zoneId) {
+            case ZoneLocation.TopLeft:
+                return props.contentManipulationTools ? props.contentManipulationTools : props.topLeft; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.TopCenter:
+                return props.toolSettings ? props.toolSettings : props.topCenter; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.TopRight:
+                return props.viewNavigationTools ? /* istanbul ignore next */ props.viewNavigationTools : props.topRight; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.CenterLeft:
+                return props.centerLeft; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.CenterRight:
+                return props.centerRight; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.BottomLeft:
+                return props.bottomLeft; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.BottomCenter:
+                return props.statusBar ? props.statusBar : props.bottomCenter; // eslint-disable-line deprecation/deprecation
+            case ZoneLocation.BottomRight:
+                return props.bottomRight; // eslint-disable-line deprecation/deprecation
+        }
+        // Zones can be undefined in a Frontstage
+        // istanbul ignore next
+        return undefined;
+    }
+    /** @internal */
+    static createStagePanelDef(panelLocation, props) {
+        const panelDef = new StagePanelDef();
+        const panelElement = Frontstage.getStagePanelElement(panelLocation, props);
+        panelDef.initializeFromProps(panelElement === null || panelElement === void 0 ? void 0 : panelElement.props, panelLocation);
+        return panelDef;
+    }
+    static getStagePanelElement(location, props) {
+        let panelElement;
+        switch (location) {
+            case StagePanelLocation.Top:
+                panelElement = props.topPanel;
+                break;
+            case StagePanelLocation.TopMost:
+                panelElement = props.topMostPanel; // eslint-disable-line deprecation/deprecation
+                break;
+            case StagePanelLocation.Left:
+                panelElement = props.leftPanel;
+                break;
+            case StagePanelLocation.Right:
+                panelElement = props.rightPanel;
+                break;
+            case StagePanelLocation.Bottom:
+                panelElement = props.bottomPanel;
+                break;
+            case StagePanelLocation.BottomMost:
+                panelElement = props.bottomMostPanel; // eslint-disable-line deprecation/deprecation
+                break;
+            // istanbul ignore next
+            default:
+                throw new RangeError();
+        }
+        // Panels can be undefined in a Frontstage
+        return panelElement;
+    }
+    // This uses ConfigurableUi to render the content
+    doContentLayoutRender() {
+        let contentLayout;
+        // istanbul ignore else
+        if (this.props.runtimeProps && this.props.runtimeProps.frontstageDef) {
+            const frontstageDef = this.props.runtimeProps.frontstageDef;
+            // istanbul ignore else
+            if (frontstageDef.contentLayoutDef && frontstageDef.contentGroup)
+                contentLayout = (React.createElement(ContentLayout, { contentLayout: frontstageDef.contentLayoutDef, contentGroup: frontstageDef.contentGroup, isInFooterMode: frontstageDef.isInFooterMode }));
+            else
+                Logger.logError(UiFramework.loggerCategory(this), `FrontstageDef.contentLayoutDef and FrontstageDef.contentGroup are required for <ContentLayout> component`);
+        }
+        return contentLayout;
+    }
+    cloneStagePanelElement(panelDef, runtimeProps) {
+        if (!this.state.isUiVisible && UiShowHideManager.showHidePanels)
+            return null;
+        // istanbul ignore else
+        if (panelDef) {
+            const { location } = panelDef;
+            const panelElement = Frontstage.getStagePanelElement(location, this.props);
+            // istanbul ignore else
+            if (panelElement && React.isValidElement(panelElement)) {
+                const panelKey = getNestedStagePanelKey(panelDef.location);
+                const panels = runtimeProps.nineZone.nested.panels[panelKey.id];
+                const panel = StagePanelsManager.getPanel(panelKey.type, panels);
+                const draggedWidget = runtimeProps.nineZone.zones.draggedWidget;
+                const panelRuntimeProps = {
+                    draggedWidgetId: draggedWidget ? /* istanbul ignore next */ draggedWidget.id : undefined,
+                    getWidgetContentRef: this._getContentRef,
+                    isInFooterMode: runtimeProps.nineZone.zones.isInFooterMode,
+                    isTargeted: !!runtimeProps.nineZone.zones.target,
+                    panel,
+                    panelDef,
+                    stagePanelChangeHandler: runtimeProps.stagePanelChangeHandler,
+                    widgetChangeHandler: runtimeProps.widgetChangeHandler,
+                    widgets: runtimeProps.nineZone.zones.widgets,
+                    widgetTabs: runtimeProps.widgetTabs,
+                    zoneDefProvider: runtimeProps.zoneDefProvider,
+                };
+                return React.cloneElement(panelElement, { runtimeProps: panelRuntimeProps });
+            }
+        }
+        return null;
+    }
+    cloneZoneElements(zoneIds, runtimeProps) {
+        return zoneIds.map((zoneId) => {
+            const zoneElement = Frontstage.getZoneElement(zoneId, this.props);
+            if (!zoneElement || !React.isValidElement(zoneElement))
+                return null;
+            const zoneDef = runtimeProps.zoneDefProvider.getZoneDef(zoneId);
+            // istanbul ignore if
+            if (!zoneDef)
+                return null;
+            const nestedPanelsManager = FrontstageManager.NineZoneManager.getNestedPanelsManager();
+            const panelsManager = nestedPanelsManager.getPanelsManager("inner");
+            const type = panelsManager.findWidget(zoneId, runtimeProps.nineZone.nested.panels.inner);
+            // istanbul ignore if
+            if (type !== undefined)
+                return null;
+            const zonesManager = FrontstageManager.NineZoneManager.getZonesManager();
+            const zones = runtimeProps.nineZone.zones;
+            const ghostOutline = zonesManager.getGhostOutlineBounds(zoneId, zones);
+            const dropTarget = zonesManager.getDropTarget(zoneId, zones);
+            const zone = getExtendedZone(zoneId, zones, runtimeProps.zoneDefProvider);
+            const widget = zone.widgets.length > 0 ? zones.widgets[zone.widgets[0]] : undefined;
+            const openWidgetId = zone.widgets.find((wId) => zones.widgets[wId].tabIndex >= 0);
+            const activeTabIndex = openWidgetId ? zones.widgets[openWidgetId].tabIndex : 0;
+            const draggedWidget = runtimeProps.nineZone.zones.draggedWidget;
+            const disabledResizeHandles = zonesManager.getDisabledResizeHandles(zoneId, zones);
+            // istanbul ignore next
+            const zoneRuntimeProps = {
+                activeTabIndex,
+                disabledResizeHandles,
+                draggedWidget: draggedWidget && /* istanbul ignore next */ draggedWidget.id === zoneId ? /* istanbul ignore next */ draggedWidget : undefined,
+                dropTarget,
+                getWidgetContentRef: this._getContentRef,
+                ghostOutline,
+                isHidden: (zoneDef.isStatusBar && this.props.isInFooterMode && ( /* istanbul ignore next */this.state.isUiVisible || /* istanbul ignore next */ !UiShowHideManager.showHideFooter)) ?
+                    /* istanbul ignore next */ false : !this.state.isUiVisible,
+                isInFooterMode: runtimeProps.nineZone.zones.isInFooterMode,
+                openWidgetId,
+                targetChangeHandler: runtimeProps.targetChangeHandler,
+                widgetChangeHandler: runtimeProps.widgetChangeHandler,
+                widgetTabs: runtimeProps.widgetTabs,
+                widget,
+                zoneDef,
+                zoneDefProvider: runtimeProps.zoneDefProvider,
+                zone,
+            };
+            return React.cloneElement(zoneElement, { key: zoneId, runtimeProps: zoneRuntimeProps });
+        });
+    }
+    cloneWidgetContentElements(zones, runtimeProps) {
+        const widgets = zones.reduce((prev, zoneId) => {
+            const zoneDef = runtimeProps.zoneDefProvider.getZoneDef(zoneId);
+            // istanbul ignore if
+            if (!zoneDef)
+                return prev;
+            const widgetDefs = zoneDef.widgetDefs.filter((widgetDef) => {
+                if (zoneId === 2)
+                    return widgetDef.isVisible;
+                return widgetDef.isVisible && !widgetDef.isFloating;
+            });
+            for (let i = 0; i < widgetDefs.length; i++) {
+                prev.push({
+                    id: zoneId,
+                    def: widgetDefs[i],
+                    tabIndex: i,
+                });
+            }
+            return prev;
+        }, []);
+        return widgets.map((widget) => {
+            const nzWidget = runtimeProps.nineZone.zones.widgets[widget.id];
+            return (React.createElement(WidgetContentRenderer, { anchor: nzWidget.horizontalAnchor, isHidden: nzWidget.tabIndex !== widget.tabIndex, key: `${widget.id}_${widget.tabIndex}`, renderTo: this.state.widgetIdToContent[widget.id], toolSettingsMode: isToolSettingsWidgetManagerProps(nzWidget) ? nzWidget.mode : undefined, widgetDef: widget.def }));
+        });
+    }
+    /** React render method
+     * @internal
+     */
+    render() {
+        const { runtimeProps } = this.props;
+        if (runtimeProps === undefined)
+            return null;
+        /** For Nine-zone area; includes ContentLayout */
+        const ninezoneStyle = {
+            position: "relative",
+            height: "100%",
+        };
+        const frontstageDef = runtimeProps.frontstageDef;
+        return (React.createElement("div", { style: ninezoneStyle, id: "uifw-ninezone-area", className: this.props.className },
+            React.createElement(NZ_Zones, { style: runtimeProps.nineZone.zones.isInFooterMode ? this._zonesFooterModeStyle : this._zonesStyle },
+                React.createElement(StagePanels, { bottomPanel: this.cloneStagePanelElement(frontstageDef.bottomMostPanel, runtimeProps), topPanel: this.cloneStagePanelElement(frontstageDef.topMostPanel, runtimeProps) },
+                    React.createElement(StagePanels, { bottomPanel: this.cloneStagePanelElement(frontstageDef.bottomPanel, runtimeProps), leftPanel: this.cloneStagePanelElement(frontstageDef.leftPanel, runtimeProps), rightPanel: this.cloneStagePanelElement(frontstageDef.rightPanel, runtimeProps), topPanel: this.cloneStagePanelElement(frontstageDef.topPanel, runtimeProps) },
+                        React.createElement("div", { id: "uifw-ninezone-zones-area", ref: this._zonesMeasurer, style: {
+                                height: "100%",
+                                position: "relative",
+                            } },
+                            this.doContentLayoutRender(),
+                            this.cloneZoneElements(Frontstage._zoneIds, runtimeProps)))),
+                this.cloneZoneElements([8], runtimeProps),
+                React.createElement("div", { id: "uifw-ninezone-floating-zones-area", ref: this._floatingZonesMeasurer, style: {
+                        height: "100%",
+                        width: "100%",
+                        position: "absolute",
+                    } })),
+            this.cloneWidgetContentElements(Frontstage._zoneIds, runtimeProps)));
+    }
+}
+Frontstage._zoneIds = widgetZoneIds.filter((z) => z !== 8);
+class WidgetContentRenderer extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._content = document.createElement("span");
+        this._handleWidgetStateChangedEvent = (args) => {
+            if (this.props.widgetDef !== args.widgetDef)
+                return;
+            this.forceUpdate();
+        };
+        this._handleToolActivatedEvent = () => {
+            if (this.props.toolSettingsMode === undefined)
+                return;
+            // force update when tool is activated
+            this.setState((prevState) => ({ widgetKey: prevState.widgetKey + 1 }));
+        };
+        this.state = {
+            widgetKey: 0,
+        };
+    }
+    componentDidMount() {
+        FrontstageManager.onWidgetStateChangedEvent.addListener(this._handleWidgetStateChangedEvent);
+        FrontstageManager.onToolActivatedEvent.addListener(this._handleToolActivatedEvent);
+        this._content.style.display = this.props.isHidden ? "none" : "flex";
+        this._content.style.flexDirection = "column";
+        this._content.style.height = "100%";
+        if (!this.props.renderTo)
+            return;
+        this.props.renderTo.appendChild(this._content);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.isHidden !== prevProps.isHidden) {
+            this._content.style.display = this.props.isHidden ? "none" : "flex";
+        }
+        if (!this.props.renderTo || prevProps.renderTo === this.props.renderTo)
+            return;
+        this.props.widgetDef.saveTransientState();
+        this.props.renderTo.appendChild(this._content);
+        const shouldRemount = this.props.widgetDef.restoreTransientState() || this.props.widgetDef.isToolSettings;
+        shouldRemount && this.setState((prevState) => ({ widgetKey: prevState.widgetKey + 1 }));
+    }
+    componentWillUnmount() {
+        this._content.parentNode && this._content.parentNode.removeChild(this._content);
+        FrontstageManager.onWidgetStateChangedEvent.removeListener(this._handleWidgetStateChangedEvent);
+        FrontstageManager.onToolActivatedEvent.removeListener(this._handleToolActivatedEvent);
+    }
+    render() {
+        if (this.props.toolSettingsMode !== undefined) {
+            return ReactDOM.createPortal((React.createElement(ToolSettingsContent, { anchor: this.props.anchor, key: this.state.widgetKey, mode: this.props.toolSettingsMode }, FrontstageManager.activeToolSettingsProvider && FrontstageManager.activeToolSettingsProvider.toolSettingsNode)), this._content);
+        }
+        if (this.props.widgetDef.state === WidgetState.Unloaded)
+            return null;
+        return ReactDOM.createPortal((React.createElement(React.Fragment, { key: this.state.widgetKey }, this.props.widgetDef.reactNode)), this._content);
+    }
+}
+/** @internal */
+export const getExtendedZone = (zoneId, zones, defProvider) => {
+    const zone = zones.zones[zoneId];
+    if (zoneId === 1 || zoneId === 3) {
+        let extendOverId = zoneId;
+        const zonesManager = FrontstageManager.NineZoneManager.getZonesManager();
+        let bottomZoneId = zonesManager.bottomZones.getInitial(extendOverId);
+        while (bottomZoneId !== undefined) {
+            const bottomZoneDef = defProvider.getZoneDef(bottomZoneId);
+            if (bottomZoneDef && bottomZoneDef.widgetDefs.length !== 0)
+                break;
+            extendOverId = bottomZoneId;
+            bottomZoneId = zonesManager.bottomZones.getInitial(bottomZoneId);
+        }
+        const bottom = zones.zones[extendOverId].bounds.bottom;
+        if (bottom === zone.bounds.bottom)
+            return zone;
+        return {
+            ...zone,
+            bounds: {
+                ...zone.bounds,
+                bottom,
+            },
+        };
+    }
+    return zone;
+};
+/** Hook that returns active frontstage id.
+ * @public
+ */
+export const useActiveFrontstageId = () => {
+    const def = useActiveFrontstageDef();
+    const id = React.useMemo(() => def ? /* istanbul ignore next */ def.id : "", [def]);
+    return id;
+};
+/** @internal */
+export function useActiveFrontstageDef() {
+    const [def, setDef] = React.useState(FrontstageManager.activeFrontstageDef);
+    React.useEffect(() => {
+        // istanbul ignore next
+        const handleActivated = (args) => {
+            setDef(args.activatedFrontstageDef);
+        };
+        FrontstageManager.onFrontstageActivatedEvent.addListener(handleActivated);
+        return () => {
+            FrontstageManager.onFrontstageActivatedEvent.removeListener(handleActivated);
+        };
+    }, []);
+    return def;
+}
+//# sourceMappingURL=Frontstage.js.map

package/lib/esm/appui-react/frontstage/Frontstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/Frontstage.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAqC,cAAc,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3H,OAAO,EAAe,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EACa,KAAK,IAAI,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAwC,aAAa,GAE1H,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAA2C,MAAM,2BAA2B,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,gCAAgC,EAAE,IAAI,EAAE,YAAY,EAA+B,MAAM,eAAe,CAAC;AAClH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAgC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAsFtF;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAc/E,gBAAgB;IAChB,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAdP,iBAAY,GAAG,IAAI,GAAG,EAA2C,CAAC;QAClE,mBAAc,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACnD,2BAAsB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC3D,gBAAW,GAAwB;YACzC,aAAa,EAAE,MAAM;SACtB,CAAC;QACM,0BAAqB,GAAwB;YACnD,GAAG,IAAI,CAAC,WAAW;YACnB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACnB,CAAC;QAwCM,yBAAoB,GAAG,CAAC,IAA2B,EAAQ,EAAE;YACnE,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEM,0BAAqB,GAAG,CAAC,KAA8B,EAAQ,EAAE;YACvE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC;QAEM,qCAAgC,GAAG,CAAC,KAAwC,EAAQ,EAAE;YAC5F,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC;QAqGM,mBAAc,GAAG,CAAC,MAAoB,EAAE,EAAE;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC1C,IAAI,GAAG;gBACL,OAAO,GAAG,CAAC;YACb,MAAM,MAAM,GAAG,CAAC,EAAyB,EAAE,EAAE;gBAC3C,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;oBAC5B,iBAAiB,EAAE;wBACjB,GAAG,SAAS,CAAC,iBAAiB;wBAC9B,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;qBACvC;iBACF,CAAC,CAAC,CAAC;YACN,CAAC,CAAC;YACF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACtC,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;QA/JA,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,WAAW,CAAC,cAAc,EAAE;YACzC,iBAAiB,EAAE,EAAE;SACtB,CAAC;IACJ,CAAC;IAED;;OAEG;IACa,KAAK,CAAC,iBAAiB;QACrC,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACzE,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACnF,cAAc,CAAC,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;IAChG,CAAC;IAEe,kBAAkB;QAChC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;YAClG,OAAO;QACT,IAAI,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACnG,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACrF,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC;QACtE,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;QAC9E,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,+BAA+B,CAAC,cAAc,CAAC,CAAC;IAChG,CAAC;IAED;;OAEG;IACa,oBAAoB;QAClC,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAC5E,cAAc,CAAC,2BAA2B,CAAC,cAAc,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;IACnG,CAAC;IAcO,gBAAgB;QACtB,uBAAuB;QACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;YAC1B,OAAO;QAET,uBAAuB;QACvB;YACE,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC;YAC5D,aAAa,CAAC,gBAAgB,EAAE,CAAC;YACjC,iBAAiB,CAAC,wBAAwB,CAAC,IAAI,EAAE,CAAC;YAClD,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,aAAa,CAAC,QAAmD,EAAE,YAA0B,EAAE,KAAsB;QACjI,IAAI,QAAQ,EAAE;YACZ,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;YAC9B,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YAEnE,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;YAEpC,uBAAuB;YACvB,IAAI,WAAW,IAAI,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;gBACpD,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnD,OAAO,OAAO,CAAC;aAChB;SACF;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,MAAM,CAAC,cAAc,CAAC,MAAoB,EAAE,KAAsB;QACxE,QAAQ,MAAM,EAAE;YACd,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAG,8CAA8C;YAC1I,KAAK,YAAY,CAAC,SAAS;gBACzB,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,8CAA8C;YAClH,KAAK,YAAY,CAAC,QAAQ;gBACxB,OAAO,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,0BAA0B,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,8CAA8C;YAC1J,KAAK,YAAY,CAAC,UAAU;gBAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAE,8CAA8C;YAC1E,KAAK,YAAY,CAAC,WAAW;gBAC3B,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,8CAA8C;YAC1E,KAAK,YAAY,CAAC,UAAU;gBAC1B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAE,8CAA8C;YAC1E,KAAK,YAAY,CAAC,YAAY;gBAC5B,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAE,8CAA8C;YAChH,KAAK,YAAY,CAAC,WAAW;gBAC3B,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,8CAA8C;SAC3E;QAED,yCAAyC;QACzC,uBAAuB;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,mBAAmB,CAAC,aAAiC,EAAE,KAAsB;QACzF,MAAM,QAAQ,GAAG,IAAI,aAAa,EAAE,CAAC;QAErC,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QAC3E,QAAQ,CAAC,mBAAmB,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QAEjE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEO,MAAM,CAAC,oBAAoB,CAAC,QAA4B,EAAE,KAAsB;QACtF,IAAI,YAA6D,CAAC;QAElE,QAAQ,QAAQ,EAAE;YAChB,KAAK,kBAAkB,CAAC,GAAG;gBACzB,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC;gBAC9B,MAAM;YACR,KAAK,kBAAkB,CAAC,OAAO;gBAC7B,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAE,8CAA8C;gBAClF,MAAM;YACR,KAAK,kBAAkB,CAAC,IAAI;gBAC1B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;gBAC/B,MAAM;YACR,KAAK,kBAAkB,CAAC,KAAK;gBAC3B,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC;gBAChC,MAAM;YACR,KAAK,kBAAkB,CAAC,MAAM;gBAC5B,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;gBACjC,MAAM;YACR,KAAK,kBAAkB,CAAC,UAAU;gBAChC,YAAY,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,8CAA8C;gBACpF,MAAM;YACR,uBAAuB;YACvB;gBACE,MAAM,IAAI,UAAU,EAAE,CAAC;SAC1B;QAED,0CAA0C;QAE1C,OAAO,YAAY,CAAC;IACtB,CAAC;IAkBD,iDAAiD;IACzC,qBAAqB;QAC3B,IAAI,aAA8B,CAAC;QAEnC,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE;YACpE,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC;YAE5D,uBAAuB;YACvB,IAAI,aAAa,CAAC,gBAAgB,IAAI,aAAa,CAAC,YAAY;gBAC9D,aAAa,GAAG,CACd,oBAAC,aAAa,IACZ,aAAa,EAAE,aAAa,CAAC,gBAAgB,EAC7C,YAAY,EAAE,aAAa,CAAC,YAAY,EACxC,cAAc,EAAE,aAAa,CAAC,cAAc,GAC5C,CACH,CAAC;;gBAEF,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,0GAA0G,CAAC,CAAC;SACjK;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;IAEO,sBAAsB,CAAC,QAAmC,EAAE,YAAoC;QACtG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,iBAAiB,CAAC,cAAc;YAC7D,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,QAAQ,EAAE;YACZ,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;YAC9B,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAE3E,uBAAuB;YACvB,IAAI,YAAY,IAAI,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE;gBACtD,MAAM,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBAC3D,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBAChE,MAAM,KAAK,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;gBACjE,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC;gBAEhE,MAAM,iBAAiB,GAA2B;oBAChD,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;oBACxF,mBAAmB,EAAE,IAAI,CAAC,cAAc;oBACxC,cAAc,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc;oBAC1D,UAAU,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM;oBAChD,KAAK;oBACL,QAAQ;oBACR,uBAAuB,EAAE,YAAY,CAAC,uBAAuB;oBAC7D,mBAAmB,EAAE,YAAY,CAAC,mBAAmB;oBACrD,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO;oBAC5C,UAAU,EAAE,YAAY,CAAC,UAAU;oBACnC,eAAe,EAAE,YAAY,CAAC,eAAe;iBAC9C,CAAC;gBAEF,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC,CAAC;aAC9E;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,iBAAiB,CAAC,OAAoC,EAAE,YAAoC;QAClG,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC1C,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAClE,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;gBACpD,OAAO,IAAI,CAAC;YAEd,MAAM,OAAO,GAAG,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAEhE,qBAAqB;YACrB,IAAI,CAAC,OAAO;gBACV,OAAO,IAAI,CAAC;YAEd,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,eAAe,CAAC,sBAAsB,EAAE,CAAC;YACvF,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACpE,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzF,qBAAqB;YACrB,IAAI,IAAI,KAAK,SAAS;gBACpB,OAAO,IAAI,CAAC;YAEd,MAAM,YAAY,GAAG,iBAAiB,CAAC,eAAe,CAAC,eAAe,EAAE,CAAC;YACzE,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1C,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YACvE,MAAM,UAAU,GAAG,YAAY,CAAC,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAC7D,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;YAC1E,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACpF,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;YAClF,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/E,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC;YAChE,MAAM,qBAAqB,GAAG,YAAY,CAAC,wBAAwB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YACnF,uBAAuB;YACvB,MAAM,gBAAgB,GAAqB;gBACzC,cAAc;gBACd,qBAAqB;gBACrB,aAAa,EAAE,aAAa,IAAI,0BAA0B,CAAC,aAAa,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;gBAC7I,UAAU;gBACV,mBAAmB,EAAE,IAAI,CAAC,cAAc;gBACxC,YAAY;gBACZ,QAAQ,EAAE,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,EAAE,0BAA2B,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,0BAA0B,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;oBACpL,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;gBAC5D,cAAc,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc;gBAC1D,YAAY;gBACZ,mBAAmB,EAAE,YAAY,CAAC,mBAAmB;gBACrD,mBAAmB,EAAE,YAAY,CAAC,mBAAmB;gBACrD,UAAU,EAAE,YAAY,CAAC,UAAU;gBACnC,MAAM;gBACN,OAAO;gBACP,eAAe,EAAE,YAAY,CAAC,eAAe;gBAC7C,IAAI;aACL,CAAC;YACF,OAAO,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAC1F,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,0BAA0B,CAAC,KAAkC,EAAE,YAAoC;QACzG,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAgE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YAC3G,MAAM,OAAO,GAAG,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAEhE,qBAAqB;YACrB,IAAI,CAAC,OAAO;gBACV,OAAO,IAAI,CAAC;YAEd,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,SAAoB,EAAE,EAAE;gBACpE,IAAI,MAAM,KAAK,CAAC;oBACd,OAAO,SAAS,CAAC,SAAS,CAAC;gBAC7B,OAAO,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YACtD,CAAC,CAAC,CAAC;YAEH,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,IAAI,CAAC,IAAI,CAAC;oBACR,EAAE,EAAE,MAAM;oBACV,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;oBAClB,QAAQ,EAAE,CAAC;iBACZ,CAAC,CAAC;aACJ;YAED,OAAO,IAAI,CAAC;QACd,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5B,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAChE,OAAO,CACL,oBAAC,qBAAqB,IACpB,MAAM,EAAE,QAAQ,CAAC,gBAAgB,EACjC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,EAC/C,GAAG,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACtC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,EACjD,gBAAgB,EAAE,gCAAgC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxF,SAAS,EAAE,MAAM,CAAC,GAAG,GACrB,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACa,MAAM;QACpB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,IAAI,YAAY,KAAK,SAAS;YAC5B,OAAO,IAAI,CAAC;QAEd,iDAAiD;QACjD,MAAM,aAAa,GAAwB;YACzC,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,MAAM;SACf,CAAC;QAEF,MAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;QAEjD,OAAO,CACL,6BAAK,KAAK,EAAE,aAAa,EAAE,EAAE,EAAC,oBAAoB,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAChF,oBAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW;gBACzG,oBAAC,WAAW,IACV,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,eAAe,EAAE,YAAY,CAAC,EACrF,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC;oBAE/E,oBAAC,WAAW,IACV,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,EACjF,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,SAAS,EAAE,YAAY,CAAC,EAC7E,UAAU,EAAE,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,EAC/E,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,QAAQ,EAAE,YAAY,CAAC;wBAE3E,6BACE,EAAE,EAAC,0BAA0B,EAC7B,GAAG,EAAE,IAAI,CAAC,cAAc,EACxB,KAAK,EAAE;gCACL,MAAM,EAAE,MAAM;gCACd,QAAQ,EAAE,UAAU;6BACrB;4BAEA,IAAI,CAAC,qBAAqB,EAAE;4BAC5B,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,QAAQ,EAAE,YAAY,CAAC,CACtD,CACM,CACF;gBACb,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;gBAC1C,6BACE,EAAE,EAAC,mCAAmC,EACtC,GAAG,EAAE,IAAI,CAAC,sBAAsB,EAChC,KAAK,EAAE;wBACL,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,UAAU;qBACrB,GACD,CACO;YACV,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC,QAAQ,EAAE,YAAY,CAAC,CAC/D,CACP,CAAC;IACJ,CAAC;;AApYc,mBAAQ,GAAgC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAmZ9F,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAAqE;IAE7G,YAAmB,KAAiC;QAClD,KAAK,CAAC,KAAK,CAAC,CAAC;QAFP,aAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAmE1C,mCAA8B,GAAG,CAAC,IAAiC,EAAE,EAAE;YAC7E,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;gBACzC,OAAO;YACT,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;QAEM,8BAAyB,GAAG,GAAG,EAAE;YACvC,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,KAAK,SAAS;gBAC3C,OAAO;YACT,sCAAsC;YACtC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC;QA1EA,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,CAAC;SACb,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,iBAAiB,CAAC,yBAAyB,CAAC,WAAW,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAC7F,iBAAiB,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAEnF,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QACpE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACpC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACtB,OAAO;QACT,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAEe,kBAAkB,CAAC,SAAqC;QACtE,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;SACrE;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ;YACpE,OAAO;QAET,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE/C,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;QAE1G,aAAa,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,QAAQ,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChF,iBAAiB,CAAC,yBAAyB,CAAC,cAAc,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAChG,iBAAiB,CAAC,oBAAoB,CAAC,cAAc,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IACxF,CAAC;IAEe,MAAM;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,KAAK,SAAS,EAAE;YAC7C,OAAO,QAAQ,CAAC,YAAY,CAAC,CAC3B,oBAAC,mBAAmB,IAClB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAEhC,iBAAiB,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,CAC1F,CACvB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACnB;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,KAAK,WAAW,CAAC,QAAQ;YACrD,OAAO,IAAI,CAAC;QACd,OAAO,QAAQ,CAAC,YAAY,CAAC,CAC3B,oBAAC,KAAK,CAAC,QAAQ,IACb,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAExB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAChB,CAClB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC;CAcF;AAED,gBAAgB;AAChB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAoB,EAAE,KAAwB,EAAE,WAA4B,EAAoB,EAAE;IAChI,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,EAAE;QAChC,IAAI,YAAY,GAAiB,MAAM,CAAC;QACxC,MAAM,YAAY,GAAG,iBAAiB,CAAC,eAAe,CAAC,eAAe,EAAE,CAAC;QACzE,IAAI,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QACrE,OAAO,YAAY,KAAK,SAAS,EAAE;YACjC,MAAM,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YAC3D,IAAI,aAAa,IAAI,aAAa,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;gBACxD,MAAM;YAER,YAAY,GAAG,YAAY,CAAC;YAC5B,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;SAClE;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QACvD,IAAI,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM;YAC/B,OAAO,IAAI,CAAC;QACd,OAAO;YACL,GAAG,IAAI;YACP,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;gBACd,MAAM;aACP;SACF,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,GAAG,GAAG,sBAAsB,EAAE,CAAC;IACrC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACpF,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,gBAAgB;AAChB,MAAM,UAAU,sBAAsB;IACpC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAC5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,eAAe,GAAG,CAAC,IAAkC,EAAE,EAAE;YAC7D,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC,CAAC;QACF,iBAAiB,CAAC,0BAA0B,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC1E,OAAO,GAAG,EAAE;YACV,iBAAiB,CAAC,0BAA0B,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QAC/E,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,GAAG,CAAC;AACb,CAAC","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/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { StagePanelLocation, UiItemProviderRegisteredEventArgs, UiItemsManager, WidgetState } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Rectangle } from \"@itwin/core-react\";\r\nimport {\r\n  HorizontalAnchor, Zones as NZ_Zones, StagePanels, StagePanelsManager, ToolSettingsWidgetMode, WidgetZoneId, widgetZoneIds, ZoneManagerProps,\r\n  ZonesManagerProps,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { ContentGroup, ContentGroupProvider } from \"../content/ContentGroup\";\r\nimport { ContentLayout } from \"../content/ContentLayout\";\r\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\r\nimport { getNestedStagePanelKey, StagePanelProps, StagePanelRuntimeProps } from \"../stagepanels/StagePanel\";\r\nimport { StagePanelDef } from \"../stagepanels/StagePanelDef\";\r\nimport { UiFramework, UiVisibilityEventArgs } from \"../UiFramework\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ToolSettingsContent } from \"../widgets/ToolSettingsContent\";\r\nimport { WidgetDef, WidgetStateChangedEventArgs } from \"../widgets/WidgetDef\";\r\nimport { WidgetsChangedEventArgs } from \"../widgets/WidgetManager\";\r\nimport { isToolSettingsWidgetManagerProps, Zone, ZoneLocation, ZoneProps, ZoneRuntimeProps } from \"../zones/Zone\";\r\nimport { ZoneDef } from \"../zones/ZoneDef\";\r\nimport { FrontstageRuntimeProps, ZoneDefProvider } from \"./FrontstageComposer\";\r\nimport { FrontstageActivatedEventArgs, FrontstageManager } from \"./FrontstageManager\";\r\n\r\n/** Properties for a [[Frontstage]] component.\r\n * @public\r\n */\r\nexport interface FrontstageProps extends CommonProps {\r\n  /** Id for the Frontstage */\r\n  id: string;\r\n  /** Tool that is started once the Frontstage is activated */\r\n  defaultTool: ToolItemDef;\r\n  /** The Content Group providing the Content Views */\r\n  contentGroup: ContentGroup | ContentGroupProvider;\r\n  /** Id of the Content View to be activated initially */\r\n  defaultContentId?: string;\r\n  /** Indicated whether the StatusBar is in footer mode or widget mode. Defaults to true. */\r\n  isInFooterMode?: boolean;                     // Default - true\r\n  /** Any application data to attach to this Frontstage. */\r\n  applicationData?: any;\r\n  /** Usage type for this Frontstage. */\r\n  usage?: string;\r\n  /** Frontstage version. Used to force saved layout reinitialization after changes to frontstage.\r\n   * @note This value should be increased when changes are made to Frontstage.\r\n   * Increasing the value will make sure to reinitialize App layout instead of restoring to old layout.\r\n   * Version increase is required when widgets are added/removed.\r\n   */\r\n  version?: number;\r\n  /** if isIModelIndependent then frontstage is independent from any iModel. */\r\n  isIModelIndependent?: boolean;\r\n  /** The Zone in the top-left corner.\r\n   * @deprecated Use 'contentManipulationTools' property. */\r\n  topLeft?: React.ReactElement<ZoneProps>;\r\n  /** The Zone along the top-center edge.\r\n   * @deprecated Use 'toolSettings' property. */\r\n  topCenter?: React.ReactElement<ZoneProps>;\r\n  /** The Zone in the top-right corner.\r\n   * @deprecated Use 'viewNavigationTools' property. */\r\n  topRight?: React.ReactElement<ZoneProps>;\r\n  /** The Zone along the center-left edge.\r\n   * @deprecated Place widgets in appropriate stage panel zone. */\r\n  centerLeft?: React.ReactElement<ZoneProps>;\r\n  /** The Zone along the center-right edge.\r\n   * @deprecated Place widgets in appropriate stage panel zone. */\r\n  centerRight?: React.ReactElement<ZoneProps>;\r\n  /** The Zone in the bottom-left corner.\r\n   * @deprecated Place widgets in appropriate stage panel zone.  */\r\n  bottomLeft?: React.ReactElement<ZoneProps>;\r\n  /** The Zone along the bottom-center edge.\r\n   * @deprecated use statusBar property */\r\n  bottomCenter?: React.ReactElement<ZoneProps>;\r\n  /** The Zone in the bottom-right corner.\r\n   * @deprecated Place widgets in appropriate stage panel zone. */\r\n  bottomRight?: React.ReactElement<ZoneProps>;\r\n\r\n  /** The Zone in the top-left corner that shows tools typically used to query and modify content. To be used in place of deprecated topLeft zone definition. */\r\n  contentManipulationTools?: React.ReactElement<ZoneProps>;\r\n  /** The Zone the that shows settings for the active tool. To be used in place of deprecated topCenter zone definition. */\r\n  toolSettings?: React.ReactElement<ZoneProps>;\r\n  /** The Zone in the top-right corner that shows view navigation tools. To be used in place of deprecated topRight zone definition */\r\n  viewNavigationTools?: React.ReactElement<ZoneProps>;\r\n  /** The status bar Zone shown as the application footer. To be used in place of deprecated bottomCenter zone definition. */\r\n  statusBar?: React.ReactElement<ZoneProps>;\r\n\r\n  /** The StagePanel on the top of the AppUi container. */\r\n  topPanel?: React.ReactElement<StagePanelProps>;\r\n  /** The StagePanel on the very top across the full width.\r\n   * @deprecated Only topPanel is supported in UI 2.0 */\r\n  topMostPanel?: React.ReactElement<StagePanelProps>;\r\n  /** The StagePanel on the left.  */\r\n  leftPanel?: React.ReactElement<StagePanelProps>;\r\n  /** The StagePanel on the right.  */\r\n  rightPanel?: React.ReactElement<StagePanelProps>;\r\n  /** The StagePanel on the bottom of the AppUi container.  */\r\n  bottomPanel?: React.ReactElement<StagePanelProps>;\r\n  /** The StagePanel on the very bottom across the full width.\r\n   * @deprecated Only bottomPanel is supported in UI 2.0  */\r\n  bottomMostPanel?: React.ReactElement<StagePanelProps>;\r\n\r\n  /** @internal */\r\n  runtimeProps?: FrontstageRuntimeProps;\r\n}\r\n\r\ninterface FrontstageState {\r\n  isUiVisible: boolean;\r\n  widgetIdToContent: Partial<{ [id in WidgetZoneId]: HTMLDivElement | undefined }>;\r\n}\r\n\r\n/** Frontstage React component.\r\n * A Frontstage is a full-screen configuration designed to enable the user to accomplish a task.\r\n * @public\r\n */\r\nexport class Frontstage extends React.Component<FrontstageProps, FrontstageState> {\r\n  private static _zoneIds: ReadonlyArray<WidgetZoneId> = widgetZoneIds.filter((z) => z !== 8);\r\n  private _contentRefs = new Map<WidgetZoneId, React.Ref<HTMLDivElement>>();\r\n  private _zonesMeasurer = React.createRef<HTMLDivElement>();\r\n  private _floatingZonesMeasurer = React.createRef<HTMLDivElement>();\r\n  private _zonesStyle: React.CSSProperties = {\r\n    pointerEvents: \"none\",\r\n  };\r\n  private _zonesFooterModeStyle: React.CSSProperties = {\r\n    ...this._zonesStyle,\r\n    display: \"flex\",\r\n    flexFlow: \"column\",\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(props: FrontstageProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      isUiVisible: UiFramework.getIsUiVisible(),\r\n      widgetIdToContent: {},\r\n    };\r\n  }\r\n\r\n  /** React lifecycle method.\r\n   * @internal\r\n   */\r\n  public override async componentDidMount() {\r\n    UiFramework.onUiVisibilityChanged.addListener(this._uiVisibilityChanged);\r\n    UiFramework.widgetManager.onWidgetsChanged.addListener(this._handleWidgetsChanged);\r\n    UiItemsManager.onUiProviderRegisteredEvent.addListener(this._handleUiProviderRegisteredEvent);\r\n  }\r\n\r\n  public override componentDidUpdate() {\r\n    if (!this._zonesMeasurer.current || !this._floatingZonesMeasurer.current || !this.props.runtimeProps)\r\n      return;\r\n    let floatingBounds = Rectangle.create(this._floatingZonesMeasurer.current.getBoundingClientRect());\r\n    const bounds = Rectangle.create(this._zonesMeasurer.current.getBoundingClientRect());\r\n    const offset = bounds.topLeft().getOffsetTo(floatingBounds.topLeft());\r\n    floatingBounds = floatingBounds.setPosition(offset);\r\n    this.props.runtimeProps.nineZoneChangeHandler.handleZonesBoundsChange(bounds);\r\n    this.props.runtimeProps.nineZoneChangeHandler.handleFloatingZonesBoundsChange(floatingBounds);\r\n  }\r\n\r\n  /** React lifecycle method.\r\n   * @internal\r\n   */\r\n  public override componentWillUnmount() {\r\n    UiFramework.onUiVisibilityChanged.removeListener(this._uiVisibilityChanged);\r\n    UiItemsManager.onUiProviderRegisteredEvent.removeListener(this._handleUiProviderRegisteredEvent);\r\n  }\r\n\r\n  private _uiVisibilityChanged = (args: UiVisibilityEventArgs): void => {\r\n    this.setState({ isUiVisible: args.visible });\r\n  };\r\n\r\n  private _handleWidgetsChanged = (_args: WidgetsChangedEventArgs): void => {\r\n    this.updateWidgetDefs();\r\n  };\r\n\r\n  private _handleUiProviderRegisteredEvent = (_args: UiItemProviderRegisteredEventArgs): void => {\r\n    this.updateWidgetDefs();\r\n  };\r\n\r\n  private updateWidgetDefs() {\r\n    // istanbul ignore else\r\n    if (!this.props.runtimeProps)\r\n      return;\r\n\r\n    // istanbul ignore next\r\n    {\r\n      const frontstageDef = this.props.runtimeProps.frontstageDef;\r\n      frontstageDef.updateWidgetDefs();\r\n      FrontstageManager.onWidgetDefsUpdatedEvent.emit();\r\n      this.forceUpdate();\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public static createZoneDef(zoneNode: React.ReactElement<ZoneProps> | undefined, zoneLocation: ZoneLocation, props: FrontstageProps): ZoneDef | undefined {\r\n    if (zoneNode) {\r\n      const zoneDef = new ZoneDef();\r\n      const zoneElement = Frontstage.getZoneElement(zoneLocation, props);\r\n\r\n      zoneDef.zoneLocation = zoneLocation;\r\n\r\n      // istanbul ignore else\r\n      if (zoneElement && React.isValidElement(zoneElement)) {\r\n        Zone.initializeZoneDef(zoneDef, zoneElement.props);\r\n        return zoneDef;\r\n      }\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private static getZoneElement(zoneId: WidgetZoneId, props: FrontstageProps): React.ReactElement<ZoneProps> | undefined {\r\n    switch (zoneId) {\r\n      case ZoneLocation.TopLeft:\r\n        return props.contentManipulationTools ? props.contentManipulationTools : props.topLeft;   // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.TopCenter:\r\n        return props.toolSettings ? props.toolSettings : props.topCenter; // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.TopRight:\r\n        return props.viewNavigationTools ? /* istanbul ignore next */ props.viewNavigationTools : props.topRight; // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.CenterLeft:\r\n        return props.centerLeft;  // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.CenterRight:\r\n        return props.centerRight; // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.BottomLeft:\r\n        return props.bottomLeft;  // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.BottomCenter:\r\n        return props.statusBar ? props.statusBar : props.bottomCenter;  // eslint-disable-line deprecation/deprecation\r\n      case ZoneLocation.BottomRight:\r\n        return props.bottomRight; // eslint-disable-line deprecation/deprecation\r\n    }\r\n\r\n    // Zones can be undefined in a Frontstage\r\n    // istanbul ignore next\r\n    return undefined;\r\n  }\r\n\r\n  /** @internal */\r\n  public static createStagePanelDef(panelLocation: StagePanelLocation, props: FrontstageProps): StagePanelDef | undefined {\r\n    const panelDef = new StagePanelDef();\r\n\r\n    const panelElement = Frontstage.getStagePanelElement(panelLocation, props);\r\n    panelDef.initializeFromProps(panelElement?.props, panelLocation);\r\n\r\n    return panelDef;\r\n  }\r\n\r\n  private static getStagePanelElement(location: StagePanelLocation, props: FrontstageProps): React.ReactElement<StagePanelProps> | undefined {\r\n    let panelElement: React.ReactElement<StagePanelProps> | undefined;\r\n\r\n    switch (location) {\r\n      case StagePanelLocation.Top:\r\n        panelElement = props.topPanel;\r\n        break;\r\n      case StagePanelLocation.TopMost:\r\n        panelElement = props.topMostPanel;  // eslint-disable-line deprecation/deprecation\r\n        break;\r\n      case StagePanelLocation.Left:\r\n        panelElement = props.leftPanel;\r\n        break;\r\n      case StagePanelLocation.Right:\r\n        panelElement = props.rightPanel;\r\n        break;\r\n      case StagePanelLocation.Bottom:\r\n        panelElement = props.bottomPanel;\r\n        break;\r\n      case StagePanelLocation.BottomMost:\r\n        panelElement = props.bottomMostPanel; // eslint-disable-line deprecation/deprecation\r\n        break;\r\n      // istanbul ignore next\r\n      default:\r\n        throw new RangeError();\r\n    }\r\n\r\n    // Panels can be undefined in a Frontstage\r\n\r\n    return panelElement;\r\n  }\r\n\r\n  private _getContentRef = (widget: WidgetZoneId) => {\r\n    const ref = this._contentRefs.get(widget);\r\n    if (ref)\r\n      return ref;\r\n    const newRef = (el: HTMLDivElement | null) => {\r\n      this.setState((prevState) => ({\r\n        widgetIdToContent: {\r\n          ...prevState.widgetIdToContent,\r\n          [widget]: el === null ? undefined : el,\r\n        },\r\n      }));\r\n    };\r\n    this._contentRefs.set(widget, newRef);\r\n    return newRef;\r\n  };\r\n\r\n  // This uses ConfigurableUi to render the content\r\n  private doContentLayoutRender(): React.ReactNode {\r\n    let contentLayout: React.ReactNode;\r\n\r\n    // istanbul ignore else\r\n    if (this.props.runtimeProps && this.props.runtimeProps.frontstageDef) {\r\n      const frontstageDef = this.props.runtimeProps.frontstageDef;\r\n\r\n      // istanbul ignore else\r\n      if (frontstageDef.contentLayoutDef && frontstageDef.contentGroup)\r\n        contentLayout = (\r\n          <ContentLayout\r\n            contentLayout={frontstageDef.contentLayoutDef}\r\n            contentGroup={frontstageDef.contentGroup}\r\n            isInFooterMode={frontstageDef.isInFooterMode}\r\n          />\r\n        );\r\n      else\r\n        Logger.logError(UiFramework.loggerCategory(this), `FrontstageDef.contentLayoutDef and FrontstageDef.contentGroup are required for <ContentLayout> component`);\r\n    }\r\n\r\n    return contentLayout;\r\n  }\r\n\r\n  private cloneStagePanelElement(panelDef: StagePanelDef | undefined, runtimeProps: FrontstageRuntimeProps): React.ReactNode {\r\n    if (!this.state.isUiVisible && UiShowHideManager.showHidePanels)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (panelDef) {\r\n      const { location } = panelDef;\r\n      const panelElement = Frontstage.getStagePanelElement(location, this.props);\r\n\r\n      // istanbul ignore else\r\n      if (panelElement && React.isValidElement(panelElement)) {\r\n        const panelKey = getNestedStagePanelKey(panelDef.location);\r\n        const panels = runtimeProps.nineZone.nested.panels[panelKey.id];\r\n        const panel = StagePanelsManager.getPanel(panelKey.type, panels);\r\n        const draggedWidget = runtimeProps.nineZone.zones.draggedWidget;\r\n\r\n        const panelRuntimeProps: StagePanelRuntimeProps = {\r\n          draggedWidgetId: draggedWidget ? /* istanbul ignore next */ draggedWidget.id : undefined,\r\n          getWidgetContentRef: this._getContentRef,\r\n          isInFooterMode: runtimeProps.nineZone.zones.isInFooterMode,\r\n          isTargeted: !!runtimeProps.nineZone.zones.target,\r\n          panel,\r\n          panelDef,\r\n          stagePanelChangeHandler: runtimeProps.stagePanelChangeHandler,\r\n          widgetChangeHandler: runtimeProps.widgetChangeHandler,\r\n          widgets: runtimeProps.nineZone.zones.widgets,\r\n          widgetTabs: runtimeProps.widgetTabs,\r\n          zoneDefProvider: runtimeProps.zoneDefProvider,\r\n        };\r\n\r\n        return React.cloneElement(panelElement, { runtimeProps: panelRuntimeProps });\r\n      }\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private cloneZoneElements(zoneIds: ReadonlyArray<WidgetZoneId>, runtimeProps: FrontstageRuntimeProps): React.ReactNode[] {\r\n    return zoneIds.map((zoneId: WidgetZoneId) => {\r\n      const zoneElement = Frontstage.getZoneElement(zoneId, this.props);\r\n      if (!zoneElement || !React.isValidElement(zoneElement))\r\n        return null;\r\n\r\n      const zoneDef = runtimeProps.zoneDefProvider.getZoneDef(zoneId);\r\n\r\n      // istanbul ignore if\r\n      if (!zoneDef)\r\n        return null;\r\n\r\n      const nestedPanelsManager = FrontstageManager.NineZoneManager.getNestedPanelsManager();\r\n      const panelsManager = nestedPanelsManager.getPanelsManager(\"inner\");\r\n      const type = panelsManager.findWidget(zoneId, runtimeProps.nineZone.nested.panels.inner);\r\n      // istanbul ignore if\r\n      if (type !== undefined)\r\n        return null;\r\n\r\n      const zonesManager = FrontstageManager.NineZoneManager.getZonesManager();\r\n      const zones = runtimeProps.nineZone.zones;\r\n      const ghostOutline = zonesManager.getGhostOutlineBounds(zoneId, zones);\r\n      const dropTarget = zonesManager.getDropTarget(zoneId, zones);\r\n      const zone = getExtendedZone(zoneId, zones, runtimeProps.zoneDefProvider);\r\n      const widget = zone.widgets.length > 0 ? zones.widgets[zone.widgets[0]] : undefined;\r\n      const openWidgetId = zone.widgets.find((wId) => zones.widgets[wId].tabIndex >= 0);\r\n      const activeTabIndex = openWidgetId ? zones.widgets[openWidgetId].tabIndex : 0;\r\n      const draggedWidget = runtimeProps.nineZone.zones.draggedWidget;\r\n      const disabledResizeHandles = zonesManager.getDisabledResizeHandles(zoneId, zones);\r\n      // istanbul ignore next\r\n      const zoneRuntimeProps: ZoneRuntimeProps = {\r\n        activeTabIndex,\r\n        disabledResizeHandles,\r\n        draggedWidget: draggedWidget && /* istanbul ignore next */ draggedWidget.id === zoneId ? /* istanbul ignore next */ draggedWidget : undefined,\r\n        dropTarget,\r\n        getWidgetContentRef: this._getContentRef,\r\n        ghostOutline,\r\n        isHidden: (zoneDef.isStatusBar && this.props.isInFooterMode && ( /* istanbul ignore next */ this.state.isUiVisible || /* istanbul ignore next */ !UiShowHideManager.showHideFooter)) ?\r\n          /* istanbul ignore next */ false : !this.state.isUiVisible,\r\n        isInFooterMode: runtimeProps.nineZone.zones.isInFooterMode,\r\n        openWidgetId,\r\n        targetChangeHandler: runtimeProps.targetChangeHandler,\r\n        widgetChangeHandler: runtimeProps.widgetChangeHandler,\r\n        widgetTabs: runtimeProps.widgetTabs,\r\n        widget,\r\n        zoneDef,\r\n        zoneDefProvider: runtimeProps.zoneDefProvider,\r\n        zone,\r\n      };\r\n      return React.cloneElement(zoneElement, { key: zoneId, runtimeProps: zoneRuntimeProps });\r\n    });\r\n  }\r\n\r\n  private cloneWidgetContentElements(zones: ReadonlyArray<WidgetZoneId>, runtimeProps: FrontstageRuntimeProps): React.ReactNode[] {\r\n    const widgets = zones.reduce<Array<{ id: WidgetZoneId, def: WidgetDef, tabIndex: number }>>((prev, zoneId) => {\r\n      const zoneDef = runtimeProps.zoneDefProvider.getZoneDef(zoneId);\r\n\r\n      // istanbul ignore if\r\n      if (!zoneDef)\r\n        return prev;\r\n\r\n      const widgetDefs = zoneDef.widgetDefs.filter((widgetDef: WidgetDef) => {\r\n        if (zoneId === 2)\r\n          return widgetDef.isVisible;\r\n        return widgetDef.isVisible && !widgetDef.isFloating;\r\n      });\r\n\r\n      for (let i = 0; i < widgetDefs.length; i++) {\r\n        prev.push({\r\n          id: zoneId,\r\n          def: widgetDefs[i],\r\n          tabIndex: i,\r\n        });\r\n      }\r\n\r\n      return prev;\r\n    }, []);\r\n    return widgets.map((widget) => {\r\n      const nzWidget = runtimeProps.nineZone.zones.widgets[widget.id];\r\n      return (\r\n        <WidgetContentRenderer\r\n          anchor={nzWidget.horizontalAnchor}\r\n          isHidden={nzWidget.tabIndex !== widget.tabIndex}\r\n          key={`${widget.id}_${widget.tabIndex}`}\r\n          renderTo={this.state.widgetIdToContent[widget.id]}\r\n          toolSettingsMode={isToolSettingsWidgetManagerProps(nzWidget) ? nzWidget.mode : undefined}\r\n          widgetDef={widget.def}\r\n        />\r\n      );\r\n    });\r\n  }\r\n\r\n  /** React render method\r\n   * @internal\r\n   */\r\n  public override render(): React.ReactNode {\r\n    const { runtimeProps } = this.props;\r\n\r\n    if (runtimeProps === undefined)\r\n      return null;\r\n\r\n    /** For Nine-zone area; includes ContentLayout */\r\n    const ninezoneStyle: React.CSSProperties = {\r\n      position: \"relative\",\r\n      height: \"100%\",\r\n    };\r\n\r\n    const frontstageDef = runtimeProps.frontstageDef;\r\n\r\n    return (\r\n      <div style={ninezoneStyle} id=\"uifw-ninezone-area\" className={this.props.className}>\r\n        <NZ_Zones style={runtimeProps.nineZone.zones.isInFooterMode ? this._zonesFooterModeStyle : this._zonesStyle} >\r\n          <StagePanels\r\n            bottomPanel={this.cloneStagePanelElement(frontstageDef.bottomMostPanel, runtimeProps)} // eslint-disable-line deprecation/deprecation\r\n            topPanel={this.cloneStagePanelElement(frontstageDef.topMostPanel, runtimeProps)} // eslint-disable-line deprecation/deprecation\r\n          >\r\n            <StagePanels\r\n              bottomPanel={this.cloneStagePanelElement(frontstageDef.bottomPanel, runtimeProps)}\r\n              leftPanel={this.cloneStagePanelElement(frontstageDef.leftPanel, runtimeProps)}\r\n              rightPanel={this.cloneStagePanelElement(frontstageDef.rightPanel, runtimeProps)}\r\n              topPanel={this.cloneStagePanelElement(frontstageDef.topPanel, runtimeProps)}\r\n            >\r\n              <div\r\n                id=\"uifw-ninezone-zones-area\"\r\n                ref={this._zonesMeasurer}\r\n                style={{\r\n                  height: \"100%\",\r\n                  position: \"relative\",\r\n                }}\r\n              >\r\n                {this.doContentLayoutRender()}\r\n                {this.cloneZoneElements(Frontstage._zoneIds, runtimeProps)}\r\n              </div>\r\n            </StagePanels>\r\n          </StagePanels>\r\n          {this.cloneZoneElements([8], runtimeProps)}\r\n          <div\r\n            id=\"uifw-ninezone-floating-zones-area\"\r\n            ref={this._floatingZonesMeasurer}\r\n            style={{\r\n              height: \"100%\",\r\n              width: \"100%\",\r\n              position: \"absolute\",\r\n            }}\r\n          />\r\n        </NZ_Zones>\r\n        {this.cloneWidgetContentElements(Frontstage._zoneIds, runtimeProps)}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\ninterface WidgetContentRendererProps {\r\n  anchor: HorizontalAnchor;\r\n  isHidden: boolean;\r\n  renderTo: HTMLDivElement | undefined;\r\n  toolSettingsMode: ToolSettingsWidgetMode | undefined;\r\n  widgetDef: WidgetDef;\r\n}\r\n\r\ninterface WidgetContentRendererState {\r\n  widgetKey: number;\r\n}\r\n\r\nclass WidgetContentRenderer extends React.PureComponent<WidgetContentRendererProps, WidgetContentRendererState> {\r\n  private _content = document.createElement(\"span\");\r\n  public constructor(props: WidgetContentRendererProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      widgetKey: 0,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    FrontstageManager.onWidgetStateChangedEvent.addListener(this._handleWidgetStateChangedEvent);\r\n    FrontstageManager.onToolActivatedEvent.addListener(this._handleToolActivatedEvent);\r\n\r\n    this._content.style.display = this.props.isHidden ? \"none\" : \"flex\";\r\n    this._content.style.flexDirection = \"column\";\r\n    this._content.style.height = \"100%\";\r\n    if (!this.props.renderTo)\r\n      return;\r\n    this.props.renderTo.appendChild(this._content);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: WidgetContentRendererProps) {\r\n    if (this.props.isHidden !== prevProps.isHidden) {\r\n      this._content.style.display = this.props.isHidden ? \"none\" : \"flex\";\r\n    }\r\n\r\n    if (!this.props.renderTo || prevProps.renderTo === this.props.renderTo)\r\n      return;\r\n\r\n    this.props.widgetDef.saveTransientState();\r\n    this.props.renderTo.appendChild(this._content);\r\n\r\n    const shouldRemount = this.props.widgetDef.restoreTransientState() || this.props.widgetDef.isToolSettings;\r\n\r\n    shouldRemount && this.setState((prevState) => ({ widgetKey: prevState.widgetKey + 1 }));\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._content.parentNode && this._content.parentNode.removeChild(this._content);\r\n    FrontstageManager.onWidgetStateChangedEvent.removeListener(this._handleWidgetStateChangedEvent);\r\n    FrontstageManager.onToolActivatedEvent.removeListener(this._handleToolActivatedEvent);\r\n  }\r\n\r\n  public override render() {\r\n    if (this.props.toolSettingsMode !== undefined) {\r\n      return ReactDOM.createPortal((\r\n        <ToolSettingsContent\r\n          anchor={this.props.anchor}\r\n          key={this.state.widgetKey}\r\n          mode={this.props.toolSettingsMode}\r\n        >\r\n          {FrontstageManager.activeToolSettingsProvider && FrontstageManager.activeToolSettingsProvider.toolSettingsNode}\r\n        </ToolSettingsContent>\r\n      ), this._content);\r\n    }\r\n\r\n    if (this.props.widgetDef.state === WidgetState.Unloaded)\r\n      return null;\r\n    return ReactDOM.createPortal((\r\n      <React.Fragment\r\n        key={this.state.widgetKey}\r\n      >\r\n        {this.props.widgetDef.reactNode}\r\n      </React.Fragment>\r\n    ), this._content);\r\n  }\r\n\r\n  private _handleWidgetStateChangedEvent = (args: WidgetStateChangedEventArgs) => {\r\n    if (this.props.widgetDef !== args.widgetDef)\r\n      return;\r\n    this.forceUpdate();\r\n  };\r\n\r\n  private _handleToolActivatedEvent = () => {\r\n    if (this.props.toolSettingsMode === undefined)\r\n      return;\r\n    // force update when tool is activated\r\n    this.setState((prevState) => ({ widgetKey: prevState.widgetKey + 1 }));\r\n  };\r\n}\r\n\r\n/** @internal */\r\nexport const getExtendedZone = (zoneId: WidgetZoneId, zones: ZonesManagerProps, defProvider: ZoneDefProvider): ZoneManagerProps => {\r\n  const zone = zones.zones[zoneId];\r\n  if (zoneId === 1 || zoneId === 3) {\r\n    let extendOverId: WidgetZoneId = zoneId;\r\n    const zonesManager = FrontstageManager.NineZoneManager.getZonesManager();\r\n    let bottomZoneId = zonesManager.bottomZones.getInitial(extendOverId);\r\n    while (bottomZoneId !== undefined) {\r\n      const bottomZoneDef = defProvider.getZoneDef(bottomZoneId);\r\n      if (bottomZoneDef && bottomZoneDef.widgetDefs.length !== 0)\r\n        break;\r\n\r\n      extendOverId = bottomZoneId;\r\n      bottomZoneId = zonesManager.bottomZones.getInitial(bottomZoneId);\r\n    }\r\n\r\n    const bottom = zones.zones[extendOverId].bounds.bottom;\r\n    if (bottom === zone.bounds.bottom)\r\n      return zone;\r\n    return {\r\n      ...zone,\r\n      bounds: {\r\n        ...zone.bounds,\r\n        bottom,\r\n      },\r\n    };\r\n  }\r\n  return zone;\r\n};\r\n\r\n/** Hook that returns active frontstage id.\r\n * @public\r\n */\r\nexport const useActiveFrontstageId = () => {\r\n  const def = useActiveFrontstageDef();\r\n  const id = React.useMemo(() => def ? /* istanbul ignore next */ def.id : \"\", [def]);\r\n  return id;\r\n};\r\n\r\n/** @internal */\r\nexport function useActiveFrontstageDef() {\r\n  const [def, setDef] = React.useState(FrontstageManager.activeFrontstageDef);\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const handleActivated = (args: FrontstageActivatedEventArgs) => {\r\n      setDef(args.activatedFrontstageDef);\r\n    };\r\n    FrontstageManager.onFrontstageActivatedEvent.addListener(handleActivated);\r\n    return () => {\r\n      FrontstageManager.onFrontstageActivatedEvent.removeListener(handleActivated);\r\n    };\r\n  }, []);\r\n  return def;\r\n}\r\n"]}