@itwin/appui-react 4.17.0 → 5.0.0-dev.2

package/lib/appui-react/layout/base/NineZone.d.ts

@@ -0,0 +1,80 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Rectangle } from "@itwin/core-react/internal";
+import type { CursorType } from "../widget-panels/CursorOverlay.js";
+import type { PanelSide } from "../widget-panels/PanelTypes.js";
+import type { FloatingWidgetResizeHandle } from "../widget/FloatingWidget.js";
+import type { NineZoneAction } from "../state/NineZoneAction.js";
+import type { LayoutStore } from "./LayoutStore.js";
+/** @internal */
+export type NineZoneDispatch = (action: NineZoneAction) => void;
+/** @internal */
+export interface NineZoneProps {
+    children?: React.ReactNode;
+    dispatch: NineZoneDispatch;
+    layout: LayoutStore;
+    labels?: NineZoneLabels;
+    toolSettingsContent?: React.ReactNode;
+    widgetContent?: React.ReactNode;
+    tab?: React.ReactNode;
+    floatingWidget?: React.ReactNode;
+    showWidgetIcon?: boolean;
+    autoCollapseUnpinnedPanels?: boolean;
+    animateDockedToolSettings?: boolean;
+    uiIsVisible?: boolean;
+}
+/** @internal */
+export interface NineZoneLabels {
+    dockToolSettingsTitle?: string;
+    moreWidgetsTitle?: string;
+    moreToolSettingsTitle?: string;
+    pinPanelTitle?: string;
+    resizeGripTitle?: string;
+    sendWidgetHomeTitle?: string;
+    toolSettingsHandleTitle?: string;
+    unpinPanelTitle?: string;
+    popoutActiveTab?: string;
+}
+/** @internal */
+export declare function NineZone(props: NineZoneProps): React.JSX.Element;
+/** @internal */
+export interface NineZoneProviderProps extends NineZoneProps {
+    measure: () => Rectangle;
+}
+/** @internal */
+export declare function NineZoneProvider(props: NineZoneProviderProps): React.JSX.Element;
+/** @internal */
+export declare const NineZoneDispatchContext: React.Context<NineZoneDispatch>;
+/** @internal */
+export declare const NineZoneLabelsContext: React.Context<NineZoneLabels | undefined>;
+/** @internal */
+export declare const CursorTypeContext: React.Context<CursorType | undefined>;
+/** @internal */
+export declare const WidgetContentNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const ShowWidgetIconContext: React.Context<boolean>;
+/** @internal */
+export declare const AutoCollapseUnpinnedPanelsContext: React.Context<boolean>;
+/** @internal */
+export declare const AnimateDockedToolSettingsContext: React.Context<boolean>;
+/** @internal */
+export declare const ToolSettingsNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const TabNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const FloatingWidgetNodeContext: React.Context<React.ReactNode>;
+/** @internal */
+export declare const MeasureContext: React.Context<() => Rectangle>;
+/** @internal */
+export declare const UiIsVisibleContext: React.Context<boolean>;
+/** @internal */
+export declare function sideToCursorType(side: PanelSide): CursorType;
+/** @internal */
+export declare function handleToCursorType(handle: FloatingWidgetResizeHandle): CursorType;
+/** @internal */
+export declare function getUniqueId(): string;
+/** @internal */
+export declare function useLabel(labelKey: keyof NineZoneLabels): string | undefined;
+//# sourceMappingURL=NineZone.d.ts.map

package/lib/appui-react/layout/base/NineZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineZone.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/NineZone.tsx"],"names":[],"mappings":"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"}

package/lib/appui-react/layout/base/NineZone.js

@@ -0,0 +1,164 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { assert, Guid } from "@itwin/core-bentley";
+import { Rectangle, useRefs, useResizeObserver, } from "@itwin/core-react/internal";
+import { WidgetContentManager } from "../widget/ContentManager.js";
+import { FloatingWidget } from "../widget/FloatingWidget.js";
+import { DraggedPanelSideContext, DraggedResizeHandleContext, DraggedWidgetIdContext, DragProvider, } from "./DragManager.js";
+import { WidgetTab } from "../widget/Tab.js";
+import { LayoutStoreContext, useLayout } from "./LayoutStore.js";
+/** @internal */
+export function NineZone(props) {
+    const { children, ...providerProps } = props;
+    const measurerRef = React.useRef(null);
+    const measure = React.useCallback(() => {
+        assert(!!measurerRef.current);
+        return Rectangle.create(measurerRef.current.getBoundingClientRect());
+    }, []);
+    return (React.createElement(NineZoneProvider, { measure: measure, ...providerProps },
+        React.createElement(Measurer, { ref: measurerRef }),
+        children));
+}
+const tab = React.createElement(WidgetTab, null);
+const floatingWidget = React.createElement(FloatingWidget, null);
+/** @internal */
+export function NineZoneProvider(props) {
+    return (React.createElement(LayoutStoreContext.Provider, { value: props.layout },
+        React.createElement(NineZoneDispatchContext.Provider, { value: props.dispatch },
+            React.createElement(NineZoneLabelsContext.Provider, { value: props.labels },
+                React.createElement(UiIsVisibleContext.Provider, { value: !!props.uiIsVisible },
+                    React.createElement(ShowWidgetIconContext.Provider, { value: !!props.showWidgetIcon },
+                        React.createElement(AutoCollapseUnpinnedPanelsContext.Provider, { value: !!props.autoCollapseUnpinnedPanels },
+                            React.createElement(WidgetContentNodeContext.Provider, { value: props.widgetContent },
+                                React.createElement(ToolSettingsNodeContext.Provider, { value: props.toolSettingsContent },
+                                    React.createElement(TabNodeContext.Provider, { value: props.tab || tab },
+                                        React.createElement(FloatingWidgetNodeContext.Provider, { value: props.floatingWidget || floatingWidget },
+                                            React.createElement(AnimateDockedToolSettingsContext.Provider, { value: !!props.animateDockedToolSettings },
+                                                React.createElement(DragProvider, null,
+                                                    React.createElement(CursorTypeProvider, null,
+                                                        React.createElement(WidgetContentManager, null,
+                                                            React.createElement(MeasureContext.Provider, { value: props.measure }, props.children))))))))))))))));
+}
+/** @internal */
+export const NineZoneDispatchContext = React.createContext(null);
+NineZoneDispatchContext.displayName = "nz:NineZoneDispatchContext";
+/** @internal */
+export const NineZoneLabelsContext = React.createContext(undefined);
+NineZoneLabelsContext.displayName = "nz:NineZoneLabelsContext";
+/** @internal */
+export const CursorTypeContext = React.createContext(undefined);
+CursorTypeContext.displayName = "nz:CursorTypeContext";
+/** @internal */
+export const WidgetContentNodeContext = React.createContext(undefined);
+WidgetContentNodeContext.displayName = "nz:WidgetContentNodeContext";
+/** @internal */
+export const ShowWidgetIconContext = React.createContext(false);
+ShowWidgetIconContext.displayName = "nz:ShowWidgetIconContext";
+/** @internal */
+export const AutoCollapseUnpinnedPanelsContext = React.createContext(false);
+AutoCollapseUnpinnedPanelsContext.displayName =
+    "nz:AutoCollapseUnpinnedPanelsContext";
+/** @internal */
+export const AnimateDockedToolSettingsContext = React.createContext(false);
+AnimateDockedToolSettingsContext.displayName =
+    "nz:AnimateDockedToolSettingsContext";
+/** @internal */
+export const ToolSettingsNodeContext = React.createContext(undefined);
+ToolSettingsNodeContext.displayName = "nz:ToolSettingsNodeContext";
+/** @internal */
+export const TabNodeContext = React.createContext(undefined);
+TabNodeContext.displayName = "nz:TabNodeContext";
+/** @internal */
+export const FloatingWidgetNodeContext = React.createContext(undefined);
+FloatingWidgetNodeContext.displayName = "nz:FloatingWidgetNodeContext";
+/** @internal */
+export const MeasureContext = React.createContext(null);
+MeasureContext.displayName = "nz:MeasureContext";
+/** @internal */
+export const UiIsVisibleContext = React.createContext(false);
+UiIsVisibleContext.displayName = "nz:UiIsVisibleContext";
+function CursorTypeProvider(props) {
+    const draggedTab = useLayout((state) => !!state.draggedTab);
+    const draggedWidgetId = React.useContext(DraggedWidgetIdContext);
+    const draggedPanelSide = React.useContext(DraggedPanelSideContext);
+    const draggedResizeHandle = React.useContext(DraggedResizeHandleContext);
+    let type;
+    if (draggedTab || draggedWidgetId)
+        type = "grabbing";
+    else if (draggedPanelSide)
+        type = sideToCursorType(draggedPanelSide);
+    else if (draggedResizeHandle)
+        type = handleToCursorType(draggedResizeHandle);
+    return (React.createElement(CursorTypeContext.Provider, { value: type }, props.children));
+}
+const Measurer = React.forwardRef(function Measurer(_, ref) {
+    const size = React.useRef({});
+    const dispatch = React.useContext(NineZoneDispatchContext);
+    const handleResize = React.useCallback((width, height) => {
+        if (size.current.width === width && size.current.height === height)
+            return;
+        size.current.height = height;
+        size.current.width = width;
+        dispatch({
+            type: "RESIZE",
+            size: {
+                height,
+                width,
+            },
+        });
+    }, [dispatch]);
+    const roRef = useResizeObserver(handleResize);
+    const refs = useRefs(ref, roRef);
+    return (React.createElement("div", { ref: refs, style: {
+            position: "absolute",
+            width: "100%",
+            height: "100%",
+            top: "0",
+            left: "0",
+            visibility: "hidden",
+        } }));
+});
+/** @internal */
+export function sideToCursorType(side) {
+    switch (side) {
+        case "bottom":
+        case "top":
+            return "ns-resize";
+        case "left":
+        case "right":
+            return "ew-resize";
+    }
+}
+/** @internal */
+export function handleToCursorType(handle) {
+    switch (handle) {
+        case "bottom":
+        case "top":
+            return "ns-resize";
+        case "left":
+        case "right":
+            return "ew-resize";
+        case "topLeft":
+        case "bottomRight":
+            return "nwse-resize";
+        case "topRight":
+        case "bottomLeft":
+            return "nesw-resize";
+    }
+}
+/** @internal */
+export function getUniqueId() {
+    return Guid.createValue();
+}
+/** @internal */
+export function useLabel(labelKey) {
+    const labels = React.useContext(NineZoneLabelsContext);
+    return labels?.[labelKey];
+}
+//# sourceMappingURL=NineZone.js.map

package/lib/appui-react/layout/base/NineZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineZone.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/NineZone.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,SAAS,EACT,OAAO,EACP,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAkCjE,gBAAgB;AAChB,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAkB,GAAG,EAAE;QACtD,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC9B,OAAO,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,KAAM,aAAa;QACnD,oBAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,GAAI;QAC7B,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC;AAOD,MAAM,GAAG,GAAG,oBAAC,SAAS,OAAG,CAAC;AAC1B,MAAM,cAAc,GAAG,oBAAC,cAAc,OAAG,CAAC;AAE1C,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM;QAC9C,oBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ;YACrD,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM;gBACjD,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW;oBACrD,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc;wBAC3D,oBAAC,iCAAiC,CAAC,QAAQ,IACzC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,0BAA0B;4BAEzC,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa;gCAC3D,oBAAC,uBAAuB,CAAC,QAAQ,IAC/B,KAAK,EAAE,KAAK,CAAC,mBAAmB;oCAEhC,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG;wCAC9C,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE,KAAK,CAAC,cAAc,IAAI,cAAc;4CAE7C,oBAAC,gCAAgC,CAAC,QAAQ,IACxC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,yBAAyB;gDAExC,oBAAC,YAAY;oDACX,oBAAC,kBAAkB;wDACjB,oBAAC,oBAAoB;4DACnB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,IAC1C,KAAK,CAAC,QAAQ,CACS,CACL,CACJ,CACR,CAC2B,CACT,CACb,CACO,CACD,CACO,CACd,CACL,CACC,CACA,CACP,CAC/B,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CACxD,IAAK,CACN,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEnE,gBAAgB;AAChB,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAEtD,SAAS,CAAC,CAAC;AACb,qBAAqB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE/D,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAClD,SAAS,CACV,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEvD,gBAAgB;AAChB,MAAM,CAAC,MAAM,wBAAwB,GACnC,KAAK,CAAC,aAAa,CAAkB,SAAS,CAAC,CAAC;AAClD,wBAAwB,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;AACzE,qBAAqB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE/D,gBAAgB;AAChB,MAAM,CAAC,MAAM,iCAAiC,GAC5C,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;AACtC,iCAAiC,CAAC,WAAW;IAC3C,sCAAsC,CAAC;AAEzC,gBAAgB;AAChB,MAAM,CAAC,MAAM,gCAAgC,GAC3C,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;AACtC,gCAAgC,CAAC,WAAW;IAC1C,qCAAqC,CAAC;AAExC,gBAAgB;AAChB,MAAM,CAAC,MAAM,uBAAuB,GAClC,KAAK,CAAC,aAAa,CAAkB,SAAS,CAAC,CAAC;AAClD,uBAAuB,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEnE,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB,SAAS,CAAC,CAAC;AAC9E,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEjD,gBAAgB;AAChB,MAAM,CAAC,MAAM,yBAAyB,GACpC,KAAK,CAAC,aAAa,CAAkB,SAAS,CAAC,CAAC;AAClD,yBAAyB,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEvE,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB,IAAK,CAAC,CAAC;AAC1E,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEjD,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;AACtE,kBAAkB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEzD,SAAS,kBAAkB,CAAC,KAAqC;IAC/D,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IACnE,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IACzE,IAAI,IAA4B,CAAC;IACjC,IAAI,UAAU,IAAI,eAAe;QAAE,IAAI,GAAG,UAAU,CAAC;SAChD,IAAI,gBAAgB;QAAE,IAAI,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SAChE,IAAI,mBAAmB;QAAE,IAAI,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAC7E,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IACpC,KAAK,CAAC,QAAQ,CACY,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiB,SAAS,QAAQ,CAAC,CAAC,EAAE,GAAG;IACxE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAsC,EAAE,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;QAChC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM;YAChE,OAAO;QACT,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE;gBACJ,MAAM;gBACN,KAAK;aACN;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,KAAK,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,GAAG;YACT,UAAU,EAAE,QAAQ;SACrB,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAAC,IAAe;IAC9C,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ,CAAC;QACd,KAAK,KAAK;YACR,OAAO,WAAW,CAAC;QACrB,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACV,OAAO,WAAW,CAAC;IACvB,CAAC;AACH,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAChC,MAAkC;IAElC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,QAAQ,CAAC;QACd,KAAK,KAAK;YACR,OAAO,WAAW,CAAC;QACrB,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACV,OAAO,WAAW,CAAC;QACrB,KAAK,SAAS,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC;QACvB,KAAK,UAAU,CAAC;QAChB,KAAK,YAAY;YACf,OAAO,aAAa,CAAC;IACzB,CAAC;AACH,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,WAAW;IACzB,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;AAC5B,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,QAAQ,CAAC,QAA8B;IACrD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACvD,OAAO,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC;AAC5B,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/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { assert, Guid } from \"@itwin/core-bentley\";\nimport {\n  Rectangle,\n  useRefs,\n  useResizeObserver,\n} from \"@itwin/core-react/internal\";\nimport type { CursorType } from \"../widget-panels/CursorOverlay.js\";\nimport type { PanelSide } from \"../widget-panels/PanelTypes.js\";\nimport { WidgetContentManager } from \"../widget/ContentManager.js\";\nimport type { FloatingWidgetResizeHandle } from \"../widget/FloatingWidget.js\";\nimport { FloatingWidget } from \"../widget/FloatingWidget.js\";\nimport {\n  DraggedPanelSideContext,\n  DraggedResizeHandleContext,\n  DraggedWidgetIdContext,\n  DragProvider,\n} from \"./DragManager.js\";\nimport { WidgetTab } from \"../widget/Tab.js\";\nimport type { NineZoneAction } from \"../state/NineZoneAction.js\";\nimport type { LayoutStore } from \"./LayoutStore.js\";\nimport { LayoutStoreContext, useLayout } from \"./LayoutStore.js\";\n\n/** @internal */\nexport type NineZoneDispatch = (action: NineZoneAction) => void;\n\n/** @internal */\nexport interface NineZoneProps {\n  children?: React.ReactNode;\n  dispatch: NineZoneDispatch;\n  layout: LayoutStore;\n  labels?: NineZoneLabels;\n  toolSettingsContent?: React.ReactNode;\n  widgetContent?: React.ReactNode;\n  tab?: React.ReactNode;\n  floatingWidget?: React.ReactNode;\n  showWidgetIcon?: boolean;\n  autoCollapseUnpinnedPanels?: boolean;\n  animateDockedToolSettings?: boolean;\n  uiIsVisible?: boolean;\n}\n\n/** @internal */\nexport interface NineZoneLabels {\n  dockToolSettingsTitle?: string;\n  moreWidgetsTitle?: string;\n  moreToolSettingsTitle?: string;\n  pinPanelTitle?: string;\n  resizeGripTitle?: string;\n  sendWidgetHomeTitle?: string;\n  toolSettingsHandleTitle?: string;\n  unpinPanelTitle?: string;\n  popoutActiveTab?: string;\n}\n\n/** @internal */\nexport function NineZone(props: NineZoneProps) {\n  const { children, ...providerProps } = props;\n  const measurerRef = React.useRef<HTMLDivElement>(null);\n  const measure = React.useCallback<() => Rectangle>(() => {\n    assert(!!measurerRef.current);\n    return Rectangle.create(measurerRef.current.getBoundingClientRect());\n  }, []);\n  return (\n    <NineZoneProvider measure={measure} {...providerProps}>\n      <Measurer ref={measurerRef} />\n      {children}\n    </NineZoneProvider>\n  );\n}\n\n/** @internal */\nexport interface NineZoneProviderProps extends NineZoneProps {\n  measure: () => Rectangle;\n}\n\nconst tab = <WidgetTab />;\nconst floatingWidget = <FloatingWidget />;\n\n/** @internal */\nexport function NineZoneProvider(props: NineZoneProviderProps) {\n  return (\n    <LayoutStoreContext.Provider value={props.layout}>\n      <NineZoneDispatchContext.Provider value={props.dispatch}>\n        <NineZoneLabelsContext.Provider value={props.labels}>\n          <UiIsVisibleContext.Provider value={!!props.uiIsVisible}>\n            <ShowWidgetIconContext.Provider value={!!props.showWidgetIcon}>\n              <AutoCollapseUnpinnedPanelsContext.Provider\n                value={!!props.autoCollapseUnpinnedPanels}\n              >\n                <WidgetContentNodeContext.Provider value={props.widgetContent}>\n                  <ToolSettingsNodeContext.Provider\n                    value={props.toolSettingsContent}\n                  >\n                    <TabNodeContext.Provider value={props.tab || tab}>\n                      <FloatingWidgetNodeContext.Provider\n                        value={props.floatingWidget || floatingWidget}\n                      >\n                        <AnimateDockedToolSettingsContext.Provider\n                          value={!!props.animateDockedToolSettings}\n                        >\n                          <DragProvider>\n                            <CursorTypeProvider>\n                              <WidgetContentManager>\n                                <MeasureContext.Provider value={props.measure}>\n                                  {props.children}\n                                </MeasureContext.Provider>\n                              </WidgetContentManager>\n                            </CursorTypeProvider>\n                          </DragProvider>\n                        </AnimateDockedToolSettingsContext.Provider>\n                      </FloatingWidgetNodeContext.Provider>\n                    </TabNodeContext.Provider>\n                  </ToolSettingsNodeContext.Provider>\n                </WidgetContentNodeContext.Provider>\n              </AutoCollapseUnpinnedPanelsContext.Provider>\n            </ShowWidgetIconContext.Provider>\n          </UiIsVisibleContext.Provider>\n        </NineZoneLabelsContext.Provider>\n      </NineZoneDispatchContext.Provider>\n    </LayoutStoreContext.Provider>\n  );\n}\n\n/** @internal */\nexport const NineZoneDispatchContext = React.createContext<NineZoneDispatch>(\n  null!\n);\nNineZoneDispatchContext.displayName = \"nz:NineZoneDispatchContext\";\n\n/** @internal */\nexport const NineZoneLabelsContext = React.createContext<\n  NineZoneLabels | undefined\n>(undefined);\nNineZoneLabelsContext.displayName = \"nz:NineZoneLabelsContext\";\n\n/** @internal */\nexport const CursorTypeContext = React.createContext<CursorType | undefined>(\n  undefined\n);\nCursorTypeContext.displayName = \"nz:CursorTypeContext\";\n\n/** @internal */\nexport const WidgetContentNodeContext =\n  React.createContext<React.ReactNode>(undefined);\nWidgetContentNodeContext.displayName = \"nz:WidgetContentNodeContext\";\n\n/** @internal */\nexport const ShowWidgetIconContext = React.createContext<boolean>(false);\nShowWidgetIconContext.displayName = \"nz:ShowWidgetIconContext\";\n\n/** @internal */\nexport const AutoCollapseUnpinnedPanelsContext =\n  React.createContext<boolean>(false);\nAutoCollapseUnpinnedPanelsContext.displayName =\n  \"nz:AutoCollapseUnpinnedPanelsContext\";\n\n/** @internal */\nexport const AnimateDockedToolSettingsContext =\n  React.createContext<boolean>(false);\nAnimateDockedToolSettingsContext.displayName =\n  \"nz:AnimateDockedToolSettingsContext\";\n\n/** @internal */\nexport const ToolSettingsNodeContext =\n  React.createContext<React.ReactNode>(undefined);\nToolSettingsNodeContext.displayName = \"nz:ToolSettingsNodeContext\";\n\n/** @internal */\nexport const TabNodeContext = React.createContext<React.ReactNode>(undefined);\nTabNodeContext.displayName = \"nz:TabNodeContext\";\n\n/** @internal */\nexport const FloatingWidgetNodeContext =\n  React.createContext<React.ReactNode>(undefined);\nFloatingWidgetNodeContext.displayName = \"nz:FloatingWidgetNodeContext\";\n\n/** @internal */\nexport const MeasureContext = React.createContext<() => Rectangle>(null!);\nMeasureContext.displayName = \"nz:MeasureContext\";\n\n/** @internal */\nexport const UiIsVisibleContext = React.createContext<boolean>(false);\nUiIsVisibleContext.displayName = \"nz:UiIsVisibleContext\";\n\nfunction CursorTypeProvider(props: { children?: React.ReactNode }) {\n  const draggedTab = useLayout((state) => !!state.draggedTab);\n  const draggedWidgetId = React.useContext(DraggedWidgetIdContext);\n  const draggedPanelSide = React.useContext(DraggedPanelSideContext);\n  const draggedResizeHandle = React.useContext(DraggedResizeHandleContext);\n  let type: CursorType | undefined;\n  if (draggedTab || draggedWidgetId) type = \"grabbing\";\n  else if (draggedPanelSide) type = sideToCursorType(draggedPanelSide);\n  else if (draggedResizeHandle) type = handleToCursorType(draggedResizeHandle);\n  return (\n    <CursorTypeContext.Provider value={type}>\n      {props.children}\n    </CursorTypeContext.Provider>\n  );\n}\n\nconst Measurer = React.forwardRef<HTMLDivElement>(function Measurer(_, ref) {\n  const size = React.useRef<{ height?: number; width?: number }>({});\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const handleResize = React.useCallback(\n    (width: number, height: number) => {\n      if (size.current.width === width && size.current.height === height)\n        return;\n      size.current.height = height;\n      size.current.width = width;\n      dispatch({\n        type: \"RESIZE\",\n        size: {\n          height,\n          width,\n        },\n      });\n    },\n    [dispatch]\n  );\n  const roRef = useResizeObserver(handleResize);\n  const refs = useRefs(ref, roRef);\n  return (\n    <div\n      ref={refs}\n      style={{\n        position: \"absolute\",\n        width: \"100%\",\n        height: \"100%\",\n        top: \"0\",\n        left: \"0\",\n        visibility: \"hidden\",\n      }}\n    />\n  );\n});\n\n/** @internal */\nexport function sideToCursorType(side: PanelSide): CursorType {\n  switch (side) {\n    case \"bottom\":\n    case \"top\":\n      return \"ns-resize\";\n    case \"left\":\n    case \"right\":\n      return \"ew-resize\";\n  }\n}\n\n/** @internal */\nexport function handleToCursorType(\n  handle: FloatingWidgetResizeHandle\n): CursorType {\n  switch (handle) {\n    case \"bottom\":\n    case \"top\":\n      return \"ns-resize\";\n    case \"left\":\n    case \"right\":\n      return \"ew-resize\";\n    case \"topLeft\":\n    case \"bottomRight\":\n      return \"nwse-resize\";\n    case \"topRight\":\n    case \"bottomLeft\":\n      return \"nesw-resize\";\n  }\n}\n\n/** @internal */\nexport function getUniqueId() {\n  return Guid.createValue();\n}\n\n/** @internal */\nexport function useLabel(labelKey: keyof NineZoneLabels) {\n  const labels = React.useContext(NineZoneLabelsContext);\n  return labels?.[labelKey];\n}\n"]}

package/lib/appui-react/layout/base/SafeAreaInsets.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { SafeAreaInsets } from "../../safearea/SafeAreaInsets.js";
+/** @internal */
+export declare class SafeAreaInsetsHelpers {
+    static isBottom(flags: SafeAreaInsets): boolean;
+    static isLeft(flags: SafeAreaInsets): boolean;
+    static isRight(flags: SafeAreaInsets): boolean;
+    static isTop(flags: SafeAreaInsets): boolean;
+    static getCssClassNames: (flags: SafeAreaInsets) => {
+        "nz-safe-area-bottom": boolean;
+        "nz-safe-area-left": boolean;
+        "nz-safe-area-right": boolean;
+        "nz-safe-area-top": boolean;
+    };
+}
+//# sourceMappingURL=SafeAreaInsets.d.ts.map

package/lib/appui-react/layout/base/SafeAreaInsets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaInsets.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/SafeAreaInsets.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,gBAAgB;AAChB,qBAAa,qBAAqB;WAClB,QAAQ,CAAC,KAAK,EAAE,cAAc;WAI9B,MAAM,CAAC,KAAK,EAAE,cAAc;WAI5B,OAAO,CAAC,KAAK,EAAE,cAAc;WAI7B,KAAK,CAAC,KAAK,EAAE,cAAc;IAIzC,OAAc,gBAAgB,UAAW,cAAc;;;;;MAOrD;CACH"}

package/lib/appui-react/layout/base/SafeAreaInsets.js

@@ -0,0 +1,32 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { SafeAreaInsets } from "../../safearea/SafeAreaInsets.js";
+/** @internal */
+export class SafeAreaInsetsHelpers {
+    static isBottom(flags) {
+        return SafeAreaInsets.Bottom.valueOf() === (flags & SafeAreaInsets.Bottom);
+    }
+    static isLeft(flags) {
+        return SafeAreaInsets.Left.valueOf() === (flags & SafeAreaInsets.Left);
+    }
+    static isRight(flags) {
+        return SafeAreaInsets.Right.valueOf() === (flags & SafeAreaInsets.Right);
+    }
+    static isTop(flags) {
+        return SafeAreaInsets.Top.valueOf() === (flags & SafeAreaInsets.Top);
+    }
+}
+SafeAreaInsetsHelpers.getCssClassNames = (flags) => {
+    return {
+        "nz-safe-area-bottom": SafeAreaInsetsHelpers.isBottom(flags),
+        "nz-safe-area-left": SafeAreaInsetsHelpers.isLeft(flags),
+        "nz-safe-area-right": SafeAreaInsetsHelpers.isRight(flags),
+        "nz-safe-area-top": SafeAreaInsetsHelpers.isTop(flags),
+    };
+};
+//# sourceMappingURL=SafeAreaInsets.js.map

package/lib/appui-react/layout/base/SafeAreaInsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaInsets.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/SafeAreaInsets.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,gBAAgB;AAChB,MAAM,OAAO,qBAAqB;IACzB,MAAM,CAAC,QAAQ,CAAC,KAAqB;QAC1C,OAAO,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7E,CAAC;IAEM,MAAM,CAAC,MAAM,CAAC,KAAqB;QACxC,OAAO,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzE,CAAC;IAEM,MAAM,CAAC,OAAO,CAAC,KAAqB;QACzC,OAAO,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3E,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,KAAqB;QACvC,OAAO,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACvE,CAAC;;AAEa,sCAAgB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzD,OAAO;QACL,qBAAqB,EAAE,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC5D,mBAAmB,EAAE,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC;QACxD,oBAAoB,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC1D,kBAAkB,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC;KACvD,CAAC;AACJ,CAAC,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/** @packageDocumentation\n * @module Utilities\n */\nimport { SafeAreaInsets } from \"../../safearea/SafeAreaInsets.js\";\n\n/** @internal */\nexport class SafeAreaInsetsHelpers {\n  public static isBottom(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Bottom.valueOf() === (flags & SafeAreaInsets.Bottom);\n  }\n\n  public static isLeft(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Left.valueOf() === (flags & SafeAreaInsets.Left);\n  }\n\n  public static isRight(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Right.valueOf() === (flags & SafeAreaInsets.Right);\n  }\n\n  public static isTop(flags: SafeAreaInsets) {\n    return SafeAreaInsets.Top.valueOf() === (flags & SafeAreaInsets.Top);\n  }\n\n  public static getCssClassNames = (flags: SafeAreaInsets) => {\n    return {\n      \"nz-safe-area-bottom\": SafeAreaInsetsHelpers.isBottom(flags),\n      \"nz-safe-area-left\": SafeAreaInsetsHelpers.isLeft(flags),\n      \"nz-safe-area-right\": SafeAreaInsetsHelpers.isRight(flags),\n      \"nz-safe-area-top\": SafeAreaInsetsHelpers.isTop(flags),\n    };\n  };\n}\n"]}

package/lib/appui-react/layout/base/usePointerCaptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerCaptor.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/usePointerCaptor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAMH,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,gBAAgB;AAChB,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,gBAAgB,kDACJ,iBAAiB,KAAK,kBAAkB,KAAK,IAAI,uCACjD,iBAAiB,KAAK,kBAAkB,KAAK,IAAI,kCACtD,kBAAkB,KAAK,IAAI,8CA2F9C,CAAC"}

package/lib/appui-react/layout/base/usePointerCaptor.js

@@ -0,0 +1,105 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { useRefEffect } from "@itwin/core-react/internal";
+import { DragManagerContext } from "./DragManager.js";
+/** Captures mouse and touch events of an element. Used in drag or resize interactions.
+ * @internal
+ */
+export const usePointerCaptor = (onPointerDown, onPointerMove, onPointerUp) => {
+    const dragManager = React.useContext(DragManagerContext);
+    const isDown = React.useRef(false);
+    React.useEffect(() => {
+        const mouseMove = (e) => {
+            isDown.current && onPointerMove && onPointerMove(e, e);
+        };
+        document.addEventListener("mousemove", mouseMove);
+        return () => {
+            document.removeEventListener("mousemove", mouseMove);
+        };
+    }, [onPointerMove]);
+    React.useEffect(() => {
+        const mouseUp = (e) => {
+            isDown.current && onPointerUp && onPointerUp(e);
+            isDown.current = false;
+        };
+        document.addEventListener("mouseup", mouseUp);
+        return () => {
+            document.removeEventListener("mouseup", mouseUp);
+        };
+    }, [onPointerUp]);
+    const setRef = useRefEffect((instance) => {
+        let touchTarget = null;
+        const mouseDown = (e) => {
+            const isSecondaryButton = (e.button & 2) === 2;
+            if (isSecondaryButton)
+                return;
+            onPointerDown && onPointerDown(e, e);
+            isDown.current = true;
+        };
+        const touchMove = (e) => {
+            if (e.touches.length !== 1)
+                return;
+            isDown.current && onPointerMove && onPointerMove(e.touches[0], e);
+            isDown.current &&
+                dragManager.handleDrag(e.touches[0].clientX, e.touches[0].clientY);
+        };
+        const targetTouchMove = (e) => {
+            e.cancelable && e.preventDefault();
+            touchMove(e);
+        };
+        const documentTouchMove = (e) => {
+            // Do not handle document touch move if it was handled by target handler.
+            if (touchTarget === e.target)
+                return;
+            touchMove(e);
+        };
+        const touchEnd = (e) => {
+            isDown.current && onPointerUp && onPointerUp(e);
+            isDown.current && dragManager.handleDragEnd();
+            isDown.current = false;
+            touchTarget = null;
+            if (e.target instanceof HTMLElement) {
+                e.target.removeEventListener("touchmove", targetTouchMove);
+                e.target.removeEventListener("touchend", touchEnd);
+            }
+            document.removeEventListener("touchmove", documentTouchMove);
+            document.removeEventListener("touchend", documentTouchEnd);
+        };
+        const documentTouchEnd = (e) => {
+            // Do not handle document touch move if it was handled by target handler.
+            if (touchTarget === e.target)
+                return;
+            touchEnd(e);
+        };
+        const touchStart = (e) => {
+            e.cancelable && e.preventDefault();
+            if (e.touches.length !== 1)
+                return;
+            touchTarget = e.target;
+            // In case of implicit pointer capture attach to event target.
+            if (e.target instanceof HTMLElement) {
+                e.target.addEventListener("touchmove", targetTouchMove);
+                e.target.addEventListener("touchend", touchEnd);
+            }
+            // Add to document in case the target looses capture (i.e. is removed)
+            document.addEventListener("touchmove", documentTouchMove);
+            document.addEventListener("touchend", documentTouchEnd);
+            onPointerDown && onPointerDown(e.touches[0], e);
+            isDown.current = true;
+        };
+        instance && instance.addEventListener("mousedown", mouseDown);
+        instance && instance.addEventListener("touchstart", touchStart);
+        return () => {
+            instance && instance.removeEventListener("mousedown", mouseDown);
+            instance && instance.removeEventListener("touchstart", touchStart);
+        };
+    }, [onPointerDown, onPointerMove, onPointerUp, dragManager]);
+    return setRef;
+};
+//# sourceMappingURL=usePointerCaptor.js.map

package/lib/appui-react/layout/base/usePointerCaptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerCaptor.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/base/usePointerCaptor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { useRefEffect } from \"@itwin/core-react/internal\";\nimport { DragManagerContext } from \"./DragManager.js\";\n\n/** @internal */\nexport interface PointerCaptorArgs {\n  readonly clientX: number;\n  readonly clientY: number;\n}\n\n/** @internal */\nexport type PointerCaptorEvent = MouseEvent | TouchEvent;\n\n/** Captures mouse and touch events of an element. Used in drag or resize interactions.\n * @internal\n */\nexport const usePointerCaptor = <T extends HTMLElement>(\n  onPointerDown?: (args: PointerCaptorArgs, e: PointerCaptorEvent) => void,\n  onPointerMove?: (args: PointerCaptorArgs, e: PointerCaptorEvent) => void,\n  onPointerUp?: (e: PointerCaptorEvent) => void\n) => {\n  const dragManager = React.useContext(DragManagerContext);\n  const isDown = React.useRef(false);\n  React.useEffect(() => {\n    const mouseMove = (e: MouseEvent) => {\n      isDown.current && onPointerMove && onPointerMove(e, e);\n    };\n    document.addEventListener(\"mousemove\", mouseMove);\n    return () => {\n      document.removeEventListener(\"mousemove\", mouseMove);\n    };\n  }, [onPointerMove]);\n  React.useEffect(() => {\n    const mouseUp = (e: MouseEvent) => {\n      isDown.current && onPointerUp && onPointerUp(e);\n      isDown.current = false;\n    };\n    document.addEventListener(\"mouseup\", mouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", mouseUp);\n    };\n  }, [onPointerUp]);\n  const setRef = useRefEffect(\n    (instance: T | null) => {\n      let touchTarget: EventTarget | null = null;\n      const mouseDown = (e: MouseEvent) => {\n        const isSecondaryButton = (e.button & 2) === 2;\n        if (isSecondaryButton) return;\n\n        onPointerDown && onPointerDown(e, e);\n        isDown.current = true;\n      };\n      const touchMove = (e: TouchEvent) => {\n        if (e.touches.length !== 1) return;\n        isDown.current && onPointerMove && onPointerMove(e.touches[0], e);\n        isDown.current &&\n          dragManager.handleDrag(e.touches[0].clientX, e.touches[0].clientY);\n      };\n      const targetTouchMove = (e: TouchEvent) => {\n        e.cancelable && e.preventDefault();\n        touchMove(e);\n      };\n      const documentTouchMove = (e: TouchEvent) => {\n        // Do not handle document touch move if it was handled by target handler.\n        if (touchTarget === e.target) return;\n        touchMove(e);\n      };\n      const touchEnd = (e: TouchEvent) => {\n        isDown.current && onPointerUp && onPointerUp(e);\n        isDown.current && dragManager.handleDragEnd();\n        isDown.current = false;\n        touchTarget = null;\n        if (e.target instanceof HTMLElement) {\n          e.target.removeEventListener(\"touchmove\", targetTouchMove);\n          e.target.removeEventListener(\"touchend\", touchEnd);\n        }\n        document.removeEventListener(\"touchmove\", documentTouchMove);\n        document.removeEventListener(\"touchend\", documentTouchEnd);\n      };\n      const documentTouchEnd = (e: TouchEvent) => {\n        // Do not handle document touch move if it was handled by target handler.\n        if (touchTarget === e.target) return;\n        touchEnd(e);\n      };\n      const touchStart = (e: TouchEvent) => {\n        e.cancelable && e.preventDefault();\n        if (e.touches.length !== 1) return;\n        touchTarget = e.target;\n        // In case of implicit pointer capture attach to event target.\n        if (e.target instanceof HTMLElement) {\n          e.target.addEventListener(\"touchmove\", targetTouchMove);\n          e.target.addEventListener(\"touchend\", touchEnd);\n        }\n        // Add to document in case the target looses capture (i.e. is removed)\n        document.addEventListener(\"touchmove\", documentTouchMove);\n        document.addEventListener(\"touchend\", documentTouchEnd);\n        onPointerDown && onPointerDown(e.touches[0], e);\n        isDown.current = true;\n      };\n\n      instance && instance.addEventListener(\"mousedown\", mouseDown);\n      instance && instance.addEventListener(\"touchstart\", touchStart);\n      return () => {\n        instance && instance.removeEventListener(\"mousedown\", mouseDown);\n        instance && instance.removeEventListener(\"touchstart\", touchStart);\n      };\n    },\n    [onPointerDown, onPointerMove, onPointerUp, dragManager]\n  );\n  return setRef;\n};\n"]}

package/lib/appui-react/layout/footer/dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBASxC"}

package/lib/appui-react/layout/footer/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,SAAS,GAAG,UAAU,CAAC,yBAAyB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,iBAAc,eAAe;QACxE,iCAAM,KAAK,CAAC,QAAQ,CAAO;QAC3B,iCAAM,KAAK,CAAC,QAAQ,CAAO,CACvB,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Message\n */\n\nimport \"./Dialog.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Dialog]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface DialogProps extends CommonProps {\n  /** Dialog content.  */\n  children?: React.ReactNode;\n  /** Dialog title bar. See [[TitleBar]] */\n  titleBar?: React.ReactNode;\n}\n\n/** Dialog used in footer indicators.\n * @note See [[MessageCenter]], [[ToolAssistance]]\n * @note Use [StatusBarDialog]($appui-react) instead\n * @internal\n */\nexport function Dialog(props: DialogProps) {\n  const className = classnames(\"nz-footer-dialog-dialog\", props.className);\n\n  return (\n    <div className={className} style={props.style} data-testid=\"footer-dialog\">\n      <div>{props.titleBar}</div>\n      <div>{props.children}</div>\n    </div>\n  );\n}\n"]}

package/lib/appui-react/layout/footer/dialog/Dialog.scss

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.nz-footer-dialog-dialog {
+  border-radius: var(--iui-border-radius-1);
+  background-color: var(--iui-color-background);
+  overflow: hidden;
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  position: relative;
+}

package/lib/appui-react/layout/footer/dialog/TitleBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/dialog/TitleBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAS5C"}

package/lib/appui-react/layout/footer/dialog/TitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/dialog/TitleBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC,2BAA2B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,8BAAM,SAAS,EAAC,UAAU,IAAE,KAAK,CAAC,KAAK,CAAQ;QAC9C,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Message\n */\n\nimport \"./TitleBar.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[TitleBar]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TitleBarProps extends CommonProps {\n  /** Title bar buttons. I.e. [[TitleBarButton]] */\n  children?: React.ReactNode;\n  /** Title bar title. */\n  title?: string;\n}\n\n/** Title bar of [[Dialog]] component.\n * @note Use [StatusBarDialog.TitleBar]($appui-react) instead\n * @internal\n */\nexport function TitleBar(props: TitleBarProps) {\n  const className = classnames(\"nz-footer-dialog-titleBar\", props.className);\n\n  return (\n    <div className={className} style={props.style}>\n      <span className=\"nz-title\">{props.title}</span>\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/appui-react/layout/footer/dialog/TitleBar.scss

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/typography" as *;
+@use "variables" as *;
+
+.nz-footer-dialog-titleBar {
+  $horizontal-padding: $nz-dialog-padding;
+  $vertical-padding: 12px;
+
+  background-color: var(--iui-color-background-backdrop);
+  border-bottom: 1px solid var(--iui-color-border-subtle);
+  min-height: $nz-footer-title-bar-height;
+  box-sizing: border-box;
+  display: grid;
+  grid-auto-flow: column;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  grid-gap: $horizontal-padding;
+  padding-left: $horizontal-padding;
+  padding-right: $horizontal-padding;
+
+  > .nz-title {
+    @include title;
+    color: var(--iui-color-text);
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}

package/lib/appui-react/layout/footer/snap-mode/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/snap-mode/Panel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;GAEG;AAEH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM;CAavB"}

package/lib/appui-react/layout/footer/snap-mode/Panel.js

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module SnapMode
+ */
+import "./Panel.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { TitleBar } from "../dialog/TitleBar.js";
+/** Snap mode panel used with [[SnapMode]] component.
+ * @note This is a presentational component and should be aligned with [[SnapMode]] component.
+ * I.e. use [[FooterPopup]] to handle alignment.
+ * @internal
+ */
+export class SnapModePanel extends React.PureComponent {
+    render() {
+        const className = classnames("nz-footer-snapMode-panel", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style },
+            React.createElement(TitleBar, { title: this.props.title }),
+            React.createElement("div", { className: "nz-snaps" }, this.props.children)));
+    }
+}
+//# sourceMappingURL=Panel.js.map

package/lib/appui-react/layout/footer/snap-mode/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/snap-mode/Panel.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAajD;;;;GAIG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAChD,oBAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI;YACrC,6BAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CACjD,CACP,CAAC;IACJ,CAAC;CACF","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/** @packageDocumentation\n * @module SnapMode\n */\n\nimport \"./Panel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { TitleBar } from \"../dialog/TitleBar.js\";\n\n/** Properties of [[SnapModePanel]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface SnapModePanelProps extends CommonProps {\n  /** Snap rows. I.e. [[Snap]] */\n  children?: React.ReactNode;\n  /** Dialog title. */\n  title?: string;\n}\n\n/** Snap mode panel used with [[SnapMode]] component.\n * @note This is a presentational component and should be aligned with [[SnapMode]] component.\n * I.e. use [[FooterPopup]] to handle alignment.\n * @internal\n */\nexport class SnapModePanel extends React.PureComponent<SnapModePanelProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-footer-snapMode-panel\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style}>\n        <TitleBar title={this.props.title} />\n        <div className=\"nz-snaps\">{this.props.children}</div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/appui-react/layout/footer/snap-mode/Panel.scss

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/typography" as *;
+
+.nz-footer-snapMode-panel {
+  background-color: var(--iui-color-background);
+  border-radius: var(--iui-border-radius-1);
+  overflow: hidden;
+
+  > .nz-snaps {
+    display: grid;
+    grid-gap: 8px;
+    padding: 8px;
+
+    @include body1;
+  }
+}

package/lib/appui-react/layout/footer/snap-mode/Snap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snap.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/snap-mode/Snap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IACtC,MAAM;CAuBvB"}

package/lib/appui-react/layout/footer/snap-mode/Snap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snap.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/footer/snap-mode/Snap.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAwB;IACtC,MAAM;QACpB,MAAM,eAAe,GAAG,UAAU,CAChC,yBAAyB,EACzB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAClC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO;QACL,iEAAiE;QACjE,6BACE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC;YAEX,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAC3C,iCAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAO,CAC7B;YACD,iCAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAC5B,CACP,CAAC;IACJ,CAAC;CACF","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/** @packageDocumentation\n * @module SnapMode\n */\n\nimport \"./Snap.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Snap]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface SnapProps extends CommonProps {\n  /** Label of snap row. */\n  children?: string;\n  /** Snap row icon. */\n  icon?: React.ReactNode;\n  /** Describes if the snap row is active. */\n  isActive?: boolean;\n  /** Function called when the Snap component is clicked. */\n  onClick?: () => void;\n}\n\n/** Snap row used in [[SnapModePanel]] component.\n * @internal\n */\nexport class Snap extends React.PureComponent<SnapProps> {\n  public override render() {\n    const dialogClassName = classnames(\n      \"nz-footer-snapMode-snap\",\n      this.props.isActive && \"nz-active\",\n      this.props.className\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        onClick={this.props.onClick}\n        className={dialogClassName}\n        style={this.props.style}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        {this.props.icon === undefined ? undefined : (\n          <div>{this.props.icon}</div>\n        )}\n        <div>{this.props.children}</div>\n      </div>\n    );\n  }\n}\n"]}