@itwin/appui-react 4.1.0-dev.0 → 4.1.0

package/lib/cjs/appui-react/configurableui/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"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 State\r\n */\r\n\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport { ActionsUnion, createAction } from \"../redux/redux-ts\";\r\nimport { SYSTEM_PREFERRED_COLOR_THEME, TOOLBAR_OPACITY_DEFAULT, WIDGET_OPACITY_DEFAULT } from \"../theme/ThemeManager\";\r\n\r\n// cSpell:ignore configurableui snapmode toolprompt\r\n\r\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\r\n *  Since these are also used as sync ids they should be in lowercase.\r\n * @public\r\n */\r\nexport enum ConfigurableUiActionId {\r\n  SetSnapMode = \"configurableui:set_snapmode\",\r\n  SetTheme = \"configurableui:set_theme\",\r\n  SetToolPrompt = \"configurableui:set_toolprompt\",\r\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\r\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\r\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\r\n  AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\r\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\r\n  AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\r\n  UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\r\n  SetToolbarOpacity = \"configurableui:set-toolbar-opacity\",\r\n}\r\n\r\n/** The portion of state managed by the ConfigurableUiReducer.\r\n * @public\r\n */\r\nexport interface ConfigurableUiState {\r\n  snapMode: number;\r\n  toolPrompt: string;\r\n  theme: string;\r\n  widgetOpacity: number;\r\n  useDragInteraction: boolean;\r\n  showWidgetIcon: boolean;\r\n  autoCollapseUnpinnedPanels: boolean;\r\n  viewOverlayDisplay: boolean;\r\n  animateToolSettings: boolean;\r\n  useToolAsToolSettingsLabel: boolean;\r\n  toolbarOpacity: number;\r\n}\r\n\r\n/** used on first call of ConfigurableUiReducer */\r\nconst initialState: ConfigurableUiState = {\r\n  snapMode: SnapMode.NearestKeypoint as number,\r\n  toolPrompt: \"\",\r\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\r\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\r\n  useDragInteraction: false,\r\n  showWidgetIcon: true,\r\n  autoCollapseUnpinnedPanels: false,\r\n  viewOverlayDisplay: true,\r\n  animateToolSettings: false,\r\n  useToolAsToolSettingsLabel: false,\r\n  toolbarOpacity: TOOLBAR_OPACITY_DEFAULT,\r\n};\r\n\r\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\r\n * @public\r\n */\r\nexport const ConfigurableUiActions = {   // eslint-disable-line @typescript-eslint/naming-convention\r\n  setSnapMode: (snapMode: number) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\r\n  setTheme:\r\n    // istanbul ignore next\r\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\r\n  setToolPrompt:\r\n    // istanbul ignore next\r\n    (toolPrompt: string) => createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\r\n  setWidgetOpacity:\r\n    // istanbul ignore next\r\n    (opacity: number) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\r\n  setDragInteraction: (dragInteraction: boolean) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\r\n  setShowWidgetIcon: (showWidgetIcon: boolean) => createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\r\n  setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => createAction(ConfigurableUiActionId.AutoCollapseUnpinnedPanels, autoCollapse),\r\n  setViewOverlayDisplay: (displayViewOverlay: boolean) => createAction(ConfigurableUiActionId.SetViewOverlayDisplay, displayViewOverlay),\r\n  setAnimateToolSettings: (animateToolSettings: boolean) => createAction(ConfigurableUiActionId.AnimateToolSettings, animateToolSettings),\r\n  setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => createAction(ConfigurableUiActionId.UseToolAsToolSettingsLabel, useToolAsToolSettingsLabel),\r\n  setToolbarOpacity: (opacity: number) => createAction(ConfigurableUiActionId.SetToolbarOpacity, opacity),\r\n};\r\n\r\n/** Union of ConfigurableUi Redux actions\r\n * @public\r\n */\r\nexport type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;\r\n\r\n/** Handles actions to update ConfigurableUiState.\r\n * @public\r\n */\r\nexport function ConfigurableUiReducer(state: ConfigurableUiState = initialState, action: ConfigurableUiActionsUnion): ConfigurableUiState {\r\n  const outState = state;\r\n\r\n  switch (action.type) {\r\n    case ConfigurableUiActionId.SetSnapMode: {\r\n      return { ...state, snapMode: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolPrompt: {\r\n      return { ...state, toolPrompt: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetTheme: {\r\n      return { ...state, theme: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetWidgetOpacity: {\r\n      return { ...state, widgetOpacity: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetDragInteraction: {\r\n      return { ...state, useDragInteraction: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\r\n      return { ...state, showWidgetIcon: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\r\n      return { ...state, autoCollapseUnpinnedPanels: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\r\n      return { ...state, viewOverlayDisplay: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AnimateToolSettings: {\r\n      return { ...state, animateToolSettings: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\r\n      return { ...state, useToolAsToolSettingsLabel: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolbarOpacity: {\r\n      return { ...state, toolbarOpacity: action.payload };\r\n    }\r\n  }\r\n  return outState;\r\n}\r\n"]}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/state.ts"],"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 State\r\n */\r\n\r\nimport { SnapMode } from \"@itwin/core-frontend\";\r\nimport type { ActionsUnion} from \"../redux/redux-ts\";\r\nimport { createAction } from \"../redux/redux-ts\";\r\nimport { SYSTEM_PREFERRED_COLOR_THEME, TOOLBAR_OPACITY_DEFAULT, WIDGET_OPACITY_DEFAULT } from \"../theme/ThemeManager\";\r\n\r\n// cSpell:ignore configurableui snapmode toolprompt\r\n\r\n/** Action Ids used by Redux and to send sync UI components. Typically used to refresh visibility or enable state of control.\r\n *  Since these are also used as sync ids they should be in lowercase.\r\n * @public\r\n */\r\nexport enum ConfigurableUiActionId {\r\n  SetSnapMode = \"configurableui:set_snapmode\",\r\n  SetTheme = \"configurableui:set_theme\",\r\n  SetToolPrompt = \"configurableui:set_toolprompt\",\r\n  SetWidgetOpacity = \"configurableui:set_widget_opacity\",\r\n  SetDragInteraction = \"configurableui:set-drag-interaction\",\r\n  SetShowWidgetIcon = \"configurableui:set-show-widget-icon\",\r\n  AutoCollapseUnpinnedPanels = \"configurableui:set-auto-collapse-unpinned-panels\",\r\n  SetViewOverlayDisplay = \"configurableui:set-view-overlay-display\",\r\n  AnimateToolSettings = \"configurableui:set-animate-tool-settings\",\r\n  UseToolAsToolSettingsLabel = \"configurableui:set-use-tool-as-tool-settings-label\",\r\n  SetToolbarOpacity = \"configurableui:set-toolbar-opacity\",\r\n}\r\n\r\n/** The portion of state managed by the ConfigurableUiReducer.\r\n * @public\r\n */\r\nexport interface ConfigurableUiState {\r\n  snapMode: number;\r\n  toolPrompt: string;\r\n  theme: string;\r\n  widgetOpacity: number;\r\n  useDragInteraction: boolean;\r\n  showWidgetIcon: boolean;\r\n  autoCollapseUnpinnedPanels: boolean;\r\n  viewOverlayDisplay: boolean;\r\n  animateToolSettings: boolean;\r\n  useToolAsToolSettingsLabel: boolean;\r\n  toolbarOpacity: number;\r\n}\r\n\r\n/** used on first call of ConfigurableUiReducer */\r\nconst initialState: ConfigurableUiState = {\r\n  snapMode: SnapMode.NearestKeypoint as number,\r\n  toolPrompt: \"\",\r\n  theme: SYSTEM_PREFERRED_COLOR_THEME,\r\n  widgetOpacity: WIDGET_OPACITY_DEFAULT,\r\n  useDragInteraction: false,\r\n  showWidgetIcon: true,\r\n  autoCollapseUnpinnedPanels: false,\r\n  viewOverlayDisplay: true,\r\n  animateToolSettings: false,\r\n  useToolAsToolSettingsLabel: false,\r\n  toolbarOpacity: TOOLBAR_OPACITY_DEFAULT,\r\n};\r\n\r\n/** An object with a function that creates each ConfigurableUiReducer that can be handled by our reducer.\r\n * @public\r\n */\r\nexport const ConfigurableUiActions = {   // eslint-disable-line @typescript-eslint/naming-convention\r\n  setSnapMode: (snapMode: number) => createAction(ConfigurableUiActionId.SetSnapMode, snapMode),\r\n  setTheme:\r\n    // istanbul ignore next\r\n    (theme: string) => createAction(ConfigurableUiActionId.SetTheme, theme),\r\n  setToolPrompt:\r\n    // istanbul ignore next\r\n    (toolPrompt: string) => createAction(ConfigurableUiActionId.SetToolPrompt, toolPrompt),\r\n  setWidgetOpacity:\r\n    // istanbul ignore next\r\n    (opacity: number) => createAction(ConfigurableUiActionId.SetWidgetOpacity, opacity),\r\n  setDragInteraction: (dragInteraction: boolean) => createAction(ConfigurableUiActionId.SetDragInteraction, dragInteraction),\r\n  setShowWidgetIcon: (showWidgetIcon: boolean) => createAction(ConfigurableUiActionId.SetShowWidgetIcon, showWidgetIcon),\r\n  setAutoCollapseUnpinnedPanels: (autoCollapse: boolean) => createAction(ConfigurableUiActionId.AutoCollapseUnpinnedPanels, autoCollapse),\r\n  setViewOverlayDisplay: (displayViewOverlay: boolean) => createAction(ConfigurableUiActionId.SetViewOverlayDisplay, displayViewOverlay),\r\n  setAnimateToolSettings: (animateToolSettings: boolean) => createAction(ConfigurableUiActionId.AnimateToolSettings, animateToolSettings),\r\n  setUseToolAsToolSettingsLabel: (useToolAsToolSettingsLabel: boolean) => createAction(ConfigurableUiActionId.UseToolAsToolSettingsLabel, useToolAsToolSettingsLabel),\r\n  setToolbarOpacity: (opacity: number) => createAction(ConfigurableUiActionId.SetToolbarOpacity, opacity),\r\n};\r\n\r\n/** Union of ConfigurableUi Redux actions\r\n * @public\r\n */\r\nexport type ConfigurableUiActionsUnion = ActionsUnion<typeof ConfigurableUiActions>;\r\n\r\n/** Handles actions to update ConfigurableUiState.\r\n * @public\r\n */\r\nexport function ConfigurableUiReducer(state: ConfigurableUiState = initialState, action: ConfigurableUiActionsUnion): ConfigurableUiState {\r\n  const outState = state;\r\n\r\n  switch (action.type) {\r\n    case ConfigurableUiActionId.SetSnapMode: {\r\n      return { ...state, snapMode: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolPrompt: {\r\n      return { ...state, toolPrompt: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetTheme: {\r\n      return { ...state, theme: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetWidgetOpacity: {\r\n      return { ...state, widgetOpacity: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetDragInteraction: {\r\n      return { ...state, useDragInteraction: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetShowWidgetIcon: {\r\n      return { ...state, showWidgetIcon: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AutoCollapseUnpinnedPanels: {\r\n      return { ...state, autoCollapseUnpinnedPanels: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetViewOverlayDisplay: {\r\n      return { ...state, viewOverlayDisplay: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.AnimateToolSettings: {\r\n      return { ...state, animateToolSettings: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.UseToolAsToolSettingsLabel: {\r\n      return { ...state, useToolAsToolSettingsLabel: action.payload };\r\n    }\r\n    case ConfigurableUiActionId.SetToolbarOpacity: {\r\n      return { ...state, toolbarOpacity: action.payload };\r\n    }\r\n  }\r\n  return outState;\r\n}\r\n"]}

package/lib/cjs/appui-react/content/ContentControl.d.ts

@@ -2,8 +2,8 @@
  * @module ContentView
  */
 import * as React from "react";
-import { Id64String } from "@itwin/core-bentley";
-import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-frontend";
+import type { Id64String } from "@itwin/core-bentley";
+import type { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-frontend";
 import { UiEvent } from "@itwin/appui-abstract";
 import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 /** ControlControl Activated Event Args interface.

package/lib/cjs/appui-react/content/ContentControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEnI;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,oBAAoB,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,OAAO,CAAC,gCAAgC,CAAC;CAAI;AAE/F;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,0BAA0B,EAAE,OAAO,CAAC;IACpC,qCAAqC;IACrC,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtI;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,qBAAqB;IACvD,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,OAAO,CAAC,SAAS,CAAS;IAE1B;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,mDAAmD;IAC5C,WAAW,IAAI,IAAI;IAG1B,qDAAqD;IAC9C,aAAa,IAAI,IAAI;IAG5B,8EAA8E;IACvE,OAAO,IAAI,yBAAyB;IAE3C,0DAA0D;IAC1D,IAAW,UAAU,IAAI,OAAO,CAAkB;IAClD,uDAAuD;IACvD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAAsB;IAEvE,SAAS,CAAC,iBAAiB,IAAI,KAAK,CAAC,SAAS;IAa9C,SAAS,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS;IAIzC,mDAAmD;IACnD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IAED,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB,IAAI,MAAM,CAExC;CAEF;AAED;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,cAAc;gBAC5C,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;CAIlE"}
+{"version":3,"file":"ContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEnI;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,oBAAoB,EAAE,cAAc,CAAC;IACrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,4BAA6B,SAAQ,OAAO,CAAC,gCAAgC,CAAC;CAAI;AAE/F;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,8EAA8E;IAC9E,0BAA0B,EAAE,OAAO,CAAC;IACpC,qCAAqC;IACrC,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtI;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,qBAAqB;IACvD,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,OAAO,CAAC,SAAS,CAAS;IAE1B;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,mDAAmD;IAC5C,WAAW,IAAI,IAAI;IAG1B,qDAAqD;IAC9C,aAAa,IAAI,IAAI;IAG5B,8EAA8E;IACvE,OAAO,IAAI,yBAAyB;IAE3C,0DAA0D;IAC1D,IAAW,UAAU,IAAI,OAAO,CAAkB;IAClD,uDAAuD;IACvD,IAAW,QAAQ,IAAI,cAAc,GAAG,SAAS,CAAsB;IAEvE,SAAS,CAAC,iBAAiB,IAAI,KAAK,CAAC,SAAS;IAa9C,SAAS,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS;IAIzC,mDAAmD;IACnD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IAED,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB,IAAI,MAAM,CAExC;CAEF;AAED;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,cAAc;gBAC5C,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;CAIlE"}

package/lib/cjs/appui-react/content/ContentControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B,0DAAgD;AAChD,mFAAmI;AAUnI;;GAEG;AACH,MAAa,4BAA6B,SAAQ,wBAAyC;CAAI;AAA/F,oEAA+F;AAY/F;;GAEG;AACH,MAAa,cAAe,SAAQ,6CAAqB;IAIvD;;;OAGG;IACH,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPf,cAAS,GAAG,KAAK,CAAC;IAQ1B,CAAC;IAED,mDAAmD;IAC5C,WAAW;IAClB,CAAC;IAED,qDAAqD;IAC9C,aAAa;IACpB,CAAC;IAED,8EAA8E;IACvE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzF,0DAA0D;IAC1D,IAAW,UAAU,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IAClD,uDAAuD;IACvD,IAAW,QAAQ,KAAiC,OAAO,SAAS,CAAC,CAAC,CAAC;IAE7D,iBAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC5D,uBAAuB;YACvB,IAAI,CAAE,IAAI,CAAC,UAAsC,CAAC,GAAG,EAAE;gBACrD,MAAM,eAAe,GAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;aACxE;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;QAED,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAED,mDAAmD;IACnD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;CAEF;AAzDD,wCAyDC;AAED;;GAEG;AACH,MAAa,sBAAuB,SAAQ,cAAc;IACxD,YAAY,QAAgB,EAAE,IAAY,EAAE,IAAqB;QAC/D,KAAK,CAAC,IAAI,8CAAsB,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACnE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;CACF;AALD,wDAKC","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 ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport { IModelConnection, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** ControlControl Activated Event Args interface.\r\n * @public\r\n */\r\nexport interface ContentControlActivatedEventArgs {\r\n  activeContentControl: ContentControl;\r\n  oldContentControl?: ContentControl;\r\n}\r\n\r\n/** ContentControl Activated Event class.\r\n * @public\r\n */\r\nexport class ContentControlActivatedEvent extends UiEvent<ContentControlActivatedEventArgs> { }\r\n\r\n/** Interface to be implemented when the ContentControl supports ViewSelector changes\r\n * @public\r\n */\r\nexport interface SupportsViewSelectorChange {\r\n  /** Returns true if this control supports reacting to ViewSelector changes. */\r\n  supportsViewSelectorChange: boolean;\r\n  /** Process a ViewSelector change. */\r\n  processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void>;\r\n}\r\n\r\n/** The base class for Frontstage content controls.\r\n * @public\r\n */\r\nexport class ContentControl extends ConfigurableUiControl {\r\n  protected _reactNode: React.ReactNode;\r\n  private _keyAdded = false;\r\n\r\n  /** Creates an instance of ContentControl.\r\n   * @param info         An object that the subclass must pass to this base class.\r\n   * @param options      Options provided via the applicationData in a [[ContentProps]].\r\n   */\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public onActivated(): void {\r\n  }\r\n\r\n  /** Called when this ContentControl is deactivated */\r\n  public onDeactivated(): void {\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Content' in this case */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Content; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public get isViewport(): boolean { return false; }\r\n  /** Returns the ScreenViewport if isViewport is true */\r\n  public get viewport(): ScreenViewport | undefined { return undefined; }\r\n\r\n  protected getKeyedReactNode(): React.ReactNode {\r\n    if (!this._keyAdded && React.isValidElement(this._reactNode)) {\r\n      // istanbul ignore else\r\n      if (!(this._reactNode as React.ReactElement<any>).key) {\r\n        const additionalProps: any = { key: this.uniqueId };\r\n        this._reactNode = React.cloneElement(this._reactNode, additionalProps);\r\n      }\r\n      this._keyAdded = true;\r\n    }\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  protected getReactNode(): React.ReactNode {\r\n    return this.getKeyedReactNode();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public get reactNode(): React.ReactNode {\r\n    return this.getReactNode();\r\n  }\r\n\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public get navigationAidControl(): string {\r\n    return \"\";\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * @beta\r\n */\r\nexport class FloatingContentControl extends ContentControl {\r\n  constructor(uniqueId: string, name: string, node: React.ReactNode) {\r\n    super(new ConfigurableCreateInfo(name, uniqueId, name), undefined);\r\n    this._reactNode = node;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAG/B,0DAAgD;AAChD,mFAAmI;AAUnI;;GAEG;AACH,MAAa,4BAA6B,SAAQ,wBAAyC;CAAI;AAA/F,oEAA+F;AAY/F;;GAEG;AACH,MAAa,cAAe,SAAQ,6CAAqB;IAIvD;;;OAGG;IACH,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPf,cAAS,GAAG,KAAK,CAAC;IAQ1B,CAAC;IAED,mDAAmD;IAC5C,WAAW;IAClB,CAAC;IAED,qDAAqD;IAC9C,aAAa;IACpB,CAAC;IAED,8EAA8E;IACvE,OAAO,KAAgC,OAAO,iDAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzF,0DAA0D;IAC1D,IAAW,UAAU,KAAc,OAAO,KAAK,CAAC,CAAC,CAAC;IAClD,uDAAuD;IACvD,IAAW,QAAQ,KAAiC,OAAO,SAAS,CAAC,CAAC,CAAC;IAE7D,iBAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC5D,uBAAuB;YACvB,IAAI,CAAE,IAAI,CAAC,UAAsC,CAAC,GAAG,EAAE;gBACrD,MAAM,eAAe,GAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;aACxE;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;QAED,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC;IAED,mDAAmD;IACnD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,uEAAuE;IACvE,IAAW,oBAAoB;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;CAEF;AAzDD,wCAyDC;AAED;;GAEG;AACH,MAAa,sBAAuB,SAAQ,cAAc;IACxD,YAAY,QAAgB,EAAE,IAAY,EAAE,IAAqB;QAC/D,KAAK,CAAC,IAAI,8CAAsB,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;QACnE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;CACF;AALD,wDAKC","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 ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { Id64String } from \"@itwin/core-bentley\";\r\nimport type { IModelConnection, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** ControlControl Activated Event Args interface.\r\n * @public\r\n */\r\nexport interface ContentControlActivatedEventArgs {\r\n  activeContentControl: ContentControl;\r\n  oldContentControl?: ContentControl;\r\n}\r\n\r\n/** ContentControl Activated Event class.\r\n * @public\r\n */\r\nexport class ContentControlActivatedEvent extends UiEvent<ContentControlActivatedEventArgs> { }\r\n\r\n/** Interface to be implemented when the ContentControl supports ViewSelector changes\r\n * @public\r\n */\r\nexport interface SupportsViewSelectorChange {\r\n  /** Returns true if this control supports reacting to ViewSelector changes. */\r\n  supportsViewSelectorChange: boolean;\r\n  /** Process a ViewSelector change. */\r\n  processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void>;\r\n}\r\n\r\n/** The base class for Frontstage content controls.\r\n * @public\r\n */\r\nexport class ContentControl extends ConfigurableUiControl {\r\n  protected _reactNode: React.ReactNode;\r\n  private _keyAdded = false;\r\n\r\n  /** Creates an instance of ContentControl.\r\n   * @param info         An object that the subclass must pass to this base class.\r\n   * @param options      Options provided via the applicationData in a [[ContentProps]].\r\n   */\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public onActivated(): void {\r\n  }\r\n\r\n  /** Called when this ContentControl is deactivated */\r\n  public onDeactivated(): void {\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Content' in this case */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Content; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public get isViewport(): boolean { return false; }\r\n  /** Returns the ScreenViewport if isViewport is true */\r\n  public get viewport(): ScreenViewport | undefined { return undefined; }\r\n\r\n  protected getKeyedReactNode(): React.ReactNode {\r\n    if (!this._keyAdded && React.isValidElement(this._reactNode)) {\r\n      // istanbul ignore else\r\n      if (!(this._reactNode as React.ReactElement<any>).key) {\r\n        const additionalProps: any = { key: this.uniqueId };\r\n        this._reactNode = React.cloneElement(this._reactNode, additionalProps);\r\n      }\r\n      this._keyAdded = true;\r\n    }\r\n\r\n    return this._reactNode;\r\n  }\r\n\r\n  protected getReactNode(): React.ReactNode {\r\n    return this.getKeyedReactNode();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public get reactNode(): React.ReactNode {\r\n    return this.getReactNode();\r\n  }\r\n\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public get navigationAidControl(): string {\r\n    return \"\";\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * @beta\r\n */\r\nexport class FloatingContentControl extends ContentControl {\r\n  constructor(uniqueId: string, name: string, node: React.ReactNode) {\r\n    super(new ConfigurableCreateInfo(name, uniqueId, name), undefined);\r\n    this._reactNode = node;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/content/ContentGroup.d.ts

@@ -1,12 +1,12 @@
 /** @packageDocumentation
  * @module ContentView
  */
-import * as React from "react";
-import { ScreenViewport } from "@itwin/core-frontend";
-import { ContentLayoutProps } from "@itwin/appui-abstract";
-import { ConfigurableUiControlConstructor } from "../configurableui/ConfigurableUiControl";
-import { ContentControl } from "./ContentControl";
-import { FrontstageConfig } from "../frontstage/FrontstageConfig";
+import type * as React from "react";
+import type { ScreenViewport } from "@itwin/core-frontend";
+import type { ContentLayoutProps } from "@itwin/appui-abstract";
+import type { ConfigurableUiControlConstructor } from "../configurableui/ConfigurableUiControl";
+import type { ContentControl } from "./ContentControl";
+import type { FrontstageConfig } from "../frontstage/FrontstageConfig";
 /** Properties for content displayed in a content view
  * @public
  */

package/lib/cjs/appui-react/content/ContentGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentGroup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAW,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAA0B,gCAAgC,EAA6B,MAAM,yCAAyC,CAAC;AAE9I,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGlE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,oFAAoF;IACpF,OAAO,EAAE,MAAM,GAAG,gCAAgC,CAAC;IACnD,gEAAgE;IAChE,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,mKAAmK;IACnK,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED;;;GAGG;AACH,8BAAsB,oBAAoB;IACxC,+DAA+D;aAC/C,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC;IAE7E;;OAEG;IACI,kBAAkB,CAAC,iBAAiB,EAAE,iBAAiB;IAI9D;;OAEG;IACI,wBAAwB,CAAC,iBAAiB,EAAE,iBAAiB;IAIpE,kFAAkF;IACrE,uBAAuB;CACrC;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;AAE9D;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,cAAc,CAAqC;IAE3D,IAAW,EAAE,WAEZ;gBAEW,iBAAiB,EAAE,iBAAiB;IAQhD,sFAAsF;IAC/E,iBAAiB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IA+BhG,wEAAwE;IACjE,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IAIpE,iFAAiF;IAC1E,eAAe,IAAI,KAAK,CAAC,SAAS,EAAE;IAgB3C,kGAAkG;IAC3F,qBAAqB,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,SAAS;IAc/E,uFAAuF;IAChF,mBAAmB;IAI1B,4EAA4E;IACrE,kBAAkB,IAAI,cAAc,EAAE;IAa7C,6CAA6C;IACtC,uBAAuB,IAAI,IAAI;IAItC,uCAAuC;IAChC,iBAAiB,IAAI,IAAI;IAEhC,0CAA0C;IACnC,oBAAoB,IAAI,IAAI;IAInC;;OAEG;IACI,MAAM,CAAC,eAAe,CAAC,EAAE,eAAe,GAAG,iBAAiB;IAuBnE;;OAEG;IACI,YAAY,IAAI,KAAK,CAAC,cAAc,GAAG,SAAS,CAAC;CAczD"}
+{"version":3,"file":"ContentGroup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentGroup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAE/D,OAAO,KAAK,EAAE,gCAAgC,EAAC,MAAM,yCAAyC,CAAC;AAG/F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,oFAAoF;IACpF,OAAO,EAAE,MAAM,GAAG,gCAAgC,CAAC;IACnD,gEAAgE;IAChE,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,mKAAmK;IACnK,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED;;;GAGG;AACH,8BAAsB,oBAAoB;IACxC,+DAA+D;aAC/C,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC;IAE7E;;OAEG;IACI,kBAAkB,CAAC,iBAAiB,EAAE,iBAAiB;IAI9D;;OAEG;IACI,wBAAwB,CAAC,iBAAiB,EAAE,iBAAiB;IAIpE,kFAAkF;IACrE,uBAAuB;CACrC;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;AAE9D;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,cAAc,CAAqC;IAE3D,IAAW,EAAE,WAEZ;gBAEW,iBAAiB,EAAE,iBAAiB;IAQhD,sFAAsF;IAC/E,iBAAiB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IA+BhG,wEAAwE;IACjE,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IAIpE,iFAAiF;IAC1E,eAAe,IAAI,KAAK,CAAC,SAAS,EAAE;IAgB3C,kGAAkG;IAC3F,qBAAqB,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,SAAS;IAc/E,uFAAuF;IAChF,mBAAmB;IAI1B,4EAA4E;IACrE,kBAAkB,IAAI,cAAc,EAAE;IAa7C,6CAA6C;IACtC,uBAAuB,IAAI,IAAI;IAItC,uCAAuC;IAChC,iBAAiB,IAAI,IAAI;IAEhC,0CAA0C;IACnC,oBAAoB,IAAI,IAAI;IAInC;;OAEG;IACI,MAAM,CAAC,eAAe,CAAC,EAAE,eAAe,GAAG,iBAAiB;IAuBnE;;OAEG;IACI,YAAY,IAAI,KAAK,CAAC,cAAc,GAAG,SAAS,CAAC;CAczD"}

package/lib/cjs/appui-react/content/ContentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentGroup.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 ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { ContentLayoutProps, UiError } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlConstructor, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ContentControl } from \"./ContentControl\";\r\nimport { FrontstageConfig } from \"../frontstage/FrontstageConfig\";\r\nimport { InternalConfigurableUiManager } from \"../configurableui/InternalConfigurableUiManager\";\r\n\r\n/** Properties for content displayed in a content view\r\n * @public\r\n */\r\nexport interface ContentProps {\r\n  /** A unique id for the Content View within the group */\r\n  id: string;\r\n  /** The class name or [[ConfigurableUiControlConstructor]] of the content control */\r\n  classId: string | ConfigurableUiControlConstructor;\r\n  /** Optional application data passed down to the Content View */\r\n  applicationData?: any;\r\n}\r\n\r\n/** Properties for a [[ContentGroup]]\r\n * @public\r\n */\r\nexport interface ContentGroupProps {\r\n  /** An id for the [[ContentGroup]]. This id is used to locate a ContentGroup and it also can be used by an ContentGroupProvider to save/restore content settings */\r\n  id: string;\r\n  /** Content Layout Id or complete set of [[ContentLayoutProps]]  */\r\n  layout: ContentLayoutProps;\r\n  /** A collection of [[ContentProps]], one for each content view */\r\n  contents: ContentProps[];\r\n}\r\n\r\n/** Abstract class that can be implemented and specified by frontstage to dynamically construct\r\n * content group just prior to activating the frontstage.\r\n * @public\r\n */\r\nexport abstract class ContentGroupProvider {\r\n  /** Return the contentGroup based on the `FrontstageConfig`. */\r\n  public abstract contentGroup(config: FrontstageConfig): Promise<ContentGroup>;\r\n\r\n  /** Allow provider to update any data stored in ContentGroupProps. Typically this may\r\n   * be to remove applicationData entries.\r\n   */\r\n  public prepareToSaveProps(contentGroupProps: ContentGroupProps) {\r\n    return contentGroupProps;\r\n  }\r\n\r\n  /** Allow provider to update any stored ContentGroupProps be it is to be used to create ContentGroup and layouts.\r\n   * Typically this may be to add applicationData to content entries.\r\n   */\r\n  public applyUpdatesToSavedProps(contentGroupProps: ContentGroupProps) {\r\n    return contentGroupProps;\r\n  }\r\n\r\n  /** Allow provider to save any content group data before the stage deactivated. */\r\n  public async onFrontstageDeactivated() { }\r\n}\r\n\r\n/** Callback to process content properties during toJSON method\r\n * @public\r\n */\r\nexport type ContentCallback = (content: ContentProps) => void;\r\n\r\n/** ContentGroup class. Content Groups define content displayed in content views that are laid out using a [[ContentLayout]].\r\n * @public\r\n */\r\nexport class ContentGroup {\r\n  private static _sId = 0;\r\n  public groupId: string;\r\n  public propsId: string;\r\n  public layout: ContentLayoutProps;\r\n  public contentPropsList: ContentProps[];\r\n  private _contentControls = new Map<string, ContentControl>();\r\n  private _contentSetMap = new Map<string, ContentControl>();\r\n\r\n  public get id() {\r\n    return this.groupId;\r\n  }\r\n\r\n  constructor(contentGroupProps: ContentGroupProps) {\r\n    this.layout = { ...contentGroupProps.layout };\r\n    this.propsId = contentGroupProps.id;\r\n    // ensure we have a unique groupId for each instance of a content group - this will be used to generate a key in the React controls\r\n    this.groupId = `[${contentGroupProps.id}-${ContentGroup._sId++}]`;\r\n    this.contentPropsList = contentGroupProps.contents;\r\n  }\r\n\r\n  /** Gets a [[ContentControl]] from the Content Group based on its [[ContentProps]]. */\r\n  public getContentControl(contentProps: ContentProps, _index: number): ContentControl | undefined {\r\n    // ensure we have a unique control Id for each instance of a content control - this will be used as a key for the React control - see `ContentControl.getKeyedReactNode`\r\n    const id = `${contentProps.id}::${this.groupId}`;\r\n    let contentControl: ContentControl | undefined;\r\n\r\n    if (!this._contentControls.get(contentProps.id)) {\r\n      let usedClassId: string = \"\";\r\n\r\n      if (typeof contentProps.classId === \"string\") {\r\n        if (!this._contentControls.get(contentProps.id) && UiFramework.controls.isRegistered(contentProps.classId)) {\r\n          contentControl = UiFramework.controls.create(contentProps.classId, id, contentProps.applicationData, contentProps.id) as ContentControl;\r\n          usedClassId = contentProps.classId;\r\n        }\r\n      } else {\r\n        const info = new ConfigurableCreateInfo(contentProps.classId.name, id, contentProps.id);\r\n        contentControl = new contentProps.classId(info, contentProps.applicationData) as ContentControl;\r\n        usedClassId = contentProps.classId.name;\r\n      }\r\n\r\n      if (contentControl) {\r\n        if (contentControl.getType() !== ConfigurableUiControlType.Content && contentControl.getType() !== ConfigurableUiControlType.Viewport) {\r\n          throw new UiError(UiFramework.loggerCategory(this), `getContentControl error: '${usedClassId}' is NOT a ContentControl or ViewportContentControl`);\r\n        }\r\n        contentControl.initialize();\r\n        this._contentControls.set(contentProps.id, contentControl);\r\n      }\r\n    }\r\n\r\n    return this._contentControls.get(contentProps.id);\r\n  }\r\n\r\n  /** Gets a [[ContentControl]] from the Content Group with a given ID. */\r\n  public getContentControlById(id: string): ContentControl | undefined {\r\n    return this._contentControls.get(id);\r\n  }\r\n\r\n  /** Gets the React nodes representing the Content Views in this Content Group. */\r\n  public getContentNodes(): React.ReactNode[] {\r\n    const contentNodes: React.ReactNode[] = new Array<React.ReactNode>();\r\n\r\n    this._contentSetMap.clear();\r\n\r\n    this.contentPropsList.forEach((contentProps: ContentProps, index: number) => {\r\n      const control = this.getContentControl(contentProps, index);\r\n      if (control) {\r\n        contentNodes.push(control.reactNode);\r\n        this._contentSetMap.set(control.controlId, control);\r\n      }\r\n    });\r\n\r\n    return contentNodes;\r\n  }\r\n\r\n  /** Gets the [[ContentControl]] associated with a given React node representing a Content View. */\r\n  public getControlFromElement(node: React.ReactNode): ContentControl | undefined {\r\n    if (this._contentSetMap.size === 0)\r\n      this.getContentNodes();\r\n\r\n    if (node && (node as React.ReactElement<any>).key) {\r\n      const key = ((node as React.ReactElement<any>).key as string);\r\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\r\n      const controlId = key.split(\"::\", 1)[0];\r\n      return this._contentSetMap.get(controlId);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Refreshes the React nodes representing the Content Views in this Content Group.. */\r\n  public refreshContentNodes() {\r\n    this._contentSetMap.clear();\r\n  }\r\n\r\n  /** Gets an array of the content controls representing the Content Views. */\r\n  public getContentControls(): ContentControl[] {\r\n    const contentControls: ContentControl[] = new Array<ContentControl>();\r\n\r\n    this.contentPropsList.forEach((contentProps: ContentProps, index: number) => {\r\n      const control = this.getContentControl(contentProps, index);\r\n      if (control) {\r\n        contentControls.push(control);\r\n      }\r\n    });\r\n\r\n    return contentControls;\r\n  }\r\n\r\n  /** Called when Frontstage is deactivated. */\r\n  public onFrontstageDeactivated(): void {\r\n    this.clearContentControls();\r\n  }\r\n\r\n  /** Called when Frontstage is ready. */\r\n  public onFrontstageReady(): void { }\r\n\r\n  /** Clears the map of content controls. */\r\n  public clearContentControls(): void {\r\n    this._contentControls.clear();\r\n  }\r\n\r\n  /** Creates [[ContentGroupProps]] for JSON purposes\r\n   * @public\r\n   */\r\n  public toJSON(contentCallback?: ContentCallback): ContentGroupProps {\r\n    const contentGroupProps: ContentGroupProps = {\r\n      id: this.propsId,\r\n      layout: this.layout,\r\n      contents: this.contentPropsList,\r\n    };\r\n\r\n    contentGroupProps.contents.forEach((content: ContentProps, index: number) => {\r\n      if (typeof content.classId !== \"string\") {\r\n        const classId = InternalConfigurableUiManager.getConstructorClassId(content.classId);\r\n        if (classId !== undefined)\r\n          content.classId = classId;\r\n        else\r\n          throw new UiError(UiFramework.loggerCategory(this), `toJSON: ContentControl at index ${index} is NOT registered with a string id`);\r\n\r\n        if (contentCallback)\r\n          contentCallback(content);\r\n      }\r\n    });\r\n\r\n    return contentGroupProps;\r\n  }\r\n\r\n  /** Gets Viewports from Viewport Content Controls\r\n   * @internal\r\n   */\r\n  public getViewports(): Array<ScreenViewport | undefined> {\r\n    const contentControls = this.getContentControls();\r\n    const viewports = new Array<ScreenViewport | undefined>();\r\n\r\n    contentControls.forEach((control: ContentControl) => {\r\n      if (control.isViewport && control.viewport) {\r\n        viewports.push(control.viewport);\r\n      } else {\r\n        viewports.push(undefined);\r\n      }\r\n    });\r\n\r\n    return viewports;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContentGroup.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentGroup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAKH,0DAAgD;AAEhD,mFAA4G;AAC5G,gDAA6C;AAG7C,mGAAgG;AA0BhG;;;GAGG;AACH,MAAsB,oBAAoB;IAIxC;;OAEG;IACI,kBAAkB,CAAC,iBAAoC;QAC5D,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED;;OAEG;IACI,wBAAwB,CAAC,iBAAoC;QAClE,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,kFAAkF;IAC3E,KAAK,CAAC,uBAAuB,KAAK,CAAC;CAC3C;AApBD,oDAoBC;AAOD;;GAEG;AACH,MAAa,YAAY;IASvB,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,iBAAoC;QAPxC,qBAAgB,GAAG,IAAI,GAAG,EAA0B,CAAC;QACrD,mBAAc,GAAG,IAAI,GAAG,EAA0B,CAAC;QAOzD,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC9C,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,EAAE,CAAC;QACpC,mIAAmI;QACnI,IAAI,CAAC,OAAO,GAAG,IAAI,iBAAiB,CAAC,EAAE,IAAI,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC;QAClE,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;IACrD,CAAC;IAED,sFAAsF;IAC/E,iBAAiB,CAAC,YAA0B,EAAE,MAAc;QACjE,wKAAwK;QACxK,MAAM,EAAE,GAAG,GAAG,YAAY,CAAC,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACjD,IAAI,cAA0C,CAAC;QAE/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE;YAC/C,IAAI,WAAW,GAAW,EAAE,CAAC;YAE7B,IAAI,OAAO,YAAY,CAAC,OAAO,KAAK,QAAQ,EAAE;gBAC5C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,yBAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;oBAC1G,cAAc,GAAG,yBAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,EAAE,YAAY,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,CAAmB,CAAC;oBACxI,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC;iBACpC;aACF;iBAAM;gBACL,MAAM,IAAI,GAAG,IAAI,8CAAsB,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;gBACxF,cAAc,GAAG,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,eAAe,CAAmB,CAAC;gBAChG,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC;aACzC;YAED,IAAI,cAAc,EAAE;gBAClB,IAAI,cAAc,CAAC,OAAO,EAAE,KAAK,iDAAyB,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,EAAE,KAAK,iDAAyB,CAAC,QAAQ,EAAE;oBACrI,MAAM,IAAI,wBAAO,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,6BAA6B,WAAW,qDAAqD,CAAC,CAAC;iBACpJ;gBACD,cAAc,CAAC,UAAU,EAAE,CAAC;gBAC5B,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC;aAC5D;SACF;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,wEAAwE;IACjE,qBAAqB,CAAC,EAAU;QACrC,OAAO,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC;IAED,iFAAiF;IAC1E,eAAe;QACpB,MAAM,YAAY,GAAsB,IAAI,KAAK,EAAmB,CAAC;QAErE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAE5B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAA0B,EAAE,KAAa,EAAE,EAAE;YAC1E,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YAC5D,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;gBACrC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;aACrD;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,kGAAkG;IAC3F,qBAAqB,CAAC,IAAqB;QAChD,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC;YAChC,IAAI,CAAC,eAAe,EAAE,CAAC;QAEzB,IAAI,IAAI,IAAK,IAAgC,CAAC,GAAG,EAAE;YACjD,MAAM,GAAG,GAAK,IAAgC,CAAC,GAAc,CAAC;YAC9D,oFAAoF;YACpF,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;SAC3C;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,uFAAuF;IAChF,mBAAmB;QACxB,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC;IAED,4EAA4E;IACrE,kBAAkB;QACvB,MAAM,eAAe,GAAqB,IAAI,KAAK,EAAkB,CAAC;QAEtE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAA0B,EAAE,KAAa,EAAE,EAAE;YAC1E,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YAC5D,IAAI,OAAO,EAAE;gBACX,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAC/B;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,6CAA6C;IACtC,uBAAuB;QAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,uCAAuC;IAChC,iBAAiB,KAAW,CAAC;IAEpC,0CAA0C;IACnC,oBAAoB;QACzB,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,eAAiC;QAC7C,MAAM,iBAAiB,GAAsB;YAC3C,EAAE,EAAE,IAAI,CAAC,OAAO;YAChB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,gBAAgB;SAChC,CAAC;QAEF,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAqB,EAAE,KAAa,EAAE,EAAE;YAC1E,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE;gBACvC,MAAM,OAAO,GAAG,6DAA6B,CAAC,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;gBACrF,IAAI,OAAO,KAAK,SAAS;oBACvB,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;;oBAE1B,MAAM,IAAI,wBAAO,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,mCAAmC,KAAK,qCAAqC,CAAC,CAAC;gBAErI,IAAI,eAAe;oBACjB,eAAe,CAAC,OAAO,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED;;OAEG;IACI,YAAY;QACjB,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAClD,MAAM,SAAS,GAAG,IAAI,KAAK,EAA8B,CAAC;QAE1D,eAAe,CAAC,OAAO,CAAC,CAAC,OAAuB,EAAE,EAAE;YAClD,IAAI,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,QAAQ,EAAE;gBAC1C,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;aAClC;iBAAM;gBACL,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC3B;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;;AAnKc,iBAAI,GAAG,CAAC,AAAJ,CAAK;AADb,oCAAY","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 ContentView\r\n */\r\n\r\nimport type * as React from \"react\";\r\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport type { ContentLayoutProps} from \"@itwin/appui-abstract\";\r\nimport { UiError } from \"@itwin/appui-abstract\";\r\nimport type { ConfigurableUiControlConstructor} from \"../configurableui/ConfigurableUiControl\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport type { ContentControl } from \"./ContentControl\";\r\nimport type { FrontstageConfig } from \"../frontstage/FrontstageConfig\";\r\nimport { InternalConfigurableUiManager } from \"../configurableui/InternalConfigurableUiManager\";\r\n\r\n/** Properties for content displayed in a content view\r\n * @public\r\n */\r\nexport interface ContentProps {\r\n  /** A unique id for the Content View within the group */\r\n  id: string;\r\n  /** The class name or [[ConfigurableUiControlConstructor]] of the content control */\r\n  classId: string | ConfigurableUiControlConstructor;\r\n  /** Optional application data passed down to the Content View */\r\n  applicationData?: any;\r\n}\r\n\r\n/** Properties for a [[ContentGroup]]\r\n * @public\r\n */\r\nexport interface ContentGroupProps {\r\n  /** An id for the [[ContentGroup]]. This id is used to locate a ContentGroup and it also can be used by an ContentGroupProvider to save/restore content settings */\r\n  id: string;\r\n  /** Content Layout Id or complete set of [[ContentLayoutProps]]  */\r\n  layout: ContentLayoutProps;\r\n  /** A collection of [[ContentProps]], one for each content view */\r\n  contents: ContentProps[];\r\n}\r\n\r\n/** Abstract class that can be implemented and specified by frontstage to dynamically construct\r\n * content group just prior to activating the frontstage.\r\n * @public\r\n */\r\nexport abstract class ContentGroupProvider {\r\n  /** Return the contentGroup based on the `FrontstageConfig`. */\r\n  public abstract contentGroup(config: FrontstageConfig): Promise<ContentGroup>;\r\n\r\n  /** Allow provider to update any data stored in ContentGroupProps. Typically this may\r\n   * be to remove applicationData entries.\r\n   */\r\n  public prepareToSaveProps(contentGroupProps: ContentGroupProps) {\r\n    return contentGroupProps;\r\n  }\r\n\r\n  /** Allow provider to update any stored ContentGroupProps be it is to be used to create ContentGroup and layouts.\r\n   * Typically this may be to add applicationData to content entries.\r\n   */\r\n  public applyUpdatesToSavedProps(contentGroupProps: ContentGroupProps) {\r\n    return contentGroupProps;\r\n  }\r\n\r\n  /** Allow provider to save any content group data before the stage deactivated. */\r\n  public async onFrontstageDeactivated() { }\r\n}\r\n\r\n/** Callback to process content properties during toJSON method\r\n * @public\r\n */\r\nexport type ContentCallback = (content: ContentProps) => void;\r\n\r\n/** ContentGroup class. Content Groups define content displayed in content views that are laid out using a [[ContentLayout]].\r\n * @public\r\n */\r\nexport class ContentGroup {\r\n  private static _sId = 0;\r\n  public groupId: string;\r\n  public propsId: string;\r\n  public layout: ContentLayoutProps;\r\n  public contentPropsList: ContentProps[];\r\n  private _contentControls = new Map<string, ContentControl>();\r\n  private _contentSetMap = new Map<string, ContentControl>();\r\n\r\n  public get id() {\r\n    return this.groupId;\r\n  }\r\n\r\n  constructor(contentGroupProps: ContentGroupProps) {\r\n    this.layout = { ...contentGroupProps.layout };\r\n    this.propsId = contentGroupProps.id;\r\n    // ensure we have a unique groupId for each instance of a content group - this will be used to generate a key in the React controls\r\n    this.groupId = `[${contentGroupProps.id}-${ContentGroup._sId++}]`;\r\n    this.contentPropsList = contentGroupProps.contents;\r\n  }\r\n\r\n  /** Gets a [[ContentControl]] from the Content Group based on its [[ContentProps]]. */\r\n  public getContentControl(contentProps: ContentProps, _index: number): ContentControl | undefined {\r\n    // ensure we have a unique control Id for each instance of a content control - this will be used as a key for the React control - see `ContentControl.getKeyedReactNode`\r\n    const id = `${contentProps.id}::${this.groupId}`;\r\n    let contentControl: ContentControl | undefined;\r\n\r\n    if (!this._contentControls.get(contentProps.id)) {\r\n      let usedClassId: string = \"\";\r\n\r\n      if (typeof contentProps.classId === \"string\") {\r\n        if (!this._contentControls.get(contentProps.id) && UiFramework.controls.isRegistered(contentProps.classId)) {\r\n          contentControl = UiFramework.controls.create(contentProps.classId, id, contentProps.applicationData, contentProps.id) as ContentControl;\r\n          usedClassId = contentProps.classId;\r\n        }\r\n      } else {\r\n        const info = new ConfigurableCreateInfo(contentProps.classId.name, id, contentProps.id);\r\n        contentControl = new contentProps.classId(info, contentProps.applicationData) as ContentControl;\r\n        usedClassId = contentProps.classId.name;\r\n      }\r\n\r\n      if (contentControl) {\r\n        if (contentControl.getType() !== ConfigurableUiControlType.Content && contentControl.getType() !== ConfigurableUiControlType.Viewport) {\r\n          throw new UiError(UiFramework.loggerCategory(this), `getContentControl error: '${usedClassId}' is NOT a ContentControl or ViewportContentControl`);\r\n        }\r\n        contentControl.initialize();\r\n        this._contentControls.set(contentProps.id, contentControl);\r\n      }\r\n    }\r\n\r\n    return this._contentControls.get(contentProps.id);\r\n  }\r\n\r\n  /** Gets a [[ContentControl]] from the Content Group with a given ID. */\r\n  public getContentControlById(id: string): ContentControl | undefined {\r\n    return this._contentControls.get(id);\r\n  }\r\n\r\n  /** Gets the React nodes representing the Content Views in this Content Group. */\r\n  public getContentNodes(): React.ReactNode[] {\r\n    const contentNodes: React.ReactNode[] = new Array<React.ReactNode>();\r\n\r\n    this._contentSetMap.clear();\r\n\r\n    this.contentPropsList.forEach((contentProps: ContentProps, index: number) => {\r\n      const control = this.getContentControl(contentProps, index);\r\n      if (control) {\r\n        contentNodes.push(control.reactNode);\r\n        this._contentSetMap.set(control.controlId, control);\r\n      }\r\n    });\r\n\r\n    return contentNodes;\r\n  }\r\n\r\n  /** Gets the [[ContentControl]] associated with a given React node representing a Content View. */\r\n  public getControlFromElement(node: React.ReactNode): ContentControl | undefined {\r\n    if (this._contentSetMap.size === 0)\r\n      this.getContentNodes();\r\n\r\n    if (node && (node as React.ReactElement<any>).key) {\r\n      const key = ((node as React.ReactElement<any>).key as string);\r\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\r\n      const controlId = key.split(\"::\", 1)[0];\r\n      return this._contentSetMap.get(controlId);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Refreshes the React nodes representing the Content Views in this Content Group.. */\r\n  public refreshContentNodes() {\r\n    this._contentSetMap.clear();\r\n  }\r\n\r\n  /** Gets an array of the content controls representing the Content Views. */\r\n  public getContentControls(): ContentControl[] {\r\n    const contentControls: ContentControl[] = new Array<ContentControl>();\r\n\r\n    this.contentPropsList.forEach((contentProps: ContentProps, index: number) => {\r\n      const control = this.getContentControl(contentProps, index);\r\n      if (control) {\r\n        contentControls.push(control);\r\n      }\r\n    });\r\n\r\n    return contentControls;\r\n  }\r\n\r\n  /** Called when Frontstage is deactivated. */\r\n  public onFrontstageDeactivated(): void {\r\n    this.clearContentControls();\r\n  }\r\n\r\n  /** Called when Frontstage is ready. */\r\n  public onFrontstageReady(): void { }\r\n\r\n  /** Clears the map of content controls. */\r\n  public clearContentControls(): void {\r\n    this._contentControls.clear();\r\n  }\r\n\r\n  /** Creates [[ContentGroupProps]] for JSON purposes\r\n   * @public\r\n   */\r\n  public toJSON(contentCallback?: ContentCallback): ContentGroupProps {\r\n    const contentGroupProps: ContentGroupProps = {\r\n      id: this.propsId,\r\n      layout: this.layout,\r\n      contents: this.contentPropsList,\r\n    };\r\n\r\n    contentGroupProps.contents.forEach((content: ContentProps, index: number) => {\r\n      if (typeof content.classId !== \"string\") {\r\n        const classId = InternalConfigurableUiManager.getConstructorClassId(content.classId);\r\n        if (classId !== undefined)\r\n          content.classId = classId;\r\n        else\r\n          throw new UiError(UiFramework.loggerCategory(this), `toJSON: ContentControl at index ${index} is NOT registered with a string id`);\r\n\r\n        if (contentCallback)\r\n          contentCallback(content);\r\n      }\r\n    });\r\n\r\n    return contentGroupProps;\r\n  }\r\n\r\n  /** Gets Viewports from Viewport Content Controls\r\n   * @internal\r\n   */\r\n  public getViewports(): Array<ScreenViewport | undefined> {\r\n    const contentControls = this.getContentControls();\r\n    const viewports = new Array<ScreenViewport | undefined>();\r\n\r\n    contentControls.forEach((control: ContentControl) => {\r\n      if (control.isViewport && control.viewport) {\r\n        viewports.push(control.viewport);\r\n      } else {\r\n        viewports.push(undefined);\r\n      }\r\n    });\r\n\r\n    return viewports;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/content/ContentLayout.d.ts

@@ -3,9 +3,10 @@
  */
 import "./ContentLayout.scss";
 import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { ContentGroup } from "./ContentGroup";
-import { ContentLayoutProps, LayoutFragmentProps, UiEvent } from "@itwin/appui-abstract";
+import type { CommonProps } from "@itwin/core-react";
+import type { ContentGroup } from "./ContentGroup";
+import type { ContentLayoutProps, LayoutFragmentProps } from "@itwin/appui-abstract";
+import { UiEvent } from "@itwin/appui-abstract";
 /** Properties for [[ContentWrapper]] */
 interface ContentWrapperProps extends CommonProps {
     content: React.ReactNode;

package/lib/cjs/appui-react/content/ContentLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayout.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAA8E,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrK,wCAAwC;AACxC,UAAU,mBAAoB,SAAQ,WAAW;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqExD;AA4FD;GACG;AACH,UAAU,WAAW;IACnB,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7F,QAAQ,EAAE,OAAO,CAAC;CACnB;AA6JD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,UAAU,CAAC,CAAc;IAEjC,iCAAiC;IAC1B,EAAE,EAAE,MAAM,CAAM;IACvB,iCAAiC;IAC1B,WAAW,EAAE,MAAM,CAAM;gBACpB,WAAW,EAAE,kBAAkB;IAO3C,IAAW,SAAS,IAAI,WAAW,GAAG,SAAS,CAA4B;IAE3E;;OAEG;IACI,MAAM,IAAI,kBAAkB;IAEnC;OACG;IACI,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS;IAa5G;OACG;IACI,qBAAqB,IAAI,MAAM,EAAE;IAexC,OAAO,CAAC,gCAAgC;IAuBxC,OAAO,CAAC,8BAA8B;IAuBtC,gBAAgB;WACF,WAAW,CAAC,WAAW,EAAE,mBAAmB,GAAG,WAAW,GAAG,SAAS;CAUrF;AAED;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,aAAa,EAAE,gBAAgB,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAI;AAE7F;GACG;AACH,UAAU,kBAAkB;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,aAAa,EAAE,gBAAgB,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE,kBAAkB,CAAC;IAEjG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;gBAEjD,KAAK,EAAE,2BAA2B;IAgB9B,iBAAiB;IAIjB,oBAAoB;IAIpC,OAAO,CAAC,6BAA6B,CAYnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAezC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,UAAU,CAEhB;CACH"}
+{"version":3,"file":"ContentLayout.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayout.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAA6E,MAAM,uBAAuB,CAAC;AAChK,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKhD,wCAAwC;AACxC,UAAU,mBAAoB,SAAQ,WAAW;IAC/C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqExD;AA4FD;GACG;AACH,UAAU,WAAW;IACnB,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7F,QAAQ,EAAE,OAAO,CAAC;CACnB;AA6JD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,UAAU,CAAC,CAAc;IAEjC,iCAAiC;IAC1B,EAAE,EAAE,MAAM,CAAM;IACvB,iCAAiC;IAC1B,WAAW,EAAE,MAAM,CAAM;gBACpB,WAAW,EAAE,kBAAkB;IAO3C,IAAW,SAAS,IAAI,WAAW,GAAG,SAAS,CAA4B;IAE3E;;OAEG;IACI,MAAM,IAAI,kBAAkB;IAEnC;OACG;IACI,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS;IAa5G;OACG;IACI,qBAAqB,IAAI,MAAM,EAAE;IAexC,OAAO,CAAC,gCAAgC;IAuBxC,OAAO,CAAC,8BAA8B;IAuBtC,gBAAgB;WACF,WAAW,CAAC,WAAW,EAAE,mBAAmB,GAAG,WAAW,GAAG,SAAS;CAUrF;AAED;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,aAAa,EAAE,gBAAgB,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAI;AAE7F;GACG;AACH,UAAU,kBAAkB;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,aAAa,EAAE,gBAAgB,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE,kBAAkB,CAAC;IAEjG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;gBAEjD,KAAK,EAAE,2BAA2B;IAgB9B,iBAAiB;IAIjB,oBAAoB;IAIpC,OAAO,CAAC,6BAA6B,CAYnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAezC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,UAAU,CAEhB;CACH"}

package/lib/cjs/appui-react/content/ContentLayout.js

@@ -34,13 +34,17 @@ function ContentWrapper(props) {
         return controlId;
     };
     // istanbul ignore next
-    const [hasMultipleContents, setHasMultipleContents] = React.useState(() => (activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||
-        (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));
+    const [hasMultipleContents, setHasMultipleContents] = React.useState(() => {
+        var _a, _b, _c;
+        return (activeFrontstageDef && (!!((_a = activeFrontstageDef.floatingContentControls) === null || _a === void 0 ? void 0 : _a.length)) ||
+            ((_c = (_b = activeFrontstageDef === null || activeFrontstageDef === void 0 ? void 0 : activeFrontstageDef.contentGroup) === null || _b === void 0 ? void 0 : _b.getContentControls().length) !== null && _c !== void 0 ? _c : 0) > 1);
+    });
     React.useEffect(() => {
         setIsActive(content === UiFramework_1.UiFramework.content.getActive());
     }, [content]);
     React.useEffect(() => {
         const handleActiveContentChanged = (args) => {
+            var _a, _b, _c;
             const contentIsIdentical = content === args.activeContent;
             if (contentIsIdentical)
                 setIsActive(contentIsIdentical);
@@ -50,8 +54,8 @@ function ContentWrapper(props) {
                 setIsActive(contentId === activeContentId);
             }
             // istanbul ignore next
-            setHasMultipleContents((activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||
-                (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));
+            setHasMultipleContents((activeFrontstageDef && (!!((_a = activeFrontstageDef.floatingContentControls) === null || _a === void 0 ? void 0 : _a.length)) ||
+                ((_c = (_b = activeFrontstageDef === null || activeFrontstageDef === void 0 ? void 0 : activeFrontstageDef.contentGroup) === null || _b === void 0 ? void 0 : _b.getContentControls().length) !== null && _c !== void 0 ? _c : 0) > 1));
         };
         return UiFramework_1.UiFramework.content.onActiveContentChangedEvent.addListener(handleActiveContentChanged);
     }, [activeFrontstageDef, content]);
@@ -61,9 +65,10 @@ function ContentWrapper(props) {
     }, [content]);
     React.useEffect(() => {
         const onAvailableContentChanged = () => {
+            var _a, _b, _c;
             // istanbul ignore next
-            setHasMultipleContents((activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||
-                (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));
+            setHasMultipleContents((activeFrontstageDef && (!!((_a = activeFrontstageDef.floatingContentControls) === null || _a === void 0 ? void 0 : _a.length)) ||
+                ((_c = (_b = activeFrontstageDef === null || activeFrontstageDef === void 0 ? void 0 : activeFrontstageDef.contentGroup) === null || _b === void 0 ? void 0 : _b.getContentControls().length) !== null && _c !== void 0 ? _c : 0) > 1));
         };
         return UiFramework_1.UiFramework.content.onAvailableContentChangedEvent.addListener(onAvailableContentChanged);
     }, [activeFrontstageDef]);

package/lib/cjs/appui-react/content/ContentLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayout.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 ContentView\r\n */\r\n\r\n// cSpell:ignore contentlayout\r\n\r\nimport \"./ContentLayout.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SplitPane } from \"./split-pane/SplitPane\";\r\nimport { CommonProps, Orientation } from \"@itwin/core-react\";\r\nimport { ContentGroup } from \"./ContentGroup\";\r\nimport { ContentLayoutProps, LayoutFragmentProps, LayoutHorizontalSplitProps, LayoutSplitPropsBase, LayoutVerticalSplitProps, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for [[ContentWrapper]] */\r\ninterface ContentWrapperProps extends CommonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** ContentWrapper React component.\r\n * @internal\r\n */\r\nexport function ContentWrapper(props: ContentWrapperProps) {\r\n  const { content } = props;\r\n  const [isActive, setIsActive] = React.useState(content === UiFramework.content.getActive());\r\n  const activeFrontstageDef = useActiveFrontstageDef();\r\n\r\n  const contentControlKey = (contentControl: React.ReactNode): string | undefined => {\r\n    let controlId: string | undefined;\r\n    if (contentControl && (contentControl as React.ReactElement<any>).key) {\r\n      const key = ((contentControl as React.ReactElement<any>).key as string);\r\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\r\n      controlId = key.split(\"::\", 1)[0];\r\n    }\r\n    return controlId;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  const [hasMultipleContents, setHasMultipleContents] = React.useState(() =>\r\n    (activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||\r\n    (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1)\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    setIsActive(content === UiFramework.content.getActive());\r\n  }, [content]);\r\n\r\n  React.useEffect(() => {\r\n    const handleActiveContentChanged = (args: ActiveContentChangedEventArgs) => {\r\n      const contentIsIdentical = content === args.activeContent;\r\n      if (contentIsIdentical)\r\n        setIsActive(contentIsIdentical);\r\n      else {\r\n        const contentId = contentControlKey(content);\r\n        const activeContentId = contentControlKey(args.activeContent);\r\n        setIsActive(contentId === activeContentId);\r\n      }\r\n      // istanbul ignore next\r\n      setHasMultipleContents((activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||\r\n        (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));\r\n    };\r\n    return UiFramework.content.onActiveContentChangedEvent.addListener(handleActiveContentChanged);\r\n  }, [activeFrontstageDef, content]);\r\n\r\n  const handleMouseDown = React.useCallback(() => {\r\n    UiFramework.content.setActive(content);\r\n    setIsActive(true);\r\n  }, [content]);\r\n\r\n  React.useEffect(() => {\r\n    const onAvailableContentChanged = () => {\r\n      // istanbul ignore next\r\n      setHasMultipleContents((activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||\r\n        (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));\r\n    };\r\n    return UiFramework.content.onAvailableContentChangedEvent.addListener(onAvailableContentChanged);\r\n  }, [activeFrontstageDef]);\r\n\r\n  const overlayClassName = classnames(\r\n    \"uifw-contentlayout-overlay-div\",\r\n    isActive && hasMultipleContents ? \"uifw-contentlayout-overlay-active\" : \"uifw-contentlayout-overlay-inactive\",\r\n  );\r\n\r\n  return (\r\n    <div className={classnames(\"uifw-contentlayout-wrapper\", props.className)} style={props.style}\r\n      onMouseDown={handleMouseDown} onMouseMove={UiFramework.visibility.handleContentMouseMove} role=\"presentation\"\r\n    >\r\n      {content}\r\n      <div className={overlayClassName} />\r\n    </div>\r\n  );\r\n}\r\n\r\n/** Properties for the [[SplitContainer]] component */\r\ninterface SplitContainerProps extends CommonProps {\r\n  contentA: React.ReactNode;\r\n  contentB: React.ReactNode;\r\n  orientation: Orientation;\r\n  percentage: number;\r\n  resizable: boolean;\r\n  minSizeTopLeft: number;\r\n  minSizeBottomRight: number;\r\n  splitterStateId?: string;\r\n  onSplitterChange?: (size: number, percentage: number) => void;\r\n}\r\n\r\n/** Split Container class.\r\n */\r\nclass SplitContainer extends React.Component<SplitContainerProps> {\r\n  private _containerDiv: HTMLDivElement | null = null;\r\n\r\n  constructor(props: SplitContainerProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onSplitterChange = (size: number): void => {\r\n    let percentage = 0;\r\n\r\n    // istanbul ignore else\r\n    if (this._containerDiv && size > 0) {\r\n      if (this.props.orientation === Orientation.Horizontal) {\r\n        const height = this._containerDiv.getBoundingClientRect().height;\r\n        // istanbul ignore if\r\n        if (height > 0)\r\n          percentage = size / height;\r\n      } else {\r\n        const width = this._containerDiv.getBoundingClientRect().width;\r\n        // istanbul ignore if\r\n        if (width > 0)\r\n          percentage = size / width;\r\n      }\r\n\r\n      // istanbul ignore else\r\n      if (this.props.onSplitterChange)\r\n        this.props.onSplitterChange(size, percentage);\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const orientation = (this.props.orientation === Orientation.Horizontal) ? \"horizontal\" : \"vertical\";\r\n    const defaultSize = `${(this.props.percentage * 100).toString()}%`;\r\n    const minSizeTopLeft = this.props.minSizeTopLeft;\r\n    const minSizeBottomRight = -(this.props.minSizeBottomRight);\r\n\r\n    return (\r\n      <div ref={(e) => { this._containerDiv = e; }}\r\n        className={classnames(\"uifw-contentlayout-full-size\", this.props.className)}\r\n        style={this.props.style}\r\n      >\r\n        <SplitPane split={orientation}\r\n          minSize={minSizeTopLeft} maxSize={minSizeBottomRight} defaultSize={defaultSize}\r\n          onChange={this._onSplitterChange} allowResize={this.props.resizable}\r\n        >\r\n          {this.props.contentA}\r\n          {this.props.contentB}\r\n        </SplitPane>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for [[SingleContentContainer]] component\r\n */\r\ninterface SingleContentProps extends CommonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** Single Content Container class.\r\n */\r\nclass SingleContentContainer extends React.Component<SingleContentProps> {\r\n\r\n  public override render(): React.ReactNode {\r\n\r\n    return (\r\n      <div className={classnames(\"uifw-contentlayout-full-size\", this.props.className)} style={this.props.style} data-testid=\"single-content-container\"\r\n        onMouseMove={UiFramework.visibility.handleContentMouseMove}\r\n      >\r\n        <ContentWrapper content={this.props.content} style={{ height: \"100%\", position: \"relative\" }} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** Common interface for HorizontalSplit and VerticalSplit\r\n */\r\ninterface LayoutSplit {\r\n  createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode;\r\n  isLocked: boolean;\r\n}\r\n\r\n/** Minimum split size  */\r\nconst MIN_SPLIT_SIZE = 6;\r\n\r\n/** Base Split class.\r\n */\r\nclass BaseSplit {\r\n  public defaultPercentage: number;\r\n  public stateId: string = \"\";\r\n  public isLocked: boolean = false;\r\n\r\n  constructor(props: LayoutSplitPropsBase) {\r\n    this.defaultPercentage = props.percentage;\r\n\r\n    // istanbul ignore else\r\n    if (props.id)\r\n      this.stateId = props.id;\r\n\r\n    // istanbul ignore else\r\n    if (props.lock)\r\n      this.isLocked = props.lock;\r\n  }\r\n}\r\n\r\n/** Horizontal Split class.\r\n */\r\nclass HorizontalSplit extends BaseSplit implements LayoutSplit {\r\n  private _topIndex: number = -1;\r\n  private _bottomIndex: number = -1;\r\n  private _topSplit?: LayoutSplit;\r\n  private _bottomSplit?: LayoutSplit;\r\n  private _props: LayoutHorizontalSplitProps;\r\n  private _minSizeTop: number = MIN_SPLIT_SIZE;\r\n  private _minSizeBottom: number = MIN_SPLIT_SIZE;\r\n\r\n  constructor(props: LayoutHorizontalSplitProps) {\r\n    super(props);\r\n\r\n    this._props = props;\r\n\r\n    if (typeof props.top === \"number\") {\r\n      this._topIndex = props.top;\r\n    } else {\r\n      this._topSplit = ContentLayoutDef.createSplit(props.top);\r\n    }\r\n\r\n    if (typeof props.bottom === \"number\") {\r\n      this._bottomIndex = props.bottom;\r\n    } else {\r\n      this._bottomSplit = ContentLayoutDef.createSplit(props.bottom);\r\n    }\r\n\r\n    if (props.minSizeTop)\r\n      this._minSizeTop = Math.max(props.minSizeTop, MIN_SPLIT_SIZE);\r\n\r\n    if (props.minSizeBottom)\r\n      this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);\r\n  }\r\n\r\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\r\n    this._props.percentage = percentage;\r\n  };\r\n\r\n  public createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode {\r\n    if (this.isLocked)\r\n      resizable = false;\r\n\r\n    const topContent = (!this._topSplit) ?\r\n      <ContentWrapper content={contentNodes[this._topIndex]} /> :\r\n      this._topSplit.createContentContainer(contentNodes, resizable);\r\n    const bottomContent = (!this._bottomSplit) ?\r\n      <ContentWrapper content={contentNodes[this._bottomIndex]} /> :\r\n      this._bottomSplit.createContentContainer(contentNodes, resizable);\r\n\r\n    return (\r\n      <SplitContainer\r\n        contentA={topContent}\r\n        contentB={bottomContent}\r\n        orientation={Orientation.Horizontal}\r\n        percentage={this.defaultPercentage}\r\n        resizable={resizable}\r\n        minSizeTopLeft={this._minSizeTop}\r\n        minSizeBottomRight={this._minSizeBottom}\r\n        splitterStateId={this.stateId}\r\n        onSplitterChange={this._handleSplitterChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Vertical Split class.\r\n */\r\nclass VerticalSplit extends BaseSplit implements LayoutSplit {\r\n  private _leftIndex: number = -1;\r\n  private _rightIndex: number = -1;\r\n  private _leftSplit?: LayoutSplit;\r\n  private _rightSplit?: LayoutSplit;\r\n  private _props: LayoutVerticalSplitProps;\r\n  private _minSizeLeft: number = MIN_SPLIT_SIZE;\r\n  private _minSizeRight: number = MIN_SPLIT_SIZE;\r\n\r\n  constructor(props: LayoutVerticalSplitProps) {\r\n    super(props);\r\n\r\n    this._props = props;\r\n\r\n    if (typeof props.left === \"number\") {\r\n      this._leftIndex = props.left;\r\n    } else {\r\n      this._leftSplit = ContentLayoutDef.createSplit(props.left);\r\n    }\r\n\r\n    if (typeof props.right === \"number\") {\r\n      this._rightIndex = props.right;\r\n    } else {\r\n      this._rightSplit = ContentLayoutDef.createSplit(props.right);\r\n    }\r\n\r\n    if (props.minSizeLeft)\r\n      this._minSizeLeft = Math.max(props.minSizeLeft, MIN_SPLIT_SIZE);\r\n\r\n    if (props.minSizeRight)\r\n      this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);\r\n  }\r\n\r\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\r\n    this._props.percentage = percentage;\r\n  };\r\n\r\n  public createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode {\r\n    if (this.isLocked)\r\n      resizable = false;\r\n\r\n    const leftContent = (!this._leftSplit) ?\r\n      <ContentWrapper content={contentNodes[this._leftIndex]} /> :\r\n      this._leftSplit.createContentContainer(contentNodes, resizable);\r\n    const rightContent = (!this._rightSplit) ?\r\n      <ContentWrapper content={contentNodes[this._rightIndex]} /> :\r\n      this._rightSplit.createContentContainer(contentNodes, resizable);\r\n\r\n    return (\r\n      <SplitContainer\r\n        contentA={leftContent}\r\n        contentB={rightContent}\r\n        orientation={Orientation.Vertical}\r\n        percentage={this.defaultPercentage}\r\n        resizable={resizable}\r\n        minSizeTopLeft={this._minSizeLeft}\r\n        minSizeBottomRight={this._minSizeRight}\r\n        splitterStateId={this.stateId}\r\n        onSplitterChange={this._handleSplitterChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Content Layout Definition class.\r\n * @public\r\n */\r\nexport class ContentLayoutDef {\r\n  private _layoutProps: ContentLayoutProps;\r\n  private _rootSplit?: LayoutSplit;\r\n\r\n  /** ID for this Content Layout */\r\n  public id: string = \"\";\r\n  /** Description of the layout. */\r\n  public description: string = \"\";\r\n  constructor(layoutProps: ContentLayoutProps) {\r\n    this._layoutProps = layoutProps;\r\n    this.id = layoutProps.id;\r\n    if (layoutProps.description !== undefined)\r\n      this.description = layoutProps.description;\r\n  }\r\n\r\n  public get rootSplit(): LayoutSplit | undefined { return this._rootSplit; }\r\n\r\n  /** Creates [[ContentLayoutProps]] for JSON purposes\r\n   * @public\r\n   */\r\n  public toJSON(): ContentLayoutProps { return this._layoutProps; }\r\n\r\n  /** Fill a layout container with React nodes for each content view\r\n   */\r\n  public fillLayoutContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode | undefined {\r\n    this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);\r\n\r\n    if (this.rootSplit) {\r\n      return this.rootSplit.createContentContainer(contentNodes, resizable);\r\n    }\r\n\r\n    if (contentNodes.length > 0)\r\n      return <SingleContentContainer content={contentNodes[0]} />;\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Gets the indexes of content views used in this Content Layout\r\n   */\r\n  public getUsedContentIndexes(): number[] {\r\n    let allContentIndexes: number[] = [];\r\n\r\n    if (!this._layoutProps.horizontalSplit && !this._layoutProps.verticalSplit)\r\n      allContentIndexes.push(0);\r\n    else {\r\n      allContentIndexes = allContentIndexes.concat(this.getHorizontalSplitContentIndexes(this._layoutProps.horizontalSplit));\r\n      allContentIndexes = allContentIndexes.concat(this.getVerticalSplitContentIndexes(this._layoutProps.verticalSplit));\r\n    }\r\n\r\n    const uniqueContentIndexes = [...new Set(allContentIndexes)];\r\n\r\n    return uniqueContentIndexes;\r\n  }\r\n\r\n  private getHorizontalSplitContentIndexes(splitProps?: LayoutHorizontalSplitProps): number[] {\r\n    let contentIndexes: number[] = [];\r\n\r\n    if (!splitProps)\r\n      return contentIndexes;\r\n\r\n    if (typeof splitProps.top === \"number\")\r\n      contentIndexes.push(splitProps.top);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.top.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.top.verticalSplit));\r\n    }\r\n\r\n    if (typeof splitProps.bottom === \"number\")\r\n      contentIndexes.push(splitProps.bottom);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.bottom.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.bottom.verticalSplit));\r\n    }\r\n\r\n    return contentIndexes;\r\n  }\r\n\r\n  private getVerticalSplitContentIndexes(splitProps?: LayoutVerticalSplitProps): number[] {\r\n    let contentIndexes: number[] = [];\r\n\r\n    if (!splitProps)\r\n      return contentIndexes;\r\n\r\n    if (typeof splitProps.left === \"number\")\r\n      contentIndexes.push(splitProps.left);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.left.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.left.verticalSplit));\r\n    }\r\n\r\n    if (typeof splitProps.right === \"number\")\r\n      contentIndexes.push(splitProps.right);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.right.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.right.verticalSplit));\r\n    }\r\n\r\n    return contentIndexes;\r\n  }\r\n\r\n  /** @internal */\r\n  public static createSplit(fragmentDef: LayoutFragmentProps): LayoutSplit | undefined {\r\n    if (fragmentDef.horizontalSplit) {\r\n      return new HorizontalSplit(fragmentDef.horizontalSplit);\r\n    } else if (fragmentDef.verticalSplit) {\r\n      return new VerticalSplit(fragmentDef.verticalSplit);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n}\r\n\r\n/** Content Layout Activated Event Args class.\r\n * @public\r\n */\r\nexport interface ContentLayoutActivatedEventArgs {\r\n  contentLayout: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n}\r\n\r\n/** Content Layout Activated Event class.\r\n * @public\r\n */\r\nexport class ContentLayoutActivatedEvent extends UiEvent<ContentLayoutActivatedEventArgs> { }\r\n\r\n/** State for the [[ContentLayout]].\r\n */\r\ninterface ContentLayoutState {\r\n  contentLayoutDef: ContentLayoutDef;\r\n  contentContainer?: React.ReactNode;\r\n  contentGroupId?: string;\r\n}\r\n\r\n/** Properties for the [[ContentLayout]] React component.\r\n * @public\r\n */\r\nexport interface ContentLayoutComponentProps extends CommonProps {\r\n  contentLayout: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n}\r\n\r\n/** Content Layout React component.\r\n * @public\r\n */\r\nexport class ContentLayout extends React.Component<ContentLayoutComponentProps, ContentLayoutState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContentLayoutState>;\r\n\r\n  constructor(props: ContentLayoutComponentProps) {\r\n    super(props);\r\n\r\n    const contentLayoutDef = this.props.contentLayout;\r\n    const contentGroup = this.props.contentGroup;\r\n\r\n    const contentNodes = contentGroup.getContentNodes();\r\n    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);\r\n\r\n    this.state = {\r\n      contentLayoutDef: this.props.contentLayout,\r\n      contentContainer,\r\n      contentGroupId: this.props.contentGroup.groupId,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    UiFramework.frontstages.onContentLayoutActivatedEvent.addListener(this._handleContentLayoutActivated);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    UiFramework.frontstages.onContentLayoutActivatedEvent.removeListener(this._handleContentLayoutActivated);\r\n  }\r\n\r\n  private _handleContentLayoutActivated = (args: ContentLayoutActivatedEventArgs) => {\r\n    const contentLayoutDef = args.contentLayout;\r\n    const contentGroup = args.contentGroup;\r\n\r\n    const contentNodes = contentGroup.getContentNodes();\r\n    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);\r\n\r\n    this.setState({\r\n      contentLayoutDef: args.contentLayout,\r\n      contentContainer,\r\n      contentGroupId: contentGroup.groupId,\r\n    });\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (this.state.contentContainer) {\r\n      return (\r\n        <div id=\"uifw-contentlayout-div\" className={this.props.className} style={this.props.style}\r\n          key={`${this.state.contentGroupId}-${this.state.contentLayoutDef.id}`}\r\n          onMouseDown={this._onMouseDown} onMouseUp={this._onMouseUp} role=\"presentation\"\r\n        >\r\n          {this.state.contentContainer}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private _onMouseDown = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    UiFramework.content.setMouseDown(true);\r\n  };\r\n\r\n  private _onMouseUp = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    UiFramework.content.setMouseDown(false);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ContentLayout.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentLayout.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 ContentView\r\n */\r\n\r\n// cSpell:ignore contentlayout\r\n\r\nimport \"./ContentLayout.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SplitPane } from \"./split-pane/SplitPane\";\r\nimport type { CommonProps} from \"@itwin/core-react\";\r\nimport { Orientation } from \"@itwin/core-react\";\r\nimport type { ContentGroup } from \"./ContentGroup\";\r\nimport type { ContentLayoutProps, LayoutFragmentProps, LayoutHorizontalSplitProps, LayoutSplitPropsBase, LayoutVerticalSplitProps} from \"@itwin/appui-abstract\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport type { ActiveContentChangedEventArgs } from \"../framework/FrameworkContent\";\r\nimport { useActiveFrontstageDef } from \"../frontstage/FrontstageDef\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Properties for [[ContentWrapper]] */\r\ninterface ContentWrapperProps extends CommonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** ContentWrapper React component.\r\n * @internal\r\n */\r\nexport function ContentWrapper(props: ContentWrapperProps) {\r\n  const { content } = props;\r\n  const [isActive, setIsActive] = React.useState(content === UiFramework.content.getActive());\r\n  const activeFrontstageDef = useActiveFrontstageDef();\r\n\r\n  const contentControlKey = (contentControl: React.ReactNode): string | undefined => {\r\n    let controlId: string | undefined;\r\n    if (contentControl && (contentControl as React.ReactElement<any>).key) {\r\n      const key = ((contentControl as React.ReactElement<any>).key as string);\r\n      // key has format `${contentProps.id}::${this.groupId}` which is stored as unique id\r\n      controlId = key.split(\"::\", 1)[0];\r\n    }\r\n    return controlId;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  const [hasMultipleContents, setHasMultipleContents] = React.useState(() =>\r\n    (activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||\r\n    (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1)\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    setIsActive(content === UiFramework.content.getActive());\r\n  }, [content]);\r\n\r\n  React.useEffect(() => {\r\n    const handleActiveContentChanged = (args: ActiveContentChangedEventArgs) => {\r\n      const contentIsIdentical = content === args.activeContent;\r\n      if (contentIsIdentical)\r\n        setIsActive(contentIsIdentical);\r\n      else {\r\n        const contentId = contentControlKey(content);\r\n        const activeContentId = contentControlKey(args.activeContent);\r\n        setIsActive(contentId === activeContentId);\r\n      }\r\n      // istanbul ignore next\r\n      setHasMultipleContents((activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||\r\n        (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));\r\n    };\r\n    return UiFramework.content.onActiveContentChangedEvent.addListener(handleActiveContentChanged);\r\n  }, [activeFrontstageDef, content]);\r\n\r\n  const handleMouseDown = React.useCallback(() => {\r\n    UiFramework.content.setActive(content);\r\n    setIsActive(true);\r\n  }, [content]);\r\n\r\n  React.useEffect(() => {\r\n    const onAvailableContentChanged = () => {\r\n      // istanbul ignore next\r\n      setHasMultipleContents((activeFrontstageDef && (!!activeFrontstageDef.floatingContentControls?.length) ||\r\n        (activeFrontstageDef?.contentGroup?.getContentControls().length ?? 0) > 1));\r\n    };\r\n    return UiFramework.content.onAvailableContentChangedEvent.addListener(onAvailableContentChanged);\r\n  }, [activeFrontstageDef]);\r\n\r\n  const overlayClassName = classnames(\r\n    \"uifw-contentlayout-overlay-div\",\r\n    isActive && hasMultipleContents ? \"uifw-contentlayout-overlay-active\" : \"uifw-contentlayout-overlay-inactive\",\r\n  );\r\n\r\n  return (\r\n    <div className={classnames(\"uifw-contentlayout-wrapper\", props.className)} style={props.style}\r\n      onMouseDown={handleMouseDown} onMouseMove={UiFramework.visibility.handleContentMouseMove} role=\"presentation\"\r\n    >\r\n      {content}\r\n      <div className={overlayClassName} />\r\n    </div>\r\n  );\r\n}\r\n\r\n/** Properties for the [[SplitContainer]] component */\r\ninterface SplitContainerProps extends CommonProps {\r\n  contentA: React.ReactNode;\r\n  contentB: React.ReactNode;\r\n  orientation: Orientation;\r\n  percentage: number;\r\n  resizable: boolean;\r\n  minSizeTopLeft: number;\r\n  minSizeBottomRight: number;\r\n  splitterStateId?: string;\r\n  onSplitterChange?: (size: number, percentage: number) => void;\r\n}\r\n\r\n/** Split Container class.\r\n */\r\nclass SplitContainer extends React.Component<SplitContainerProps> {\r\n  private _containerDiv: HTMLDivElement | null = null;\r\n\r\n  constructor(props: SplitContainerProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onSplitterChange = (size: number): void => {\r\n    let percentage = 0;\r\n\r\n    // istanbul ignore else\r\n    if (this._containerDiv && size > 0) {\r\n      if (this.props.orientation === Orientation.Horizontal) {\r\n        const height = this._containerDiv.getBoundingClientRect().height;\r\n        // istanbul ignore if\r\n        if (height > 0)\r\n          percentage = size / height;\r\n      } else {\r\n        const width = this._containerDiv.getBoundingClientRect().width;\r\n        // istanbul ignore if\r\n        if (width > 0)\r\n          percentage = size / width;\r\n      }\r\n\r\n      // istanbul ignore else\r\n      if (this.props.onSplitterChange)\r\n        this.props.onSplitterChange(size, percentage);\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const orientation = (this.props.orientation === Orientation.Horizontal) ? \"horizontal\" : \"vertical\";\r\n    const defaultSize = `${(this.props.percentage * 100).toString()}%`;\r\n    const minSizeTopLeft = this.props.minSizeTopLeft;\r\n    const minSizeBottomRight = -(this.props.minSizeBottomRight);\r\n\r\n    return (\r\n      <div ref={(e) => { this._containerDiv = e; }}\r\n        className={classnames(\"uifw-contentlayout-full-size\", this.props.className)}\r\n        style={this.props.style}\r\n      >\r\n        <SplitPane split={orientation}\r\n          minSize={minSizeTopLeft} maxSize={minSizeBottomRight} defaultSize={defaultSize}\r\n          onChange={this._onSplitterChange} allowResize={this.props.resizable}\r\n        >\r\n          {this.props.contentA}\r\n          {this.props.contentB}\r\n        </SplitPane>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for [[SingleContentContainer]] component\r\n */\r\ninterface SingleContentProps extends CommonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\n/** Single Content Container class.\r\n */\r\nclass SingleContentContainer extends React.Component<SingleContentProps> {\r\n\r\n  public override render(): React.ReactNode {\r\n\r\n    return (\r\n      <div className={classnames(\"uifw-contentlayout-full-size\", this.props.className)} style={this.props.style} data-testid=\"single-content-container\"\r\n        onMouseMove={UiFramework.visibility.handleContentMouseMove}\r\n      >\r\n        <ContentWrapper content={this.props.content} style={{ height: \"100%\", position: \"relative\" }} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** Common interface for HorizontalSplit and VerticalSplit\r\n */\r\ninterface LayoutSplit {\r\n  createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode;\r\n  isLocked: boolean;\r\n}\r\n\r\n/** Minimum split size  */\r\nconst MIN_SPLIT_SIZE = 6;\r\n\r\n/** Base Split class.\r\n */\r\nclass BaseSplit {\r\n  public defaultPercentage: number;\r\n  public stateId: string = \"\";\r\n  public isLocked: boolean = false;\r\n\r\n  constructor(props: LayoutSplitPropsBase) {\r\n    this.defaultPercentage = props.percentage;\r\n\r\n    // istanbul ignore else\r\n    if (props.id)\r\n      this.stateId = props.id;\r\n\r\n    // istanbul ignore else\r\n    if (props.lock)\r\n      this.isLocked = props.lock;\r\n  }\r\n}\r\n\r\n/** Horizontal Split class.\r\n */\r\nclass HorizontalSplit extends BaseSplit implements LayoutSplit {\r\n  private _topIndex: number = -1;\r\n  private _bottomIndex: number = -1;\r\n  private _topSplit?: LayoutSplit;\r\n  private _bottomSplit?: LayoutSplit;\r\n  private _props: LayoutHorizontalSplitProps;\r\n  private _minSizeTop: number = MIN_SPLIT_SIZE;\r\n  private _minSizeBottom: number = MIN_SPLIT_SIZE;\r\n\r\n  constructor(props: LayoutHorizontalSplitProps) {\r\n    super(props);\r\n\r\n    this._props = props;\r\n\r\n    if (typeof props.top === \"number\") {\r\n      this._topIndex = props.top;\r\n    } else {\r\n      this._topSplit = ContentLayoutDef.createSplit(props.top);\r\n    }\r\n\r\n    if (typeof props.bottom === \"number\") {\r\n      this._bottomIndex = props.bottom;\r\n    } else {\r\n      this._bottomSplit = ContentLayoutDef.createSplit(props.bottom);\r\n    }\r\n\r\n    if (props.minSizeTop)\r\n      this._minSizeTop = Math.max(props.minSizeTop, MIN_SPLIT_SIZE);\r\n\r\n    if (props.minSizeBottom)\r\n      this._minSizeBottom = Math.max(props.minSizeBottom, MIN_SPLIT_SIZE);\r\n  }\r\n\r\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\r\n    this._props.percentage = percentage;\r\n  };\r\n\r\n  public createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode {\r\n    if (this.isLocked)\r\n      resizable = false;\r\n\r\n    const topContent = (!this._topSplit) ?\r\n      <ContentWrapper content={contentNodes[this._topIndex]} /> :\r\n      this._topSplit.createContentContainer(contentNodes, resizable);\r\n    const bottomContent = (!this._bottomSplit) ?\r\n      <ContentWrapper content={contentNodes[this._bottomIndex]} /> :\r\n      this._bottomSplit.createContentContainer(contentNodes, resizable);\r\n\r\n    return (\r\n      <SplitContainer\r\n        contentA={topContent}\r\n        contentB={bottomContent}\r\n        orientation={Orientation.Horizontal}\r\n        percentage={this.defaultPercentage}\r\n        resizable={resizable}\r\n        minSizeTopLeft={this._minSizeTop}\r\n        minSizeBottomRight={this._minSizeBottom}\r\n        splitterStateId={this.stateId}\r\n        onSplitterChange={this._handleSplitterChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Vertical Split class.\r\n */\r\nclass VerticalSplit extends BaseSplit implements LayoutSplit {\r\n  private _leftIndex: number = -1;\r\n  private _rightIndex: number = -1;\r\n  private _leftSplit?: LayoutSplit;\r\n  private _rightSplit?: LayoutSplit;\r\n  private _props: LayoutVerticalSplitProps;\r\n  private _minSizeLeft: number = MIN_SPLIT_SIZE;\r\n  private _minSizeRight: number = MIN_SPLIT_SIZE;\r\n\r\n  constructor(props: LayoutVerticalSplitProps) {\r\n    super(props);\r\n\r\n    this._props = props;\r\n\r\n    if (typeof props.left === \"number\") {\r\n      this._leftIndex = props.left;\r\n    } else {\r\n      this._leftSplit = ContentLayoutDef.createSplit(props.left);\r\n    }\r\n\r\n    if (typeof props.right === \"number\") {\r\n      this._rightIndex = props.right;\r\n    } else {\r\n      this._rightSplit = ContentLayoutDef.createSplit(props.right);\r\n    }\r\n\r\n    if (props.minSizeLeft)\r\n      this._minSizeLeft = Math.max(props.minSizeLeft, MIN_SPLIT_SIZE);\r\n\r\n    if (props.minSizeRight)\r\n      this._minSizeRight = Math.max(props.minSizeRight, MIN_SPLIT_SIZE);\r\n  }\r\n\r\n  private _handleSplitterChange = (_size: number, percentage: number): void => {\r\n    this._props.percentage = percentage;\r\n  };\r\n\r\n  public createContentContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode {\r\n    if (this.isLocked)\r\n      resizable = false;\r\n\r\n    const leftContent = (!this._leftSplit) ?\r\n      <ContentWrapper content={contentNodes[this._leftIndex]} /> :\r\n      this._leftSplit.createContentContainer(contentNodes, resizable);\r\n    const rightContent = (!this._rightSplit) ?\r\n      <ContentWrapper content={contentNodes[this._rightIndex]} /> :\r\n      this._rightSplit.createContentContainer(contentNodes, resizable);\r\n\r\n    return (\r\n      <SplitContainer\r\n        contentA={leftContent}\r\n        contentB={rightContent}\r\n        orientation={Orientation.Vertical}\r\n        percentage={this.defaultPercentage}\r\n        resizable={resizable}\r\n        minSizeTopLeft={this._minSizeLeft}\r\n        minSizeBottomRight={this._minSizeRight}\r\n        splitterStateId={this.stateId}\r\n        onSplitterChange={this._handleSplitterChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\n/** Content Layout Definition class.\r\n * @public\r\n */\r\nexport class ContentLayoutDef {\r\n  private _layoutProps: ContentLayoutProps;\r\n  private _rootSplit?: LayoutSplit;\r\n\r\n  /** ID for this Content Layout */\r\n  public id: string = \"\";\r\n  /** Description of the layout. */\r\n  public description: string = \"\";\r\n  constructor(layoutProps: ContentLayoutProps) {\r\n    this._layoutProps = layoutProps;\r\n    this.id = layoutProps.id;\r\n    if (layoutProps.description !== undefined)\r\n      this.description = layoutProps.description;\r\n  }\r\n\r\n  public get rootSplit(): LayoutSplit | undefined { return this._rootSplit; }\r\n\r\n  /** Creates [[ContentLayoutProps]] for JSON purposes\r\n   * @public\r\n   */\r\n  public toJSON(): ContentLayoutProps { return this._layoutProps; }\r\n\r\n  /** Fill a layout container with React nodes for each content view\r\n   */\r\n  public fillLayoutContainer(contentNodes: React.ReactNode[], resizable: boolean): React.ReactNode | undefined {\r\n    this._rootSplit = ContentLayoutDef.createSplit(this._layoutProps);\r\n\r\n    if (this.rootSplit) {\r\n      return this.rootSplit.createContentContainer(contentNodes, resizable);\r\n    }\r\n\r\n    if (contentNodes.length > 0)\r\n      return <SingleContentContainer content={contentNodes[0]} />;\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Gets the indexes of content views used in this Content Layout\r\n   */\r\n  public getUsedContentIndexes(): number[] {\r\n    let allContentIndexes: number[] = [];\r\n\r\n    if (!this._layoutProps.horizontalSplit && !this._layoutProps.verticalSplit)\r\n      allContentIndexes.push(0);\r\n    else {\r\n      allContentIndexes = allContentIndexes.concat(this.getHorizontalSplitContentIndexes(this._layoutProps.horizontalSplit));\r\n      allContentIndexes = allContentIndexes.concat(this.getVerticalSplitContentIndexes(this._layoutProps.verticalSplit));\r\n    }\r\n\r\n    const uniqueContentIndexes = [...new Set(allContentIndexes)];\r\n\r\n    return uniqueContentIndexes;\r\n  }\r\n\r\n  private getHorizontalSplitContentIndexes(splitProps?: LayoutHorizontalSplitProps): number[] {\r\n    let contentIndexes: number[] = [];\r\n\r\n    if (!splitProps)\r\n      return contentIndexes;\r\n\r\n    if (typeof splitProps.top === \"number\")\r\n      contentIndexes.push(splitProps.top);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.top.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.top.verticalSplit));\r\n    }\r\n\r\n    if (typeof splitProps.bottom === \"number\")\r\n      contentIndexes.push(splitProps.bottom);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.bottom.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.bottom.verticalSplit));\r\n    }\r\n\r\n    return contentIndexes;\r\n  }\r\n\r\n  private getVerticalSplitContentIndexes(splitProps?: LayoutVerticalSplitProps): number[] {\r\n    let contentIndexes: number[] = [];\r\n\r\n    if (!splitProps)\r\n      return contentIndexes;\r\n\r\n    if (typeof splitProps.left === \"number\")\r\n      contentIndexes.push(splitProps.left);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.left.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.left.verticalSplit));\r\n    }\r\n\r\n    if (typeof splitProps.right === \"number\")\r\n      contentIndexes.push(splitProps.right);\r\n    else {\r\n      contentIndexes = contentIndexes.concat(this.getHorizontalSplitContentIndexes(splitProps.right.horizontalSplit));\r\n      contentIndexes = contentIndexes.concat(this.getVerticalSplitContentIndexes(splitProps.right.verticalSplit));\r\n    }\r\n\r\n    return contentIndexes;\r\n  }\r\n\r\n  /** @internal */\r\n  public static createSplit(fragmentDef: LayoutFragmentProps): LayoutSplit | undefined {\r\n    if (fragmentDef.horizontalSplit) {\r\n      return new HorizontalSplit(fragmentDef.horizontalSplit);\r\n    } else if (fragmentDef.verticalSplit) {\r\n      return new VerticalSplit(fragmentDef.verticalSplit);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n}\r\n\r\n/** Content Layout Activated Event Args class.\r\n * @public\r\n */\r\nexport interface ContentLayoutActivatedEventArgs {\r\n  contentLayout: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n}\r\n\r\n/** Content Layout Activated Event class.\r\n * @public\r\n */\r\nexport class ContentLayoutActivatedEvent extends UiEvent<ContentLayoutActivatedEventArgs> { }\r\n\r\n/** State for the [[ContentLayout]].\r\n */\r\ninterface ContentLayoutState {\r\n  contentLayoutDef: ContentLayoutDef;\r\n  contentContainer?: React.ReactNode;\r\n  contentGroupId?: string;\r\n}\r\n\r\n/** Properties for the [[ContentLayout]] React component.\r\n * @public\r\n */\r\nexport interface ContentLayoutComponentProps extends CommonProps {\r\n  contentLayout: ContentLayoutDef;\r\n  contentGroup: ContentGroup;\r\n}\r\n\r\n/** Content Layout React component.\r\n * @public\r\n */\r\nexport class ContentLayout extends React.Component<ContentLayoutComponentProps, ContentLayoutState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContentLayoutState>;\r\n\r\n  constructor(props: ContentLayoutComponentProps) {\r\n    super(props);\r\n\r\n    const contentLayoutDef = this.props.contentLayout;\r\n    const contentGroup = this.props.contentGroup;\r\n\r\n    const contentNodes = contentGroup.getContentNodes();\r\n    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);\r\n\r\n    this.state = {\r\n      contentLayoutDef: this.props.contentLayout,\r\n      contentContainer,\r\n      contentGroupId: this.props.contentGroup.groupId,\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    UiFramework.frontstages.onContentLayoutActivatedEvent.addListener(this._handleContentLayoutActivated);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    UiFramework.frontstages.onContentLayoutActivatedEvent.removeListener(this._handleContentLayoutActivated);\r\n  }\r\n\r\n  private _handleContentLayoutActivated = (args: ContentLayoutActivatedEventArgs) => {\r\n    const contentLayoutDef = args.contentLayout;\r\n    const contentGroup = args.contentGroup;\r\n\r\n    const contentNodes = contentGroup.getContentNodes();\r\n    const contentContainer = contentLayoutDef.fillLayoutContainer(contentNodes, true);\r\n\r\n    this.setState({\r\n      contentLayoutDef: args.contentLayout,\r\n      contentContainer,\r\n      contentGroupId: contentGroup.groupId,\r\n    });\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (this.state.contentContainer) {\r\n      return (\r\n        <div id=\"uifw-contentlayout-div\" className={this.props.className} style={this.props.style}\r\n          key={`${this.state.contentGroupId}-${this.state.contentLayoutDef.id}`}\r\n          onMouseDown={this._onMouseDown} onMouseUp={this._onMouseUp} role=\"presentation\"\r\n        >\r\n          {this.state.contentContainer}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private _onMouseDown = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    UiFramework.content.setMouseDown(true);\r\n  };\r\n\r\n  private _onMouseUp = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    UiFramework.content.setMouseDown(false);\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/content/ContentLayout.scss

@@ -5,9 +5,6 @@
 @import "~@itwin/core-react/lib/cjs/core-react/base/base";
 @import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
 
-$resizer-size: 6px;
-$resizer-size-large: 14px;
-
 #uifw-contentlayout-div {
   position: absolute;
   top: 0;
@@ -27,38 +24,70 @@ $resizer-size-large: 14px;
     margin: 0;
     transition: all var(--iui-duration-1) ease;
 
-    &:hover {
-      background-color: var(--iui-color-border-accent);
-    }
-
     &.horizontal {
-      height: $resizer-size;
-      min-height: $resizer-size;
-      cursor: ns-resize;
+      height: 1px;
+      min-height: 1px;
       width: 100%;
+      cursor: ns-resize;
 
-      @include for-tablet-landscape-down {
-        height: $resizer-size-large;
-        min-height: $resizer-size-large;
+      >.nz-resizer-grip {
+        height: 5px;
+        width: 100%;
+        top: -2px;
+
+        &:before {
+          content: '';
+          position: absolute;
+          width: 100%;
+          height: 11px;
+        }
       }
     }
 
     &.vertical {
-      width: $resizer-size;
-      min-width: $resizer-size;
+      width: 1px;
+      min-width: 1px;
+      height: 100%;
       cursor: ew-resize;
 
-      @include for-tablet-landscape-down {
-        width: $resizer-size-large;
-        min-width: $resizer-size-large;
+      >.nz-resizer-grip {
+        height: 100%;
+        width: 5px;
+        left: -2px;
+
+        &:before {
+          content: '';
+          position: absolute;
+          width: 11px;
+          height: 100%;
+        }
+      }
+    }
+
+    &.horizontal,
+    &.vertical {
+      >.nz-resizer-grip {
+        background-color: transparent;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        display: flex;
+        z-index: 1;
+        transition: background-color var(--iui-duration-1) ease;
+
+        &:hover {
+          background-color: var(--iui-color-border-accent);
+        }
       }
     }
 
     &.disabled {
       cursor: not-allowed;
 
-      &:hover {
-        border-color: transparent;
+      >.nz-resizer-grip {
+        &:hover {
+          border-color: transparent;
+        }
       }
     }
   }
@@ -96,4 +125,4 @@ div.uifw-contentlayout-full-size div.SplitPane div.Pane {
       border-color: transparent;
     }
   }
-}
+}

package/lib/cjs/appui-react/content/DefaultViewOverlay.d.ts

@@ -3,7 +3,7 @@
  */
 /// <reference types="react" />
 import "./DefaultViewOverlay.scss";
-import { ScreenViewport } from "@itwin/core-frontend";
+import type { ScreenViewport } from "@itwin/core-frontend";
 /** Props of Viewport Overlay Control that show timelines
  * @public
  */

package/lib/cjs/appui-react/content/DefaultViewOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultViewOverlay.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/DefaultViewOverlay.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOtD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACzC;AAED;;;;GAIG;AAEH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,gBAAgB,sBAyD7F"}
+{"version":3,"file":"DefaultViewOverlay.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/DefaultViewOverlay.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAO3D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACzC;AAED;;;;GAIG;AAEH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,gBAAgB,sBAyD7F"}

package/lib/cjs/appui-react/content/DefaultViewOverlay.js

@@ -22,6 +22,7 @@ const useAnalysisAnimationDataProvider_1 = require("../hooks/useAnalysisAnimatio
  */
 // istanbul ignore next
 function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
+    var _a, _b, _c;
     const solarDataTimelineProvider = (0, useSolarDataProvider_1.useSolarDataProvider)(viewport);
     const analysisAnimationTimelineDataProvider = (0, useAnalysisAnimationDataProvider_1.useAnalysisAnimationDataProvider)(viewport);
     const scheduleTimelineDataProvider = (0, useScheduleAnimationDataProvider_1.useScheduleAnimationDataProvider)(viewport);
@@ -29,17 +30,17 @@ function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
     if (!currentViewport)
         return null;
     // Solar gets first shot
-    if (solarDataTimelineProvider && !!featureOptions?.defaultViewOverlay?.enableSolarTimelineViewOverlay) {
+    if (solarDataTimelineProvider && !!((_a = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _a === void 0 ? void 0 : _a.enableSolarTimelineViewOverlay)) {
         return (React.createElement("div", { className: "uifw-view-overlay" },
             React.createElement("div", { className: "uifw-animation-overlay" },
                 React.createElement(imodel_components_react_1.SolarTimeline, { dataProvider: solarDataTimelineProvider }))));
     }
-    if (analysisAnimationTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableAnalysisTimelineViewOverlay) {
+    if (analysisAnimationTimelineDataProvider && !!((_b = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _b === void 0 ? void 0 : _b.enableAnalysisTimelineViewOverlay)) {
         return (React.createElement("div", { className: "uifw-view-overlay" },
             React.createElement("div", { className: "uifw-animation-overlay" },
                 React.createElement(imodel_components_react_1.TimelineComponent, { startDate: analysisAnimationTimelineDataProvider.start, endDate: analysisAnimationTimelineDataProvider.end, initialDuration: analysisAnimationTimelineDataProvider.initialDuration, totalDuration: analysisAnimationTimelineDataProvider.duration, minimized: true, onChange: analysisAnimationTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
     }
-    if (scheduleTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableScheduleAnimationViewOverlay) {
+    if (scheduleTimelineDataProvider && !!((_c = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _c === void 0 ? void 0 : _c.enableScheduleAnimationViewOverlay)) {
         return (React.createElement("div", { className: "uifw-view-overlay" },
             React.createElement("div", { className: "uifw-animation-overlay" },
                 React.createElement(imodel_components_react_1.TimelineComponent, { startDate: scheduleTimelineDataProvider.start, endDate: scheduleTimelineDataProvider.end, initialDuration: scheduleTimelineDataProvider.initialDuration, totalDuration: scheduleTimelineDataProvider.duration, minimized: true, onChange: scheduleTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));