@itwin/appui-react 4.14.0 → 4.15.0

package/lib/esm/appui-react/widget-panels/StatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,gBAAgB;AAChB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,4BAiBvD"}
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,gBAAgB;AAEhB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,4BAiBvD"}

package/lib/esm/appui-react/widget-panels/StatusBar.js

@@ -10,6 +10,7 @@ import { ConfigurableUiControlType } from "../configurableui/ConfigurableUiContr
 import { StatusBar } from "../statusbar/StatusBar";
 import { useActiveFrontstageDef } from "../frontstage/FrontstageDef";
 /** @internal */
+// eslint-disable-next-line deprecation/deprecation
 export function WidgetPanelsStatusBar(props) {
     const frontstageDef = useActiveFrontstageDef();
     const widgetDef = frontstageDef?.statusBar;

package/lib/esm/appui-react/widget-panels/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,UAAU,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC;IACpC,MAAM,aAAa,GACjB,OAAO,KAAK,SAAS;QACnB,CAAC,CAAE,SAAS,CAAC,gBAAgB,CACzB,yBAAyB,CAAC,eAAe,CACH;QAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO;IACL,mDAAmD;IACnD,oBAAC,SAAS,OAAK,KAAK,EAAE,aAAa,EAAE,aAAa,IAC/C,OAAO,CACE,CACb,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 StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport type { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\nexport function WidgetPanelsStatusBar(props: CommonProps) {\n  const frontstageDef = useActiveFrontstageDef();\n  const widgetDef = frontstageDef?.statusBar;\n  if (!widgetDef) return null;\n  const content = widgetDef.reactNode;\n  const widgetControl =\n    content === undefined\n      ? (widgetDef.getWidgetControl(\n          ConfigurableUiControlType.StatusBarWidget\n        ) as StatusBarWidgetControl | undefined)\n      : undefined;\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <StatusBar {...props} widgetControl={widgetControl}>\n      {content}\n    </StatusBar>\n  );\n}\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/widget-panels/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,mDAAmD;AACnD,MAAM,UAAU,qBAAqB,CAAC,KAAkB;IACtD,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAC3C,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAC;IACpC,MAAM,aAAa,GACjB,OAAO,KAAK,SAAS;QACnB,CAAC,CAAE,SAAS,CAAC,gBAAgB,CACzB,yBAAyB,CAAC,eAAe,CACH;QAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,OAAO;IACL,mDAAmD;IACnD,oBAAC,SAAS,OAAK,KAAK,EAAE,aAAa,EAAE,aAAa,IAC/C,OAAO,CACE,CACb,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 StatusBar\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport type { StatusBarWidgetControl } from \"../statusbar/StatusBarWidgetControl\";\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\n\n/** @internal */\n// eslint-disable-next-line deprecation/deprecation\nexport function WidgetPanelsStatusBar(props: CommonProps) {\n  const frontstageDef = useActiveFrontstageDef();\n  const widgetDef = frontstageDef?.statusBar;\n  if (!widgetDef) return null;\n  const content = widgetDef.reactNode;\n  const widgetControl =\n    content === undefined\n      ? (widgetDef.getWidgetControl(\n          ConfigurableUiControlType.StatusBarWidget\n        ) as StatusBarWidgetControl | undefined)\n      : undefined;\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <StatusBar {...props} widgetControl={widgetControl}>\n      {content}\n    </StatusBar>\n  );\n}\n"]}

package/lib/esm/appui-react/widgets/BackstageAppButton.d.ts

@@ -1,23 +1,21 @@
 /** @packageDocumentation
  * @module Widget
  */
-import type { IconSpec } from "@itwin/core-react";
 import * as React from "react";
-/**
- * Properties for the [[BackstageAppButton]] React component
+import type { IconSpec } from "@itwin/core-react";
+/** Properties of {@link BackstageAppButton} component.
  * @public
  */
 export interface BackstageAppButtonProps {
-    /** Icon specification for the App button */
+    /** If specified overrides the default icon. */
     icon?: IconSpec;
-    /** If specified overrides the default label shown in tooltip. */
+    /** If specified overrides the default label. */
     label?: string;
-    /** If specified overrides the default action that displays the backstage. */
+    /** If specified overrides the default action that toggles the backstage. */
     execute?: () => void;
 }
-/**
- * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.
+/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.
  * @public
  */
-export declare function BackstageAppButton(props: BackstageAppButtonProps): React.JSX.Element;
+export declare function BackstageAppButton({ icon, label, execute, }: BackstageAppButtonProps): React.JSX.Element;
 //# sourceMappingURL=BackstageAppButton.d.ts.map

package/lib/esm/appui-react/widgets/BackstageAppButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAoDhE"}
+{"version":3,"file":"BackstageAppButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOlD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,GACR,EAAE,uBAAuB,qBA8CzB"}

package/lib/esm/appui-react/widgets/BackstageAppButton.js

@@ -5,39 +5,37 @@
 /** @packageDocumentation
  * @module Widget
  */
-import widgetIconSvg from "@bentley/icons-generic/icons/home.svg";
-import { Icon, useWidgetOpacityContext } from "@itwin/core-react";
 import * as React from "react";
+import { ProcessDetector } from "@itwin/core-bentley";
+import { Icon, useWidgetOpacityContext } from "@itwin/core-react";
+import { SvgHome } from "@itwin/itwinui-icons-react";
 import { UiFramework } from "../UiFramework";
 import { AppButton } from "../layout/widget/tools/button/App";
-import { ProcessDetector } from "@itwin/core-bentley";
-/**
- * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.
+import { useTranslation } from "../hooks/useTranslation";
+/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.
  * @public
  */
-export function BackstageAppButton(props) {
-    const backstageToggleCommand = React.useMemo(() => UiFramework.backstage.getBackstageToggleCommand(props.icon), [props.icon]);
-    const backstageLabel = React.useMemo(() => props.label || backstageToggleCommand.tooltip, [backstageToggleCommand.tooltip, props.label]);
-    const [icon, setIcon] = React.useState(props.icon ? props.icon : widgetIconSvg);
+export function BackstageAppButton({ icon, label, execute, }) {
+    const { translate } = useTranslation();
+    label = label ?? translate("commands.openBackstage");
+    icon = icon ?? React.createElement(SvgHome, null);
     const isInitialMount = React.useRef(true);
     const divClassName = "uifw-app-button-small";
     const { onElementRef, proximityScale } = useWidgetOpacityContext();
     const ref = React.useRef(null);
     const handleClick = React.useCallback(() => {
-        if (props.execute)
-            props.execute();
-        else
-            backstageToggleCommand.execute();
-    }, [backstageToggleCommand, props]);
+        if (execute) {
+            execute();
+            return;
+        }
+        UiFramework.backstage.toggle();
+    }, [execute]);
     React.useEffect(() => {
         if (isInitialMount.current) {
             isInitialMount.current = false;
             onElementRef(ref);
         }
-        else {
-            setIcon(props.icon ? props.icon : widgetIconSvg);
-        }
-    }, [props.icon, onElementRef]);
+    }, [onElementRef]);
     let buttonProximityScale;
     if ((UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation
         UiFramework.visibility.snapWidgetOpacity) &&
@@ -45,6 +43,6 @@ export function BackstageAppButton(props) {
         buttonProximityScale = proximityScale;
     }
     return (React.createElement("div", { ref: ref, className: divClassName },
-        React.createElement(AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: React.createElement(Icon, { iconSpec: icon }), title: backstageLabel })));
+        React.createElement(AppButton, { small: true, mouseProximity: buttonProximityScale, onClick: handleClick, icon: React.createElement(Icon, { iconSpec: icon }), title: label })));
 }
 //# sourceMappingURL=BackstageAppButton.js.map

package/lib/esm/appui-react/widgets/BackstageAppButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAetD;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,IAAI,CAAC,EACjE,CAAC,KAAK,CAAC,IAAI,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC,OAAO,EACnD,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAC9C,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CACxC,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,OAAO,EAAE,CAAC;;YAC9B,sBAAsB,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAI,oBAAwC,CAAC;IAE7C,IACE,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,8CAA8C;QAC3F,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC3C,CAAC,eAAe,CAAC,eAAe,EAChC,CAAC;QACD,oBAAoB,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,cAAc,GACrB,CACE,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 Widget\n */\n\nimport widgetIconSvg from \"@bentley/icons-generic/icons/home.svg\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { AppButton } from \"../layout/widget/tools/button/App\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\n\n/**\n * Properties for the [[BackstageAppButton]] React component\n * @public\n */\nexport interface BackstageAppButtonProps {\n  /** Icon specification for the App button */\n  icon?: IconSpec;\n  /** If specified overrides the default label shown in tooltip. */\n  label?: string;\n  /** If specified overrides the default action that displays the backstage. */\n  execute?: () => void;\n}\n\n/**\n * BackstageAppButton used to toggle display of Backstage and is shown in the corner of the ToolWidget.\n * @public\n */\nexport function BackstageAppButton(props: BackstageAppButtonProps) {\n  const backstageToggleCommand = React.useMemo(\n    () => UiFramework.backstage.getBackstageToggleCommand(props.icon),\n    [props.icon]\n  );\n  const backstageLabel = React.useMemo(\n    () => props.label || backstageToggleCommand.tooltip,\n    [backstageToggleCommand.tooltip, props.label]\n  );\n  const [icon, setIcon] = React.useState(\n    props.icon ? props.icon : widgetIconSvg\n  );\n  const isInitialMount = React.useRef(true);\n  const divClassName = \"uifw-app-button-small\";\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = React.useCallback(() => {\n    if (props.execute) props.execute();\n    else backstageToggleCommand.execute();\n  }, [backstageToggleCommand, props]);\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    } else {\n      setIcon(props.icon ? props.icon : widgetIconSvg);\n    }\n  }, [props.icon, onElementRef]);\n\n  let buttonProximityScale: number | undefined;\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    buttonProximityScale = proximityScale;\n  }\n\n  return (\n    <div ref={ref} className={divClassName}>\n      <AppButton\n        small={true}\n        mouseProximity={buttonProximityScale}\n        onClick={handleClick}\n        icon={<Icon iconSpec={icon} />}\n        title={backstageLabel}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"BackstageAppButton.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BackstageAppButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAczD;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,GACiB;IACxB,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;IACrD,IAAI,GAAG,IAAI,IAAI,oBAAC,OAAO,OAAG,CAAC;IAC3B,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,uBAAuB,CAAC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,oBAAwC,CAAC;IAE7C,IACE,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,IAAI,8CAA8C;QAC3F,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC3C,CAAC,eAAe,CAAC,eAAe,EAChC,CAAC;QACD,oBAAoB,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY;QACpC,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,EAC9B,KAAK,EAAE,KAAK,GACZ,CACE,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 Widget\n */\n\nimport * as React from \"react\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\nimport type { IconSpec } from \"@itwin/core-react\";\nimport { Icon, useWidgetOpacityContext } from \"@itwin/core-react\";\nimport { SvgHome } from \"@itwin/itwinui-icons-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { AppButton } from \"../layout/widget/tools/button/App\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Properties of {@link BackstageAppButton} component.\n * @public\n */\nexport interface BackstageAppButtonProps {\n  /** If specified overrides the default icon. */\n  icon?: IconSpec;\n  /** If specified overrides the default label. */\n  label?: string;\n  /** If specified overrides the default action that toggles the backstage. */\n  execute?: () => void;\n}\n\n/** Component shown in the top-left corner of the content manipulation area. It is usually used to toggle the display of a backstage or navigate between frontstages.\n * @public\n */\nexport function BackstageAppButton({\n  icon,\n  label,\n  execute,\n}: BackstageAppButtonProps) {\n  const { translate } = useTranslation();\n  label = label ?? translate(\"commands.openBackstage\");\n  icon = icon ?? <SvgHome />;\n  const isInitialMount = React.useRef(true);\n  const divClassName = \"uifw-app-button-small\";\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const handleClick = React.useCallback(() => {\n    if (execute) {\n      execute();\n      return;\n    }\n\n    UiFramework.backstage.toggle();\n  }, [execute]);\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  let buttonProximityScale: number | undefined;\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    buttonProximityScale = proximityScale;\n  }\n\n  return (\n    <div ref={ref} className={divClassName}>\n      <AppButton\n        small={true}\n        mouseProximity={buttonProximityScale}\n        onClick={handleClick}\n        icon={<Icon iconSpec={icon} />}\n        title={label}\n      />\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/widgets/BasicNavigationWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAwEtE"}
+{"version":3,"file":"BasicNavigationWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAqFtE"}

package/lib/esm/appui-react/widgets/BasicNavigationWidget.js

@@ -7,33 +7,48 @@
  */
 import classnames from "classnames";
 import * as React from "react";
-import { CoreTools } from "../tools/CoreToolDefinitions";
 import { ToolbarComposer } from "../toolbar/ToolbarComposer";
-import { ToolbarHelper } from "../toolbar/ToolbarHelper";
 import { useUiVisibility } from "../hooks/useUiVisibility";
 import { NavigationWidgetComposer } from "./NavigationWidgetComposer";
 import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem";
+import { ToolbarItems } from "../tools/ToolbarItems";
 /** Basic Navigation Widget that provides standard tools to manipulate views containing element data.
  * Supports the specification of additional horizontal and vertical toolbar items through props.
  * @public
  */
 export function BasicNavigationWidget(props) {
     const getHorizontalToolbarItems = React.useCallback(() => {
-        const items = ToolbarHelper.createToolbarItemsFromItemDefs([
-            CoreTools.rotateViewCommand,
-            CoreTools.panViewCommand,
-            CoreTools.fitViewCommand,
-            CoreTools.windowAreaCommand,
-            CoreTools.viewUndoCommand,
-            CoreTools.viewRedoCommand,
-        ]);
+        const items = [
+            ToolbarItems.createRotateView({
+                itemPriority: 10,
+            }),
+            ToolbarItems.createPanView({
+                itemPriority: 20,
+            }),
+            ToolbarItems.createFitView({
+                itemPriority: 30,
+            }),
+            ToolbarItems.createWindowArea({
+                itemPriority: 40,
+            }),
+            ToolbarItems.createViewUndo({
+                itemPriority: 50,
+            }),
+            ToolbarItems.createViewRedo({
+                itemPriority: 60,
+            }),
+        ];
         if (props.additionalHorizontalItems)
             items.push(...props.additionalHorizontalItems);
         return items;
     }, [props.additionalHorizontalItems]);
     const getVerticalToolbarItems = React.useCallback(() => {
         const items = [];
-        items.push(ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.walkViewCommand), ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.toggleCameraViewCommand));
+        items.push(ToolbarItems.createWalkView({
+            itemPriority: 10,
+        }), ToolbarItems.createToggleCameraView({
+            itemPriority: 20,
+        }));
         if (props.additionalVerticalItems)
             items.push(...props.additionalVerticalItems);
         return items;

package/lib/esm/appui-react/widgets/BasicNavigationWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = ToolbarHelper.createToolbarItemsFromItemDefs([\n      CoreTools.rotateViewCommand,\n      CoreTools.panViewCommand,\n      CoreTools.fitViewCommand,\n      CoreTools.windowAreaCommand,\n      CoreTools.viewUndoCommand,\n      CoreTools.viewRedoCommand,\n    ]);\n    if (props.additionalHorizontalItems)\n      items.push(...props.additionalHorizontalItems);\n    return items;\n  }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.walkViewCommand),\n      ToolbarHelper.createToolbarItemFromItemDef(\n        20,\n        CoreTools.toggleCameraViewCommand\n      )\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems()\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"BasicNavigationWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicNavigationWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAYrD;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAkB,EAAE;QACtE,MAAM,KAAK,GAAkB;YAC3B,YAAY,CAAC,gBAAgB,CAAC;gBAC5B,YAAY,EAAE,EAAE;aACjB,CAAC;YACF,YAAY,CAAC,aAAa,CAAC;gBACzB,YAAY,EAAE,EAAE;aACjB,CAAC;YACF,YAAY,CAAC,aAAa,CAAC;gBACzB,YAAY,EAAE,EAAE;aACjB,CAAC;YACF,YAAY,CAAC,gBAAgB,CAAC;gBAC5B,YAAY,EAAE,EAAE;aACjB,CAAC;YACF,YAAY,CAAC,cAAc,CAAC;gBAC1B,YAAY,EAAE,EAAE;aACjB,CAAC;YACF,YAAY,CAAC,cAAc,CAAC;gBAC1B,YAAY,EAAE,EAAE;aACjB,CAAC;SACH,CAAC;QACF,IAAI,KAAK,CAAC,yBAAyB;YACjC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAEtC,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAkB,EAAE;QACpE,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,YAAY,CAAC,cAAc,CAAC;YAC1B,YAAY,EAAE,EAAE;SACjB,CAAC,EACF,YAAY,CAAC,sBAAsB,CAAC;YAClC,YAAY,EAAE,EAAE;SACjB,CAAC,CACH,CAAC;QACF,IAAI,KAAK,CAAC,uBAAuB;YAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAChE,yBAAyB,EAAE,CAC5B,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5D,uBAAuB,EAAE,CAC1B,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YAAE,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aACtD,CAAC;YACJ,kBAAkB,CAAC,yBAAyB,EAAE,CAAC,CAAC;YAChD,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE;QACD,KAAK,CAAC,yBAAyB;QAC/B,KAAK,CAAC,uBAAuB;QAC7B,yBAAyB;QACzB,uBAAuB;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EACf,oBAAC,eAAe,IACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,eAAe,IACd,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport { NavigationWidgetComposer } from \"./NavigationWidgetComposer\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\nimport { ToolbarItems } from \"../tools/ToolbarItems\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n */\nexport interface BasicNavigationWidgetProps {\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Basic Navigation Widget that provides standard tools to manipulate views containing element data.\n * Supports the specification of additional horizontal and vertical toolbar items through props.\n * @public\n */\nexport function BasicNavigationWidget(props: BasicNavigationWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [\n      ToolbarItems.createRotateView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createPanView({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createFitView({\n        itemPriority: 30,\n      }),\n      ToolbarItems.createWindowArea({\n        itemPriority: 40,\n      }),\n      ToolbarItems.createViewUndo({\n        itemPriority: 50,\n      }),\n      ToolbarItems.createViewRedo({\n        itemPriority: 60,\n      }),\n    ];\n    if (props.additionalHorizontalItems)\n      items.push(...props.additionalHorizontalItems);\n    return items;\n  }, [props.additionalHorizontalItems]);\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createWalkView({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createToggleCameraView({\n        itemPriority: 20,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems()\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(getHorizontalToolbarItems());\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n\n  return (\n    <NavigationWidgetComposer\n      className={className}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ViewNavigation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/esm/appui-react/widgets/BasicToolWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA0H1D"}
+{"version":3,"file":"BasicToolWidget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,qHAAqH;IACrH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1C,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,WAAW,EAAE,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgH1D"}

package/lib/esm/appui-react/widgets/BasicToolWidget.js

@@ -7,14 +7,12 @@
  */
 import classnames from "classnames";
 import * as React from "react";
-import { CoreTools } from "../tools/CoreToolDefinitions";
-import { SelectionContextToolDefinitions } from "../selection/SelectionContextItemDef";
 import { ToolbarComposer } from "../toolbar/ToolbarComposer";
-import { ToolbarHelper } from "../toolbar/ToolbarHelper";
 import { ToolWidgetComposer } from "./ToolWidgetComposer";
 import { BackstageAppButton } from "./BackstageAppButton";
 import { useUiVisibility } from "../hooks/useUiVisibility";
 import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem";
+import { ToolbarItems } from "../tools/ToolbarItems";
 /** Default Tool Widget for standard "review" applications. Provides standard tools to review, and measure elements.
  * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.
  * @public
@@ -23,10 +21,30 @@ export function BasicToolWidget(props) {
     const getHorizontalToolbarItems = React.useCallback((useCategoryAndModelsContextTools) => {
         const items = [];
         if (useCategoryAndModelsContextTools) {
-            items.push(ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef), ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef), ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideSectionToolGroup), ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateSelectionToolGroup), ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef));
+            items.push(ToolbarItems.createClearSelection({
+                itemPriority: 10,
+            }), ToolbarItems.createClearHideIsolateEmphasizeElements({
+                itemPriority: 20,
+            }), ToolbarItems.createHideSectionGroup({
+                itemPriority: 30,
+            }), ToolbarItems.createIsolateSelectionGroup({
+                itemPriority: 40,
+            }), ToolbarItems.createEmphasizeElements({
+                itemPriority: 50,
+            }));
         }
         else {
-            items.push(ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.clearSelectionItemDef), ToolbarHelper.createToolbarItemFromItemDef(20, SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef), ToolbarHelper.createToolbarItemFromItemDef(30, SelectionContextToolDefinitions.hideElementsItemDef), ToolbarHelper.createToolbarItemFromItemDef(40, SelectionContextToolDefinitions.isolateElementsItemDef), ToolbarHelper.createToolbarItemFromItemDef(50, SelectionContextToolDefinitions.emphasizeElementsItemDef));
+            items.push(ToolbarItems.createClearSelection({
+                itemPriority: 10,
+            }), ToolbarItems.createClearHideIsolateEmphasizeElements({
+                itemPriority: 20,
+            }), ToolbarItems.createHideElements({
+                itemPriority: 30,
+            }), ToolbarItems.createIsolateElements({
+                itemPriority: 40,
+            }), ToolbarItems.createEmphasizeElements({
+                itemPriority: 50,
+            }));
         }
         if (props.additionalHorizontalItems)
             items.push(...props.additionalHorizontalItems);
@@ -34,7 +52,13 @@ export function BasicToolWidget(props) {
     }, [props.additionalHorizontalItems]);
     const getVerticalToolbarItems = React.useCallback(() => {
         const items = [];
-        items.push(ToolbarHelper.createToolbarItemFromItemDef(10, CoreTools.selectElementCommand), ToolbarHelper.createToolbarItemFromItemDef(20, CoreTools.measureToolGroup), ToolbarHelper.createToolbarItemFromItemDef(30, CoreTools.sectionToolGroup));
+        items.push(ToolbarItems.createSelectElement({
+            itemPriority: 10,
+        }), ToolbarItems.createMeasureGroup({
+            itemPriority: 20,
+        }), ToolbarItems.createSectionGroup({
+            itemPriority: 30,
+        }));
         if (props.additionalVerticalItems)
             items.push(...props.additionalVerticalItems);
         return items;

package/lib/esm/appui-react/widgets/BasicToolWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAgB1E;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CACjD,CAAC,gCAAyC,EAAiB,EAAE;QAC3D,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,IAAI,gCAAgC,EAAE,CAAC;YACrC,KAAK,CAAC,IAAI,CACR,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,SAAS,CAAC,qBAAqB,CAChC,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,wCAAwC,CACzE,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,oBAAoB,CACrD,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,yBAAyB,CAC1D,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,wBAAwB,CACzD,CACF,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,CACR,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,SAAS,CAAC,qBAAqB,CAChC,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,wCAAwC,CACzE,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,mBAAmB,CACpD,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,sBAAsB,CACvD,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,+BAA+B,CAAC,wBAAwB,CACzD,CACF,CAAC;QACJ,CAAC;QACD,IAAI,KAAK,CAAC,yBAAyB;YACjC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAClC,CAAC;IAEF,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAkB,EAAE;QACpE,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,CACR,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,SAAS,CAAC,oBAAoB,CAC/B,EACD,aAAa,CAAC,4BAA4B,CACxC,EAAE,EACF,SAAS,CAAC,gBAAgB,CAC3B,EACD,aAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAC3E,CAAC;QACF,IAAI,KAAK,CAAC,uBAAuB;YAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,uBAAuB,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAChE,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,iCAAiC,CAAC,CACrE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAC5D,uBAAuB,EAAE,CAC1B,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YAAE,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;aACtD,CAAC;YACJ,kBAAkB,CAChB,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,iCAAiC,CAAC,CACrE,CAAC;YACF,gBAAgB,CAAC,uBAAuB,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE;QACD,KAAK,CAAC,iCAAiC;QACvC,KAAK,CAAC,yBAAyB;QAC/B,KAAK,CAAC,uBAAuB;QAC7B,yBAAyB;QACzB,uBAAuB;KACxB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,oBAAC,kBAAkB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EACpD,iBAAiB,EACf,oBAAC,eAAe,IACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,YAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,kBAAkB,CAAC,UAAU,GAC1C,EAEJ,eAAe,EACb,oBAAC,eAAe,IACd,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,YAAY,CAAC,mBAAmB,EACvC,WAAW,EAAE,kBAAkB,CAAC,QAAQ,GACxC,GAEJ,CACH,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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CoreTools } from \"../tools/CoreToolDefinitions\";\nimport { SelectionContextToolDefinitions } from \"../selection/SelectionContextItemDef\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolbarHelper } from \"../toolbar/ToolbarHelper\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { BackstageAppButton } from \"./BackstageAppButton\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n */\nexport interface BasicToolWidgetProps {\n  /** if true include hide/isolate Models and Categories */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\n  icon?: string;\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback(\n    (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\n      const items: ToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarHelper.createToolbarItemFromItemDef(\n            10,\n            CoreTools.clearSelectionItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            20,\n            SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            30,\n            SelectionContextToolDefinitions.hideSectionToolGroup\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            40,\n            SelectionContextToolDefinitions.isolateSelectionToolGroup\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            50,\n            SelectionContextToolDefinitions.emphasizeElementsItemDef\n          )\n        );\n      } else {\n        items.push(\n          ToolbarHelper.createToolbarItemFromItemDef(\n            10,\n            CoreTools.clearSelectionItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            20,\n            SelectionContextToolDefinitions.clearHideIsolateEmphasizeElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            30,\n            SelectionContextToolDefinitions.hideElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            40,\n            SelectionContextToolDefinitions.isolateElementsItemDef\n          ),\n          ToolbarHelper.createToolbarItemFromItemDef(\n            50,\n            SelectionContextToolDefinitions.emphasizeElementsItemDef\n          )\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    },\n    [props.additionalHorizontalItems]\n  );\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarHelper.createToolbarItemFromItemDef(\n        10,\n        CoreTools.selectElementCommand\n      ),\n      ToolbarHelper.createToolbarItemFromItemDef(\n        20,\n        CoreTools.measureToolGroup\n      ),\n      ToolbarHelper.createToolbarItemFromItemDef(30, CoreTools.sectionToolGroup)\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(\n        getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n      );\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.showCategoryAndModelsContextTools,\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}
+{"version":3,"file":"BasicToolWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/BasicToolWidget.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 Widget\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToolbarComposer } from \"../toolbar/ToolbarComposer\";\nimport { ToolWidgetComposer } from \"./ToolWidgetComposer\";\nimport { BackstageAppButton } from \"./BackstageAppButton\";\nimport { useUiVisibility } from \"../hooks/useUiVisibility\";\nimport type { ToolbarItem } from \"../toolbar/ToolbarItem\";\nimport { ToolbarOrientation, ToolbarUsage } from \"../toolbar/ToolbarItem\";\nimport { ToolbarItems } from \"../tools/ToolbarItems\";\n\n/** Properties that can be used to append items to the default set of toolbar items.\n * @public\n */\nexport interface BasicToolWidgetProps {\n  /** if true include hide/isolate Models and Categories */\n  showCategoryAndModelsContextTools?: boolean;\n  /** Name of icon WebFont entry or if specifying an imported SVG symbol use \"webSvg:\" prefix to imported symbol Id. */\n  icon?: string;\n  /** optional set of additional items to include in horizontal toolbar */\n  additionalHorizontalItems?: ToolbarItem[];\n  /** optional set of additional items to include in vertical toolbar */\n  additionalVerticalItems?: ToolbarItem[];\n}\n\n/** Default Tool Widget for standard \"review\" applications. Provides standard tools to review, and measure elements.\n * This definition will also show a overflow button if there is not enough room to display all the toolbar buttons.\n * @public\n */\nexport function BasicToolWidget(props: BasicToolWidgetProps) {\n  const getHorizontalToolbarItems = React.useCallback(\n    (useCategoryAndModelsContextTools: boolean): ToolbarItem[] => {\n      const items: ToolbarItem[] = [];\n      if (useCategoryAndModelsContextTools) {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideSectionGroup({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateSelectionGroup({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      } else {\n        items.push(\n          ToolbarItems.createClearSelection({\n            itemPriority: 10,\n          }),\n          ToolbarItems.createClearHideIsolateEmphasizeElements({\n            itemPriority: 20,\n          }),\n          ToolbarItems.createHideElements({\n            itemPriority: 30,\n          }),\n          ToolbarItems.createIsolateElements({\n            itemPriority: 40,\n          }),\n          ToolbarItems.createEmphasizeElements({\n            itemPriority: 50,\n          })\n        );\n      }\n      if (props.additionalHorizontalItems)\n        items.push(...props.additionalHorizontalItems);\n      return items;\n    },\n    [props.additionalHorizontalItems]\n  );\n\n  const getVerticalToolbarItems = React.useCallback((): ToolbarItem[] => {\n    const items: ToolbarItem[] = [];\n    items.push(\n      ToolbarItems.createSelectElement({\n        itemPriority: 10,\n      }),\n      ToolbarItems.createMeasureGroup({\n        itemPriority: 20,\n      }),\n      ToolbarItems.createSectionGroup({\n        itemPriority: 30,\n      })\n    );\n    if (props.additionalVerticalItems)\n      items.push(...props.additionalVerticalItems);\n    return items;\n  }, [props.additionalVerticalItems]);\n\n  const [horizontalItems, setHorizontalItems] = React.useState(() =>\n    getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n  );\n  const [verticalItems, setVerticalItems] = React.useState(() =>\n    getVerticalToolbarItems()\n  );\n\n  const isInitialMount = React.useRef(true);\n  React.useEffect(() => {\n    if (isInitialMount.current) isInitialMount.current = false;\n    else {\n      setHorizontalItems(\n        getHorizontalToolbarItems(!!props.showCategoryAndModelsContextTools)\n      );\n      setVerticalItems(getVerticalToolbarItems());\n    }\n  }, [\n    props.showCategoryAndModelsContextTools,\n    props.additionalHorizontalItems,\n    props.additionalVerticalItems,\n    getHorizontalToolbarItems,\n    getVerticalToolbarItems,\n  ]);\n\n  const uiIsVisible = useUiVisibility();\n  const className = classnames(!uiIsVisible && \"nz-hidden\");\n  return (\n    <ToolWidgetComposer\n      className={className}\n      cornerItem={<BackstageAppButton icon={props.icon} />}\n      horizontalToolbar={\n        <ToolbarComposer\n          items={horizontalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Horizontal}\n        />\n      }\n      verticalToolbar={\n        <ToolbarComposer\n          items={verticalItems}\n          usage={ToolbarUsage.ContentManipulation}\n          orientation={ToolbarOrientation.Vertical}\n        />\n      }\n    />\n  );\n}\n"]}

package/lib/esm/appui-react/widgets/NavigationWidgetComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AASrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA8F9D;AAED;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAwC5E"}
+{"version":3,"file":"NavigationWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AASrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA8F9D;AAED;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,8MAA8M;IAC9M,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAwC5E"}

package/lib/esm/appui-react/widgets/NavigationWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.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 Widget\n */\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport type { ViewClassFullNameChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport * as React from \"react\";\nimport type {\n  ContentControl,\n  ContentControlActivatedEventArgs,\n} from \"../content/ContentControl\";\nimport { NavigationArea } from \"../layout/widget/NavigationArea\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\n\nfunction createNavigationAidControl(\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n): NavigationAidControl | undefined {\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n  ) as NavigationAidControl;\n\n  navigationAidControl.initialize();\n  return navigationAidControl;\n}\n\n/** Properties for the [[NavigationAidHost]] React component\n * @public\n */\nexport interface NavigationAidHostProps {\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\n  minWidth?: string;\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\n  minHeight?: string;\n}\n\n/**\n * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\n * @public\n */\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() =>\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl ? activeContentControl.navigationAidControl : \"\"\n  );\n\n  React.useEffect(() => {\n    const handleContentControlActivated = (\n      args: ContentControlActivatedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveContentControl(args.activeContentControl);\n      setActiveContentViewport(args.activeContentControl.viewport);\n      setNavigationAidId(args.activeContentControl.navigationAidControl);\n    };\n\n    UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      handleContentControlActivated\n    );\n    return () => {\n      UiFramework.frontstages.onContentControlActivatedEvent.removeListener(\n        handleContentControlActivated\n      );\n    };\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    const handleViewClassFullNameChange = (\n      args: ViewClassFullNameChangedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveViewClass(args.newName);\n    };\n\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      handleViewClassFullNameChange\n    );\n    return () => {\n      ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(\n        handleViewClassFullNameChange\n      );\n    };\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\n\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const isInitialMount = React.useRef(true);\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? props.minWidth : \"64px\",\n    minHeight: props.minHeight ? props.minHeight : \"64px\",\n  };\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAidControl && navigationAidControl.reactNode}\n    </div>\n  );\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n */\nexport interface NavigationWidgetComposerProps extends CommonProps {\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n  /** Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. */\n  navigationAidHost?: React.ReactNode;\n  /** If true no navigation aid will be shown. Defaults to false. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\n * @public\n */\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\n  const {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : navigationAidHost ?? <NavigationAidHost />;\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <NavigationArea\n        navigationAid={navigationAid}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"NavigationWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/NavigationWidgetComposer.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 Widget\n */\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  useWidgetOpacityContext,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport type { ViewClassFullNameChangedEventArgs } from \"@itwin/imodel-components-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport * as React from \"react\";\nimport type {\n  ContentControl,\n  ContentControlActivatedEventArgs,\n} from \"../content/ContentControl\";\nimport { NavigationArea } from \"../layout/widget/NavigationArea\";\nimport type { NavigationAidControl } from \"../navigationaids/NavigationAidControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ProcessDetector } from \"@itwin/core-bentley\";\n\nfunction createNavigationAidControl(\n  activeContentControl: ContentControl | undefined,\n  navigationAidId: string,\n  activeViewport: ScreenViewport | undefined\n): NavigationAidControl | undefined {\n  if (\n    !activeContentControl ||\n    !navigationAidId ||\n    activeViewport !== activeContentControl.viewport\n  )\n    return undefined;\n\n  const viewport = activeContentControl.viewport;\n  const imodel = viewport ? viewport.iModel : UiFramework.getIModelConnection();\n  const navigationAidControl = UiFramework.controls.create(\n    navigationAidId,\n    navigationAidId,\n    { imodel, viewport }\n  ) as NavigationAidControl;\n\n  navigationAidControl.initialize();\n  return navigationAidControl;\n}\n\n/** Properties for the [[NavigationAidHost]] React component\n * @public\n */\nexport interface NavigationAidHostProps {\n  /** Navigation Aid Host minimum width. Defaults to \"64px\". */\n  minWidth?: string;\n  /** Navigation Aid Host minimum height. Defaults to \"64px\". */\n  minHeight?: string;\n}\n\n/**\n * NavigationAidHost is a component that hosts a NavigationAid that is specific to the active content control.\n * @public\n */\nexport function NavigationAidHost(props: NavigationAidHostProps) {\n  const [activeContentControl, setActiveContentControl] = React.useState(() =>\n    UiFramework.content.getActiveContentControl()\n  );\n  const [activeContentViewport, setActiveContentViewport] = React.useState(\n    () => activeContentControl?.viewport\n  );\n  const [navigationAidId, setNavigationAidId] = React.useState(() =>\n    activeContentControl ? activeContentControl.navigationAidControl : \"\"\n  );\n\n  React.useEffect(() => {\n    const handleContentControlActivated = (\n      args: ContentControlActivatedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveContentControl(args.activeContentControl);\n      setActiveContentViewport(args.activeContentControl.viewport);\n      setNavigationAidId(args.activeContentControl.navigationAidControl);\n    };\n\n    UiFramework.frontstages.onContentControlActivatedEvent.addListener(\n      handleContentControlActivated\n    );\n    return () => {\n      UiFramework.frontstages.onContentControlActivatedEvent.removeListener(\n        handleContentControlActivated\n      );\n    };\n  }, []);\n\n  const [activeViewClass, setActiveViewClass] = React.useState(() => {\n    const content = UiFramework.content.getActiveContentControl();\n    if (content && content.viewport) return content.viewport.view.classFullName;\n    return \"\";\n  });\n\n  React.useEffect(() => {\n    const handleViewClassFullNameChange = (\n      args: ViewClassFullNameChangedEventArgs // eslint-disable-line deprecation/deprecation\n    ) => {\n      setActiveViewClass(args.newName);\n    };\n\n    ViewportComponentEvents.onViewClassFullNameChangedEvent.addListener(\n      handleViewClassFullNameChange\n    );\n    return () => {\n      ViewportComponentEvents.onViewClassFullNameChangedEvent.removeListener(\n        handleViewClassFullNameChange\n      );\n    };\n  }, [activeViewClass]);\n\n  const navigationAidControl = React.useMemo(\n    () =>\n      createNavigationAidControl(\n        activeContentControl,\n        navigationAidId,\n        activeContentViewport\n      ),\n    [activeContentControl, navigationAidId, activeContentViewport]\n  );\n\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const isInitialMount = React.useRef(true);\n  const { onElementRef, proximityScale } = useWidgetOpacityContext();\n\n  React.useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      onElementRef(ref);\n    }\n  }, [onElementRef]);\n\n  const divStyle: React.CSSProperties = {\n    minWidth: props.minWidth ? props.minWidth : \"64px\",\n    minHeight: props.minHeight ? props.minHeight : \"64px\",\n  };\n\n  if (\n    (UiFramework.visibility.useProximityOpacity || // eslint-disable-line deprecation/deprecation\n      UiFramework.visibility.snapWidgetOpacity) &&\n    !ProcessDetector.isMobileBrowser\n  ) {\n    const navigationAidOpacity = 0.3 * proximityScale + 0.7;\n    divStyle.opacity = `${navigationAidOpacity}`;\n  }\n\n  return (\n    <div style={divStyle} ref={ref}>\n      {navigationAidControl && navigationAidControl.reactNode}\n    </div>\n  );\n}\n\n/** Properties for the [[NavigationWidgetComposer]] React components\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface NavigationWidgetComposerProps extends CommonProps {\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n  /** Optional Navigation Aid host. If not specified a default host is provided which will use registered Navigation Aids and the active content control to determine which if any Navigation Aid to display. */\n  navigationAidHost?: React.ReactNode;\n  /** If true no navigation aid will be shown. Defaults to false. */\n  hideNavigationAid?: boolean;\n}\n\n/**\n * Component that Composes a NavigationWidget typically using toolbars generated via [[ToolbarComposer]] class. The Navigation widget is shown in the top right of the content area\n * and typically holds tools to visually navigate, orient, and zoom to specific content.\n * @public\n */\nexport function NavigationWidgetComposer(props: NavigationWidgetComposerProps) {\n  const {\n    navigationAidHost,\n    horizontalToolbar,\n    verticalToolbar,\n    hideNavigationAid,\n    ...otherProps\n  } = props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  const navigationAid = hideNavigationAid\n    ? undefined\n    : navigationAidHost ?? <NavigationAidHost />;\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <NavigationArea\n        navigationAid={navigationAid}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

package/lib/esm/appui-react/widgets/ToolWidgetComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iIAAiI;IACjI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA+BhE"}
+{"version":3,"file":"ToolWidgetComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AAEH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,iIAAiI;IACjI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gCAAgC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA+BhE"}

package/lib/esm/appui-react/widgets/ToolWidgetComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GACrE,KAAK,CAAC;IACR,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,UAAoC,EAAE,EAAE;QACvC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,mBAAmB,CACxC,UAAU,EACV,WAAW,CAAC,UAAU,CAAC,iBAAiB,CACzC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,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 Widget\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { ToolsArea } from \"../layout/widget/ToolsArea\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n */\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } =\n    props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"ToolWidgetComposer.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/ToolWidgetComposer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAe7C;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,GACrE,KAAK,CAAC;IACR,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,UAAoC,EAAE,EAAE;QACvC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,mBAAmB,CACxC,UAAU,EACV,WAAW,CAAC,UAAU,CAAC,iBAAiB,CACzC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,cAAc;SACf;QAED,oBAAC,SAAS,IACR,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,KAC5B,UAAU,EACd,YAAY,EAAE,WAAW,CAAC,UAAU,CAAC,sBAAsB,GAC3D,CAC4B,CACjC,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 Widget\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport {\n  useProximityToMouse,\n  WidgetElementSet,\n  WidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { ToolsArea } from \"../layout/widget/ToolsArea\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Properties for the [[ToolbarComposer]] React components\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolWidgetComposerProps extends CommonProps {\n  /** Optional Corner Item which for most stages is the [[BackstageAppButton]] used to toggle the display of the backstage menu. */\n  cornerItem?: React.ReactNode;\n  /** Optional Horizontal Toolbar */\n  horizontalToolbar?: React.ReactNode;\n  /** Optional Vertical Toolbar */\n  verticalToolbar?: React.ReactNode;\n}\n\n/**\n * ToolWidget component that supports use of ToolbarComposer-based Toolbars. The ToolWidget is shown in the top left of the content area\n * and typically holds tools to manipulate or interrogate content. The horizontal toolbar often includes context specific tools based on\n * selected items. The vertical toolbar typically contains a more fixed list of tools.\n * @public\n */\nexport function ToolWidgetComposer(props: ToolWidgetComposerProps) {\n  const { cornerItem, horizontalToolbar, verticalToolbar, ...otherProps } =\n    props;\n  const [elementSet] = React.useState(new WidgetElementSet());\n  const handleChildRef = React.useCallback(\n    (elementRef: React.RefObject<Element>) => {\n      elementSet.add(elementRef);\n    },\n    [elementSet]\n  );\n  const proximityScale = useProximityToMouse(\n    elementSet,\n    UiFramework.visibility.snapWidgetOpacity\n  );\n\n  return (\n    <WidgetOpacityContext.Provider\n      value={{\n        onElementRef: handleChildRef,\n        proximityScale,\n      }}\n    >\n      <ToolsArea\n        button={cornerItem}\n        horizontalToolbar={horizontalToolbar}\n        verticalToolbar={verticalToolbar}\n        {...otherProps}\n        onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n      />\n    </WidgetOpacityContext.Provider>\n  );\n}\n"]}

package/lib/esm/appui-react/widgets/Widget.d.ts

@@ -47,20 +47,19 @@ export interface Widget {
     readonly priority?: number;
     readonly tooltip?: string | ConditionalStringValue;
     /** Describes layout specific configuration of a widget.
-     * @note Only used by `get*` methods of [[UiItemsProvider]].
-     * @alpha
+     * @note Only used by {@link UiItemsProvider.getWidgets}.
      */
     readonly layouts?: WidgetLayouts;
 }
 /** Describes widget configuration specific for each layout.
- * @alpha
+ * @public
  */
 export interface WidgetLayouts {
     /** Widget configuration in a standard layout. */
     readonly standard?: StandardLayoutWidget;
 }
 /** Describes widget configuration specific to a standard layout.
- * @alpha
+ * @public
  */
 export interface StandardLayoutWidget {
     /** Describes to which panel the widget is added. */

package/lib/esm/appui-react/widgets/Widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE1E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,kJAAkJ;IAClJ,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,yGAAyG;IACzG,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,uKAAuK;IACvK,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,2FAA2F;IAC3F,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,iEAAiE;IACjE,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;CACrC"}
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,kJAAkJ;IAClJ,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,yGAAyG;IACzG,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,uKAAuK;IACvK,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,2FAA2F;IAC3F,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IACnD;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,iEAAiE;IACjE,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;CACrC"}

package/lib/esm/appui-react/widgets/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 Widget\n */\n\nimport type { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { BadgeType, IconSpec, SizeProps } from \"@itwin/core-react\";\nimport type { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\nimport type { WidgetState } from \"./WidgetState\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection\";\n\n/** Describes options of a floating widget.\n * @public\n */\nexport interface CanFloatWidgetOptions {\n  /** Describes if the widget is resizable. Defaults to `true`. */\n  readonly isResizable?: boolean;\n  readonly defaultPosition?: XAndY;\n  readonly defaultSize?: SizeProps;\n  /** Describes to which container the floating widget is assigned. This allows the grouping of multiple widgets within the same floating widget. */\n  readonly containerId?: string;\n  /** Describes if the floating widget should hide together with other UI elements. Defaults to `false`. */\n  readonly hideWithUi?: boolean;\n}\n\n/** Describes the data needed to provide a widget.\n * @public\n */\nexport interface Widget {\n  readonly id: string;\n  /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. To not allow docking to any panels, provide a blank array. */\n  readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;\n  readonly badge?: BadgeType;\n  /** Describes if the widget can be popped out to a separate window. Defaults to `false`. */\n  readonly canPopout?: boolean;\n  /** Set to `false` to disable floating of a widget. Defaults to `true`.\n   * Alternatively options object can be provided to configure floating behavior.\n   * It is not possible to disable the floating of a widget if `allowedPanels` is an empty array.\n   */\n  readonly canFloat?: boolean | CanFloatWidgetOptions;\n  /** Defaults to `Floating` if widget is not allowed to dock to any panels. Otherwise defaults to `Closed`.\n   * @note If `Hidden` the widget will be hidden after the layout is restored independently of saved layout state.\n   */\n  readonly defaultState?: WidgetState;\n  /** Content of the Widget. */\n  readonly content?: React.ReactNode;\n  readonly icon?: IconSpec;\n  readonly label?: string | ConditionalStringValue;\n  readonly priority?: number;\n  readonly tooltip?: string | ConditionalStringValue;\n  /** Describes layout specific configuration of a widget.\n   * @note Only used by `get*` methods of [[UiItemsProvider]].\n   * @alpha\n   */\n  readonly layouts?: WidgetLayouts;\n}\n\n/** Describes widget configuration specific for each layout.\n * @alpha\n */\nexport interface WidgetLayouts {\n  /** Widget configuration in a standard layout. */\n  readonly standard?: StandardLayoutWidget;\n}\n\n/** Describes widget configuration specific to a standard layout.\n * @alpha\n */\nexport interface StandardLayoutWidget {\n  /** Describes to which panel the widget is added. */\n  readonly location: StagePanelLocation;\n  /** Describes to which section of a panel the widget is added. */\n  readonly section: StagePanelSection;\n}\n"]}
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/appui-react/widgets/Widget.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 Widget\n */\n\nimport type { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { BadgeType, IconSpec, SizeProps } from \"@itwin/core-react\";\nimport type { StagePanelLocation } from \"../stagepanels/StagePanelLocation\";\nimport type { WidgetState } from \"./WidgetState\";\nimport type { StagePanelSection } from \"../stagepanels/StagePanelSection\";\nimport { UiItemsProvider } from \"../ui-items-provider/UiItemsProvider\";\n\n/** Describes options of a floating widget.\n * @public\n */\nexport interface CanFloatWidgetOptions {\n  /** Describes if the widget is resizable. Defaults to `true`. */\n  readonly isResizable?: boolean;\n  readonly defaultPosition?: XAndY;\n  readonly defaultSize?: SizeProps;\n  /** Describes to which container the floating widget is assigned. This allows the grouping of multiple widgets within the same floating widget. */\n  readonly containerId?: string;\n  /** Describes if the floating widget should hide together with other UI elements. Defaults to `false`. */\n  readonly hideWithUi?: boolean;\n}\n\n/** Describes the data needed to provide a widget.\n * @public\n */\nexport interface Widget {\n  readonly id: string;\n  /** Stage panels to which this widget can be docked. All stage panels are allowed if nothing is provided. To not allow docking to any panels, provide a blank array. */\n  readonly allowedPanels?: ReadonlyArray<StagePanelLocation>;\n  readonly badge?: BadgeType;\n  /** Describes if the widget can be popped out to a separate window. Defaults to `false`. */\n  readonly canPopout?: boolean;\n  /** Set to `false` to disable floating of a widget. Defaults to `true`.\n   * Alternatively options object can be provided to configure floating behavior.\n   * It is not possible to disable the floating of a widget if `allowedPanels` is an empty array.\n   */\n  readonly canFloat?: boolean | CanFloatWidgetOptions;\n  /** Defaults to `Floating` if widget is not allowed to dock to any panels. Otherwise defaults to `Closed`.\n   * @note If `Hidden` the widget will be hidden after the layout is restored independently of saved layout state.\n   */\n  readonly defaultState?: WidgetState;\n  /** Content of the Widget. */\n  readonly content?: React.ReactNode;\n  readonly icon?: IconSpec;\n  readonly label?: string | ConditionalStringValue;\n  readonly priority?: number;\n  readonly tooltip?: string | ConditionalStringValue;\n  /** Describes layout specific configuration of a widget.\n   * @note Only used by {@link UiItemsProvider.getWidgets}.\n   */\n  readonly layouts?: WidgetLayouts;\n}\n\n/** Describes widget configuration specific for each layout.\n * @public\n */\nexport interface WidgetLayouts {\n  /** Widget configuration in a standard layout. */\n  readonly standard?: StandardLayoutWidget;\n}\n\n/** Describes widget configuration specific to a standard layout.\n * @public\n */\nexport interface StandardLayoutWidget {\n  /** Describes to which panel the widget is added. */\n  readonly location: StagePanelLocation;\n  /** Describes to which section of a panel the widget is added. */\n  readonly section: StagePanelSection;\n}\n"]}

package/lib/esm/appui-react/widgets/WidgetDef.d.ts

@@ -15,7 +15,7 @@ import { StagePanelLocation } from "../stagepanels/StagePanelLocation";
 import type { NineZoneState } from "../layout/state/NineZoneState";
 /** Widget State Changed Event Args interface.
  * @public
- * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.
+ * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.
  */
 export interface WidgetStateChangedEventArgs {
     widgetDef: WidgetDef;
@@ -23,7 +23,7 @@ export interface WidgetStateChangedEventArgs {
 }
 /** Widget State Changed Event class.
  * @public
- * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
+ * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
 export declare class WidgetStateChangedEvent extends UiEvent<WidgetStateChangedEventArgs> {
 }

package/lib/esm/appui-react/widgets/WidgetDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetDef.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WidgetDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/widgets/WidgetDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAW,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAChG,OAAO,EAEL,yBAAyB,EAC1B,MAAM,yCAAyC,CAAC;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAQvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGnE;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;;GAGG;AAEH,qBAAa,uBAAwB,SAAQ,OAAO,CAAC,2BAA2B,CAAC;CAAG;AAEpF,gBAAgB;AAChB,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,oBAAY,UAAU;IACpB,IAAI,IAAA;IACJ,UAAU,IAAA;IACV,WAAW,IAAA;IACX,YAAY,IAAA;IACZ,SAAS,IAAA;CACV;AAID;;GAEG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,QAAQ,CAAsD;IACtE,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,aAAa,CAAmC;IACxD,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,QAAQ,CACJ;IACZ,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,WAAW,CAAsC;IACzD,OAAO,CAAC,gBAAgB,CAAC,CAAM;IAC/B,OAAO,CAAC,KAAK,CAAC,CAAW;IACzB,OAAO,CAAC,aAAa,CAAC,CAAmB;IACzC,OAAO,CAAC,MAAM,CAAC,CAAY;IAC3B,OAAO,CAAC,mBAAmB,CAAC,CAAa;IACzC,OAAO,CAAC,sBAAsB,CAAC,CAAgB;IAC/C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,oBAAoB,CAAwB;IACpD,OAAO,CAAC,UAAU,CAAC,CAAU;IAC7B,OAAO,CAAC,oBAAoB,CAAC,CAAS;IACtC,OAAO,CAAC,wBAAwB,CAAoB;IAEpD,OAAO,CAAC,uBAAuB,CAAC,CAAU;IAC1C,OAAO,CAAC,oBAAoB,CAAC,CAAoC;IACjE,OAAO,CAAC,cAAc,CAAC,CAAe;IAEtC,IAAW,KAAK,IAAI,WAAW,CAM9B;IAED,IAAW,EAAE,IAAI,MAAM,CAEtB;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,gCAAgC,GAAG,SAAS,CAE1E;IACD,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,wBAAwB,IAAI,OAAO,CAW7C;IAED,IAAW,8BAA8B,IAAI,OAAO,CAOnD;IAED,IAAW,cAAc,IAAI,OAAO,CAEnC;IACD,IAAW,WAAW,IAAI,OAAO,CAEhC;IACD,IAAW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,eAAe,IAAI,GAAG,CAEhC;IACD,IAAW,UAAU,IAAI,OAAO,CAE/B;IACD,IAAW,QAAQ,IAAI,QAAQ,CAK9B;IACD,IAAW,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAIjC;IACD,IAAW,SAAS,IAAI,SAAS,GAAG,SAAS,CAE5C;IACD,IAAW,aAAa,IAAI,YAAY,GAAG,SAAS,CAEnD;IAED,IAAW,UAAU,IAAI,UAAU,CAElC;IACD,IAAW,UAAU,CAAC,IAAI,EAAE,UAAU,EAErC;IAED,gBAAgB;IAChB,IAAW,uBAAuB,IAGW,KAAK,GAAG,SAAS,CAD7D;IACD,IAAW,uBAAuB,CAAC,QAAQ,EAAE,KAAK,GAAG,SAAS,EAE7D;IAED,gBAAgB;IAChB,IAAW,mBAAmB,IAGO,SAAS,GAAG,SAAS,CADzD;IACD,IAAW,mBAAmB,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAEzD;IAED,gBAAgB;IAChB,IAAW,YAAY,gBAEtB;;IAOD,gBAAgB;WACF,MAAM,CAClB,MAAM,EAAE,YAAY,EACpB,IAAI,GAAE,UAAmC;IAO3C,OAAO,CAAC,oBAAoB;IA4D5B,aAAa;IACb,IAAW,kBAAkB,8BAE5B;IAED,2BAA2B;IAC3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;OAEG;IACI,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,sBAAsB,GAAG,YAAY;IAczE,6BAA6B;IAC7B,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;OAEG;IACI,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,sBAAsB,GAAG,YAAY;IAInE,IAAW,aAAa,IAAI,aAAa,GAAG,SAAS,CAEpD;IAEM,gBAAgB,CACrB,IAAI,EAAE,yBAAyB,GAC9B,aAAa,GAAG,SAAS;IAqD5B,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAWtC;IAED,IAAW,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAEzC;IAEM,cAAc,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IA8ClD,gBAAgB;IACT,wBAAwB,CAAC,QAAQ,EAAE,WAAW;IAS9C,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS;IAI9C,IAAW,SAAS,IAAI,OAAO,GAAG,SAAS,CAE1C;IAEM,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;IAIvD,IAAW,mBAAmB,IAAI,MAAM,GAAG,SAAS,CAEnD;IAEM,OAAO,IAAI,OAAO;IAIzB,IAAW,SAAS,IAAI,OAAO,CAI9B;IAED,IAAW,WAAW,IAAI,WAAW,CAEpC;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,sBAAsB,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,EAE1D;IAED,IAAW,sBAAsB,IAAI,OAAO,CAE3C;IAED,IAAW,mBAAmB,IAC1B,aAAa,CAAC,kBAAkB,CAAC,GACjC,SAAS,CAEZ;IAED,IAAW,mBAAmB,CAC5B,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,SAAS,EAGvD;IAEM,oBAAoB,IAAI,IAAI;IAInC,kEAAkE;IAC3D,kBAAkB,IAAI,IAAI;IAKjC;;OAEG;IACI,qBAAqB,IAAI,OAAO;IAavC;;;;;OAKG;IACI,IAAI;IAqBX;;OAEG;IACI,MAAM;CAWd;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,eAsC3E"}