@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/accudraw/MenuButton.js

@@ -0,0 +1,67 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuButton = void 0;
+require("./MenuButton.scss");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const SquareButton_1 = require("./SquareButton");
+/** @alpha */
+class MenuButton extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._menu = null;
+        this._open = () => {
+            this.setState({ expanded: true }, () => {
+                // istanbul ignore else
+                if (this._menu)
+                    this._menu.focus();
+            });
+        };
+        this._handleClick = (event) => {
+            if (this.state.expanded) {
+                event.stopPropagation();
+                this.setState({ expanded: false });
+            }
+            else {
+                this._open();
+            }
+        };
+        // istanbul ignore next
+        this._handleClose = () => {
+            this.setState({ expanded: false });
+        };
+        this.state = {
+            expanded: false,
+        };
+    }
+    render() {
+        const { point, className, style, onSizeKnown, ...buttonProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const divStyle = {
+            top: point.y,
+            left: point.x,
+        };
+        return (React.createElement("div", { className: "uifw-menu-button", style: divStyle, ref: (e) => this.setDivRef(e) },
+            React.createElement(SquareButton_1.SquareButton, { ...buttonProps, className: className, style: style, onClick: this._handleClick },
+                React.createElement(core_react_1.Icon, { iconSpec: "icon-more-2" })),
+            React.createElement(core_react_1.ContextMenu, { ref: (el) => { this._menu = el; }, selectedIndex: 0, onSelect: this._handleClose, onOutsideClick: this._handleClose, onEsc: this._handleClose, opened: this.state.expanded, autoflip: false }, this.props.children)));
+    }
+    setDivRef(div) {
+        // istanbul ignore else
+        if (div) {
+            const rect = div.getBoundingClientRect();
+            const size = new core_react_1.Size(rect.width, rect.height);
+            // istanbul ignore else
+            if (this.props.onSizeKnown)
+                this.props.onSizeKnown(size);
+        }
+    }
+}
+exports.MenuButton = MenuButton;
+//# sourceMappingURL=MenuButton.js.map

package/lib/cjs/appui-react/accudraw/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/MenuButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6BAA2B;AAC3B,+BAA+B;AAE/B,kDAAuE;AACvE,iDAAiE;AAejE,aAAa;AACb,MAAa,UAAW,SAAQ,KAAK,CAAC,aAA+C;IAGnF,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,UAAK,GAAuB,IAAI,CAAC;QAiDjC,UAAK,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,QAAQ,CACX,EAAE,QAAQ,EAAE,IAAI,EAAE,EAClB,GAAG,EAAE;gBACH,uBAAuB;gBACvB,IAAI,IAAI,CAAC,KAAK;oBACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACvB,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAAU,EAAE,EAAE;YACpC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;aACpC;iBAAM;gBACL,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC,CAAC;QAEF,uBAAuB;QACf,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC;QAlEA,IAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAErI,MAAM,QAAQ,GAAwB;YACpC,GAAG,EAAE,KAAK,CAAC,CAAC;YACZ,IAAI,EAAE,KAAK,CAAC,CAAC;SACd,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAC9E,oBAAC,2BAAY,OAAK,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY;gBAC3F,oBAAC,iBAAI,IAAC,QAAQ,EAAC,aAAa,GAAG,CAClB;YACf,oBAAC,wBAAW,IACV,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,EACjC,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,cAAc,EAAE,IAAI,CAAC,YAAY,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC3B,QAAQ,EAAE,KAAK,IACd,IAAI,CAAC,KAAK,CAAC,QAAQ,CACR,CACV,CACP,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,GAA0B;QAC1C,uBAAuB;QACvB,IAAI,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,IAAI,iBAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAE/C,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;CA0BF;AA1ED,gCA0EC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport \"./MenuButton.scss\";\r\nimport * as React from \"react\";\r\nimport { PointProps } from \"@itwin/appui-abstract\";\r\nimport { ContextMenu, Icon, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { SquareButton, SquareButtonProps } from \"./SquareButton\";\r\n\r\n/** @alpha */\r\nexport interface MenuButtonProps extends SquareButtonProps {\r\n  /** Center point */\r\n  point: PointProps;\r\n  /** Function called when size is known. */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** @internal */\r\ninterface MenuButtonState {\r\n  expanded: boolean;\r\n}\r\n\r\n/** @alpha */\r\nexport class MenuButton extends React.PureComponent<MenuButtonProps, MenuButtonState> {\r\n  private _menu: ContextMenu | null = null;\r\n\r\n  constructor(props: MenuButtonProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      expanded: false,\r\n    };\r\n  }\r\n\r\n  public override render() {\r\n    const { point, className, style, onSizeKnown, ...buttonProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    const divStyle: React.CSSProperties = {\r\n      top: point.y,\r\n      left: point.x,\r\n    };\r\n\r\n    return (\r\n      <div className=\"uifw-menu-button\" style={divStyle} ref={(e) => this.setDivRef(e)}>\r\n        <SquareButton {...buttonProps} className={className} style={style} onClick={this._handleClick}>\r\n          <Icon iconSpec=\"icon-more-2\" />\r\n        </SquareButton>\r\n        <ContextMenu\r\n          ref={(el) => { this._menu = el; }}\r\n          selectedIndex={0}\r\n          onSelect={this._handleClose}\r\n          onOutsideClick={this._handleClose}\r\n          onEsc={this._handleClose}\r\n          opened={this.state.expanded}\r\n          autoflip={false}>\r\n          {this.props.children}\r\n        </ContextMenu>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private setDivRef(div: HTMLDivElement | null) {\r\n    // istanbul ignore else\r\n    if (div) {\r\n      const rect = div.getBoundingClientRect();\r\n      const size = new Size(rect.width, rect.height);\r\n\r\n      // istanbul ignore else\r\n      if (this.props.onSizeKnown)\r\n        this.props.onSizeKnown(size);\r\n    }\r\n  }\r\n\r\n  private _open = () => {\r\n    this.setState(\r\n      { expanded: true },\r\n      () => {\r\n        // istanbul ignore else\r\n        if (this._menu)\r\n          this._menu.focus();\r\n      });\r\n  };\r\n\r\n  private _handleClick = (event: any) => {\r\n    if (this.state.expanded) {\r\n      event.stopPropagation();\r\n      this.setState({ expanded: false });\r\n    } else {\r\n      this._open();\r\n    }\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _handleClose = () => {\r\n    this.setState({ expanded: false });\r\n  };\r\n\r\n}\r\n"]}

package/lib/cjs/appui-react/accudraw/MenuButton.scss

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+
+.uifw-menu-button {
+  position: absolute;
+  pointer-events: auto;
+
+  .icon {
+    line-height: 2.0;
+  }
+
+  >.context-menu {
+    top: $uicore-inputs-padding-bordered;
+  }
+
+}

package/lib/cjs/appui-react/accudraw/MenuButtonPopup.d.ts

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import * as React from "react";
+import { Size } from "@itwin/core-react";
+import { PopupPropsBase } from "../popup/PopupManager";
+/** @alpha */
+export interface MenuButtonPopupProps extends PopupPropsBase {
+    content: React.ReactNode;
+}
+/** @internal */
+interface MenuButtonPopupState {
+    size: Size;
+}
+/** Popup component for Menu Buttons
+ * @alpha
+ */
+export declare class MenuButtonPopup extends React.PureComponent<MenuButtonPopupProps, MenuButtonPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    private _onSizeKnown;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=MenuButtonPopup.d.ts.map

package/lib/cjs/appui-react/accudraw/MenuButtonPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/MenuButtonPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,aAAa;AACb,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,gBAAgB;AAChB,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAClG,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,gBAAgB;IACA,MAAM;CAYvB"}

package/lib/cjs/appui-react/accudraw/MenuButtonPopup.js

@@ -0,0 +1,38 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuButtonPopup = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const PopupManager_1 = require("../popup/PopupManager");
+const MenuButton_1 = require("./MenuButton");
+/** Popup component for Menu Buttons
+ * @alpha
+ */
+class MenuButtonPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new core_react_1.Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: core_react_1.Size.create(newSize) });
+        };
+    }
+    /** @internal */
+    render() {
+        const point = PopupManager_1.PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);
+        return (React.createElement(MenuButton_1.MenuButton, { key: this.props.id, point: point, onSizeKnown: this._onSizeKnown }, this.props.content));
+    }
+}
+exports.MenuButtonPopup = MenuButtonPopup;
+//# sourceMappingURL=MenuButtonPopup.js.map

package/lib/cjs/appui-react/accudraw/MenuButtonPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/MenuButtonPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAAoD;AACpD,wDAAqE;AACrE,6CAA0C;AAY1C;;GAEG;AACH,MAAa,eAAgB,SAAQ,KAAK,CAAC,aAAyD;IAApG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAeJ,CAAC;IAbC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE9G,OAAO,CACL,oBAAC,uBAAU,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC5B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY,IAE7B,IAAI,CAAC,KAAK,CAAC,OAAO,CACR,CACd,CAAC;IACJ,CAAC;CACF;AAzBD,0CAyBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Size, SizeProps } from \"@itwin/core-react\";\r\nimport { PopupManager, PopupPropsBase } from \"../popup/PopupManager\";\r\nimport { MenuButton } from \"./MenuButton\";\r\n\r\n/** @alpha */\r\nexport interface MenuButtonPopupProps extends PopupPropsBase {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\ninterface MenuButtonPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Menu Buttons\r\n * @alpha\r\n */\r\nexport class MenuButtonPopup extends React.PureComponent<MenuButtonPopupProps, MenuButtonPopupState> {\r\n  /** @internal */\r\n  public override readonly state = {\r\n    size: new Size(-1, -1),\r\n  };\r\n\r\n  private _onSizeKnown = (newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!this.state.size.equals(newSize))\r\n      this.setState({ size: Size.create(newSize) });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const point = PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);\r\n\r\n    return (\r\n      <MenuButton key={this.props.id}\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        {this.props.content}\r\n      </MenuButton>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/accudraw/SquareButton.d.ts

@@ -0,0 +1,15 @@
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+import "./SquareButton.scss";
+import * as React from "react";
+import { Omit } from "@itwin/core-react";
+import { ButtonProps } from "@itwin/itwinui-react";
+/** @alpha */
+export interface SquareButtonProps extends Omit<ButtonProps, "size" | "styleType"> {
+}
+/** @alpha */
+export declare class SquareButton extends React.PureComponent<SquareButtonProps> {
+    render(): JSX.Element;
+}
+//# sourceMappingURL=SquareButton.d.ts.map

package/lib/cjs/appui-react/accudraw/SquareButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquareButton.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/SquareButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,aAAa;AACb,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAC;CAAI;AAEtF,aAAa;AACb,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;IACtD,MAAM;CAevB"}

package/lib/cjs/appui-react/accudraw/SquareButton.js

@@ -0,0 +1,27 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AccuDraw
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SquareButton = void 0;
+require("./SquareButton.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** @alpha */
+class SquareButton extends React.PureComponent {
+    render() {
+        const { className, style, ...buttonProps } = this.props;
+        const buttonClassNames = (0, classnames_1.default)("uifw-square-button", className);
+        const buttonStyle = {
+            ...style,
+        };
+        return (React.createElement(itwinui_react_1.Button, { ...buttonProps, size: "small", className: buttonClassNames, style: buttonStyle }));
+    }
+}
+exports.SquareButton = SquareButton;
+//# sourceMappingURL=SquareButton.js.map

package/lib/cjs/appui-react/accudraw/SquareButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquareButton.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/SquareButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA6B;AAC7B,2CAAoC;AACpC,+BAA+B;AAE/B,wDAA2D;AAK3D,aAAa;AACb,MAAa,YAAa,SAAQ,KAAK,CAAC,aAAgC;IACtD,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAExD,MAAM,gBAAgB,GAAG,IAAA,oBAAU,EACjC,oBAAoB,EACpB,SAAS,CACV,CAAC;QACF,MAAM,WAAW,GAAwB;YACvC,GAAG,KAAK;SACT,CAAC;QAEF,OAAO,CACL,oBAAC,sBAAM,OAAK,WAAW,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,GAAI,CAC1F,CAAC;IACJ,CAAC;CACF;AAhBD,oCAgBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module AccuDraw\r\n */\r\n\r\nimport \"./SquareButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Omit } from \"@itwin/core-react\";\r\nimport { Button, ButtonProps } from \"@itwin/itwinui-react\";\r\n\r\n/** @alpha */\r\nexport interface SquareButtonProps extends Omit<ButtonProps, \"size\" | \"styleType\"> { } // eslint-disable-line @typescript-eslint/no-empty-interface\r\n\r\n/** @alpha */\r\nexport class SquareButton extends React.PureComponent<SquareButtonProps> {\r\n  public override render() {\r\n    const { className, style, ...buttonProps } = this.props;\r\n\r\n    const buttonClassNames = classnames(\r\n      \"uifw-square-button\",\r\n      className,\r\n    );\r\n    const buttonStyle: React.CSSProperties = {\r\n      ...style,\r\n    };\r\n\r\n    return (\r\n      <Button {...buttonProps} size=\"small\" className={buttonClassNames} style={buttonStyle} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/accudraw/SquareButton.scss

@@ -0,0 +1,45 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+
+$button-size: 32px;
+
+.uifw-square-button {
+  display: flex;
+  justify-content: center;
+  background-color: $buic-background-tab-inactive;
+  color: $buic-foreground-body;
+  border-color: $buic-background-toolbutton-stroke;
+  border-radius: 5px;
+  border-width: 1px;
+  border-style: solid;
+  opacity: 0.95;
+  pointer-events: auto;
+  margin: 0;
+  width: $button-size;
+  height: $button-size;
+
+  &:focus {
+    background-color: $buic-background-tab-active;
+    color: $buic-foreground-body;
+    border-color: $buic-background-toolbutton-stroke;
+    opacity: 1.0;
+  }
+
+  &:hover {
+    background-color: $buic-background-tab-active;
+    color: $buic-foreground-primary;
+    border-color: $buic-background-toolbutton-stroke;
+    opacity: 1.0;
+  }
+
+  &:active {
+    background-color: $buic-background-4;
+    color: $buic-foreground-primary;
+    border-color: $buic-background-toolbutton-stroke;
+    opacity: 1.0;
+  }
+
+}

package/lib/cjs/appui-react/accudraw/angle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>angle</title><path d="M16,10H14a4.9509,4.9509,0,0,0-1.2325-3.2723L14.23,5.2655l-3.4651-.8,2.0773-2.1153-.7139-.7012L0,14H15.9971V13H14.125ZM2.3838,13,9.8974,5.3488l.7967,3.4522,1.3621-1.362A3.95363,3.95363,0,0,1,13,10H11l1.875,3Z"/></svg>

package/lib/cjs/appui-react/accudraw/backspace.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<path d="M5,2L0,7.5L5,13h11V2H5z M12.21,8.79c0.39,0.39,0.39,1.03,0,1.42c-0.19,0.19-0.44,0.29-0.71,0.29
+	c-0.27,0-0.52-0.1-0.71-0.29L9.5,8.91l-1.29,1.3c-0.38,0.37-1.04,0.37-1.42,0c-0.39-0.39-0.39-1.03,0-1.42l1.3-1.29l-1.3-1.29
+	c-0.39-0.39-0.39-1.03,0-1.42c0.39-0.39,1.03-0.39,1.42,0l1.29,1.3l1.29-1.3c0.39-0.39,1.03-0.39,1.42,0c0.39,0.39,0.39,1.03,0,1.42
+	l-1.3,1.29L12.21,8.79z"/>
+</svg>

package/lib/cjs/appui-react/accudraw/constraint-2d.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<g>
+	<polygon points="7,15 7,1 0,15 	"/>
+	<g>
+		<path d="M10,5.2361L14.382,14H10V5.2361 M9,1v14h7L9,1L9,1z"/>
+	</g>
+</g>
+</svg>

package/lib/cjs/appui-react/accudraw/distance.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>distance</title><rect y="11" width="16" height="1"/><polygon points="15 4 15 5.875 12 4 12 6 4 6 4 4 1 5.875 1 4 0 4 0 9 1 9 1 7.125 4 9 4 7 12 7 12 9 15 7.125 15 9 16 9 16 4 15 4"/></svg>

package/lib/cjs/appui-react/accudraw/height-2.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<title>distance</title>
+<g>
+	<polygon points="16,15 14.125,15 16,12 14,12 14,4 16,4 14.125,1 16,1 16,0 11,0 11,1 12.875,1 11,4 13,4 13,12 11,12 12.875,15
+		0,15 0,16 16,16 	"/>
+</g>
+</svg>

package/lib/cjs/appui-react/accudraw/height.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<title>distance</title>
+<g>
+	<rect x="4" width="1" height="16"/>
+	<polygon points="12,15 10.125,15 12,12 10,12 10,4 12,4 10.125,1 12,1 12,0 7,0 7,1 8.875,1 7,4 9,4 9,12 7,12 8.875,15 7,15 7,16 
+		12,16 	"/>
+</g>
+</svg>

package/lib/cjs/appui-react/backstage/Backstage.d.ts

@@ -0,0 +1,63 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import * as React from "react";
+import { CommonProps, IconSpec, UiEvent } from "@itwin/core-react";
+import { UserInfo } from "../UserInfo";
+/** [[BackstageEvent]] arguments.
+ * @public
+ * @deprecated use [BackstageComposer]($appui-react) instead.
+ */
+export interface BackstageEventArgs {
+    isVisible: boolean;
+}
+/** Backstage Event class.
+ * @public
+ */
+export declare class BackstageEvent extends UiEvent<BackstageEventArgs> {
+}
+/** Properties for the [[Backstage]] React component.
+ * @public
+ * @deprecated use [BackstageComposer]($appui-react) instead.
+ */
+export interface BackstageProps extends CommonProps {
+    userInfo?: UserInfo;
+    isVisible?: boolean;
+    showOverlay?: boolean;
+    onClose?: () => void;
+    header?: React.ReactNode;
+}
+/** State for the [[Backstage]] React component.
+ * @internal
+ */
+interface BackstageState {
+    isVisible: boolean;
+}
+/** Backstage React component.
+ * @public
+ * @deprecated use [BackstageComposer]($appui-react) instead.
+ */
+export declare class Backstage extends React.Component<BackstageProps, BackstageState> {
+    static readonly onBackstageEvent: BackstageEvent;
+    static isBackstageVisible: boolean;
+    /** Shows the Backstage */
+    static show(): void;
+    /** Hides the Backstage */
+    static hide(): void;
+    /** Get CommandItemDef that will toggle display of Backstage and allow iconSpec to be overridden */
+    static getBackstageToggleCommand(overrideIconSpec?: IconSpec): import("../shared/CommandItemDef").CommandItemDef;
+    /** Command that toggles the Backstage */
+    static get backstageToggleCommand(): import("../shared/CommandItemDef").CommandItemDef;
+    /** @internal */
+    readonly state: BackstageState;
+    constructor(props: BackstageProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleBackstageEvent;
+    componentDidUpdate(prevProps: BackstageProps): void;
+    private setIsOpen;
+    private _onClose;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=Backstage.d.ts.map

package/lib/cjs/appui-react/backstage/Backstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/Backstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAInE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKvC;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,OAAO,CAAC,kBAAkB,CAAC;CAAI;AAEnE;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,UAAU,cAAc;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAE5E,gBAAuB,gBAAgB,iBAAwB;IAC/D,OAAc,kBAAkB,EAAE,OAAO,CAAC;IAE1C,0BAA0B;WACZ,IAAI,IAAI,IAAI;IAI1B,0BAA0B;WACZ,IAAI,IAAI,IAAI;IAI1B,mGAAmG;WACrF,yBAAyB,CAAC,gBAAgB,CAAC,EAAE,QAAQ;IAInE,yCAAyC;IACzC,WAAkB,sBAAsB,sDAEvC;IAED,gBAAgB;IAChB,SAAyB,KAAK,EAAE,cAAc,CAAC;gBAEnC,KAAK,EAAE,cAAc;IASjB,iBAAiB;IAIjB,oBAAoB;IAIpC,OAAO,CAAC,qBAAqB,CAE3B;IAEc,kBAAkB,CAAC,SAAS,EAAE,cAAc;IAK5D,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,QAAQ,CAMd;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CA0B1C"}

package/lib/cjs/appui-react/backstage/Backstage.js

@@ -0,0 +1,88 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Backstage = exports.BackstageEvent = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const SafeAreaContext_1 = require("../safearea/SafeAreaContext");
+const UiFramework_1 = require("../UiFramework");
+const BackstageManager_1 = require("./BackstageManager");
+/** Backstage Event class.
+ * @public
+ */
+class BackstageEvent extends core_react_1.UiEvent {
+} // eslint-disable-line deprecation/deprecation
+exports.BackstageEvent = BackstageEvent;
+/** Backstage React component.
+ * @public
+ * @deprecated use [BackstageComposer]($appui-react) instead.
+ */
+class Backstage extends React.Component {
+    constructor(props) {
+        super(props);
+        this._handleBackstageEvent = (args) => {
+            this.setState({ isVisible: args.isVisible });
+        };
+        this._onClose = () => {
+            Backstage.hide(); // eslint-disable-line deprecation/deprecation
+            /* istanbul ignore else */
+            if (this.props.onClose)
+                this.props.onClose();
+        };
+        this.setIsOpen(!!this.props.isVisible);
+        this.state = {
+            isVisible: UiFramework_1.UiFramework.backstageManager.isOpen,
+        };
+    }
+    /** Shows the Backstage */
+    static show() {
+        UiFramework_1.UiFramework.backstageManager.open();
+    }
+    /** Hides the Backstage */
+    static hide() {
+        UiFramework_1.UiFramework.backstageManager.close();
+    }
+    /** Get CommandItemDef that will toggle display of Backstage and allow iconSpec to be overridden */
+    static getBackstageToggleCommand(overrideIconSpec) {
+        return BackstageManager_1.BackstageManager.getBackstageToggleCommand(overrideIconSpec);
+    }
+    /** Command that toggles the Backstage */
+    static get backstageToggleCommand() {
+        return this.getBackstageToggleCommand();
+    }
+    componentDidMount() {
+        Backstage.onBackstageEvent.addListener(this._handleBackstageEvent); // eslint-disable-line deprecation/deprecation
+    }
+    componentWillUnmount() {
+        Backstage.onBackstageEvent.removeListener(this._handleBackstageEvent); // eslint-disable-line deprecation/deprecation
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.isVisible !== prevProps.isVisible)
+            this.setIsOpen(!!this.props.isVisible);
+    }
+    setIsOpen(isOpen) {
+        if (isOpen) {
+            UiFramework_1.UiFramework.backstageManager.open();
+        }
+        else {
+            UiFramework_1.UiFramework.backstageManager.close();
+        }
+    }
+    render() {
+        Backstage.isBackstageVisible = this.state.isVisible; // eslint-disable-line deprecation/deprecation
+        let header = null;
+        if (this.props.header)
+            header = this.props.header;
+        return (React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => (React.createElement(appui_layout_react_1.Backstage, { className: this.props.className, header: header, isOpen: this.state.isVisible, onClose: this._onClose, safeAreaInsets: safeAreaInsets, showOverlay: this.props.showOverlay, style: this.props.style }, this.props.children))));
+    }
+}
+exports.Backstage = Backstage;
+Backstage.onBackstageEvent = new BackstageEvent();
+//# sourceMappingURL=Backstage.js.map

package/lib/cjs/appui-react/backstage/Backstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backstage.js","sourceRoot":"","sources":["../../../../src/appui-react/backstage/Backstage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Backstage\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, IconSpec, UiEvent } from \"@itwin/core-react\";\r\nimport { Backstage as NZ_Backstage } from \"@itwin/appui-layout-react\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { UserInfo } from \"../UserInfo\";\r\nimport { BackstageManager } from \"./BackstageManager\";\r\n\r\n// cSpell:ignore safearea\r\n\r\n/** [[BackstageEvent]] arguments.\r\n * @public\r\n * @deprecated use [BackstageComposer]($appui-react) instead.\r\n */\r\nexport interface BackstageEventArgs {\r\n  isVisible: boolean;\r\n}\r\n\r\n/** Backstage Event class.\r\n * @public\r\n */\r\nexport class BackstageEvent extends UiEvent<BackstageEventArgs> { } // eslint-disable-line deprecation/deprecation\r\n\r\n/** Properties for the [[Backstage]] React component.\r\n * @public\r\n * @deprecated use [BackstageComposer]($appui-react) instead.\r\n */\r\nexport interface BackstageProps extends CommonProps {\r\n  userInfo?: UserInfo;\r\n  isVisible?: boolean;\r\n  showOverlay?: boolean;\r\n  onClose?: () => void;\r\n  header?: React.ReactNode;\r\n}\r\n\r\n/** State for the [[Backstage]] React component.\r\n * @internal\r\n */\r\ninterface BackstageState {\r\n  isVisible: boolean;\r\n}\r\n\r\n/** Backstage React component.\r\n * @public\r\n * @deprecated use [BackstageComposer]($appui-react) instead.\r\n */\r\nexport class Backstage extends React.Component<BackstageProps, BackstageState> { // eslint-disable-line deprecation/deprecation\r\n\r\n  public static readonly onBackstageEvent = new BackstageEvent();\r\n  public static isBackstageVisible: boolean;\r\n\r\n  /** Shows the Backstage */\r\n  public static show(): void {\r\n    UiFramework.backstageManager.open();\r\n  }\r\n\r\n  /** Hides the Backstage */\r\n  public static hide(): void {\r\n    UiFramework.backstageManager.close();\r\n  }\r\n\r\n  /** Get CommandItemDef that will toggle display of Backstage and allow iconSpec to be overridden */\r\n  public static getBackstageToggleCommand(overrideIconSpec?: IconSpec) {\r\n    return BackstageManager.getBackstageToggleCommand(overrideIconSpec);\r\n  }\r\n\r\n  /** Command that toggles the Backstage */\r\n  public static get backstageToggleCommand() {\r\n    return this.getBackstageToggleCommand();\r\n  }\r\n\r\n  /** @internal */\r\n  public override readonly state: BackstageState;\r\n\r\n  constructor(props: BackstageProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    this.setIsOpen(!!this.props.isVisible);\r\n    this.state = {\r\n      isVisible: UiFramework.backstageManager.isOpen,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    Backstage.onBackstageEvent.addListener(this._handleBackstageEvent); // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    Backstage.onBackstageEvent.removeListener(this._handleBackstageEvent); // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  private _handleBackstageEvent = (args: BackstageEventArgs) => { // eslint-disable-line deprecation/deprecation\r\n    this.setState({ isVisible: args.isVisible });\r\n  };\r\n\r\n  public override componentDidUpdate(prevProps: BackstageProps) { // eslint-disable-line deprecation/deprecation\r\n    if (this.props.isVisible !== prevProps.isVisible)\r\n      this.setIsOpen(!!this.props.isVisible);\r\n  }\r\n\r\n  private setIsOpen(isOpen: boolean) {\r\n    if (isOpen) {\r\n      UiFramework.backstageManager.open();\r\n    } else {\r\n      UiFramework.backstageManager.close();\r\n    }\r\n  }\r\n\r\n  private _onClose = () => {\r\n    Backstage.hide(); // eslint-disable-line deprecation/deprecation\r\n\r\n    /* istanbul ignore else */\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    Backstage.isBackstageVisible = this.state.isVisible; // eslint-disable-line deprecation/deprecation\r\n\r\n    let header: React.ReactNode = null;\r\n\r\n    if (this.props.header)\r\n      header = this.props.header;\r\n\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <NZ_Backstage\r\n            className={this.props.className}\r\n            header={header}\r\n            isOpen={this.state.isVisible}\r\n            onClose={this._onClose}\r\n            safeAreaInsets={safeAreaInsets}\r\n            showOverlay={this.props.showOverlay}\r\n            style={this.props.style}\r\n          >\r\n            {this.props.children}\r\n          </NZ_Backstage>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/backstage/BackstageComposer.d.ts

@@ -0,0 +1,26 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import * as React from "react";
+import { BackstageItem } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+/** @internal */
+export declare type GroupedItems = ReadonlyArray<ReadonlyArray<BackstageItem>>;
+/** @internal */
+export declare const useGroupedItems: (items: ReadonlyArray<BackstageItem>) => GroupedItems;
+/** Props of [[BackstageComposer]] component.
+ * @public
+ */
+export interface BackstageComposerProps extends CommonProps {
+    /** React node for an optional header item */
+    readonly header?: React.ReactNode;
+    /** Indicates whether to place an overlay over the frontstage when the backstage is displayed */
+    readonly showOverlay?: boolean;
+    /** List of backstage items to show */
+    readonly items: BackstageItem[];
+}
+/** Backstage component composed from [[BackstageManager]] items.
+ * @public
+ */
+export declare function BackstageComposer(props: BackstageComposerProps): JSX.Element;
+//# sourceMappingURL=BackstageComposer.d.ts.map

package/lib/cjs/appui-react/backstage/BackstageComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackstageComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/backstage/BackstageComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAkD,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAkDhD,gBAAgB;AAChB,oBAAY,YAAY,GAAG,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,gBAAgB;AAChB,eAAO,MAAM,eAAe,UAAW,cAAc,aAAa,CAAC,iBA+BlE,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gGAAgG;IAChG,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,sCAAsC;IACtC,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC;CACjC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eA0D9D"}