@itwin/appui-react 4.13.4 → 4.14.0

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.js

@@ -21,11 +21,9 @@ const useUiStateStorage_1 = require("../../uistate/useUiStateStorage");
 require("./ToolAssistanceField.scss");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const Dialog_1 = require("../../layout/footer/tool-assistance/Dialog");
-const Indicator_1 = require("../../layout/footer/tool-assistance/Indicator");
 const Instruction_1 = require("../../layout/footer/tool-assistance/Instruction");
 const Item_1 = require("../../layout/footer/tool-assistance/Item");
 const Separator_1 = require("../../layout/footer/tool-assistance/Separator");
-const StatusBar_1 = require("../../statusbar/StatusBar");
 const Dialog_2 = require("../../statusbar/dialog/Dialog");
 const accept_point_svg_1 = require("./accept-point.svg");
 const cursor_click_svg_1 = require("./cursor-click.svg");
@@ -43,14 +41,15 @@ const mouse_click_wheel_drag_svg_1 = require("./mouse-click-wheel-drag.svg");
 const mouse_click_wheel_svg_1 = require("./mouse-click-wheel.svg");
 const touch_cursor_pan_svg_1 = require("./touch-cursor-pan.svg");
 const touch_cursor_point_svg_1 = require("./touch-cursor-point.svg");
+const StatusBarPopover_1 = require("../../statusbar/popup/StatusBarPopover");
 /** Tool Assistance Field React component.
  * @public
+ * @note Tool assistance field will only display 30 characters in the status bar. Any additional text will be hidden. The full text will always be shown in the opened popover.
  */
 class ToolAssistanceField extends React.Component {
     /** @internal */
     constructor(p) {
         super(p);
-        this._target = null;
         this._indicator = React.createRef();
         this._isMounted = false;
         this._handleToolAssistanceChangedEvent = (args // eslint-disable-line deprecation/deprecation
@@ -80,7 +79,6 @@ class ToolAssistanceField extends React.Component {
                         showTouchInstructions = true;
                 }
             }
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({
                     instructions: args.instructions,
@@ -99,7 +97,6 @@ class ToolAssistanceField extends React.Component {
         this._isTouchInstruction = (instruction) => instruction.inputMethod === core_frontend_1.ToolAssistanceInputMethod.Touch;
         this._handleToolIconChangedEvent = (args // eslint-disable-line deprecation/deprecation
         ) => {
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({ toolIconSpec: args.iconSpec }, () => {
                     this._showCursorPrompt();
@@ -108,7 +105,6 @@ class ToolAssistanceField extends React.Component {
         this._handleMouseTouchTab = async (index) => {
             const showMouseInstructions = index === 0;
             const showTouchInstructions = index === 1;
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({
                     mouseTouchTabIndex: index,
@@ -118,11 +114,7 @@ class ToolAssistanceField extends React.Component {
                     await this._mouseTouchTabIndexSetting.saveSetting(this._uiSettingsStorage);
                 });
         };
-        this._handleTargetRef = (target) => {
-            this._target = target;
-        };
         this._onPromptAtCursorChange = async (e) => {
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({
                     showPromptAtCursor: e.target.checked,
@@ -130,27 +122,12 @@ class ToolAssistanceField extends React.Component {
                     await this._showPromptAtCursorSetting.saveSetting(this._uiSettingsStorage);
                 });
         };
-        this._handleClose = () => {
-            this.setIsOpen(false);
-        };
-        this._handleOutsideClick = (e) => {
-            // istanbul ignore if
-            if (!this._indicator.current ||
-                !(e.target instanceof Node) ||
-                this._indicator.current.contains(e.target))
-                return;
-            this._handleClose();
-        };
-        this._handleToolAssistanceIndicatorClick = () => {
-            this.setIsOpen(!this.state.isOpen);
-        };
         this._handlePinButtonClick = () => {
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({ isPinned: true });
         };
         this._handleCloseButtonClick = () => {
-            this._handleClose();
+            this.setIsOpen(false);
         };
         const mobile = core_bentley_1.ProcessDetector.isMobileBrowser;
         this.state = {
@@ -176,7 +153,6 @@ class ToolAssistanceField extends React.Component {
         this._isMounted = true;
         MessageManager_1.MessageManager.onToolAssistanceChangedEvent.addListener(this._handleToolAssistanceChangedEvent);
         UiFramework_1.UiFramework.frontstages.onToolIconChangedEvent.addListener(this._handleToolIconChangedEvent);
-        // istanbul ignore else
         if (this.props.uiStateStorage)
             this._uiSettingsStorage = this.props.uiStateStorage;
         else if (this.context)
@@ -191,22 +167,17 @@ class ToolAssistanceField extends React.Component {
     }
     async restoreSettings() {
         let getShowPromptAtCursor;
-        // istanbul ignore else
         if (this.props.includePromptAtCursor) {
             getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(this._uiSettingsStorage);
         }
         const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(this._uiSettingsStorage);
         const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([getShowPromptAtCursor, getMouseTouchTabIndex]);
-        // istanbul ignore else
         if (showPromptAtCursorResult !== undefined &&
             showPromptAtCursorResult.status === core_react_1.UiStateStorageStatus.Success) {
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });
         }
-        // istanbul ignore else
         if (mouseTouchTabIndexResult.status === core_react_1.UiStateStorageStatus.Success) {
-            // istanbul ignore else
             if (this._isMounted)
                 this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });
         }
@@ -233,7 +204,7 @@ class ToolAssistanceField extends React.Component {
     render() {
         const { instructions } = this.state;
         const dialogTitle = core_frontend_1.IModelApp.toolAdmin.activeTool
-            ? /* istanbul ignore next */ core_frontend_1.IModelApp.toolAdmin.activeTool.flyover
+            ? core_frontend_1.IModelApp.toolAdmin.activeTool.flyover
             : UiFramework_1.UiFramework.translate("toolAssistance.title");
         const mouseLabel = UiFramework_1.UiFramework.translate("toolAssistance.mouse");
         const touchLabel = UiFramework_1.UiFramework.translate("toolAssistance.touch");
@@ -268,7 +239,6 @@ class ToolAssistanceField extends React.Component {
         }
         if (prompt)
             tooltip = prompt;
-        // istanbul ignore next
         if (core_frontend_1.IModelApp.toolAdmin.activeTool)
             tooltip = `${core_frontend_1.IModelApp.toolAdmin.activeTool.flyover} > ${tooltip}  `;
         if (tooltip) {
@@ -276,15 +246,16 @@ class ToolAssistanceField extends React.Component {
             tooltip = tooltip + lineBreak;
         }
         tooltip += UiFramework_1.UiFramework.translate("toolAssistance.moreInfo");
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { style: { height: "100%" }, ref: this._handleTargetRef },
-                React.createElement(Indicator_1.ToolAssistance, { icons: React.createElement(React.Fragment, null, toolIcon), indicatorRef: this._indicator, className: (0, classnames_1.default)("uifw-statusFields-toolassistance", this.props.className), style: this.props.style, onClick: this._handleToolAssistanceIndicatorClick, title: tooltip }, prompt)),
-            React.createElement(StatusBar_1.StatusBar.Popup, { isOpen: this.state.isOpen, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this._target, isPinned: this.state.isPinned },
-                React.createElement(Dialog_1.ToolAssistanceDialog, { buttons: React.createElement(React.Fragment, null,
-                        !this.state.isPinned && (React.createElement(Dialog_2.StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework_1.UiFramework.translate("toolAssistance.pin") },
-                            React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgPin, null) }))),
-                        this.state.isPinned && (React.createElement(Dialog_2.StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: UiFramework_1.UiFramework.translate("dialog.close") },
-                            React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgClose, null) })))), title: dialogTitle }, dialogContent))));
+        return (React.createElement(StatusBarPopover_1.StatusBarPopover, { visible: this.state.isOpen, onVisibleChange: (visible) => {
+                this.setIsOpen(visible);
+            }, closeOnOutsideClick: !this.state.isPinned, content: React.createElement(Dialog_1.ToolAssistanceDialog, { buttons: React.createElement(React.Fragment, null,
+                    !this.state.isPinned && (React.createElement(Dialog_2.StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework_1.UiFramework.translate("toolAssistance.pin") },
+                        React.createElement(itwinui_icons_react_1.SvgPin, null))),
+                    this.state.isPinned && (React.createElement(Dialog_2.StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: UiFramework_1.UiFramework.translate("dialog.close") },
+                        React.createElement(itwinui_icons_react_1.SvgClose, null)))), title: dialogTitle }, dialogContent) },
+            React.createElement(itwinui_react_1.Button, { styleType: "borderless", startIcon: React.createElement(React.Fragment, null, toolIcon), className: (0, classnames_1.default)("uifw-statusFields-toolAssistance-toolAssistanceField", this.props.className), title: tooltip, style: this.props.style, ref: this._indicator, labelProps: { className: "prompt" } },
+                prompt,
+                React.createElement(StatusBarPopover_1.StatusBarPopover.ExpandIndicator, null))));
     }
     setIsOpen(isOpen) {
         let newState = {
@@ -344,7 +315,6 @@ class ToolAssistanceField extends React.Component {
         let className = mediumSize
             ? "uifw-toolassistance-svg-medium"
             : "uifw-toolassistance-svg";
-        // istanbul ignore else
         if (typeof instruction.image !== "string" &&
             instruction.image !== core_frontend_1.ToolAssistanceImage.Keyboard) {
             const toolAssistanceImage = instruction.image;
@@ -407,13 +377,11 @@ class ToolAssistanceField extends React.Component {
                 case core_frontend_1.ToolAssistanceImage.TouchCursorDrag:
                     svgImage = touch_cursor_pan_svg_1.default;
                     className = mediumSize
-                        ? /* istanbul ignore next */ "uifw-toolassistance-svg-medium-wide"
+                        ? "uifw-toolassistance-svg-medium-wide"
                         : "uifw-toolassistance-svg-wide";
                     break;
             }
-            image = (React.createElement("div", { className: className }, svgImage && (
-            // istanbul ignore next
-            React.createElement(core_react_1.Icon, { iconSpec: svgImage }))));
+            image = (React.createElement("div", { className: className }, svgImage && React.createElement(core_react_1.Icon, { iconSpec: svgImage })));
         }
         return image;
     }

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolAssistanceField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.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 Notification\n */\n\nimport { Logger, ProcessDetector } from \"@itwin/core-bentley\";\nimport type {\n  ToolAssistanceInstruction,\n  ToolAssistanceInstructions,\n  ToolAssistanceKeyboardInfo,\n  ToolAssistanceSection,\n} from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ToolAssistanceImage,\n  ToolAssistanceInputMethod,\n} from \"@itwin/core-frontend\";\nimport type {\n  CommonProps,\n  UiStateStorage,\n  UiStateStorageResult,\n} from \"@itwin/core-react\";\nimport {\n  FillCentered,\n  Icon,\n  LocalStateStorage,\n  UiStateEntry,\n  UiStateStorageStatus,\n} from \"@itwin/core-react\";\nimport { Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt\";\nimport type { ToolIconChangedEventArgs } from \"../../framework/FrameworkFrontstages\";\nimport type { ToolAssistanceChangedEventArgs } from \"../../messages/MessageManager\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage\";\nimport \"./ToolAssistanceField.scss\";\n\nimport { SvgClose, SvgPin } from \"@itwin/itwinui-icons-react\";\nimport { ToolAssistanceDialog } from \"../../layout/footer/tool-assistance/Dialog\";\nimport { ToolAssistance } from \"../../layout/footer/tool-assistance/Indicator\";\nimport { ToolAssistanceInstruction as NZ_ToolAssistanceInstruction } from \"../../layout/footer/tool-assistance/Instruction\";\nimport { ToolAssistanceItem } from \"../../layout/footer/tool-assistance/Item\";\nimport { ToolAssistanceSeparator } from \"../../layout/footer/tool-assistance/Separator\";\nimport { StatusBar } from \"../../statusbar/StatusBar\";\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\nimport acceptPointIcon from \"./accept-point.svg\";\nimport cursorClickIcon from \"./cursor-click.svg\";\nimport oneTouchDragIcon from \"./gesture-one-finger-drag.svg\";\nimport oneTouchDoubleTapIcon from \"./gesture-one-finger-tap-double.svg\";\nimport oneTouchTapIcon from \"./gesture-one-finger-tap.svg\";\nimport twoTouchPinchIcon from \"./gesture-pinch.svg\";\nimport twoTouchDragIcon from \"./gesture-two-finger-drag.svg\";\nimport twoTouchTapIcon from \"./gesture-two-finger-tap.svg\";\nimport clickLeftDragIcon from \"./mouse-click-left-drag.svg\";\nimport clickLeftIcon from \"./mouse-click-left.svg\";\nimport clickRightDragIcon from \"./mouse-click-right-drag.svg\";\nimport clickRightIcon from \"./mouse-click-right.svg\";\nimport clickMouseWheelDragIcon from \"./mouse-click-wheel-drag.svg\";\nimport mouseWheelClickIcon from \"./mouse-click-wheel.svg\";\nimport touchCursorDragIcon from \"./touch-cursor-pan.svg\";\nimport touchCursorTapIcon from \"./touch-cursor-point.svg\";\n\n// cSpell:ignore cursorprompt\n\n/** Properties of [[ToolAssistanceField]] component.\n * @public\n */\nexport interface ToolAssistanceFieldProps extends CommonProps {\n  /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */\n  includePromptAtCursor: boolean;\n  /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.\n   */\n  uiStateStorage?: UiStateStorage;\n  /** Cursor Prompt Timeout period. Defaults to 5000. */\n  cursorPromptTimeout: number;\n  /** Fade Out the Cursor Prompt when closed. */\n  fadeOutCursorPrompt: boolean;\n  /** Indicates whether to show promptAtCursor by default. Defaults to false. */\n  defaultPromptAtCursor: boolean;\n}\n\n/** Default properties of [[ToolAssistanceField]] component.\n * @internal\n */\nexport type ToolAssistanceFieldDefaultProps = Pick<\n  ToolAssistanceFieldProps,\n  | \"includePromptAtCursor\"\n  | \"uiStateStorage\"\n  | \"cursorPromptTimeout\"\n  | \"fadeOutCursorPrompt\"\n  | \"defaultPromptAtCursor\"\n>;\n\n/** @internal */\ninterface ToolAssistanceFieldState {\n  instructions: ToolAssistanceInstructions | undefined;\n  toolIconSpec: string;\n  showPromptAtCursor: boolean;\n  includeMouseInstructions: boolean;\n  includeTouchInstructions: boolean;\n  showMouseTouchTabs: boolean;\n  showMouseInstructions: boolean;\n  showTouchInstructions: boolean;\n  mouseTouchTabIndex: number;\n  isPinned: boolean;\n  isOpen: boolean;\n}\n\n/** Tool Assistance Field React component.\n * @public\n */\nexport class ToolAssistanceField extends React.Component<\n  ToolAssistanceFieldProps,\n  ToolAssistanceFieldState\n> {\n  /** @internal */\n  public static override contextType = UiStateStorageContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof UiStateStorageContext>;\n\n  private static _toolAssistanceKey = \"ToolAssistance\";\n  private static _showPromptAtCursorKey = \"showPromptAtCursor\";\n  private static _mouseTouchTabIndexKey = \"mouseTouchTabIndex\";\n  private _showPromptAtCursorSetting: UiStateEntry<boolean>;\n  private _mouseTouchTabIndexSetting: UiStateEntry<number>;\n  private _target: HTMLElement | null = null;\n  private _indicator = React.createRef<HTMLDivElement>();\n  private _cursorPrompt: CursorPrompt;\n  private _isMounted = false;\n  private _uiSettingsStorage: UiStateStorage;\n\n  /** @internal */\n  public static readonly defaultProps: ToolAssistanceFieldDefaultProps = {\n    includePromptAtCursor: true,\n    cursorPromptTimeout: 5000,\n    fadeOutCursorPrompt: true,\n    defaultPromptAtCursor: false,\n  };\n\n  /** @internal */\n  constructor(p: ToolAssistanceFieldProps) {\n    super(p);\n\n    const mobile = ProcessDetector.isMobileBrowser;\n\n    this.state = {\n      instructions: undefined,\n      toolIconSpec: \"\",\n      showPromptAtCursor: p.defaultPromptAtCursor,\n      includeMouseInstructions: !mobile,\n      includeTouchInstructions: true,\n      showMouseTouchTabs: false,\n      showMouseInstructions: false,\n      showTouchInstructions: false,\n      mouseTouchTabIndex: 0,\n      isPinned: false,\n      isOpen: false,\n    };\n\n    this._uiSettingsStorage = new LocalStateStorage();\n    this._cursorPrompt = new CursorPrompt(\n      this.props.cursorPromptTimeout,\n      this.props.fadeOutCursorPrompt\n    );\n    this._showPromptAtCursorSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._showPromptAtCursorKey,\n      () => this.state.showPromptAtCursor\n    );\n    this._mouseTouchTabIndexSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._mouseTouchTabIndexKey,\n      () => this.state.mouseTouchTabIndex\n    );\n  }\n\n  /** @internal */\n  public override async componentDidMount() {\n    this._isMounted = true;\n    MessageManager.onToolAssistanceChangedEvent.addListener(\n      this._handleToolAssistanceChangedEvent\n    );\n    UiFramework.frontstages.onToolIconChangedEvent.addListener(\n      this._handleToolIconChangedEvent\n    );\n\n    // istanbul ignore else\n    if (this.props.uiStateStorage)\n      this._uiSettingsStorage = this.props.uiStateStorage;\n    else if (this.context) this._uiSettingsStorage = this.context;\n\n    await this.restoreSettings();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n    MessageManager.onToolAssistanceChangedEvent.removeListener(\n      this._handleToolAssistanceChangedEvent\n    );\n    UiFramework.frontstages.onToolIconChangedEvent.removeListener(\n      this._handleToolIconChangedEvent\n    );\n  }\n\n  private async restoreSettings() {\n    let getShowPromptAtCursor: Promise<UiStateStorageResult> | undefined;\n    // istanbul ignore else\n    if (this.props.includePromptAtCursor) {\n      getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(\n        this._uiSettingsStorage\n      );\n    }\n    const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(\n      this._uiSettingsStorage\n    );\n    const [showPromptAtCursorResult, mouseTouchTabIndexResult] =\n      await Promise.all([getShowPromptAtCursor, getMouseTouchTabIndex]);\n\n    // istanbul ignore else\n    if (\n      showPromptAtCursorResult !== undefined &&\n      showPromptAtCursorResult.status === UiStateStorageStatus.Success\n    ) {\n      // istanbul ignore else\n      if (this._isMounted)\n        this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });\n    }\n\n    // istanbul ignore else\n    if (mouseTouchTabIndexResult.status === UiStateStorageStatus.Success) {\n      // istanbul ignore else\n      if (this._isMounted)\n        this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });\n    }\n  }\n\n  private _handleToolAssistanceChangedEvent = (\n    args: ToolAssistanceChangedEventArgs // eslint-disable-line deprecation/deprecation\n  ): void => {\n    let showMouseTouchTabs = false;\n    let showMouseInstructions = false;\n    let showTouchInstructions = false;\n\n    if (args.instructions && args.instructions.sections) {\n      const hasMouseInstructions = args.instructions.sections.some(\n        (section: ToolAssistanceSection) => {\n          return section.instructions.some(\n            (instruction: ToolAssistanceInstruction) =>\n              this._isMouseInstruction(instruction)\n          );\n        }\n      );\n      const hasTouchInstructions = args.instructions.sections.some(\n        (section: ToolAssistanceSection) => {\n          return section.instructions.some(\n            (instruction: ToolAssistanceInstruction) =>\n              this._isTouchInstruction(instruction)\n          );\n        }\n      );\n\n      if (\n        this.state.includeMouseInstructions &&\n        this.state.includeTouchInstructions &&\n        hasMouseInstructions &&\n        hasTouchInstructions\n      ) {\n        showMouseTouchTabs = true;\n        showMouseInstructions = this.state.mouseTouchTabIndex === 0;\n        showTouchInstructions = this.state.mouseTouchTabIndex === 1;\n      } else {\n        if (this.state.includeMouseInstructions && hasMouseInstructions)\n          showMouseInstructions = true;\n        else if (this.state.includeTouchInstructions && hasTouchInstructions)\n          showTouchInstructions = true;\n      }\n    }\n\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState(\n        {\n          instructions: args.instructions,\n          showMouseTouchTabs,\n          showMouseInstructions,\n          showTouchInstructions,\n        },\n        () => {\n          this._showCursorPrompt();\n        }\n      );\n  };\n\n  private _isBothInstruction = (instruction: ToolAssistanceInstruction) => {\n    return (\n      instruction.inputMethod === undefined ||\n      instruction.inputMethod === ToolAssistanceInputMethod.Both\n    );\n  };\n\n  private _isMouseInstruction = (instruction: ToolAssistanceInstruction) =>\n    instruction.inputMethod === ToolAssistanceInputMethod.Mouse;\n\n  private _isTouchInstruction = (instruction: ToolAssistanceInstruction) =>\n    instruction.inputMethod === ToolAssistanceInputMethod.Touch;\n\n  private _handleToolIconChangedEvent = (\n    args: ToolIconChangedEventArgs // eslint-disable-line deprecation/deprecation\n  ): void => {\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState({ toolIconSpec: args.iconSpec }, () => {\n        this._showCursorPrompt();\n      });\n  };\n\n  private _showCursorPrompt() {\n    if (this.state.showPromptAtCursor && this.state.instructions)\n      this._cursorPrompt.display(\n        this.state.toolIconSpec,\n        this.state.instructions.mainInstruction\n      );\n  }\n\n  private _sectionHasDisplayableInstructions(\n    section: ToolAssistanceSection\n  ): boolean {\n    const displayableInstructions = this._getDisplayableInstructions(section);\n    return displayableInstructions.length > 0;\n  }\n\n  private _getDisplayableInstructions(\n    section: ToolAssistanceSection\n  ): ToolAssistanceInstruction[] {\n    const displayableInstructions = section.instructions.filter(\n      (instruction: ToolAssistanceInstruction) => {\n        return (\n          this._isBothInstruction(instruction) ||\n          (this.state.showMouseInstructions &&\n            this._isMouseInstruction(instruction)) ||\n          (this.state.showTouchInstructions &&\n            this._isTouchInstruction(instruction))\n        );\n      }\n    );\n    return displayableInstructions;\n  }\n\n  private _handleMouseTouchTab = async (index: number) => {\n    const showMouseInstructions = index === 0;\n    const showTouchInstructions = index === 1;\n\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState(\n        {\n          mouseTouchTabIndex: index,\n          showMouseInstructions,\n          showTouchInstructions,\n        },\n        async () => {\n          await this._mouseTouchTabIndexSetting.saveSetting(\n            this._uiSettingsStorage\n          );\n        }\n      );\n  };\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const { instructions } = this.state;\n    const dialogTitle = IModelApp.toolAdmin.activeTool\n      ? /* istanbul ignore next */ IModelApp.toolAdmin.activeTool.flyover\n      : UiFramework.translate(\"toolAssistance.title\");\n    const mouseLabel = UiFramework.translate(\"toolAssistance.mouse\");\n    const touchLabel = UiFramework.translate(\"toolAssistance.touch\");\n    let prompt = \"\";\n    let tooltip = \"\";\n    let toolIcon: React.ReactNode;\n    let dialogContent: React.ReactNode;\n\n    if (instructions) {\n      prompt = instructions.mainInstruction.text;\n      toolIcon = <Icon iconSpec={this.state.toolIconSpec} />;\n\n      let displayableSections: ToolAssistanceSection[] | undefined;\n      if (instructions.sections) {\n        displayableSections = instructions.sections.filter(\n          (section: ToolAssistanceSection) =>\n            this._sectionHasDisplayableInstructions(section)\n        );\n      }\n\n      dialogContent = (\n        <div>\n          {this.state.showMouseTouchTabs && (\n            <Tabs.Wrapper\n              type=\"pill\"\n              value={String(this.state.mouseTouchTabIndex)}\n            >\n              <Tabs.TabList className=\"uifw-toolAssistance-tabs\">\n                {[mouseLabel, touchLabel].map((label, index) => (\n                  <Tabs.Tab\n                    key={index}\n                    className=\"uifw-tab\"\n                    value={String(index)}\n                    label={label}\n                    onClick={async () => this._handleMouseTouchTab(index)}\n                  />\n                ))}\n              </Tabs.TabList>\n            </Tabs.Wrapper>\n          )}\n\n          <div className=\"uifw-toolAssistance-content\">\n            <NZ_ToolAssistanceInstruction\n              key=\"main\"\n              image={ToolAssistanceField.getInstructionImage(\n                instructions.mainInstruction\n              )}\n              text={instructions.mainInstruction.text}\n              isNew={instructions.mainInstruction.isNew}\n            />\n\n            {displayableSections &&\n              displayableSections.map(\n                (section: ToolAssistanceSection, index1: number) => {\n                  return (\n                    <React.Fragment key={index1.toString()}>\n                      <ToolAssistanceSeparator key={index1.toString()}>\n                        {section.label}\n                      </ToolAssistanceSeparator>\n                      {this._getDisplayableInstructions(section).map(\n                        (\n                          instruction: ToolAssistanceInstruction,\n                          index2: number\n                        ) => {\n                          return (\n                            <NZ_ToolAssistanceInstruction\n                              key={`${index1.toString()}-${index2.toString()}`}\n                              image={ToolAssistanceField.getInstructionImage(\n                                instruction\n                              )}\n                              text={instruction.text}\n                              isNew={instruction.isNew}\n                            />\n                          );\n                        }\n                      )}\n                    </React.Fragment>\n                  );\n                }\n              )}\n\n            {this.props.includePromptAtCursor && (\n              <>\n                <ToolAssistanceSeparator key=\"prompt-sep\" />\n                <ToolAssistanceItem key=\"prompt-item\">\n                  <ToggleSwitch\n                    label={UiFramework.translate(\n                      \"toolAssistance.promptAtCursor\"\n                    )}\n                    labelPosition=\"right\"\n                    checked={this.state.showPromptAtCursor}\n                    onChange={this._onPromptAtCursorChange}\n                  />\n                </ToolAssistanceItem>\n              </>\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    if (prompt) tooltip = prompt;\n\n    // istanbul ignore next\n    if (IModelApp.toolAdmin.activeTool)\n      tooltip = `${IModelApp.toolAdmin.activeTool.flyover} > ${tooltip}  `;\n\n    if (tooltip) {\n      const lineBreak = \"\\u000d\\u000a\";\n      tooltip = tooltip + lineBreak;\n    }\n\n    tooltip += UiFramework.translate(\"toolAssistance.moreInfo\");\n\n    return (\n      <>\n        <div style={{ height: \"100%\" }} ref={this._handleTargetRef}>\n          <ToolAssistance\n            icons={<>{toolIcon}</>}\n            indicatorRef={this._indicator}\n            className={classnames(\n              \"uifw-statusFields-toolassistance\",\n              this.props.className\n            )}\n            style={this.props.style}\n            onClick={this._handleToolAssistanceIndicatorClick}\n            title={tooltip}\n          >\n            {prompt}\n          </ToolAssistance>\n        </div>\n        <StatusBar.Popup\n          isOpen={this.state.isOpen}\n          onClose={this._handleClose}\n          onOutsideClick={this._handleOutsideClick}\n          target={this._target}\n          isPinned={this.state.isPinned}\n        >\n          <ToolAssistanceDialog\n            buttons={\n              <>\n                {!this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handlePinButtonClick}\n                    title={UiFramework.translate(\"toolAssistance.pin\")}\n                  >\n                    <Icon iconSpec={<SvgPin />} />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n                {this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handleCloseButtonClick}\n                    title={UiFramework.translate(\"dialog.close\")}\n                  >\n                    <Icon iconSpec={<SvgClose />} />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n              </>\n            }\n            title={dialogTitle}\n          >\n            {dialogContent}\n          </ToolAssistanceDialog>\n        </StatusBar.Popup>\n      </>\n    );\n  }\n\n  private _handleTargetRef = (target: HTMLElement | null) => {\n    this._target = target;\n  };\n\n  private _onPromptAtCursorChange = async (\n    e: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState(\n        {\n          showPromptAtCursor: e.target.checked,\n        },\n        async () => {\n          await this._showPromptAtCursorSetting.saveSetting(\n            this._uiSettingsStorage\n          );\n        }\n      );\n  };\n\n  private _handleClose = () => {\n    this.setIsOpen(false);\n  };\n\n  private _handleOutsideClick = (e: MouseEvent) => {\n    // istanbul ignore if\n    if (\n      !this._indicator.current ||\n      !(e.target instanceof Node) ||\n      this._indicator.current.contains(e.target)\n    )\n      return;\n\n    this._handleClose();\n  };\n\n  private _handleToolAssistanceIndicatorClick = () => {\n    this.setIsOpen(!this.state.isOpen);\n  };\n\n  private _handlePinButtonClick = () => {\n    // istanbul ignore else\n    if (this._isMounted) this.setState({ isPinned: true });\n  };\n\n  private _handleCloseButtonClick = () => {\n    this._handleClose();\n  };\n\n  private setIsOpen(isOpen: boolean) {\n    let newState = {\n      isOpen,\n    };\n    if (!isOpen && this.state.isPinned && this._isMounted) {\n      newState = { ...newState, ...{ isPinned: false } };\n    }\n    this.setState(newState);\n  }\n\n  /** @internal */\n  public static getInstructionImage(\n    instruction: ToolAssistanceInstruction\n  ): React.ReactNode {\n    let image: React.ReactNode;\n\n    if (\n      (typeof instruction.image === \"string\" ||\n        instruction.image !== ToolAssistanceImage.Keyboard) &&\n      instruction.keyboardInfo\n    ) {\n      if (\n        instruction.keyboardInfo.keys.length === 1 &&\n        !instruction.keyboardInfo.bottomKeys\n      ) {\n        const key = instruction.keyboardInfo.keys[0];\n        const rightImage =\n          typeof instruction.image === \"string\" ? (\n            <div className=\"uifw-toolassistance-icon-medium\">\n              <Icon iconSpec={instruction.image} />\n            </div>\n          ) : (\n            this.getInstructionSvgImage(instruction, true)\n          );\n\n        image = (\n          // eslint-disable-next-line deprecation/deprecation\n          <FillCentered>\n            {ToolAssistanceField.getKeyNode(\n              key,\n              0,\n              \"uifw-toolassistance-key-modifier\"\n            )}\n            {rightImage}\n          </FillCentered>\n        );\n      } else {\n        Logger.logError(\n          UiFramework.loggerCategory(this),\n          `getInstructionImage: Invalid keyboardInfo provided with image`\n        );\n      }\n    } else if (typeof instruction.image === \"string\") {\n      if (instruction.image.length > 0) {\n        const svgSource = getWebComponentSource(instruction.image);\n        const className =\n          svgSource !== undefined\n            ? \"uifw-toolassistance-svg\"\n            : \"uifw-toolassistance-icon-large\";\n        image = (\n          <div className={className}>\n            <Icon iconSpec={svgSource ?? instruction.image} />\n          </div>\n        );\n      }\n    } else if (instruction.image === ToolAssistanceImage.Keyboard) {\n      if (instruction.keyboardInfo) {\n        image = ToolAssistanceField.getInstructionKeyboardImage(\n          instruction.keyboardInfo\n        );\n      } else {\n        Logger.logError(\n          UiFramework.loggerCategory(this),\n          `getInstructionImage: ToolAssistanceImage.Keyboard specified but no keyboardInfo provided`\n        );\n      }\n    } else {\n      image = this.getInstructionSvgImage(instruction, false);\n    }\n\n    return image;\n  }\n\n  private static getInstructionSvgImage(\n    instruction: ToolAssistanceInstruction,\n    mediumSize: boolean\n  ): React.ReactNode {\n    let image: React.ReactNode;\n    let className = mediumSize\n      ? \"uifw-toolassistance-svg-medium\"\n      : \"uifw-toolassistance-svg\";\n\n    // istanbul ignore else\n    if (\n      typeof instruction.image !== \"string\" &&\n      instruction.image !== ToolAssistanceImage.Keyboard\n    ) {\n      const toolAssistanceImage: ToolAssistanceImage = instruction.image;\n      let svgImage = \"\";\n\n      switch (toolAssistanceImage) {\n        case ToolAssistanceImage.AcceptPoint:\n          svgImage = acceptPointIcon;\n          break;\n        case ToolAssistanceImage.CursorClick:\n          svgImage = cursorClickIcon;\n          break;\n        case ToolAssistanceImage.LeftClick:\n          svgImage = clickLeftIcon;\n          break;\n        case ToolAssistanceImage.RightClick:\n          svgImage = clickRightIcon;\n          break;\n        case ToolAssistanceImage.MouseWheel:\n          svgImage = mouseWheelClickIcon;\n          break;\n        case ToolAssistanceImage.LeftClickDrag:\n          svgImage = clickLeftDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n        case ToolAssistanceImage.RightClickDrag:\n          svgImage = clickRightDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n        case ToolAssistanceImage.MouseWheelClickDrag:\n          svgImage = clickMouseWheelDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n        case ToolAssistanceImage.OneTouchTap:\n          svgImage = oneTouchTapIcon;\n          break;\n        case ToolAssistanceImage.OneTouchDoubleTap:\n          svgImage = oneTouchDoubleTapIcon;\n          break;\n        case ToolAssistanceImage.OneTouchDrag:\n          svgImage = oneTouchDragIcon;\n          break;\n        case ToolAssistanceImage.TwoTouchTap:\n          svgImage = twoTouchTapIcon;\n          break;\n        case ToolAssistanceImage.TwoTouchDrag:\n          svgImage = twoTouchDragIcon;\n          break;\n        case ToolAssistanceImage.TwoTouchPinch:\n          svgImage = twoTouchPinchIcon;\n          break;\n        case ToolAssistanceImage.TouchCursorTap:\n          svgImage = touchCursorTapIcon;\n          break;\n        case ToolAssistanceImage.TouchCursorDrag:\n          svgImage = touchCursorDragIcon;\n          className = mediumSize\n            ? /* istanbul ignore next */ \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n      }\n\n      image = (\n        <div className={className}>\n          {svgImage && (\n            // istanbul ignore next\n            <Icon iconSpec={svgImage} />\n          )}\n        </div>\n      );\n    }\n\n    return image;\n  }\n\n  private static getInstructionKeyboardImage(\n    keyboardInfo: ToolAssistanceKeyboardInfo\n  ): React.ReactNode {\n    let image: React.ReactNode;\n\n    if (keyboardInfo.bottomKeys !== undefined) {\n      image = (\n        <div className=\"uifw-toolassistance-key-group\">\n          <span className=\"row1\">\n            {keyboardInfo.keys.map((key: string, index1: number) => {\n              return ToolAssistanceField.getKeyNode(\n                key,\n                index1,\n                \"uifw-toolassistance-key-small\"\n              );\n            })}\n          </span>\n          <br />\n          <span className=\"row2\">\n            {keyboardInfo.bottomKeys.map((key: string, index2: number) => {\n              return ToolAssistanceField.getKeyNode(\n                key,\n                index2,\n                \"uifw-toolassistance-key-small\"\n              );\n            })}\n          </span>\n        </div>\n      );\n    } else if (keyboardInfo.keys.length === 2) {\n      image = (\n        // eslint-disable-next-line deprecation/deprecation\n        <FillCentered>\n          {keyboardInfo.keys.map((key: string, index3: number) => {\n            let className = \"uifw-toolassistance-key-medium\";\n            if (key.length > 1) className = \"uifw-toolassistance-key-modifier\";\n            return ToolAssistanceField.getKeyNode(key, index3, className);\n          })}\n        </FillCentered>\n      );\n    } else if (keyboardInfo.keys[0]) {\n      if (keyboardInfo.keys[0].length > 1)\n        image = ToolAssistanceField.getKeyNode(\n          keyboardInfo.keys[0],\n          0,\n          \"uifw-toolassistance-key-large\"\n        );\n      else image = ToolAssistanceField.getKeyNode(keyboardInfo.keys[0], 0);\n    } else {\n      Logger.logError(\n        UiFramework.loggerCategory(this),\n        `ToolAssistanceImage.Keyboard specified but ToolAssistanceKeyboardInfo not valid`\n      );\n    }\n\n    return image;\n  }\n\n  private static getKeyNode(\n    key: string,\n    index: number,\n    className?: string\n  ): React.ReactNode {\n    return (\n      <div\n        key={index.toString()}\n        className={classnames(\"uifw-toolassistance-key\", className)}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <FillCentered>{key}</FillCentered>\n      </div>\n    );\n  }\n}\n\nfunction getWebComponentSource(iconSpec: string): string | undefined {\n  if (iconSpec.startsWith(\"webSvg:\") && iconSpec.length > 7) {\n    return iconSpec.slice(7);\n  }\n\n  return undefined;\n}\n"]}
+{"version":3,"file":"ToolAssistanceField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.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 Notification\n */\n\nimport { Logger, ProcessDetector } from \"@itwin/core-bentley\";\nimport type {\n  ToolAssistanceInstruction,\n  ToolAssistanceInstructions,\n  ToolAssistanceKeyboardInfo,\n  ToolAssistanceSection,\n} from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ToolAssistanceImage,\n  ToolAssistanceInputMethod,\n} from \"@itwin/core-frontend\";\nimport type {\n  CommonProps,\n  UiStateStorage,\n  UiStateStorageResult,\n} from \"@itwin/core-react\";\nimport {\n  FillCentered,\n  Icon,\n  LocalStateStorage,\n  UiStateEntry,\n  UiStateStorageStatus,\n} from \"@itwin/core-react\";\nimport { Button, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt\";\nimport type { ToolIconChangedEventArgs } from \"../../framework/FrameworkFrontstages\";\nimport type { ToolAssistanceChangedEventArgs } from \"../../messages/MessageManager\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage\";\nimport \"./ToolAssistanceField.scss\";\n\nimport { SvgClose, SvgPin } from \"@itwin/itwinui-icons-react\";\nimport { ToolAssistanceDialog } from \"../../layout/footer/tool-assistance/Dialog\";\nimport { ToolAssistanceInstruction as NZ_ToolAssistanceInstruction } from \"../../layout/footer/tool-assistance/Instruction\";\nimport { ToolAssistanceItem } from \"../../layout/footer/tool-assistance/Item\";\nimport { ToolAssistanceSeparator } from \"../../layout/footer/tool-assistance/Separator\";\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\nimport acceptPointIcon from \"./accept-point.svg\";\nimport cursorClickIcon from \"./cursor-click.svg\";\nimport oneTouchDragIcon from \"./gesture-one-finger-drag.svg\";\nimport oneTouchDoubleTapIcon from \"./gesture-one-finger-tap-double.svg\";\nimport oneTouchTapIcon from \"./gesture-one-finger-tap.svg\";\nimport twoTouchPinchIcon from \"./gesture-pinch.svg\";\nimport twoTouchDragIcon from \"./gesture-two-finger-drag.svg\";\nimport twoTouchTapIcon from \"./gesture-two-finger-tap.svg\";\nimport clickLeftDragIcon from \"./mouse-click-left-drag.svg\";\nimport clickLeftIcon from \"./mouse-click-left.svg\";\nimport clickRightDragIcon from \"./mouse-click-right-drag.svg\";\nimport clickRightIcon from \"./mouse-click-right.svg\";\nimport clickMouseWheelDragIcon from \"./mouse-click-wheel-drag.svg\";\nimport mouseWheelClickIcon from \"./mouse-click-wheel.svg\";\nimport touchCursorDragIcon from \"./touch-cursor-pan.svg\";\nimport touchCursorTapIcon from \"./touch-cursor-point.svg\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover\";\n\n// cSpell:ignore cursorprompt\n\n/** Properties of [[ToolAssistanceField]] component.\n * @public\n */\nexport interface ToolAssistanceFieldProps extends CommonProps {\n  /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */\n  includePromptAtCursor: boolean;\n  /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.\n   */\n  uiStateStorage?: UiStateStorage;\n  /** Cursor Prompt Timeout period. Defaults to 5000. */\n  cursorPromptTimeout: number;\n  /** Fade Out the Cursor Prompt when closed. */\n  fadeOutCursorPrompt: boolean;\n  /** Indicates whether to show promptAtCursor by default. Defaults to false. */\n  defaultPromptAtCursor: boolean;\n}\n\n/** Default properties of [[ToolAssistanceField]] component.\n * @internal\n */\nexport type ToolAssistanceFieldDefaultProps = Pick<\n  ToolAssistanceFieldProps,\n  | \"includePromptAtCursor\"\n  | \"uiStateStorage\"\n  | \"cursorPromptTimeout\"\n  | \"fadeOutCursorPrompt\"\n  | \"defaultPromptAtCursor\"\n>;\n\n/** @internal */\ninterface ToolAssistanceFieldState {\n  instructions: ToolAssistanceInstructions | undefined;\n  toolIconSpec: string;\n  showPromptAtCursor: boolean;\n  includeMouseInstructions: boolean;\n  includeTouchInstructions: boolean;\n  showMouseTouchTabs: boolean;\n  showMouseInstructions: boolean;\n  showTouchInstructions: boolean;\n  mouseTouchTabIndex: number;\n  isPinned: boolean;\n  isOpen: boolean;\n}\n\n/** Tool Assistance Field React component.\n * @public\n * @note Tool assistance field will only display 30 characters in the status bar. Any additional text will be hidden. The full text will always be shown in the opened popover.\n */\nexport class ToolAssistanceField extends React.Component<\n  ToolAssistanceFieldProps,\n  ToolAssistanceFieldState\n> {\n  /** @internal */\n  public static override contextType = UiStateStorageContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof UiStateStorageContext>;\n\n  private static _toolAssistanceKey = \"ToolAssistance\";\n  private static _showPromptAtCursorKey = \"showPromptAtCursor\";\n  private static _mouseTouchTabIndexKey = \"mouseTouchTabIndex\";\n  private _showPromptAtCursorSetting: UiStateEntry<boolean>;\n  private _mouseTouchTabIndexSetting: UiStateEntry<number>;\n  private _indicator = React.createRef<HTMLButtonElement>();\n  private _cursorPrompt: CursorPrompt;\n  private _isMounted = false;\n  private _uiSettingsStorage: UiStateStorage;\n\n  /** @internal */\n  public static readonly defaultProps: ToolAssistanceFieldDefaultProps = {\n    includePromptAtCursor: true,\n    cursorPromptTimeout: 5000,\n    fadeOutCursorPrompt: true,\n    defaultPromptAtCursor: false,\n  };\n\n  /** @internal */\n  constructor(p: ToolAssistanceFieldProps) {\n    super(p);\n\n    const mobile = ProcessDetector.isMobileBrowser;\n\n    this.state = {\n      instructions: undefined,\n      toolIconSpec: \"\",\n      showPromptAtCursor: p.defaultPromptAtCursor,\n      includeMouseInstructions: !mobile,\n      includeTouchInstructions: true,\n      showMouseTouchTabs: false,\n      showMouseInstructions: false,\n      showTouchInstructions: false,\n      mouseTouchTabIndex: 0,\n      isPinned: false,\n      isOpen: false,\n    };\n\n    this._uiSettingsStorage = new LocalStateStorage();\n    this._cursorPrompt = new CursorPrompt(\n      this.props.cursorPromptTimeout,\n      this.props.fadeOutCursorPrompt\n    );\n    this._showPromptAtCursorSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._showPromptAtCursorKey,\n      () => this.state.showPromptAtCursor\n    );\n    this._mouseTouchTabIndexSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._mouseTouchTabIndexKey,\n      () => this.state.mouseTouchTabIndex\n    );\n  }\n\n  /** @internal */\n  public override async componentDidMount() {\n    this._isMounted = true;\n    MessageManager.onToolAssistanceChangedEvent.addListener(\n      this._handleToolAssistanceChangedEvent\n    );\n    UiFramework.frontstages.onToolIconChangedEvent.addListener(\n      this._handleToolIconChangedEvent\n    );\n\n    if (this.props.uiStateStorage)\n      this._uiSettingsStorage = this.props.uiStateStorage;\n    else if (this.context) this._uiSettingsStorage = this.context;\n\n    await this.restoreSettings();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n    MessageManager.onToolAssistanceChangedEvent.removeListener(\n      this._handleToolAssistanceChangedEvent\n    );\n    UiFramework.frontstages.onToolIconChangedEvent.removeListener(\n      this._handleToolIconChangedEvent\n    );\n  }\n\n  private async restoreSettings() {\n    let getShowPromptAtCursor: Promise<UiStateStorageResult> | undefined;\n    if (this.props.includePromptAtCursor) {\n      getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(\n        this._uiSettingsStorage\n      );\n    }\n    const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(\n      this._uiSettingsStorage\n    );\n    const [showPromptAtCursorResult, mouseTouchTabIndexResult] =\n      await Promise.all([getShowPromptAtCursor, getMouseTouchTabIndex]);\n\n    if (\n      showPromptAtCursorResult !== undefined &&\n      showPromptAtCursorResult.status === UiStateStorageStatus.Success\n    ) {\n      if (this._isMounted)\n        this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });\n    }\n\n    if (mouseTouchTabIndexResult.status === UiStateStorageStatus.Success) {\n      if (this._isMounted)\n        this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });\n    }\n  }\n\n  private _handleToolAssistanceChangedEvent = (\n    args: ToolAssistanceChangedEventArgs // eslint-disable-line deprecation/deprecation\n  ): void => {\n    let showMouseTouchTabs = false;\n    let showMouseInstructions = false;\n    let showTouchInstructions = false;\n\n    if (args.instructions && args.instructions.sections) {\n      const hasMouseInstructions = args.instructions.sections.some(\n        (section: ToolAssistanceSection) => {\n          return section.instructions.some(\n            (instruction: ToolAssistanceInstruction) =>\n              this._isMouseInstruction(instruction)\n          );\n        }\n      );\n      const hasTouchInstructions = args.instructions.sections.some(\n        (section: ToolAssistanceSection) => {\n          return section.instructions.some(\n            (instruction: ToolAssistanceInstruction) =>\n              this._isTouchInstruction(instruction)\n          );\n        }\n      );\n\n      if (\n        this.state.includeMouseInstructions &&\n        this.state.includeTouchInstructions &&\n        hasMouseInstructions &&\n        hasTouchInstructions\n      ) {\n        showMouseTouchTabs = true;\n        showMouseInstructions = this.state.mouseTouchTabIndex === 0;\n        showTouchInstructions = this.state.mouseTouchTabIndex === 1;\n      } else {\n        if (this.state.includeMouseInstructions && hasMouseInstructions)\n          showMouseInstructions = true;\n        else if (this.state.includeTouchInstructions && hasTouchInstructions)\n          showTouchInstructions = true;\n      }\n    }\n\n    if (this._isMounted)\n      this.setState(\n        {\n          instructions: args.instructions,\n          showMouseTouchTabs,\n          showMouseInstructions,\n          showTouchInstructions,\n        },\n        () => {\n          this._showCursorPrompt();\n        }\n      );\n  };\n\n  private _isBothInstruction = (instruction: ToolAssistanceInstruction) => {\n    return (\n      instruction.inputMethod === undefined ||\n      instruction.inputMethod === ToolAssistanceInputMethod.Both\n    );\n  };\n\n  private _isMouseInstruction = (instruction: ToolAssistanceInstruction) =>\n    instruction.inputMethod === ToolAssistanceInputMethod.Mouse;\n\n  private _isTouchInstruction = (instruction: ToolAssistanceInstruction) =>\n    instruction.inputMethod === ToolAssistanceInputMethod.Touch;\n\n  private _handleToolIconChangedEvent = (\n    args: ToolIconChangedEventArgs // eslint-disable-line deprecation/deprecation\n  ): void => {\n    if (this._isMounted)\n      this.setState({ toolIconSpec: args.iconSpec }, () => {\n        this._showCursorPrompt();\n      });\n  };\n\n  private _showCursorPrompt() {\n    if (this.state.showPromptAtCursor && this.state.instructions)\n      this._cursorPrompt.display(\n        this.state.toolIconSpec,\n        this.state.instructions.mainInstruction\n      );\n  }\n\n  private _sectionHasDisplayableInstructions(\n    section: ToolAssistanceSection\n  ): boolean {\n    const displayableInstructions = this._getDisplayableInstructions(section);\n    return displayableInstructions.length > 0;\n  }\n\n  private _getDisplayableInstructions(\n    section: ToolAssistanceSection\n  ): ToolAssistanceInstruction[] {\n    const displayableInstructions = section.instructions.filter(\n      (instruction: ToolAssistanceInstruction) => {\n        return (\n          this._isBothInstruction(instruction) ||\n          (this.state.showMouseInstructions &&\n            this._isMouseInstruction(instruction)) ||\n          (this.state.showTouchInstructions &&\n            this._isTouchInstruction(instruction))\n        );\n      }\n    );\n    return displayableInstructions;\n  }\n\n  private _handleMouseTouchTab = async (index: number) => {\n    const showMouseInstructions = index === 0;\n    const showTouchInstructions = index === 1;\n\n    if (this._isMounted)\n      this.setState(\n        {\n          mouseTouchTabIndex: index,\n          showMouseInstructions,\n          showTouchInstructions,\n        },\n        async () => {\n          await this._mouseTouchTabIndexSetting.saveSetting(\n            this._uiSettingsStorage\n          );\n        }\n      );\n  };\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const { instructions } = this.state;\n    const dialogTitle = IModelApp.toolAdmin.activeTool\n      ? IModelApp.toolAdmin.activeTool.flyover\n      : UiFramework.translate(\"toolAssistance.title\");\n    const mouseLabel = UiFramework.translate(\"toolAssistance.mouse\");\n    const touchLabel = UiFramework.translate(\"toolAssistance.touch\");\n    let prompt = \"\";\n    let tooltip = \"\";\n    let toolIcon: React.ReactNode;\n    let dialogContent: React.ReactNode;\n\n    if (instructions) {\n      prompt = instructions.mainInstruction.text;\n      toolIcon = <Icon iconSpec={this.state.toolIconSpec} />;\n\n      let displayableSections: ToolAssistanceSection[] | undefined;\n      if (instructions.sections) {\n        displayableSections = instructions.sections.filter(\n          (section: ToolAssistanceSection) =>\n            this._sectionHasDisplayableInstructions(section)\n        );\n      }\n\n      dialogContent = (\n        <div>\n          {this.state.showMouseTouchTabs && (\n            <Tabs.Wrapper\n              type=\"pill\"\n              value={String(this.state.mouseTouchTabIndex)}\n            >\n              <Tabs.TabList className=\"uifw-toolAssistance-tabs\">\n                {[mouseLabel, touchLabel].map((label, index) => (\n                  <Tabs.Tab\n                    key={index}\n                    className=\"uifw-tab\"\n                    value={String(index)}\n                    label={label}\n                    onClick={async () => this._handleMouseTouchTab(index)}\n                  />\n                ))}\n              </Tabs.TabList>\n            </Tabs.Wrapper>\n          )}\n\n          <div className=\"uifw-toolAssistance-content\">\n            <NZ_ToolAssistanceInstruction\n              key=\"main\"\n              image={ToolAssistanceField.getInstructionImage(\n                instructions.mainInstruction\n              )}\n              text={instructions.mainInstruction.text}\n              isNew={instructions.mainInstruction.isNew}\n            />\n\n            {displayableSections &&\n              displayableSections.map(\n                (section: ToolAssistanceSection, index1: number) => {\n                  return (\n                    <React.Fragment key={index1.toString()}>\n                      <ToolAssistanceSeparator key={index1.toString()}>\n                        {section.label}\n                      </ToolAssistanceSeparator>\n                      {this._getDisplayableInstructions(section).map(\n                        (\n                          instruction: ToolAssistanceInstruction,\n                          index2: number\n                        ) => {\n                          return (\n                            <NZ_ToolAssistanceInstruction\n                              key={`${index1.toString()}-${index2.toString()}`}\n                              image={ToolAssistanceField.getInstructionImage(\n                                instruction\n                              )}\n                              text={instruction.text}\n                              isNew={instruction.isNew}\n                            />\n                          );\n                        }\n                      )}\n                    </React.Fragment>\n                  );\n                }\n              )}\n\n            {this.props.includePromptAtCursor && (\n              <>\n                <ToolAssistanceSeparator key=\"prompt-sep\" />\n                <ToolAssistanceItem key=\"prompt-item\">\n                  <ToggleSwitch\n                    label={UiFramework.translate(\n                      \"toolAssistance.promptAtCursor\"\n                    )}\n                    labelPosition=\"right\"\n                    checked={this.state.showPromptAtCursor}\n                    onChange={this._onPromptAtCursorChange}\n                  />\n                </ToolAssistanceItem>\n              </>\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    if (prompt) tooltip = prompt;\n\n    if (IModelApp.toolAdmin.activeTool)\n      tooltip = `${IModelApp.toolAdmin.activeTool.flyover} > ${tooltip}  `;\n\n    if (tooltip) {\n      const lineBreak = \"\\u000d\\u000a\";\n      tooltip = tooltip + lineBreak;\n    }\n\n    tooltip += UiFramework.translate(\"toolAssistance.moreInfo\");\n\n    return (\n      <StatusBarPopover\n        visible={this.state.isOpen}\n        onVisibleChange={(visible) => {\n          this.setIsOpen(visible);\n        }}\n        closeOnOutsideClick={!this.state.isPinned}\n        content={\n          <ToolAssistanceDialog\n            buttons={\n              <>\n                {!this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handlePinButtonClick}\n                    title={UiFramework.translate(\"toolAssistance.pin\")}\n                  >\n                    <SvgPin />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n                {this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handleCloseButtonClick}\n                    title={UiFramework.translate(\"dialog.close\")}\n                  >\n                    <SvgClose />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n              </>\n            }\n            title={dialogTitle}\n          >\n            {dialogContent}\n          </ToolAssistanceDialog>\n        }\n      >\n        <Button\n          styleType=\"borderless\"\n          startIcon={<>{toolIcon}</>}\n          className={classnames(\n            \"uifw-statusFields-toolAssistance-toolAssistanceField\",\n            this.props.className\n          )}\n          title={tooltip}\n          style={this.props.style}\n          ref={this._indicator}\n          labelProps={{ className: \"prompt\" }}\n        >\n          {prompt}\n          <StatusBarPopover.ExpandIndicator />\n        </Button>\n      </StatusBarPopover>\n    );\n  }\n\n  private _onPromptAtCursorChange = async (\n    e: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    if (this._isMounted)\n      this.setState(\n        {\n          showPromptAtCursor: e.target.checked,\n        },\n        async () => {\n          await this._showPromptAtCursorSetting.saveSetting(\n            this._uiSettingsStorage\n          );\n        }\n      );\n  };\n\n  private _handlePinButtonClick = () => {\n    if (this._isMounted) this.setState({ isPinned: true });\n  };\n\n  private _handleCloseButtonClick = () => {\n    this.setIsOpen(false);\n  };\n\n  private setIsOpen(isOpen: boolean) {\n    let newState = {\n      isOpen,\n    };\n    if (!isOpen && this.state.isPinned && this._isMounted) {\n      newState = { ...newState, ...{ isPinned: false } };\n    }\n    this.setState(newState);\n  }\n\n  /** @internal */\n  public static getInstructionImage(\n    instruction: ToolAssistanceInstruction\n  ): React.ReactNode {\n    let image: React.ReactNode;\n\n    if (\n      (typeof instruction.image === \"string\" ||\n        instruction.image !== ToolAssistanceImage.Keyboard) &&\n      instruction.keyboardInfo\n    ) {\n      if (\n        instruction.keyboardInfo.keys.length === 1 &&\n        !instruction.keyboardInfo.bottomKeys\n      ) {\n        const key = instruction.keyboardInfo.keys[0];\n        const rightImage =\n          typeof instruction.image === \"string\" ? (\n            <div className=\"uifw-toolassistance-icon-medium\">\n              <Icon iconSpec={instruction.image} />\n            </div>\n          ) : (\n            this.getInstructionSvgImage(instruction, true)\n          );\n\n        image = (\n          // eslint-disable-next-line deprecation/deprecation\n          <FillCentered>\n            {ToolAssistanceField.getKeyNode(\n              key,\n              0,\n              \"uifw-toolassistance-key-modifier\"\n            )}\n            {rightImage}\n          </FillCentered>\n        );\n      } else {\n        Logger.logError(\n          UiFramework.loggerCategory(this),\n          `getInstructionImage: Invalid keyboardInfo provided with image`\n        );\n      }\n    } else if (typeof instruction.image === \"string\") {\n      if (instruction.image.length > 0) {\n        const svgSource = getWebComponentSource(instruction.image);\n        const className =\n          svgSource !== undefined\n            ? \"uifw-toolassistance-svg\"\n            : \"uifw-toolassistance-icon-large\";\n        image = (\n          <div className={className}>\n            <Icon iconSpec={svgSource ?? instruction.image} />\n          </div>\n        );\n      }\n    } else if (instruction.image === ToolAssistanceImage.Keyboard) {\n      if (instruction.keyboardInfo) {\n        image = ToolAssistanceField.getInstructionKeyboardImage(\n          instruction.keyboardInfo\n        );\n      } else {\n        Logger.logError(\n          UiFramework.loggerCategory(this),\n          `getInstructionImage: ToolAssistanceImage.Keyboard specified but no keyboardInfo provided`\n        );\n      }\n    } else {\n      image = this.getInstructionSvgImage(instruction, false);\n    }\n\n    return image;\n  }\n\n  private static getInstructionSvgImage(\n    instruction: ToolAssistanceInstruction,\n    mediumSize: boolean\n  ): React.ReactNode {\n    let image: React.ReactNode;\n    let className = mediumSize\n      ? \"uifw-toolassistance-svg-medium\"\n      : \"uifw-toolassistance-svg\";\n\n    if (\n      typeof instruction.image !== \"string\" &&\n      instruction.image !== ToolAssistanceImage.Keyboard\n    ) {\n      const toolAssistanceImage: ToolAssistanceImage = instruction.image;\n      let svgImage = \"\";\n\n      switch (toolAssistanceImage) {\n        case ToolAssistanceImage.AcceptPoint:\n          svgImage = acceptPointIcon;\n          break;\n        case ToolAssistanceImage.CursorClick:\n          svgImage = cursorClickIcon;\n          break;\n        case ToolAssistanceImage.LeftClick:\n          svgImage = clickLeftIcon;\n          break;\n        case ToolAssistanceImage.RightClick:\n          svgImage = clickRightIcon;\n          break;\n        case ToolAssistanceImage.MouseWheel:\n          svgImage = mouseWheelClickIcon;\n          break;\n        case ToolAssistanceImage.LeftClickDrag:\n          svgImage = clickLeftDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n        case ToolAssistanceImage.RightClickDrag:\n          svgImage = clickRightDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n        case ToolAssistanceImage.MouseWheelClickDrag:\n          svgImage = clickMouseWheelDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n        case ToolAssistanceImage.OneTouchTap:\n          svgImage = oneTouchTapIcon;\n          break;\n        case ToolAssistanceImage.OneTouchDoubleTap:\n          svgImage = oneTouchDoubleTapIcon;\n          break;\n        case ToolAssistanceImage.OneTouchDrag:\n          svgImage = oneTouchDragIcon;\n          break;\n        case ToolAssistanceImage.TwoTouchTap:\n          svgImage = twoTouchTapIcon;\n          break;\n        case ToolAssistanceImage.TwoTouchDrag:\n          svgImage = twoTouchDragIcon;\n          break;\n        case ToolAssistanceImage.TwoTouchPinch:\n          svgImage = twoTouchPinchIcon;\n          break;\n        case ToolAssistanceImage.TouchCursorTap:\n          svgImage = touchCursorTapIcon;\n          break;\n        case ToolAssistanceImage.TouchCursorDrag:\n          svgImage = touchCursorDragIcon;\n          className = mediumSize\n            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n      }\n\n      image = (\n        <div className={className}>\n          {svgImage && <Icon iconSpec={svgImage} />}\n        </div>\n      );\n    }\n\n    return image;\n  }\n\n  private static getInstructionKeyboardImage(\n    keyboardInfo: ToolAssistanceKeyboardInfo\n  ): React.ReactNode {\n    let image: React.ReactNode;\n\n    if (keyboardInfo.bottomKeys !== undefined) {\n      image = (\n        <div className=\"uifw-toolassistance-key-group\">\n          <span className=\"row1\">\n            {keyboardInfo.keys.map((key: string, index1: number) => {\n              return ToolAssistanceField.getKeyNode(\n                key,\n                index1,\n                \"uifw-toolassistance-key-small\"\n              );\n            })}\n          </span>\n          <br />\n          <span className=\"row2\">\n            {keyboardInfo.bottomKeys.map((key: string, index2: number) => {\n              return ToolAssistanceField.getKeyNode(\n                key,\n                index2,\n                \"uifw-toolassistance-key-small\"\n              );\n            })}\n          </span>\n        </div>\n      );\n    } else if (keyboardInfo.keys.length === 2) {\n      image = (\n        // eslint-disable-next-line deprecation/deprecation\n        <FillCentered>\n          {keyboardInfo.keys.map((key: string, index3: number) => {\n            let className = \"uifw-toolassistance-key-medium\";\n            if (key.length > 1) className = \"uifw-toolassistance-key-modifier\";\n            return ToolAssistanceField.getKeyNode(key, index3, className);\n          })}\n        </FillCentered>\n      );\n    } else if (keyboardInfo.keys[0]) {\n      if (keyboardInfo.keys[0].length > 1)\n        image = ToolAssistanceField.getKeyNode(\n          keyboardInfo.keys[0],\n          0,\n          \"uifw-toolassistance-key-large\"\n        );\n      else image = ToolAssistanceField.getKeyNode(keyboardInfo.keys[0], 0);\n    } else {\n      Logger.logError(\n        UiFramework.loggerCategory(this),\n        `ToolAssistanceImage.Keyboard specified but ToolAssistanceKeyboardInfo not valid`\n      );\n    }\n\n    return image;\n  }\n\n  private static getKeyNode(\n    key: string,\n    index: number,\n    className?: string\n  ): React.ReactNode {\n    return (\n      <div\n        key={index.toString()}\n        className={classnames(\"uifw-toolassistance-key\", className)}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <FillCentered>{key}</FillCentered>\n      </div>\n    );\n  }\n}\n\nfunction getWebComponentSource(iconSpec: string): string | undefined {\n  if (iconSpec.startsWith(\"webSvg:\") && iconSpec.length > 7) {\n    return iconSpec.slice(7);\n  }\n\n  return undefined;\n}\n"]}

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.scss

@@ -16,33 +16,14 @@ $key-size-medium: 18px;
 $key-size-large: 36px;
 $key-size-modifier: 24px;
 
-.uifw-statusFields-toolassistance {
-  $font-size-medium: var(--iui-font-size-0);
-  $font-size-small: var(--iui-font-size-0) - 1px;
-
-  overflow: hidden;
-  width: 20em;
-
-  @include for-tablet-landscape-down {
-    width: 16em;
-  }
-
-  @include for-tablet-portrait-down {
-    font-size: $font-size-medium;
-  }
-
-  @include for-phone-only {
-    font-size: $font-size-small;
-    width: 12em;
-  }
-
-  .nz-indicator {
-    display: flex;
-    flex: auto;
-
-    .nz-icons :nth-child(1) {
-      margin-right: 4px;
-    }
+.uifw-statusFields-toolAssistance-toolAssistanceField {
+  width: 30ch;
+  justify-content: flex-start;
+
+  .prompt {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 }
 

package/lib/cjs/appui-react/syncui/InternalSyncUiEventDispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InternalSyncUiEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/syncui/InternalSyncUiEventDispatcher.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;;GAGG;AACH,qBAAa,6BAA6B;IACxC,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAC;IAEtB,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,cAAc,CAAC;IACvB,OAAO,CAAC,uBAAuB,CAAC;;IAWhC,wCAAwC;IAEjC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAa7C,iCAAiC;IACjC,IAAW,aAAa,IAAI,MAAM,CAEjC;IACD,+DAA+D;IAC/D,IAAW,YAAY,IAAI,GAAG,CAAC,MAAM,CAAC,CAErC;IAED,oEAAoE;IAEpE,IAAW,aAAa,IAAI,SAAS,CAAC,eAAe,CAAC,CAErD;IAED,iDAAiD;IAC1C,4BAA4B,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAM1D,0CAA0C;IACnC,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAiBjD,oDAAoD;IAC7C,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI;IAkBrD,oGAAoG;IAC7F,qBAAqB;IAiC5B,kFAAkF;IAC3E,kBAAkB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE;CAWzE"}
+{"version":3,"file":"InternalSyncUiEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/syncui/InternalSyncUiEventDispatcher.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;;GAGG;AACH,qBAAa,6BAA6B;IACxC,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAC;IAEtB,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,cAAc,CAAC;IACvB,OAAO,CAAC,uBAAuB,CAAC;;IAWhC,wCAAwC;IAEjC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAa7C,iCAAiC;IACjC,IAAW,aAAa,IAAI,MAAM,CAEjC;IACD,+DAA+D;IAC/D,IAAW,YAAY,IAAI,GAAG,CAAC,MAAM,CAAC,CAErC;IAED,oEAAoE;IAEpE,IAAW,aAAa,IAAI,SAAS,CAAC,eAAe,CAAC,CAErD;IAED,iDAAiD;IAC1C,4BAA4B,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAM1D,0CAA0C;IACnC,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAgBjD,oDAAoD;IAC7C,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI;IAgBrD,oGAAoG;IAC7F,qBAAqB;IA2B5B,kFAAkF;IAC3E,kBAAkB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE;CAUzE"}

package/lib/cjs/appui-react/syncui/InternalSyncUiEventDispatcher.js

@@ -23,7 +23,6 @@ class InternalSyncUiEventDispatcher {
         this._secondaryTimeoutPeriod = this._timeoutPeriod / 2;
     }
     /** @internal - used for testing only */
-    /* istanbul ignore next */
     setTimeoutPeriod(period) {
         this._timeoutPeriod = period;
         this._secondaryTimeoutPeriod = Math.floor(this._timeoutPeriod / 2);
@@ -58,7 +57,6 @@ class InternalSyncUiEventDispatcher {
     }
     /** Save eventId in Set for processing. */
     dispatchSyncUiEvent(eventId) {
-        // istanbul ignore if
         if (0 === this._timeoutPeriod) {
             return;
         }
@@ -75,12 +73,10 @@ class InternalSyncUiEventDispatcher {
     }
     /** Save multiple eventIds in Set for processing. */
     dispatchSyncUiEvents(eventIds) {
-        // istanbul ignore if
         if (0 === this._timeoutPeriod) {
             return;
         }
         eventIds.forEach((id) => this.syncEventIds.add(id.toLowerCase()));
-        // istanbul ignore else
         if (!this._syncEventTimerId) {
             // if there is not a timer active, create one
             this._syncEventTimerId = window.setTimeout(() => {
@@ -93,15 +89,12 @@ class InternalSyncUiEventDispatcher {
     }
     /** Trigger registered event processing when timer has expired and no addition eventId are added. */
     checkForAdditionalIds() {
-        /* istanbul ignore else */
         if (!this._eventIdAdded) {
-            // istanbul ignore else
             if (this._syncEventTimerId) {
                 window.clearTimeout(this._syncEventTimerId);
                 this._syncEventTimerId = undefined;
             }
             this._eventIdAdded = false;
-            // istanbul ignore else
             if (this.syncEventIds.size > 0) {
                 const eventIds = new Set();
                 this.syncEventIds.forEach((value) => eventIds.add(value));
@@ -110,22 +103,18 @@ class InternalSyncUiEventDispatcher {
             }
             return;
         }
-        // istanbul ignore next
         if (this._syncEventTimerId) {
             window.clearTimeout(this._syncEventTimerId);
             this._syncEventTimerId = undefined;
         }
-        // istanbul ignore next
         this._eventIdAdded = false;
         // if events have been added before the initial timer expired wait half that time to see if events are still being added.
-        // istanbul ignore next
         this._syncEventTimerId = window.setTimeout(() => {
             this.checkForAdditionalIds();
         }, this._secondaryTimeoutPeriod);
     }
     /** Checks to see if an eventId of interest is contained in the set of eventIds */
     hasEventOfInterest(eventIds, idsOfInterest) {
-        /* istanbul ignore else */
         if (idsOfInterest.length > 0 &&
             idsOfInterest.some((value) => eventIds.has(value.toLowerCase())))
             return true;

package/lib/cjs/appui-react/syncui/InternalSyncUiEventDispatcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalSyncUiEventDispatcher.js","sourceRoot":"","sources":["../../../../src/appui-react/syncui/InternalSyncUiEventDispatcher.ts"],"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 SyncUi\n */\n\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type { UiSyncEventArgs } from \"./UiSyncEvent\";\n\n/** This class is used to send eventIds to interested UI components so the component can determine if it needs\n * to refresh its display by calling setState on itself.\n * @internal\n */\nexport class InternalSyncUiEventDispatcher {\n  private _syncEventTimerId: number | undefined;\n  private _eventIds: Set<string>;\n  private _eventIdAdded;\n  // eslint-disable-next-line deprecation/deprecation\n  private _uiSyncEvent: BeUiEvent<UiSyncEventArgs>;\n  private _timeoutPeriod;\n  private _secondaryTimeoutPeriod;\n\n  constructor() {\n    this._eventIds = new Set<string>();\n    this._eventIdAdded = false;\n    // eslint-disable-next-line deprecation/deprecation\n    this._uiSyncEvent = new BeUiEvent<UiSyncEventArgs>();\n    this._timeoutPeriod = 100;\n    this._secondaryTimeoutPeriod = this._timeoutPeriod / 2;\n  }\n\n  /** @internal - used for testing only */\n  /* istanbul ignore next */\n  public setTimeoutPeriod(period: number): void {\n    this._timeoutPeriod = period;\n    this._secondaryTimeoutPeriod = Math.floor(this._timeoutPeriod / 2);\n    if (this._secondaryTimeoutPeriod < 1) this._secondaryTimeoutPeriod = 1;\n    if (this._syncEventTimerId) {\n      window.clearTimeout(this._syncEventTimerId);\n      this._syncEventTimerId = undefined;\n    }\n    if (this._eventIds) this._eventIds.clear();\n\n    this._eventIdAdded = false;\n  }\n\n  /** The current timeout period */\n  public get timeoutPeriod(): number {\n    return this._timeoutPeriod;\n  }\n  /** Return set of event ids that will be sent to listeners/. */\n  public get syncEventIds(): Set<string> {\n    return this._eventIds;\n  }\n\n  /** Return UiSyncEvent so callers can register an event callback. */\n  // eslint-disable-next-line deprecation/deprecation\n  public get onSyncUiEvent(): BeUiEvent<UiSyncEventArgs> {\n    return this._uiSyncEvent;\n  }\n\n  /** Immediately trigger sync event processing. */\n  public dispatchImmediateSyncUiEvent(eventId: string): void {\n    const eventIds = new Set<string>();\n    eventIds.add(eventId.toLowerCase());\n    this.onSyncUiEvent.emit({ eventIds });\n  }\n\n  /** Save eventId in Set for processing. */\n  public dispatchSyncUiEvent(eventId: string): void {\n    // istanbul ignore if\n    if (0 === this._timeoutPeriod) {\n      return;\n    }\n\n    this.syncEventIds.add(eventId.toLowerCase());\n    if (!this._syncEventTimerId) {\n      // if there is not a timer active, create one\n      this._syncEventTimerId = window.setTimeout(() => {\n        this.checkForAdditionalIds();\n      }, this._timeoutPeriod);\n    } else {\n      this._eventIdAdded = true;\n    }\n  }\n\n  /** Save multiple eventIds in Set for processing. */\n  public dispatchSyncUiEvents(eventIds: string[]): void {\n    // istanbul ignore if\n    if (0 === this._timeoutPeriod) {\n      return;\n    }\n\n    eventIds.forEach((id) => this.syncEventIds.add(id.toLowerCase()));\n    // istanbul ignore else\n    if (!this._syncEventTimerId) {\n      // if there is not a timer active, create one\n      this._syncEventTimerId = window.setTimeout(() => {\n        this.checkForAdditionalIds();\n      }, this._timeoutPeriod);\n    } else {\n      this._eventIdAdded = true;\n    }\n  }\n\n  /** Trigger registered event processing when timer has expired and no addition eventId are added. */\n  public checkForAdditionalIds() {\n    /* istanbul ignore else */\n    if (!this._eventIdAdded) {\n      // istanbul ignore else\n      if (this._syncEventTimerId) {\n        window.clearTimeout(this._syncEventTimerId);\n        this._syncEventTimerId = undefined;\n      }\n      this._eventIdAdded = false;\n      // istanbul ignore else\n      if (this.syncEventIds.size > 0) {\n        const eventIds = new Set<string>();\n        this.syncEventIds.forEach((value) => eventIds.add(value));\n        this._eventIds.clear();\n        this.onSyncUiEvent.emit({ eventIds });\n      }\n      return;\n    }\n\n    // istanbul ignore next\n    if (this._syncEventTimerId) {\n      window.clearTimeout(this._syncEventTimerId);\n      this._syncEventTimerId = undefined;\n    }\n    // istanbul ignore next\n    this._eventIdAdded = false;\n    // if events have been added before the initial timer expired wait half that time to see if events are still being added.\n    // istanbul ignore next\n    this._syncEventTimerId = window.setTimeout(() => {\n      this.checkForAdditionalIds();\n    }, this._secondaryTimeoutPeriod);\n  }\n\n  /** Checks to see if an eventId of interest is contained in the set of eventIds */\n  public hasEventOfInterest(eventIds: Set<string>, idsOfInterest: string[]) {\n    /* istanbul ignore else */\n    if (\n      idsOfInterest.length > 0 &&\n      idsOfInterest.some((value: string): boolean =>\n        eventIds.has(value.toLowerCase())\n      )\n    )\n      return true;\n    return false;\n  }\n}\n"]}
+{"version":3,"file":"InternalSyncUiEventDispatcher.js","sourceRoot":"","sources":["../../../../src/appui-react/syncui/InternalSyncUiEventDispatcher.ts"],"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 SyncUi\n */\n\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type { UiSyncEventArgs } from \"./UiSyncEvent\";\n\n/** This class is used to send eventIds to interested UI components so the component can determine if it needs\n * to refresh its display by calling setState on itself.\n * @internal\n */\nexport class InternalSyncUiEventDispatcher {\n  private _syncEventTimerId: number | undefined;\n  private _eventIds: Set<string>;\n  private _eventIdAdded;\n  // eslint-disable-next-line deprecation/deprecation\n  private _uiSyncEvent: BeUiEvent<UiSyncEventArgs>;\n  private _timeoutPeriod;\n  private _secondaryTimeoutPeriod;\n\n  constructor() {\n    this._eventIds = new Set<string>();\n    this._eventIdAdded = false;\n    // eslint-disable-next-line deprecation/deprecation\n    this._uiSyncEvent = new BeUiEvent<UiSyncEventArgs>();\n    this._timeoutPeriod = 100;\n    this._secondaryTimeoutPeriod = this._timeoutPeriod / 2;\n  }\n\n  /** @internal - used for testing only */\n\n  public setTimeoutPeriod(period: number): void {\n    this._timeoutPeriod = period;\n    this._secondaryTimeoutPeriod = Math.floor(this._timeoutPeriod / 2);\n    if (this._secondaryTimeoutPeriod < 1) this._secondaryTimeoutPeriod = 1;\n    if (this._syncEventTimerId) {\n      window.clearTimeout(this._syncEventTimerId);\n      this._syncEventTimerId = undefined;\n    }\n    if (this._eventIds) this._eventIds.clear();\n\n    this._eventIdAdded = false;\n  }\n\n  /** The current timeout period */\n  public get timeoutPeriod(): number {\n    return this._timeoutPeriod;\n  }\n  /** Return set of event ids that will be sent to listeners/. */\n  public get syncEventIds(): Set<string> {\n    return this._eventIds;\n  }\n\n  /** Return UiSyncEvent so callers can register an event callback. */\n  // eslint-disable-next-line deprecation/deprecation\n  public get onSyncUiEvent(): BeUiEvent<UiSyncEventArgs> {\n    return this._uiSyncEvent;\n  }\n\n  /** Immediately trigger sync event processing. */\n  public dispatchImmediateSyncUiEvent(eventId: string): void {\n    const eventIds = new Set<string>();\n    eventIds.add(eventId.toLowerCase());\n    this.onSyncUiEvent.emit({ eventIds });\n  }\n\n  /** Save eventId in Set for processing. */\n  public dispatchSyncUiEvent(eventId: string): void {\n    if (0 === this._timeoutPeriod) {\n      return;\n    }\n\n    this.syncEventIds.add(eventId.toLowerCase());\n    if (!this._syncEventTimerId) {\n      // if there is not a timer active, create one\n      this._syncEventTimerId = window.setTimeout(() => {\n        this.checkForAdditionalIds();\n      }, this._timeoutPeriod);\n    } else {\n      this._eventIdAdded = true;\n    }\n  }\n\n  /** Save multiple eventIds in Set for processing. */\n  public dispatchSyncUiEvents(eventIds: string[]): void {\n    if (0 === this._timeoutPeriod) {\n      return;\n    }\n\n    eventIds.forEach((id) => this.syncEventIds.add(id.toLowerCase()));\n    if (!this._syncEventTimerId) {\n      // if there is not a timer active, create one\n      this._syncEventTimerId = window.setTimeout(() => {\n        this.checkForAdditionalIds();\n      }, this._timeoutPeriod);\n    } else {\n      this._eventIdAdded = true;\n    }\n  }\n\n  /** Trigger registered event processing when timer has expired and no addition eventId are added. */\n  public checkForAdditionalIds() {\n    if (!this._eventIdAdded) {\n      if (this._syncEventTimerId) {\n        window.clearTimeout(this._syncEventTimerId);\n        this._syncEventTimerId = undefined;\n      }\n      this._eventIdAdded = false;\n      if (this.syncEventIds.size > 0) {\n        const eventIds = new Set<string>();\n        this.syncEventIds.forEach((value) => eventIds.add(value));\n        this._eventIds.clear();\n        this.onSyncUiEvent.emit({ eventIds });\n      }\n      return;\n    }\n\n    if (this._syncEventTimerId) {\n      window.clearTimeout(this._syncEventTimerId);\n      this._syncEventTimerId = undefined;\n    }\n    this._eventIdAdded = false;\n    // if events have been added before the initial timer expired wait half that time to see if events are still being added.\n    this._syncEventTimerId = window.setTimeout(() => {\n      this.checkForAdditionalIds();\n    }, this._secondaryTimeoutPeriod);\n  }\n\n  /** Checks to see if an eventId of interest is contained in the set of eventIds */\n  public hasEventOfInterest(eventIds: Set<string>, idsOfInterest: string[]) {\n    if (\n      idsOfInterest.length > 0 &&\n      idsOfInterest.some((value: string): boolean =>\n        eventIds.has(value.toLowerCase())\n      )\n    )\n      return true;\n    return false;\n  }\n}\n"]}

package/lib/cjs/appui-react/syncui/SyncUiEventDispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SyncUiEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/syncui/SyncUiEventDispatcher.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AASjD;;GAEG;AACH,oBAAY,aAAa;IACvB,yCAAyC;IACzC,0BAA0B,+BAA+B;IACzD,qCAAqC;IACrC,uBAAuB,4BAA4B;IACnD,8EAA8E;IAC9E,oBAAoB,yBAAyB;IAC7C,iEAAiE;IACjE,qBAAqB,0BAA0B;IAC/C,kCAAkC;IAClC,cAAc,mBAAmB;IACjC,4CAA4C;IAC5C,sBAAsB,2BAA2B;IACjD,kFAAkF;IAClF,uBAAuB,4BAA4B;IACnD,kCAAkC;IAClC,oBAAoB,yBAAyB;IAC7C,yEAAyE;IACzE,eAAe,oBAAoB;IACnC,oDAAoD;IACpD,sBAAsB,2BAA2B;IACjD,gDAAgD;IAChD,kBAAkB,uBAAuB;IACzC,0CAA0C;IAC1C,sBAAsB,2BAA2B;IACjD,+DAA+D;IAC/D,aAAa,kBAAkB;IAC/B,yCAAyC;IACzC,kBAAkB,uBAAuB;IACzC,oEAAoE;IACpE,mBAAmB,wBAAwB;IAC3C,kFAAkF;IAClF,wBAAwB,6BAA6B;IACrD,mFAAmF;IACnF,gBAAgB,qBAAqB;IACrC,mEAAmE;IACnE,qBAAqB,0BAA0B;IAC/C,4BAA4B,6BAA6B;IACzD,6DAA6D;IAC7D,uBAAuB,4BAA4B;IACnD,mBAAmB,wBAAwB;CAC5C;AAED;;;GAGG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAuC;IACxE,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAA2B;IAC1D,OAAO,CAAC,MAAM,CAAC,0BAA0B,CAA2B;IACpE,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAmB;IAEpD,wCAAwC;WAE1B,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIpD,+DAA+D;IAC/D,WAAkB,YAAY,IAAI,GAAG,CAAC,MAAM,CAAC,CAE5C;IAED,oEAAoE;IAEpE,WAAkB,aAAa,IAAI,WAAW,CAE7C;IAED,iDAAiD;WACnC,4BAA4B,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAMjE,0CAA0C;WAC5B,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWxD,oDAAoD;WACtC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI;IAW5D,kFAAkF;WACpE,kBAAkB,CAC9B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EACrB,aAAa,EAAE,MAAM,EAAE;IASzB,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAOlC,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAO9C,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAM3C,gFAAgF;WAClE,UAAU;IA2FxB,qFAAqF;WACvE,qBAAqB,CAAC,gBAAgB,EAAE,gBAAgB;IAMtE,0FAA0F;WAC5E,0BAA0B,CAAC,gBAAgB,EAAE,gBAAgB;CAoB5E"}
+{"version":3,"file":"SyncUiEventDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/syncui/SyncUiEventDispatcher.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AASjD;;GAEG;AACH,oBAAY,aAAa;IACvB,yCAAyC;IACzC,0BAA0B,+BAA+B;IACzD,qCAAqC;IACrC,uBAAuB,4BAA4B;IACnD,8EAA8E;IAC9E,oBAAoB,yBAAyB;IAC7C,iEAAiE;IACjE,qBAAqB,0BAA0B;IAC/C,kCAAkC;IAClC,cAAc,mBAAmB;IACjC,4CAA4C;IAC5C,sBAAsB,2BAA2B;IACjD,kFAAkF;IAClF,uBAAuB,4BAA4B;IACnD,kCAAkC;IAClC,oBAAoB,yBAAyB;IAC7C,yEAAyE;IACzE,eAAe,oBAAoB;IACnC,oDAAoD;IACpD,sBAAsB,2BAA2B;IACjD,gDAAgD;IAChD,kBAAkB,uBAAuB;IACzC,0CAA0C;IAC1C,sBAAsB,2BAA2B;IACjD,+DAA+D;IAC/D,aAAa,kBAAkB;IAC/B,yCAAyC;IACzC,kBAAkB,uBAAuB;IACzC,oEAAoE;IACpE,mBAAmB,wBAAwB;IAC3C,kFAAkF;IAClF,wBAAwB,6BAA6B;IACrD,mFAAmF;IACnF,gBAAgB,qBAAqB;IACrC,mEAAmE;IACnE,qBAAqB,0BAA0B;IAC/C,4BAA4B,6BAA6B;IACzD,6DAA6D;IAC7D,uBAAuB,4BAA4B;IACnD,mBAAmB,wBAAwB;CAC5C;AAED;;;GAGG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAuC;IACxE,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAA2B;IAC1D,OAAO,CAAC,MAAM,CAAC,0BAA0B,CAA2B;IACpE,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAmB;IAEpD,wCAAwC;WAE1B,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAIpD,+DAA+D;IAC/D,WAAkB,YAAY,IAAI,GAAG,CAAC,MAAM,CAAC,CAE5C;IAED,oEAAoE;IAEpE,WAAkB,aAAa,IAAI,WAAW,CAE7C;IAED,iDAAiD;WACnC,4BAA4B,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAMjE,0CAA0C;WAC5B,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWxD,oDAAoD;WACtC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI;IAU5D,kFAAkF;WACpE,kBAAkB,CAC9B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EACrB,aAAa,EAAE,MAAM,EAAE;IAQzB,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAMlC,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAM9C,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAM3C,gFAAgF;WAClE,UAAU;IA0FxB,qFAAqF;WACvE,qBAAqB,CAAC,gBAAgB,EAAE,gBAAgB;IAMtE,0FAA0F;WAC5E,0BAA0B,CAAC,gBAAgB,EAAE,gBAAgB;CAoB5E"}