define(["require","exports","tslib","react","classnames","spectrum/positioned_portal","spectrum/facepile_tooltip/facepile_tooltip_content","comments2/components/rich_facepile/rich_facepile"],(function(o,e,t,n,i,r,l,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),n=t.__importStar(n),i=t.__importDefault(i);var p=(function(o){function e(e){var t=o.call(this,e)||this;return t.renderContent=function(){var o=t.props,e=o.avatarColor,r=o.tooltipContent,a=o.tooltipContentWrapperClassName;return null===r?null:n.createElement(l.FacepileTooltipContent,{backgroundColor:e,className:i.default("sc-rich-facepile-tooltip-content-container",a),tooltipContent:r})},t.portalRef=n.createRef(),t}return t.__extends(e,o),e.prototype.componentDidUpdate=function(o){var e=o.displayMode,t=this.props.displayMode,n=this.portalRef.current;n&&t!==e&&(t===a.DisplayMode.ForceShow?(n.hidePortal.call(n),window.setTimeout((function(){return n.showPortal.call(n)}),0)):n.state.isShown&&n.hidePortal.call(n))},e.prototype.render=function(){var o=this.props,e=o.avatar,t=o.onTooltipShown,i=o.onTooltipHidden,l=o.displayMode,p=void 0===l?a.DisplayMode.Auto:l;return n.createElement(r.PositionedPortal,{renderContent:this.renderContent,onDidShow:t,onWillClose:i,isShowInitially:p===a.DisplayMode.ForceShow,positioning:"below",ref:this.portalRef,showOnMouseMove:p===a.DisplayMode.Auto,closeOnBlur:p===a.DisplayMode.Auto},e)},e})(n.PureComponent);e.UtilTooltip=p}));
//# sourceMappingURL=util.min.js-vflZoHit2.map