text: (window.webpackJsonp=window.webpackJsonp||[]).push([[22],{674:function(e,t,a){"use strict";var n=a(6),i=a(24),o=a(16),s=a(0),r=a.n(s),c=a(1),l=a.n(c),h=a(100),p=a(9),u=a(13),d=a.n(u),m=a(2),g=a.n(m),f=a(222),b=a(3),v={children:l.a.node.isRequired,className:l.a.string,placement:l.a.string,placementPrefix:l.a.string,arrowClassName:l.a.string,hideArrow:l.a.bool,tag:b.q,isOpen:l.a.bool.isRequired,cssModule:l.a.object,offset:l.a.oneOfType([l.a.string,l.a.number]),fallbackPlacement:l.a.oneOfType([l.a.string,l.a.array]),flip:l.a.bool,container:b.r,target:b.r.isRequired,modifiers:l.a.object,boundariesElement:l.a.oneOfType([l.a.string,b.a])},O={popperManager:l.a.object.isRequired},j=function(e){function t(t){var a;return(a=e.call(this,t)||this).handlePlacementChange=a.handlePlacementChange.bind(Object(o.a)(Object(o.a)(a))),a.setTargetNode=a.setTargetNode.bind(Object(o.a)(Object(o.a)(a))),a.getTargetNode=a.getTargetNode.bind(Object(o.a)(Object(o.a)(a))),a.getRef=a.getRef.bind(Object(o.a)(Object(o.a)(a))),a.state={},a}Object(i.a)(t,e);var a=t.prototype;return a.getChildContext=function(){return{popperManager:{setTargetNode:this.setTargetNode,getTargetNode:this.getTargetNode}}},a.componentDidUpdate=function(){this._element&&this._element.childNodes&&this._element.childNodes[0]&&this._element.childNodes[0].focus&&this._element.childNodes[0].focus()},a.setTargetNode=function(e){this.targetNode=e},a.getTargetNode=function(){return this.targetNode},a.getContainerNode=function(){return Object(b.k)(this.props.container)},a.getRef=function(e){this._element=e},a.handlePlacementChange=function(e){return this.state.placement!==e.placement&&this.setState({placement:e.placement}),e},a.renderChildren=function(){var e=this.props,t=e.cssModule,a=e.children,i=(e.isOpen,e.flip),o=(e.target,e.offset),s=e.fallbackPlacement,c=e.placementPrefix,l=e.arrowClassName,u=e.hideArrow,d=e.className,m=e.tag,v=(e.container,e.modifiers),O=e.boundariesElement,j=Object(p.a)(e,["cssModule","children","isOpen","flip","target","offset","fallbackPlacement","placementPrefix","arrowClassName","hideArrow","className","tag","container","modifiers","boundariesElement"]),T=Object(b.m)(g()("arrow",l),t),E=(this.state.placement||j.placement).split("-")[0],y=Object(b.m)(g()(d,c?c+"-"+E:E),this.props.cssModule),w=Object(h.a)({offset:{offset:o},flip:{enabled:i,behavior:s},preventOverflow:{boundariesElement:O},update:{enabled:!0,order:950,fn:this.handlePlacementChange}},v);return r.a.createElement(f.c,Object(n.a)({modifiers:w},j,{component:m,className:y,"x-placement":this.state.placement||j.placement}),a,!u&&r.a.createElement(f.a,{className:T}))},a.render=function(){return this.setTargetNode(Object(b.k)(this.props.target)),this.props.isOpen?"inline"===this.props.container?this.renderChildren():d.a.createPortal(r.a.createElement("div",{ref:this.getRef},this.renderChildren()),this.getContainerNode()):null},t}(r.a.Component);j.propTypes=v,j.defaultProps={boundariesElement:"scrollParent",placement:"auto",hideArrow:!1,isOpen:!1,offset:0,fallbackPlacement:"flip",flip:!0,container:"body",modifiers:{}},j.childContextTypes=O;var T=j;a.d(t,"b",function(){return E});var E={placement:l.a.oneOf(b.b),target:b.r.isRequired,container:b.r,isOpen:l.a.bool,disabled:l.a.bool,hideArrow:l.a.bool,boundariesElement:l.a.oneOfType([l.a.string,b.a]),className:l.a.string,innerClassName:l.a.string,arrowClassName:l.a.string,cssModule:l.a.object,toggle:l.a.func,autohide:l.a.bool,placementPrefix:l.a.string,delay:l.a.oneOfType([l.a.shape({show:l.a.number,hide:l.a.number}),l.a.number]),modifiers:l.a.object,offset:l.a.oneOfType([l.a.string,l.a.number]),innerRef:l.a.oneOfType([l.a.func,l.a.string,l.a.object]),trigger:l.a.string},y={show:0,hide:250},w={isOpen:!1,hideArrow:!1,autohide:!1,delay:y,toggle:function(){},trigger:"click"};function N(e,t){return t&&(e===t||t.contains(e))}var C=function(e){function t(t){var a;return(a=e.call(this,t)||this)._target=null,a.addTargetEvents=a.addTargetEvents.bind(Object(o.a)(Object(o.a)(a))),a.handleDocumentClick=a.handleDocumentClick.bind(Object(o.a)(Object(o.a)(a))),a.removeTargetEvents=a.removeTargetEvents.bind(Object(o.a)(Object(o.a)(a))),a.toggle=a.toggle.bind(Object(o.a)(Object(o.a)(a))),a.showWithDelay=a.showWithDelay.bind(Object(o.a)(Object(o.a)(a))),a.hideWithDelay=a.hideWithDelay.bind(Object(o.a)(Object(o.a)(a))),a.onMouseOverTooltipContent=a.onMouseOverTooltipContent.bind(Object(o.a)(Object(o.a)(a))),a.onMouseLeaveTooltipContent=a.onMouseLeaveTooltipContent.bind(Object(o.a)(Object(o.a)(a))),a.show=a.show.bind(Object(o.a)(Object(o.a)(a))),a.hide=a.hide.bind(Object(o.a)(Object(o.a)(a))),a.onEscKeyDown=a.onEscKeyDown.bind(Object(o.a)(Object(o.a)(a))),a.getRef=a.getRef.bind(Object(o.a)(Object(o.a)(a))),a}Object(i.a)(t,e);var a=t.prototype;return a.componentDidMount=function(){this.updateTarget()},a.componentWillUnmount=function(){this.removeTargetEvents()},a.onMouseOverTooltipContent=function(){this.props.trigger.indexOf("hover")>-1&&!this.props.autohide&&this._hideTimeout&&this.clearHideTimeout()},a.onMouseLeaveTooltipContent=function(e){this.props.trigger.indexOf("hover")>-1&&!this.props.autohide&&(this._showTimeout&&this.clearShowTimeout(),e.persist(),this._hideTimeout=setTimeout(this.hide.bind(this,e),this.getDelay("hide")))},a.onEscKeyDown=function(e){"Escape"===e.key&&this.hide(e)},a.getRef=function(e){var t=this.props.innerRef;t&&("function"===typeof t?t(e):"object"===typeof t&&(t.current=e)),this._popover=e},a.getDelay=function(e){var t=this.props.delay;return"object"===typeof t?isNaN(t[e])?y[e]:t[e]:t},a.show=function(e){this.props.isOpen||(this.clearShowTimeout(),this.toggle(e))},a.showWithDelay=function(e){this._hideTimeout&&this.clearHideTimeout(),this._showTimeout=setTimeout(this.show.bind(this,e),this.getDelay("show"))},a.hide=function(e){this.props.isOpen&&(this.clearHideTimeout(),this.toggle(e))},a.hideWithDelay=function(e){this._showTimeout&&this.clearShowTimeout(),this._hideTimeout=setTimeout(this.hide.bind(this,e),this.getDelay("hide"))},a.clearShowTimeout=function(){clearTimeout(this._showTimeout),this._showTimeout=void 0},a.clearHideTimeout=function(){clearTimeout(this._hideTimeout),this._hideTimeout=void 0},a.handleDocumentClick=function(e){var t=this.props.trigger.split(" ");t.indexOf("legacy")>-1&&(this.props.isOpen||N(e.target,this._target))?(this._hideTimeout&&this.clearHideTimeout(),this.props.isOpen&&!N(e.target,this._popover)?this.hideWithDelay(e):this.showWithDelay(e)):t.indexOf("click")>-1&&N(e.target,this._target)&&(this._hideTimeout&&this.clearHideTimeout(),this.props.isOpen?this.hideWithDelay(e):this.showWithDelay(e))},a.addTargetEvents=function(){var e=this;if(this.props.trigger){var t=this.props.trigger.split(" ");-1===t.indexOf("manual")&&((t.indexOf("click")>-1||t.indexOf("legacy")>-1)&&["click","touchstart"].forEach(function(t){return document.addEventListener(t,e.handleDocumentClick,!0)}),this._target&&(t.indexOf("hover")>-1&&(this._target.addEventListener("mouseover",this.showWithDelay,!0),this._target.addEventListener("mouseout",this.hideWithDelay,!0)),t.indexOf("focus")>-1&&(this._target.addEventListener("focusin",this.show,!0),this._target.addEventListener("focusout",this.hide,!0)),this._target.addEventListener("keydown",this.onEscKeyDown,!0)))}},a.removeTargetEvents=function(){var e=this;this._target&&(this._target.removeEventListener("mouseover",this.showWithDelay,!0),this._target.removeEventListener("mouseout",this.hideWithDelay,!0),this._target.removeEventListener("keydown",this.onEscKeyDown,!0),this._target.removeEventListener("focusin",this.show,!0),this._target.removeEventListener("focusout",this.hide,!0)),["click","touchstart"].forEach(function(t){return document.removeEventListener(t,e.handleDocumentClick,!0)})},a.updateTarget=function(){var e=Object(b.k)(this.props.target);e!==this._target&&(this.removeTargetEvents(),this._target=e,this.addTargetEvents())},a.toggle=function(e){return this.props.disabled?e&&e.preventDefault():this.props.toggle(e)},a.render=function(){if(!this.props.isOpen)return null;this.updateTarget();var e=this.props,t=e.className,a=e.cssModule,i=e.innerClassName,o=e.target,s=e.isOpen,c=e.hideArrow,l=e.boundariesElement,h=e.placement,p=e.placementPrefix,u=e.arrowClassName,d=e.container,m=e.modifiers,g=e.offset,f=Object(b.n)(this.props,Object.keys(E)),v=Object(b.m)(t,a),O=Object(b.m)(i,a);return r.a.createElement(T,{className:v,target:o,isOpen:s,hideArrow:c,boundariesElement:l,placement:h,placementPrefix:p,arrowClassName:u,container:d,modifiers:m,offset:g,cssModule:a},r.a.createElement("div",Object(n.a)({},f,{ref:this.getRef,className:O,role:"tooltip","aria-hidden":s,onMouseOver:this.onMouseOverTooltipContent,onMouseLeave:this.onMouseLeaveTooltipContent,onKeyDown:this.onEscKeyDown})))},t}(r.a.Component);C.propTypes=E,C.defaultProps=w;t.a=C},732:function(e,t,a){"use strict";a.r(t);var n=a(27),i=a(28),o=a(31),s=a(29),r=a(14),c=a(30),l=a(0),h=a.n(l),p=a(35),u=a(6),d=a(2),m=a.n(d),g=a(674),f=function(e){var t=m()("popover","show",e.className),a=m()("popover-inner",e.innerClassName);return h.a.createElement(g.a,Object(u.a)({},e,{className:t,innerClassName:a}))};f.propTypes=g.b,f.defaultProps={placement:"right",placementPrefix:"bs-popover",trigger:"click"};var b=f,v=a(9),O=a(1),j=a.n(O),T=a(3),E={tag:T.q,className:j.a.string,cssModule:j.a.object},y=function(e){var t=e.className,a=e.cssModule,n=e.tag,i=Object(v.a)(e,["className","cssModule","tag"]),o=Object(T.m)(m()(t,"popover-header"),a);return h.a.createElement(n,Object(u.a)({},i,{className:o}))};y.propTypes=E,y.defaultProps={tag:"h3"};var w=y,N={tag:T.q,className:j.a.string,cssModule:j.a.object},C=function(e){var t=e.className,a=e.cssModule,n=e.tag,i=Object(v.a)(e,["className","cssModule","tag"]),o=Object(T.m)(m()(t,"popover-body"),a);return h.a.createElement(n,Object(u.a)({},i,{className:o}))};C.propTypes=N,C.defaultProps={tag:"div"};var _=C,D=a(96),P=a(98),k=a(97),M=function(e){function t(e){var a;return Object(n.a)(this,t),(a=Object(o.a)(this,Object(s.a)(t).call(this,e))).toggle=a.toggle.bind(Object(r.a)(a)),a.state={popoverOpen:!1},a}return Object(c.a)(t,e),Object(i.a)(t,[{key:"toggle",value:function(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"render",value:function(){return h.a.createElement("span",null,h.a.createElement(p.a,{className:"mr-1",color:"secondary",id:"Popover-"+this.props.id,onClick:this.toggle},this.props.item.text),h.a.createElement(b,{placement:this.props.item.placement,isOpen:this.state.popoverOpen,target:"Popover-"+this.props.id,toggle:this.toggle,trigger:"legacy",delay:0},h.a.createElement(w,null,"Popover Title"),h.a.createElement(_,null,"Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.")))}}]),t}(l.Component),x=function(e){function t(e){var a;return Object(n.a)(this,t),(a=Object(o.a)(this,Object(s.a)(t).call(this,e))).toggle=a.toggle.bind(Object(r.a)(a)),a.state={popoverOpen:!1,popovers:[{placement:"top",text:"Top"},{placement:"bottom",text:"Bottom"},{placement:"left",text:"Left"},{placement:"right",text:"Right"}]},a}return Object(c.a)(t,e),Object(i.a)(t,[{key:"toggle",value:function(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"render",value:function(){return h.a.createElement("div",{className:"animated fadeIn"},h.a.createElement(D.a,null,h.a.createElement(P.a,null,h.a.createElement("i",{className:"fa fa-align-justify"}),h.a.createElement("strong",null,"Popovers"),h.a.createElement("div",{className:"card-header-actions"},h.a.createElement("a",{href:"https://reactstrap.github.io/components/popovers/",rel:"noreferrer noopener",target:"_blank",className:"card-header-action"},h.a.createElement("small",{className:"text-muted"},"docs")))),h.a.createElement(k.a,null,h.a.createElement(p.a,{id:"Popover1",onClick:this.toggle},"Launch Popover"),h.a.createElement(b,{placement:"bottom",isOpen:this.state.popoverOpen,target:"Popover1",toggle:this.toggle},h.a.createElement(w,null,"Popover Title"),h.a.createElement(_,null,"Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.")))),h.a.createElement(D.a,null,h.a.createElement(P.a,null,h.a.createElement("i",{className:"fa fa-align-justify"}),h.a.createElement("strong",null,"Popovers"),h.a.createElement("small",null," list")),h.a.createElement(k.a,null,this.state.popovers.map(function(e,t){return h.a.createElement(M,{key:t,item:e,id:t})}))))}}]),t}(l.Component);t.default=x}}]);
  //# sourceMappingURL=22.d5c23e99.chunk.js.map