@itwin/appui-react 3.4.4 → 3.4.5

package/lib/esm/appui-react/shared/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/MenuItem.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 Item\n */\n\nimport * as React from \"react\";\nimport { AbstractMenuItemProps, ConditionalBooleanValue, UiError } from \"@itwin/appui-abstract\";\nimport { ContextMenuItem, ContextSubMenu, IconSpec } from \"@itwin/core-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport { CommandItemDef } from \"./CommandItemDef\";\nimport { ItemDefBase } from \"./ItemDefBase\";\n\n/** Menu Item Properties\n * @public\n */\nexport type MenuItemProps = AbstractMenuItemProps;\n\n/** Menu Item\n * @alpha\n */\nexport class MenuItem extends ItemDefBase {\n\n  private _id = \"\";\n  private _actionItem?: ActionButtonItemDef;\n  private _submenu: MenuItem[];\n  private _onSelection?: () => void;\n\n  /** onSelection is an optional parameter typically supplied to allow menu parent to close context menu when a menu item is selected. */\n  constructor(props: MenuItemProps, onSelection?: () => void) {\n    super(props);\n\n    this._id = props.id;\n    this._submenu = new Array<MenuItem>();\n    this._onSelection = onSelection;\n\n    if (props.item) {\n      this._actionItem = new CommandItemDef(props.item);\n\n      // Copy over icon, label & badgeType from the item\n      if (!this.iconSpec)\n        this.iconSpec = this._actionItem.iconSpec;\n      if (!this.label)\n        this.setLabel(this._actionItem.label);\n      if (!this.badgeType)\n        this.badgeType = this._actionItem.badgeType;\n      if (!this.isDisabled)\n        this.isDisabled = this._actionItem.isDisabled;\n    } else if (props.submenu) {\n      props.submenu.forEach((childProps: MenuItemProps) => {\n        const childItem = new MenuItem(childProps, onSelection);\n        this._submenu.push(childItem);\n      });\n    } else {\n      throw new UiError(UiFramework.loggerCategory(this), `Either 'item' or 'submenu' must be specified for '${props.id}'.`);\n    }\n\n    this.iconRightSpec = props.iconRight;\n  }\n\n  public get id(): string { return this._id; }\n\n  public get submenu(): MenuItem[] {\n    return this._submenu;\n  }\n\n  public get actionItem(): ActionButtonItemDef | undefined {\n    return this._actionItem;\n  }\n\n  public iconRightSpec?: IconSpec;\n\n  public itemPicked(): void {\n    setTimeout(() => {\n      // istanbul ignore else\n      if (this._actionItem)\n        this._actionItem.execute();\n    });\n\n    // istanbul ignore else\n    if (this._onSelection)\n      this._onSelection();\n  }\n\n}\n\n/** Menu Item helper methods\n * @alpha\n */\nexport class MenuItemHelpers {\n\n  public static createMenuItems(itemPropsList: MenuItemProps[], onSelection?: () => void): MenuItem[] {\n    const menuItems = new Array<MenuItem>();\n    itemPropsList.forEach((itemProps: MenuItemProps) => {\n      menuItems.push(new MenuItem(itemProps, onSelection));\n    });\n    return menuItems;\n  }\n\n  public static createMenuItemNodes(itemList: MenuItem[]): React.ReactNode[] {\n    const itemNodes: React.ReactNode[] = [];\n\n    itemList.forEach((item: MenuItem, index: number) => {\n      const reactItem = this.createMenuItemNode(item, index);\n      // istanbul ignore else\n      if (reactItem)\n        itemNodes.push(reactItem);\n    });\n\n    return itemNodes;\n  }\n\n  private static createMenuItemNode(item: MenuItem, index: number): React.ReactNode {\n    let node: React.ReactNode = null;\n    const label = item.label;\n    const iconSpec = item.iconSpec;\n    const iconRightSpec = item.iconRightSpec;\n    const badgeType = item.badgeType;\n    const isDisabled: boolean = ConditionalBooleanValue.getValue(item.isDisabled);\n\n    if (item.actionItem) {\n      const sel = () => item.itemPicked();\n      node = (\n        <ContextMenuItem key={index} onSelect={sel} icon={iconSpec} iconRight={iconRightSpec} badgeType={badgeType} disabled={isDisabled}>\n          {label}\n        </ContextMenuItem>\n      );\n    } else {\n      // istanbul ignore else\n      if (item.submenu && item.submenu.length > 0) {\n        const items = this.createMenuItemNodes(item.submenu);\n\n        node = (\n          <ContextSubMenu key={index} icon={iconSpec} label={label} badgeType={badgeType} disabled={isDisabled}>\n            {items}\n          </ContextSubMenu>\n        );\n      }\n    }\n\n    return node;\n  }\n}\n"]}
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/MenuItem.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 Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractMenuItemProps, ConditionalBooleanValue, UiError } from \"@itwin/appui-abstract\";\r\nimport { ContextMenuItem, ContextSubMenu, IconSpec } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CommandItemDef } from \"./CommandItemDef\";\r\nimport { ItemDefBase } from \"./ItemDefBase\";\r\n\r\n/** Menu Item Properties\r\n * @public\r\n */\r\nexport type MenuItemProps = AbstractMenuItemProps;\r\n\r\n/** Menu Item\r\n * @alpha\r\n */\r\nexport class MenuItem extends ItemDefBase {\r\n\r\n  private _id = \"\";\r\n  private _actionItem?: ActionButtonItemDef;\r\n  private _submenu: MenuItem[];\r\n  private _onSelection?: () => void;\r\n\r\n  /** onSelection is an optional parameter typically supplied to allow menu parent to close context menu when a menu item is selected. */\r\n  constructor(props: MenuItemProps, onSelection?: () => void) {\r\n    super(props);\r\n\r\n    this._id = props.id;\r\n    this._submenu = new Array<MenuItem>();\r\n    this._onSelection = onSelection;\r\n\r\n    if (props.item) {\r\n      this._actionItem = new CommandItemDef(props.item);\r\n\r\n      // Copy over icon, label & badgeType from the item\r\n      if (!this.iconSpec)\r\n        this.iconSpec = this._actionItem.iconSpec;\r\n      if (!this.label)\r\n        this.setLabel(this._actionItem.label);\r\n      if (!this.badgeType)\r\n        this.badgeType = this._actionItem.badgeType;\r\n      if (!this.isDisabled)\r\n        this.isDisabled = this._actionItem.isDisabled;\r\n    } else if (props.submenu) {\r\n      props.submenu.forEach((childProps: MenuItemProps) => {\r\n        const childItem = new MenuItem(childProps, onSelection);\r\n        this._submenu.push(childItem);\r\n      });\r\n    } else {\r\n      throw new UiError(UiFramework.loggerCategory(this), `Either 'item' or 'submenu' must be specified for '${props.id}'.`);\r\n    }\r\n\r\n    this.iconRightSpec = props.iconRight;\r\n  }\r\n\r\n  public get id(): string { return this._id; }\r\n\r\n  public get submenu(): MenuItem[] {\r\n    return this._submenu;\r\n  }\r\n\r\n  public get actionItem(): ActionButtonItemDef | undefined {\r\n    return this._actionItem;\r\n  }\r\n\r\n  public iconRightSpec?: IconSpec;\r\n\r\n  public itemPicked(): void {\r\n    setTimeout(() => {\r\n      // istanbul ignore else\r\n      if (this._actionItem)\r\n        this._actionItem.execute();\r\n    });\r\n\r\n    // istanbul ignore else\r\n    if (this._onSelection)\r\n      this._onSelection();\r\n  }\r\n\r\n}\r\n\r\n/** Menu Item helper methods\r\n * @alpha\r\n */\r\nexport class MenuItemHelpers {\r\n\r\n  public static createMenuItems(itemPropsList: MenuItemProps[], onSelection?: () => void): MenuItem[] {\r\n    const menuItems = new Array<MenuItem>();\r\n    itemPropsList.forEach((itemProps: MenuItemProps) => {\r\n      menuItems.push(new MenuItem(itemProps, onSelection));\r\n    });\r\n    return menuItems;\r\n  }\r\n\r\n  public static createMenuItemNodes(itemList: MenuItem[]): React.ReactNode[] {\r\n    const itemNodes: React.ReactNode[] = [];\r\n\r\n    itemList.forEach((item: MenuItem, index: number) => {\r\n      const reactItem = this.createMenuItemNode(item, index);\r\n      // istanbul ignore else\r\n      if (reactItem)\r\n        itemNodes.push(reactItem);\r\n    });\r\n\r\n    return itemNodes;\r\n  }\r\n\r\n  private static createMenuItemNode(item: MenuItem, index: number): React.ReactNode {\r\n    let node: React.ReactNode = null;\r\n    const label = item.label;\r\n    const iconSpec = item.iconSpec;\r\n    const iconRightSpec = item.iconRightSpec;\r\n    const badgeType = item.badgeType;\r\n    const isDisabled: boolean = ConditionalBooleanValue.getValue(item.isDisabled);\r\n\r\n    if (item.actionItem) {\r\n      const sel = () => item.itemPicked();\r\n      node = (\r\n        <ContextMenuItem key={index} onSelect={sel} icon={iconSpec} iconRight={iconRightSpec} badgeType={badgeType} disabled={isDisabled}>\r\n          {label}\r\n        </ContextMenuItem>\r\n      );\r\n    } else {\r\n      // istanbul ignore else\r\n      if (item.submenu && item.submenu.length > 0) {\r\n        const items = this.createMenuItemNodes(item.submenu);\r\n\r\n        node = (\r\n          <ContextSubMenu key={index} icon={iconSpec} label={label} badgeType={badgeType} disabled={isDisabled}>\r\n            {items}\r\n          </ContextSubMenu>\r\n        );\r\n      }\r\n    }\r\n\r\n    return node;\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/shared/SelectionScope.d.ts

@@ -1,14 +1,14 @@
-/** @packageDocumentation
- * @module Frontstage
- */
-/** Selection Scope enum.
- * @public
- */
-export declare enum SelectionScope {
-    Element = 0,
-    Assembly = 1,
-    TopAssembly = 2,
-    Category = 3,
-    Model = 4
-}
+/** @packageDocumentation
+ * @module Frontstage
+ */
+/** Selection Scope enum.
+ * @public
+ */
+export declare enum SelectionScope {
+    Element = 0,
+    Assembly = 1,
+    TopAssembly = 2,
+    Category = 3,
+    Model = 4
+}
 //# sourceMappingURL=SelectionScope.d.ts.map

package/lib/esm/appui-react/shared/SelectionScope.js

@@ -1,19 +1,19 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Frontstage
- */
-/** Selection Scope enum.
- * @public
- */
-export var SelectionScope;
-(function (SelectionScope) {
-    SelectionScope[SelectionScope["Element"] = 0] = "Element";
-    SelectionScope[SelectionScope["Assembly"] = 1] = "Assembly";
-    SelectionScope[SelectionScope["TopAssembly"] = 2] = "TopAssembly";
-    SelectionScope[SelectionScope["Category"] = 3] = "Category";
-    SelectionScope[SelectionScope["Model"] = 4] = "Model";
-})(SelectionScope || (SelectionScope = {}));
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Frontstage
+ */
+/** Selection Scope enum.
+ * @public
+ */
+export var SelectionScope;
+(function (SelectionScope) {
+    SelectionScope[SelectionScope["Element"] = 0] = "Element";
+    SelectionScope[SelectionScope["Assembly"] = 1] = "Assembly";
+    SelectionScope[SelectionScope["TopAssembly"] = 2] = "TopAssembly";
+    SelectionScope[SelectionScope["Category"] = 3] = "Category";
+    SelectionScope[SelectionScope["Model"] = 4] = "Model";
+})(SelectionScope || (SelectionScope = {}));
 //# sourceMappingURL=SelectionScope.js.map

package/lib/esm/appui-react/shared/SelectionScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/SelectionScope.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,yDAAO,CAAA;IACP,2DAAQ,CAAA;IACR,iEAAW,CAAA;IACX,2DAAQ,CAAA;IACR,qDAAK,CAAA;AACP,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB","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 Frontstage\n */\n\n/** Selection Scope enum.\n * @public\n */\nexport enum SelectionScope {\n  Element,\n  Assembly,\n  TopAssembly,\n  Category,\n  Model,\n}\n"]}
+{"version":3,"file":"SelectionScope.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/SelectionScope.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,yDAAO,CAAA;IACP,2DAAQ,CAAA;IACR,iEAAW,CAAA;IACX,2DAAQ,CAAA;IACR,qDAAK,CAAA;AACP,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\n/** Selection Scope enum.\r\n * @public\r\n */\r\nexport enum SelectionScope {\r\n  Element,\r\n  Assembly,\r\n  TopAssembly,\r\n  Category,\r\n  Model,\r\n}\r\n"]}

package/lib/esm/appui-react/shared/ToolItemDef.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Item
- */
-import { Tool } from "@itwin/core-frontend";
-import { OnItemExecutedFunc } from "@itwin/appui-abstract";
-import { ActionButtonItemDef } from "./ActionButtonItemDef";
-import { ToolItemProps } from "./ItemProps";
-/** An Item that starts the execution of a Tool.
- * @public
- */
-export declare class ToolItemDef extends ActionButtonItemDef {
-    toolId: string;
-    constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc);
-    get id(): string;
-    /** Create a ToolItemDef that will run a registered tool. */
-    static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef;
-}
+/** @packageDocumentation
+ * @module Item
+ */
+import { Tool } from "@itwin/core-frontend";
+import { OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { ActionButtonItemDef } from "./ActionButtonItemDef";
+import { ToolItemProps } from "./ItemProps";
+/** An Item that starts the execution of a Tool.
+ * @public
+ */
+export declare class ToolItemDef extends ActionButtonItemDef {
+    toolId: string;
+    constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc);
+    get id(): string;
+    /** Create a ToolItemDef that will run a registered tool. */
+    static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef;
+}
 //# sourceMappingURL=ToolItemDef.d.ts.map

package/lib/esm/appui-react/shared/ToolItemDef.js

@@ -1,36 +1,36 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
-import { IModelApp } from "@itwin/core-frontend";
-import { ActionButtonItemDef } from "./ActionButtonItemDef";
-/** An Item that starts the execution of a Tool.
- * @public
- */
-export class ToolItemDef extends ActionButtonItemDef {
-    constructor(toolItemProps, onItemExecuted) {
-        super(toolItemProps, onItemExecuted);
-        this.toolId = "";
-        if (toolItemProps.execute) {
-            this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };
-        }
-        this.toolId = toolItemProps.toolId;
-    }
-    get id() {
-        return this.toolId;
-    }
-    /** Create a ToolItemDef that will run a registered tool. */
-    static getItemDefForTool(tool, iconSpec, ...args) {
-        return new ToolItemDef({
-            toolId: tool.toolId,
-            iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,
-            label: () => tool.flyover,
-            description: () => tool.description,
-            execute: async () => IModelApp.tools.run(tool.toolId, ...args),
-        });
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+import { IModelApp } from "@itwin/core-frontend";
+import { ActionButtonItemDef } from "./ActionButtonItemDef";
+/** An Item that starts the execution of a Tool.
+ * @public
+ */
+export class ToolItemDef extends ActionButtonItemDef {
+    constructor(toolItemProps, onItemExecuted) {
+        super(toolItemProps, onItemExecuted);
+        this.toolId = "";
+        if (toolItemProps.execute) {
+            this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };
+        }
+        this.toolId = toolItemProps.toolId;
+    }
+    get id() {
+        return this.toolId;
+    }
+    /** Create a ToolItemDef that will run a registered tool. */
+    static getItemDefForTool(tool, iconSpec, ...args) {
+        return new ToolItemDef({
+            toolId: tool.toolId,
+            iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,
+            label: () => tool.flyover,
+            description: () => tool.description,
+            execute: async () => IModelApp.tools.run(tool.toolId, ...args),
+        });
+    }
+}
 //# sourceMappingURL=ToolItemDef.js.map

package/lib/esm/appui-react/shared/ToolItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAQ,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAGlD,YAAY,aAA4B,EAAE,cAAmC;QAC3E,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAHhC,WAAM,GAAW,EAAE,CAAC;QAKzB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,cAAc,EAAE,CAAC;SAC/I;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,iBAAiB,CAAC,IAAiB,EAAE,QAAiB,EAAE,GAAG,IAAW;QAClF,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvG,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Item\n */\n\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport { ToolItemProps } from \"./ItemProps\";\n\n/** An Item that starts the execution of a Tool.\n * @public\n */\nexport class ToolItemDef extends ActionButtonItemDef {\n  public toolId: string = \"\";\n\n  constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc) {\n    super(toolItemProps, onItemExecuted);\n\n    if (toolItemProps.execute) {\n      this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };\n    }\n\n    this.toolId = toolItemProps.toolId;\n  }\n\n  public get id(): string {\n    return this.toolId;\n  }\n\n  /** Create a ToolItemDef that will run a registered tool. */\n  public static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef {\n    return new ToolItemDef({\n      toolId: tool.toolId,\n      iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,\n      label: () => tool.flyover,\n      description: () => tool.description,\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\n    });\n  }\n}\n"]}
+{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAQ,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAGlD,YAAY,aAA4B,EAAE,cAAmC;QAC3E,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAHhC,WAAM,GAAW,EAAE,CAAC;QAKzB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,cAAc,EAAE,CAAC;SAC/I;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,iBAAiB,CAAC,IAAiB,EAAE,QAAiB,EAAE,GAAG,IAAW;QAClF,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvG,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF","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 Item\r\n */\r\n\r\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\r\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { ToolItemProps } from \"./ItemProps\";\r\n\r\n/** An Item that starts the execution of a Tool.\r\n * @public\r\n */\r\nexport class ToolItemDef extends ActionButtonItemDef {\r\n  public toolId: string = \"\";\r\n\r\n  constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(toolItemProps, onItemExecuted);\r\n\r\n    if (toolItemProps.execute) {\r\n      this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };\r\n    }\r\n\r\n    this.toolId = toolItemProps.toolId;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.toolId;\r\n  }\r\n\r\n  /** Create a ToolItemDef that will run a registered tool. */\r\n  public static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef {\r\n    return new ToolItemDef({\r\n      toolId: tool.toolId,\r\n      iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,\r\n      label: () => tool.flyover,\r\n      description: () => tool.description,\r\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\r\n    });\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/stagepanels/FrameworkStagePanel.d.ts

@@ -1,62 +1,62 @@
-/** @packageDocumentation
- * @module Frontstage
- */
-import "./FrameworkStagePanel.scss";
-import * as React from "react";
-import { StagePanelLocation } from "@itwin/appui-abstract";
-import { NineZoneStagePanelManagerProps, WidgetZoneId, ZonesManagerWidgetsProps } from "@itwin/appui-layout-react";
-import { StagePanelChangeHandler, WidgetChangeHandler } from "../frontstage/FrontstageComposer";
-import { WidgetTabs } from "../widgets/WidgetStack";
-import { ZoneLocation } from "../zones/Zone";
-import { StagePanelState } from "./StagePanelDef";
-import { WidgetDef } from "../widgets/WidgetDef";
-/** Properties of a [[FrameworkStagePanel]] component
- * @internal
- */
-export interface FrameworkStagePanelProps {
-    allowedZones?: ZoneLocation[];
-    changeHandler: StagePanelChangeHandler;
-    draggedWidgetId: WidgetZoneId | undefined;
-    getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>;
-    header?: React.ReactNode;
-    initialSize?: number;
-    isInFooterMode: boolean;
-    isTargeted: boolean;
-    maxSize?: number;
-    minSize?: number;
-    location: StagePanelLocation;
-    panel: NineZoneStagePanelManagerProps;
-    panelState: StagePanelState;
-    renderPane: (widgetDefId: WidgetDef["id"]) => React.ReactNode;
-    resizable: boolean;
-    widgetChangeHandler: WidgetChangeHandler;
-    stagePanelWidgets: ReadonlyArray<WidgetDef["id"]>;
-    widgets: ZonesManagerWidgetsProps;
-    widgetTabs: WidgetTabs;
-}
-/** Stage Panel React component.
- * @internal
- */
-export declare class FrameworkStagePanel extends React.PureComponent<FrameworkStagePanelProps> {
-    private _measurer;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): React.ReactNode;
-    private setMinMaxSize;
-    private _handleResize;
-    private _handleTargetChanged;
-    private _handleToggleCollapse;
-    private _handlePaneTargetChanged;
-    private initializeSize;
-}
-/** @internal */
-export interface SplitterPaneTargetProps {
-    onTargetChanged: (paneIndex: number | undefined) => void;
-    paneIndex: number;
-}
-/** @internal */
-export declare class SplitterPaneTarget extends React.PureComponent<SplitterPaneTargetProps> {
-    render(): JSX.Element;
-    private _handleTargetChanged;
-}
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./FrameworkStagePanel.scss";
+import * as React from "react";
+import { StagePanelLocation } from "@itwin/appui-abstract";
+import { NineZoneStagePanelManagerProps, WidgetZoneId, ZonesManagerWidgetsProps } from "@itwin/appui-layout-react";
+import { StagePanelChangeHandler, WidgetChangeHandler } from "../frontstage/FrontstageComposer";
+import { WidgetTabs } from "../widgets/WidgetStack";
+import { ZoneLocation } from "../zones/Zone";
+import { StagePanelState } from "./StagePanelDef";
+import { WidgetDef } from "../widgets/WidgetDef";
+/** Properties of a [[FrameworkStagePanel]] component
+ * @internal
+ */
+export interface FrameworkStagePanelProps {
+    allowedZones?: ZoneLocation[];
+    changeHandler: StagePanelChangeHandler;
+    draggedWidgetId: WidgetZoneId | undefined;
+    getWidgetContentRef: (id: WidgetZoneId) => React.Ref<HTMLDivElement>;
+    header?: React.ReactNode;
+    initialSize?: number;
+    isInFooterMode: boolean;
+    isTargeted: boolean;
+    maxSize?: number;
+    minSize?: number;
+    location: StagePanelLocation;
+    panel: NineZoneStagePanelManagerProps;
+    panelState: StagePanelState;
+    renderPane: (widgetDefId: WidgetDef["id"]) => React.ReactNode;
+    resizable: boolean;
+    widgetChangeHandler: WidgetChangeHandler;
+    stagePanelWidgets: ReadonlyArray<WidgetDef["id"]>;
+    widgets: ZonesManagerWidgetsProps;
+    widgetTabs: WidgetTabs;
+}
+/** Stage Panel React component.
+ * @internal
+ */
+export declare class FrameworkStagePanel extends React.PureComponent<FrameworkStagePanelProps> {
+    private _measurer;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.ReactNode;
+    private setMinMaxSize;
+    private _handleResize;
+    private _handleTargetChanged;
+    private _handleToggleCollapse;
+    private _handlePaneTargetChanged;
+    private initializeSize;
+}
+/** @internal */
+export interface SplitterPaneTargetProps {
+    onTargetChanged: (paneIndex: number | undefined) => void;
+    paneIndex: number;
+}
+/** @internal */
+export declare class SplitterPaneTarget extends React.PureComponent<SplitterPaneTargetProps> {
+    render(): JSX.Element;
+    private _handleTargetChanged;
+}
 //# sourceMappingURL=FrameworkStagePanel.d.ts.map

package/lib/esm/appui-react/stagepanels/FrameworkStagePanel.js

@@ -1,117 +1,117 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Frontstage
- */
-import "./FrameworkStagePanel.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { SplitterPaneTarget as NZ_SplitterPaneTarget, StagePanel as NZ_StagePanel, SafeAreaInsets, Splitter, SplitterTarget, StagePanelTarget, StagePanelTypeHelpers, } from "@itwin/appui-layout-react";
-import { FrontstageManager } from "../frontstage/FrontstageManager";
-import { SafeAreaContext } from "../safearea/SafeAreaContext";
-import { WidgetStack } from "../widgets/WidgetStack";
-import { getNestedStagePanelKey, getStagePanelType } from "./StagePanel";
-import { StagePanelState } from "./StagePanelDef";
-/** Stage Panel React component.
- * @internal
- */
-export class FrameworkStagePanel extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._measurer = React.createRef();
-        this._handleResize = (resizeBy) => {
-            this.props.changeHandler.handlePanelResize(this.props.location, resizeBy);
-        };
-        this._handleTargetChanged = (isTargeted) => {
-            this.props.changeHandler.handlePanelTargetChange(isTargeted ? this.props.location : undefined);
-        };
-        this._handleToggleCollapse = () => {
-            this.props.changeHandler.handleTogglePanelCollapse(this.props.location);
-        };
-        this._handlePaneTargetChanged = (paneIndex) => {
-            this.props.changeHandler.handlePanelPaneTargetChange(this.props.location, paneIndex);
-        };
-    }
-    componentDidMount() {
-        this.initializeSize();
-        this.setMinMaxSize();
-    }
-    componentDidUpdate() {
-        this.initializeSize();
-        this.setMinMaxSize();
-    }
-    render() {
-        const panelStateClassName = classnames(this.props.panelState === StagePanelState.Off && /* istanbul ignore next */ "uifw-stagepanel-off");
-        const className = classnames("uifw-stagepanel", panelStateClassName);
-        const paneCount = this.props.stagePanelWidgets.length + this.props.panel.panes.length;
-        const type = getStagePanelType(this.props.location);
-        const isTargetVisible = !!this.props.draggedWidgetId && this.props.allowedZones && this.props.allowedZones.some((z) => this.props.draggedWidgetId === z);
-        if (paneCount === 0) {
-            if (!isTargetVisible)
-                return null;
-            return (React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => (React.createElement(StagePanelTarget, { className: panelStateClassName, onTargetChanged: this._handleTargetChanged, safeAreaInsets: safeAreaInsets, type: type }))));
-        }
-        const isSplitterTargetVisible = isTargetVisible && !this.props.isTargeted;
-        const isVertical = StagePanelTypeHelpers.isVertical(type);
-        return (React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => {
-            if (this.props.isInFooterMode)
-                safeAreaInsets &= ~SafeAreaInsets.Bottom;
-            return (React.createElement(NZ_StagePanel, { className: className, onResize: this.props.resizable ? this._handleResize : undefined, onToggleCollapse: this._handleToggleCollapse, safeAreaInsets: safeAreaInsets, size: this.props.panel.isCollapsed ? undefined : this.props.panel.size, type: type },
-                React.createElement("div", { ref: this._measurer, style: { width: "100%", height: "100%", position: "absolute", zIndex: -1 } }),
-                React.createElement("div", { className: "uifw-content" },
-                    this.props.panel.isCollapsed ? undefined : this.props.header,
-                    React.createElement("div", { className: "uifw-widgets" },
-                        React.createElement(SplitterTarget, { isVertical: isVertical, onTargetChanged: this._handleTargetChanged, paneCount: paneCount, style: {
-                                ...isTargetVisible ? {} : { display: "none" },
-                            } }),
-                        React.createElement(Splitter, { isGripHidden: this.props.panel.isCollapsed, isVertical: isVertical },
-                            this.props.stagePanelWidgets.map((widgetId) => {
-                                return (React.createElement(React.Fragment, { key: `wd-${widgetId}` }, this.props.renderPane(widgetId)));
-                            }),
-                            this.props.panel.panes.map((pane, index) => {
-                                const openWidgetId = pane.widgets.find((wId) => this.props.widgets[wId].tabIndex >= 0);
-                                const activeTabIndex = openWidgetId ? this.props.widgets[openWidgetId].tabIndex : 0;
-                                const firstWidget = this.props.widgets[pane.widgets[0]];
-                                return (React.createElement("div", { key: `w-${index}`, style: { height: "100%", position: "relative" } },
-                                    React.createElement(WidgetStack, { activeTabIndex: activeTabIndex, disabledResizeHandles: undefined, draggedWidget: undefined, fillZone: true, getWidgetContentRef: this.props.getWidgetContentRef, horizontalAnchor: firstWidget.horizontalAnchor, isCollapsed: this.props.panel.isCollapsed, isFloating: false, isInStagePanel: true, openWidgetId: openWidgetId, verticalAnchor: firstWidget.verticalAnchor, widgets: pane.widgets, widgetTabs: this.props.widgetTabs, widgetChangeHandler: this.props.widgetChangeHandler }),
-                                    isSplitterTargetVisible && React.createElement(SplitterPaneTarget, { onTargetChanged: this._handlePaneTargetChanged, paneIndex: index })));
-                            }))))));
-        }));
-    }
-    setMinMaxSize() {
-        const panel = getNestedStagePanelKey(this.props.location);
-        const nestedPanelsManager = FrontstageManager.NineZoneManager.getNestedPanelsManager();
-        this.props.minSize && ( /* istanbul ignore next */nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).minSize = this.props.minSize);
-        this.props.maxSize && ( /* istanbul ignore next */nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).maxSize = this.props.maxSize);
-    }
-    initializeSize() {
-        if (this.props.panel.size !== undefined || !this._measurer.current)
-            return;
-        const location = this.props.location;
-        if (this.props.initialSize) {
-            this.props.changeHandler.handlePanelInitialize(location, this.props.initialSize);
-            return;
-        }
-        const clientRect = this._measurer.current.getBoundingClientRect();
-        const type = getStagePanelType(location);
-        const size = StagePanelTypeHelpers.isVertical(type) ? clientRect.width : clientRect.height;
-        this.props.changeHandler.handlePanelInitialize(location, size);
-    }
-}
-/** @internal */
-export class SplitterPaneTarget extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleTargetChanged = (isTargeted) => {
-            const target = isTargeted ? this.props.paneIndex : undefined;
-            this.props.onTargetChanged(target);
-        };
-    }
-    render() {
-        return (React.createElement(NZ_SplitterPaneTarget, { onTargetChanged: this._handleTargetChanged }));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import "./FrameworkStagePanel.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { SplitterPaneTarget as NZ_SplitterPaneTarget, StagePanel as NZ_StagePanel, SafeAreaInsets, Splitter, SplitterTarget, StagePanelTarget, StagePanelTypeHelpers, } from "@itwin/appui-layout-react";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
+import { SafeAreaContext } from "../safearea/SafeAreaContext";
+import { WidgetStack } from "../widgets/WidgetStack";
+import { getNestedStagePanelKey, getStagePanelType } from "./StagePanel";
+import { StagePanelState } from "./StagePanelDef";
+/** Stage Panel React component.
+ * @internal
+ */
+export class FrameworkStagePanel extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._measurer = React.createRef();
+        this._handleResize = (resizeBy) => {
+            this.props.changeHandler.handlePanelResize(this.props.location, resizeBy);
+        };
+        this._handleTargetChanged = (isTargeted) => {
+            this.props.changeHandler.handlePanelTargetChange(isTargeted ? this.props.location : undefined);
+        };
+        this._handleToggleCollapse = () => {
+            this.props.changeHandler.handleTogglePanelCollapse(this.props.location);
+        };
+        this._handlePaneTargetChanged = (paneIndex) => {
+            this.props.changeHandler.handlePanelPaneTargetChange(this.props.location, paneIndex);
+        };
+    }
+    componentDidMount() {
+        this.initializeSize();
+        this.setMinMaxSize();
+    }
+    componentDidUpdate() {
+        this.initializeSize();
+        this.setMinMaxSize();
+    }
+    render() {
+        const panelStateClassName = classnames(this.props.panelState === StagePanelState.Off && /* istanbul ignore next */ "uifw-stagepanel-off");
+        const className = classnames("uifw-stagepanel", panelStateClassName);
+        const paneCount = this.props.stagePanelWidgets.length + this.props.panel.panes.length;
+        const type = getStagePanelType(this.props.location);
+        const isTargetVisible = !!this.props.draggedWidgetId && this.props.allowedZones && this.props.allowedZones.some((z) => this.props.draggedWidgetId === z);
+        if (paneCount === 0) {
+            if (!isTargetVisible)
+                return null;
+            return (React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => (React.createElement(StagePanelTarget, { className: panelStateClassName, onTargetChanged: this._handleTargetChanged, safeAreaInsets: safeAreaInsets, type: type }))));
+        }
+        const isSplitterTargetVisible = isTargetVisible && !this.props.isTargeted;
+        const isVertical = StagePanelTypeHelpers.isVertical(type);
+        return (React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => {
+            if (this.props.isInFooterMode)
+                safeAreaInsets &= ~SafeAreaInsets.Bottom;
+            return (React.createElement(NZ_StagePanel, { className: className, onResize: this.props.resizable ? this._handleResize : undefined, onToggleCollapse: this._handleToggleCollapse, safeAreaInsets: safeAreaInsets, size: this.props.panel.isCollapsed ? undefined : this.props.panel.size, type: type },
+                React.createElement("div", { ref: this._measurer, style: { width: "100%", height: "100%", position: "absolute", zIndex: -1 } }),
+                React.createElement("div", { className: "uifw-content" },
+                    this.props.panel.isCollapsed ? undefined : this.props.header,
+                    React.createElement("div", { className: "uifw-widgets" },
+                        React.createElement(SplitterTarget, { isVertical: isVertical, onTargetChanged: this._handleTargetChanged, paneCount: paneCount, style: {
+                                ...isTargetVisible ? {} : { display: "none" },
+                            } }),
+                        React.createElement(Splitter, { isGripHidden: this.props.panel.isCollapsed, isVertical: isVertical },
+                            this.props.stagePanelWidgets.map((widgetId) => {
+                                return (React.createElement(React.Fragment, { key: `wd-${widgetId}` }, this.props.renderPane(widgetId)));
+                            }),
+                            this.props.panel.panes.map((pane, index) => {
+                                const openWidgetId = pane.widgets.find((wId) => this.props.widgets[wId].tabIndex >= 0);
+                                const activeTabIndex = openWidgetId ? this.props.widgets[openWidgetId].tabIndex : 0;
+                                const firstWidget = this.props.widgets[pane.widgets[0]];
+                                return (React.createElement("div", { key: `w-${index}`, style: { height: "100%", position: "relative" } },
+                                    React.createElement(WidgetStack, { activeTabIndex: activeTabIndex, disabledResizeHandles: undefined, draggedWidget: undefined, fillZone: true, getWidgetContentRef: this.props.getWidgetContentRef, horizontalAnchor: firstWidget.horizontalAnchor, isCollapsed: this.props.panel.isCollapsed, isFloating: false, isInStagePanel: true, openWidgetId: openWidgetId, verticalAnchor: firstWidget.verticalAnchor, widgets: pane.widgets, widgetTabs: this.props.widgetTabs, widgetChangeHandler: this.props.widgetChangeHandler }),
+                                    isSplitterTargetVisible && React.createElement(SplitterPaneTarget, { onTargetChanged: this._handlePaneTargetChanged, paneIndex: index })));
+                            }))))));
+        }));
+    }
+    setMinMaxSize() {
+        const panel = getNestedStagePanelKey(this.props.location);
+        const nestedPanelsManager = FrontstageManager.NineZoneManager.getNestedPanelsManager();
+        this.props.minSize && ( /* istanbul ignore next */nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).minSize = this.props.minSize);
+        this.props.maxSize && ( /* istanbul ignore next */nestedPanelsManager.getPanelsManager(panel.id).getPanelManager(panel.type).maxSize = this.props.maxSize);
+    }
+    initializeSize() {
+        if (this.props.panel.size !== undefined || !this._measurer.current)
+            return;
+        const location = this.props.location;
+        if (this.props.initialSize) {
+            this.props.changeHandler.handlePanelInitialize(location, this.props.initialSize);
+            return;
+        }
+        const clientRect = this._measurer.current.getBoundingClientRect();
+        const type = getStagePanelType(location);
+        const size = StagePanelTypeHelpers.isVertical(type) ? clientRect.width : clientRect.height;
+        this.props.changeHandler.handlePanelInitialize(location, size);
+    }
+}
+/** @internal */
+export class SplitterPaneTarget extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleTargetChanged = (isTargeted) => {
+            const target = isTargeted ? this.props.paneIndex : undefined;
+            this.props.onTargetChanged(target);
+        };
+    }
+    render() {
+        return (React.createElement(NZ_SplitterPaneTarget, { onTargetChanged: this._handleTargetChanged }));
+    }
+}
 //# sourceMappingURL=FrameworkStagePanel.js.map