@elyra/canvas 12.24.0 → 12.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{canvas-controller-6239cacc.js → canvas-controller-1cf8e066.js} +2 -2
- package/dist/{canvas-controller-6239cacc.js.map → canvas-controller-1cf8e066.js.map} +1 -1
- package/dist/{canvas-controller-60ed1f25.js → canvas-controller-873a2800.js} +2 -2
- package/dist/{canvas-controller-60ed1f25.js.map → canvas-controller-873a2800.js.map} +1 -1
- package/dist/common-canvas-4c204462.js +2 -0
- package/dist/common-canvas-4c204462.js.map +1 -0
- package/dist/common-canvas-9e2687b3.js +2 -0
- package/dist/common-canvas-9e2687b3.js.map +1 -0
- package/dist/common-canvas.es.js +1 -1
- package/dist/common-canvas.js +1 -1
- package/dist/common-properties-478094f0.js +2 -0
- package/dist/common-properties-478094f0.js.map +1 -0
- package/dist/common-properties-648d23a3.js +2 -0
- package/dist/common-properties-648d23a3.js.map +1 -0
- package/dist/{datarecord-metadata-v3-schema-3323a91e.js → datarecord-metadata-v3-schema-6a3754ce.js} +1 -1
- package/dist/{datarecord-metadata-v3-schema-3323a91e.js.map → datarecord-metadata-v3-schema-6a3754ce.js.map} +1 -1
- package/dist/{datarecord-metadata-v3-schema-93ec5562.js → datarecord-metadata-v3-schema-ba1f2849.js} +1 -1
- package/dist/{datarecord-metadata-v3-schema-93ec5562.js.map → datarecord-metadata-v3-schema-ba1f2849.js.map} +1 -1
- package/dist/extends-3cb3faa3.js +7 -0
- package/dist/{extends-11efb86b.js.map → extends-3cb3faa3.js.map} +1 -1
- package/dist/{extends-bb395e42.js → extends-858c1544.js} +2 -2
- package/dist/{extends-bb395e42.js.map → extends-858c1544.js.map} +1 -1
- package/dist/{flexible-table-d51a7d72.js → flexible-table-8d16ca9e.js} +2 -2
- package/dist/{flexible-table-d51a7d72.js.map → flexible-table-8d16ca9e.js.map} +1 -1
- package/dist/flexible-table-984c1cb1.js +2 -0
- package/dist/{flexible-table-989859ec.js.map → flexible-table-984c1cb1.js.map} +1 -1
- package/dist/{icon-b619470c.js → icon-18729ae8.js} +2 -2
- package/dist/{icon-b619470c.js.map → icon-18729ae8.js.map} +1 -1
- package/dist/{icon-037ad6d1.js → icon-53450584.js} +2 -2
- package/dist/{icon-037ad6d1.js.map → icon-53450584.js.map} +1 -1
- package/dist/index-621d121a.js +2 -0
- package/dist/index-621d121a.js.map +1 -0
- package/dist/{index-46a80c08.js → index-d2d9aa72.js} +2 -2
- package/dist/index-d2d9aa72.js.map +1 -0
- package/dist/lib/canvas-controller.es.js +1 -1
- package/dist/lib/canvas-controller.js +1 -1
- package/dist/lib/canvas.es.js +1 -1
- package/dist/lib/canvas.js +1 -1
- package/dist/lib/context-menu.es.js +1 -1
- package/dist/lib/context-menu.es.js.map +1 -1
- package/dist/lib/context-menu.js +1 -1
- package/dist/lib/context-menu.js.map +1 -1
- package/dist/lib/properties/field-picker.es.js +1 -1
- package/dist/lib/properties/field-picker.js +1 -1
- package/dist/lib/properties/flexible-table.es.js +1 -1
- package/dist/lib/properties/flexible-table.js +1 -1
- package/dist/lib/properties.es.js +1 -1
- package/dist/lib/properties.js +1 -1
- package/dist/styles/common-canvas.min.css +1 -1
- package/dist/styles/common-canvas.min.css.map +1 -1
- package/dist/{toolbar-e4c551ae.js → toolbar-245632a5.js} +2 -2
- package/dist/{toolbar-e4c551ae.js.map → toolbar-245632a5.js.map} +1 -1
- package/dist/{toolbar-3f93ec4b.js → toolbar-9f4bb202.js} +2 -2
- package/dist/{toolbar-3f93ec4b.js.map → toolbar-9f4bb202.js.map} +1 -1
- package/package.json +1 -1
- package/src/common-canvas/canvas-controller.js +9 -0
- package/src/common-canvas/cc-contents.jsx +33 -11
- package/src/common-canvas/svg-canvas-d3.js +14 -4
- package/src/common-canvas/svg-canvas-d3.scss +4 -0
- package/src/common-canvas/svg-canvas-pipeline.js +65 -3
- package/src/common-canvas/svg-canvas-renderer.js +107 -179
- package/src/common-canvas/svg-canvas-utils-display.js +6 -4
- package/src/common-properties/components/editor-form/editor-form.jsx +24 -11
- package/src/common-properties/components/editor-form/editor-form.scss +0 -5
- package/src/common-properties/components/field-picker/field-picker.scss +13 -2
- package/src/common-properties/components/properties-modal/properties-modal.jsx +1 -1
- package/src/common-properties/components/properties-modal/properties-modal.scss +1 -1
- package/src/common-properties/constants/constants.js +6 -0
- package/src/common-properties/constants/form-constants.js +1 -0
- package/src/common-properties/controls/abstract-table.jsx +1 -1
- package/src/common-properties/controls/control-factory.js +9 -3
- package/src/common-properties/controls/expression/expression.jsx +2 -2
- package/src/common-properties/controls/list/list.jsx +1 -1
- package/src/common-properties/controls/selectcolumns/selectcolumns.jsx +1 -1
- package/src/common-properties/controls/someofselect/someofselect.jsx +1 -1
- package/src/common-properties/form/EditorForm.js +42 -28
- package/src/common-properties/form/Form.js +5 -3
- package/src/common-properties/panels/sub-panel/sub-panel.scss +4 -0
- package/src/common-properties/panels/tearsheet/tearsheet.jsx +4 -2
- package/src/common-properties/panels/tearsheet/tearsheet.scss +7 -0
- package/src/common-properties/properties-controller.js +4 -3
- package/src/common-properties/properties-main/properties-main-widths.scss +2 -0
- package/src/common-properties/properties-main/properties-main.jsx +42 -6
- package/src/common-properties/properties-main/properties-main.scss +3 -0
- package/src/object-model/object-model.js +15 -0
- package/src/object-model/redux/canvas-store.js +1 -1
- package/stats.html +1 -1
- package/dist/common-canvas-4ae99af6.js +0 -2
- package/dist/common-canvas-4ae99af6.js.map +0 -1
- package/dist/common-canvas-86633e44.js +0 -2
- package/dist/common-canvas-86633e44.js.map +0 -1
- package/dist/common-properties-2bc0b14a.js +0 -2
- package/dist/common-properties-2bc0b14a.js.map +0 -1
- package/dist/common-properties-56bf68a6.js +0 -2
- package/dist/common-properties-56bf68a6.js.map +0 -1
- package/dist/extends-11efb86b.js +0 -7
- package/dist/flexible-table-989859ec.js +0 -2
- package/dist/index-46a80c08.js.map +0 -1
- package/dist/index-b527a82d.js +0 -2
- package/dist/index-b527a82d.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.js","sources":["../../src/color-picker/color-picker-panel.jsx","../../src/context-menu/common-context-menu.jsx","../../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Logger from \"../logging/canvas-logger.js\";\n\n\nclass ColorPickerPanel extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.logger = new Logger(\"CC-ContextMenu\");\n\n\t\tthis.onClick = this.onClick.bind(this);\n\t}\n\n\tonClick(evt) {\n\t\tconst color = evt.target.dataset.color;\n\t\tthis.props.clickActionHandler(color);\n\t}\n\n\trender() {\n\t\tthis.logger.log(\"render\");\n\t\treturn (\n\t\t\t<div className=\"color-picker-panel\" onClick={this.onClick}>\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-white-0\"} className=\"color-picker-item white-0\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-yellow-20\"} className=\"color-picker-item yellow-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-20\"} className=\"color-picker-item gray-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-20\"} className=\"color-picker-item green-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-20\"} className=\"color-picker-item teal-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-20\"} className=\"color-picker-item cyan-20\" />\n\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-red-50\"} className=\"color-picker-item red-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-orange-40\"} className=\"color-picker-item orange-40\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-50\"} className=\"color-picker-item gray-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-50\"} className=\"color-picker-item green-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-50\"} className=\"color-picker-item teal-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-50\"} className=\"color-picker-item cyan-50\" />\n\t\t\t</div>);\n\t}\n}\n\nColorPickerPanel.propTypes = {\n\tclickActionHandler: PropTypes.func.isRequired,\n\tcloseMenu: PropTypes.func\n};\n\nexport default ColorPickerPanel;\n","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { MenuItem, SubMenu } from \"react-contextmenu\";\nimport Icon from \"../icons/icon.jsx\";\nimport { CONTEXT_MENU_CARBON_ICONS } from \"../common-canvas/constants/canvas-constants\";\nimport ColorPickerPanel from \"../color-picker/color-picker-panel.jsx\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // see context-menu.css .react-context-menu margin\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // see context-menu.css .react-context-menu-item height\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // see context-menu.css .react-context-menu-item height\nconst EXTRA_OFFSET = 5; // Extra offset for vertical menu positioning\n\n\nclass CommonContextMenu extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t\tthis.colorClicked = this.colorClicked.bind(this);\n\t}\n\n\tonContextMenu(e) {\n\t\te.preventDefault();\n\t}\n\n\titemSelected(data, selectedEvent) {\n\t\tthis.props.contextHandler(data);\n\t\t// This stops the canvasClicked function from being fired which would\n\t\t// clear any current selections.\n\t\tif (selectedEvent) {\n\t\t\tselectedEvent.stopPropagation();\n\t\t}\n\t}\n\n\tcolorClicked(color) {\n\t\tthis.props.contextHandler(\"colorSelectedObjects\", { color });\n\t}\n\n\tcalculateMenuSize(menu) {\n\t\tvar numDividers = 0;\n\t\tfor (let i = 0; i < menu.length; ++i) {\n\t\t\tconst divider = menu[i].divider;\n\t\t\tif (divider) {\n\t\t\t\tnumDividers++;\n\t\t\t}\n\t\t}\n\n\t\tvar menuSize = {\n\t\t\theight: ((menu.length - numDividers) * CONTEXT_MENU_LINK_HEIGHT) + (numDividers * CONTEXT_MENU_DIVIDER_HEIGHT),\n\t\t\twidth: CONTEXT_MENU_WIDTH\n\t\t};\n\n\t\treturn menuSize;\n\t}\n\n\t// Returns a new position and the canvas rectangle for the context menu based on the current\n\t// mouse position and whether the menu would appear outside the edges of the page.\n\tcalculateMenuPos(mousePos, menuSize, canvasRect) {\n\t\tconst menuPos = { x: mousePos.x, y: mousePos.y };\n\n\t\t// Reposition contextMenu if it will show off the bottom of the page\n\t\tif (mousePos.y + menuSize.height > canvasRect.height) {\n\t\t\tmenuPos.y = canvasRect.height - menuSize.height - EXTRA_OFFSET; // Move up by extra offset so it looks nice\n\n\t\t\t// If repositioning the menu would push it off the top of the page\n\t\t\t// (in very short browser windows) position it at the top.\n\t\t\tif (menuPos.y < 0) {\n\t\t\t\tmenuPos.y = 0;\n\t\t\t}\n\t\t}\n\n\t\t// Reposition contextMenu if it will show off the right of the page\n\t\tif (mousePos.x + menuSize.width > canvasRect.width) {\n\t\t\tmenuPos.x -= menuSize.width;\n\t\t}\n\n\t\t// Add a pixel to x and y because on Chrome without this the context menu\n\t\t// appears with the top corner of the first menu item under the mouse\n\t\t// cursor. This highlights the first menu item (which looks weird) and, if\n\t\t// the first item is a cascade menu, automatically opens the sub-menu.\n\t\tmenuPos.x += 1;\n\t\tmenuPos.y += 1;\n\n\t\treturn menuPos;\n\t}\n\n\tareAllSubmenuItemsDisabled(submenuItems) {\n\t\tlet itemCount = 0;\n\t\tlet disabledCount = 0;\n\t\tsubmenuItems.forEach(function(submenuItem) {\n\t\t\tif (!submenuItem.divider) {\n\t\t\t\titemCount++;\n\t\t\t}\n\t\t\tif (submenuItem.enable === false) {\n\t\t\t\tdisabledCount++;\n\t\t\t}\n\t\t});\n\t\treturn disabledCount === itemCount;\n\t}\n\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\n\t\tconst customDivider = {\n\t\t\tclassName: \"contextmenu-divider\"\n\t\t};\n\n\t\tconst menuItems = [];\n\n\t\tlet runningYPos = 0;\n\t\t// Records if we have just displayed a divider. This is useful because we\n\t\t// only want to display one divider if there is a divider element\n\t\t// immediately after another divider element in the menuDefintion array.\n\t\tlet previousDivider = false;\n\n\t\tfor (let i = 0; i < menuDefinition.length; ++i) {\n\t\t\tconst divider = menuDefinition[i].divider;\n\t\t\tconst submenu = menuDefinition[i].submenu;\n\n\t\t\tif (divider) {\n\t\t\t\tif (!previousDivider) {\n\t\t\t\t\tmenuItems.push(<MenuItem attributes={customDivider} key={i + 1} onClick={() => {}} divider />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tif (menuDefinition[i].menu === \"colorPicker\") {\n\t\t\t\t\tconst disabled = false;\n\t\t\t\t\tconst subMenuSize = { width: CONTEXT_MENU_WIDTH, height: 50 };\n\t\t\t\t\tconst subMenuContent = this.buildColorPickerPanel();\n\n\t\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t\t} else {\n\t\t\t\t\tconst disabled = { disabled: this.areAllSubmenuItemsDisabled(menuDefinition[i].menu) };\n\t\t\t\t\tconst subMenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\t\tconst subMenuContent = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\n\t\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t\t}\n\n\t\t\t} else {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = { disabled: menuDefinition[i].enable === false };\n\t\t\t\tmenuItems.push(\n\t\t\t\t\t<MenuItem onClick={this.itemSelected.bind(null, menuDefinition[i].action)} key={i + 1} {...disabled}>\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t}\n\t\t}\n\t\treturn menuItems;\n\t}\n\n\tbuildColorPickerPanel() {\n\t\treturn (\n\t\t\t<ColorPickerPanel clickActionHandler={this.colorPickHandler} clickActionHandler={this.colorClicked} />\n\t\t);\n\t}\n\n\tbuildSubMenu(menuDefinition, index, subMenuContent, runningYPos, menuPos,\n\t\tmenuSize, subMenuSize, canvasRect, disabled) {\n\t\tconst rtl = this.buildRtlState(menuPos, menuSize, subMenuSize, canvasRect);\n\t\tconst subMenuPosStyle = this.buildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect);\n\n\t\tconst icon = <Icon type={CONTEXT_MENU_CARBON_ICONS.CHEVRONARROWS.RIGHT} disabled={false} className={\"react-contextmenu-submenu-icon\"} />;\n\t\tconst menuItem = <div>{menuDefinition[index].label}{icon} </div>;\n\n\t\treturn (\n\t\t\t<SubMenu title={menuItem} key={index + 1} className=\"contextmenu-submenu\" rtl={rtl} {...disabled}>\n\t\t\t\t<div key={index + 1} style={subMenuPosStyle} className=\"context-menu-popover\">\n\t\t\t\t\t{subMenuContent}\n\t\t\t\t</div>\n\t\t\t</SubMenu>\n\t\t);\n\t}\n\n\t// Returns a boolean to indicate whether the submenu should appear on the\n\t// right of the context menu (rtl === false) or on the left of the context\n\t// menu (rtl === true).\n\tbuildRtlState(menuPos, menuSize, subMenuSize, canvasRect) {\n\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t// plus the submenu width, does not exceed the viewport bounds.\n\t\treturn (menuPos.x + menuSize.width + subMenuSize.width > canvasRect.right);\n\n\t}\n\n\t// Returns a style object that can be applied to the sub-menu to adjust\n\t// its vertical (y) position. This may be necessary if the submenu is tall\n\t// enough that it would be displayed off the bottom of the canvas area.\n\tbuildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect) {\n\t\t// Does the submenu go below the bottom of the viewport?\n\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + subMenuSize.height);\n\n\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t// submenu up fully into the view port.\n\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\tconst subMenuPosStyle = {\n\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t};\n\t\treturn subMenuPosStyle;\n\t}\n\n\trender() {\n\t\t// Reposition contextMenu so that it does not show off the screen\n\t\tconst menuSize = this.calculateMenuSize(this.props.menuDefinition);\n\t\tconst menuPos = this.calculateMenuPos(this.props.mousePos, menuSize, this.props.canvasRect);\n\t\tconst posStyle = {\n\t\t\tleft: menuPos.x + \"px\",\n\t\t\ttop: menuPos.y + \"px\"\n\t\t};\n\n\t\tconst menuItems = this.buildMenu(this.props.menuDefinition, menuSize, menuPos, this.props.canvasRect);\n\n\t\treturn (\n\t\t\t<div id=\"context-menu-popover\" className=\"context-menu-popover\" style={posStyle} onContextMenu={this.onContextMenu}>\n\t\t\t\t{menuItems}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nCommonContextMenu.propTypes = {\n\tcontextHandler: PropTypes.func.isRequired,\n\tmenuDefinition: PropTypes.array.isRequired,\n\tcanvasRect: PropTypes.object.isRequired,\n\tmousePos: PropTypes.object.isRequired\n};\n\nexport default CommonContextMenu;\n","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\n\nexport default class ContextMenuWrapper extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\n\t\tthis.contextMenuClicked = this.contextMenuClicked.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\t// Returns an object that describes the dimensions of a rectangle for the\n\t// canvas div with coordinates based on the top left corner of the div. This\n\t// will match the coordinates for the mouse position where the user clicked,\n\t// which is specified in this.props.contextMenuPos object.\n\tgetCanvasRect() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\tconst canvasRect = {\n\t\t\ttop: 0,\n\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\tleft: 0,\n\t\t\tright: clientRect.right - clientRect.left,\n\t\t\theight: clientRect.height,\n\t\t\twidth: clientRect.width\n\t\t};\n\n\t\treturn canvasRect;\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Safari, when a user is displaying the context menu with a ctrl-click\n\t\t// (which is a supported context menu gesture on the Mac) a secondary click\n\t\t// event is emmitted which is received here with the ctrlKey field enabled.\n\t\t// So we ignore that event otherwse, if we continue, the context menu will\n\t\t// be closed.\n\t\tif (e.ctrlKey) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\t// If the click was anywhere outside the context menu and\n\t\t// the ellipsis button we just close the menu.\n\t\tif (!this.isOverContextMenu(e) && !this.isOverEllipsisButton(e)) {\n\t\t\t// This stop propagation is needed in common canvas so that selected nodes will\n\t\t\t// remain selected even after clicking outside the context menu to close the menu.\n\t\t\tif (this.props.stopPropagation) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis.props.closeContextMenu();\n\t\t}\n\t}\n\n\t// Retruns true if the event occurred over the context menu.\n\tisOverContextMenu(e) {\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\treturn !domNode || domNode.contains(e.target);\n\t}\n\n\t// Returns true if the event occurred over the ellipsis button. Typically\n\t// there will be only one ellipsis button on the canvas, since they are only\n\t// displayed on hover, but in some test cicumstances there might be more\n\t// than one.\n\tisOverEllipsisButton(e) {\n\t\tconst ellipsisNodes = document.getElementsByClassName(\"d3-node-ellipsis-group\");\n\t\tlet state = false;\n\t\tfor (let i = 0; i < ellipsisNodes.length; i++) {\n\t\t\tif (state === false && ellipsisNodes[i].contains(e.target)) {\n\t\t\t\tstate = true;\n\t\t\t}\n\t\t}\n\t\treturn state;\n\t}\n\n\tcontextMenuClicked(action, param) {\n\t\tthis.props.contextMenuActionHandler(action, param);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<CommonContextMenu\n\t\t\t\tcontextHandler={this.contextMenuClicked}\n\t\t\t\tmenuDefinition={this.props.contextMenuDef}\n\t\t\t\tcanvasRect={this.getCanvasRect()}\n\t\t\t\tmousePos={this.props.contextMenuPos}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nContextMenuWrapper.propTypes = {\n\tcontextMenuDef: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string.isRequired,\n\tcontextMenuPos: PropTypes.object.isRequired,\n\tcontextMenuActionHandler: PropTypes.func.isRequired,\n\tcloseContextMenu: PropTypes.func.isRequired,\n\tstopPropagation: PropTypes.bool\n};\n"],"names":["_inherits","props","_classCallCheck","_this","logger","Logger","onClick","bind","_createClass","key","value","evt","color","target","dataset","this","clickActionHandler","log","React","className","tabIndex","Component","state","itemSelected","colorClicked","e","preventDefault","data","selectedEvent","contextHandler","stopPropagation","menu","numDividers","i","length","divider","height","width","mousePos","menuSize","canvasRect","menuPos","x","y","submenuItems","itemCount","disabledCount","forEach","submenuItem","enable","menuDefinition","customDivider","menuItems","runningYPos","previousDivider","submenu","push","MenuItem","attributes","subMenuSize","subMenuContent","buildColorPickerPanel","subMenu","buildSubMenu","disabled","areAllSubmenuItemsDisabled","calculateMenuSize","buildMenu","action","label","ColorPickerPanel","colorPickHandler","index","rtl","buildRtlState","subMenuPosStyle","buildSubMenuPosStyle","icon","Icon","type","CONTEXT_MENU_CARBON_ICONS","CHEVRONARROWS","RIGHT","menuItem","SubMenu","title","style","right","bottom","top","calculateMenuPos","posStyle","left","id","onContextMenu","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","clientRect","getElementById","containingDivId","getBoundingClientRect","ctrlKey","isOverContextMenu","isOverEllipsisButton","closeContextMenu","domNode","contains","ellipsisNodes","getElementsByClassName","param","contextMenuActionHandler","CommonContextMenu","contextMenuDef","getCanvasRect","contextMenuPos"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"context-menu.js","sources":["../../src/color-picker/color-picker-panel.jsx","../../src/context-menu/common-context-menu.jsx","../../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Logger from \"../logging/canvas-logger.js\";\n\n\nclass ColorPickerPanel extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.logger = new Logger(\"CC-ContextMenu\");\n\n\t\tthis.onClick = this.onClick.bind(this);\n\t}\n\n\tonClick(evt) {\n\t\tconst color = evt.target.dataset.color;\n\t\tthis.props.clickActionHandler(color);\n\t}\n\n\trender() {\n\t\tthis.logger.log(\"render\");\n\t\treturn (\n\t\t\t<div className=\"color-picker-panel\" onClick={this.onClick}>\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-white-0\"} className=\"color-picker-item white-0\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-yellow-20\"} className=\"color-picker-item yellow-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-20\"} className=\"color-picker-item gray-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-20\"} className=\"color-picker-item green-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-20\"} className=\"color-picker-item teal-20\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-20\"} className=\"color-picker-item cyan-20\" />\n\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-red-50\"} className=\"color-picker-item red-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-orange-40\"} className=\"color-picker-item orange-40\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-gray-50\"} className=\"color-picker-item gray-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-green-50\"} className=\"color-picker-item green-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-teal-50\"} className=\"color-picker-item teal-50\" />\n\t\t\t\t<div tabIndex=\"0\" data-color={\"bkg-col-cyan-50\"} className=\"color-picker-item cyan-50\" />\n\t\t\t</div>);\n\t}\n}\n\nColorPickerPanel.propTypes = {\n\tclickActionHandler: PropTypes.func.isRequired,\n\tcloseMenu: PropTypes.func\n};\n\nexport default ColorPickerPanel;\n","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { MenuItem, SubMenu } from \"react-contextmenu\";\nimport Icon from \"../icons/icon.jsx\";\nimport { CONTEXT_MENU_CARBON_ICONS } from \"../common-canvas/constants/canvas-constants\";\nimport ColorPickerPanel from \"../color-picker/color-picker-panel.jsx\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // see context-menu.css .react-context-menu margin\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // see context-menu.css .react-context-menu-item height\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // see context-menu.css .react-context-menu-item height\nconst EXTRA_OFFSET = 5; // Extra offset for vertical menu positioning\n\n\nclass CommonContextMenu extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t\tthis.colorClicked = this.colorClicked.bind(this);\n\t}\n\n\tonContextMenu(e) {\n\t\te.preventDefault();\n\t}\n\n\titemSelected(data, selectedEvent) {\n\t\tthis.props.contextHandler(data);\n\t\t// This stops the canvasClicked function from being fired which would\n\t\t// clear any current selections.\n\t\tif (selectedEvent) {\n\t\t\tselectedEvent.stopPropagation();\n\t\t}\n\t}\n\n\tcolorClicked(color) {\n\t\tthis.props.contextHandler(\"colorSelectedObjects\", { color });\n\t}\n\n\tcalculateMenuSize(menu) {\n\t\tvar numDividers = 0;\n\t\tfor (let i = 0; i < menu.length; ++i) {\n\t\t\tconst divider = menu[i].divider;\n\t\t\tif (divider) {\n\t\t\t\tnumDividers++;\n\t\t\t}\n\t\t}\n\n\t\tvar menuSize = {\n\t\t\theight: ((menu.length - numDividers) * CONTEXT_MENU_LINK_HEIGHT) + (numDividers * CONTEXT_MENU_DIVIDER_HEIGHT),\n\t\t\twidth: CONTEXT_MENU_WIDTH\n\t\t};\n\n\t\treturn menuSize;\n\t}\n\n\t// Returns a new position and the canvas rectangle for the context menu based on the current\n\t// mouse position and whether the menu would appear outside the edges of the page.\n\tcalculateMenuPos(mousePos, menuSize, canvasRect) {\n\t\tconst menuPos = { x: mousePos.x, y: mousePos.y };\n\n\t\t// Reposition contextMenu if it will show off the bottom of the page\n\t\tif (mousePos.y + menuSize.height > canvasRect.height) {\n\t\t\tmenuPos.y = canvasRect.height - menuSize.height - EXTRA_OFFSET; // Move up by extra offset so it looks nice\n\n\t\t\t// If repositioning the menu would push it off the top of the page\n\t\t\t// (in very short browser windows) position it at the top.\n\t\t\tif (menuPos.y < 0) {\n\t\t\t\tmenuPos.y = 0;\n\t\t\t}\n\t\t}\n\n\t\t// Reposition contextMenu if it will show off the right of the page\n\t\tif (mousePos.x + menuSize.width > canvasRect.width) {\n\t\t\tmenuPos.x -= menuSize.width;\n\t\t}\n\n\t\t// Add a pixel to x and y because on Chrome without this the context menu\n\t\t// appears with the top corner of the first menu item under the mouse\n\t\t// cursor. This highlights the first menu item (which looks weird) and, if\n\t\t// the first item is a cascade menu, automatically opens the sub-menu.\n\t\tmenuPos.x += 1;\n\t\tmenuPos.y += 1;\n\n\t\treturn menuPos;\n\t}\n\n\tareAllSubmenuItemsDisabled(submenuItems) {\n\t\tlet itemCount = 0;\n\t\tlet disabledCount = 0;\n\t\tsubmenuItems.forEach(function(submenuItem) {\n\t\t\tif (!submenuItem.divider) {\n\t\t\t\titemCount++;\n\t\t\t}\n\t\t\tif (submenuItem.enable === false) {\n\t\t\t\tdisabledCount++;\n\t\t\t}\n\t\t});\n\t\treturn disabledCount === itemCount;\n\t}\n\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\n\t\tconst customDivider = {\n\t\t\tclassName: \"contextmenu-divider\"\n\t\t};\n\n\t\tconst menuItems = [];\n\n\t\tlet runningYPos = 0;\n\t\t// Records if we have just displayed a divider. This is useful because we\n\t\t// only want to display one divider if there is a divider element\n\t\t// immediately after another divider element in the menuDefintion array.\n\t\tlet previousDivider = false;\n\n\t\tfor (let i = 0; i < menuDefinition.length; ++i) {\n\t\t\tconst divider = menuDefinition[i].divider;\n\t\t\tconst submenu = menuDefinition[i].submenu;\n\n\t\t\tif (divider) {\n\t\t\t\tif (!previousDivider) {\n\t\t\t\t\tmenuItems.push(<MenuItem attributes={customDivider} key={i + 1} onClick={() => {}} divider />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tif (menuDefinition[i].menu === \"colorPicker\") {\n\t\t\t\t\tconst disabled = false;\n\t\t\t\t\tconst subMenuSize = { width: CONTEXT_MENU_WIDTH, height: 50 };\n\t\t\t\t\tconst subMenuContent = this.buildColorPickerPanel();\n\n\t\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t\t} else {\n\t\t\t\t\tconst disabled = { disabled: this.areAllSubmenuItemsDisabled(menuDefinition[i].menu) };\n\t\t\t\t\tconst subMenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\t\tconst subMenuContent = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\n\t\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t\t}\n\n\t\t\t} else {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = { disabled: menuDefinition[i].enable === false };\n\t\t\t\tmenuItems.push(\n\t\t\t\t\t<MenuItem onClick={this.itemSelected.bind(null, menuDefinition[i].action)} key={i + 1} {...disabled}>\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t}\n\t\t}\n\t\treturn menuItems;\n\t}\n\n\tbuildColorPickerPanel() {\n\t\treturn (\n\t\t\t<ColorPickerPanel clickActionHandler={this.colorPickHandler} clickActionHandler={this.colorClicked} />\n\t\t);\n\t}\n\n\tbuildSubMenu(menuDefinition, index, subMenuContent, runningYPos, menuPos,\n\t\tmenuSize, subMenuSize, canvasRect, disabled) {\n\t\tconst rtl = this.buildRtlState(menuPos, menuSize, subMenuSize, canvasRect);\n\t\tconst subMenuPosStyle = this.buildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect);\n\n\t\tconst icon = <Icon type={CONTEXT_MENU_CARBON_ICONS.CHEVRONARROWS.RIGHT} disabled={false} className={\"react-contextmenu-submenu-icon\"} />;\n\t\tconst menuItem = <div>{menuDefinition[index].label}{icon} </div>;\n\n\t\treturn (\n\t\t\t<SubMenu title={menuItem} key={index + 1} className=\"contextmenu-submenu\" rtl={rtl} {...disabled}>\n\t\t\t\t<div key={index + 1} style={subMenuPosStyle} className=\"context-menu-popover\">\n\t\t\t\t\t{subMenuContent}\n\t\t\t\t</div>\n\t\t\t</SubMenu>\n\t\t);\n\t}\n\n\t// Returns a boolean to indicate whether the submenu should appear on the\n\t// right of the context menu (rtl === false) or on the left of the context\n\t// menu (rtl === true).\n\tbuildRtlState(menuPos, menuSize, subMenuSize, canvasRect) {\n\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t// plus the submenu width, does not exceed the viewport bounds.\n\t\treturn (menuPos.x + menuSize.width + subMenuSize.width > canvasRect.right);\n\n\t}\n\n\t// Returns a style object that can be applied to the sub-menu to adjust\n\t// its vertical (y) position. This may be necessary if the submenu is tall\n\t// enough that it would be displayed off the bottom of the canvas area.\n\tbuildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect) {\n\t\t// Does the submenu go below the bottom of the viewport?\n\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + subMenuSize.height);\n\n\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t// submenu up fully into the view port.\n\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\tconst subMenuPosStyle = {\n\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t};\n\t\treturn subMenuPosStyle;\n\t}\n\n\trender() {\n\t\t// Reposition contextMenu so that it does not show off the screen\n\t\tconst menuSize = this.calculateMenuSize(this.props.menuDefinition);\n\t\tconst menuPos = this.calculateMenuPos(this.props.mousePos, menuSize, this.props.canvasRect);\n\t\tconst posStyle = {\n\t\t\tleft: menuPos.x + \"px\",\n\t\t\ttop: menuPos.y + \"px\"\n\t\t};\n\n\t\tconst menuItems = this.buildMenu(this.props.menuDefinition, menuSize, menuPos, this.props.canvasRect);\n\n\t\treturn (\n\t\t\t<div id=\"context-menu-popover\" className=\"context-menu-popover\" style={posStyle} onContextMenu={this.onContextMenu}>\n\t\t\t\t{menuItems}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nCommonContextMenu.propTypes = {\n\tcontextHandler: PropTypes.func.isRequired,\n\tmenuDefinition: PropTypes.array.isRequired,\n\tcanvasRect: PropTypes.object.isRequired,\n\tmousePos: PropTypes.object.isRequired\n};\n\nexport default CommonContextMenu;\n","/*\n * Copyright 2017-2022 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\n\nexport default class ContextMenuWrapper extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\n\t\tthis.contextMenuClicked = this.contextMenuClicked.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\t// Returns an object that describes the dimensions of a rectangle for the\n\t// canvas div with coordinates based on the top left corner of the div. This\n\t// will match the coordinates for the mouse position where the user clicked,\n\t// which is specified in this.props.contextMenuPos object.\n\tgetCanvasRect() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\tconst canvasRect = {\n\t\t\ttop: 0,\n\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\tleft: 0,\n\t\t\tright: clientRect.right - clientRect.left,\n\t\t\theight: clientRect.height,\n\t\t\twidth: clientRect.width\n\t\t};\n\n\t\treturn canvasRect;\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Safari, when a user is displaying the context menu with a ctrl-click\n\t\t// (which is a supported context menu gesture on the Mac) a secondary click\n\t\t// event is emmitted which is received here with the ctrlKey field enabled.\n\t\t// So we ignore that event otherwse, if we continue, the context menu will\n\t\t// be closed.\n\t\tif (e.ctrlKey) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\t// If the click was anywhere outside the context menu and\n\t\t// the ellipsis button we just close the menu.\n\t\tif (!this.isOverContextMenu(e) && !this.isOverEllipsisButton(e)) {\n\t\t\t// This stop propagation is needed in common canvas so that selected nodes will\n\t\t\t// remain selected even after clicking outside the context menu to close the menu.\n\t\t\tif (this.props.stopPropagation) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis.props.closeContextMenu();\n\t\t}\n\t}\n\n\t// Retruns true if the event occurred over the context menu.\n\tisOverContextMenu(e) {\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\treturn !domNode || domNode.contains(e.target);\n\t}\n\n\t// Returns true if the event occurred over the ellipsis button. Typically\n\t// there will be only one ellipsis button on the canvas, since they are only\n\t// displayed on hover, but in some test cicumstances there might be more\n\t// than one.\n\tisOverEllipsisButton(e) {\n\t\tconst ellipsisNodes = document.getElementsByClassName(\"d3-node-ellipsis-group\");\n\t\tlet state = false;\n\t\tfor (let i = 0; i < ellipsisNodes.length; i++) {\n\t\t\tif (state === false && ellipsisNodes[i].contains(e.target)) {\n\t\t\t\tstate = true;\n\t\t\t}\n\t\t}\n\t\treturn state;\n\t}\n\n\tcontextMenuClicked(action, param) {\n\t\tthis.props.contextMenuActionHandler(action, param);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<CommonContextMenu\n\t\t\t\tcontextHandler={this.contextMenuClicked}\n\t\t\t\tmenuDefinition={this.props.contextMenuDef}\n\t\t\t\tcanvasRect={this.getCanvasRect()}\n\t\t\t\tmousePos={this.props.contextMenuPos}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nContextMenuWrapper.propTypes = {\n\tcontextMenuDef: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string.isRequired,\n\tcontextMenuPos: PropTypes.object.isRequired,\n\tcontextMenuActionHandler: PropTypes.func.isRequired,\n\tcloseContextMenu: PropTypes.func.isRequired,\n\tstopPropagation: PropTypes.bool\n};\n"],"names":["_inherits","props","_classCallCheck","_this","logger","Logger","onClick","bind","_createClass","key","value","evt","color","target","dataset","this","clickActionHandler","log","React","className","tabIndex","Component","state","itemSelected","colorClicked","e","preventDefault","data","selectedEvent","contextHandler","stopPropagation","menu","numDividers","i","length","divider","height","width","mousePos","menuSize","canvasRect","menuPos","x","y","submenuItems","itemCount","disabledCount","forEach","submenuItem","enable","menuDefinition","customDivider","menuItems","runningYPos","previousDivider","submenu","push","MenuItem","attributes","subMenuSize","subMenuContent","buildColorPickerPanel","subMenu","buildSubMenu","disabled","areAllSubmenuItemsDisabled","calculateMenuSize","buildMenu","action","label","ColorPickerPanel","colorPickHandler","index","rtl","buildRtlState","subMenuPosStyle","buildSubMenuPosStyle","icon","Icon","type","CONTEXT_MENU_CARBON_ICONS","CHEVRONARROWS","RIGHT","menuItem","SubMenu","title","style","right","bottom","top","calculateMenuPos","posStyle","left","id","onContextMenu","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","clientRect","getElementById","containingDivId","getBoundingClientRect","ctrlKey","isOverContextMenu","isOverEllipsisButton","closeContextMenu","domNode","contains","ellipsisNodes","getElementsByClassName","param","contextMenuActionHandler","CommonContextMenu","contextMenuDef","getCanvasRect","contextMenuPos"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{F as default}from"../../index-
|
|
1
|
+
export{F as default}from"../../index-621d121a.js";import"../../createClass-be661622.js";import"../../getPrototypeOf-3751add9.js";import"../../isArrayLikeObject-a9c7973b.js";import"../../flexible-table-984c1cb1.js";import"../../extends-858c1544.js";import"react";import"react-intl";import"react-dom";import"carbon-components-react";import"../../_baseForOwn-d38b560e.js";import"react-virtualized";import"react-draggable";import"@carbon/icons-react";import"../tooltip.es.js";import"react-portal";import"uuid";import"react-resize-detector";import"../../canvas-constants-ba465147.js";import"../../en-7201b548.js";import"../../icon-53450584.js";import"react-inlinesvg";
|
|
2
2
|
//# sourceMappingURL=field-picker.es.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../../index-
|
|
1
|
+
"use strict";var e=require("../../index-d2d9aa72.js");require("../../createClass-826941b3.js"),require("../../getPrototypeOf-1e698126.js"),require("../../isArrayLikeObject-f3b27f64.js"),require("../../flexible-table-8d16ca9e.js"),require("../../extends-3cb3faa3.js"),require("react"),require("react-intl"),require("react-dom"),require("carbon-components-react"),require("../../_baseForOwn-7d4e8506.js"),require("react-virtualized"),require("react-draggable"),require("@carbon/icons-react"),require("../tooltip.js"),require("react-portal"),require("uuid"),require("react-resize-detector"),require("../../canvas-constants-07dbe4b7.js"),require("../../en-a08356c8.js"),require("../../icon-18729ae8.js"),require("react-inlinesvg"),module.exports=e.FieldPicker;
|
|
2
2
|
//# sourceMappingURL=field-picker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{F as t}from"../../flexible-table-
|
|
1
|
+
import{F as t}from"../../flexible-table-984c1cb1.js";export{F as default}from"../../flexible-table-984c1cb1.js";import"../../extends-858c1544.js";import"../../createClass-be661622.js";import"../../getPrototypeOf-3751add9.js";import"../../isArrayLikeObject-a9c7973b.js";import"react";import"react-intl";import"react-dom";import"carbon-components-react";import"../../_baseForOwn-d38b560e.js";import"react-virtualized";import"react-draggable";import"@carbon/icons-react";import"../tooltip.es.js";import"react-portal";import"uuid";import"react-resize-detector";
|
|
2
2
|
//# sourceMappingURL=flexible-table.es.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../../flexible-table-
|
|
1
|
+
"use strict";var e=require("../../flexible-table-8d16ca9e.js");require("../../extends-3cb3faa3.js"),require("../../createClass-826941b3.js"),require("../../getPrototypeOf-1e698126.js"),require("../../isArrayLikeObject-f3b27f64.js"),require("react"),require("react-intl"),require("react-dom"),require("carbon-components-react"),require("../../_baseForOwn-7d4e8506.js"),require("react-virtualized"),require("react-draggable"),require("@carbon/icons-react"),require("../tooltip.js"),require("react-portal"),require("uuid"),require("react-resize-detector"),module.exports=e.FlexibleTable;
|
|
2
2
|
//# sourceMappingURL=flexible-table.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{c as CommonProperties,P as PropertiesController}from"../common-properties-
|
|
1
|
+
export{c as CommonProperties,P as PropertiesController}from"../common-properties-648d23a3.js";export{F as FlexibleTable}from"../flexible-table-984c1cb1.js";export{F as FieldPicker}from"../index-621d121a.js";import"../createClass-be661622.js";import"../getPrototypeOf-3751add9.js";import"react";import"../en-7201b548.js";import"../isArrayLikeObject-a9c7973b.js";import"../datarecord-metadata-v3-schema-ba1f2849.js";import"carbon-components-react";import"../extends-858c1544.js";import"react-portal";import"react-redux";import"@carbon/icons-react";import"react-dom";import"../icon-53450584.js";import"react-inlinesvg";import"../canvas-constants-ba465147.js";import"uuid";import"./tooltip.es.js";import"redux";import"seedrandom";import"./command-stack.es.js";import"immutable";import"react-intl";import"date-fns";import"prop-types";import"../toolbar-9f4bb202.js";import"react-resize-detector";import"react-codemirror2";import"jsonschema";import"../_baseForOwn-d38b560e.js";import"react-virtualized";import"react-draggable";
|
|
2
2
|
//# sourceMappingURL=properties.es.js.map
|
package/dist/lib/properties.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../common-properties-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../common-properties-478094f0.js"),r=require("../flexible-table-8d16ca9e.js"),i=require("../index-d2d9aa72.js");require("../createClass-826941b3.js"),require("../getPrototypeOf-1e698126.js"),require("react"),require("../en-a08356c8.js"),require("../isArrayLikeObject-f3b27f64.js"),require("../datarecord-metadata-v3-schema-6a3754ce.js"),require("carbon-components-react"),require("../extends-3cb3faa3.js"),require("react-portal"),require("react-redux"),require("@carbon/icons-react"),require("react-dom"),require("../icon-18729ae8.js"),require("react-inlinesvg"),require("../canvas-constants-07dbe4b7.js"),require("uuid"),require("./tooltip.js"),require("redux"),require("seedrandom"),require("./command-stack.js"),require("immutable"),require("react-intl"),require("date-fns"),require("prop-types"),require("../toolbar-245632a5.js"),require("react-resize-detector"),require("react-codemirror2"),require("jsonschema"),require("../_baseForOwn-7d4e8506.js"),require("react-virtualized"),require("react-draggable"),exports.CommonProperties=e.commonProperties,exports.PropertiesController=e.PropertiesController,exports.FlexibleTable=r.FlexibleTable,exports.FieldPicker=i.FieldPicker;
|
|
2
2
|
//# sourceMappingURL=properties.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.properties-action-button{display:inline-block}.properties-action-button.hide{display:none}.properties-control-item>.properties-action-button,.properties-ctrl-wrapper>.properties-action-button{padding-top:1rem}.properties-action-image{padding:0 0 0 .5rem;cursor:pointer;align-self:flex-end}.properties-action-image.left{order:-1;padding:0 .5rem 0 0}.properties-action-image.hide{display:none}.properties-action-image.disabled{cursor:not-allowed;opacity:.5}.properties-control-item.hide{display:none}.properties-control-item[disabled] .properties-label-container,.properties-control-item[disabled] .properties-control-description{opacity:.5;pointer-events:none}.properties-control-item .properties-action-image.right{margin-left:auto;float:right}.properties-control-item .properties-action-image.left{float:left}.properties-label-container{display:flex;align-items:center;padding-bottom:.5rem}.properties-label-container label,.properties-label-container .properties-required-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container.table-control label,.properties-label-container.table-control .properties-required-indicator{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-label-container .tooltip-container,.properties-summary-link-container .tooltip-container,.properties-checkbox-tooltip-container .tooltip-container,.properties-radioset-panel .tooltip-container{display:flex;width:16px;height:16px;margin-left:.5rem;cursor:pointer}.properties-control-description{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-bottom:.5rem}.bx--label .properties-label-container{padding-bottom:0}.properties-title-editor{padding:1rem 0;border-bottom:1px #e0e0e0 solid}.properties-title-heading{padding:0 1rem .25rem;height:1.5rem;display:flex;align-items:center}.properties-title-heading .properties-title-heading-icon{height:1.5rem;width:1.5rem;margin-right:.5rem}.properties-title-heading .properties-title-heading-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px}.properties-title-heading .properties-title-editor-btn.help.help{margin-left:.25rem}.properties-title-editor-input{width:calc(100% - 0.5rem);top:1px;position:relative;display:inline-flex;align-items:center}.properties-title-editor-input.properties-title-editor-with-help{width:calc(100% - 2rem - 0.5rem)}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper{width:100%}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;min-width:unset;background:unset;text-overflow:ellipsis;border-bottom:unset}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input[readonly]{box-shadow:unset;cursor:default}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--form-requirement{margin:.25rem 0 0 1rem}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--text-input__field-wrapper--warning input{border-bottom:1px solid #8d8d8d}.properties-title-editor-input .properties-title-editor-btn{position:absolute;right:.125rem}.properties-title-editor-with-warning,.properties-title-editor-with-error{width:calc(100% - 2px)}.properties-close-button{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.properties-title-with-heading>.properties-close-button{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;padding:0}.properties-mr-button-container{width:16px;padding-left:2px;height:100%;display:flex;flex-direction:column;justify-content:center}.table-row-move-button.bx--btn--ghost{padding:0;min-height:24px;margin-bottom:8px}.table-row-move-button.bx--btn--ghost>svg{height:16px;width:16px;margin-left:0}.properties-mr-table-container{width:100%;display:inline-block}.properties-mr-table-container>tbody{width:100%;display:inline-block}.properties-mr-table-container>tbody .properties-mr-table-content{width:100%;display:flex;border-bottom:0}.properties-mr-table-container>tbody .properties-mr-table-content.disabled{pointer-events:none;opacity:.5}.properties-mr-table-container>tbody .properties-mr-table-content>td:first-of-type{width:100%}.properties-wf-content .properties-fp-table .properties-ft-container-wrapper{height:100%}.properties-fp-data{height:100%;display:flex;align-items:center}.properties-fp-field,.properties-fp-data{padding-left:1rem;display:flex;align-items:center}.properties-fp-schema{padding-left:1rem}.properties-fp-field-type-icon,.properties-fp-data-type-icon{display:flex;align-items:center;margin-right:.5rem}.properties-fp-field-type-icon>svg,.properties-fp-data-type-icon>svg{width:1rem;height:1rem}.properties-fp-filter-list{display:flex;align-items:center}.properties-fp-filter-list .properties-fp-filter-list-title.properties-fp-filter-list-li{width:auto;margin-left:1rem}.properties-fp-filter-list .properties-fp-filter-list-li{float:left;padding:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li button{min-height:1rem;padding:0;border:0}.properties-fp-filter-list .properties-fp-filter-list-li svg{height:1rem;width:1rem;margin:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li svg[disabled]{fill:#c6c6c6}.properties-fp-table{width:100%;height:100%}.properties-fp-table .properties-fp-top-row{width:50%;float:right;display:flex;justify-content:space-between}.properties-fp-table .properties-fp-top-row .properties-fp-reset-button-container span{margin-right:.25rem}.properties-fp-table .properties-ft-empty-table{display:none}.properties-modal .properties-fp-table,.properties-tearsheet-panel.bx--modal .properties-fp-table{padding-bottom:1.5rem;margin-bottom:4rem}.properties-modal .properties-fp-table .properties-fp-top-row,.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-fp-top-row{display:flex;justify-content:flex-end}.properties-modal .properties-fp-table .properties-modal-buttons,.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-modal-buttons{width:100%}.properties-modal .bx--modal-close{display:none}.properties-modal .bx--modal-container{padding:0}.properties-modal .bx--modal-content{margin-bottom:0;padding:0}.properties-modal.noButtons .bx--modal-footer{opacity:0;pointer-events:none;display:none}.properties-wf-overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:#161616;z-index:1000;cursor:default}.properties-wf-overlay.show{display:block;opacity:.5}.properties-wf-content{position:fixed;display:block;width:675px;margin-right:-675px;z-index:1001;background-color:#fff;right:0;transition:margin-right .1s}.properties-wf-content.show{margin-right:0;transition:margin-right .3s}.properties-wf-content .properties-wf-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;padding-left:1.5rem;display:flex;align-items:center;height:41px;border-bottom:1px solid #e0e0e0}.properties-wf-content .properties-wf-children{padding:1rem;overflow-y:auto;height:calc(100% - 41px - 64px)}.properties-light-disabled{background-color:#f4f4f4}.properties-validation-message{margin-top:.25rem;display:flex}.properties-validation-message .icon{margin:0 .125rem}.properties-validation-message .icon .properties-validation-icon-warning{fill:#f1c21b}.properties-validation-message .icon .properties-validation-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}.properties-validation-message .icon .properties-validation-icon-error{fill:#da1e28}.properties-validation-message .icon .properties-validation-icon-info{fill:#0043ce}.properties-validation-message .icon .properties-validation-icon-success{fill:#198038}.properties-validation-message span{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.properties-validation-message.error span{color:#da1e28}.properties-validation-message.hide{display:none}.properties-validation-message.inTable{margin-top:0;position:absolute;top:0}.properties-validation-message.inTable .icon svg{height:.5rem;width:.5rem}.properties-modal-buttons{justify-content:flex-end;display:flex;height:4rem;bottom:0;position:absolute;width:100%;left:0}.properties-modal-buttons.hide{display:none}.properties-modal-buttons .properties-apply-button,.properties-modal-buttons .properties-cancel-button{width:50%;max-width:unset;padding:0 0 1rem 1rem}.properties-primaryTabs .bx--tabs__nav-item{margin-left:1rem}.properties-single-category{padding:1rem}.properties-category-container{position:relative}.properties-category-container:last-of-type .properties-category-content.show{border-bottom:0}.properties-category-title{font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px;-webkit-text-decoration-color:#161616;text-decoration-color:#161616;color:#161616;height:46px;width:100%;display:flex;background-color:#f4f4f4;justify-content:space-between;align-items:center;padding:0 1rem;border:0;outline:none;border-bottom:1px solid #e0e0e0;cursor:pointer}.properties-category-title:hover{background-color:#e5e5e5}.properties-category-title>svg{height:20px;width:20px;fill:#161616}.properties-category-content{height:100%;padding:1rem;border-bottom:1px solid #e0e0e0;display:none}.properties-category-content.show{display:inherit}.properties-subtabs .bx--tabs__nav,.properties-primaryTabs .bx--tabs__nav{overflow-x:auto}.properties-static-text-container{display:flex;align-items:center;padding:.25rem 0}.properties-static-text-container .properties-static-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-static-text-container .properties-static-text.info{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-static-text-container svg{width:16px;height:16px;margin-right:.5rem}.properties-h-separator{margin-top:1rem;margin-bottom:1rem}.properties-link-text-container{display:flex;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:1rem;margin-top:1px;width:1rem;height:1rem;flex-shrink:0}.properties-link-text-container .properties-link-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-light-enabled{background-color:#fff}.properties-custom-panel+.properties-control-panel{padding-top:1rem}.properties-editor-form.tearsheet-container{height:100%;overflow:hidden}.properties-editor-form.tearsheet-container .properties-primaryTabs{position:absolute;height:2.5rem;padding-left:1rem}.properties-editor-form.tearsheet-container .properties-primary-tab-panel.tearsheet-container{height:calc(100% - 2.5rem);position:relative;top:2.5rem;overflow-y:auto;overflow-x:hidden}.properties-editor-form.tearsheet-container.field-picker{border-top:1px solid #e0e0e0;padding:1rem}.properties-ft-table-header{display:flex;justify-content:flex-end;height:2rem}.properties-ft-table-header .properties-ft-search-container{min-width:50%;flex-grow:1}.properties-ft-table-header .properties-ft-search-container .properties-ft-search-text svg{fill:#161616}.properties-ft-table-header .properties-ft-search-container .properties-ft-search-text input{background-color:#f4f4f4}.properties-ft-table-header .properties-ft-search-container.disabled{opacity:.5}.properties-ft-container-panel{height:calc(100% - 2rem)}.properties-ft-control-container{height:100%}.properties-ft-container-wrapper{height:400px;width:100%;position:relative;overflow:hidden}.properties-ft-container-wrapper.error{border:1px solid #da1e28}.properties-ft-container-wrapper.warning{border:1px solid #f1c21b}.properties-ft-container-absolute-noheader{position:absolute;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:#fff;display:flex;flex-direction:column}.properties-ft-container-absolute{height:100%;width:100%;background-color:#fff}.properties-ft-container-absolute .properties-ft-container{height:100%}.properties-ft-container-absolute div[data-role=properties-header-row]{width:inherit;display:inline-flex}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:focus{outline:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .properties-ft-column-sort-icon svg:not(:root){display:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:hover:not([disabled]) .properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .sort-column-active>.properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-tooltips-container{display:inline-flex;justify-content:space-between;width:100%;align-self:center;padding:0 1rem}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-container{overflow:hidden}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;font-weight:600}.properties-ft-empty-table{height:calc(5rem + 2.5rem);display:flex;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px}.properties-light-enabled .properties-ft-empty-table{background-color:#f4f4f4}.properties-light-disabled .properties-ft-empty-table{background-color:#fff}.properties-truncated-tooltip{overflow:hidden}.properties-truncated-tooltip .tooltip-trigger{width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-vt{width:100%;height:100%}.properties-vt .properties-autosized-vt>div[role=rowgroup]:focus{outline-style:none}.properties-vt .properties-autosized-vt .properties-vt-row-disabled{opacity:.5}.properties-vt .properties-autosized-vt .properties-vt-row-disabled:hover{border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-header-checkbox{height:2rem;display:flex;align-items:center;margin-left:1rem;margin-right:.25rem}.properties-vt div[data-role=properties-header-row]{background-color:#e0e0e0}.properties-vt div[data-role=properties-data-row]{background-color:#f4f4f4}.properties-vt .properties-autosized-vt-header{text-transform:none;margin-left:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper{margin-top:0;margin-bottom:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label{width:100%}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label span{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;line-height:unset}.properties-vt .properties-vt-column-with-resize,.properties-vt .properties-vt-column-without-resize{display:inline-flex;width:100%}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize{flex:0 0 .25rem;z-index:2;cursor:col-resize}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize:hover{background-color:#6f6f6f}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize-active{z-index:3}.properties-vt .properties-vt-column-with-resize:hover{background-color:#c6c6c6}.properties-vt .properties-vt-column-with-resize:hover .properties-vt-header-resize{background-color:#6f6f6f}.properties-vt .properties-vt-label-tip-icon{width:inherit;display:flex;align-items:center}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip{height:1rem;margin-left:.5rem}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip .properties-vt-info-icon:hover{cursor:pointer}.properties-vt .properties-vt-row-checkbox{height:2rem;margin-left:1rem;margin-right:.25rem}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class{border-top:1px solid transparent}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class.properties-vt-row-selected{border-top:1px solid #cacaca}.properties-vt .properties-vt-row-class{line-height:20px;border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-row-class:hover:not(.properties-vt-row-non-interactive):not(.properties-vt-row-selected){background-color:#e5e5e5}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-numberfield input{margin-bottom:5px}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-textarea textarea{resize:none;height:42px;min-width:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerColumn{margin-right:0;display:flex;flex-direction:row;justify-content:center;height:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__rowColumn{margin-right:0;margin-left:0}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn .properties-tooltips-container{padding:0;padding-left:1rem}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn:hover{background-color:#c6c6c6}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerTruncatedText{flex:auto}.properties-vt .properties-vt-row-selected{background-color:#e0e0e0;border-bottom:1px solid #cacaca}.properties-vt .properties-vt-row-selected:hover{background-color:#cacaca}.properties-vt .properties-vt-single-selection div[data-role=properties-header-row]{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-class{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-selected{border-left:4px solid #0f62fe;padding-left:0}.properties-vt .properties-vt-single-selection .properties-vt-row-selected:not(.properties-vt-row-disabled):hover{border-left:4px solid #0f62fe}.properties-vt .properties-vt-small-loading svg{stroke:#0f62fe}.properties-vt .properties-vt-autosizer{height:100%;width:100%}.properties-vt .properties-light-disabled div[data-role=properties-data-row]{background-color:#fff}.properties-vt .properties-light-disabled .bx--select--inline .bx--select-input[disabled]{background-color:#f4f4f4}.properties-vt .properties-ft-column-sort-icon{flex:0 0 1rem;align-self:center;height:1rem;margin-right:.5rem}.properties-empty-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-empty-table[disabled]{opacity:.5;pointer-events:none}.properties-empty-table .properties-empty-table-button{margin:1rem 0}.properties-custom-table-buttons .toolbar-div .toolbar-right-bar{display:none}.properties-custom-table-buttons .toolbar-popover-list{top:2rem;right:0}.properties-readonly.hide{display:none}.properties-readonly .properties-tooltips{white-space:normal;overflow:visible;word-break:break-word;text-overflow:clip}.properties-readonly span{white-space:normal;line-height:1.5;overflow-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.properties-readonly span[disabled]{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.properties-readonly .properties-field-readonly{height:100%;width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.properties-readonly .properties-field-readonly .properties-field-type-icon{width:15px;height:15px;float:left;margin-right:5px;flex-shrink:0}.properties-readonly .properties-field-readonly .properties-field-type-icon svg{width:16px;height:16px}.properties-readonly .tooltip-trigger span{white-space:nowrap}.properties-checkbox{display:flex;align-items:center;flex-wrap:wrap}.properties-checkbox .tooltip-container{margin-left:.5rem;cursor:pointer}.properties-checkbox .tooltip-container .tooltip-trigger{display:flex}.properties-checkbox .bx--form-item.bx--checkbox-wrapper{flex:initial}.properties-checkbox .properties-validation-message{flex:0 1 100%}.properties-checkbox.hide{display:none}.table .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-top:0;padding:1px}.properties-toggle .properties-label-container{padding-bottom:0}.properties-table-cell-control .bx--toggle__switch{margin-bottom:1rem}.properties-checkboxset.hide{display:none}.properties-checkboxset .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-bottom:.5rem;flex:0 1 auto}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container{display:flex;align-items:center}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container .tooltip-container{margin-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.error:not([disabled]){padding-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.warning:not([disabled]){padding-bottom:.25rem}.properties-dropdown .bx--list-box--expanded .bx--list-box__menu{margin-bottom:1px}.properties-dropdown.hide{display:none}.properties-table-cell-control>.properties-dropdown{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline .bx--select-input--inline__wrapper{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline svg{right:0}.properties-table-cell-control>.properties-dropdown .bx--select-input{width:inherit;background-color:transparent;padding:0 1.25rem 0 0;box-shadow:0 2px 0 0 #0f62fe}.properties-table-cell-control>.properties-dropdown .bx--select-input:hover{background:unset}.properties-table-cell-control>.properties-dropdown .bx--select-input:focus{outline:unset}.properties-table-cell-control>.properties-dropdown.error .bx--select-input{box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control>.properties-dropdown.warning .bx--select-input{box-shadow:0 2px 0 0 #f1c21b}.properties-expression-selection-container,.properties-field-and-values-table-container,.properties-functions-table-container{width:100%}.properties-expression-selection-container tbody tr,.properties-field-and-values-table-container tbody tr,.properties-functions-table-container tbody tr{border-bottom:0}.properties-expression-selection-container{padding-top:.5rem}.properties-expression-selection-operator{padding-bottom:2rem}.properties-field-table-container{width:48%;float:left}.properties-field-table-container .properties-ft-search-container{width:100%}.properties-value-table-container{width:48%;margin-left:52%}.properties-value-table-container .properties-ft-search-container{width:100%}.properties-functions-table{width:68%;float:left}.properties-functions-table .properties-ft-search-container{width:100%}.properties-help-table-container{width:28%;margin-left:70%}.properties-function-help-command{font-weight:700;text-decoration:underline}.properties-function-help-text{overflow-wrap:break-word}.properties-operator-title{padding-top:1rem;padding-bottom:2rem;width:100%;font-weight:bold;text-align:center}.properties-operator-container{display:flex;flex-wrap:wrap}.properties-operator-container .properties-operator-tooltip-container{width:36px;margin-right:.5rem;margin-top:.5rem}.properties-operator-container .properties-operator-button{height:36px;width:36px;padding:0}.properties-operator-container .properties-operator-button .properties-operator-button-label{margin:0 auto}.properties-expression-selection-content-switcher{padding-bottom:2.5rem}.properties-expression-selection-content-switcher div{max-width:50%;float:right}.properties-expression-field-select,.properties-expression-function-select{padding-top:1.5rem;padding-bottom:1.5rem}.properties-expression-table-dropdown-header{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding-bottom:.25rem}.properties-primaryTabs .bx--tabs-trigger{margin-bottom:5px}.properties-expression-toggle{position:relative;z-index:999}.properties-expression-toggle .properties-expression-toggle-absolute{position:absolute;width:100%}.properties-expression-toggle .properties-expression-toggle-absolute button.bx--btn.bx--btn--icon-only{position:absolute;right:0}.react-codemirror2 .CodeMirror{width:100%;background:#f4f4f4;color:#161616}.react-codemirror2 .CodeMirror .CodeMirror-gutters{border-right:none;background-color:inherit}.react-codemirror2 .CodeMirror .CodeMirror-lines{padding-top:1rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-line-like{padding-left:.5rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-placeholder{opacity:.5;font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-cursor{border-left:1px solid #161616}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-linenumber{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-line{padding-left:.5rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-line span{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.react-codemirror2 .cm-s-error.CodeMirror{border:.125rem solid #da1e28}.react-codemirror2 .cm-s-warning.CodeMirror{border:.125rem solid #f1c21b}.react-codemirror2 .cm-s-disabled.CodeMirror{opacity:.5}.react-codemirror2 .cm-s-custom .cm-keyword{color:#0f62fe}.react-codemirror2 .cm-s-custom .cm-number{color:#525252}.react-codemirror2 .cm-s-custom .cm-def{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-comment{color:#198038}.react-codemirror2 .cm-s-custom .cm-variable,.react-codemirror2 .cm-s-custom .cm-punctuation,.react-codemirror2 .cm-s-custom .cm-property,.react-codemirror2 .cm-s-custom .cm-operator{color:#161616}.react-codemirror2 .cm-s-custom .cm-variable-2{color:#161616}.react-codemirror2 .cm-s-custom .cm-variable-3,.react-codemirror2 .cm-s-custom .cm-type{color:#161616}.react-codemirror2 .cm-s-custom .cm-string{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-string-2{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-meta{color:#fff}.CodeMirror-hints{z-index:1110}.properties-expression-editor{border:1px solid #e0e0e0}.properties-expression-editor.disabled{opacity:.5}.properties-expression-editor.error,.properties-expression-editor.warning{border:0}.properties-light-disabled .CodeMirror{background:#fff}.properties-expression-link-container{display:flex;justify-content:space-between}.properties-expression-link-container .properties-expression-validate{display:flex;flex-direction:row-reverse}.properties-expression-link-container .properties-expression-validate .icon{margin:.125rem}.properties-expression-link-container .properties-expression-validate .icon svg{height:10px;width:10px}.properties-expression-link-container .properties-expression-validate .validateLink{min-height:2rem;padding:.25rem}.properties-expression-header{position:relative;height:2rem}.properties-expression-header .properties-expression-title{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;position:absolute;bottom:5px;left:0}.properties-expression-header .properties-expression-link-container{position:absolute;bottom:0;right:0}.properties-expression-button.bx--btn--sm.bx--btn--ghost{padding:.25rem}.properties-expression-button.bx--btn--sm.bx--btn--ghost svg{height:20px;width:20px;margin-left:0}.properties-radioset.hide{display:none}.properties-radioset .bx--form-item{margin-bottom:.25rem}.properties-radio-button-group{display:block}.properties-radio-button-group.horizontal{display:inline-flex;flex-wrap:wrap}.properties-radio-button-group.horizontal .properties-radioset-panel{display:flex;height:auto;align-items:center;margin-bottom:0}.properties-radio-button-group .properties-radioset-panel{margin-bottom:.25rem;margin-right:.75rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;overflow:hidden}.properties-radio-button-group .properties-radioset-panel .bx--radio-button-wrapper{margin-right:0}.properties-radio-button-group .properties-radioset-panel .properties-radioset-tooltip{display:flex;align-items:center;margin:2.5px 0 1.5px 0}.properties-radio-button-group .properties-radioset-panel .properties-control-nested-panel{flex-basis:100%;width:100%}.properties-radio-button-group .properties-radioset-panel:last-of-type{margin-bottom:0}.properties-radio-button-group.error:not([disabled]){padding-bottom:.25rem}.properties-radio-button-group.warning:not([disabled]){padding-bottom:.25rem}.properties-textarea .bx--form-item{margin-right:0;margin-bottom:0}.properties-textarea.hide{display:none}.properties-someofselect .properties-ft-container-absolute-noheader tr{border-bottom:0}.properties-someofselect .properties-ft-container-absolute-noheader tr:not(.disabled):hover{border:1px solid #0f62fe}.properties-someofselect.hide{display:none}.properties-someofselect.error .properties-ft-container-absolute-noheader{border:1px solid #da1e28}.properties-someofselect.warning .properties-ft-container-absolute-noheader{border:1px solid #f1c21b}.properties-someofselect .properties-vt-row-checkbox{margin-right:1rem}.properties-toggletext.hide{display:none}.properties-toggletext.error button{border-bottom:2px solid #da1e28}.properties-toggletext.warning button{border-bottom:2px solid #f1c21b}.properties-table-cell-control .properties-toggletext button{padding:0 .25rem}.properties-input-control.hide{display:none}.properties-input-control .bx--form-item{margin-right:0;margin-bottom:0}.properties-input-control input{min-width:unset}.properties-table-cell-control .properties-input-control{padding-bottom:5px;width:100%}.properties-table-cell-control .properties-input-control input{background:unset;background-color:unset;margin:0;padding:0;height:1.72rem}.properties-table-cell-control .properties-input-control input:focus{border-top:0;border-right:0;border-left:0}.properties-table-cell-control .properties-input-control.error input:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-input-control.warning input:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control input:disabled:hover{box-shadow:0 2px 0 0 #525252}.properties-table-cell-control .properties-textinput-readonly{margin-bottom:-5px}.properties-table-cell-control .properties-textinput-readonly .properties-validation-message.inTable{margin-left:-0.75rem}.properties-table-cell-control>div>:first-child{padding:0 1rem}.properties-table-subcell{display:flex;align-items:center;height:100%}.properties-at-selectedEditRows{background-color:#393939}.properties-at-selectedEditRows .properties-selectedEditRows-title{padding-top:10px;padding-bottom:10px;padding-left:12px;color:#fff}.properties-at-selectedEditRows .properties-ft-table-header{display:none}.properties-at-selectedEditRows .properties-vt-row-checkbox{width:1.25rem}.properties-at-selectedEditRows .properties-vt-row-class{background-color:#e0e0e0}.properties-at-selectedEditRows .properties-vt-row-class:hover{border:1px solid transparent;background-color:#cacaca}.properties-numberfield .bx--form-item{margin-right:0;margin-bottom:0}.properties-numberfield .properties-number-generator{margin-left:1rem;right:.125rem;width:2.5rem;min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.properties-numberfield.numberfield-with-number-generator{width:100%;display:inline-flex;align-items:flex-end}.properties-numberfield.numberfield-with-number-generator.error,.properties-numberfield.numberfield-with-number-generator.warning{align-items:flex-start}.properties-numberfield.numberfield-with-number-generator.error .properties-number-generator,.properties-numberfield.numberfield-with-number-generator.warning .properties-number-generator{margin-top:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number[data-invalid] .bx--form-requirement{display:none}.properties-table-cell-control .properties-numberfield.error input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.error input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-numberfield.warning input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.warning input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control .properties-numberfield input[type=number]{background-color:unset;padding:0;height:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number input[type=number]{min-width:0}.properties-structureeditor .hide{display:none}.properties-structureeditor-cell{padding-right:5px;vertical-align:middle}.properties-table-cell-control .properties-dropdown .bx--multi-select__wrapper>label{display:none}.properties-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.properties-ctrl-wrapper.hide{display:none}.properties-summary-panel.properties-summary-panel.hide{display:none}.properties-summary-panel.properties-summary-panel[disabled]{opacity:.5;pointer-events:none}.properties-summary-panel.properties-summary-panel .properties-summary-link-icon{width:16px;height:16px}.properties-summary-link-container{display:flex;align-items:center}.properties-summary-values{border-top:1px solid #e0e0e0;padding:1rem 0}.properties-summary-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;max-height:270px;width:100%;display:flex;margin:.5rem 0}.properties-summary-table>tbody{width:100%}.properties-summary-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;margin-bottom:1rem}.properties-summary-row-data>.tooltip-container{margin:1px 0}.properties-summary-row-data>.tooltip-container>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.properties-summary-row{display:flex;justify-content:space-between;padding:2px 0}button.properties-subpanel-button{padding:0;min-height:2rem;height:2rem;width:2rem;display:flex;justify-content:center}.properties-subpanel-modal-in-tearsheet .properties-light-disabled{background-color:#fff}.properties-sub-tab-container .bx--tab-content{padding-left:0;padding-right:0}.properties-leftnav-container{display:flex;border-top:px solid #e0e0e0;height:calc(100% + calc(1rem + 1rem));margin-top:-1rem;margin-left:-1rem;margin-bottom:calc(-1 * calc(1rem + 1rem))}.properties-leftnav-container .properties-leftnav-subtabs{width:282px;background-color:#fff;border-right:1px solid #e0e0e0;padding-top:.25rem;height:100%}.properties-leftnav-container .properties-leftnav-subtabs ul.bx--tabs--scrollable__nav{flex-direction:column;width:282px}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected{border-left:3px solid #0f62fe;border-bottom:0;background-color:#e0e0e0}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected:hover{background-color:#e5e5e5}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected.properties-leftnav-subtab-item button{border-left:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item:hover button{border-bottom:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button{border-left:3px solid transparent;border-bottom:0;transition:none}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:focus,.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:active{outline:0;border-bottom:0;transition:none}.properties-leftnav-container div.bx--tab-content{width:100%;padding:1rem}.properties-twisty-panel.hide{display:none}.properties-twisty-panel .bx--accordion__item{border-top:0;margin:0 -1rem}.properties-twisty-panel .bx--accordion__item--active .bx--accordion__content{padding:1.5rem 1rem 1rem}.properties-twisty-panel+.properties-control-panel{padding-top:1rem}.properties-text-panel .panel-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:.5rem}.properties-text-panel .panel-description{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:1rem}.properties-text-panel .tooltip-container{margin-bottom:.5rem}.properties-text-panel[disabled]{opacity:.5;pointer-events:none}.properties-text-panel.hide{display:none}.properties-action-panel{display:flex;flex-wrap:wrap;padding-bottom:.5rem}.properties-action-panel .properties-label-container{width:100%}.properties-action-panel:last-child{padding-bottom:1.5rem}.properties-action-panel[disabled]{opacity:.5;pointer-events:none}.properties-action-panel.hide{display:none}.properties-action-panel+.properties-control-panel{padding-top:.5rem}.properties-column-panel{display:grid;-moz-column-gap:1rem;column-gap:1rem}.properties-column-panel .properties-control-panel:not(:empty)+.properties-control-panel:not(:empty){padding-top:0}.properties-column-panel.hide{display:none}.properties-column-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel{display:block}.properties-control-panel:last-child{padding-bottom:.5rem}.properties-control-panel.hide{display:none}.properties-control-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel>.properties-control-panel:not(:empty):last-child{padding-bottom:0}.properties-control-panel+.properties-control-panel:not(:empty){padding-top:1.5rem}.properties-control-nested-panel{padding:0 0 0 1rem;border-left:1px solid #8d8d8d}.properties-control-nested-panel .properties-control-nested-panel{border-left:1px solid #e0e0e0}.properties-control-panel.tearsheet-container{display:flex;flex-direction:column;height:100%;flex-shrink:10}.properties-control-panel.tearsheet-container .properties-control-panel.tearsheet-container{height:unset}.properties-tearsheet-panel.bx--modal{align-items:flex-end}.properties-tearsheet-panel.bx--modal.is-visible .bx--modal-container{transform:translate3d(0, 0, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1)}.properties-tearsheet-panel.bx--modal .bx--modal-container{max-height:calc(100% - 88px);height:100%;width:calc(100% - 128px);transform:translate3d(0, 500px, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1);background-color:#f4f4f4}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;margin-bottom:0;background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header p{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body{padding:1.5rem 2rem;margin-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--multi-select,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--dropdown,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--number input[type=number],.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-input,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-area{background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.with-tabs{border-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.hide-close-button button.bx--modal-close{display:none}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-single-category{padding:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-primaryTabs{background-color:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-buttons{height:calc(100% - 4rem);border-bottom:1px solid #e0e0e0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-tabs{padding:0}.properties-tearsheet-panel.bx--modal .properties-modal-buttons{width:50%;right:0;left:unset}:export{flyoutWidthSmall:320px;flyoutWidthMedium:480px;flyoutWidthLarge:640px}.properties-right-flyout{font-size:14px;width:0;height:100%;overflow:hidden;border-left:1px solid #e0e0e0;outline:none}.properties-right-flyout.properties-small{width:320px}.properties-right-flyout.properties-medium{width:480px}.properties-right-flyout.properties-large{width:640px}.properties-right-flyout:hover .properties-btn-resize{visibility:visible;opacity:1}.properties-right-flyout .properties-btn-resize{transition:visibility 240ms,opacity 240ms;opacity:0;visibility:hidden;position:absolute;top:50%;left:-13px;z-index:1;min-height:24px;min-width:24px;background-color:#fff;border:1px #8d8d8d solid;padding:2px;justify-content:center}.properties-right-flyout .properties-btn-resize:hover{background-color:#e0e0e0}.properties-right-flyout .properties-btn-resize svg{fill:#161616;width:16px;height:16px}.properties-right-flyout>.properties-custom-container{height:calc(100% - 65px - 4rem);overflow-y:auto;transform:translateZ(0)}.properties-right-flyout>.properties-custom-container.properties-custom-container-with-heading{height:calc(100% - 89px - 4rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur{height:calc(100% - 6rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur-with-heading{height:calc(100% - 89px)}.properties-light-enabled{background-color:#fff}.properties-light-disabled{background-color:#f4f4f4}.properties-error-heading .properties-validation-message{padding:40px 10px 0;align-items:left;-webkit-box-align:left;display:flex}.properties-error-heading .properties-validation-message span{font-size:20px;font-weight:300;font-style:italic}.properties-error-heading .properties-validation-message svg{height:25px}.properties-error-content{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;padding:0 1.5rem}.properties-modal-container{height:70px;align-items:left}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item.properties-hidden-container,.properties-hidden-container{display:none}.properties-modal-error button:first-of-type{display:none}.properties-flyout-error-container{height:calc(100% - 46px)}.notification-panel-container{transition:.25s ease-in-out;opacity:1;margin-top:0}.notification-panel-container.panel-hidden{transition:.25s ease-in-out;display:block;opacity:0;visibility:hidden}.notification-panel{position:absolute;width:320px;height:-moz-fit-content;height:fit-content;right:0;top:41px}.notification-panel-header-container{min-height:35px;width:inherit;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;border-bottom:0;padding:1rem}.notification-panel-header-container .notification-panel-header{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.notification-panel-header-container .notification-panel-subtitle{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-top:.25rem}.notification-panel-header-container .notification-panel-close-icon{position:absolute;right:1rem;top:1.25rem;cursor:pointer}.notification-panel-clear-all-container{width:100%;height:49px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-weight:400;padding:.5rem 1rem}.notification-panel-clear-all-container .bx--btn--ghost.bx--btn--sm{width:-moz-fit-content;width:fit-content;padding:0}.notification-panel-messages-container{width:inherit;max-height:calc(100% - 35px);height:-moz-fit-content;height:fit-content}.notification-panel-messages{max-height:500px;height:-moz-fit-content;height:fit-content;overflow-y:auto;line-height:normal;background-color:#fff;border:1px solid #e0e0e0}.notification-panel-messages .notifications-button-container{border-bottom:1px solid #e0e0e0;min-height:48px}.notification-panel-messages .notification-panel-empty-message-container{min-height:48px;display:flex;justify-content:center;align-items:center}.notification-panel-messages .notification-panel-empty-message-container .notification-panel-empty-message{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;text-align:center;padding-right:30px;padding-left:30px}.notification-panel-messages .notifications-button-container:nth-last-of-type(1){border-bottom:0}.notification-panel-messages .notifications{padding:1rem 1rem 1rem calc(1rem - 4px);display:inline-flex;width:100%;min-height:48px;background-color:#fff;border-style:none;border-left:4px solid #fff;cursor:default;margin-top:0;margin-bottom:0}.notification-panel-messages .notifications.clickable{cursor:pointer}.notification-panel-messages .notifications:active,.notification-panel-messages .notifications:focus{outline:none;border-style:none;border-left:4px solid #fff}.notification-panel-messages .notifications:hover{background-color:#e5e5e5}.notification-panel-messages .notifications:hover.unspecified{border-left:4px solid #fff}.notification-panel-messages .notifications:hover.error{border-left:4px solid #da1e28}.notification-panel-messages .notifications:hover.warning{border-left:4px solid #f1c21b}.notification-panel-messages .notifications:hover.success{border-left:4px solid #198038}.notification-panel-messages .notifications:hover.info{border-left:4px solid #0043ce}.notification-panel-messages .notifications .notification-message-type{display:flex;justify-content:center;height:18px;width:-moz-fit-content;width:fit-content;padding-right:.5rem}.notification-panel-messages .notifications .notification-message-type>svg{display:flex;justify-content:center;width:1rem;height:100%}.notification-panel-messages .notifications .notification-message-details{text-align:left;overflow-wrap:break-word;width:266px}.notification-panel-messages .notifications .notification-message-details .notification-message-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252;padding-bottom:.25rem}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle hr{margin-bottom:.5rem;border-bottom:0;border-top:solid 1px #e0e0e0}.notification-panel-messages .notifications .notification-message-details .notification-message-content{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.notification-panel-messages+*{clear:both}.notification-message-timestamp{display:inline-flex;color:#525252}.notification-message-timestamp svg{width:10px;height:10px;margin-right:3px;margin-top:3px}.notification-message-timestamp .notification-message-string{font-size:10px;margin-top:auto;margin-bottom:auto}.notification-message-close:hover{text-decoration:underline}.canvas-icon .stroke,.canvas-icon.stroke{stroke:#161616}.canvas-icon .fill,.canvas-icon.fill{fill:#161616}.canvas-icon[disabled]{fill:#c6c6c6}svg.properties-icon,svg.canvas-icon{fill:#161616}svg.canvas-state-icon-error{fill:#da1e28}svg.canvas-state-icon-success{fill:#198038}svg.canvas-state-icon-warning{fill:#f1c21b}svg.canvas-state-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}svg.canvas-state-icon-info{fill:#0043ce}svg.canvas-state-icon-information-hollow{fill:#161616}.toolbar-div{height:40px;width:100%;background-color:#fff;border-bottom:1px solid #8d8d8d;box-sizing:content-box;position:relative;display:flex;justify-content:space-between;-webkit-user-drag:none}.toolbar-div.toolbar-size-small{height:2rem}.toolbar-div.toolbar-size-small .toolbar-left-bar{padding:0}.toolbar-div.toolbar-size-small .toolbar-item button,.toolbar-div.toolbar-size-small .toolbar-overflow-item>button{padding:0;height:2rem}.toolbar-div.toolbar-size-small .toolbar-item-content{padding:.25rem .5rem;height:2rem;align-items:center}.toolbar-div.toolbar-size-small .toolbar-popover-list button{padding:0}.toolbar-left-bar{flex-shrink:5000000;display:block;padding-right:42px;overflow:hidden;align-items:center}.toolbar-right-bar{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;flex-shrink:1;overflow:hidden}.toolbar-item{background-color:#fff;display:inline-block}.toolbar-item button{padding:0;height:40px;min-height:30px}.toolbar-item.default button,.toolbar-item.ghost button{background-color:#fff}.toolbar-item.default button:hover,.toolbar-item.ghost button:hover{background-color:#e5e5e5}.toolbar-item.default button:focus,.toolbar-item.ghost button:focus{background-color:#e5e5e5}.toolbar-item.default button:disabled:hover,.toolbar-item.ghost button:disabled:hover{background-color:#fff}.toolbar-item.tertiary button{color:#0f62fe;background-color:#fff}.toolbar-item.tertiary button:hover{background-color:#e5e5e5}.toolbar-item.tertiary button:disabled,.toolbar-item.tertiary button:disabled:hover{color:#c6c6c6;background-color:#fff}.toolbar-spacer{width:0;display:inline-block}.toolbar-overflow-item{background-color:#fff;display:inline-block}.toolbar-overflow-item button{padding:0;height:40px;min-height:30px;background-color:#fff;border-right:1px solid #e0e0e0}.toolbar-overflow-item button:hover{background-color:#e5e5e5}.toolbar-overflow-item button:disabled:hover{background-color:#fff}.toolbar-overflow-menu-item button{width:100%;padding-top:2px;padding-bottom:2px;min-height:20px}.toolbar-item-content{width:inherit;display:flex;justify-content:center;padding:11px}.toolbar-item-content.overflow{justify-content:left;padding:8px 0}.toolbar-item-content.default{color:#161616}.toolbar-item-content.disabled.default{color:#c6c6c6;fill:#c6c6c6}.toolbar-item-content .toolbar-icon{height:16px}.toolbar-item-content .toolbar-icon svg{height:16px;width:16px;-webkit-user-drag:none}.toolbar-text-content{position:absolute;top:14px;font-size:9px;line-height:9px;color:#161616}.toolbar-icon-label{line-height:16px}.toolbar-icon-label.before{padding-right:8px}.toolbar-icon-label.after{padding-left:8px}.toolbar-icon-label.overflow{padding-left:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.toolbar-jsx-item{height:40px;display:inline-flex;align-items:center;vertical-align:top;position:relative;background-color:#fff;padding:0}.toolbar-overflow-jsx-item{width:100%;height:38px;display:inline-flex;align-items:center;vertical-align:top;position:relative;padding:0}.toolbar-item-selected.default button,.toolbar-item-selected.ghost button{background-color:#e0e0e0;border-color:transparent;box-shadow:none;border-bottom:2px solid #0f62fe}.toolbar-divider{border-right:1px solid #e0e0e0;background-color:#fff;display:inline-block;height:40px;width:0}.toolbar-divider-overflow{height:0;border-bottom:1px solid #e0e0e0}.toolbar-popover-list{width:200px;z-index:1;top:calc(40px + 1px);display:block;position:absolute;list-style-type:none;padding:0;border:1px solid #e0e0e0;background-color:#fff}.toolbar-popover-list-hide{display:none}.tooltip-container,.tooltip-trigger{height:100%}.common-canvas-tooltip{font-size:12px;position:fixed;padding:1rem;background-color:#393939;border:1px solid #393939;font-weight:400;opacity:90%;color:#fff;line-height:1.2;text-align:left;z-index:10000;pointer-events:none;word-wrap:break-word;max-width:228px;border-radius:2px}.common-canvas-tooltip .bx--link{display:block;color:#78a9ff;margin-top:1rem;pointer-events:auto;cursor:pointer}.common-canvas-tooltip .bx--link:hover{color:#78a9ff;text-decoration:underline}.common-canvas-tooltip[direction=right]{transform:translate3d(-22px, 0, 0)}.common-canvas-tooltip[direction=top]{transform:translate3d(0, 22px, 0)}.common-canvas-tooltip[direction=left]{transform:translate3d(22px, 0, 0)}.common-canvas-tooltip[direction=bottom]{transform:translate3d(0, -22px, 0)}.icon-tooltip{padding:.125rem 1rem}.definition-tooltip{padding:.5rem 1rem}.common-canvas-tooltip #tipArrow{position:absolute;width:10px;height:14px}.common-canvas-tooltip[direction=top] #tipArrow{transform:rotate(-90deg)}.common-canvas-tooltip[direction=left] #tipArrow{transform:rotate(180deg)}.common-canvas-tooltip[direction=bottom] #tipArrow{transform:rotate(90deg)}.common-canvas-tooltip #tipArrow polyline{fill:#393939;stroke-width:0}.common-canvas-tooltip #tipArrow polygon{fill:#393939}.common-canvas-tooltip[aria-hidden=false]{transform:scaleX(1) translate3d(0, 0, 0) rotate(0deg);visibility:visible;opacity:100}.common-canvas-tooltip[aria-hidden=true]{visibility:hidden;opacity:0}.tip-palette-item,.tip-node{min-width:80px;max-width:180px;text-align:left}.tip-palette-category{font-size:10px;padding-bottom:4px;color:#fff}.tip-palette-label,.tip-node-label{font-weight:600;color:#fff}.tip-palette-desc,.tip-node-desc{padding-top:4px}.tip-node-status{position:absolute;width:12px;height:12px;right:1rem;top:.5rem}.tip-node-status.warning{fill:#f1c21b}.tip-node-status.error{fill:#da1e28}.tip-port{min-width:90px}.properties-tooltips{background-color:#393939;color:#fff;max-width:250px}.properties-tooltips #tipArrow polyline{fill:#393939}.context-menu-popover{cursor:pointer;min-width:160px;background-color:#fff;background-clip:padding-box;border:0;outline:none;position:absolute;z-index:2;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.context-menu-popover.popover>.arrow{display:none}.context-menu-popover.popover>.popover-content{padding:0}.react-contextmenu{min-width:160px;text-align:left;background-color:#f4f4f4;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:.25rem;outline:none;display:none;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.react-contextmenu--visible{display:inline-grid}.react-contextmenu-item{height:30px;padding:0 1em;clear:both;color:#161616;text-align:inherit;white-space:nowrap;background:0 0;border:0;display:flex;align-items:center}.react-contextmenu-item.react-contextmenu-item--disabled{opacity:.5;cursor:not-allowed}.react-contextmenu-item:active,.react-contextmenu-item:focus,.react-contextmenu-item:hover{background:#e5e5e5;text-decoration:none;border:0;outline:none}.react-contextmenu-item.react-contextmenu-submenu{padding:0}.react-contextmenu-item.react-contextmenu-submenu>div{padding-right:27px}.react-contextmenu-item svg{color:#161616;position:absolute;right:12px}.react-contextmenu-item.contextmenu-divider{height:1px;display:block;overflow:hidden;background-color:#e0e0e0;padding:0}.palette-flyout-div{border-right:1px solid #e0e0e0;font-size:14px;position:relative;height:100%;padding-bottom:5px;background-color:#fff;transition:.2s;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-div-open .palette-flyout-content{width:256px;transition:.2s ease-in-out}.palette-flyout-div-closed{transition:.2s ease-in-out;width:0}.palette-flyout-div-narrow{width:72px}.palette-flyout-content .palette-scroll{overflow-y:hidden}.palette-flyout-content .palette-content-list{border-bottom:0}.palette-flyout-content .palette-no-results-title{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;width:100%;padding:20px 20px 0;text-align:center}.palette-flyout-content .palette-no-results-desc{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:0 20px;text-align:center}.palette-flyout-content .palette-flyout-restrict-item{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;width:100%;padding:2.5rem 20px}.palette-flyout-content .palette-list-item-desc-button{color:#0f62fe;cursor:pointer;padding:5px 0 0}.palette-flyout-content .palette-list-item{height:46px;border-width:0;display:flex;flex-direction:column;align-items:center;padding:9px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.palette-flyout-content .palette-list-item:hover{background-color:#e0e0e0}.palette-flyout-content .palette-list-item .palette-list-item-category-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:1rem 10px 0 58px}.palette-flyout-content .palette-list-item .palette-list-item-category-label mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;align-items:center;height:100%;margin-left:20px}.palette-flyout-content .palette-list-item .palette-list-item-icon{width:28px;color:#525252}.palette-flyout-content .palette-list-item .palette-list-item-text-div{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-weight:400;padding:0 10px;width:calc(100% - 68px);line-height:1}.palette-flyout-content .palette-list-item .palette-list-item-text-div mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);margin-left:25px}.palette-flyout-content .palette-list-item .palette-list-item-description{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding:0 10px 0 58px;word-break:break-word;width:100%}.palette-flyout-content .palette-list-item .palette-list-item-description mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .highlight{background-color:#0f62fe}.palette-flyout-content .palette-list-item.search-result{min-height:46px;height:-moz-fit-content;height:fit-content;padding-bottom:1rem;padding-top:0px;padding-left:0px;border-bottom:1px solid #e0e0e0;padding-right:6px}.palette-flyout-content .palette-list-item.search-result .palette-list-item-icon-and-text{min-height:30px;padding-left:10px}.palette-flyout-categories{height:calc(100% - 41px);width:100%;position:absolute;overflow-x:hidden;overflow-y:overlay}.palette-flyout-categories li .bx--accordion__arrow{margin-top:15px}.palette-flyout-categories .bx--accordion__item--active button{border-bottom:1px solid #e0e0e0}.palette-flyout-categories .bx--accordion__item{border-top:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading{padding:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading .bx--accordion__title{margin:0;padding:0 0 0 11px;height:45px}.palette-flyout-categories li .bx--accordion__content{padding:0}.palette-flyout-category{cursor:pointer;border-width:0 0 0 1px;height:100%;align-items:center;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0;bottom:0}.palette-flyout-category-item{display:flex;align-items:center;min-height:44px;padding-left:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-item-loading{display:flex;margin-left:16px;width:100%;height:100%;justify-content:center;max-height:60px}.palette-flyout-category-item-icon{width:20px;margin-left:5px;fill:#161616;padding-top:4px}.palette-flyout-text-container{max-width:205px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-text{width:165px;overflow-wrap:break-word;line-height:1.2;padding-left:16px;align-items:center;height:100%;max-height:59px}.palette-flyout-category-text-abbr{line-height:46px;margin-left:0}.palette-flyout-category-text-no-image{line-height:46px;margin-left:16px;width:170px}.palette-flyout-category-count{line-height:46px;padding-left:5px}.palette-flyout-search-container{height:41px}.palette-flyout-search-container .palette-flyout-search{height:100%;overflow:hidden}.palette-flyout-search-container .palette-flyout-search .bx--search-magnifier svg{margin-left:10px}.palette-flyout-search-container .palette-flyout-search svg{fill:#161616}.palette-flyout-search-container .palette-flyout-search input{background:#fff;height:100%;padding-right:3rem;padding-left:52px}.palette-flyout-search-container .palette-flyout-search button{margin-right:8px;margin-top:4px;border-bottom-width:0}.palette-flyout-search-container .palette-flyout-search button.bx--search-close::before{content:none}.palette-loading-category .bx--accordion__arrow{display:none}.palette-dialog-div{position:absolute;bottom:35px;left:60px;width:473px;height:450px;font-size:14px;border:3px solid transparent;cursor:default;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.palette-dialog-div .palette-list-item{height:46px;border-width:1px;border-color:#e0e0e0;border-style:solid;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:19px}.palette-dialog-div .palette-list-item:hover{background-color:#e0e0e0}.palette-dialog-div .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;height:46px;align-items:center}.palette-dialog-div .palette-list-item .palette-list-item-icon{width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.palette-dialog-div .palette-list-item .palette-list-item-text-div{width:100%;display:block}.palette-dialog-div .palette-list-item .palette-list-item-text-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;line-height:16px}.palette-dialog-div .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);margin-left:25px}.palette-dialog-topbar{height:40px;padding:10px;background-color:#e0e0e0;border-bottom:1px solid #e0e0e0}.palette-dialog-topbar .left-navbar{height:20px;float:left;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-topbar .right-navbar{height:20px;float:right;vertical-align:middle}.palette-dialog-topbar .secondary-action{margin-left:10px;display:inline-block;cursor:pointer;width:20px}.palette-dialog-topbar .close-icon svg{fill:#393939}.palette-dialog-topbar .palette-three-way-icon-div{margin-left:5px;display:inline-block;cursor:pointer;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-content{height:404px;display:flex;background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.palette-dialog-categories{background-color:#e0e0e0;width:130px;min-width:130px;border-right:1px solid #e0e0e0;overflow-x:hidden}.palette-dialog-category{padding:10px;border-width:0 0 0 1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-category:hover{font-weight:600}.palette-dialog-category-selected{font-weight:600;border-color:#393939;border-width:0 0 0 1px;border-style:solid;width:130px;min-width:130px;padding-left:8px;padding-top:10px;padding-bottom:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer{width:112px;height:134px;display:inline-block;vertical-align:middle;text-align:center;border-width:1px;border-color:#e0e0e0;border-style:solid;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer:hover{border-color:#393939;color:#393939}.palette-dialog-grid-node-inner{padding-top:16px}.palette-dialog-grid-node-icon svg{display:inline-block}.palette-dialog-grid-node-icon .node-icon{width:64px;height:64px}.palette-dialog-grid-node-icon-warning{transform:scale(4);margin-top:25px}.palette-dialog-grid-node-text-warning{width:100%;padding-top:30px}.palette-dialog-grid-node-text{width:100%;padding-top:6px}.palette-scroll{overflow-y:auto}.palette-content-list{width:100%}.common-canvas{height:100%;width:100%;cursor:default;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;font-size:14px}.common-canvas-items-container{height:100%;position:relative;width:100%}.common-canvas-right-side-items{width:100%;display:flex}.common-canvas-main{width:100%;height:100%}.common-canvas-with-bottom-panel{width:100%;position:relative}.common-canvas-drop-div{height:calc(100% - 41px);width:100%;min-width:inherit;position:absolute;cursor:default;top:41px;overflow:hidden}.common-canvas-drop-div.common-canvas-toolbar-none{height:100%;top:0}.common-canvas-drop-div.common-canvas-toolbar-none.common-canvas-bottom-panel-is-open{top:0}.right-flyout-panel{height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.bottom-panel{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;border-top:1px solid #e0e0e0}.bottom-panel-drag{border-top:#e0e0e0;cursor:row-resize;flex:0 0 2px;border-top-width:1px;background:#fff;transition:all .2s ease-in}.bottom-panel-drag:hover{background:#0f62fe}.bottom-panel-contents{background-color:#fff;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%}.text-toolbar{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content}.text-toolbar .toolbar-div{position:relative;left:0;animation:raise-toolbar .3s linear;border:1px solid #8d8d8d;padding-right:0px}.text-toolbar .toolbar-div .toolbar-left-bar{padding-right:0px}.text-toolbar .text-toolbar-tick-svg{position:absolute;top:0;left:0;height:40px;width:40px;pointer-events:none}.text-toolbar .text-toolbar-tick-mark{fill:#393939}@keyframes raise-toolbar{from{height:0;top:41px}to{height:41px;top:0}}.common-canvas-right-side-items-under-toolbar{width:100%}.common-canvas-items-container-under-toolbar{height:calc(100% - 41px);width:100%;display:flex}.common-canvas-drop-div-under-toolbar{height:100%;width:100%;position:relative;cursor:default;overflow:hidden}.empty-canvas{position:absolute;line-height:1.5;left:50%;top:48%;cursor:default;transform:translate(-50%, -50%);pointer-events:none}.empty-canvas-image{color:#a8a8a8;opacity:.4;display:block;text-align:center}.empty-canvas-image svg{width:175px;height:175px}.empty-canvas-text1{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;padding-top:.25rem;color:#a8a8a8;display:block;text-align:center}.empty-canvas-text2{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;padding-top:.5rem;color:#a8a8a8;display:block;text-align:center}.dropzone-canvas{position:absolute;line-height:1.5;width:100%;height:100%;left:50%;top:50%;cursor:default;transform:translate(-50%, -50%);pointer-events:all;background-color:#f4f4f4;opacity:.75}.dropzone-canvas-rect{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border-color:#8d8d8d;border-style:dashed;border-width:2px}.toolbar-item-content.notificationCounterIcon.error>div>svg>.dot{fill:#da1e28}.toolbar-item-content.notificationCounterIcon.warning>div>svg>.dot{fill:#f1c21b}.toolbar-item-content.notificationCounterIcon.success>div>svg>.dot{fill:#198038}.toolbar-item-content.notificationCounterIcon.info>div>svg>.dot{fill:#0043ce}.state-tag{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#fff;background-color:#393939;height:40px;position:absolute;left:50%;top:16px;transform:translate(-50%, 0%);border-radius:20px;padding:9px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.state-tag svg{color:#fff;position:relative;top:3px;margin-left:14px}.state-tag span{margin:0 16px 0 10px}.d3-svg-canvas-div{cursor:default;height:100%;background-color:#f4f4f4}.d3-svg-canvas-div:focus{outline:none}.d3-foreign-object-ghost-label,.d3-foreign-object-node-label,.d3-foreign-object-dec-label,.d3-foreign-object-comment-text,.d3-foreign-object-text-entry{pointer-events:none;overflow:visible}.d3-region-selector{stroke:#161616;fill:#e0e0e0;opacity:.5}.d3-svg-background{fill:#f4f4f4}.d3-canvas-underlay{fill:#e0e0e0}.d3-temp-cursor-overlay{fill:transparent}.d3-back-to-previous-flow-box{stroke:#0f62fe;fill:#f4f4f4}.d3-back-to-previous-flow-box[data-pointer-hover=yes]{stroke:#0f62fe;fill:#e0e0e0}.d3-back-to-previous-flow-text{font-size:14px;font-weight:400;fill:#0f62fe}.d3-back-to-previous-flow-box,.d3-back-to-previous-flow-text{cursor:pointer}.d3-ghost-div{position:absolute;left:0;top:0;z-index:-10000}.d3-ghost-node{fill:#d0e2ff}.d3-node-group.d3-draggable,.d3-comment-group.d3-draggable{cursor:default}.d3-node-group-translucent{opacity:.5}.d3-node-sizing,.d3-comment-sizing{fill:transparent;stroke:transparent}.d3-node-body-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-group:hover>.d3-node-body-outline{stroke:#e0e0e0;stroke-width:1;fill:#cacaca}.d3-node-unavailable .d3-node-body-outline,.d3-node-unavailable .d3-node-label,.d3-node-unavailable svg path{stroke:#c6c6c6;fill:#8d8d8d;color:#c6c6c6}.d3-node-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-node-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:5;fill:transparent}.d3-node-image-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-label span{pointer-events:auto}.d3-node-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-node-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-group[data-new-link-over=yes] .d3-node-selection-highlight{stroke:#0f62fe;stroke-dasharray:4;stroke-width:2;fill:#fff;pointer-events:none}.d3-node-error-label{color:#da1e28}.d3-node-warning-label{color:#f1c21b}.d3-label-single-line{white-space:nowrap;text-overflow:ellipsis}.d3-label-multi-line{white-space:pre-wrap;word-wrap:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.d3-label-multi-line .d3-label-full{display:inline-block}.d3-label-multi-line-entry{white-space:pre-wrap;word-wrap:normal;word-break:break-word}.d3-label-multi-line-entry .d3-label-full{display:inline-block}.d3-label-center{text-align:center}.d3-label-edit-icon-group .d3-label-edit-icon-background1{fill:transparent}.d3-label-edit-icon-group .d3-label-edit-icon-background2{fill:#f4f4f4}.d3-label-edit-icon-group:hover .d3-label-edit-icon-background2{fill:#e0e0e0}.d3-label-edit-icon-group svg{fill:currentColor;color:#161616}.d3-node-dec-outline,.d3-link-dec-outline{fill:transparent;stroke:#161616;stroke-width:1;stroke-dasharray:0}.d3-node-dec-label,.d3-link-dec-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-label span,.d3-link-dec-label span{pointer-events:auto}.d3-dec-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-dec-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-dec-path,.d3-link-dec-path{fill:#161616;stroke:#161616;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-image,.d3-link-dec-image{stroke-width:1;stroke-dasharray:0;fill:currentColor;color:#161616}.d3-node-ellipsis-group .d3-node-ellipsis-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group .d3-node-ellipsis{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group:hover .d3-node-ellipsis-background{fill:#e0e0e0}.d3-node-super-expand-icon-group .d3-node-super-expand-icon-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group .d3-node-super-expand-icon{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group:hover .d3-node-super-expand-icon-background{fill:#e0e0e0}.d3-error-circle{stroke:#f4f4f4;stroke-width:2;fill:#da1e28}.d3-warning-circle{stroke:#f4f4f4;stroke-width:2;fill:#f1c21b}.d3-error-circle-off{display:none}.d3-node-port-output{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-output[connected=yes]{stroke:#393939;fill:#393939;stroke-width:2}.d3-node-port-output:hover{stroke:#393939;fill:#393939}.d3-node-port-input{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc,.d3-node-port-output-assoc{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc:hover,.d3-node-port-output-assoc:hover{stroke:#393939;fill:#393939}.d3-node-port-input[connected=yes]{stroke:#fff;fill:#fff;stroke-width:1}.d3-node-port-input[connected=yes] .d3-node-port-input-arrow{stroke:#393939;stroke-width:1;fill:transparent}.d3-node-port-input[connected=yes][isSupernodeBinding=yes]{stroke:#393939;fill:#f4f4f4;stroke-width:1}.d3-node-port-input-arrow{stroke:transparent;fill:transparent}.d3-new-connection-line[linkType=nodeLink],.d3-new-connection-line[linkType=associationLink]{stroke:#78a9ff;stroke-width:2;stroke-dasharray:10 10;fill:none}.d3-new-connection-start[linkType=nodeLink],.d3-new-connection-start[linkType=associationLink]{stroke:#78a9ff;fill:#f4f4f4}.d3-new-connection-guide[linkType=nodeLink],.d3-new-connection-guide[linkType=associationLink]{stroke:#78a9ff;fill:#78a9ff}.d3-new-connection-line[linkType=commentLink]{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:10 10;fill:none}.d3-new-connection-guide[linkType=commentLink]{stroke:#8d8d8d;stroke-width:4;fill:#8d8d8d}.d3-new-connection-arrow[linkType=commentLink]{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-port-circle{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-group:hover .d3-comment-rect{stroke:#4c4c4c}.d3-comment-rect{fill:#fff;stroke:#c6c6c6;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}g.bkg-col-white-0 .d3-comment-rect{fill:#fff}g.bkg-col-white-0 .d3-comment-entry{background-color:#fff;color:#161616}g.bkg-col-yellow-20 .d3-comment-rect{fill:#fddc69}g.bkg-col-yellow-20 .d3-comment-entry{background-color:#fddc69;color:#161616}g.bkg-col-gray-20 .d3-comment-rect{fill:#e0e0e0}g.bkg-col-gray-20 .d3-comment-entry{background-color:#e0e0e0;color:#161616}g.bkg-col-green-20 .d3-comment-rect{fill:#a7f0ba}g.bkg-col-green-20 .d3-comment-entry{background-color:#a7f0ba;color:#161616}g.bkg-col-teal-20 .d3-comment-rect{fill:#9ef0f0}g.bkg-col-teal-20 .d3-comment-entry{background-color:#9ef0f0;color:#161616}g.bkg-col-cyan-20 .d3-comment-rect{fill:#bae6ff}g.bkg-col-cyan-20 .d3-comment-entry{background-color:#bae6ff;color:#161616}g.bkg-col-red-50 .d3-comment-rect{fill:#fa4d56}g.bkg-col-red-50 .d3-comment-entry{background-color:#fa4d56;color:#161616}g.bkg-col-orange-40 .d3-comment-rect{fill:#ff832b}g.bkg-col-orange-40 .d3-comment-entry{background-color:#ff832b;color:#161616}g.bkg-col-gray-50 .d3-comment-rect{fill:#8d8d8d}g.bkg-col-gray-50 .d3-comment-entry{background-color:#8d8d8d;color:#161616}g.bkg-col-green-50 .d3-comment-rect{fill:#24a148}g.bkg-col-green-50 .d3-comment-entry{background-color:#24a148;color:#161616}g.bkg-col-teal-50 .d3-comment-rect{fill:#009d9a}g.bkg-col-teal-50 .d3-comment-entry{background-color:#009d9a;color:#161616}g.bkg-col-cyan-50 .d3-comment-rect{fill:#1192e8}g.bkg-col-cyan-50 .d3-comment-entry{background-color:#1192e8;color:#161616}.d3-comment-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-comment-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:3;fill:transparent;pointer-events:none}.d3-comment-text{color:#161616;background-color:transparent;font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;border-width:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-comment-text h1{font-size:28px;font-weight:500}.d3-comment-text h2{font-size:22px;font-weight:500}.d3-comment-text h3{font-size:18px;font-weight:500}.d3-comment-text h4{font-size:16px;font-weight:500}.d3-comment-text h5{font-size:14px;font-weight:500}.d3-comment-text h6{font-size:12px;font-weight:500}.d3-comment-text p{font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;line-height:14px;letter-spacing:.15px}.d3-comment-text hr{border-top-color:#e0e0e0}.d3-comment-text img{max-width:100%}.d3-comment-text blockquote{padding:0 12px;border-left:3px solid #e0e0e0;line-height:8px}.d3-comment-text code{font-size:12px;font-weight:400;line-height:14px;background-color:#e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre{font-size:12px;font-weight:400;line-height:14px;background-color:#f4f4f4;padding:4px;border:1px solid #e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre code{background-color:#f4f4f4}.d3-comment-text table{width:100%;max-width:100%;margin-bottom:20px;border-spacing:0;border-collapse:collapse;box-sizing:border-box;text-indent:initial;color:#161616}.d3-comment-text table thead{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-size:12px;display:table-header-group;vertical-align:middle;border-color:inherit;background-color:#e0e0e0;text-align:left}.d3-comment-text table thead tr th{padding:8px;border-bottom:2px solid #e0e0e0}.d3-comment-text table tbody{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;font-size:12px}.d3-comment-text table tbody tr{border-bottom:2px solid #e0e0e0;background-color:#f4f4f4}.d3-comment-text table tbody tr td{padding:8px}.d3-comment-text li{display:list-item;margin-top:-7px;margin-bottom:-7px}.d3-comment-text li:first-child{margin-top:-14px}.d3-comment-text li:last-child{margin-bottom:-14px}.d3-comment-text li p{margin:0 0 10px;-webkit-margin-before:-14px;margin-block-start:-14px}.d3-comment-text ul{list-style-type:disc;-webkit-padding-start:30px;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ul ul{list-style-type:circle;margin-bottom:-14px}.d3-comment-text ul ol{margin-bottom:-14px}.d3-comment-text ul ul ul{list-style-type:square}.d3-comment-text ol{list-style-type:decimal;-webkit-padding-start:30px;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ol ol{list-style-type:lower-alpha;margin-bottom:-14px}.d3-comment-text ol ul{margin-bottom:-14px}.d3-comment-text ol ol ol{list-style-type:lower-roman}.d3-comment-entry{color:#161616;background-color:transparent;font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;background-color:#fff;border-width:6px}.d3-comment-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-link-line,.d3-link-line-arrow-head{fill:none;pointer-events:none}.d3-comment-link .d3-link-line{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:7.3}.d3-comment-link .d3-link-line-arrow-head{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:0}.d3-object-link .d3-link-line{stroke:#161616;stroke-width:2;stroke-dasharray:5.5}.d3-association-link .d3-link-line{stroke:#8d8d8d;stroke-width:2}.d3-data-link .d3-link-line{stroke:#78a9ff;stroke-width:2}.d3-data-link .d3-link-line-arrow-head{stroke:#78a9ff;stroke-width:2;stroke-dasharray:0}.d3-link-selection-area{fill:none;stroke:transparent;stroke-width:12}.d3-link-selection-area.d3-extra-width{stroke-width:80}.d3-link-group:hover .d3-link-line,.d3-link-group:hover .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:2}.d3-link-group[data-selected] .d3-link-line,.d3-link-group[data-selected] .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:3}.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line-arrow-head,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:5}.d3-link-handle-start{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-start,.d3-link-group[data-selected] .d3-link-handle-start{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.d3-link-handle-end{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-end,.d3-link-group[data-selected] .d3-link-handle-end{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.color-picker-panel{width:100%;height:55px;display:flex;flex-wrap:wrap}.color-picker-panel .color-picker-item{width:20px;height:20px;margin:5px 0 0 5px;cursor:pointer}.color-picker-panel .color-picker-item.white-0{background-color:#fff;border:1px solid #8d8d8d}.color-picker-panel .color-picker-item.yellow-20{background-color:#fddc69}.color-picker-panel .color-picker-item.gray-20{background-color:#e0e0e0}.color-picker-panel .color-picker-item.green-20{background-color:#a7f0ba}.color-picker-panel .color-picker-item.teal-20{background-color:#9ef0f0}.color-picker-panel .color-picker-item.cyan-20{background-color:#bae6ff}.color-picker-panel .color-picker-item.red-50{background-color:#fa4d56}.color-picker-panel .color-picker-item.orange-40{background-color:#ff832b}.color-picker-panel .color-picker-item.gray-50{background-color:#8d8d8d}.color-picker-panel .color-picker-item.green-50{background-color:#24a148}.color-picker-panel .color-picker-item.teal-50{background-color:#009d9a}.color-picker-panel .color-picker-item.cyan-50{background-color:#1192e8}
|
|
1
|
+
.properties-action-button{display:inline-block}.properties-action-button.hide{display:none}.properties-control-item>.properties-action-button,.properties-ctrl-wrapper>.properties-action-button{padding-top:1rem}.properties-action-image{padding:0 0 0 .5rem;cursor:pointer;align-self:flex-end}.properties-action-image.left{order:-1;padding:0 .5rem 0 0}.properties-action-image.hide{display:none}.properties-action-image.disabled{cursor:not-allowed;opacity:.5}.properties-control-item.hide{display:none}.properties-control-item[disabled] .properties-label-container,.properties-control-item[disabled] .properties-control-description{opacity:.5;pointer-events:none}.properties-control-item .properties-action-image.right{margin-left:auto;float:right}.properties-control-item .properties-action-image.left{float:left}.properties-label-container{display:flex;align-items:center;padding-bottom:.5rem}.properties-label-container label,.properties-label-container .properties-required-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container.table-control label,.properties-label-container.table-control .properties-required-indicator{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-label-container .tooltip-container,.properties-summary-link-container .tooltip-container,.properties-checkbox-tooltip-container .tooltip-container,.properties-radioset-panel .tooltip-container{display:flex;width:16px;height:16px;margin-left:.5rem;cursor:pointer}.properties-control-description{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-bottom:.5rem}.bx--label .properties-label-container{padding-bottom:0}.properties-title-editor{padding:1rem 0;border-bottom:1px #e0e0e0 solid}.properties-title-heading{padding:0 1rem .25rem;height:1.5rem;display:flex;align-items:center}.properties-title-heading .properties-title-heading-icon{height:1.5rem;width:1.5rem;margin-right:.5rem}.properties-title-heading .properties-title-heading-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px}.properties-title-heading .properties-title-editor-btn.help.help{margin-left:.25rem}.properties-title-editor-input{width:calc(100% - 0.5rem);top:1px;position:relative;display:inline-flex;align-items:center}.properties-title-editor-input.properties-title-editor-with-help{width:calc(100% - 2rem - 0.5rem)}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper{width:100%}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;min-width:unset;background:unset;text-overflow:ellipsis;border-bottom:unset}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input[readonly]{box-shadow:unset;cursor:default}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--form-requirement{margin:.25rem 0 0 1rem}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--text-input__field-wrapper--warning input{border-bottom:1px solid #8d8d8d}.properties-title-editor-input .properties-title-editor-btn{position:absolute;right:.125rem}.properties-title-editor-with-warning,.properties-title-editor-with-error{width:calc(100% - 2px)}.properties-close-button{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.properties-title-with-heading>.properties-close-button{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;padding:0}.properties-mr-button-container{width:16px;padding-left:2px;height:100%;display:flex;flex-direction:column;justify-content:center}.table-row-move-button.bx--btn--ghost{padding:0;min-height:24px;margin-bottom:8px}.table-row-move-button.bx--btn--ghost>svg{height:16px;width:16px;margin-left:0}.properties-mr-table-container{width:100%;display:inline-block}.properties-mr-table-container>tbody{width:100%;display:inline-block}.properties-mr-table-container>tbody .properties-mr-table-content{width:100%;display:flex;border-bottom:0}.properties-mr-table-container>tbody .properties-mr-table-content.disabled{pointer-events:none;opacity:.5}.properties-mr-table-container>tbody .properties-mr-table-content>td:first-of-type{width:100%}.properties-wf-content .properties-fp-table .properties-ft-container-wrapper{height:100%}.properties-fp-data{height:100%;display:flex;align-items:center}.properties-fp-field,.properties-fp-data{padding-left:1rem;display:flex;align-items:center}.properties-fp-schema{padding-left:1rem}.properties-fp-field-type-icon,.properties-fp-data-type-icon{display:flex;align-items:center;margin-right:.5rem}.properties-fp-field-type-icon>svg,.properties-fp-data-type-icon>svg{width:1rem;height:1rem}.properties-fp-filter-list{display:flex;align-items:center}.properties-fp-filter-list .properties-fp-filter-list-title.properties-fp-filter-list-li{width:auto;margin-left:1rem}.properties-fp-filter-list .properties-fp-filter-list-li{float:left;padding:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li button{min-height:1rem;padding:0;border:0}.properties-fp-filter-list .properties-fp-filter-list-li svg{height:1rem;width:1rem;margin:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li svg[disabled]{fill:#c6c6c6}.properties-fp-table{width:100%;height:100%}.properties-fp-table .properties-fp-top-row{width:50%;float:right;display:flex;justify-content:space-between}.properties-fp-table .properties-fp-top-row .properties-fp-reset-button-container span{margin-right:.25rem}.properties-fp-table .properties-ft-empty-table{display:none}.properties-modal .properties-fp-table{padding-bottom:1.5rem;margin-bottom:4rem}.properties-modal .properties-fp-table .properties-fp-top-row{justify-content:flex-end}.properties-tearsheet-panel.bx--modal .properties-fp-table{border-top:1px solid #e0e0e0;padding:1rem}.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-fp-top-row{justify-content:flex-end}.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-modal-buttons{width:100%}.properties-modal .bx--modal-close{display:none}.properties-modal .bx--modal-container{padding:0}.properties-modal .bx--modal-content{margin-bottom:1rem;padding:0}.properties-modal.noButtons .bx--modal-footer{opacity:0;pointer-events:none;display:none}.properties-wf-overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:#161616;z-index:1000;cursor:default}.properties-wf-overlay.show{display:block;opacity:.5}.properties-wf-content{position:fixed;display:block;width:675px;margin-right:-675px;z-index:1001;background-color:#fff;right:0;transition:margin-right .1s}.properties-wf-content.show{margin-right:0;transition:margin-right .3s}.properties-wf-content .properties-wf-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;padding-left:1.5rem;display:flex;align-items:center;height:41px;border-bottom:1px solid #e0e0e0}.properties-wf-content .properties-wf-children{padding:1rem;overflow-y:auto;height:calc(100% - 41px - 64px)}.properties-light-disabled{background-color:#f4f4f4}.properties-validation-message{margin-top:.25rem;display:flex}.properties-validation-message .icon{margin:0 .125rem}.properties-validation-message .icon .properties-validation-icon-warning{fill:#f1c21b}.properties-validation-message .icon .properties-validation-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}.properties-validation-message .icon .properties-validation-icon-error{fill:#da1e28}.properties-validation-message .icon .properties-validation-icon-info{fill:#0043ce}.properties-validation-message .icon .properties-validation-icon-success{fill:#198038}.properties-validation-message span{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.properties-validation-message.error span{color:#da1e28}.properties-validation-message.hide{display:none}.properties-validation-message.inTable{margin-top:0;position:absolute;top:0}.properties-validation-message.inTable .icon svg{height:.5rem;width:.5rem}.properties-modal-buttons{justify-content:flex-end;display:flex;height:4rem;bottom:0;position:absolute;width:100%;left:0}.properties-modal-buttons.hide{display:none}.properties-modal-buttons .properties-apply-button,.properties-modal-buttons .properties-cancel-button{width:50%;max-width:unset;padding:0 0 1rem 1rem}.properties-primaryTabs .bx--tabs__nav-item{margin-left:1rem}.properties-single-category{padding:1rem}.properties-category-container{position:relative}.properties-category-container:last-of-type .properties-category-content.show{border-bottom:0}.properties-category-title{font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px;-webkit-text-decoration-color:#161616;text-decoration-color:#161616;color:#161616;height:46px;width:100%;display:flex;background-color:#f4f4f4;justify-content:space-between;align-items:center;padding:0 1rem;border:0;outline:none;border-bottom:1px solid #e0e0e0;cursor:pointer}.properties-category-title:hover{background-color:#e5e5e5}.properties-category-title>svg{height:20px;width:20px;fill:#161616}.properties-category-content{height:100%;padding:1rem;border-bottom:1px solid #e0e0e0;display:none}.properties-category-content.show{display:inherit}.properties-subtabs .bx--tabs__nav,.properties-primaryTabs .bx--tabs__nav{overflow-x:auto}.properties-static-text-container{display:flex;align-items:center;padding:.25rem 0}.properties-static-text-container .properties-static-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-static-text-container .properties-static-text.info{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-static-text-container svg{width:16px;height:16px;margin-right:.5rem}.properties-h-separator{margin-top:1rem;margin-bottom:1rem}.properties-link-text-container{display:flex;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:1rem;margin-top:1px;width:1rem;height:1rem;flex-shrink:0}.properties-link-text-container .properties-link-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-light-enabled{background-color:#fff}.properties-custom-panel+.properties-control-panel{padding-top:1rem}.properties-editor-form.tearsheet-container{height:100%;overflow:hidden}.properties-editor-form.tearsheet-container .properties-primaryTabs{position:absolute;height:2.5rem;padding-left:1rem}.properties-editor-form.tearsheet-container .properties-primary-tab-panel.tearsheet-container{height:calc(100% - 2.5rem);position:relative;top:2.5rem;overflow-y:auto;overflow-x:hidden}.properties-ft-table-header{display:flex;justify-content:flex-end;height:2rem}.properties-ft-table-header .properties-ft-search-container{min-width:50%;flex-grow:1}.properties-ft-table-header .properties-ft-search-container .properties-ft-search-text svg{fill:#161616}.properties-ft-table-header .properties-ft-search-container .properties-ft-search-text input{background-color:#f4f4f4}.properties-ft-table-header .properties-ft-search-container.disabled{opacity:.5}.properties-ft-container-panel{height:calc(100% - 2rem)}.properties-ft-control-container{height:100%}.properties-ft-container-wrapper{height:400px;width:100%;position:relative;overflow:hidden}.properties-ft-container-wrapper.error{border:1px solid #da1e28}.properties-ft-container-wrapper.warning{border:1px solid #f1c21b}.properties-ft-container-absolute-noheader{position:absolute;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:#fff;display:flex;flex-direction:column}.properties-ft-container-absolute{height:100%;width:100%;background-color:#fff}.properties-ft-container-absolute .properties-ft-container{height:100%}.properties-ft-container-absolute div[data-role=properties-header-row]{width:inherit;display:inline-flex}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:focus{outline:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .properties-ft-column-sort-icon svg:not(:root){display:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:hover:not([disabled]) .properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .sort-column-active>.properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-tooltips-container{display:inline-flex;justify-content:space-between;width:100%;align-self:center;padding:0 1rem}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-container{overflow:hidden}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;font-weight:600}.properties-ft-empty-table{height:calc(5rem + 2.5rem);display:flex;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px}.properties-light-enabled .properties-ft-empty-table{background-color:#f4f4f4}.properties-light-disabled .properties-ft-empty-table{background-color:#fff}.properties-truncated-tooltip{overflow:hidden}.properties-truncated-tooltip .tooltip-trigger{width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-vt{width:100%;height:100%}.properties-vt .properties-autosized-vt>div[role=rowgroup]:focus{outline-style:none}.properties-vt .properties-autosized-vt .properties-vt-row-disabled{opacity:.5}.properties-vt .properties-autosized-vt .properties-vt-row-disabled:hover{border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-header-checkbox{height:2rem;display:flex;align-items:center;margin-left:1rem;margin-right:.25rem}.properties-vt div[data-role=properties-header-row]{background-color:#e0e0e0}.properties-vt div[data-role=properties-data-row]{background-color:#f4f4f4}.properties-vt .properties-autosized-vt-header{text-transform:none;margin-left:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper{margin-top:0;margin-bottom:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label{width:100%}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label span{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;line-height:unset}.properties-vt .properties-vt-column-with-resize,.properties-vt .properties-vt-column-without-resize{display:inline-flex;width:100%}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize{flex:0 0 .25rem;z-index:2;cursor:col-resize}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize:hover{background-color:#6f6f6f}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize-active{z-index:3}.properties-vt .properties-vt-column-with-resize:hover{background-color:#c6c6c6}.properties-vt .properties-vt-column-with-resize:hover .properties-vt-header-resize{background-color:#6f6f6f}.properties-vt .properties-vt-label-tip-icon{width:inherit;display:flex;align-items:center}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip{height:1rem;margin-left:.5rem}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip .properties-vt-info-icon:hover{cursor:pointer}.properties-vt .properties-vt-row-checkbox{height:2rem;margin-left:1rem;margin-right:.25rem}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class{border-top:1px solid transparent}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class.properties-vt-row-selected{border-top:1px solid #cacaca}.properties-vt .properties-vt-row-class{line-height:20px;border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-row-class:hover:not(.properties-vt-row-non-interactive):not(.properties-vt-row-selected){background-color:#e5e5e5}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-numberfield input{margin-bottom:5px}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-textarea textarea{resize:none;height:42px;min-width:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerColumn{margin-right:0;display:flex;flex-direction:row;justify-content:center;height:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__rowColumn{margin-right:0;margin-left:0}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn .properties-tooltips-container{padding:0;padding-left:1rem}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn:hover{background-color:#c6c6c6}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerTruncatedText{flex:auto}.properties-vt .properties-vt-row-selected{background-color:#e0e0e0;border-bottom:1px solid #cacaca}.properties-vt .properties-vt-row-selected:hover{background-color:#cacaca}.properties-vt .properties-vt-single-selection div[data-role=properties-header-row]{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-class{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-selected{border-left:4px solid #0f62fe;padding-left:0}.properties-vt .properties-vt-single-selection .properties-vt-row-selected:not(.properties-vt-row-disabled):hover{border-left:4px solid #0f62fe}.properties-vt .properties-vt-small-loading svg{stroke:#0f62fe}.properties-vt .properties-vt-autosizer{height:100%;width:100%}.properties-vt .properties-light-disabled div[data-role=properties-data-row]{background-color:#fff}.properties-vt .properties-light-disabled .bx--select--inline .bx--select-input[disabled]{background-color:#f4f4f4}.properties-vt .properties-ft-column-sort-icon{flex:0 0 1rem;align-self:center;height:1rem;margin-right:.5rem}.properties-empty-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-empty-table[disabled]{opacity:.5;pointer-events:none}.properties-empty-table .properties-empty-table-button{margin:1rem 0}.properties-custom-table-buttons .toolbar-div .toolbar-right-bar{display:none}.properties-custom-table-buttons .toolbar-popover-list{top:2rem;right:0}.properties-readonly.hide{display:none}.properties-readonly .properties-tooltips{white-space:normal;overflow:visible;word-break:break-word;text-overflow:clip}.properties-readonly span{white-space:normal;line-height:1.5;overflow-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.properties-readonly span[disabled]{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.properties-readonly .properties-field-readonly{height:100%;width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.properties-readonly .properties-field-readonly .properties-field-type-icon{width:15px;height:15px;float:left;margin-right:5px;flex-shrink:0}.properties-readonly .properties-field-readonly .properties-field-type-icon svg{width:16px;height:16px}.properties-readonly .tooltip-trigger span{white-space:nowrap}.properties-checkbox{display:flex;align-items:center;flex-wrap:wrap}.properties-checkbox .tooltip-container{margin-left:.5rem;cursor:pointer}.properties-checkbox .tooltip-container .tooltip-trigger{display:flex}.properties-checkbox .bx--form-item.bx--checkbox-wrapper{flex:initial}.properties-checkbox .properties-validation-message{flex:0 1 100%}.properties-checkbox.hide{display:none}.table .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-top:0;padding:1px}.properties-toggle .properties-label-container{padding-bottom:0}.properties-table-cell-control .bx--toggle__switch{margin-bottom:1rem}.properties-checkboxset.hide{display:none}.properties-checkboxset .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-bottom:.5rem;flex:0 1 auto}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container{display:flex;align-items:center}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container .tooltip-container{margin-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.error:not([disabled]){padding-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.warning:not([disabled]){padding-bottom:.25rem}.properties-dropdown .bx--list-box--expanded .bx--list-box__menu{margin-bottom:1px}.properties-dropdown.hide{display:none}.properties-table-cell-control>.properties-dropdown{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline .bx--select-input--inline__wrapper{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline svg{right:0}.properties-table-cell-control>.properties-dropdown .bx--select-input{width:inherit;background-color:transparent;padding:0 1.25rem 0 0;box-shadow:0 2px 0 0 #0f62fe}.properties-table-cell-control>.properties-dropdown .bx--select-input:hover{background:unset}.properties-table-cell-control>.properties-dropdown .bx--select-input:focus{outline:unset}.properties-table-cell-control>.properties-dropdown.error .bx--select-input{box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control>.properties-dropdown.warning .bx--select-input{box-shadow:0 2px 0 0 #f1c21b}.properties-expression-selection-container,.properties-field-and-values-table-container,.properties-functions-table-container{width:100%}.properties-expression-selection-container tbody tr,.properties-field-and-values-table-container tbody tr,.properties-functions-table-container tbody tr{border-bottom:0}.properties-expression-selection-container{padding-top:.5rem}.properties-expression-selection-operator{padding-bottom:2rem}.properties-field-table-container{width:48%;float:left}.properties-field-table-container .properties-ft-search-container{width:100%}.properties-value-table-container{width:48%;margin-left:52%}.properties-value-table-container .properties-ft-search-container{width:100%}.properties-functions-table{width:68%;float:left}.properties-functions-table .properties-ft-search-container{width:100%}.properties-help-table-container{width:28%;margin-left:70%}.properties-function-help-command{font-weight:700;text-decoration:underline}.properties-function-help-text{overflow-wrap:break-word}.properties-operator-title{padding-top:1rem;padding-bottom:2rem;width:100%;font-weight:bold;text-align:center}.properties-operator-container{display:flex;flex-wrap:wrap}.properties-operator-container .properties-operator-tooltip-container{width:36px;margin-right:.5rem;margin-top:.5rem}.properties-operator-container .properties-operator-button{height:36px;width:36px;padding:0}.properties-operator-container .properties-operator-button .properties-operator-button-label{margin:0 auto}.properties-expression-selection-content-switcher{padding-bottom:2.5rem}.properties-expression-selection-content-switcher div{max-width:50%;float:right}.properties-expression-field-select,.properties-expression-function-select{padding-top:1.5rem;padding-bottom:1.5rem}.properties-expression-table-dropdown-header{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding-bottom:.25rem}.properties-primaryTabs .bx--tabs-trigger{margin-bottom:5px}.properties-expression-toggle{position:relative;z-index:999}.properties-expression-toggle .properties-expression-toggle-absolute{position:absolute;width:100%}.properties-expression-toggle .properties-expression-toggle-absolute button.bx--btn.bx--btn--icon-only{position:absolute;right:0}.react-codemirror2 .CodeMirror{width:100%;background:#f4f4f4;color:#161616}.react-codemirror2 .CodeMirror .CodeMirror-gutters{border-right:none;background-color:inherit}.react-codemirror2 .CodeMirror .CodeMirror-lines{padding-top:1rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-line-like{padding-left:.5rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-placeholder{opacity:.5;font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-cursor{border-left:1px solid #161616}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-linenumber{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-line{padding-left:.5rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-line span{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.react-codemirror2 .cm-s-error.CodeMirror{border:.125rem solid #da1e28}.react-codemirror2 .cm-s-warning.CodeMirror{border:.125rem solid #f1c21b}.react-codemirror2 .cm-s-disabled.CodeMirror{opacity:.5}.react-codemirror2 .cm-s-custom .cm-keyword{color:#0f62fe}.react-codemirror2 .cm-s-custom .cm-number{color:#525252}.react-codemirror2 .cm-s-custom .cm-def{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-comment{color:#198038}.react-codemirror2 .cm-s-custom .cm-variable,.react-codemirror2 .cm-s-custom .cm-punctuation,.react-codemirror2 .cm-s-custom .cm-property,.react-codemirror2 .cm-s-custom .cm-operator{color:#161616}.react-codemirror2 .cm-s-custom .cm-variable-2{color:#161616}.react-codemirror2 .cm-s-custom .cm-variable-3,.react-codemirror2 .cm-s-custom .cm-type{color:#161616}.react-codemirror2 .cm-s-custom .cm-string{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-string-2{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-meta{color:#fff}.CodeMirror-hints{z-index:1110}.properties-expression-editor{border:1px solid #e0e0e0}.properties-expression-editor.disabled{opacity:.5}.properties-expression-editor.error,.properties-expression-editor.warning{border:0}.properties-light-disabled .CodeMirror{background:#fff}.properties-expression-link-container{display:flex;justify-content:space-between}.properties-expression-link-container .properties-expression-validate{display:flex;flex-direction:row-reverse}.properties-expression-link-container .properties-expression-validate .icon{margin:.125rem}.properties-expression-link-container .properties-expression-validate .icon svg{height:10px;width:10px}.properties-expression-link-container .properties-expression-validate .validateLink{min-height:2rem;padding:.25rem}.properties-expression-header{position:relative;height:2rem}.properties-expression-header .properties-expression-title{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;position:absolute;bottom:5px;left:0}.properties-expression-header .properties-expression-link-container{position:absolute;bottom:0;right:0}.properties-expression-button.bx--btn--sm.bx--btn--ghost{padding:.25rem}.properties-expression-button.bx--btn--sm.bx--btn--ghost svg{height:20px;width:20px;margin-left:0}.properties-radioset.hide{display:none}.properties-radioset .bx--form-item{margin-bottom:.25rem}.properties-radio-button-group{display:block}.properties-radio-button-group.horizontal{display:inline-flex;flex-wrap:wrap}.properties-radio-button-group.horizontal .properties-radioset-panel{display:flex;height:auto;align-items:center;margin-bottom:0}.properties-radio-button-group .properties-radioset-panel{margin-bottom:.25rem;margin-right:.75rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;overflow:hidden}.properties-radio-button-group .properties-radioset-panel .bx--radio-button-wrapper{margin-right:0}.properties-radio-button-group .properties-radioset-panel .properties-radioset-tooltip{display:flex;align-items:center;margin:2.5px 0 1.5px 0}.properties-radio-button-group .properties-radioset-panel .properties-control-nested-panel{flex-basis:100%;width:100%}.properties-radio-button-group .properties-radioset-panel:last-of-type{margin-bottom:0}.properties-radio-button-group.error:not([disabled]){padding-bottom:.25rem}.properties-radio-button-group.warning:not([disabled]){padding-bottom:.25rem}.properties-textarea .bx--form-item{margin-right:0;margin-bottom:0}.properties-textarea.hide{display:none}.properties-someofselect .properties-ft-container-absolute-noheader tr{border-bottom:0}.properties-someofselect .properties-ft-container-absolute-noheader tr:not(.disabled):hover{border:1px solid #0f62fe}.properties-someofselect.hide{display:none}.properties-someofselect.error .properties-ft-container-absolute-noheader{border:1px solid #da1e28}.properties-someofselect.warning .properties-ft-container-absolute-noheader{border:1px solid #f1c21b}.properties-someofselect .properties-vt-row-checkbox{margin-right:1rem}.properties-toggletext.hide{display:none}.properties-toggletext.error button{border-bottom:2px solid #da1e28}.properties-toggletext.warning button{border-bottom:2px solid #f1c21b}.properties-table-cell-control .properties-toggletext button{padding:0 .25rem}.properties-input-control.hide{display:none}.properties-input-control .bx--form-item{margin-right:0;margin-bottom:0}.properties-input-control input{min-width:unset}.properties-table-cell-control .properties-input-control{padding-bottom:5px;width:100%}.properties-table-cell-control .properties-input-control input{background:unset;background-color:unset;margin:0;padding:0;height:1.72rem}.properties-table-cell-control .properties-input-control input:focus{border-top:0;border-right:0;border-left:0}.properties-table-cell-control .properties-input-control.error input:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-input-control.warning input:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control input:disabled:hover{box-shadow:0 2px 0 0 #525252}.properties-table-cell-control .properties-textinput-readonly{margin-bottom:-5px}.properties-table-cell-control .properties-textinput-readonly .properties-validation-message.inTable{margin-left:-0.75rem}.properties-table-cell-control>div>:first-child{padding:0 1rem}.properties-table-subcell{display:flex;align-items:center;height:100%}.properties-at-selectedEditRows{background-color:#393939}.properties-at-selectedEditRows .properties-selectedEditRows-title{padding-top:10px;padding-bottom:10px;padding-left:12px;color:#fff}.properties-at-selectedEditRows .properties-ft-table-header{display:none}.properties-at-selectedEditRows .properties-vt-row-checkbox{width:1.25rem}.properties-at-selectedEditRows .properties-vt-row-class{background-color:#e0e0e0}.properties-at-selectedEditRows .properties-vt-row-class:hover{border:1px solid transparent;background-color:#cacaca}.properties-numberfield .bx--form-item{margin-right:0;margin-bottom:0}.properties-numberfield .properties-number-generator{margin-left:1rem;right:.125rem;width:2.5rem;min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.properties-numberfield.numberfield-with-number-generator{width:100%;display:inline-flex;align-items:flex-end}.properties-numberfield.numberfield-with-number-generator.error,.properties-numberfield.numberfield-with-number-generator.warning{align-items:flex-start}.properties-numberfield.numberfield-with-number-generator.error .properties-number-generator,.properties-numberfield.numberfield-with-number-generator.warning .properties-number-generator{margin-top:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number[data-invalid] .bx--form-requirement{display:none}.properties-table-cell-control .properties-numberfield.error input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.error input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-numberfield.warning input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.warning input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control .properties-numberfield input[type=number]{background-color:unset;padding:0;height:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number input[type=number]{min-width:0}.properties-structureeditor .hide{display:none}.properties-structureeditor-cell{padding-right:5px;vertical-align:middle}.properties-table-cell-control .properties-dropdown .bx--multi-select__wrapper>label{display:none}.properties-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.properties-ctrl-wrapper.hide{display:none}.properties-summary-panel.properties-summary-panel.hide{display:none}.properties-summary-panel.properties-summary-panel[disabled]{opacity:.5;pointer-events:none}.properties-summary-panel.properties-summary-panel .properties-summary-link-icon{width:16px;height:16px}.properties-summary-link-container{display:flex;align-items:center}.properties-summary-values{border-top:1px solid #e0e0e0;padding:1rem 0}.properties-summary-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;max-height:270px;width:100%;display:flex;margin:.5rem 0}.properties-summary-table>tbody{width:100%}.properties-summary-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;margin-bottom:1rem}.properties-summary-row-data>.tooltip-container{margin:1px 0}.properties-summary-row-data>.tooltip-container>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.properties-summary-row{display:flex;justify-content:space-between;padding:2px 0}button.properties-subpanel-button{padding:0;min-height:2rem;height:2rem;width:2rem;display:flex;justify-content:center}.properties-subpanel-modal-in-tearsheet .properties-light-disabled{background-color:#fff}.properties-subpanel-modal-in-tearsheet .properties-modal-children{padding:0 1rem}.properties-sub-tab-container .bx--tab-content{padding-left:0;padding-right:0}.properties-leftnav-container{display:flex;border-top:px solid #e0e0e0;height:calc(100% + calc(1rem + 1rem));margin-top:-1rem;margin-left:-1rem;margin-bottom:calc(-1 * calc(1rem + 1rem))}.properties-leftnav-container .properties-leftnav-subtabs{width:282px;background-color:#fff;border-right:1px solid #e0e0e0;padding-top:.25rem;height:100%}.properties-leftnav-container .properties-leftnav-subtabs ul.bx--tabs--scrollable__nav{flex-direction:column;width:282px}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected{border-left:3px solid #0f62fe;border-bottom:0;background-color:#e0e0e0}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected:hover{background-color:#e5e5e5}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected.properties-leftnav-subtab-item button{border-left:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item:hover button{border-bottom:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button{border-left:3px solid transparent;border-bottom:0;transition:none}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:focus,.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:active{outline:0;border-bottom:0;transition:none}.properties-leftnav-container div.bx--tab-content{width:100%;padding:1rem}.properties-twisty-panel.hide{display:none}.properties-twisty-panel .bx--accordion__item{border-top:0;margin:0 -1rem}.properties-twisty-panel .bx--accordion__item--active .bx--accordion__content{padding:1.5rem 1rem 1rem}.properties-twisty-panel+.properties-control-panel{padding-top:1rem}.properties-text-panel .panel-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:.5rem}.properties-text-panel .panel-description{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:1rem}.properties-text-panel .tooltip-container{margin-bottom:.5rem}.properties-text-panel[disabled]{opacity:.5;pointer-events:none}.properties-text-panel.hide{display:none}.properties-action-panel{display:flex;flex-wrap:wrap;padding-bottom:.5rem}.properties-action-panel .properties-label-container{width:100%}.properties-action-panel:last-child{padding-bottom:1.5rem}.properties-action-panel[disabled]{opacity:.5;pointer-events:none}.properties-action-panel.hide{display:none}.properties-action-panel+.properties-control-panel{padding-top:.5rem}.properties-column-panel{display:grid;-moz-column-gap:1rem;column-gap:1rem}.properties-column-panel .properties-control-panel:not(:empty)+.properties-control-panel:not(:empty){padding-top:0}.properties-column-panel.hide{display:none}.properties-column-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel{display:block}.properties-control-panel:last-child{padding-bottom:.5rem}.properties-control-panel.hide{display:none}.properties-control-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel>.properties-control-panel:not(:empty):last-child{padding-bottom:0}.properties-control-panel+.properties-control-panel:not(:empty){padding-top:1.5rem}.properties-control-nested-panel{padding:0 0 0 1rem;border-left:1px solid #8d8d8d}.properties-control-nested-panel .properties-control-nested-panel{border-left:1px solid #e0e0e0}.properties-control-panel.tearsheet-container{display:flex;flex-direction:column;height:100%;flex-shrink:10}.properties-control-panel.tearsheet-container .properties-control-panel.tearsheet-container{height:unset}.properties-tearsheet-panel.properties-tearsheet-stacked.bx--modal .bx--modal-container{max-height:calc(100% - 104px);width:calc(100% - 96px)}.properties-tearsheet-panel.bx--modal{align-items:flex-end}.properties-tearsheet-panel.bx--modal.is-visible .bx--modal-container{transform:translate3d(0, 0, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1)}.properties-tearsheet-panel.bx--modal .bx--modal-container{max-height:calc(100% - 88px);height:100%;width:calc(100% - 128px);transform:translate3d(0, 500px, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1);background-color:#f4f4f4}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;margin-bottom:0;background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header p{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body{padding:1.5rem 2rem;margin-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--multi-select,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--dropdown,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--number input[type=number],.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-input,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-area{background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.with-tabs{border-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.hide-close-button button.bx--modal-close{display:none}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-single-category{padding:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-primaryTabs{background-color:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-buttons{height:calc(100% - 4rem);border-bottom:1px solid #e0e0e0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-tabs{padding:0}.properties-tearsheet-panel.bx--modal .properties-modal-buttons{width:50%;right:0;left:unset}:export{flyoutWidthSmall:320px;flyoutWidthMedium:480px;flyoutWidthLarge:640px;flyoutWidthMax:900px}.properties-right-flyout{font-size:14px;width:0;height:100%;overflow:hidden;border-left:1px solid #e0e0e0;outline:none}.properties-right-flyout.properties-small{width:320px}.properties-right-flyout.properties-medium{width:480px}.properties-right-flyout.properties-large{width:640px}.properties-right-flyout.properties-max{width:900px}.properties-right-flyout:hover .properties-btn-resize{visibility:visible;opacity:1}.properties-right-flyout .properties-btn-resize{transition:visibility 240ms,opacity 240ms;opacity:0;visibility:hidden;position:absolute;top:50%;left:-13px;z-index:1;min-height:24px;min-width:24px;background-color:#fff;border:1px #8d8d8d solid;padding:2px;justify-content:center}.properties-right-flyout .properties-btn-resize:hover{background-color:#e0e0e0}.properties-right-flyout .properties-btn-resize svg{fill:#161616;width:16px;height:16px}.properties-right-flyout>.properties-custom-container{height:calc(100% - 65px - 4rem);overflow-y:auto;transform:translateZ(0)}.properties-right-flyout>.properties-custom-container.properties-custom-container-with-heading{height:calc(100% - 89px - 4rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur{height:calc(100% - 6rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur-with-heading{height:calc(100% - 89px)}.properties-light-enabled{background-color:#fff}.properties-light-disabled{background-color:#f4f4f4}.properties-error-heading .properties-validation-message{padding:40px 10px 0;align-items:left;-webkit-box-align:left;display:flex}.properties-error-heading .properties-validation-message span{font-size:20px;font-weight:300;font-style:italic}.properties-error-heading .properties-validation-message svg{height:25px}.properties-error-content{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;padding:0 1.5rem}.properties-modal-container{height:70px;align-items:left}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item.properties-hidden-container,.properties-hidden-container{display:none}.properties-modal-error button:first-of-type{display:none}.properties-flyout-error-container{height:calc(100% - 46px)}.notification-panel-container{transition:.25s ease-in-out;opacity:1;margin-top:0}.notification-panel-container.panel-hidden{transition:.25s ease-in-out;display:block;opacity:0;visibility:hidden}.notification-panel{position:absolute;width:320px;height:-moz-fit-content;height:fit-content;right:0;top:41px}.notification-panel-header-container{min-height:35px;width:inherit;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;border-bottom:0;padding:1rem}.notification-panel-header-container .notification-panel-header{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.notification-panel-header-container .notification-panel-subtitle{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-top:.25rem}.notification-panel-header-container .notification-panel-close-icon{position:absolute;right:1rem;top:1.25rem;cursor:pointer}.notification-panel-clear-all-container{width:100%;height:49px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-weight:400;padding:.5rem 1rem}.notification-panel-clear-all-container .bx--btn--ghost.bx--btn--sm{width:-moz-fit-content;width:fit-content;padding:0}.notification-panel-messages-container{width:inherit;max-height:calc(100% - 35px);height:-moz-fit-content;height:fit-content}.notification-panel-messages{max-height:500px;height:-moz-fit-content;height:fit-content;overflow-y:auto;line-height:normal;background-color:#fff;border:1px solid #e0e0e0}.notification-panel-messages .notifications-button-container{border-bottom:1px solid #e0e0e0;min-height:48px}.notification-panel-messages .notification-panel-empty-message-container{min-height:48px;display:flex;justify-content:center;align-items:center}.notification-panel-messages .notification-panel-empty-message-container .notification-panel-empty-message{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;text-align:center;padding-right:30px;padding-left:30px}.notification-panel-messages .notifications-button-container:nth-last-of-type(1){border-bottom:0}.notification-panel-messages .notifications{padding:1rem 1rem 1rem calc(1rem - 4px);display:inline-flex;width:100%;min-height:48px;background-color:#fff;border-style:none;border-left:4px solid #fff;cursor:default;margin-top:0;margin-bottom:0}.notification-panel-messages .notifications.clickable{cursor:pointer}.notification-panel-messages .notifications:active,.notification-panel-messages .notifications:focus{outline:none;border-style:none;border-left:4px solid #fff}.notification-panel-messages .notifications:hover{background-color:#e5e5e5}.notification-panel-messages .notifications:hover.unspecified{border-left:4px solid #fff}.notification-panel-messages .notifications:hover.error{border-left:4px solid #da1e28}.notification-panel-messages .notifications:hover.warning{border-left:4px solid #f1c21b}.notification-panel-messages .notifications:hover.success{border-left:4px solid #198038}.notification-panel-messages .notifications:hover.info{border-left:4px solid #0043ce}.notification-panel-messages .notifications .notification-message-type{display:flex;justify-content:center;height:18px;width:-moz-fit-content;width:fit-content;padding-right:.5rem}.notification-panel-messages .notifications .notification-message-type>svg{display:flex;justify-content:center;width:1rem;height:100%}.notification-panel-messages .notifications .notification-message-details{text-align:left;overflow-wrap:break-word;width:266px}.notification-panel-messages .notifications .notification-message-details .notification-message-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252;padding-bottom:.25rem}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle hr{margin-bottom:.5rem;border-bottom:0;border-top:solid 1px #e0e0e0}.notification-panel-messages .notifications .notification-message-details .notification-message-content{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.notification-panel-messages+*{clear:both}.notification-message-timestamp{display:inline-flex;color:#525252}.notification-message-timestamp svg{width:10px;height:10px;margin-right:3px;margin-top:3px}.notification-message-timestamp .notification-message-string{font-size:10px;margin-top:auto;margin-bottom:auto}.notification-message-close:hover{text-decoration:underline}.canvas-icon .stroke,.canvas-icon.stroke{stroke:#161616}.canvas-icon .fill,.canvas-icon.fill{fill:#161616}.canvas-icon[disabled]{fill:#c6c6c6}svg.properties-icon,svg.canvas-icon{fill:#161616}svg.canvas-state-icon-error{fill:#da1e28}svg.canvas-state-icon-success{fill:#198038}svg.canvas-state-icon-warning{fill:#f1c21b}svg.canvas-state-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}svg.canvas-state-icon-info{fill:#0043ce}svg.canvas-state-icon-information-hollow{fill:#161616}.toolbar-div{height:40px;width:100%;background-color:#fff;border-bottom:1px solid #8d8d8d;box-sizing:content-box;position:relative;display:flex;justify-content:space-between;-webkit-user-drag:none}.toolbar-div.toolbar-size-small{height:2rem}.toolbar-div.toolbar-size-small .toolbar-left-bar{padding:0}.toolbar-div.toolbar-size-small .toolbar-item button,.toolbar-div.toolbar-size-small .toolbar-overflow-item>button{padding:0;height:2rem}.toolbar-div.toolbar-size-small .toolbar-item-content{padding:.25rem .5rem;height:2rem;align-items:center}.toolbar-div.toolbar-size-small .toolbar-popover-list button{padding:0}.toolbar-left-bar{flex-shrink:5000000;display:block;padding-right:42px;overflow:hidden;align-items:center}.toolbar-right-bar{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;flex-shrink:1;overflow:hidden}.toolbar-item{background-color:#fff;display:inline-block}.toolbar-item button{padding:0;height:40px;min-height:30px}.toolbar-item.default button,.toolbar-item.ghost button{background-color:#fff}.toolbar-item.default button:hover,.toolbar-item.ghost button:hover{background-color:#e5e5e5}.toolbar-item.default button:focus,.toolbar-item.ghost button:focus{background-color:#e5e5e5}.toolbar-item.default button:disabled:hover,.toolbar-item.ghost button:disabled:hover{background-color:#fff}.toolbar-item.tertiary button{color:#0f62fe;background-color:#fff}.toolbar-item.tertiary button:hover{background-color:#e5e5e5}.toolbar-item.tertiary button:disabled,.toolbar-item.tertiary button:disabled:hover{color:#c6c6c6;background-color:#fff}.toolbar-spacer{width:0;display:inline-block}.toolbar-overflow-item{background-color:#fff;display:inline-block}.toolbar-overflow-item button{padding:0;height:40px;min-height:30px;background-color:#fff;border-right:1px solid #e0e0e0}.toolbar-overflow-item button:hover{background-color:#e5e5e5}.toolbar-overflow-item button:disabled:hover{background-color:#fff}.toolbar-overflow-menu-item button{width:100%;padding-top:2px;padding-bottom:2px;min-height:20px}.toolbar-item-content{width:inherit;display:flex;justify-content:center;padding:11px}.toolbar-item-content.overflow{justify-content:left;padding:8px 0}.toolbar-item-content.default{color:#161616}.toolbar-item-content.disabled.default{color:#c6c6c6;fill:#c6c6c6}.toolbar-item-content .toolbar-icon{height:16px}.toolbar-item-content .toolbar-icon svg{height:16px;width:16px;-webkit-user-drag:none}.toolbar-text-content{position:absolute;top:14px;font-size:9px;line-height:9px;color:#161616}.toolbar-icon-label{line-height:16px}.toolbar-icon-label.before{padding-right:8px}.toolbar-icon-label.after{padding-left:8px}.toolbar-icon-label.overflow{padding-left:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.toolbar-jsx-item{height:40px;display:inline-flex;align-items:center;vertical-align:top;position:relative;background-color:#fff;padding:0}.toolbar-overflow-jsx-item{width:100%;height:38px;display:inline-flex;align-items:center;vertical-align:top;position:relative;padding:0}.toolbar-item-selected.default button,.toolbar-item-selected.ghost button{background-color:#e0e0e0;border-color:transparent;box-shadow:none;border-bottom:2px solid #0f62fe}.toolbar-divider{border-right:1px solid #e0e0e0;background-color:#fff;display:inline-block;height:40px;width:0}.toolbar-divider-overflow{height:0;border-bottom:1px solid #e0e0e0}.toolbar-popover-list{width:200px;z-index:1;top:calc(40px + 1px);display:block;position:absolute;list-style-type:none;padding:0;border:1px solid #e0e0e0;background-color:#fff}.toolbar-popover-list-hide{display:none}.tooltip-container,.tooltip-trigger{height:100%}.common-canvas-tooltip{font-size:12px;position:fixed;padding:1rem;background-color:#393939;border:1px solid #393939;font-weight:400;opacity:90%;color:#fff;line-height:1.2;text-align:left;z-index:10000;pointer-events:none;word-wrap:break-word;max-width:228px;border-radius:2px}.common-canvas-tooltip .bx--link{display:block;color:#78a9ff;margin-top:1rem;pointer-events:auto;cursor:pointer}.common-canvas-tooltip .bx--link:hover{color:#78a9ff;text-decoration:underline}.common-canvas-tooltip[direction=right]{transform:translate3d(-22px, 0, 0)}.common-canvas-tooltip[direction=top]{transform:translate3d(0, 22px, 0)}.common-canvas-tooltip[direction=left]{transform:translate3d(22px, 0, 0)}.common-canvas-tooltip[direction=bottom]{transform:translate3d(0, -22px, 0)}.icon-tooltip{padding:.125rem 1rem}.definition-tooltip{padding:.5rem 1rem}.common-canvas-tooltip #tipArrow{position:absolute;width:10px;height:14px}.common-canvas-tooltip[direction=top] #tipArrow{transform:rotate(-90deg)}.common-canvas-tooltip[direction=left] #tipArrow{transform:rotate(180deg)}.common-canvas-tooltip[direction=bottom] #tipArrow{transform:rotate(90deg)}.common-canvas-tooltip #tipArrow polyline{fill:#393939;stroke-width:0}.common-canvas-tooltip #tipArrow polygon{fill:#393939}.common-canvas-tooltip[aria-hidden=false]{transform:scaleX(1) translate3d(0, 0, 0) rotate(0deg);visibility:visible;opacity:100}.common-canvas-tooltip[aria-hidden=true]{visibility:hidden;opacity:0}.tip-palette-item,.tip-node{min-width:80px;max-width:180px;text-align:left}.tip-palette-category{font-size:10px;padding-bottom:4px;color:#fff}.tip-palette-label,.tip-node-label{font-weight:600;color:#fff}.tip-palette-desc,.tip-node-desc{padding-top:4px}.tip-node-status{position:absolute;width:12px;height:12px;right:1rem;top:.5rem}.tip-node-status.warning{fill:#f1c21b}.tip-node-status.error{fill:#da1e28}.tip-port{min-width:90px}.properties-tooltips{background-color:#393939;color:#fff;max-width:250px}.properties-tooltips #tipArrow polyline{fill:#393939}.context-menu-popover{cursor:pointer;min-width:160px;background-color:#fff;background-clip:padding-box;border:0;outline:none;position:absolute;z-index:2;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.context-menu-popover.popover>.arrow{display:none}.context-menu-popover.popover>.popover-content{padding:0}.react-contextmenu{min-width:160px;text-align:left;background-color:#f4f4f4;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:.25rem;outline:none;display:none;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.react-contextmenu--visible{display:inline-grid}.react-contextmenu-item{height:30px;padding:0 1em;clear:both;color:#161616;text-align:inherit;white-space:nowrap;background:0 0;border:0;display:flex;align-items:center}.react-contextmenu-item.react-contextmenu-item--disabled{opacity:.5;cursor:not-allowed}.react-contextmenu-item:active,.react-contextmenu-item:focus,.react-contextmenu-item:hover{background:#e5e5e5;text-decoration:none;border:0;outline:none}.react-contextmenu-item.react-contextmenu-submenu{padding:0}.react-contextmenu-item.react-contextmenu-submenu>div{padding-right:27px}.react-contextmenu-item svg{color:#161616;position:absolute;right:12px}.react-contextmenu-item.contextmenu-divider{height:1px;display:block;overflow:hidden;background-color:#e0e0e0;padding:0}.palette-flyout-div{border-right:1px solid #e0e0e0;font-size:14px;position:relative;height:100%;padding-bottom:5px;background-color:#fff;transition:.2s;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-div-open .palette-flyout-content{width:256px;transition:.2s ease-in-out}.palette-flyout-div-closed{transition:.2s ease-in-out;width:0}.palette-flyout-div-narrow{width:72px}.palette-flyout-content .palette-scroll{overflow-y:hidden}.palette-flyout-content .palette-content-list{border-bottom:0}.palette-flyout-content .palette-no-results-title{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;width:100%;padding:20px 20px 0;text-align:center}.palette-flyout-content .palette-no-results-desc{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:0 20px;text-align:center}.palette-flyout-content .palette-flyout-restrict-item{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;width:100%;padding:2.5rem 20px}.palette-flyout-content .palette-list-item-desc-button{color:#0f62fe;cursor:pointer;padding:5px 0 0}.palette-flyout-content .palette-list-item{height:46px;border-width:0;display:flex;flex-direction:column;align-items:center;padding:9px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.palette-flyout-content .palette-list-item:hover{background-color:#e0e0e0}.palette-flyout-content .palette-list-item .palette-list-item-category-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:1rem 10px 0 58px}.palette-flyout-content .palette-list-item .palette-list-item-category-label mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;align-items:center;height:100%;margin-left:20px}.palette-flyout-content .palette-list-item .palette-list-item-icon{width:28px;color:#525252}.palette-flyout-content .palette-list-item .palette-list-item-text-div{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-weight:400;padding:0 10px;width:calc(100% - 68px);line-height:1}.palette-flyout-content .palette-list-item .palette-list-item-text-div mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);margin-left:25px}.palette-flyout-content .palette-list-item .palette-list-item-description{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding:0 10px 0 58px;word-break:break-word;width:100%}.palette-flyout-content .palette-list-item .palette-list-item-description mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .highlight{background-color:#0f62fe}.palette-flyout-content .palette-list-item.search-result{min-height:46px;height:-moz-fit-content;height:fit-content;padding-bottom:1rem;padding-top:0px;padding-left:0px;border-bottom:1px solid #e0e0e0;padding-right:6px}.palette-flyout-content .palette-list-item.search-result .palette-list-item-icon-and-text{min-height:30px;padding-left:10px}.palette-flyout-categories{height:calc(100% - 41px);width:100%;position:absolute;overflow-x:hidden;overflow-y:overlay}.palette-flyout-categories li .bx--accordion__arrow{margin-top:15px}.palette-flyout-categories .bx--accordion__item--active button{border-bottom:1px solid #e0e0e0}.palette-flyout-categories .bx--accordion__item{border-top:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading{padding:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading .bx--accordion__title{margin:0;padding:0 0 0 11px;height:45px}.palette-flyout-categories li .bx--accordion__content{padding:0}.palette-flyout-category{cursor:pointer;border-width:0 0 0 1px;height:100%;align-items:center;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0;bottom:0}.palette-flyout-category-item{display:flex;align-items:center;min-height:44px;padding-left:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-item-loading{display:flex;margin-left:16px;width:100%;height:100%;justify-content:center;max-height:60px}.palette-flyout-category-item-icon{width:20px;margin-left:5px;fill:#161616;padding-top:4px}.palette-flyout-text-container{max-width:205px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-text{width:165px;overflow-wrap:break-word;line-height:1.2;padding-left:16px;align-items:center;height:100%;max-height:59px}.palette-flyout-category-text-abbr{line-height:46px;margin-left:0}.palette-flyout-category-text-no-image{line-height:46px;margin-left:16px;width:170px}.palette-flyout-category-count{line-height:46px;padding-left:5px}.palette-flyout-search-container{height:41px}.palette-flyout-search-container .palette-flyout-search{height:100%;overflow:hidden}.palette-flyout-search-container .palette-flyout-search .bx--search-magnifier svg{margin-left:10px}.palette-flyout-search-container .palette-flyout-search svg{fill:#161616}.palette-flyout-search-container .palette-flyout-search input{background:#fff;height:100%;padding-right:3rem;padding-left:52px}.palette-flyout-search-container .palette-flyout-search button{margin-right:8px;margin-top:4px;border-bottom-width:0}.palette-flyout-search-container .palette-flyout-search button.bx--search-close::before{content:none}.palette-loading-category .bx--accordion__arrow{display:none}.palette-dialog-div{position:absolute;bottom:35px;left:60px;width:473px;height:450px;font-size:14px;border:3px solid transparent;cursor:default;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.palette-dialog-div .palette-list-item{height:46px;border-width:1px;border-color:#e0e0e0;border-style:solid;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:19px}.palette-dialog-div .palette-list-item:hover{background-color:#e0e0e0}.palette-dialog-div .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;height:46px;align-items:center}.palette-dialog-div .palette-list-item .palette-list-item-icon{width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.palette-dialog-div .palette-list-item .palette-list-item-text-div{width:100%;display:block}.palette-dialog-div .palette-list-item .palette-list-item-text-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;line-height:16px}.palette-dialog-div .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);margin-left:25px}.palette-dialog-topbar{height:40px;padding:10px;background-color:#e0e0e0;border-bottom:1px solid #e0e0e0}.palette-dialog-topbar .left-navbar{height:20px;float:left;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-topbar .right-navbar{height:20px;float:right;vertical-align:middle}.palette-dialog-topbar .secondary-action{margin-left:10px;display:inline-block;cursor:pointer;width:20px}.palette-dialog-topbar .close-icon svg{fill:#393939}.palette-dialog-topbar .palette-three-way-icon-div{margin-left:5px;display:inline-block;cursor:pointer;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-content{height:404px;display:flex;background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.palette-dialog-categories{background-color:#e0e0e0;width:130px;min-width:130px;border-right:1px solid #e0e0e0;overflow-x:hidden}.palette-dialog-category{padding:10px;border-width:0 0 0 1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-category:hover{font-weight:600}.palette-dialog-category-selected{font-weight:600;border-color:#393939;border-width:0 0 0 1px;border-style:solid;width:130px;min-width:130px;padding-left:8px;padding-top:10px;padding-bottom:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer{width:112px;height:134px;display:inline-block;vertical-align:middle;text-align:center;border-width:1px;border-color:#e0e0e0;border-style:solid;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer:hover{border-color:#393939;color:#393939}.palette-dialog-grid-node-inner{padding-top:16px}.palette-dialog-grid-node-icon svg{display:inline-block}.palette-dialog-grid-node-icon .node-icon{width:64px;height:64px}.palette-dialog-grid-node-icon-warning{transform:scale(4);margin-top:25px}.palette-dialog-grid-node-text-warning{width:100%;padding-top:30px}.palette-dialog-grid-node-text{width:100%;padding-top:6px}.palette-scroll{overflow-y:auto}.palette-content-list{width:100%}.common-canvas{height:100%;width:100%;cursor:default;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;font-size:14px}.common-canvas-items-container{height:100%;position:relative;width:100%}.common-canvas-right-side-items{width:100%;display:flex}.common-canvas-main{width:100%;height:100%}.common-canvas-with-bottom-panel{width:100%;position:relative}.common-canvas-drop-div{height:calc(100% - 41px);width:100%;min-width:inherit;position:absolute;cursor:default;top:41px;overflow:hidden}.common-canvas-drop-div.common-canvas-toolbar-none{height:100%;top:0}.common-canvas-drop-div.common-canvas-toolbar-none.common-canvas-bottom-panel-is-open{top:0}.right-flyout-panel{height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.bottom-panel{display:flex;flex-direction:column;position:absolute;left:0;right:0;bottom:0;border-top:1px solid #e0e0e0}.bottom-panel-drag{border-top:#e0e0e0;cursor:row-resize;flex:0 0 2px;border-top-width:1px;background:#fff;transition:all .2s ease-in}.bottom-panel-drag:hover{background:#0f62fe}.bottom-panel-contents{background-color:#fff;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%}.text-toolbar{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content}.text-toolbar .toolbar-div{position:relative;left:0;animation:raise-toolbar .3s linear;border:1px solid #8d8d8d;padding-right:0px}.text-toolbar .toolbar-div .toolbar-left-bar{padding-right:0px}.text-toolbar .text-toolbar-tick-svg{position:absolute;top:0;left:0;height:40px;width:40px;pointer-events:none}.text-toolbar .text-toolbar-tick-mark{fill:#393939}@keyframes raise-toolbar{from{height:0;top:41px}to{height:41px;top:0}}.common-canvas-right-side-items-under-toolbar{width:100%}.common-canvas-items-container-under-toolbar{height:calc(100% - 41px);width:100%;display:flex}.common-canvas-drop-div-under-toolbar{height:100%;width:100%;position:relative;cursor:default;overflow:hidden}.empty-canvas{position:absolute;line-height:1.5;left:50%;top:48%;cursor:default;transform:translate(-50%, -50%);pointer-events:none}.empty-canvas-image{color:#a8a8a8;opacity:.4;display:block;text-align:center}.empty-canvas-image svg{width:175px;height:175px}.empty-canvas-text1{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;padding-top:.25rem;color:#a8a8a8;display:block;text-align:center}.empty-canvas-text2{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;padding-top:.5rem;color:#a8a8a8;display:block;text-align:center}.dropzone-canvas{position:absolute;line-height:1.5;width:100%;height:100%;left:50%;top:50%;cursor:default;transform:translate(-50%, -50%);pointer-events:all;background-color:#f4f4f4;opacity:.75}.dropzone-canvas-rect{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border-color:#8d8d8d;border-style:dashed;border-width:2px}.toolbar-item-content.notificationCounterIcon.error>div>svg>.dot{fill:#da1e28}.toolbar-item-content.notificationCounterIcon.warning>div>svg>.dot{fill:#f1c21b}.toolbar-item-content.notificationCounterIcon.success>div>svg>.dot{fill:#198038}.toolbar-item-content.notificationCounterIcon.info>div>svg>.dot{fill:#0043ce}.state-tag{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#fff;background-color:#393939;height:40px;position:absolute;left:50%;top:16px;transform:translate(-50%, 0%);border-radius:20px;padding:9px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.state-tag svg{color:#fff;position:relative;top:3px;margin-left:14px}.state-tag span{margin:0 16px 0 10px}.d3-svg-canvas-div{cursor:default;height:100%;background-color:#f4f4f4}.d3-svg-canvas-div:focus{outline:none}.d3-foreign-object-ghost-label,.d3-foreign-object-node-label,.d3-foreign-object-dec-label,.d3-foreign-object-comment-text,.d3-foreign-object-text-entry{pointer-events:none;overflow:visible}.d3-region-selector{stroke:#161616;fill:#e0e0e0;opacity:.5}.d3-svg-background{fill:#f4f4f4}.d3-canvas-underlay{fill:#e0e0e0}.d3-temp-cursor-overlay{fill:transparent}.d3-back-to-previous-flow-box{stroke:#0f62fe;fill:#f4f4f4}.d3-back-to-previous-flow-box[data-pointer-hover=yes]{stroke:#0f62fe;fill:#e0e0e0}.d3-back-to-previous-flow-text{font-size:14px;font-weight:400;fill:#0f62fe}.d3-back-to-previous-flow-box,.d3-back-to-previous-flow-text{cursor:pointer}.d3-ghost-div{position:absolute;left:0;top:0;z-index:-10000}.d3-ghost-node{fill:#d0e2ff}.d3-node-group.d3-draggable,.d3-comment-group.d3-draggable{cursor:default}.d3-node-group-translucent{opacity:.5}.d3-node-sizing,.d3-comment-sizing{fill:transparent;stroke:transparent}.d3-node-body-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-group:hover>.d3-node-body-outline{stroke:#e0e0e0;stroke-width:1;fill:#cacaca}.d3-node-unavailable .d3-node-body-outline,.d3-node-unavailable .d3-node-label,.d3-node-unavailable svg path{stroke:#c6c6c6;fill:#8d8d8d;color:#c6c6c6}.d3-node-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-node-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:5;fill:transparent}.d3-node-image-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-label span{pointer-events:auto}.d3-node-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-node-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-group[data-new-link-over=yes] .d3-node-selection-highlight{stroke:#0f62fe;stroke-dasharray:4;stroke-width:2;fill:#fff;pointer-events:none}.d3-node-error-label{color:#da1e28}.d3-node-warning-label{color:#f1c21b}.d3-label-single-line{white-space:nowrap;text-overflow:ellipsis}.d3-label-multi-line{white-space:pre-wrap;word-wrap:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.d3-label-multi-line .d3-label-full{display:inline-block}.d3-label-multi-line-entry{white-space:pre-wrap;word-wrap:normal;word-break:break-word}.d3-label-multi-line-entry .d3-label-full{display:inline-block}.d3-label-center{text-align:center}.d3-label-edit-icon-group .d3-label-edit-icon-background1{fill:transparent}.d3-label-edit-icon-group .d3-label-edit-icon-background2{fill:#f4f4f4}.d3-label-edit-icon-group:hover .d3-label-edit-icon-background2{fill:#e0e0e0}.d3-label-edit-icon-group svg{fill:currentColor;color:#161616}.d3-node-dec-outline,.d3-link-dec-outline{fill:transparent;stroke:#161616;stroke-width:1;stroke-dasharray:0}.d3-node-dec-label,.d3-link-dec-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-label span,.d3-link-dec-label span{pointer-events:auto}.d3-dec-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-dec-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-dec-path,.d3-link-dec-path{fill:#161616;stroke:#161616;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-image,.d3-link-dec-image{stroke-width:1;stroke-dasharray:0;fill:currentColor;color:#161616}.d3-node-ellipsis-group .d3-node-ellipsis-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group .d3-node-ellipsis{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group:hover .d3-node-ellipsis-background{fill:#e0e0e0}.d3-node-super-expand-icon-group .d3-node-super-expand-icon-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group .d3-node-super-expand-icon{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group:hover .d3-node-super-expand-icon-background{fill:#e0e0e0}.d3-error-circle{stroke:#f4f4f4;stroke-width:2;fill:#da1e28}.d3-warning-circle{stroke:#f4f4f4;stroke-width:2;fill:#f1c21b}.d3-error-circle-off{display:none}.d3-node-port-output{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-output[connected=yes]{stroke:#393939;fill:#393939;stroke-width:2}.d3-node-port-output:hover{stroke:#393939;fill:#393939}.d3-node-port-input{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc,.d3-node-port-output-assoc{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc:hover,.d3-node-port-output-assoc:hover{stroke:#393939;fill:#393939}.d3-node-port-input[connected=yes]{stroke:#fff;fill:#fff;stroke-width:1}.d3-node-port-input[connected=yes] .d3-node-port-input-arrow{stroke:#393939;stroke-width:1;fill:transparent}.d3-node-port-input[connected=yes][isSupernodeBinding=yes]{stroke:#393939;fill:#f4f4f4;stroke-width:1}.d3-node-port-input-arrow{stroke:transparent;fill:transparent}.d3-new-connection-line[linkType=nodeLink],.d3-new-connection-line[linkType=associationLink]{stroke:#78a9ff;stroke-width:2;stroke-dasharray:10 10;fill:none}.d3-new-connection-start[linkType=nodeLink],.d3-new-connection-start[linkType=associationLink]{stroke:#78a9ff;fill:#f4f4f4}.d3-new-connection-guide[linkType=nodeLink],.d3-new-connection-guide[linkType=associationLink]{stroke:#78a9ff;fill:#78a9ff}.d3-new-connection-line[linkType=commentLink]{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:10 10;fill:none}.d3-new-connection-guide[linkType=commentLink]{stroke:#8d8d8d;stroke-width:4;fill:#8d8d8d}.d3-new-connection-arrow[linkType=commentLink]{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-port-circle{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-group:hover .d3-comment-rect{stroke:#4c4c4c}.d3-comment-rect{fill:#fff;stroke:#c6c6c6;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}g.bkg-col-white-0 .d3-comment-rect{fill:#fff}g.bkg-col-white-0 .d3-comment-entry{background-color:#fff;color:#161616}g.bkg-col-yellow-20 .d3-comment-rect{fill:#fddc69}g.bkg-col-yellow-20 .d3-comment-entry{background-color:#fddc69;color:#161616}g.bkg-col-gray-20 .d3-comment-rect{fill:#e0e0e0}g.bkg-col-gray-20 .d3-comment-entry{background-color:#e0e0e0;color:#161616}g.bkg-col-green-20 .d3-comment-rect{fill:#a7f0ba}g.bkg-col-green-20 .d3-comment-entry{background-color:#a7f0ba;color:#161616}g.bkg-col-teal-20 .d3-comment-rect{fill:#9ef0f0}g.bkg-col-teal-20 .d3-comment-entry{background-color:#9ef0f0;color:#161616}g.bkg-col-cyan-20 .d3-comment-rect{fill:#bae6ff}g.bkg-col-cyan-20 .d3-comment-entry{background-color:#bae6ff;color:#161616}g.bkg-col-red-50 .d3-comment-rect{fill:#fa4d56}g.bkg-col-red-50 .d3-comment-entry{background-color:#fa4d56;color:#161616}g.bkg-col-orange-40 .d3-comment-rect{fill:#ff832b}g.bkg-col-orange-40 .d3-comment-entry{background-color:#ff832b;color:#161616}g.bkg-col-gray-50 .d3-comment-rect{fill:#8d8d8d}g.bkg-col-gray-50 .d3-comment-entry{background-color:#8d8d8d;color:#161616}g.bkg-col-green-50 .d3-comment-rect{fill:#24a148}g.bkg-col-green-50 .d3-comment-entry{background-color:#24a148;color:#161616}g.bkg-col-teal-50 .d3-comment-rect{fill:#009d9a}g.bkg-col-teal-50 .d3-comment-entry{background-color:#009d9a;color:#161616}g.bkg-col-cyan-50 .d3-comment-rect{fill:#1192e8}g.bkg-col-cyan-50 .d3-comment-entry{background-color:#1192e8;color:#161616}.d3-comment-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-comment-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:3;fill:transparent;pointer-events:none}.d3-comment-text{color:#161616;background-color:transparent;font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;border-width:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-comment-text h1{font-size:28px;font-weight:500}.d3-comment-text h2{font-size:22px;font-weight:500}.d3-comment-text h3{font-size:18px;font-weight:500}.d3-comment-text h4{font-size:16px;font-weight:500}.d3-comment-text h5{font-size:14px;font-weight:500}.d3-comment-text h6{font-size:12px;font-weight:500}.d3-comment-text p{font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;line-height:14px;letter-spacing:.15px}.d3-comment-text hr{border-top-color:#e0e0e0}.d3-comment-text img{max-width:100%}.d3-comment-text blockquote{padding:0 12px;border-left:3px solid #e0e0e0;line-height:8px}.d3-comment-text code{font-size:12px;font-weight:400;line-height:14px;background-color:#e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre{font-size:12px;font-weight:400;line-height:14px;background-color:#f4f4f4;padding:4px;border:1px solid #e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre code{background-color:#f4f4f4}.d3-comment-text table{width:100%;max-width:100%;margin-bottom:20px;border-spacing:0;border-collapse:collapse;box-sizing:border-box;text-indent:initial;color:#161616}.d3-comment-text table thead{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-size:12px;display:table-header-group;vertical-align:middle;border-color:inherit;background-color:#e0e0e0;text-align:left}.d3-comment-text table thead tr th{padding:8px;border-bottom:2px solid #e0e0e0}.d3-comment-text table tbody{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;font-size:12px}.d3-comment-text table tbody tr{border-bottom:2px solid #e0e0e0;background-color:#f4f4f4}.d3-comment-text table tbody tr td{padding:8px}.d3-comment-text li{display:list-item;margin-top:-7px;margin-bottom:-7px}.d3-comment-text li:first-child{margin-top:-14px}.d3-comment-text li:last-child{margin-bottom:-14px}.d3-comment-text li p{margin:0 0 10px;-webkit-margin-before:-14px;margin-block-start:-14px}.d3-comment-text ul{list-style-type:disc;-webkit-padding-start:30px;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ul ul{list-style-type:circle;margin-bottom:-14px}.d3-comment-text ul ol{margin-bottom:-14px}.d3-comment-text ul ul ul{list-style-type:square}.d3-comment-text ol{list-style-type:decimal;-webkit-padding-start:30px;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ol ol{list-style-type:lower-alpha;margin-bottom:-14px}.d3-comment-text ol ul{margin-bottom:-14px}.d3-comment-text ol ol ol{list-style-type:lower-roman}.d3-comment-entry{color:#161616;background-color:transparent;font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;background-color:#fff;border-width:6px}.d3-comment-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-link-line,.d3-link-line-arrow-head{fill:none;pointer-events:none}.d3-comment-link .d3-link-line{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:7.3}.d3-comment-link .d3-link-line-arrow-head{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:0}.d3-link-decorations-group g rect{stroke:transparent;stroke-width:0px}.d3-object-link .d3-link-line{stroke:#161616;stroke-width:2;stroke-dasharray:5.5}.d3-association-link .d3-link-line{stroke:#8d8d8d;stroke-width:2}.d3-data-link .d3-link-line{stroke:#78a9ff;stroke-width:2}.d3-data-link .d3-link-line-arrow-head{stroke:#78a9ff;stroke-width:2;stroke-dasharray:0}.d3-link-selection-area{fill:none;stroke:transparent;stroke-width:12}.d3-link-selection-area.d3-extra-width{stroke-width:80}.d3-link-group:hover .d3-link-line,.d3-link-group:hover .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:2}.d3-link-group[data-selected] .d3-link-line,.d3-link-group[data-selected] .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:3}.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line-arrow-head,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:5}.d3-link-handle-start{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-start,.d3-link-group[data-selected] .d3-link-handle-start{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.d3-link-handle-end{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-end,.d3-link-group[data-selected] .d3-link-handle-end{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.color-picker-panel{width:100%;height:55px;display:flex;flex-wrap:wrap}.color-picker-panel .color-picker-item{width:20px;height:20px;margin:5px 0 0 5px;cursor:pointer}.color-picker-panel .color-picker-item.white-0{background-color:#fff;border:1px solid #8d8d8d}.color-picker-panel .color-picker-item.yellow-20{background-color:#fddc69}.color-picker-panel .color-picker-item.gray-20{background-color:#e0e0e0}.color-picker-panel .color-picker-item.green-20{background-color:#a7f0ba}.color-picker-panel .color-picker-item.teal-20{background-color:#9ef0f0}.color-picker-panel .color-picker-item.cyan-20{background-color:#bae6ff}.color-picker-panel .color-picker-item.red-50{background-color:#fa4d56}.color-picker-panel .color-picker-item.orange-40{background-color:#ff832b}.color-picker-panel .color-picker-item.gray-50{background-color:#8d8d8d}.color-picker-panel .color-picker-item.green-50{background-color:#24a148}.color-picker-panel .color-picker-item.teal-50{background-color:#009d9a}.color-picker-panel .color-picker-item.cyan-50{background-color:#1192e8}
|