@elyra/canvas 12.28.2 → 12.29.0

package/dist/lib/tooltip.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("../createClass-826941b3.js"),e=require("../getPrototypeOf-1e698126.js"),i=require("react"),o=require("react-portal"),l=require("carbon-components-react"),s=require("uuid");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(i);function p(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,l=e._getPrototypeOf(t);if(i){var s=e._getPrototypeOf(this).constructor;o=Reflect.construct(l,arguments,s)}else o=l.apply(this,arguments);return e._possibleConstructorReturn(this,o)}}var h=function(i){e._inherits(h,i);var n=p(h);function h(i){var o;return t._classCallCheck(this,h),(o=n.call(this,i)).state={isTooltipVisible:!1},o.uuid=s.v4(),o.pendingTooltip=null,o.hideTooltipOnScrollAndResize=o.hideTooltipOnScrollAndResize.bind(e._assertThisInitialized(o)),o}return t._createClass(h,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.addEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.props.targetObj&&this.setTooltipVisible(!0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.removeEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.pendingTooltip&&clearTimeout(this.pendingTooltip)}},{key:"setTooltipVisible",value:function(t){if((!this.showTooltip()||!t&&this.pendingTooltip)&&(clearTimeout(this.pendingTooltip),this.pendingTooltip=null,this.setState({isTooltipVisible:!1})),this.showTooltip()){var e=document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"']"));if(this.pendingTooltip=null,this.setState({isTooltipVisible:t}),t){var i=null;(i=this.props.targetObj?this.props.targetObj:document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"-trigger']")))&&e&&this.updateTooltipLayout(e,i,e.getAttribute("direction"))}}}},{key:"getStyleValue",value:function(t){return t+"px"}},{key:"getNewDirection",value:function(t){var e;switch(t){case"top":e="bottom";break;case"bottom":e="top";break;case"left":e="right";break;default:e="left"}return e}},{key:"showTooltip",value:function(){var t=this.canDisplayFullText(this.triggerRef);return!this.props.disable&&!this.props.showToolTipIfTruncated||!this.props.disable&&this.props.showToolTipIfTruncated&&!t}},{key:"canDisplayFullText",value:function(t){var e=this.props.truncatedRef?this.props.truncatedRef:t;if(e){var i=e.firstChild&&e.firstChild.scrollWidth&&0!==e.firstChild.scrollWidth?e.firstChild.scrollWidth:e.scrollWidth,o=e.firstChild&&e.firstChild.offsetWidth&&e.firstChild.offsetWidth||0,l=i<=(0!==o&&o<e.offsetWidth?o:e.offsetWidth);return l}return!1}},{key:"showTooltipWithDelay",value:function(){if(!this.pendingTooltip&&this.showTooltip()){var t=this;this.pendingTooltip=setTimeout((function(){t.setTooltipVisible(!0)}),this.props.delay)}}},{key:"updateTooltipLayout",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=e.getBoundingClientRect(),r=t.querySelector("svg"),p=r.getBoundingClientRect();if(t.style.left=this.getStyleValue(n.left),t.style.top=this.getStyleValue(n.top),this.props.mousePos)this.updateLocationBasedOnMousePos(t,this.props.mousePos,i);else{if("top"===o||"bottom"===o){var h=n.left;t.offsetWidth>n.width?(h-=(t.offsetWidth-n.width)/2)<0&&(h=2):t.offsetWidth<n.width&&(h+=(n.width-t.offsetWidth)/2),t.style.left=this.getStyleValue(h),h+t.offsetWidth>l&&(t.style.left=this.getStyleValue(l-t.offsetWidth))}else if("left"===o)for(;t.offsetLeft+t.offsetWidth+p.width>Math.round(n.left);)t.style.left=this.getStyleValue(n.left-t.offsetWidth-p.width);else"right"===o&&(t.style.left=this.getStyleValue(n.right+p.width));if("top"===o)t.style.top=this.getStyleValue(n.top-p.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(n.bottom+p.height);else if("left"===o||"right"===o){var a=n.top;t.offsetHeight>n.height?(a-=(t.offsetHeight-n.height)/2)<0&&(a=n.top):t.offsetHeight<n.height&&(a+=(n.height-t.offsetHeight)/2),t.style.top=this.getStyleValue(a+1),s-t.offsetHeight<n.top&&(t.style.top=this.getStyleValue(s-t.offsetHeight))}"top"===o||"bottom"===o?r.style.left=this.getStyleValue(n.left-t.getBoundingClientRect().left+e.getBoundingClientRect().width/2-p.width/2+1):"left"===o?r.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(r.style.left=this.getStyleValue(2-p.width)),"top"===o?r.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?r.style.top="-11px":"left"!==o&&"right"!==o||(r.style.top=this.getStyleValue(n.top-t.getBoundingClientRect().top+e.offsetHeight/2-p.height/2))}if(this.isOutOfBounds(t)&&t.getAttribute("direction")===o){var u=this.getNewDirection(o);return this.updateTooltipLayout(t,e,u),void t.setAttribute("direction",u)}}},{key:"updateLocationBasedOnMousePos",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=t.querySelector("svg"),r=n.getBoundingClientRect(),p=this.props.mousePos.x,h=this.props.mousePos.y;if("top"===o||"bottom"===o){var a=p-t.offsetWidth/2;l-t.offsetWidth<a?a=l-t.offsetWidth:a<0&&(a=2),t.style.left=this.getStyleValue(a)}else"left"===o?t.style.left=this.getStyleValue(p-t.offsetWidth-r.width-5):"right"===o&&(t.style.left=this.getStyleValue(p+r.width+5));if("top"===o)t.style.top=this.getStyleValue(h-r.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(h+2*r.height);else if("left"===o||"right"===o){var u=h-t.offsetHeight/2;s-t.offsetHeight<u?u=s-t.offsetHeight:u<0&&(u=2),t.style.top=this.getStyleValue(u+1)}"top"===o||"bottom"===o?n.style.left=this.getStyleValue(p-t.getBoundingClientRect().left-r.width/2):"left"===o?n.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(n.style.left=this.getStyleValue(2-r.width)),"top"===o?n.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?n.style.top="-11px":"left"!==o&&"right"!==o||(n.style.top=this.getStyleValue(h-t.getBoundingClientRect().top-r.height/2))}},{key:"isOutOfBounds",value:function(t){var e=parseFloat(t.style.left),i=parseFloat(t.style.top);return e+t.offsetWidth>document.documentElement.clientWidth||e<0||i<0||i+t.offsetHeight>document.documentElement.clientHeight}},{key:"toggleTooltipOnClick",value:function(t){t.stopPropagation(),t.preventDefault(),this.state.isTooltipVisible?this.setTooltipVisible(!1):this.setTooltipVisible(!0)}},{key:"hideTooltipOnScrollAndResize",value:function(t){this.state.isTooltipVisible&&this.setTooltipVisible(!1)}},{key:"tooltipLinkOnClick",value:function(t){window.open(t,"_blank","noopener")}},{key:"render",value:function(){var e=this,i=null,s=null;if(this.props.children){s=r.default.createElement("div",{"data-id":"".concat(this.uuid,"-").concat(this.props.id,"-trigger"),className:"tooltip-trigger",onMouseOver:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!0)},onMouseLeave:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onMouseDown:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onClick:this.props.showToolTipOnClick?function(t){return e.toggleTooltipOnClick(t)}:null,onFocus:this.props.showToolTipOnClick?function(){return e.showTooltipWithDelay()}:null,onBlur:this.props.showToolTipOnClick?function(t){null!==t.relatedTarget&&e.setTooltipVisible(!1)}:null,tabIndex:this.props.showToolTipOnClick?0:null,role:this.props.showToolTipOnClick?"button":null,"aria-labelledby":"".concat(this.uuid,"-").concat(this.props.id),"aria-expanded":this.props.showToolTipOnClick?this.state.isTooltipVisible:null,"aria-controls":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,ref:function(t){return e.triggerRef=t}},this.props.children)}"string"==typeof this.props.tip?i=r.default.createElement("span",{className:"tooltipContainer"},this.props.tip):"object"===t._typeof(this.props.tip)?i=r.default.createElement("div",{className:"tooltipContainer"},this.props.tip):"function"==typeof this.props.tip&&(i=this.props.tip());var n="common-canvas-tooltip";this.props.className&&(n+=" "+this.props.className);var p=null;if(this.state.isTooltipVisible&&this.props.tooltipLinkHandler&&this.props.link){var h=this.props.tooltipLinkHandler(this.props.link);"object"===t._typeof(h)&&h.label&&h.url&&(p=r.default.createElement(l.Link,{className:"tooltip-link",id:this.props.link.id,onClick:this.tooltipLinkOnClick.bind(this,h.url)},h.label))}var a=null;return(i||p)&&(a=r.default.createElement(o.Portal,null,r.default.createElement("div",{role:"tooltip",id:"".concat(this.uuid,"-").concat(this.props.id),"data-id":"".concat(this.uuid,"-").concat(this.props.id),className:n,"aria-hidden":!this.state.isTooltipVisible,direction:this.props.direction},r.default.createElement("svg",{className:"tipArrow",x:"0px",y:"0px",viewBox:"0 0 9.1 16.1"},r.default.createElement("polyline",{points:"9.1,15.7 1.4,8.1 9.1,0.5"}),r.default.createElement("polygon",{points:"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7"})),i,p))),r.default.createElement("div",{className:"tooltip-container"},s,a)}}]),h}(r.default.Component);h.defaultProps={delay:200,direction:"bottom",showToolTipIfTruncated:!1,showToolTipOnClick:!1},module.exports=h;
+"use strict";var t=require("../createClass-826941b3.js"),e=require("../getPrototypeOf-1e698126.js"),i=require("react"),o=require("react-portal"),l=require("carbon-components-react"),s=require("uuid");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(i);function p(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,l=e._getPrototypeOf(t);if(i){var s=e._getPrototypeOf(this).constructor;o=Reflect.construct(l,arguments,s)}else o=l.apply(this,arguments);return e._possibleConstructorReturn(this,o)}}var h=function(i){e._inherits(h,i);var n=p(h);function h(i){var o;return t._classCallCheck(this,h),(o=n.call(this,i)).state={isTooltipVisible:!1},o.uuid=s.v4(),o.pendingTooltip=null,o.hideTooltipOnScrollAndResize=o.hideTooltipOnScrollAndResize.bind(e._assertThisInitialized(o)),o}return t._createClass(h,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.addEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.props.targetObj&&this.setTooltipVisible(!0)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.hideTooltipOnScrollAndResize,!0),window.removeEventListener("resize",this.hideTooltipOnScrollAndResize,!0),this.pendingTooltip&&clearTimeout(this.pendingTooltip)}},{key:"setTooltipVisible",value:function(t){if((!this.showTooltip()||!t&&this.pendingTooltip)&&(clearTimeout(this.pendingTooltip),this.pendingTooltip=null,this.setState({isTooltipVisible:!1})),this.showTooltip()){var e=document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"']"));if(this.pendingTooltip=null,this.setState({isTooltipVisible:t}),t){var i=null;(i=this.props.targetObj?this.props.targetObj:document.querySelector("[data-id='".concat(this.uuid,"-").concat(this.props.id,"-trigger']")))&&e&&this.updateTooltipLayout(e,i,e.getAttribute("direction"))}}}},{key:"getStyleValue",value:function(t){return t+"px"}},{key:"getNewDirection",value:function(t){var e;switch(t){case"top":e="bottom";break;case"bottom":e="top";break;case"left":e="right";break;default:e="left"}return e}},{key:"showTooltip",value:function(){var t=this.canDisplayFullText(this.triggerRef);return!this.props.disable&&!this.props.showToolTipIfTruncated||!this.props.disable&&this.props.showToolTipIfTruncated&&!t}},{key:"canDisplayFullText",value:function(t){var e=this.props.truncatedRef?this.props.truncatedRef:t;if(e){var i=e.firstChild&&e.firstChild.scrollWidth&&0!==e.firstChild.scrollWidth?e.firstChild.scrollWidth:e.scrollWidth,o=e.firstChild&&e.firstChild.offsetWidth&&e.firstChild.offsetWidth||0,l=i<=(0!==o&&o<e.offsetWidth?o:e.offsetWidth);return l}return!1}},{key:"showTooltipWithDelay",value:function(){if(!this.pendingTooltip&&this.showTooltip()){var t=this;this.pendingTooltip=setTimeout((function(){t.setTooltipVisible(!0)}),this.props.delay)}}},{key:"updateTooltipLayout",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=e.getBoundingClientRect(),r=t.querySelector("svg"),p=r.getBoundingClientRect();if(t.style.left=this.getStyleValue(n.left),t.style.top=this.getStyleValue(n.top),this.props.mousePos)this.updateLocationBasedOnMousePos(t,this.props.mousePos,i);else{if("top"===o||"bottom"===o){var h=n.left;t.offsetWidth>n.width?(h-=(t.offsetWidth-n.width)/2)<0&&(h=2):t.offsetWidth<n.width&&(h+=(n.width-t.offsetWidth)/2),t.style.left=this.getStyleValue(h),h+t.offsetWidth>l&&(t.style.left=this.getStyleValue(l-t.offsetWidth))}else if("left"===o)for(;t.offsetLeft+t.offsetWidth+p.width>Math.round(n.left);)t.style.left=this.getStyleValue(n.left-t.offsetWidth-p.width);else"right"===o&&(t.style.left=this.getStyleValue(n.right+p.width));if("top"===o)t.style.top=this.getStyleValue(n.top-p.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(n.bottom+p.height);else if("left"===o||"right"===o){var a=n.top;t.offsetHeight>n.height?(a-=(t.offsetHeight-n.height)/2)<0&&(a=n.top):t.offsetHeight<n.height&&(a+=(n.height-t.offsetHeight)/2),t.style.top=this.getStyleValue(a+1),s-t.offsetHeight<n.top&&(t.style.top=this.getStyleValue(s-t.offsetHeight))}"top"===o||"bottom"===o?r.style.left=this.getStyleValue(n.left-t.getBoundingClientRect().left+e.getBoundingClientRect().width/2-p.width/2+1):"left"===o?r.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(r.style.left=this.getStyleValue(2-p.width)),"top"===o?r.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?r.style.top="-11px":"left"!==o&&"right"!==o||(r.style.top=this.getStyleValue(n.top-t.getBoundingClientRect().top+e.offsetHeight/2-p.height/2))}if(this.isOutOfBounds(t)&&t.getAttribute("direction")===o){var u=this.getNewDirection(o);return this.updateTooltipLayout(t,e,u),void t.setAttribute("direction",u)}}},{key:"updateLocationBasedOnMousePos",value:function(t,e,i){var o=i,l=document.documentElement.clientWidth,s=document.documentElement.clientHeight,n=t.querySelector("svg"),r=n.getBoundingClientRect(),p=this.props.mousePos.x,h=this.props.mousePos.y;if("top"===o||"bottom"===o){var a=p-t.offsetWidth/2;l-t.offsetWidth<a?a=l-t.offsetWidth:a<0&&(a=2),t.style.left=this.getStyleValue(a)}else"left"===o?t.style.left=this.getStyleValue(p-t.offsetWidth-r.width-5):"right"===o&&(t.style.left=this.getStyleValue(p+r.width+5));if("top"===o)t.style.top=this.getStyleValue(h-r.height-t.offsetHeight);else if("bottom"===o)t.style.top=this.getStyleValue(h+2*r.height);else if("left"===o||"right"===o){var u=h-t.offsetHeight/2;s-t.offsetHeight<u?u=s-t.offsetHeight:u<0&&(u=2),t.style.top=this.getStyleValue(u+1)}"top"===o||"bottom"===o?n.style.left=this.getStyleValue(p-t.getBoundingClientRect().left-r.width/2):"left"===o?n.style.left=this.getStyleValue(t.offsetWidth-3):"right"===o&&(n.style.left=this.getStyleValue(2-r.width)),"top"===o?n.style.top=this.getStyleValue(t.offsetHeight-5):"bottom"===o?n.style.top="-11px":"left"!==o&&"right"!==o||(n.style.top=this.getStyleValue(h-t.getBoundingClientRect().top-r.height/2))}},{key:"isOutOfBounds",value:function(t){var e=parseFloat(t.style.left),i=parseFloat(t.style.top);return e+t.offsetWidth>document.documentElement.clientWidth||e<0||i<0||i+t.offsetHeight>document.documentElement.clientHeight}},{key:"toggleTooltipOnClick",value:function(t){t.stopPropagation(),t.preventDefault(),this.state.isTooltipVisible?this.setTooltipVisible(!1):this.setTooltipVisible(!0)}},{key:"hideTooltipOnScrollAndResize",value:function(t){this.state.isTooltipVisible&&this.setTooltipVisible(!1)}},{key:"tooltipLinkOnClick",value:function(t){window.open(t,"_blank","noopener")}},{key:"render",value:function(){var e=this,i=null,s=null;if(this.props.children){s=r.default.createElement("div",{"data-id":"".concat(this.uuid,"-").concat(this.props.id,"-trigger"),className:"tooltip-trigger",onMouseOver:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!0)},onMouseLeave:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onMouseDown:this.props.showToolTipOnClick?null:function(){return e.setTooltipVisible(!1)},onClick:this.props.showToolTipOnClick?function(t){return e.toggleTooltipOnClick(t)}:null,onFocus:this.props.showToolTipOnClick?function(){return e.showTooltipWithDelay()}:null,onBlur:this.props.showToolTipOnClick?function(t){null!==t.relatedTarget&&e.setTooltipVisible(!1)}:null,tabIndex:this.props.showToolTipOnClick?0:null,role:this.props.showToolTipOnClick?"button":null,"aria-labelledby":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,"aria-expanded":this.props.showToolTipOnClick?this.state.isTooltipVisible:null,"aria-controls":this.props.showToolTipOnClick?"".concat(this.uuid,"-").concat(this.props.id):null,ref:function(t){return e.triggerRef=t}},this.props.children)}"string"==typeof this.props.tip?i=r.default.createElement("span",{className:"tooltipContainer"},this.props.tip):"object"===t._typeof(this.props.tip)?i=r.default.createElement("div",{className:"tooltipContainer"},this.props.tip):"function"==typeof this.props.tip&&(i=this.props.tip());var n="common-canvas-tooltip";this.props.className&&(n+=" "+this.props.className);var p=null;if(this.state.isTooltipVisible&&this.props.tooltipLinkHandler&&this.props.link){var h=this.props.tooltipLinkHandler(this.props.link);"object"===t._typeof(h)&&h.label&&h.url&&(p=r.default.createElement(l.Link,{className:"tooltip-link",id:this.props.link.id,onClick:this.tooltipLinkOnClick.bind(this,h.url)},h.label))}var a=null;return(i||p)&&(a=r.default.createElement(o.Portal,null,r.default.createElement("div",{role:"tooltip",id:"".concat(this.uuid,"-").concat(this.props.id),"data-id":"".concat(this.uuid,"-").concat(this.props.id),className:n,"aria-hidden":!this.state.isTooltipVisible,direction:this.props.direction},r.default.createElement("svg",{className:"tipArrow",x:"0px",y:"0px",viewBox:"0 0 9.1 16.1"},r.default.createElement("polyline",{points:"9.1,15.7 1.4,8.1 9.1,0.5"}),r.default.createElement("polygon",{points:"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7"})),i,p))),r.default.createElement("div",{className:"tooltip-container"},s,a)}}]),h}(r.default.Component);h.defaultProps={delay:200,direction:"bottom",showToolTipIfTruncated:!1,showToolTipOnClick:!1},module.exports=h;
 //# sourceMappingURL=tooltip.js.map

package/dist/lib/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\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/*\n\tThis code is a modified version from portal-common-api for the Elyra canvas tooltips\n*/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Portal } from \"react-portal\";\nimport { Link } from \"carbon-components-react\";\nimport { v4 as uuid4 } from \"uuid\";\n\nclass ToolTip extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisTooltipVisible: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\twindow.addEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.addEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.props.targetObj) {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.removeEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.pendingTooltip) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t}\n\t}\n\n\tsetTooltipVisible(visible) {\n\t\t// clear the display timer if set\n\t\tif (!this.showTooltip() || (!visible && this.pendingTooltip)) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: false\n\t\t\t});\n\t\t}\n\n\n\t\tif (this.showTooltip()) {\n\t\t\tconst tooltip = document.querySelector(`[data-id='${this.uuid}-${this.props.id}']`);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: visible\n\t\t\t});\n\t\t\t// updates the tooltip display\n\t\t\tif (visible) {\n\t\t\t\tlet tooltipTrigger = null;\n\t\t\t\tif (this.props.targetObj) {\n\t\t\t\t\ttooltipTrigger = this.props.targetObj;\n\t\t\t\t} else {\n\t\t\t\t\ttooltipTrigger = document.querySelector(`[data-id='${this.uuid}-${this.props.id}-trigger']`);\n\t\t\t\t}\n\t\t\t\tif (tooltipTrigger && tooltip) {\n\t\t\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, tooltip.getAttribute(\"direction\"));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tgetStyleValue(value) {\n\t\treturn value + \"px\";\n\t}\n\n\tgetNewDirection(currentDirection) {\n\t\tlet newDirection;\n\t\tswitch (currentDirection) {\n\t\tcase \"top\":\n\t\t\tnewDirection = \"bottom\";\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tnewDirection = \"top\";\n\t\t\tbreak;\n\t\tcase \"left\":\n\t\t\tnewDirection = \"right\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewDirection = \"left\";\n\t\t}\n\t\treturn newDirection;\n\t}\n\n\tshowTooltip() {\n\t\tconst canDisplayFullText = this.canDisplayFullText(this.triggerRef);\n\t\tconst showToolTip = (\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is false\n\t\t\t(!this.props.disable && !this.props.showToolTipIfTruncated) ||\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is true and string is truncated\n\t\t\t(!this.props.disable && this.props.showToolTipIfTruncated && !canDisplayFullText));\n\t\treturn showToolTip;\n\t}\n\n\t// Return true if the string can be displayed in the available space\n\t// Return false if the string is truncated and ellipsis is shown on the UI\n\t// (offsetWidth) is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars\n\t// (scrollWidth) value is equal to the minimum width the element would require\n\t//  in order to fit all the content in the viewport without using a horizontal scrollbar\n\tcanDisplayFullText(elem) {\n\t\tconst triggerElem = this.props.truncatedRef ? this.props.truncatedRef : elem;\n\t\tif (triggerElem) {\n\t\t\tconst fullWidth = triggerElem.firstChild && triggerElem.firstChild.scrollWidth && triggerElem.firstChild.scrollWidth !== 0 ? triggerElem.firstChild.scrollWidth\n\t\t\t\t: triggerElem.scrollWidth;\n\t\t\tconst childWidth = triggerElem.firstChild && triggerElem.firstChild.offsetWidth && triggerElem.firstChild.offsetWidth || 0;\n\t\t\t// need different handling when content is within a span vs div\n\t\t\tconst displayWidth = childWidth !== 0 && childWidth < triggerElem.offsetWidth ? childWidth : triggerElem.offsetWidth;\n\t\t\tconst canDisplayFullText = fullWidth <= displayWidth;\n\t\t\treturn canDisplayFullText;\n\t\t}\n\t\treturn false; // Show tooltip if we cannot read the width (Canvas objects)\n\t}\n\n\tshowTooltipWithDelay() {\n\n\t\t// set a delay on displaying the tooltip\n\t\tif (!this.pendingTooltip && this.showTooltip()) {\n\t\t\tconst that = this;\n\t\t\tthis.pendingTooltip = setTimeout(function() {\n\t\t\t\tthat.setTooltipVisible(true);\n\t\t\t}, this.props.delay);\n\t\t}\n\n\t}\n\n\tupdateTooltipLayout(tooltip, tooltipTrigger, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst triggerLayout = tooltipTrigger.getBoundingClientRect();\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\t// always initialize tooltip location so it's all visible to ensure adjustments are done on the right size\n\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left);\n\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top);\n\n\t\tif (this.props.mousePos) {\n\t\t\tthis.updateLocationBasedOnMousePos(tooltip, this.props.mousePos, direction);\n\t\t} else { // tooltip relativ to element\n\t\t\t// tooltip - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tlet tooltipLeft = triggerLayout.left;\n\t\t\t\tif (tooltip.offsetWidth > triggerLayout.width) {\n\t\t\t\t\ttooltipLeft -= (tooltip.offsetWidth - triggerLayout.width) / 2; // distribute overlap evenly left and right\n\t\t\t\t\tif (tooltipLeft < 0) {\n\t\t\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetWidth < triggerLayout.width) {\n\t\t\t\t\ttooltipLeft += (triggerLayout.width - tooltip.offsetWidth) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t\t\tif ((tooltipLeft + tooltip.offsetWidth) > viewPortWidth) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(viewPortWidth - tooltip.offsetWidth); // hitting right border\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\t// For long tooltips, tooltip.offsetWidth is updated after setting tooltip.style.left. Ensure tooltip doesn't overlap tooltipTrigger element.\n\t\t\t\twhile ((tooltip.offsetLeft + tooltip.offsetWidth + pointerLayout.width) > Math.round(triggerLayout.left)) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.right + pointerLayout.width);\n\t\t\t}\n\n\t\t\t// tooltip - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top - pointerLayout.height - tooltip.offsetHeight);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.bottom + pointerLayout.height);\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tlet tooltipTop = triggerLayout.top;\n\t\t\t\tif (tooltip.offsetHeight > triggerLayout.height) {\n\t\t\t\t\ttooltipTop -= (tooltip.offsetHeight - triggerLayout.height) / 2; // distribute overlap evenly top and bottom\n\t\t\t\t\tif (tooltipTop < 0) {\n\t\t\t\t\t\ttooltipTop = triggerLayout.top; // hitting top border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetHeight < triggerLayout.height) {\n\t\t\t\t\ttooltipTop += (triggerLayout.height - tooltip.offsetHeight) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < triggerLayout.top) {\n\t\t\t\t\ttooltip.style.top = this.getStyleValue(viewPortHeight - tooltip.offsetHeight); // hitting bottom border\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// pointer - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(triggerLayout.left - tooltip.getBoundingClientRect().left +\n\t\t\t\t\ttooltipTrigger.getBoundingClientRect().width / 2 - pointerLayout.width / 2\t + pointerCorrection);\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t\t}\n\n\t\t\t// pointer - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.top = \"-11px\";\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(triggerLayout.top - tooltip.getBoundingClientRect().top +\n\t\t\t\t\ttooltipTrigger.offsetHeight / 2 - pointerLayout.height / 2);\n\t\t\t}\n\t\t}\n\n\t\t// check if out-of-bounds at the end and if so, trigger new layout on opposite site if not already re-rendered already\n\t\tif (this.isOutOfBounds(tooltip) && tooltip.getAttribute(\"direction\") === tooltipDirection) {\n\t\t\tconst newDirection = this.getNewDirection(tooltipDirection);\n\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, newDirection);\n\t\t\t// update class name directly, otherwise setState triggers re-render loop in canvas\n\t\t\t// also call after updateTooltipLayout, otherwise the newDirection and class of trigger are the same\n\t\t\ttooltip.setAttribute(\"direction\", newDirection);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tupdateLocationBasedOnMousePos(tooltip, mousePos, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\tconst mouseX = this.props.mousePos.x;\n\t\tconst mouseY = this.props.mousePos.y;\n\t\t// if mouse position is passed in, use the cursor as reference point\n\n\t\t// tooltip - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tlet tooltipLeft = mouseX - tooltip.offsetWidth / 2;\n\t\t\tif ((viewPortWidth - tooltip.offsetWidth) < tooltipLeft) {\n\t\t\t\ttooltipLeft = viewPortWidth - tooltip.offsetWidth; // hitting right border\n\t\t\t} else if (tooltipLeft < 0) {\n\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t}\n\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX - tooltip.offsetWidth - pointerLayout.width - 5);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX + pointerLayout.width + 5);\n\t\t}\n\n\t\t// tooltip - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY - pointerLayout.height - tooltip.offsetHeight);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY + 2 * pointerLayout.height);\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tlet tooltipTop = mouseY - tooltip.offsetHeight / 2;\n\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < tooltipTop) {\n\t\t\t\ttooltipTop = viewPortHeight - tooltip.offsetHeight; // hitting bottom border\n\t\t\t} else if (tooltipTop < 0) {\n\t\t\t\ttooltipTop = 2; // hitting top border\n\t\t\t}\n\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t}\n\n\t\t// pointer - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.left = this.getStyleValue(mouseX - tooltip.getBoundingClientRect().left - pointerLayout.width / 2);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t}\n\n\t\t// pointer - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.top = \"-11px\";\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tpointer.style.top = this.getStyleValue(mouseY - tooltip.getBoundingClientRect().top - pointerLayout.height / 2);\n\t\t}\n\t}\n\n\tisOutOfBounds(tooltip) {\n\t\tconst tooltipLeft = parseFloat(tooltip.style.left);\n\t\tconst tooltipTop = parseFloat(tooltip.style.top);\n\t\treturn (((tooltipLeft + tooltip.offsetWidth) > document.documentElement.clientWidth) || // to the right\n\t\t\t\t(tooltipLeft < 0) || // to the left\n\t\t\t\t(tooltipTop < 0) || // to the top\n\t\t\t\t((tooltipTop + tooltip.offsetHeight) > document.documentElement.clientHeight)); // to the bottom\n\t}\n\n\ttoggleTooltipOnClick(evt) {\n\t\t// 'blur' event occurs before 'click' event. Because of this, onBlur function is called which hides the tooltip.\n\t\t// To prevent this default behavior, stopPropagation and preventDefault is used.\n\t\tevt.stopPropagation();\n\t\tevt.preventDefault();\n\t\tif (this.state.isTooltipVisible) {\n\t\t\t// Tooltip is visible and user clicks on trigger element again, hide tooltip\n\t\t\tthis.setTooltipVisible(false);\n\t\t} else {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\thideTooltipOnScrollAndResize(evt) {\n\t\tif (this.state.isTooltipVisible) {\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\ttooltipLinkOnClick(url) {\n\t\twindow.open(url, \"_blank\", \"noopener\");\n\t}\n\n\trender() {\n\t\tlet tooltipContent = null;\n\t\tlet triggerContent = null;\n\t\tif (this.props.children) {\n\t\t\t// when children are passed in, tooltip will handle show/hide, otherwise consumer has to hide show/hide tooltip\n\t\t\tconst mouseover = () => this.setTooltipVisible(true);\n\t\t\tconst mouseleave = () => this.setTooltipVisible(false);\n\t\t\tconst mousedown = () => this.setTooltipVisible(false);\n\t\t\t// `focus` event occurs before `click`. Adding timeout in onFocus function to ensure click is executed first.\n\t\t\t// Ref - https://stackoverflow.com/a/49512400\n\t\t\tconst onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Keep tooltip visible when clicked on a link.\n\t\t\t\t// Since link is an anchor tag without \"href\" attribute, it has relatedTarget=null\n\t\t\t\tif (evt.relatedTarget !== null) {\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={`${this.uuid}-${this.props.id}-trigger`}\n\t\t\t\tclassName=\"tooltip-trigger\"\n\t\t\t\tonMouseOver={!this.props.showToolTipOnClick ? mouseover : null}\n\t\t\t\tonMouseLeave={!this.props.showToolTipOnClick ? mouseleave : null}\n\t\t\t\tonMouseDown={!this.props.showToolTipOnClick ? mousedown : null}\n\t\t\t\tonClick={this.props.showToolTipOnClick ? click : null}\n\t\t\t\tonFocus={this.props.showToolTipOnClick ? onFocus : null} // When focused using keyboard\n\t\t\t\tonBlur={this.props.showToolTipOnClick ? onBlur : null}\n\t\t\t\ttabIndex={this.props.showToolTipOnClick ? 0 : null}\n\t\t\t\trole={this.props.showToolTipOnClick ? \"button\" : null}\n\t\t\t\taria-labelledby={`${this.uuid}-${this.props.id}`}\n\t\t\t\taria-expanded={this.props.showToolTipOnClick ? this.state.isTooltipVisible : null}\n\t\t\t\taria-controls={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\tref={(ref) => (this.triggerRef = ref)}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</div>);\n\t\t}\n\n\t\tif ((typeof this.props.tip) === \"string\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<span className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</span>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"object\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<div className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"function\") {\n\t\t\ttooltipContent = this.props.tip();\n\t\t}\n\n\t\tlet tipClass = \"common-canvas-tooltip\";\n\t\tif (this.props.className) {\n\t\t\ttipClass += \" \" + this.props.className;\n\t\t}\n\n\t\tlet link = null;\n\t\tif (this.state.isTooltipVisible && this.props.tooltipLinkHandler && this.props.link) {\n\t\t\tconst linkInformation = this.props.tooltipLinkHandler(this.props.link);\n\t\t\t// Verify tooltipLinkHandler returns object in correct format\n\t\t\tif (typeof linkInformation === \"object\" && linkInformation.label && linkInformation.url) {\n\t\t\t\tlink = (<Link\n\t\t\t\t\tclassName=\"tooltip-link\"\n\t\t\t\t\tid={this.props.link.id}\n\t\t\t\t\tonClick={this.tooltipLinkOnClick.bind(this, linkInformation.url)}\n\t\t\t\t>\n\t\t\t\t\t{linkInformation.label}\n\t\t\t\t</Link>);\n\t\t\t}\n\t\t}\n\n\t\tlet tooltip = null;\n\t\tif (tooltipContent || link) {\n\t\t\ttooltip = (\n\t\t\t\t<Portal>\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tid={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tdata-id={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tclassName={tipClass}\n\t\t\t\t\t\taria-hidden={!this.state.isTooltipVisible}\n\t\t\t\t\t\tdirection={this.props.direction}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg className=\"tipArrow\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 16.1\">\n\t\t\t\t\t\t\t<polyline points=\"9.1,15.7 1.4,8.1 9.1,0.5\" />\n\t\t\t\t\t\t\t<polygon points=\"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t{tooltipContent}\n\t\t\t\t\t\t{link}\n\t\t\t\t\t</div>\n\t\t\t\t</Portal>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t{tooltip}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,\n\tlink: PropTypes.object,\n\ttooltipLinkHandler: PropTypes.func,\n\tdirection: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n\tchildren: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\ttargetObj: PropTypes.object,\n\tid: PropTypes.string.isRequired,\n\tclassName: PropTypes.string,\n\tmousePos: PropTypes.object,\n\tdisable: PropTypes.bool, // Tooltip will not show if disabled\n\tshowToolTipIfTruncated: PropTypes.bool, // Set to true to only display tooltip if full text does not fit in displayable width\n\ttruncatedRef: PropTypes.object,\n\tdelay: PropTypes.number,\n\tshowToolTipOnClick: PropTypes.bool\n};\n\nToolTip.defaultProps = {\n\tdelay: 200,\n\tdirection: \"bottom\",\n\tshowToolTipIfTruncated: false, // False will always show Tooltip even when whole word can be displayed\n\tshowToolTipOnClick: false\n};\n\nexport default ToolTip;\n"],"names":["ToolTip","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","isTooltipVisible","uuid","uuid4","pendingTooltip","hideTooltipOnScrollAndResize","bind","_assertThisInitialized","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","concat","id","tooltipTrigger","updateTooltipLayout","getAttribute","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","triggerElem","truncatedRef","fullWidth","firstChild","scrollWidth","childWidth","offsetWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","offsetLeft","Math","round","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","evt","stopPropagation","preventDefault","url","open","_this2","tooltipContent","triggerContent","children","React","createElement","className","onMouseOver","showToolTipOnClick","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","relatedTarget","tabIndex","role","ref","tip","_typeof","tipClass","link","tooltipLinkHandler","linkInformation","label","Link","tooltipLinkOnClick","Portal","viewBox","points","Component","defaultProps"],"mappings":"iwBAyBMA,WAAOC,GAAAC,YAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GACZ,SAAAA,EAAYK,GAAO,IAAAC,EAO+D,OAP/DC,uBAAAP,IAClBM,EAAAH,EAAAK,UAAMH,IACDI,MAAQ,CACZC,kBAAkB,GAEnBJ,EAAKK,KAAOC,OACZN,EAAKO,eAAiB,KACtBP,EAAKQ,6BAA+BR,EAAKQ,6BAA6BC,KAAIC,yBAAAV,IAAOA,EAqZjF,OApZAW,eAAAjB,IAAAkB,wBAAAC,MAED,WACCC,OAAOC,iBAAiB,SAAUC,KAAKR,8BAA8B,GACrEM,OAAOC,iBAAiB,SAAUC,KAAKR,8BAA8B,GACjEQ,KAAKjB,MAAMkB,WACdD,KAAKE,mBAAkB,MAExBN,2BAAAC,MAED,WACCC,OAAOK,oBAAoB,SAAUH,KAAKR,8BAA8B,GACxEM,OAAOK,oBAAoB,SAAUH,KAAKR,8BAA8B,GACpEQ,KAAKT,gBACRa,aAAaJ,KAAKT,mBAEnBK,wBAAAC,MAED,SAAkBQ,GAWjB,KATKL,KAAKM,gBAAmBD,GAAWL,KAAKT,kBAC5Ca,aAAaJ,KAAKT,gBAClBS,KAAKT,eAAiB,KACtBS,KAAKO,SAAS,CACbnB,kBAAkB,KAKhBY,KAAKM,cAAe,CACvB,IAAME,EAAUC,SAASC,2BAAaC,OAAcX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,UAM5E,GALAZ,KAAKT,eAAiB,KACtBS,KAAKO,SAAS,CACbnB,iBAAkBiB,IAGfA,EAAS,CACZ,IAAIQ,EAAiB,MAEpBA,EADGb,KAAKjB,MAAMkB,UACGD,KAAKjB,MAAMkB,UAEXQ,SAASC,2BAAaC,OAAcX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,oBAExDJ,GACrBR,KAAKc,oBAAoBN,EAASK,EAAgBL,EAAQO,aAAa,mBAI1EnB,oBAAAC,MAED,SAAcA,GACb,OAAOA,EAAQ,QACfD,sBAAAC,MAED,SAAgBmB,GACf,IAAIC,EACJ,OAAQD,GACR,IAAK,MACJC,EAAe,SACf,MACD,IAAK,SACJA,EAAe,MACf,MACD,IAAK,OACJA,EAAe,QACf,MACD,QACCA,EAAe,OAEhB,OAAOA,KACPrB,kBAAAC,MAED,WACC,IAAMqB,EAAqBlB,KAAKkB,mBAAmBlB,KAAKmB,YAMxD,OAHGnB,KAAKjB,MAAMqC,UAAYpB,KAAKjB,MAAMsC,yBAElCrB,KAAKjB,MAAMqC,SAAWpB,KAAKjB,MAAMsC,yBAA2BH,KAQhEtB,yBAAAC,MACA,SAAmByB,GAClB,IAAMC,EAAcvB,KAAKjB,MAAMyC,aAAexB,KAAKjB,MAAMyC,aAAeF,EACxE,GAAIC,EAAa,CAChB,IAAME,EAAYF,EAAYG,YAAcH,EAAYG,WAAWC,aAAsD,IAAvCJ,EAAYG,WAAWC,YAAoBJ,EAAYG,WAAWC,YACjJJ,EAAYI,YACTC,EAAaL,EAAYG,YAAcH,EAAYG,WAAWG,aAAeN,EAAYG,WAAWG,aAAe,EAGnHX,EAAqBO,IADS,IAAfG,GAAoBA,EAAaL,EAAYM,YAAcD,EAAaL,EAAYM,aAEzG,OAAOX,EAER,OAAO,KACPtB,2BAAAC,MAED,WAGC,IAAKG,KAAKT,gBAAkBS,KAAKM,cAAe,CAC/C,IAAMwB,EAAO9B,KACbA,KAAKT,eAAiBwC,YAAW,WAChCD,EAAK5B,mBAAkB,KACrBF,KAAKjB,MAAMiD,WAGfpC,0BAAAC,MAED,SAAoBW,EAASK,EAAgBoB,GAC5C,IAAMC,EAAmBD,EACnBE,EAAgB1B,SAAS2B,gBAAgBC,YACzCC,EAAiB7B,SAAS2B,gBAAgBG,aAC1CC,EAAgB3B,EAAe4B,wBAC/BC,EAAUlC,EAAQE,cAAc,OAChCiC,EAAgBD,EAAQD,wBAO9B,GAHAjC,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAcK,MACtDrC,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAcO,KAEjD/C,KAAKjB,MAAMiE,SACdhD,KAAKiD,8BAA8BzC,EAASR,KAAKjB,MAAMiE,SAAUf,OAC3D,CAEN,GAAyB,QAArBC,GAAmD,WAArBA,EAA+B,CAChE,IAAIgB,EAAcV,EAAcK,KAC5BrC,EAAQqB,YAAcW,EAAcW,OACvCD,IAAgB1C,EAAQqB,YAAcW,EAAcW,OAAS,GAC3C,IACjBD,EAAc,GAEL1C,EAAQqB,YAAcW,EAAcW,QAC9CD,IAAgBV,EAAcW,MAAQ3C,EAAQqB,aAAe,GAE9DrB,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcI,GACnCA,EAAc1C,EAAQqB,YAAeM,IACzC3B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcX,EAAgB3B,EAAQqB,mBAE3D,GAAyB,SAArBK,EAEV,KAAQ1B,EAAQ4C,WAAa5C,EAAQqB,YAAcc,EAAcQ,MAASE,KAAKC,MAAMd,EAAcK,OAClGrC,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAcK,KAAOrC,EAAQqB,YAAcc,EAAcQ,WAEnE,UAArBjB,IACV1B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAce,MAAQZ,EAAcQ,QAI7E,GAAyB,QAArBjB,EACH1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAcO,IAAMJ,EAAca,OAAShD,EAAQiD,mBACpF,GAAyB,WAArBvB,EACV1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAckB,OAASf,EAAca,aACtE,GAAyB,SAArBtB,GAAoD,UAArBA,EAA8B,CACvE,IAAIyB,EAAanB,EAAcO,IAC3BvC,EAAQiD,aAAejB,EAAcgB,QACxCG,IAAenD,EAAQiD,aAAejB,EAAcgB,QAAU,GAC7C,IAChBG,EAAanB,EAAcO,KAElBvC,EAAQiD,aAAejB,EAAcgB,SAC/CG,IAAenB,EAAcgB,OAAShD,EAAQiD,cAAgB,GAE/DjD,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAca,EAhDf,GAiDnBrB,EAAiB9B,EAAQiD,aAAgBjB,EAAcO,MAC3DvC,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcR,EAAiB9B,EAAQiD,eAKzC,QAArBvB,GAAmD,WAArBA,EACjCQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAcK,KAAOrC,EAAQiC,wBAAwBI,KAC5FhC,EAAe4B,wBAAwBU,MAAQ,EAAIR,EAAcQ,MAAQ,EAzDlD,GA0DO,SAArBjB,EACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAActC,EAAQqB,YAAc,GAC/B,UAArBK,IACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAqC,EAAtBH,EAAcQ,QAI/B,QAArBjB,EACHQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAActC,EAAQiD,aAAe,GAC/B,WAArBvB,EACVQ,EAAQE,MAAMG,IAAM,QACW,SAArBb,GAAoD,UAArBA,IACzCQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAcO,IAAMvC,EAAQiC,wBAAwBM,IAC1FlC,EAAe4C,aAAe,EAAId,EAAca,OAAS,IAK5D,GAAIxD,KAAK4D,cAAcpD,IAAYA,EAAQO,aAAa,eAAiBmB,EAAkB,CAC1F,IAAMjB,EAAejB,KAAK6D,gBAAgB3B,GAK1C,OAJAlC,KAAKc,oBAAoBN,EAASK,EAAgBI,QAGlDT,EAAQsD,aAAa,YAAa7C,OAGnCrB,oCAAAC,MAED,SAA8BW,EAASwC,EAAUf,GAChD,IAAMC,EAAmBD,EACnBE,EAAgB1B,SAAS2B,gBAAgBC,YACzCC,EAAiB7B,SAAS2B,gBAAgBG,aAC1CG,EAAUlC,EAAQE,cAAc,OAChCiC,EAAgBD,EAAQD,wBAGxBsB,EAAS/D,KAAKjB,MAAMiE,SAASgB,EAC7BC,EAASjE,KAAKjB,MAAMiE,SAASkB,EAInC,GAAyB,QAArBhC,GAAmD,WAArBA,EAA+B,CAChE,IAAIgB,EAAca,EAASvD,EAAQqB,YAAc,EAC5CM,EAAgB3B,EAAQqB,YAAeqB,EAC3CA,EAAcf,EAAgB3B,EAAQqB,YAC5BqB,EAAc,IACxBA,EAAc,GAEf1C,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcI,OACT,SAArBhB,EACV1B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAciB,EAASvD,EAAQqB,YAAcc,EAAcQ,MAAQ,GAC9D,UAArBjB,IACV1B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAciB,EAASpB,EAAcQ,MAAQ,IAIxE,GAAyB,QAArBjB,EACH1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcmB,EAAStB,EAAca,OAAShD,EAAQiD,mBACzE,GAAyB,WAArBvB,EACV1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcmB,EAAS,EAAItB,EAAca,aAC5D,GAAyB,SAArBtB,GAAoD,UAArBA,EAA8B,CACvE,IAAIyB,EAAaM,EAASzD,EAAQiD,aAAe,EAC5CnB,EAAiB9B,EAAQiD,aAAgBE,EAC7CA,EAAarB,EAAiB9B,EAAQiD,aAC5BE,EAAa,IACvBA,EAAa,GAEdnD,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAca,EAjCd,GAqCD,QAArBzB,GAAmD,WAArBA,EACjCQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAciB,EAASvD,EAAQiC,wBAAwBI,KAAOF,EAAcQ,MAAQ,GAC/E,SAArBjB,EACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAActC,EAAQqB,YAAc,GAC/B,UAArBK,IACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAqC,EAAtBH,EAAcQ,QAI/B,QAArBjB,EACHQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAActC,EAAQiD,aAAe,GAC/B,WAArBvB,EACVQ,EAAQE,MAAMG,IAAM,QACW,SAArBb,GAAoD,UAArBA,IACzCQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAAcmB,EAASzD,EAAQiC,wBAAwBM,IAAMJ,EAAca,OAAS,OAE9G5D,oBAAAC,MAED,SAAcW,GACb,IAAM0C,EAAciB,WAAW3D,EAAQoC,MAAMC,MACvCc,EAAaQ,WAAW3D,EAAQoC,MAAMG,KAC5C,OAAUG,EAAc1C,EAAQqB,YAAepB,SAAS2B,gBAAgBC,aACrEa,EAAc,GACdS,EAAa,GACZA,EAAanD,EAAQiD,aAAgBhD,SAAS2B,gBAAgBG,gBAClE3C,2BAAAC,MAED,SAAqBuE,GAGpBA,EAAIC,kBACJD,EAAIE,iBACAtE,KAAKb,MAAMC,iBAEdY,KAAKE,mBAAkB,GAEvBF,KAAKE,mBAAkB,MAExBN,mCAAAC,MAED,SAA6BuE,GACxBpE,KAAKb,MAAMC,kBACdY,KAAKE,mBAAkB,MAExBN,yBAAAC,MAED,SAAmB0E,GAClBzE,OAAO0E,KAAKD,EAAK,SAAU,eAC3B3E,aAAAC,MAED,WAAS,IAAA4E,OACJC,EAAiB,KACjBC,EAAiB,KACrB,GAAI3E,KAAKjB,MAAM6F,SAAU,CAiBxBD,EAAkBE,UAAAC,qBACjB,aAAAnE,OAAYX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,eACpCmE,UAAU,kBACVC,YAAchF,KAAKjB,MAAMkG,mBAAiC,KAlBzC,WAAH,OAASR,EAAKvE,mBAAkB,IAmB9CgF,aAAelF,KAAKjB,MAAMkG,mBAAkC,KAlB1C,WAAH,OAASR,EAAKvE,mBAAkB,IAmB/CiF,YAAcnF,KAAKjB,MAAMkG,mBAAiC,KAlBzC,WAAH,OAASR,EAAKvE,mBAAkB,IAmB9CkF,QAASpF,KAAKjB,MAAMkG,mBARP,SAACb,GAAG,OAAKK,EAAKY,qBAAqBjB,IAQC,KACjDkB,QAAStF,KAAKjB,MAAMkG,mBAjBL,WAAH,OAASR,EAAKc,wBAiByB,KACnDC,OAAQxF,KAAKjB,MAAMkG,mBAjBL,SAACb,GAGW,OAAtBA,EAAIqB,eACPhB,EAAKvE,mBAAkB,IAayB,KACjDwF,SAAU1F,KAAKjB,MAAMkG,mBAAqB,EAAI,KAC9CU,KAAM3F,KAAKjB,MAAMkG,mBAAqB,SAAW,KACjD,qBAAAtE,OAAoBX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IAC5C,gBAAeZ,KAAKjB,MAAMkG,mBAAqBjF,KAAKb,MAAMC,iBAAmB,KAC7E,gBAAeY,KAAKjB,MAAMkG,sBAAkBtE,OAAMX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IAAO,KACjFgF,IAAK,SAACA,GAAG,OAAMnB,EAAKtD,WAAayE,IAEhC5F,KAAKjB,MAAM6F,UAIkB,iBAApB5E,KAAKjB,MAAM8G,IACtBnB,EACCG,UAAAC,sBAAMC,UAAU,oBACd/E,KAAKjB,MAAM8G,KAGwB,WAA5BC,UAAQ9F,KAAKjB,MAAM8G,KAC7BnB,EACCG,UAAAC,qBAAKC,UAAU,oBACb/E,KAAKjB,MAAM8G,KAGwB,mBAApB7F,KAAKjB,MAAM8G,MAC7BnB,EAAiB1E,KAAKjB,MAAM8G,OAG7B,IAAIE,EAAW,wBACX/F,KAAKjB,MAAMgG,YACdgB,GAAY,IAAM/F,KAAKjB,MAAMgG,WAG9B,IAAIiB,EAAO,KACX,GAAIhG,KAAKb,MAAMC,kBAAoBY,KAAKjB,MAAMkH,oBAAsBjG,KAAKjB,MAAMiH,KAAM,CACpF,IAAME,EAAkBlG,KAAKjB,MAAMkH,mBAAmBjG,KAAKjB,MAAMiH,MAElC,WAA3BF,UAAOI,IAAgCA,EAAgBC,OAASD,EAAgB3B,MACnFyB,EAAQnB,UAAAC,cAACsB,QACRrB,UAAU,eACVnE,GAAIZ,KAAKjB,MAAMiH,KAAKpF,GACpBwE,QAASpF,KAAKqG,mBAAmB5G,KAAKO,KAAMkG,EAAgB3B,MAE3D2B,EAAgBC,QAKpB,IAAI3F,EAAU,KAuBd,OAtBIkE,GAAkBsB,KACrBxF,EACCqE,UAAAC,cAACwB,cACAzB,UAAAC,qBACCa,KAAK,UACL/E,MAAED,OAAKX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IAC/B,aAAAD,OAAYX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IACpCmE,UAAWgB,EACX,eAAc/F,KAAKb,MAAMC,iBACzB6C,UAAWjC,KAAKjB,MAAMkD,WAEtB4C,UAAAC,qBAAKC,UAAU,WAAWf,EAAE,MAAME,EAAE,MAAMqC,QAAQ,gBACjD1B,UAAAC,0BAAU0B,OAAO,6BACjB3B,UAAAC,yBAAS0B,OAAO,mDAEhB9B,EACAsB,KAOJnB,UAAAC,qBAAKC,UAAU,qBACbJ,EACAnE,OAGH9B,CAAA,EA7ZoBmG,UAAM4B,WAib5B/H,EAAQgI,aAAe,CACtB1E,MAAO,IACPC,UAAW,SACXZ,wBAAwB,EACxB4D,oBAAoB"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/*\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/*\n\tThis code is a modified version from portal-common-api for the Elyra canvas tooltips\n*/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Portal } from \"react-portal\";\nimport { Link } from \"carbon-components-react\";\nimport { v4 as uuid4 } from \"uuid\";\n\nclass ToolTip extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisTooltipVisible: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\twindow.addEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.addEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.props.targetObj) {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.removeEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.pendingTooltip) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t}\n\t}\n\n\tsetTooltipVisible(visible) {\n\t\t// clear the display timer if set\n\t\tif (!this.showTooltip() || (!visible && this.pendingTooltip)) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: false\n\t\t\t});\n\t\t}\n\n\n\t\tif (this.showTooltip()) {\n\t\t\tconst tooltip = document.querySelector(`[data-id='${this.uuid}-${this.props.id}']`);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: visible\n\t\t\t});\n\t\t\t// updates the tooltip display\n\t\t\tif (visible) {\n\t\t\t\tlet tooltipTrigger = null;\n\t\t\t\tif (this.props.targetObj) {\n\t\t\t\t\ttooltipTrigger = this.props.targetObj;\n\t\t\t\t} else {\n\t\t\t\t\ttooltipTrigger = document.querySelector(`[data-id='${this.uuid}-${this.props.id}-trigger']`);\n\t\t\t\t}\n\t\t\t\tif (tooltipTrigger && tooltip) {\n\t\t\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, tooltip.getAttribute(\"direction\"));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tgetStyleValue(value) {\n\t\treturn value + \"px\";\n\t}\n\n\tgetNewDirection(currentDirection) {\n\t\tlet newDirection;\n\t\tswitch (currentDirection) {\n\t\tcase \"top\":\n\t\t\tnewDirection = \"bottom\";\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tnewDirection = \"top\";\n\t\t\tbreak;\n\t\tcase \"left\":\n\t\t\tnewDirection = \"right\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewDirection = \"left\";\n\t\t}\n\t\treturn newDirection;\n\t}\n\n\tshowTooltip() {\n\t\tconst canDisplayFullText = this.canDisplayFullText(this.triggerRef);\n\t\tconst showToolTip = (\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is false\n\t\t\t(!this.props.disable && !this.props.showToolTipIfTruncated) ||\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is true and string is truncated\n\t\t\t(!this.props.disable && this.props.showToolTipIfTruncated && !canDisplayFullText));\n\t\treturn showToolTip;\n\t}\n\n\t// Return true if the string can be displayed in the available space\n\t// Return false if the string is truncated and ellipsis is shown on the UI\n\t// (offsetWidth) is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars\n\t// (scrollWidth) value is equal to the minimum width the element would require\n\t//  in order to fit all the content in the viewport without using a horizontal scrollbar\n\tcanDisplayFullText(elem) {\n\t\tconst triggerElem = this.props.truncatedRef ? this.props.truncatedRef : elem;\n\t\tif (triggerElem) {\n\t\t\tconst fullWidth = triggerElem.firstChild && triggerElem.firstChild.scrollWidth && triggerElem.firstChild.scrollWidth !== 0 ? triggerElem.firstChild.scrollWidth\n\t\t\t\t: triggerElem.scrollWidth;\n\t\t\tconst childWidth = triggerElem.firstChild && triggerElem.firstChild.offsetWidth && triggerElem.firstChild.offsetWidth || 0;\n\t\t\t// need different handling when content is within a span vs div\n\t\t\tconst displayWidth = childWidth !== 0 && childWidth < triggerElem.offsetWidth ? childWidth : triggerElem.offsetWidth;\n\t\t\tconst canDisplayFullText = fullWidth <= displayWidth;\n\t\t\treturn canDisplayFullText;\n\t\t}\n\t\treturn false; // Show tooltip if we cannot read the width (Canvas objects)\n\t}\n\n\tshowTooltipWithDelay() {\n\n\t\t// set a delay on displaying the tooltip\n\t\tif (!this.pendingTooltip && this.showTooltip()) {\n\t\t\tconst that = this;\n\t\t\tthis.pendingTooltip = setTimeout(function() {\n\t\t\t\tthat.setTooltipVisible(true);\n\t\t\t}, this.props.delay);\n\t\t}\n\n\t}\n\n\tupdateTooltipLayout(tooltip, tooltipTrigger, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst triggerLayout = tooltipTrigger.getBoundingClientRect();\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\t// always initialize tooltip location so it's all visible to ensure adjustments are done on the right size\n\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left);\n\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top);\n\n\t\tif (this.props.mousePos) {\n\t\t\tthis.updateLocationBasedOnMousePos(tooltip, this.props.mousePos, direction);\n\t\t} else { // tooltip relativ to element\n\t\t\t// tooltip - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tlet tooltipLeft = triggerLayout.left;\n\t\t\t\tif (tooltip.offsetWidth > triggerLayout.width) {\n\t\t\t\t\ttooltipLeft -= (tooltip.offsetWidth - triggerLayout.width) / 2; // distribute overlap evenly left and right\n\t\t\t\t\tif (tooltipLeft < 0) {\n\t\t\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetWidth < triggerLayout.width) {\n\t\t\t\t\ttooltipLeft += (triggerLayout.width - tooltip.offsetWidth) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t\t\tif ((tooltipLeft + tooltip.offsetWidth) > viewPortWidth) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(viewPortWidth - tooltip.offsetWidth); // hitting right border\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\t// For long tooltips, tooltip.offsetWidth is updated after setting tooltip.style.left. Ensure tooltip doesn't overlap tooltipTrigger element.\n\t\t\t\twhile ((tooltip.offsetLeft + tooltip.offsetWidth + pointerLayout.width) > Math.round(triggerLayout.left)) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.right + pointerLayout.width);\n\t\t\t}\n\n\t\t\t// tooltip - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top - pointerLayout.height - tooltip.offsetHeight);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.bottom + pointerLayout.height);\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tlet tooltipTop = triggerLayout.top;\n\t\t\t\tif (tooltip.offsetHeight > triggerLayout.height) {\n\t\t\t\t\ttooltipTop -= (tooltip.offsetHeight - triggerLayout.height) / 2; // distribute overlap evenly top and bottom\n\t\t\t\t\tif (tooltipTop < 0) {\n\t\t\t\t\t\ttooltipTop = triggerLayout.top; // hitting top border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetHeight < triggerLayout.height) {\n\t\t\t\t\ttooltipTop += (triggerLayout.height - tooltip.offsetHeight) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < triggerLayout.top) {\n\t\t\t\t\ttooltip.style.top = this.getStyleValue(viewPortHeight - tooltip.offsetHeight); // hitting bottom border\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// pointer - left correction\n\t\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(triggerLayout.left - tooltip.getBoundingClientRect().left +\n\t\t\t\t\ttooltipTrigger.getBoundingClientRect().width / 2 - pointerLayout.width / 2\t + pointerCorrection);\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t\t}\n\n\t\t\t// pointer - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.top = \"-11px\";\n\t\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(triggerLayout.top - tooltip.getBoundingClientRect().top +\n\t\t\t\t\ttooltipTrigger.offsetHeight / 2 - pointerLayout.height / 2);\n\t\t\t}\n\t\t}\n\n\t\t// check if out-of-bounds at the end and if so, trigger new layout on opposite site if not already re-rendered already\n\t\tif (this.isOutOfBounds(tooltip) && tooltip.getAttribute(\"direction\") === tooltipDirection) {\n\t\t\tconst newDirection = this.getNewDirection(tooltipDirection);\n\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, newDirection);\n\t\t\t// update class name directly, otherwise setState triggers re-render loop in canvas\n\t\t\t// also call after updateTooltipLayout, otherwise the newDirection and class of trigger are the same\n\t\t\ttooltip.setAttribute(\"direction\", newDirection);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tupdateLocationBasedOnMousePos(tooltip, mousePos, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\tconst mouseX = this.props.mousePos.x;\n\t\tconst mouseY = this.props.mousePos.y;\n\t\t// if mouse position is passed in, use the cursor as reference point\n\n\t\t// tooltip - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tlet tooltipLeft = mouseX - tooltip.offsetWidth / 2;\n\t\t\tif ((viewPortWidth - tooltip.offsetWidth) < tooltipLeft) {\n\t\t\t\ttooltipLeft = viewPortWidth - tooltip.offsetWidth; // hitting right border\n\t\t\t} else if (tooltipLeft < 0) {\n\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t}\n\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX - tooltip.offsetWidth - pointerLayout.width - 5);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX + pointerLayout.width + 5);\n\t\t}\n\n\t\t// tooltip - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY - pointerLayout.height - tooltip.offsetHeight);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY + 2 * pointerLayout.height);\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tlet tooltipTop = mouseY - tooltip.offsetHeight / 2;\n\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < tooltipTop) {\n\t\t\t\ttooltipTop = viewPortHeight - tooltip.offsetHeight; // hitting bottom border\n\t\t\t} else if (tooltipTop < 0) {\n\t\t\t\ttooltipTop = 2; // hitting top border\n\t\t\t}\n\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t}\n\n\t\t// pointer - left correction\n\t\tif (tooltipDirection === \"top\" || tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.left = this.getStyleValue(mouseX - tooltip.getBoundingClientRect().left - pointerLayout.width / 2);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t}\n\n\t\t// pointer - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.top = \"-11px\";\n\t\t} else if (tooltipDirection === \"left\" || tooltipDirection === \"right\") {\n\t\t\tpointer.style.top = this.getStyleValue(mouseY - tooltip.getBoundingClientRect().top - pointerLayout.height / 2);\n\t\t}\n\t}\n\n\tisOutOfBounds(tooltip) {\n\t\tconst tooltipLeft = parseFloat(tooltip.style.left);\n\t\tconst tooltipTop = parseFloat(tooltip.style.top);\n\t\treturn (((tooltipLeft + tooltip.offsetWidth) > document.documentElement.clientWidth) || // to the right\n\t\t\t\t(tooltipLeft < 0) || // to the left\n\t\t\t\t(tooltipTop < 0) || // to the top\n\t\t\t\t((tooltipTop + tooltip.offsetHeight) > document.documentElement.clientHeight)); // to the bottom\n\t}\n\n\ttoggleTooltipOnClick(evt) {\n\t\t// 'blur' event occurs before 'click' event. Because of this, onBlur function is called which hides the tooltip.\n\t\t// To prevent this default behavior, stopPropagation and preventDefault is used.\n\t\tevt.stopPropagation();\n\t\tevt.preventDefault();\n\t\tif (this.state.isTooltipVisible) {\n\t\t\t// Tooltip is visible and user clicks on trigger element again, hide tooltip\n\t\t\tthis.setTooltipVisible(false);\n\t\t} else {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\thideTooltipOnScrollAndResize(evt) {\n\t\tif (this.state.isTooltipVisible) {\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\ttooltipLinkOnClick(url) {\n\t\twindow.open(url, \"_blank\", \"noopener\");\n\t}\n\n\trender() {\n\t\tlet tooltipContent = null;\n\t\tlet triggerContent = null;\n\t\tif (this.props.children) {\n\t\t\t// when children are passed in, tooltip will handle show/hide, otherwise consumer has to hide show/hide tooltip\n\t\t\tconst mouseover = () => this.setTooltipVisible(true);\n\t\t\tconst mouseleave = () => this.setTooltipVisible(false);\n\t\t\tconst mousedown = () => this.setTooltipVisible(false);\n\t\t\t// `focus` event occurs before `click`. Adding timeout in onFocus function to ensure click is executed first.\n\t\t\t// Ref - https://stackoverflow.com/a/49512400\n\t\t\tconst onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Keep tooltip visible when clicked on a link.\n\t\t\t\t// Since link is an anchor tag without \"href\" attribute, it has relatedTarget=null\n\t\t\t\tif (evt.relatedTarget !== null) {\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={`${this.uuid}-${this.props.id}-trigger`}\n\t\t\t\tclassName=\"tooltip-trigger\"\n\t\t\t\tonMouseOver={!this.props.showToolTipOnClick ? mouseover : null}\n\t\t\t\tonMouseLeave={!this.props.showToolTipOnClick ? mouseleave : null}\n\t\t\t\tonMouseDown={!this.props.showToolTipOnClick ? mousedown : null}\n\t\t\t\tonClick={this.props.showToolTipOnClick ? click : null}\n\t\t\t\tonFocus={this.props.showToolTipOnClick ? onFocus : null} // When focused using keyboard\n\t\t\t\tonBlur={this.props.showToolTipOnClick ? onBlur : null}\n\t\t\t\ttabIndex={this.props.showToolTipOnClick ? 0 : null}\n\t\t\t\trole={this.props.showToolTipOnClick ? \"button\" : null}\n\t\t\t\taria-labelledby={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\taria-expanded={this.props.showToolTipOnClick ? this.state.isTooltipVisible : null}\n\t\t\t\taria-controls={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\tref={(ref) => (this.triggerRef = ref)}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</div>);\n\t\t}\n\n\t\tif ((typeof this.props.tip) === \"string\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<span className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</span>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"object\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<div className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"function\") {\n\t\t\ttooltipContent = this.props.tip();\n\t\t}\n\n\t\tlet tipClass = \"common-canvas-tooltip\";\n\t\tif (this.props.className) {\n\t\t\ttipClass += \" \" + this.props.className;\n\t\t}\n\n\t\tlet link = null;\n\t\tif (this.state.isTooltipVisible && this.props.tooltipLinkHandler && this.props.link) {\n\t\t\tconst linkInformation = this.props.tooltipLinkHandler(this.props.link);\n\t\t\t// Verify tooltipLinkHandler returns object in correct format\n\t\t\tif (typeof linkInformation === \"object\" && linkInformation.label && linkInformation.url) {\n\t\t\t\tlink = (<Link\n\t\t\t\t\tclassName=\"tooltip-link\"\n\t\t\t\t\tid={this.props.link.id}\n\t\t\t\t\tonClick={this.tooltipLinkOnClick.bind(this, linkInformation.url)}\n\t\t\t\t>\n\t\t\t\t\t{linkInformation.label}\n\t\t\t\t</Link>);\n\t\t\t}\n\t\t}\n\n\t\tlet tooltip = null;\n\t\tif (tooltipContent || link) {\n\t\t\ttooltip = (\n\t\t\t\t<Portal>\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tid={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tdata-id={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tclassName={tipClass}\n\t\t\t\t\t\taria-hidden={!this.state.isTooltipVisible}\n\t\t\t\t\t\tdirection={this.props.direction}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg className=\"tipArrow\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 16.1\">\n\t\t\t\t\t\t\t<polyline points=\"9.1,15.7 1.4,8.1 9.1,0.5\" />\n\t\t\t\t\t\t\t<polygon points=\"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t{tooltipContent}\n\t\t\t\t\t\t{link}\n\t\t\t\t\t</div>\n\t\t\t\t</Portal>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t{tooltip}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,\n\tlink: PropTypes.object,\n\ttooltipLinkHandler: PropTypes.func,\n\tdirection: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n\tchildren: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\ttargetObj: PropTypes.object,\n\tid: PropTypes.string.isRequired,\n\tclassName: PropTypes.string,\n\tmousePos: PropTypes.object,\n\tdisable: PropTypes.bool, // Tooltip will not show if disabled\n\tshowToolTipIfTruncated: PropTypes.bool, // Set to true to only display tooltip if full text does not fit in displayable width\n\ttruncatedRef: PropTypes.object,\n\tdelay: PropTypes.number,\n\tshowToolTipOnClick: PropTypes.bool\n};\n\nToolTip.defaultProps = {\n\tdelay: 200,\n\tdirection: \"bottom\",\n\tshowToolTipIfTruncated: false, // False will always show Tooltip even when whole word can be displayed\n\tshowToolTipOnClick: false\n};\n\nexport default ToolTip;\n"],"names":["ToolTip","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","isTooltipVisible","uuid","uuid4","pendingTooltip","hideTooltipOnScrollAndResize","bind","_assertThisInitialized","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","concat","id","tooltipTrigger","updateTooltipLayout","getAttribute","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","triggerElem","truncatedRef","fullWidth","firstChild","scrollWidth","childWidth","offsetWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","offsetLeft","Math","round","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","evt","stopPropagation","preventDefault","url","open","_this2","tooltipContent","triggerContent","children","React","createElement","className","onMouseOver","showToolTipOnClick","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","relatedTarget","tabIndex","role","ref","tip","_typeof","tipClass","link","tooltipLinkHandler","linkInformation","label","Link","tooltipLinkOnClick","Portal","viewBox","points","Component","defaultProps"],"mappings":"iwBAyBMA,WAAOC,GAAAC,YAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GACZ,SAAAA,EAAYK,GAAO,IAAAC,EAO+D,OAP/DC,uBAAAP,IAClBM,EAAAH,EAAAK,UAAMH,IACDI,MAAQ,CACZC,kBAAkB,GAEnBJ,EAAKK,KAAOC,OACZN,EAAKO,eAAiB,KACtBP,EAAKQ,6BAA+BR,EAAKQ,6BAA6BC,KAAIC,yBAAAV,IAAOA,EAqZjF,OApZAW,eAAAjB,IAAAkB,wBAAAC,MAED,WACCC,OAAOC,iBAAiB,SAAUC,KAAKR,8BAA8B,GACrEM,OAAOC,iBAAiB,SAAUC,KAAKR,8BAA8B,GACjEQ,KAAKjB,MAAMkB,WACdD,KAAKE,mBAAkB,MAExBN,2BAAAC,MAED,WACCC,OAAOK,oBAAoB,SAAUH,KAAKR,8BAA8B,GACxEM,OAAOK,oBAAoB,SAAUH,KAAKR,8BAA8B,GACpEQ,KAAKT,gBACRa,aAAaJ,KAAKT,mBAEnBK,wBAAAC,MAED,SAAkBQ,GAWjB,KATKL,KAAKM,gBAAmBD,GAAWL,KAAKT,kBAC5Ca,aAAaJ,KAAKT,gBAClBS,KAAKT,eAAiB,KACtBS,KAAKO,SAAS,CACbnB,kBAAkB,KAKhBY,KAAKM,cAAe,CACvB,IAAME,EAAUC,SAASC,2BAAaC,OAAcX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,UAM5E,GALAZ,KAAKT,eAAiB,KACtBS,KAAKO,SAAS,CACbnB,iBAAkBiB,IAGfA,EAAS,CACZ,IAAIQ,EAAiB,MAEpBA,EADGb,KAAKjB,MAAMkB,UACGD,KAAKjB,MAAMkB,UAEXQ,SAASC,2BAAaC,OAAcX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,oBAExDJ,GACrBR,KAAKc,oBAAoBN,EAASK,EAAgBL,EAAQO,aAAa,mBAI1EnB,oBAAAC,MAED,SAAcA,GACb,OAAOA,EAAQ,QACfD,sBAAAC,MAED,SAAgBmB,GACf,IAAIC,EACJ,OAAQD,GACR,IAAK,MACJC,EAAe,SACf,MACD,IAAK,SACJA,EAAe,MACf,MACD,IAAK,OACJA,EAAe,QACf,MACD,QACCA,EAAe,OAEhB,OAAOA,KACPrB,kBAAAC,MAED,WACC,IAAMqB,EAAqBlB,KAAKkB,mBAAmBlB,KAAKmB,YAMxD,OAHGnB,KAAKjB,MAAMqC,UAAYpB,KAAKjB,MAAMsC,yBAElCrB,KAAKjB,MAAMqC,SAAWpB,KAAKjB,MAAMsC,yBAA2BH,KAQhEtB,yBAAAC,MACA,SAAmByB,GAClB,IAAMC,EAAcvB,KAAKjB,MAAMyC,aAAexB,KAAKjB,MAAMyC,aAAeF,EACxE,GAAIC,EAAa,CAChB,IAAME,EAAYF,EAAYG,YAAcH,EAAYG,WAAWC,aAAsD,IAAvCJ,EAAYG,WAAWC,YAAoBJ,EAAYG,WAAWC,YACjJJ,EAAYI,YACTC,EAAaL,EAAYG,YAAcH,EAAYG,WAAWG,aAAeN,EAAYG,WAAWG,aAAe,EAGnHX,EAAqBO,IADS,IAAfG,GAAoBA,EAAaL,EAAYM,YAAcD,EAAaL,EAAYM,aAEzG,OAAOX,EAER,OAAO,KACPtB,2BAAAC,MAED,WAGC,IAAKG,KAAKT,gBAAkBS,KAAKM,cAAe,CAC/C,IAAMwB,EAAO9B,KACbA,KAAKT,eAAiBwC,YAAW,WAChCD,EAAK5B,mBAAkB,KACrBF,KAAKjB,MAAMiD,WAGfpC,0BAAAC,MAED,SAAoBW,EAASK,EAAgBoB,GAC5C,IAAMC,EAAmBD,EACnBE,EAAgB1B,SAAS2B,gBAAgBC,YACzCC,EAAiB7B,SAAS2B,gBAAgBG,aAC1CC,EAAgB3B,EAAe4B,wBAC/BC,EAAUlC,EAAQE,cAAc,OAChCiC,EAAgBD,EAAQD,wBAO9B,GAHAjC,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAcK,MACtDrC,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAcO,KAEjD/C,KAAKjB,MAAMiE,SACdhD,KAAKiD,8BAA8BzC,EAASR,KAAKjB,MAAMiE,SAAUf,OAC3D,CAEN,GAAyB,QAArBC,GAAmD,WAArBA,EAA+B,CAChE,IAAIgB,EAAcV,EAAcK,KAC5BrC,EAAQqB,YAAcW,EAAcW,OACvCD,IAAgB1C,EAAQqB,YAAcW,EAAcW,OAAS,GAC3C,IACjBD,EAAc,GAEL1C,EAAQqB,YAAcW,EAAcW,QAC9CD,IAAgBV,EAAcW,MAAQ3C,EAAQqB,aAAe,GAE9DrB,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcI,GACnCA,EAAc1C,EAAQqB,YAAeM,IACzC3B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcX,EAAgB3B,EAAQqB,mBAE3D,GAAyB,SAArBK,EAEV,KAAQ1B,EAAQ4C,WAAa5C,EAAQqB,YAAcc,EAAcQ,MAASE,KAAKC,MAAMd,EAAcK,OAClGrC,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAcK,KAAOrC,EAAQqB,YAAcc,EAAcQ,WAEnE,UAArBjB,IACV1B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAce,MAAQZ,EAAcQ,QAI7E,GAAyB,QAArBjB,EACH1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAcO,IAAMJ,EAAca,OAAShD,EAAQiD,mBACpF,GAAyB,WAArBvB,EACV1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAckB,OAASf,EAAca,aACtE,GAAyB,SAArBtB,GAAoD,UAArBA,EAA8B,CACvE,IAAIyB,EAAanB,EAAcO,IAC3BvC,EAAQiD,aAAejB,EAAcgB,QACxCG,IAAenD,EAAQiD,aAAejB,EAAcgB,QAAU,GAC7C,IAChBG,EAAanB,EAAcO,KAElBvC,EAAQiD,aAAejB,EAAcgB,SAC/CG,IAAenB,EAAcgB,OAAShD,EAAQiD,cAAgB,GAE/DjD,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAca,EAhDf,GAiDnBrB,EAAiB9B,EAAQiD,aAAgBjB,EAAcO,MAC3DvC,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcR,EAAiB9B,EAAQiD,eAKzC,QAArBvB,GAAmD,WAArBA,EACjCQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAcN,EAAcK,KAAOrC,EAAQiC,wBAAwBI,KAC5FhC,EAAe4B,wBAAwBU,MAAQ,EAAIR,EAAcQ,MAAQ,EAzDlD,GA0DO,SAArBjB,EACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAActC,EAAQqB,YAAc,GAC/B,UAArBK,IACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAqC,EAAtBH,EAAcQ,QAI/B,QAArBjB,EACHQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAActC,EAAQiD,aAAe,GAC/B,WAArBvB,EACVQ,EAAQE,MAAMG,IAAM,QACW,SAArBb,GAAoD,UAArBA,IACzCQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAAcN,EAAcO,IAAMvC,EAAQiC,wBAAwBM,IAC1FlC,EAAe4C,aAAe,EAAId,EAAca,OAAS,IAK5D,GAAIxD,KAAK4D,cAAcpD,IAAYA,EAAQO,aAAa,eAAiBmB,EAAkB,CAC1F,IAAMjB,EAAejB,KAAK6D,gBAAgB3B,GAK1C,OAJAlC,KAAKc,oBAAoBN,EAASK,EAAgBI,QAGlDT,EAAQsD,aAAa,YAAa7C,OAGnCrB,oCAAAC,MAED,SAA8BW,EAASwC,EAAUf,GAChD,IAAMC,EAAmBD,EACnBE,EAAgB1B,SAAS2B,gBAAgBC,YACzCC,EAAiB7B,SAAS2B,gBAAgBG,aAC1CG,EAAUlC,EAAQE,cAAc,OAChCiC,EAAgBD,EAAQD,wBAGxBsB,EAAS/D,KAAKjB,MAAMiE,SAASgB,EAC7BC,EAASjE,KAAKjB,MAAMiE,SAASkB,EAInC,GAAyB,QAArBhC,GAAmD,WAArBA,EAA+B,CAChE,IAAIgB,EAAca,EAASvD,EAAQqB,YAAc,EAC5CM,EAAgB3B,EAAQqB,YAAeqB,EAC3CA,EAAcf,EAAgB3B,EAAQqB,YAC5BqB,EAAc,IACxBA,EAAc,GAEf1C,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAcI,OACT,SAArBhB,EACV1B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAciB,EAASvD,EAAQqB,YAAcc,EAAcQ,MAAQ,GAC9D,UAArBjB,IACV1B,EAAQoC,MAAMC,KAAO7C,KAAK8C,cAAciB,EAASpB,EAAcQ,MAAQ,IAIxE,GAAyB,QAArBjB,EACH1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcmB,EAAStB,EAAca,OAAShD,EAAQiD,mBACzE,GAAyB,WAArBvB,EACV1B,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAcmB,EAAS,EAAItB,EAAca,aAC5D,GAAyB,SAArBtB,GAAoD,UAArBA,EAA8B,CACvE,IAAIyB,EAAaM,EAASzD,EAAQiD,aAAe,EAC5CnB,EAAiB9B,EAAQiD,aAAgBE,EAC7CA,EAAarB,EAAiB9B,EAAQiD,aAC5BE,EAAa,IACvBA,EAAa,GAEdnD,EAAQoC,MAAMG,IAAM/C,KAAK8C,cAAca,EAjCd,GAqCD,QAArBzB,GAAmD,WAArBA,EACjCQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAciB,EAASvD,EAAQiC,wBAAwBI,KAAOF,EAAcQ,MAAQ,GAC/E,SAArBjB,EACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAActC,EAAQqB,YAAc,GAC/B,UAArBK,IACVQ,EAAQE,MAAMC,KAAO7C,KAAK8C,cAAqC,EAAtBH,EAAcQ,QAI/B,QAArBjB,EACHQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAActC,EAAQiD,aAAe,GAC/B,WAArBvB,EACVQ,EAAQE,MAAMG,IAAM,QACW,SAArBb,GAAoD,UAArBA,IACzCQ,EAAQE,MAAMG,IAAM/C,KAAK8C,cAAcmB,EAASzD,EAAQiC,wBAAwBM,IAAMJ,EAAca,OAAS,OAE9G5D,oBAAAC,MAED,SAAcW,GACb,IAAM0C,EAAciB,WAAW3D,EAAQoC,MAAMC,MACvCc,EAAaQ,WAAW3D,EAAQoC,MAAMG,KAC5C,OAAUG,EAAc1C,EAAQqB,YAAepB,SAAS2B,gBAAgBC,aACrEa,EAAc,GACdS,EAAa,GACZA,EAAanD,EAAQiD,aAAgBhD,SAAS2B,gBAAgBG,gBAClE3C,2BAAAC,MAED,SAAqBuE,GAGpBA,EAAIC,kBACJD,EAAIE,iBACAtE,KAAKb,MAAMC,iBAEdY,KAAKE,mBAAkB,GAEvBF,KAAKE,mBAAkB,MAExBN,mCAAAC,MAED,SAA6BuE,GACxBpE,KAAKb,MAAMC,kBACdY,KAAKE,mBAAkB,MAExBN,yBAAAC,MAED,SAAmB0E,GAClBzE,OAAO0E,KAAKD,EAAK,SAAU,eAC3B3E,aAAAC,MAED,WAAS,IAAA4E,OACJC,EAAiB,KACjBC,EAAiB,KACrB,GAAI3E,KAAKjB,MAAM6F,SAAU,CAiBxBD,EAAkBE,UAAAC,qBACjB,aAAAnE,OAAYX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,eACpCmE,UAAU,kBACVC,YAAchF,KAAKjB,MAAMkG,mBAAiC,KAlBzC,WAAH,OAASR,EAAKvE,mBAAkB,IAmB9CgF,aAAelF,KAAKjB,MAAMkG,mBAAkC,KAlB1C,WAAH,OAASR,EAAKvE,mBAAkB,IAmB/CiF,YAAcnF,KAAKjB,MAAMkG,mBAAiC,KAlBzC,WAAH,OAASR,EAAKvE,mBAAkB,IAmB9CkF,QAASpF,KAAKjB,MAAMkG,mBARP,SAACb,GAAG,OAAKK,EAAKY,qBAAqBjB,IAQC,KACjDkB,QAAStF,KAAKjB,MAAMkG,mBAjBL,WAAH,OAASR,EAAKc,wBAiByB,KACnDC,OAAQxF,KAAKjB,MAAMkG,mBAjBL,SAACb,GAGW,OAAtBA,EAAIqB,eACPhB,EAAKvE,mBAAkB,IAayB,KACjDwF,SAAU1F,KAAKjB,MAAMkG,mBAAqB,EAAI,KAC9CU,KAAM3F,KAAKjB,MAAMkG,mBAAqB,SAAW,KACjD,kBAAiBjF,KAAKjB,MAAMkG,sBAAkBtE,OAAMX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IAAO,KACnF,gBAAeZ,KAAKjB,MAAMkG,mBAAqBjF,KAAKb,MAAMC,iBAAmB,KAC7E,gBAAeY,KAAKjB,MAAMkG,sBAAkBtE,OAAMX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IAAO,KACjFgF,IAAK,SAACA,GAAG,OAAMnB,EAAKtD,WAAayE,IAEhC5F,KAAKjB,MAAM6F,UAIkB,iBAApB5E,KAAKjB,MAAM8G,IACtBnB,EACCG,UAAAC,sBAAMC,UAAU,oBACd/E,KAAKjB,MAAM8G,KAGwB,WAA5BC,UAAQ9F,KAAKjB,MAAM8G,KAC7BnB,EACCG,UAAAC,qBAAKC,UAAU,oBACb/E,KAAKjB,MAAM8G,KAGwB,mBAApB7F,KAAKjB,MAAM8G,MAC7BnB,EAAiB1E,KAAKjB,MAAM8G,OAG7B,IAAIE,EAAW,wBACX/F,KAAKjB,MAAMgG,YACdgB,GAAY,IAAM/F,KAAKjB,MAAMgG,WAG9B,IAAIiB,EAAO,KACX,GAAIhG,KAAKb,MAAMC,kBAAoBY,KAAKjB,MAAMkH,oBAAsBjG,KAAKjB,MAAMiH,KAAM,CACpF,IAAME,EAAkBlG,KAAKjB,MAAMkH,mBAAmBjG,KAAKjB,MAAMiH,MAElC,WAA3BF,UAAOI,IAAgCA,EAAgBC,OAASD,EAAgB3B,MACnFyB,EAAQnB,UAAAC,cAACsB,QACRrB,UAAU,eACVnE,GAAIZ,KAAKjB,MAAMiH,KAAKpF,GACpBwE,QAASpF,KAAKqG,mBAAmB5G,KAAKO,KAAMkG,EAAgB3B,MAE3D2B,EAAgBC,QAKpB,IAAI3F,EAAU,KAuBd,OAtBIkE,GAAkBsB,KACrBxF,EACCqE,UAAAC,cAACwB,cACAzB,UAAAC,qBACCa,KAAK,UACL/E,MAAED,OAAKX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IAC/B,aAAAD,OAAYX,KAAKX,UAAIsB,OAAIX,KAAKjB,MAAM6B,IACpCmE,UAAWgB,EACX,eAAc/F,KAAKb,MAAMC,iBACzB6C,UAAWjC,KAAKjB,MAAMkD,WAEtB4C,UAAAC,qBAAKC,UAAU,WAAWf,EAAE,MAAME,EAAE,MAAMqC,QAAQ,gBACjD1B,UAAAC,0BAAU0B,OAAO,6BACjB3B,UAAAC,yBAAS0B,OAAO,mDAEhB9B,EACAsB,KAOJnB,UAAAC,qBAAKC,UAAU,qBACbJ,EACAnE,OAGH9B,CAAA,EA7ZoBmG,UAAM4B,WAib5B/H,EAAQgI,aAAe,CACtB1E,MAAO,IACPC,UAAW,SACXZ,wBAAwB,EACxB4D,oBAAoB"}

package/dist/styles/common-canvas.min.css

@@ -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-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container .properties-indicator{padding-left:.25rem}.properties-label-container.table-control label,.properties-label-container.table-control .properties-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;white-space:pre-wrap}.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;align-items:center;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:.5rem}.properties-link-text-container .properties-link-text{cursor:pointer}.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 div{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;text-overflow:ellipsis}.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-datepicker-range .bx--date-picker-container{justify-content:normal}.properties-table-cell-control .properties-datepicker .bx--date-picker.bx--date-picker--single .bx--date-picker__input{width:unset}.properties-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.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{display:flex;padding:2px 0}.properties-summary-row span{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}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;display:flex;justify-content:space-between;align-items:center}.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-button{left:.25rem}.notification-panel-button-container{width:100%;height:49px;background-color:#fff;display:flex;justify-content:space-between;border:1px solid #e0e0e0;border-top:0;padding:.5rem 0;font-weight:400}.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;white-space:pre-wrap}.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);width:28px;line-height:46px;color:#525252;margin-left:0}.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);width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.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-with-bottom-panel .top-panel{top:0}.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%}.top-panel{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:41px;border-bottom:1px solid #e0e0e0}.top-panel.common-canvas-toolbar-none{top:0}.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:.75;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:#525252;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:#525252;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}
+.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-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container .properties-indicator{padding-left:.25rem}.properties-label-container.table-control label,.properties-label-container.table-control .properties-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;white-space:pre-wrap}.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;align-items:center;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:.5rem}.properties-link-text-container .properties-link-text{cursor:pointer}.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 div{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;text-overflow:ellipsis}.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-datepicker-range .bx--date-picker-container{justify-content:normal}.properties-table-cell-control .properties-datepicker .bx--date-picker.bx--date-picker--single .bx--date-picker__input{width:unset}.properties-datepicker .bx--date-picker-container .bx--form-requirement,.properties-datepicker .bx--date-picker-container .bx--form__helper-text{max-width:18rem}.properties-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.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{display:flex;padding:2px 0}.properties-summary-row span{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}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;display:flex;justify-content:space-between;align-items:center}.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-button{left:.25rem}.notification-panel-button-container{width:100%;height:49px;background-color:#fff;display:flex;justify-content:space-between;border:1px solid #e0e0e0;border-top:0;padding:.5rem 0;font-weight:400}.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;white-space:pre-wrap}.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);width:28px;line-height:46px;color:#525252;margin-left:0}.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);width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.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-with-bottom-panel .top-panel{top:0}.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%}.top-panel{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:41px;border-bottom:1px solid #e0e0e0}.top-panel.common-canvas-toolbar-none{top:0}.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:.75;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:#525252;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:#525252;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}