@patternfly/react-core 4.236.6 → 4.236.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/esm/helpers/resizeObserver.d.ts +8 -1
- package/dist/esm/helpers/resizeObserver.d.ts.map +1 -1
- package/dist/esm/helpers/resizeObserver.js +18 -3
- package/dist/esm/helpers/resizeObserver.js.map +1 -1
- package/dist/js/helpers/resizeObserver.d.ts +8 -1
- package/dist/js/helpers/resizeObserver.d.ts.map +1 -1
- package/dist/js/helpers/resizeObserver.js +18 -3
- package/dist/js/helpers/resizeObserver.js.map +1 -1
- package/dist/umd/react-core.min.css +1592 -1592
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/helpers/resizeObserver.tsx +21 -3
|
@@ -23,7 +23,7 @@ var I=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","au
|
|
|
23
23
|
* focus-trap 6.9.2
|
|
24
24
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
25
25
|
*/
|
|
26
|
-
function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Z,Q=(Z=[],{activateTrap:function(e){if(Z.length>0){var t=Z[Z.length-1];t!==e&&t.pause()}var n=Z.indexOf(e);-1===n||Z.splice(n,1),Z.push(e)},deactivateTrap:function(e){var t=Z.indexOf(e);-1!==t&&Z.splice(t,1),Z.length>0&&Z[Z.length-1].unpause()}}),ee=function(e){return setTimeout(e,0)},te=function(e,t){var n=-1;return e.every((function(e,a){return!t(e)||(n=a,!1)})),n},ne=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return"function"==typeof e?e.apply(void 0,n):e},ae=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},ie=function(e,t){var n,a=(null==t?void 0:t.document)||document,i=Y({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},t),l={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(e,t,n){return e&&void 0!==e[t]?e[t]:i[n||t]},o=function(e){return l.containerGroups.findIndex((function(t){var n=t.container,a=t.tabbableNodes;return n.contains(e)||a.find((function(t){return t===e}))}))},r=function(e){var t=i[e];if("function"==typeof t){for(var n=arguments.length,l=new Array(n>1?n-1:0),s=1;s<n;s++)l[s-1]=arguments[s];t=t.apply(void 0,l)}if(!0===t&&(t=void 0),!t){if(void 0===t||!1===t)return t;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var o=t;if("string"==typeof t&&!(o=a.querySelector(t)))throw new Error("`".concat(e,"` as selector refers to no known node"));return o},c=function(){var e=r("initialFocus");if(!1===e)return!1;if(void 0===e)if(o(a.activeElement)>=0)e=a.activeElement;else{var t=l.tabbableGroups[0];e=t&&t.firstTabbableNode||r("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},d=function(){if(l.containerGroups=l.containers.map((function(e){var t,n,a=G(e,i.tabbableOptions),l=(t=e,(n=(n=i.tabbableOptions)||{}).getShadowRoot?M([t],n.includeContainer,{filter:z.bind(null,n),flatten:!0,getShadowRoot:n.getShadowRoot}):R(t,n.includeContainer,z.bind(null,n)));return{container:e,tabbableNodes:a,focusableNodes:l,firstTabbableNode:a.length>0?a[0]:null,lastTabbableNode:a.length>0?a[a.length-1]:null,nextTabbableNode:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=l.findIndex((function(t){return t===e}));if(!(n<0))return t?l.slice(n+1).find((function(e){return X(e,i.tabbableOptions)})):l.slice(0,n).reverse().find((function(e){return X(e,i.tabbableOptions)}))}}})),l.tabbableGroups=l.containerGroups.filter((function(e){return e.tabbableNodes.length>0})),l.tabbableGroups.length<=0&&!r("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},p=function e(t){!1!==t&&t!==a.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!i.preventScroll}),l.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(c()))},m=function(e){var t=r("setReturnFocus",e);return t||!1!==t&&e},u=function(e){var t=ae(e);o(t)>=0||(ne(i.clickOutsideDeactivates,e)?n.deactivate({returnFocus:i.returnFocusOnDeactivate&&!U(t,i.tabbableOptions)}):ne(i.allowOutsideClick,e)||e.preventDefault())},f=function(e){var t=ae(e),n=o(t)>=0;n||t instanceof Document?n&&(l.mostRecentlyFocusedNode=t):(e.stopImmediatePropagation(),p(l.mostRecentlyFocusedNode||c()))},h=function(e){if(function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e)&&!1!==ne(i.escapeDeactivates,e))return e.preventDefault(),void n.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){var t=ae(e);d();var n=null;if(l.tabbableGroups.length>0){var a=o(t),s=a>=0?l.containerGroups[a]:void 0;if(a<0)n=e.shiftKey?l.tabbableGroups[l.tabbableGroups.length-1].lastTabbableNode:l.tabbableGroups[0].firstTabbableNode;else if(e.shiftKey){var c=te(l.tabbableGroups,(function(e){var n=e.firstTabbableNode;return t===n}));if(c<0&&(s.container===t||U(t,i.tabbableOptions)&&!X(t,i.tabbableOptions)&&!s.nextTabbableNode(t,!1))&&(c=a),c>=0){var m=0===c?l.tabbableGroups.length-1:c-1;n=l.tabbableGroups[m].lastTabbableNode}}else{var u=te(l.tabbableGroups,(function(e){var n=e.lastTabbableNode;return t===n}));if(u<0&&(s.container===t||U(t,i.tabbableOptions)&&!X(t,i.tabbableOptions)&&!s.nextTabbableNode(t))&&(u=a),u>=0){var f=u===l.tabbableGroups.length-1?0:u+1;n=l.tabbableGroups[f].firstTabbableNode}}}else n=r("fallbackFocus");n&&(e.preventDefault(),p(n))}(e)},g=function(e){var t=ae(e);o(t)>=0||ne(i.clickOutsideDeactivates,e)||ne(i.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},b=function(){if(l.active)return Q.activateTrap(n),l.delayInitialFocusTimer=i.delayInitialFocus?ee((function(){p(c())})):p(c()),a.addEventListener("focusin",f,!0),a.addEventListener("mousedown",u,{capture:!0,passive:!1}),a.addEventListener("touchstart",u,{capture:!0,passive:!1}),a.addEventListener("click",g,{capture:!0,passive:!1}),a.addEventListener("keydown",h,{capture:!0,passive:!1}),n},v=function(){if(l.active)return a.removeEventListener("focusin",f,!0),a.removeEventListener("mousedown",u,!0),a.removeEventListener("touchstart",u,!0),a.removeEventListener("click",g,!0),a.removeEventListener("keydown",h,!0),n};return(n={get active(){return l.active},get paused(){return l.paused},activate:function(e){if(l.active)return this;var t=s(e,"onActivate"),n=s(e,"onPostActivate"),i=s(e,"checkCanFocusTrap");i||d(),l.active=!0,l.paused=!1,l.nodeFocusedBeforeActivation=a.activeElement,t&&t();var o=function(){i&&d(),b(),n&&n()};return i?(i(l.containers.concat()).then(o,o),this):(o(),this)},deactivate:function(e){if(!l.active)return this;var t=Y({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},e);clearTimeout(l.delayInitialFocusTimer),l.delayInitialFocusTimer=void 0,v(),l.active=!1,l.paused=!1,Q.deactivateTrap(n);var a=s(t,"onDeactivate"),o=s(t,"onPostDeactivate"),r=s(t,"checkCanReturnFocus"),c=s(t,"returnFocus","returnFocusOnDeactivate");a&&a();var d=function(){ee((function(){c&&p(m(l.nodeFocusedBeforeActivation)),o&&o()}))};return c&&r?(r(m(l.nodeFocusedBeforeActivation)).then(d,d),this):(d(),this)},pause:function(){return l.paused||!l.active||(l.paused=!0,v()),this},unpause:function(){return l.paused&&l.active?(l.paused=!1,d(),b(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return l.containers=t.map((function(e){return"string"==typeof e?a.querySelector(e):e})),l.active&&d(),this}}).updateContainerElements(e),n};class le extends l.Component{constructor(e){super(e),this.divRef=l.createRef(),"undefined"!=typeof document&&(this.previouslyFocusedElement=document.activeElement)}componentDidMount(){this.focusTrap=ie(this.divRef.current,Object.assign(Object.assign({},this.props.focusTrapOptions),{returnFocusOnDeactivate:!1})),this.props.active&&this.focusTrap.activate(),this.props.paused&&this.focusTrap.pause()}componentDidUpdate(e){e.active&&!this.props.active?this.focusTrap.deactivate():!e.active&&this.props.active&&this.focusTrap.activate(),e.paused&&!this.props.paused?this.focusTrap.unpause():!e.paused&&this.props.paused&&this.focusTrap.pause()}componentWillUnmount(){this.focusTrap.deactivate(),!1!==this.props.focusTrapOptions.returnFocusOnDeactivate&&this.previouslyFocusedElement&&this.previouslyFocusedElement.focus&&this.previouslyFocusedElement.focus({preventScroll:this.props.preventScrollOnDeactivate})}render(){const e=this.props,{children:t,className:n,focusTrapOptions:a,active:i,paused:s,preventScrollOnDeactivate:o}=e,c=r(e,["children","className","focusTrapOptions","active","paused","preventScrollOnDeactivate"]);return l.createElement("div",Object.assign({ref:this.divRef,className:n},c),t)}}le.displayName="FocusTrap",le.defaultProps={active:!0,paused:!1,focusTrapOptions:{},preventScrollOnDeactivate:!1};let se=0;class oe extends l.Component{constructor(){super(...arguments),this.id=`${this.props.prefix}${se++}`}render(){return this.props.children(this.id)}}oe.displayName="GenerateId",oe.defaultProps={prefix:"pf-random-id-"};let re=0;const ce="OUIA-Generated-",de={};function pe(e,t,n=!0){return{"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const me=(e,t,n=!0,a)=>({"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":ue(e,t,a)}),ue=(e,n,a)=>{const i=t.useMemo((()=>fe(e,a)),[e,a]);return null!=n?n:i};function fe(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,de[n]||(de[n]=0),`${ce}${e}-${t?`${t}-`:""}${++de[n]}`}catch(n){return`${ce}${e}-${t?`${t}-`:""}${++re}`}}function he(e){return e[0].toUpperCase()+e.substring(1)}function ge(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}function be(e,t){let n;return(...a)=>{clearTimeout(n),n=setTimeout((()=>e.apply(this,a)),t)}}function ve(e,t,n,a=!1){if(!e||!t)return!1;const i=e.getBoundingClientRect(),l=t.getBoundingClientRect(),s=Math.ceil(i.left),o=Math.floor(i.right),r=Math.ceil(l.left),c=Math.floor(l.right),d=r>=s&&c<=o,p=(n||!a&&i.width<l.width)&&(r<s&&c>s||c>o&&r<o);return d||p}function xe(e,t){return e.replace(/\${(.*?)}/g,((e,n)=>t[n]||""))}function ye(e,t,n,a,i,l=!1){if(!Array.isArray(i))return;const s=a.filter((e=>e))[0].constructor===Array;let r=e,c=t;if("up"===n?r=0===e?i.length-1:e-1:"down"===n?r=e===i.length-1?0:e+1:"left"===n?c=0===t?a[e].length-1:t-1:"right"===n&&(c=t===a[e].length-1?0:t+1),null===a[r]||void 0===a[r]||s&&(null===a[r][c]||void 0===a[r][c]))ye(r,c,n,a,i,l);else if(l){a[r].focus&&a[r].focus();o.findDOMNode(a[r]).focus()}else"tab"!==n&&(s?a[r][c].focus():a[r].focus())}function Oe(e,t){const n=e.current.querySelectorAll(t);return Array.prototype.filter.call(n,(function(e){return e.tabIndex>="0"}))}function Ce(e,t,n){let a;return a="up"===t?0===e?n.length-1:e-1:e===n.length-1?0:e+1,void 0===n[a]||null===n[a][0]?Ce(a,t,n):a}function Ee(e,t,n){return n||(n=`${t}s`),`${e||0} ${1===e?t:n}`}const Ne=(e,t)=>Object.entries(e||{}).reduce(((e,[n,a])=>"default"===n?Object.assign(Object.assign({},e),{[t]:a}):Object.assign(Object.assign({},e),{[`${t}-on-${n}`]:a})),{}),_e=(e,t,n="",a,i)=>{if(!e)return"";if(a&&!i){if(a in e)return t.modifiers[Ie(`${n}${e[a]}`)];const i=["2xl","xl","lg","md","sm","default"];for(let l=i.indexOf(a);l<i.length;l++)if(i[l]in e)return t.modifiers[Ie(`${n}${e[i[l]]}`)];return""}return Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}${i&&"default"!==e?"-height":""}`)).map(Ie).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" ")},we=e=>null===e?null:e>=T["2xl"]?"2xl":e>=T.xl?"xl":e>=T.lg?"lg":e>=T.md?"md":e>=T.sm?"sm":"default",Se=e=>null===e?null:e>=S["2xl"]?"2xl":e>=S.xl?"xl":e>=S.lg?"lg":e>=S.md?"md":e>=S.sm?"sm":"default",Te=e=>e.toUpperCase().replace("-","").replace("_",""),Ie=e=>e.replace(/([-_][a-z])/gi,Te),ke=!("undefined"==typeof window||!window.document||!window.document.createElement),Le=(e,t)=>{const n=getComputedStyle(t),a=document.createElement("canvas").getContext("2d");return a.font=n.font||(()=>{let e="";const t={"50%":"ultra-condensed","62.5%":"extra-condensed","75%":"condensed","87.5%":"semi-condensed","100%":"normal","112.5%":"semi-expanded","125%":"expanded","150%":"extra-expanded","200%":"ultra-expanded"};let a;return a=n.fontStretch in t?t[n.fontStretch]:"normal",e=n.fontStyle+" "+n.fontVariant+" "+n.fontWeight+" "+a+" "+n.fontSize+"/"+n.lineHeight+" "+n.fontFamily,e})(),a.measureText(e).width},De=e=>{const t=getComputedStyle(e);let n=e.clientWidth,a=e.clientHeight;return a-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),n-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),{height:a,width:n}},Pe=(e,t)=>{const n=De(e).width;let a=t;if(Le(t,e)>n){for(;Le(`...${a}`,e)>n;)a=a.substring(1);e.value?e.value=`...${a}`:e.innerText=`...${a}`}else e.value?e.value=t:e.innerText=t},Re=e=>e.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});class Me extends l.Component{componentDidMount(){const e=o.findDOMNode(this);this.props.onFoundRef(e)}render(){return this.props.children||null}}function Ae(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function Be(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function je(e){const t=Be(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Fe(e){return e instanceof Be(e).Element||e instanceof Element}function Ve(e){return e instanceof Be(e).HTMLElement||e instanceof HTMLElement}function ze(e){return e?(e.nodeName||"").toLowerCase():null}function He(e){return(Fe(e)?e.ownerDocument:e.document).documentElement}function $e(e){return Ae(He(e)).left+je(e).scrollLeft}function We(e){return Be(e).getComputedStyle(e)}function Ge(e){const{overflow:t,overflowX:n,overflowY:a}=We(e);return/auto|scroll|overlay|hidden/.test(t+a+n)}function Xe(e,t,n=!1){const a=He(t),i=Ae(e),l=Ve(t);let s={scrollLeft:0,scrollTop:0},o={x:0,y:0};var r,c;return(l||!l&&!n)&&(("body"!==ze(t)||Ge(a))&&(s=(r=t)!==Be(r)&&Ve(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:je(r)),Ve(t)?(o=Ae(t),o.x+=t.clientLeft,o.y+=t.clientTop):a&&(o.x=$e(a))),{x:i.left+s.scrollLeft-o.x,y:i.top+s.scrollTop-o.y,width:i.width,height:i.height}}function Ke(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function Ue(e){return"html"===ze(e)?e:e.assignedSlot||e.parentNode||e.host||He(e)}function qe(e){return["html","body","#document"].indexOf(ze(e))>=0?e.ownerDocument.body:Ve(e)&&Ge(e)?e:qe(Ue(e))}function Ye(e,t=[]){const n=qe(e),a="body"===ze(n),i=Be(n),l=a?[i].concat(i.visualViewport||[],Ge(n)?n:[]):n,s=t.concat(l);return a?s:s.concat(Ye(Ue(l)))}function Je(e){return["table","td","th"].indexOf(ze(e))>=0}function Ze(e){if(!Ve(e)||"fixed"===We(e).position)return null;const t=e.offsetParent;if(t){const e=He(t);if("body"===ze(t)&&"static"===We(t).position&&"static"!==We(e).position)return e}return t}function Qe(e){const t=Be(e);let n=Ze(e);for(;n&&Je(n)&&"static"===We(n).position;)n=Ze(n);return n&&"body"===ze(n)&&"static"===We(n).position?t:n||function(e){let t=Ue(e);for(;Ve(t)&&["html","body"].indexOf(ze(t))<0;){const e=We(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}Me.displayName="FindRefWrapper";const et="top",tt="bottom",nt="right",at="left",it="auto",lt=[et,tt,nt,at],st="start",ot="end",rt="clippingParents",ct="viewport",dt="popper",pt=lt.reduce(((e,t)=>e.concat([`${t}-start`,`${t}-end`])),[]),mt=[...lt,it].reduce(((e,t)=>e.concat([t,`${t}-start`,`${t}-end`])),[]),ut=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function ft(e){const t=new Map,n=new Set,a=[];function i(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&i(n)}})),a.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||i(e)})),a}function ht(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function gt(e){return e.split("-")[0]}function bt(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function vt(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function xt(e,t){return t===ct?vt(function(e){const t=Be(e),n=He(e),a=t.visualViewport;let i=n.clientWidth,l=n.clientHeight,s=0,o=0;return a&&(i=a.width,l=a.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=a.offsetLeft,o=a.offsetTop)),{width:i,height:l,x:s+$e(e),y:o}}(e)):Ve(t)?function(e){const t=Ae(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):vt(function(e){const t=He(e),n=je(e),a=e.ownerDocument.body,i=Math.max(t.scrollWidth,t.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),l=Math.max(t.scrollHeight,t.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);let s=-n.scrollLeft+$e(e);const o=-n.scrollTop;return"rtl"===We(a||t).direction&&(s+=Math.max(t.clientWidth,a?a.clientWidth:0)-i),{width:i,height:l,x:s,y:o}}(He(e)))}function yt(e,t,n){const a="clippingParents"===t?function(e){const t=Ye(Ue(e)),n=["absolute","fixed"].indexOf(We(e).position)>=0&&Ve(e)?Qe(e):e;return Fe(n)?t.filter((e=>Fe(e)&&bt(e,n)&&"body"!==ze(e))):[]}(e):[].concat(t),i=[...a,n],l=i[0],s=i.reduce(((t,n)=>{const a=xt(e,n);return t.top=Math.max(a.top,t.top),t.right=Math.min(a.right,t.right),t.bottom=Math.min(a.bottom,t.bottom),t.left=Math.max(a.left,t.left),t}),xt(e,l));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Ot(e){return e.split("-")[1]}function Ct(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Et({reference:e,element:t,placement:n}){const a=n?gt(n):null,i=n?Ot(n):null,l=e.x+e.width/2-t.width/2,s=e.y+e.height/2-t.height/2;let o;switch(a){case et:o={x:l,y:e.y-t.height};break;case tt:o={x:l,y:e.y+e.height};break;case nt:o={x:e.x+e.width,y:s};break;case at:o={x:e.x-t.width,y:s};break;default:o={x:e.x,y:e.y}}const r=a?Ct(a):null;if(null!=r){const n="y"===r?"height":"width";switch(i){case st:o[r]=Math.floor(o[r])-Math.floor(e[n]/2-t[n]/2);break;case ot:o[r]=Math.floor(o[r])+Math.ceil(e[n]/2-t[n]/2)}}return o}function Nt(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function _t(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function wt(e,t={}){const{placement:n=e.placement,boundary:a=rt,rootBoundary:i=ct,elementContext:l=dt,altBoundary:s=!1,padding:o=0}=t,r=Nt("number"!=typeof o?o:_t(o,lt)),c=l===dt?"reference":dt,d=e.elements.reference,p=e.rects.popper,m=e.elements[s?c:l],u=yt(Fe(m)?m:m.contextElement||He(e.elements.popper),a,i),f=Ae(d),h=Et({reference:f,element:p,strategy:"absolute",placement:n}),g=vt(Object.assign(Object.assign({},p),h)),b=l===dt?g:f,v={top:u.top-b.top+r.top,bottom:b.bottom-u.bottom+r.bottom,left:u.left-b.left+r.left,right:b.right-u.right+r.right},x=e.modifiersData.offset;if(l===dt&&x){const e=x[n];Object.keys(v).forEach((t=>{const n=[nt,tt].indexOf(t)>=0?1:-1,a=[et,tt].indexOf(t)>=0?"y":"x";v[t]+=e[a]*n}))}return v}const St={placement:"bottom",modifiers:[],strategy:"absolute"};function Tt(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const It={passive:!0};const kt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Lt({popper:e,popperRect:t,placement:n,offsets:a,position:i,gpuAcceleration:l,adaptive:s}){let{x:o,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(a);const c=a.hasOwnProperty("x"),d=a.hasOwnProperty("y");let p=at,m=et;const u=window;if(s){let a=Qe(e);a===Be(e)&&(a=He(e)),n===et&&(m=tt,r-=a.clientHeight-t.height,r*=l?1:-1),n===at&&(p=nt,o-=a.clientWidth-t.width,o*=l?1:-1)}const f=Object.assign({position:i},s&&kt);return l?Object.assign(Object.assign({},f),{[m]:d?"0":"",[p]:c?"0":"",transform:(u.devicePixelRatio||1)<2?`translate(${o}px, ${r}px)`:`translate3d(${o}px, ${r}px, 0)`}):Object.assign(Object.assign({},f),{[m]:d?`${r}px`:"",[p]:c?`${o}px`:"",transform:""})}var Dt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:a=[0,0]}=t,i=mt.reduce(((t,n)=>(t[n]=function(e,t,n){const a=gt(e),i=[at,et].indexOf(a)>=0?-1:1;let[l,s]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return l=l||0,s=(s||0)*i,[at,nt].indexOf(a)>=0?{x:s,y:l}:{x:l,y:s}}(n,e.rects,a),t)),{}),{x:l,y:s}=i[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=i}};const Pt={left:"right",right:"left",bottom:"top",top:"bottom"};function Rt(e){return e.replace(/left|right|bottom|top/g,(e=>Pt[e]))}const Mt={start:"end",end:"start"};function At(e){return e.replace(/start|end/g,(e=>Mt[e]))}function Bt(e,t={}){const{placement:n,boundary:a,rootBoundary:i,padding:l,flipVariations:s,allowedAutoPlacements:o=mt}=t,r=Ot(n),c=r?s?pt:pt.filter((e=>Ot(e)===r)):lt;let d=c.filter((e=>o.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=wt(e,{placement:n,boundary:a,rootBoundary:i,padding:l})[gt(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var jt={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:a=!0,altAxis:i=!0,fallbackPlacements:l,padding:s,boundary:o,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,m=e.options.placement,u=gt(m),f=[m,...l||(u===m||!d?[Rt(m)]:function(e){if(gt(e)===it)return[];const t=Rt(e);return[At(e),t,At(t)]}(m))].reduce(((t,n)=>t.concat(gt(n)===it?Bt(e,{placement:n,boundary:o,rootBoundary:r,padding:s,flipVariations:d,allowedAutoPlacements:p}):n)),[]),h=e.rects.reference,g=e.rects.popper,b=new Map;let v=!0,x=f[0];for(let t=0;t<f.length;t++){const n=f[t],l=gt(n),d=Ot(n)===st,p=[et,tt].indexOf(l)>=0,m=p?"width":"height",u=wt(e,{placement:n,boundary:o,rootBoundary:r,altBoundary:c,padding:s});let y=p?d?nt:at:d?tt:et;h[m]>g[m]&&(y=Rt(y));const O=Rt(y),C=[];if(a&&C.push(u[l]<=0),i&&C.push(u[y]<=0,u[O]<=0),C.every((e=>e))){x=n,v=!1;break}b.set(n,C)}if(v){for(let e=d?3:1;e>0;e--){const t=f.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){x=t;break}}}e.placement!==x&&(e.modifiersData[n]._skip=!0,e.placement=x,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function Ft(e,t,n){return Math.max(e,Math.min(t,n))}var Vt={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:a=!0,altAxis:i=!1,boundary:l,rootBoundary:s,altBoundary:o,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=wt(e,{boundary:l,rootBoundary:s,padding:r,altBoundary:o}),m=gt(e.placement),u=Ot(e.placement),f=!u,h=Ct(m),g="x"===h?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,x=e.rects.popper,y="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,O={x:0,y:0};if(b){if(a){const t="y"===h?et:at,n="y"===h?tt:nt,a="y"===h?"height":"width",i=b[h],l=b[h]+p[t],s=b[h]-p[n],o=c?-x[a]/2:0,r=u===st?v[a]:x[a],d=u===st?-x[a]:-v[a],m=e.elements.arrow,g=c&&m?Ke(m):{width:0,height:0},C=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},E=C[t],N=C[n],_=Ft(0,v[a],g[a]),w=f?v[a]/2-o-_-E-y:r-_-E-y,S=f?-v[a]/2+o+_+N+y:d+_+N+y,T=e.elements.arrow&&Qe(e.elements.arrow),I=T?"y"===h?T.clientTop||0:T.clientLeft||0:0,k=e.modifiersData.offset?e.modifiersData.offset[e.placement][h]:0,L=b[h]+w-k-I,D=b[h]+S-k,P=Ft(c?Math.min(l,L):l,i,c?Math.max(s,D):s);b[h]=P,O[h]=P-i}if(i){const e="x"===h?et:at,t="x"===h?tt:nt,n=b[g],a=Ft(n+p[e],n,n-p[t]);b[g]=a,O[g]=a-n}e.modifiersData[n]=O}},requiresIfExists:["offset"]};var zt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,a=e.modifiersData.popperOffsets,i=gt(e.placement),l=Ct(i),s=[at,nt].indexOf(i)>=0?"height":"width";if(!n||!a)return;const o=e.modifiersData[`${t}#persistent`].padding,r=Ke(n),c="y"===l?et:at,d="y"===l?tt:nt,p=e.rects.reference[s]+e.rects.reference[l]-a[l]-e.rects.popper[s],m=a[l]-e.rects.reference[l],u=Qe(n),f=u?"y"===l?u.clientHeight||0:u.clientWidth||0:0,h=p/2-m/2,g=o[c],b=f-r[s]-o[d],v=f/2-r[s]/2+h,x=Ft(g,v,b),y=l;e.modifiersData[t]={[y]:x,centerOffset:x-v}},effect:function({state:e,options:t,name:n}){let{element:a="[data-popper-arrow]",padding:i=0}=t;null!=a&&("string"!=typeof a||(a=e.elements.popper.querySelector(a),a))&&bt(e.elements.popper,a)&&(e.elements.arrow=a,e.modifiersData[`${n}#persistent`]={padding:Nt("number"!=typeof i?i:_t(i,lt))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Ht(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function $t(e){return[et,nt,tt,at].some((t=>e[t]>=0))}const Wt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=St}=e;return function(e,a,i=n){let l={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},St),n),modifiersData:{},elements:{reference:e,popper:a},attributes:{},styles:{}},s=[],o=!1;const r={state:l,setOptions(i){c(),l.options=Object.assign(Object.assign(Object.assign({},n),l.options),i),l.scrollParents={reference:Fe(e)?Ye(e):e.contextElement?Ye(e.contextElement):[],popper:Ye(a)};const o=function(e){const t=ft(e);return ut.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...l.options.modifiers]));return l.orderedModifiers=o.filter((e=>e.enabled)),l.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const a=n({state:l,name:e,instance:r,options:t}),i=()=>{};s.push(a||i)}})),r.update()},forceUpdate(){if(o)return;const{reference:e,popper:t}=l.elements;if(Tt(e,t)){l.rects={reference:Xe(e,Qe(t),"fixed"===l.options.strategy),popper:Ke(t)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((e=>l.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<l.orderedModifiers.length;e++){if(!0===l.reset){l.reset=!1,e=-1;continue}const{fn:t,options:n={},name:a}=l.orderedModifiers[e];"function"==typeof t&&(l=t({state:l,options:n,name:a,instance:r})||l)}}},update:ht((()=>new Promise((e=>{r.forceUpdate(),e(l)})))),destroy(){c(),o=!0}};if(!Tt(e,a))return r;function c(){s.forEach((e=>e())),s=[]}return r.setOptions(i).then((e=>{!o&&i.onFirstUpdate&&i.onFirstUpdate(e)})),r}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:a=!0,resize:i=!0}=n,l=Be(e.elements.popper),s=[...e.scrollParents.reference,...e.scrollParents.popper];return a&&s.forEach((e=>{e.addEventListener("scroll",t.update,It)})),i&&l.addEventListener("resize",t.update,It),()=>{a&&s.forEach((e=>{e.removeEventListener("scroll",t.update,It)})),i&&l.removeEventListener("resize",t.update,It)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Et({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:a=!0}=t,i={placement:gt(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),Lt(Object.assign(Object.assign({},i),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),Lt(Object.assign(Object.assign({},i),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},a=e.attributes[t]||{},i=e.elements[t];Ve(i)&&ze(i)&&(Object.assign(i.style,n),Object.keys(a).forEach((e=>{const t=a[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const a=e.elements[n],i=e.attributes[n]||{},l=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});Ve(a)&&ze(a)&&(Object.assign(a.style,l),Object.keys(i).forEach((e=>{a.removeAttribute(e)})))}))}},requires:["computeStyles"]},Dt,jt,Vt,zt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,a=e.rects.popper,i=e.modifiersData.preventOverflow,l=wt(e,{elementContext:"reference"}),s=wt(e,{altBoundary:!0}),o=Ht(l,n),r=Ht(s,a,i),c=$t(o),d=$t(r);e.modifiersData[t]={referenceClippingOffsets:o,popperEscapeOffsets:r,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),Gt=ke?l.useLayoutEffect:l.useEffect,Xt=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),Kt=[],Ut=(e,t,n={})=>{const a=l.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||Kt},[s,o]=l.useState({styles:{popper:{position:i.strategy,left:"0",top:"0"}},attributes:{}}),r=l.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);o({styles:Xt(t.map((t=>[t,e.styles[t]||{}]))),attributes:Xt(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=l.useMemo((()=>{const e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[...i.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=a.current,n=e,JSON.stringify(t)===JSON.stringify(n)?a.current||e:(a.current=e,e);var t,n}),[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,r]),d=l.useRef();return Gt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),Gt((()=>{if(null==e||null==t)return;const a=(n.createPopper||Wt)(e,t,c);return d.current=a,()=>{a.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:s.styles,attributes:s.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},qt={left:"right",right:"left",bottom:"top",top:"bottom"},Yt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,Jt=({trigger:e,popper:t,popperMatchesTriggerWidth:n=!0,direction:a="down",position:i="left",placement:s,appendTo:r=(()=>document.body),zIndex:c=9999,isVisible:p=!0,positionModifiers:m,distance:u=0,onMouseEnter:f,onMouseLeave:h,onFocus:g,onBlur:b,onDocumentClick:v,onTriggerClick:x,onTriggerEnter:y,onPopperClick:O,onPopperMouseEnter:C,onPopperMouseLeave:E,onDocumentKeyDown:N,enableFlip:_=!0,flipBehavior:w="flip",reference:S})=>{const[T,I]=l.useState(null),[k,L]=l.useState(null),[D,P]=l.useState(null),[R,M]=l.useState(!1),A=k||T,B=l.useCallback((e=>v(e,A,D)),[p,T,k,D,v]);l.useEffect((()=>{M(!0)}),[]),l.useEffect((()=>{S&&(S.current?L(S.current):"function"==typeof S&&L(S()))}),[S]);const j=(e,t,n)=>{e&&t&&t.addEventListener(n,e)},F=(e,t,n)=>{e&&t&&t.removeEventListener(n,e)};l.useEffect((()=>{j(f,A,"mouseenter"),j(h,A,"mouseleave"),j(g,A,"focus"),j(b,A,"blur"),j(x,A,"click"),j(y,A,"keydown"),j(O,D,"click"),j(C,D,"mouseenter"),j(E,D,"mouseleave"),v&&j(B,document,"click"),j(N,document,"keydown");const e=new MutationObserver((()=>{X&&X()}));return D&&e.observe(D,{attributes:!0,childList:!0,subtree:!0}),()=>{F(f,A,"mouseenter"),F(h,A,"mouseleave"),F(g,A,"focus"),F(b,A,"blur"),F(x,A,"click"),F(y,A,"keydown"),F(O,D,"click"),F(C,D,"mouseenter"),F(E,D,"mouseleave"),v&&F(B,document,"click"),F(N,document,"keydown"),e.disconnect()}}),[T,D,f,h,g,b,x,y,O,C,E,v,N,k]);const V=()=>{if(s)return s;let e="up"===a?"top":"bottom";return"center"!==i&&(e=`${e}-${"right"===i?"end":"start"}`),e},z=l.useMemo(V,[a,i,s]),H=l.useMemo((()=>(e=>e.replace(/left|right|bottom|top/g,(e=>qt[e])))(V())),[a,i,s]),$=l.useMemo((()=>({name:"sameWidth",enabled:n,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>(e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`,()=>{})})),[n]),{styles:W,attributes:G,update:X}=Ut(A,D,{placement:z,modifiers:[{name:"offset",options:{offset:[0,u]}},{name:"preventOverflow",enabled:!1},{name:"hide",enabled:!0},{name:"flip",enabled:z.startsWith("auto")||_,options:{fallbackPlacements:"flip"===w?[H]:w}},$]}),K=l.cloneElement(t,Object.assign({className:d(t.props&&t.props.className,m&&(()=>{if(G&&G.popper&&G.popper["data-popper-placement"]){const e=G.popper["data-popper-placement"];return m[e]}return m.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),W.popper),{zIndex:c})},G.popper));return l.createElement(l.Fragment,null,!S&&e&&l.createElement(Me,{onFoundRef:e=>I(e)},e),R&&p&&o.createPortal(l.createElement(Me,{onFoundRef:e=>P(e)},K),"function"==typeof r?r():r))};Jt.displayName="Popper";const Zt=(e,t,n=(e=>document.activeElement.contains(e)),a=(e=>e),i=["A","BUTTON","INPUT"],l=!1,s=!1,o=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!l&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((e,l)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,i=l+e,i>=t.length&&(i=0),i<0&&(i=t.length-1),p=a(t[i])}}))}if(!s&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((l,s)=>{if(n(l)){const n=t[s].querySelectorAll(i.join(","));if(!n.length||r){let e=c;for(;e;)if(e="ArrowLeft"===d?e.previousElementSibling:e.nextElementSibling,e&&i.includes(e.tagName)){p=e;break}}else n.forEach(((t,i)=>{if(e.target===t){a=i+("ArrowLeft"===d?-1:1),a>=n.length&&(a=0),a<0&&(a=n.length-1),p=n[a]}}))}}))}p&&(o&&(c.tabIndex=-1,p.tabIndex=0),p.focus())};class Qt extends l.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:a,noVerticalArrowHandling:i,noHorizontalArrowHandling:l,noEnterHandling:s,noSpaceHandling:o,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:m}=this.props;d&&d(e);const u=p();if(!u)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;s||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),o||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),Zt(e,u,n,a,c,i,l,r,m)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){ke&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){ke&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}Qt.displayName="KeyboardHandler",Qt.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const en=(e,t)=>{let n;if(ke){const{ResizeObserver:a}=window;if(e&&a){const i=new a((e=>{window.requestAnimationFrame((()=>{Array.isArray(e)&&e.length>0&&t()}))}));i.observe(e),n=()=>i.unobserve(e)}else window.addEventListener("resize",t),n=()=>window.removeEventListener("resize",t)}return()=>{n&&n()}};Promise.resolve().then((function(){return ZC}));var tn="pf-l-bullseye";Promise.resolve().then((function(){return QC}));var nn="pf-c-about-modal-box",an="pf-c-about-modal-box__brand",ln="pf-c-about-modal-box__brand-image",sn="pf-c-about-modal-box__close",on="pf-c-about-modal-box__content",rn="pf-c-about-modal-box__header",cn="pf-c-about-modal-box__hero",dn="pf-c-about-modal-box__strapline";Promise.resolve().then((function(){return eE}));var pn="pf-c-content",mn={visited:"pf-m-visited",overpassFont:"pf-m-overpass-font"};const un=e=>{var{children:t,className:n="",trademark:a,id:i,noAboutModalBoxContentContainer:s=!1}=e,o=r(e,["children","className","trademark","id","noAboutModalBoxContentContainer"]);return l.createElement("div",Object.assign({className:d(on,n),id:i},o),l.createElement("div",{className:d("pf-c-about-modal-box__body")},s?t:l.createElement("div",{className:d(pn)},t)),l.createElement("p",{className:d(dn)},a))};un.displayName="AboutModalBoxContent",Promise.resolve().then((function(){return tE}));var fn,hn,gn={modifiers:{"4xl":"pf-m-4xl","3xl":"pf-m-3xl","2xl":"pf-m-2xl",xl:"pf-m-xl",lg:"pf-m-lg",md:"pf-m-md",overpassFont:"pf-m-overpass-font"},title:"pf-c-title"};e.TitleSizes=void 0,(fn=e.TitleSizes||(e.TitleSizes={})).md="md",fn.lg="lg",fn.xl="xl",fn["2xl"]="2xl",fn["3xl"]="3xl",fn["4xl"]="4xl",function(e){e.h1="2xl",e.h2="xl",e.h3="lg",e.h4="md",e.h5="md",e.h6="md"}(hn||(hn={}));const bn=e=>{var{className:t="",children:n="",headingLevel:a,size:i=hn[a],ouiaId:s,ouiaSafe:o=!0}=e,c=r(e,["className","children","headingLevel","size","ouiaId","ouiaSafe"]);const p=me(bn.displayName,s,o);return l.createElement(a,Object.assign({},p,c,{className:d(gn.title,i&&gn.modifiers[i],t)}),n)};bn.displayName="Title";const vn=e=>{var{className:t="",productName:n="",id:a}=e,i=r(e,["className","productName","id"]);return l.createElement("div",Object.assign({className:d(rn,t)},i),l.createElement(bn,{headingLevel:"h1",size:"4xl",id:a},n))};vn.displayName="AboutModalBoxHeader";var xn={name:"--pf-c-about-modal-box__hero--sm--BackgroundImage",value:'url("../../assets/images/pfbg_992@2x.jpg")',var:"var(--pf-c-about-modal-box__hero--sm--BackgroundImage)"};const yn=e=>{var{className:t,backgroundImageSrc:n}=e,a=r(e,["className","backgroundImageSrc"]);return l.createElement("div",Object.assign({style:""!==n?{[xn.name]:`url(${n})`}:{},className:d(cn,t)},a))};yn.displayName="AboutModalBoxHero";const On=e=>{var{className:t="",src:n="",alt:a}=e,i=r(e,["className","src","alt"]);return l.createElement("div",Object.assign({className:d(an,t)},i),l.createElement("img",{className:d(ln),src:n,alt:a}))};On.displayName="AboutModalBoxBrand",Promise.resolve().then((function(){return nE}));var Cn={badge:"pf-c-badge",button:"pf-c-button",buttonCount:"pf-c-button__count",buttonIcon:"pf-c-button__icon",buttonProgress:"pf-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",unread:"pf-m-unread",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end",overpassFont:"pf-m-overpass-font"},spinner:"pf-c-spinner",themeDark:"pf-theme-dark"};Promise.resolve().then((function(){return aE}));var En,Nn={modifiers:{sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-c-spinner",spinnerClipper:"pf-c-spinner__clipper",spinnerLeadBall:"pf-c-spinner__lead-ball",spinnerPath:"pf-c-spinner__path",spinnerTailBall:"pf-c-spinner__tail-ball"};e.spinnerSize=void 0,(En=e.spinnerSize||(e.spinnerSize={})).sm="sm",En.md="md",En.lg="lg",En.xl="xl";const _n=e=>{var{className:t="",size:n="xl","aria-valuetext":a="Loading...",isSVG:i=!1,diameter:s,"aria-label":o,"aria-labelledBy":c}=e,p=r(e,["className","size","aria-valuetext","isSVG","diameter","aria-label","aria-labelledBy"]);const m=i?"svg":"span";return l.createElement(m,Object.assign({className:d(Nn.spinner,Nn.modifiers[n],t),role:"progressbar","aria-valuetext":a},i&&{viewBox:"0 0 100 100"},s&&{style:{"--pf-c-spinner--diameter":s}},o&&{"aria-label":o},c&&{"aria-labelledBy":c},!o&&!c&&{"aria-label":"Contents"},p),i?l.createElement("circle",{className:Nn.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}):l.createElement(l.Fragment,null,l.createElement("span",{className:d(Nn.spinnerClipper)}),l.createElement("span",{className:d(Nn.spinnerLeadBall)}),l.createElement("span",{className:d(Nn.spinnerTailBall)})))};var wn,Sn;_n.displayName="Spinner",e.ButtonVariant=void 0,(wn=e.ButtonVariant||(e.ButtonVariant={})).primary="primary",wn.secondary="secondary",wn.tertiary="tertiary",wn.danger="danger",wn.warning="warning",wn.link="link",wn.plain="plain",wn.control="control",e.ButtonType=void 0,(Sn=e.ButtonType||(e.ButtonType={})).button="button",Sn.submit="submit",Sn.reset="reset";const Tn=t=>{var{children:n=null,className:a="",component:i="button",isActive:s=!1,isBlock:o=!1,isDisabled:c=!1,isAriaDisabled:p=!1,isLoading:m=null,isDanger:u=!1,spinnerAriaValueText:f,spinnerAriaLabelledBy:h,spinnerAriaLabel:g,isSmall:b=!1,isLarge:v=!1,inoperableEvents:x=["onClick","onKeyPress"],isInline:y=!1,type:O=e.ButtonType.button,variant:C=e.ButtonVariant.primary,iconPosition:E="left","aria-label":N=null,icon:_=null,ouiaId:w,ouiaSafe:S=!0,tabIndex:T=null,innerRef:I}=t,k=r(t,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","isSmall","isLarge","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef"]);const L=me(In.displayName,w,S,C),D=i,P="button"===D,R=y&&"span"===D,M=x.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return l.createElement(D,Object.assign({},k,p?M:null,{"aria-disabled":c||p,"aria-label":N,className:d(Cn.button,Cn.modifiers[C],o&&Cn.modifiers.block,c&&Cn.modifiers.disabled,p&&Cn.modifiers.ariaDisabled,s&&Cn.modifiers.active,y&&C===e.ButtonVariant.link&&Cn.modifiers.inline,u&&(C===e.ButtonVariant.secondary||C===e.ButtonVariant.link)&&Cn.modifiers.danger,null!==m&&null!==n&&Cn.modifiers.progress,m&&Cn.modifiers.inProgress,b&&Cn.modifiers.small,v&&Cn.modifiers.displayLg,a),disabled:P?c:null,tabIndex:null!==T?T:c?P?null:-1:p?null:R?0:void 0,type:P||R?O:null,role:R?"button":null,ref:I},L),m&&l.createElement("span",{className:d(Cn.buttonProgress)},l.createElement(_n,{size:e.spinnerSize.md,"aria-valuetext":f,"aria-label":g,"aria-labelledby":h})),C===e.ButtonVariant.plain&&null===n&&_?_:null,C!==e.ButtonVariant.plain&&_&&"left"===E&&l.createElement("span",{className:d(Cn.buttonIcon,Cn.modifiers.start)},_),n,C!==e.ButtonVariant.plain&&_&&"right"===E&&l.createElement("span",{className:d(Cn.buttonIcon,Cn.modifiers.end)},_))},In=l.forwardRef(((e,t)=>l.createElement(Tn,Object.assign({innerRef:t},e))));var kn;In.displayName="Button",function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(kn||(kn={}));let Ln=0;function Dn({name:e,xOffset:t=0,yOffset:n=0,width:a,height:i,svgPath:s}){var o;return o=class extends l.Component{constructor(){super(...arguments),this.id="icon-title-"+Ln++}render(){const e=this.props,{size:o,color:r,title:c,noVerticalAlign:d}=e,p=
|
|
26
|
+
function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Z,Q=(Z=[],{activateTrap:function(e){if(Z.length>0){var t=Z[Z.length-1];t!==e&&t.pause()}var n=Z.indexOf(e);-1===n||Z.splice(n,1),Z.push(e)},deactivateTrap:function(e){var t=Z.indexOf(e);-1!==t&&Z.splice(t,1),Z.length>0&&Z[Z.length-1].unpause()}}),ee=function(e){return setTimeout(e,0)},te=function(e,t){var n=-1;return e.every((function(e,a){return!t(e)||(n=a,!1)})),n},ne=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return"function"==typeof e?e.apply(void 0,n):e},ae=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},ie=function(e,t){var n,a=(null==t?void 0:t.document)||document,i=Y({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},t),l={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(e,t,n){return e&&void 0!==e[t]?e[t]:i[n||t]},o=function(e){return l.containerGroups.findIndex((function(t){var n=t.container,a=t.tabbableNodes;return n.contains(e)||a.find((function(t){return t===e}))}))},r=function(e){var t=i[e];if("function"==typeof t){for(var n=arguments.length,l=new Array(n>1?n-1:0),s=1;s<n;s++)l[s-1]=arguments[s];t=t.apply(void 0,l)}if(!0===t&&(t=void 0),!t){if(void 0===t||!1===t)return t;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var o=t;if("string"==typeof t&&!(o=a.querySelector(t)))throw new Error("`".concat(e,"` as selector refers to no known node"));return o},c=function(){var e=r("initialFocus");if(!1===e)return!1;if(void 0===e)if(o(a.activeElement)>=0)e=a.activeElement;else{var t=l.tabbableGroups[0];e=t&&t.firstTabbableNode||r("fallbackFocus")}if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},d=function(){if(l.containerGroups=l.containers.map((function(e){var t,n,a=G(e,i.tabbableOptions),l=(t=e,(n=(n=i.tabbableOptions)||{}).getShadowRoot?M([t],n.includeContainer,{filter:z.bind(null,n),flatten:!0,getShadowRoot:n.getShadowRoot}):R(t,n.includeContainer,z.bind(null,n)));return{container:e,tabbableNodes:a,focusableNodes:l,firstTabbableNode:a.length>0?a[0]:null,lastTabbableNode:a.length>0?a[a.length-1]:null,nextTabbableNode:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=l.findIndex((function(t){return t===e}));if(!(n<0))return t?l.slice(n+1).find((function(e){return X(e,i.tabbableOptions)})):l.slice(0,n).reverse().find((function(e){return X(e,i.tabbableOptions)}))}}})),l.tabbableGroups=l.containerGroups.filter((function(e){return e.tabbableNodes.length>0})),l.tabbableGroups.length<=0&&!r("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},p=function e(t){!1!==t&&t!==a.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!i.preventScroll}),l.mostRecentlyFocusedNode=t,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(t)&&t.select()):e(c()))},m=function(e){var t=r("setReturnFocus",e);return t||!1!==t&&e},u=function(e){var t=ae(e);o(t)>=0||(ne(i.clickOutsideDeactivates,e)?n.deactivate({returnFocus:i.returnFocusOnDeactivate&&!U(t,i.tabbableOptions)}):ne(i.allowOutsideClick,e)||e.preventDefault())},f=function(e){var t=ae(e),n=o(t)>=0;n||t instanceof Document?n&&(l.mostRecentlyFocusedNode=t):(e.stopImmediatePropagation(),p(l.mostRecentlyFocusedNode||c()))},h=function(e){if(function(e){return"Escape"===e.key||"Esc"===e.key||27===e.keyCode}(e)&&!1!==ne(i.escapeDeactivates,e))return e.preventDefault(),void n.deactivate();(function(e){return"Tab"===e.key||9===e.keyCode})(e)&&function(e){var t=ae(e);d();var n=null;if(l.tabbableGroups.length>0){var a=o(t),s=a>=0?l.containerGroups[a]:void 0;if(a<0)n=e.shiftKey?l.tabbableGroups[l.tabbableGroups.length-1].lastTabbableNode:l.tabbableGroups[0].firstTabbableNode;else if(e.shiftKey){var c=te(l.tabbableGroups,(function(e){var n=e.firstTabbableNode;return t===n}));if(c<0&&(s.container===t||U(t,i.tabbableOptions)&&!X(t,i.tabbableOptions)&&!s.nextTabbableNode(t,!1))&&(c=a),c>=0){var m=0===c?l.tabbableGroups.length-1:c-1;n=l.tabbableGroups[m].lastTabbableNode}}else{var u=te(l.tabbableGroups,(function(e){var n=e.lastTabbableNode;return t===n}));if(u<0&&(s.container===t||U(t,i.tabbableOptions)&&!X(t,i.tabbableOptions)&&!s.nextTabbableNode(t))&&(u=a),u>=0){var f=u===l.tabbableGroups.length-1?0:u+1;n=l.tabbableGroups[f].firstTabbableNode}}}else n=r("fallbackFocus");n&&(e.preventDefault(),p(n))}(e)},g=function(e){var t=ae(e);o(t)>=0||ne(i.clickOutsideDeactivates,e)||ne(i.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},b=function(){if(l.active)return Q.activateTrap(n),l.delayInitialFocusTimer=i.delayInitialFocus?ee((function(){p(c())})):p(c()),a.addEventListener("focusin",f,!0),a.addEventListener("mousedown",u,{capture:!0,passive:!1}),a.addEventListener("touchstart",u,{capture:!0,passive:!1}),a.addEventListener("click",g,{capture:!0,passive:!1}),a.addEventListener("keydown",h,{capture:!0,passive:!1}),n},v=function(){if(l.active)return a.removeEventListener("focusin",f,!0),a.removeEventListener("mousedown",u,!0),a.removeEventListener("touchstart",u,!0),a.removeEventListener("click",g,!0),a.removeEventListener("keydown",h,!0),n};return(n={get active(){return l.active},get paused(){return l.paused},activate:function(e){if(l.active)return this;var t=s(e,"onActivate"),n=s(e,"onPostActivate"),i=s(e,"checkCanFocusTrap");i||d(),l.active=!0,l.paused=!1,l.nodeFocusedBeforeActivation=a.activeElement,t&&t();var o=function(){i&&d(),b(),n&&n()};return i?(i(l.containers.concat()).then(o,o),this):(o(),this)},deactivate:function(e){if(!l.active)return this;var t=Y({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},e);clearTimeout(l.delayInitialFocusTimer),l.delayInitialFocusTimer=void 0,v(),l.active=!1,l.paused=!1,Q.deactivateTrap(n);var a=s(t,"onDeactivate"),o=s(t,"onPostDeactivate"),r=s(t,"checkCanReturnFocus"),c=s(t,"returnFocus","returnFocusOnDeactivate");a&&a();var d=function(){ee((function(){c&&p(m(l.nodeFocusedBeforeActivation)),o&&o()}))};return c&&r?(r(m(l.nodeFocusedBeforeActivation)).then(d,d),this):(d(),this)},pause:function(){return l.paused||!l.active||(l.paused=!0,v()),this},unpause:function(){return l.paused&&l.active?(l.paused=!1,d(),b(),this):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return l.containers=t.map((function(e){return"string"==typeof e?a.querySelector(e):e})),l.active&&d(),this}}).updateContainerElements(e),n};class le extends l.Component{constructor(e){super(e),this.divRef=l.createRef(),"undefined"!=typeof document&&(this.previouslyFocusedElement=document.activeElement)}componentDidMount(){this.focusTrap=ie(this.divRef.current,Object.assign(Object.assign({},this.props.focusTrapOptions),{returnFocusOnDeactivate:!1})),this.props.active&&this.focusTrap.activate(),this.props.paused&&this.focusTrap.pause()}componentDidUpdate(e){e.active&&!this.props.active?this.focusTrap.deactivate():!e.active&&this.props.active&&this.focusTrap.activate(),e.paused&&!this.props.paused?this.focusTrap.unpause():!e.paused&&this.props.paused&&this.focusTrap.pause()}componentWillUnmount(){this.focusTrap.deactivate(),!1!==this.props.focusTrapOptions.returnFocusOnDeactivate&&this.previouslyFocusedElement&&this.previouslyFocusedElement.focus&&this.previouslyFocusedElement.focus({preventScroll:this.props.preventScrollOnDeactivate})}render(){const e=this.props,{children:t,className:n,focusTrapOptions:a,active:i,paused:s,preventScrollOnDeactivate:o}=e,c=r(e,["children","className","focusTrapOptions","active","paused","preventScrollOnDeactivate"]);return l.createElement("div",Object.assign({ref:this.divRef,className:n},c),t)}}le.displayName="FocusTrap",le.defaultProps={active:!0,paused:!1,focusTrapOptions:{},preventScrollOnDeactivate:!1};let se=0;class oe extends l.Component{constructor(){super(...arguments),this.id=`${this.props.prefix}${se++}`}render(){return this.props.children(this.id)}}oe.displayName="GenerateId",oe.defaultProps={prefix:"pf-random-id-"};let re=0;const ce="OUIA-Generated-",de={};function pe(e,t,n=!0){return{"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":t}}const me=(e,t,n=!0,a)=>({"data-ouia-component-type":`PF4/${e}`,"data-ouia-safe":n,"data-ouia-component-id":ue(e,t,a)}),ue=(e,n,a)=>{const i=t.useMemo((()=>fe(e,a)),[e,a]);return null!=n?n:i};function fe(e,t){try{let n;return n="undefined"!=typeof window?`${window.location.href}-${e}-${t||""}`:`${e}-${t||""}`,de[n]||(de[n]=0),`${ce}${e}-${t?`${t}-`:""}${++de[n]}`}catch(n){return`${ce}${e}-${t?`${t}-`:""}${++re}`}}function he(e){return e[0].toUpperCase()+e.substring(1)}function ge(e="pf"){return`${e}-${(new Date).getTime()+Math.random().toString(36).slice(2)}`}function be(e,t){let n;return(...a)=>{clearTimeout(n),n=setTimeout((()=>e.apply(this,a)),t)}}function ve(e,t,n,a=!1){if(!e||!t)return!1;const i=e.getBoundingClientRect(),l=t.getBoundingClientRect(),s=Math.ceil(i.left),o=Math.floor(i.right),r=Math.ceil(l.left),c=Math.floor(l.right),d=r>=s&&c<=o,p=(n||!a&&i.width<l.width)&&(r<s&&c>s||c>o&&r<o);return d||p}function xe(e,t){return e.replace(/\${(.*?)}/g,((e,n)=>t[n]||""))}function ye(e,t,n,a,i,l=!1){if(!Array.isArray(i))return;const s=a.filter((e=>e))[0].constructor===Array;let r=e,c=t;if("up"===n?r=0===e?i.length-1:e-1:"down"===n?r=e===i.length-1?0:e+1:"left"===n?c=0===t?a[e].length-1:t-1:"right"===n&&(c=t===a[e].length-1?0:t+1),null===a[r]||void 0===a[r]||s&&(null===a[r][c]||void 0===a[r][c]))ye(r,c,n,a,i,l);else if(l){a[r].focus&&a[r].focus();o.findDOMNode(a[r]).focus()}else"tab"!==n&&(s?a[r][c].focus():a[r].focus())}function Oe(e,t){const n=e.current.querySelectorAll(t);return Array.prototype.filter.call(n,(function(e){return e.tabIndex>="0"}))}function Ce(e,t,n){let a;return a="up"===t?0===e?n.length-1:e-1:e===n.length-1?0:e+1,void 0===n[a]||null===n[a][0]?Ce(a,t,n):a}function Ee(e,t,n){return n||(n=`${t}s`),`${e||0} ${1===e?t:n}`}const Ne=(e,t)=>Object.entries(e||{}).reduce(((e,[n,a])=>"default"===n?Object.assign(Object.assign({},e),{[t]:a}):Object.assign(Object.assign({},e),{[`${t}-on-${n}`]:a})),{}),_e=(e,t,n="",a,i)=>{if(!e)return"";if(a&&!i){if(a in e)return t.modifiers[Ie(`${n}${e[a]}`)];const i=["2xl","xl","lg","md","sm","default"];for(let l=i.indexOf(a);l<i.length;l++)if(i[l]in e)return t.modifiers[Ie(`${n}${e[i[l]]}`)];return""}return Object.entries(e||{}).map((([e,t])=>`${n}${t}${"default"!==e?`-on-${e}`:""}${i&&"default"!==e?"-height":""}`)).map(Ie).map((e=>e.replace(/-?(\dxl)/gi,((e,t)=>`_${t}`)))).map((e=>t.modifiers[e])).filter(Boolean).join(" ")},we=e=>null===e?null:e>=T["2xl"]?"2xl":e>=T.xl?"xl":e>=T.lg?"lg":e>=T.md?"md":e>=T.sm?"sm":"default",Se=e=>null===e?null:e>=S["2xl"]?"2xl":e>=S.xl?"xl":e>=S.lg?"lg":e>=S.md?"md":e>=S.sm?"sm":"default",Te=e=>e.toUpperCase().replace("-","").replace("_",""),Ie=e=>e.replace(/([-_][a-z])/gi,Te),ke=!("undefined"==typeof window||!window.document||!window.document.createElement),Le=(e,t)=>{const n=getComputedStyle(t),a=document.createElement("canvas").getContext("2d");return a.font=n.font||(()=>{let e="";const t={"50%":"ultra-condensed","62.5%":"extra-condensed","75%":"condensed","87.5%":"semi-condensed","100%":"normal","112.5%":"semi-expanded","125%":"expanded","150%":"extra-expanded","200%":"ultra-expanded"};let a;return a=n.fontStretch in t?t[n.fontStretch]:"normal",e=n.fontStyle+" "+n.fontVariant+" "+n.fontWeight+" "+a+" "+n.fontSize+"/"+n.lineHeight+" "+n.fontFamily,e})(),a.measureText(e).width},De=e=>{const t=getComputedStyle(e);let n=e.clientWidth,a=e.clientHeight;return a-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom),n-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),{height:a,width:n}},Pe=(e,t)=>{const n=De(e).width;let a=t;if(Le(t,e)>n){for(;Le(`...${a}`,e)>n;)a=a.substring(1);e.value?e.value=`...${a}`:e.innerText=`...${a}`}else e.value?e.value=t:e.innerText=t},Re=e=>e.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});class Me extends l.Component{componentDidMount(){const e=o.findDOMNode(this);this.props.onFoundRef(e)}render(){return this.props.children||null}}function Ae(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function Be(e){if("[object Window]"!==e.toString()){const t=e.ownerDocument;return t?t.defaultView:window}return e}function je(e){const t=Be(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Fe(e){return e instanceof Be(e).Element||e instanceof Element}function Ve(e){return e instanceof Be(e).HTMLElement||e instanceof HTMLElement}function ze(e){return e?(e.nodeName||"").toLowerCase():null}function He(e){return(Fe(e)?e.ownerDocument:e.document).documentElement}function $e(e){return Ae(He(e)).left+je(e).scrollLeft}function We(e){return Be(e).getComputedStyle(e)}function Ge(e){const{overflow:t,overflowX:n,overflowY:a}=We(e);return/auto|scroll|overlay|hidden/.test(t+a+n)}function Xe(e,t,n=!1){const a=He(t),i=Ae(e),l=Ve(t);let s={scrollLeft:0,scrollTop:0},o={x:0,y:0};var r,c;return(l||!l&&!n)&&(("body"!==ze(t)||Ge(a))&&(s=(r=t)!==Be(r)&&Ve(r)?{scrollLeft:(c=r).scrollLeft,scrollTop:c.scrollTop}:je(r)),Ve(t)?(o=Ae(t),o.x+=t.clientLeft,o.y+=t.clientTop):a&&(o.x=$e(a))),{x:i.left+s.scrollLeft-o.x,y:i.top+s.scrollTop-o.y,width:i.width,height:i.height}}function Ke(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function Ue(e){return"html"===ze(e)?e:e.assignedSlot||e.parentNode||e.host||He(e)}function qe(e){return["html","body","#document"].indexOf(ze(e))>=0?e.ownerDocument.body:Ve(e)&&Ge(e)?e:qe(Ue(e))}function Ye(e,t=[]){const n=qe(e),a="body"===ze(n),i=Be(n),l=a?[i].concat(i.visualViewport||[],Ge(n)?n:[]):n,s=t.concat(l);return a?s:s.concat(Ye(Ue(l)))}function Je(e){return["table","td","th"].indexOf(ze(e))>=0}function Ze(e){if(!Ve(e)||"fixed"===We(e).position)return null;const t=e.offsetParent;if(t){const e=He(t);if("body"===ze(t)&&"static"===We(t).position&&"static"!==We(e).position)return e}return t}function Qe(e){const t=Be(e);let n=Ze(e);for(;n&&Je(n)&&"static"===We(n).position;)n=Ze(n);return n&&"body"===ze(n)&&"static"===We(n).position?t:n||function(e){let t=Ue(e);for(;Ve(t)&&["html","body"].indexOf(ze(t))<0;){const e=We(t);if("none"!==e.transform||"none"!==e.perspective||e.willChange&&"auto"!==e.willChange)return t;t=t.parentNode}return null}(e)||t}Me.displayName="FindRefWrapper";const et="top",tt="bottom",nt="right",at="left",it="auto",lt=[et,tt,nt,at],st="start",ot="end",rt="clippingParents",ct="viewport",dt="popper",pt=lt.reduce(((e,t)=>e.concat([`${t}-start`,`${t}-end`])),[]),mt=[...lt,it].reduce(((e,t)=>e.concat([t,`${t}-start`,`${t}-end`])),[]),ut=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function ft(e){const t=new Map,n=new Set,a=[];function i(e){n.add(e.name);[...e.requires||[],...e.requiresIfExists||[]].forEach((e=>{if(!n.has(e)){const n=t.get(e);n&&i(n)}})),a.push(e)}return e.forEach((e=>{t.set(e.name,e)})),e.forEach((e=>{n.has(e.name)||i(e)})),a}function ht(e){let t;return()=>(t||(t=new Promise((n=>{Promise.resolve().then((()=>{t=void 0,n(e())}))}))),t)}function gt(e){return e.split("-")[0]}function bt(e,t){const n=Boolean(t.getRootNode&&t.getRootNode().host);if(e.contains(t))return!0;if(n){let n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function vt(e){return Object.assign(Object.assign({},e),{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function xt(e,t){return t===ct?vt(function(e){const t=Be(e),n=He(e),a=t.visualViewport;let i=n.clientWidth,l=n.clientHeight,s=0,o=0;return a&&(i=a.width,l=a.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=a.offsetLeft,o=a.offsetTop)),{width:i,height:l,x:s+$e(e),y:o}}(e)):Ve(t)?function(e){const t=Ae(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):vt(function(e){const t=He(e),n=je(e),a=e.ownerDocument.body,i=Math.max(t.scrollWidth,t.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0),l=Math.max(t.scrollHeight,t.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);let s=-n.scrollLeft+$e(e);const o=-n.scrollTop;return"rtl"===We(a||t).direction&&(s+=Math.max(t.clientWidth,a?a.clientWidth:0)-i),{width:i,height:l,x:s,y:o}}(He(e)))}function yt(e,t,n){const a="clippingParents"===t?function(e){const t=Ye(Ue(e)),n=["absolute","fixed"].indexOf(We(e).position)>=0&&Ve(e)?Qe(e):e;return Fe(n)?t.filter((e=>Fe(e)&&bt(e,n)&&"body"!==ze(e))):[]}(e):[].concat(t),i=[...a,n],l=i[0],s=i.reduce(((t,n)=>{const a=xt(e,n);return t.top=Math.max(a.top,t.top),t.right=Math.min(a.right,t.right),t.bottom=Math.min(a.bottom,t.bottom),t.left=Math.max(a.left,t.left),t}),xt(e,l));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Ot(e){return e.split("-")[1]}function Ct(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Et({reference:e,element:t,placement:n}){const a=n?gt(n):null,i=n?Ot(n):null,l=e.x+e.width/2-t.width/2,s=e.y+e.height/2-t.height/2;let o;switch(a){case et:o={x:l,y:e.y-t.height};break;case tt:o={x:l,y:e.y+e.height};break;case nt:o={x:e.x+e.width,y:s};break;case at:o={x:e.x-t.width,y:s};break;default:o={x:e.x,y:e.y}}const r=a?Ct(a):null;if(null!=r){const n="y"===r?"height":"width";switch(i){case st:o[r]=Math.floor(o[r])-Math.floor(e[n]/2-t[n]/2);break;case ot:o[r]=Math.floor(o[r])+Math.ceil(e[n]/2-t[n]/2)}}return o}function Nt(e){return Object.assign(Object.assign({},{top:0,right:0,bottom:0,left:0}),e)}function _t(e,t){return t.reduce(((t,n)=>(t[n]=e,t)),{})}function wt(e,t={}){const{placement:n=e.placement,boundary:a=rt,rootBoundary:i=ct,elementContext:l=dt,altBoundary:s=!1,padding:o=0}=t,r=Nt("number"!=typeof o?o:_t(o,lt)),c=l===dt?"reference":dt,d=e.elements.reference,p=e.rects.popper,m=e.elements[s?c:l],u=yt(Fe(m)?m:m.contextElement||He(e.elements.popper),a,i),f=Ae(d),h=Et({reference:f,element:p,strategy:"absolute",placement:n}),g=vt(Object.assign(Object.assign({},p),h)),b=l===dt?g:f,v={top:u.top-b.top+r.top,bottom:b.bottom-u.bottom+r.bottom,left:u.left-b.left+r.left,right:b.right-u.right+r.right},x=e.modifiersData.offset;if(l===dt&&x){const e=x[n];Object.keys(v).forEach((t=>{const n=[nt,tt].indexOf(t)>=0?1:-1,a=[et,tt].indexOf(t)>=0?"y":"x";v[t]+=e[a]*n}))}return v}const St={placement:"bottom",modifiers:[],strategy:"absolute"};function Tt(...e){return!e.some((e=>!(e&&"function"==typeof e.getBoundingClientRect)))}const It={passive:!0};const kt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Lt({popper:e,popperRect:t,placement:n,offsets:a,position:i,gpuAcceleration:l,adaptive:s}){let{x:o,y:r}=function({x:e,y:t}){const n=window.devicePixelRatio||1;return{x:Math.round(e*n)/n||0,y:Math.round(t*n)/n||0}}(a);const c=a.hasOwnProperty("x"),d=a.hasOwnProperty("y");let p=at,m=et;const u=window;if(s){let a=Qe(e);a===Be(e)&&(a=He(e)),n===et&&(m=tt,r-=a.clientHeight-t.height,r*=l?1:-1),n===at&&(p=nt,o-=a.clientWidth-t.width,o*=l?1:-1)}const f=Object.assign({position:i},s&&kt);return l?Object.assign(Object.assign({},f),{[m]:d?"0":"",[p]:c?"0":"",transform:(u.devicePixelRatio||1)<2?`translate(${o}px, ${r}px)`:`translate3d(${o}px, ${r}px, 0)`}):Object.assign(Object.assign({},f),{[m]:d?`${r}px`:"",[p]:c?`${o}px`:"",transform:""})}var Dt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function({state:e,options:t,name:n}){const{offset:a=[0,0]}=t,i=mt.reduce(((t,n)=>(t[n]=function(e,t,n){const a=gt(e),i=[at,et].indexOf(a)>=0?-1:1;let[l,s]="function"==typeof n?n(Object.assign(Object.assign({},t),{placement:e})):n;return l=l||0,s=(s||0)*i,[at,nt].indexOf(a)>=0?{x:s,y:l}:{x:l,y:s}}(n,e.rects,a),t)),{}),{x:l,y:s}=i[e.placement];null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=i}};const Pt={left:"right",right:"left",bottom:"top",top:"bottom"};function Rt(e){return e.replace(/left|right|bottom|top/g,(e=>Pt[e]))}const Mt={start:"end",end:"start"};function At(e){return e.replace(/start|end/g,(e=>Mt[e]))}function Bt(e,t={}){const{placement:n,boundary:a,rootBoundary:i,padding:l,flipVariations:s,allowedAutoPlacements:o=mt}=t,r=Ot(n),c=r?s?pt:pt.filter((e=>Ot(e)===r)):lt;let d=c.filter((e=>o.indexOf(e)>=0));0===d.length&&(d=c);const p=d.reduce(((t,n)=>(t[n]=wt(e,{placement:n,boundary:a,rootBoundary:i,padding:l})[gt(n)],t)),{});return Object.keys(p).sort(((e,t)=>p[e]-p[t]))}var jt={name:"flip",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){if(e.modifiersData[n]._skip)return;const{mainAxis:a=!0,altAxis:i=!0,fallbackPlacements:l,padding:s,boundary:o,rootBoundary:r,altBoundary:c,flipVariations:d=!0,allowedAutoPlacements:p}=t,m=e.options.placement,u=gt(m),f=[m,...l||(u===m||!d?[Rt(m)]:function(e){if(gt(e)===it)return[];const t=Rt(e);return[At(e),t,At(t)]}(m))].reduce(((t,n)=>t.concat(gt(n)===it?Bt(e,{placement:n,boundary:o,rootBoundary:r,padding:s,flipVariations:d,allowedAutoPlacements:p}):n)),[]),h=e.rects.reference,g=e.rects.popper,b=new Map;let v=!0,x=f[0];for(let t=0;t<f.length;t++){const n=f[t],l=gt(n),d=Ot(n)===st,p=[et,tt].indexOf(l)>=0,m=p?"width":"height",u=wt(e,{placement:n,boundary:o,rootBoundary:r,altBoundary:c,padding:s});let y=p?d?nt:at:d?tt:et;h[m]>g[m]&&(y=Rt(y));const O=Rt(y),C=[];if(a&&C.push(u[l]<=0),i&&C.push(u[y]<=0,u[O]<=0),C.every((e=>e))){x=n,v=!1;break}b.set(n,C)}if(v){for(let e=d?3:1;e>0;e--){const t=f.find((t=>{const n=b.get(t);if(n)return n.slice(0,e).every((e=>e))}));if(t){x=t;break}}}e.placement!==x&&(e.modifiersData[n]._skip=!0,e.placement=x,e.reset=!0)},requiresIfExists:["offset"],data:{_skip:!1}};function Ft(e,t,n){return Math.max(e,Math.min(t,n))}var Vt={name:"preventOverflow",enabled:!0,phase:"main",fn:function({state:e,options:t,name:n}){const{mainAxis:a=!0,altAxis:i=!1,boundary:l,rootBoundary:s,altBoundary:o,padding:r,tether:c=!0,tetherOffset:d=0}=t,p=wt(e,{boundary:l,rootBoundary:s,padding:r,altBoundary:o}),m=gt(e.placement),u=Ot(e.placement),f=!u,h=Ct(m),g="x"===h?"y":"x",b=e.modifiersData.popperOffsets,v=e.rects.reference,x=e.rects.popper,y="function"==typeof d?d(Object.assign(Object.assign({},e.rects),{placement:e.placement})):d,O={x:0,y:0};if(b){if(a){const t="y"===h?et:at,n="y"===h?tt:nt,a="y"===h?"height":"width",i=b[h],l=b[h]+p[t],s=b[h]-p[n],o=c?-x[a]/2:0,r=u===st?v[a]:x[a],d=u===st?-x[a]:-v[a],m=e.elements.arrow,g=c&&m?Ke(m):{width:0,height:0},C=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},E=C[t],N=C[n],_=Ft(0,v[a],g[a]),w=f?v[a]/2-o-_-E-y:r-_-E-y,S=f?-v[a]/2+o+_+N+y:d+_+N+y,T=e.elements.arrow&&Qe(e.elements.arrow),I=T?"y"===h?T.clientTop||0:T.clientLeft||0:0,k=e.modifiersData.offset?e.modifiersData.offset[e.placement][h]:0,L=b[h]+w-k-I,D=b[h]+S-k,P=Ft(c?Math.min(l,L):l,i,c?Math.max(s,D):s);b[h]=P,O[h]=P-i}if(i){const e="x"===h?et:at,t="x"===h?tt:nt,n=b[g],a=Ft(n+p[e],n,n-p[t]);b[g]=a,O[g]=a-n}e.modifiersData[n]=O}},requiresIfExists:["offset"]};var zt={name:"arrow",enabled:!0,phase:"main",fn:function({state:e,name:t}){const n=e.elements.arrow,a=e.modifiersData.popperOffsets,i=gt(e.placement),l=Ct(i),s=[at,nt].indexOf(i)>=0?"height":"width";if(!n||!a)return;const o=e.modifiersData[`${t}#persistent`].padding,r=Ke(n),c="y"===l?et:at,d="y"===l?tt:nt,p=e.rects.reference[s]+e.rects.reference[l]-a[l]-e.rects.popper[s],m=a[l]-e.rects.reference[l],u=Qe(n),f=u?"y"===l?u.clientHeight||0:u.clientWidth||0:0,h=p/2-m/2,g=o[c],b=f-r[s]-o[d],v=f/2-r[s]/2+h,x=Ft(g,v,b),y=l;e.modifiersData[t]={[y]:x,centerOffset:x-v}},effect:function({state:e,options:t,name:n}){let{element:a="[data-popper-arrow]",padding:i=0}=t;null!=a&&("string"!=typeof a||(a=e.elements.popper.querySelector(a),a))&&bt(e.elements.popper,a)&&(e.elements.arrow=a,e.modifiersData[`${n}#persistent`]={padding:Nt("number"!=typeof i?i:_t(i,lt))})},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Ht(e,t,n={x:0,y:0}){return{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function $t(e){return[et,nt,tt,at].some((t=>e[t]>=0))}const Wt=function(e={}){const{defaultModifiers:t=[],defaultOptions:n=St}=e;return function(e,a,i=n){let l={placement:"bottom",orderedModifiers:[],options:Object.assign(Object.assign({},St),n),modifiersData:{},elements:{reference:e,popper:a},attributes:{},styles:{}},s=[],o=!1;const r={state:l,setOptions(i){c(),l.options=Object.assign(Object.assign(Object.assign({},n),l.options),i),l.scrollParents={reference:Fe(e)?Ye(e):e.contextElement?Ye(e.contextElement):[],popper:Ye(a)};const o=function(e){const t=ft(e);return ut.reduce(((e,n)=>e.concat(t.filter((e=>e.phase===n)))),[])}(function(e){const t=e.reduce(((e,t)=>{const n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((e=>t[e]))}([...t,...l.options.modifiers]));return l.orderedModifiers=o.filter((e=>e.enabled)),l.orderedModifiers.forEach((({name:e,options:t={},effect:n})=>{if("function"==typeof n){const a=n({state:l,name:e,instance:r,options:t}),i=()=>{};s.push(a||i)}})),r.update()},forceUpdate(){if(o)return;const{reference:e,popper:t}=l.elements;if(Tt(e,t)){l.rects={reference:Xe(e,Qe(t),"fixed"===l.options.strategy),popper:Ke(t)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((e=>l.modifiersData[e.name]=Object.assign({},e.data)));for(let e=0;e<l.orderedModifiers.length;e++){if(!0===l.reset){l.reset=!1,e=-1;continue}const{fn:t,options:n={},name:a}=l.orderedModifiers[e];"function"==typeof t&&(l=t({state:l,options:n,name:a,instance:r})||l)}}},update:ht((()=>new Promise((e=>{r.forceUpdate(),e(l)})))),destroy(){c(),o=!0}};if(!Tt(e,a))return r;function c(){s.forEach((e=>e())),s=[]}return r.setOptions(i).then((e=>{!o&&i.onFirstUpdate&&i.onFirstUpdate(e)})),r}}({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:()=>{},effect:function({state:e,instance:t,options:n}){const{scroll:a=!0,resize:i=!0}=n,l=Be(e.elements.popper),s=[...e.scrollParents.reference,...e.scrollParents.popper];return a&&s.forEach((e=>{e.addEventListener("scroll",t.update,It)})),i&&l.addEventListener("resize",t.update,It),()=>{a&&s.forEach((e=>{e.removeEventListener("scroll",t.update,It)})),i&&l.removeEventListener("resize",t.update,It)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function({state:e,name:t}){e.modifiersData[t]=Et({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function({state:e,options:t}){const{gpuAcceleration:n=!0,adaptive:a=!0}=t,i={placement:gt(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign(Object.assign({},e.styles.popper),Lt(Object.assign(Object.assign({},i),{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign(Object.assign({},e.styles.arrow),Lt(Object.assign(Object.assign({},i),{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1})))),e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function({state:e}){Object.keys(e.elements).forEach((t=>{const n=e.styles[t]||{},a=e.attributes[t]||{},i=e.elements[t];Ve(i)&&ze(i)&&(Object.assign(i.style,n),Object.keys(a).forEach((e=>{const t=a[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function({state:e}){const t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),()=>{Object.keys(e.elements).forEach((n=>{const a=e.elements[n],i=e.attributes[n]||{},l=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce(((e,t)=>(e[t]="",e)),{});Ve(a)&&ze(a)&&(Object.assign(a.style,l),Object.keys(i).forEach((e=>{a.removeAttribute(e)})))}))}},requires:["computeStyles"]},Dt,jt,Vt,zt,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function({state:e,name:t}){const n=e.rects.reference,a=e.rects.popper,i=e.modifiersData.preventOverflow,l=wt(e,{elementContext:"reference"}),s=wt(e,{altBoundary:!0}),o=Ht(l,n),r=Ht(s,a,i),c=$t(o),d=$t(r);e.modifiersData[t]={referenceClippingOffsets:o,popperEscapeOffsets:r,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign(Object.assign({},e.attributes.popper),{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]}),Gt=ke?l.useLayoutEffect:l.useEffect,Xt=e=>e.reduce(((e,[t,n])=>(e[t]=n,e)),{}),Kt=[],Ut=(e,t,n={})=>{const a=l.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||Kt},[s,o]=l.useState({styles:{popper:{position:i.strategy,left:"0",top:"0"}},attributes:{}}),r=l.useMemo((()=>({name:"updateState",enabled:!0,phase:"write",fn:({state:e})=>{const t=Object.keys(e.elements);o({styles:Xt(t.map((t=>[t,e.styles[t]||{}]))),attributes:Xt(t.map((t=>[t,e.attributes[t]])))})},requires:["computeStyles"]})),[]),c=l.useMemo((()=>{const e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[...i.modifiers,r,{name:"applyStyles",enabled:!1}]};return t=a.current,n=e,JSON.stringify(t)===JSON.stringify(n)?a.current||e:(a.current=e,e);var t,n}),[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,r]),d=l.useRef();return Gt((()=>{d&&d.current&&d.current.setOptions(c)}),[c]),Gt((()=>{if(null==e||null==t)return;const a=(n.createPopper||Wt)(e,t,c);return d.current=a,()=>{a.destroy(),d.current=null}}),[e,t,n.createPopper]),{state:d.current?d.current.state:null,styles:s.styles,attributes:s.attributes,update:d.current?d.current.update:null,forceUpdate:d.current?d.current.forceUpdate:null}},qt={left:"right",right:"left",bottom:"top",top:"bottom"},Yt=e=>`opacity ${e}ms cubic-bezier(.54, 1.5, .38, 1.11)`,Jt=({trigger:e,popper:t,popperMatchesTriggerWidth:n=!0,direction:a="down",position:i="left",placement:s,appendTo:r=(()=>document.body),zIndex:c=9999,isVisible:p=!0,positionModifiers:m,distance:u=0,onMouseEnter:f,onMouseLeave:h,onFocus:g,onBlur:b,onDocumentClick:v,onTriggerClick:x,onTriggerEnter:y,onPopperClick:O,onPopperMouseEnter:C,onPopperMouseLeave:E,onDocumentKeyDown:N,enableFlip:_=!0,flipBehavior:w="flip",reference:S})=>{const[T,I]=l.useState(null),[k,L]=l.useState(null),[D,P]=l.useState(null),[R,M]=l.useState(!1),A=k||T,B=l.useCallback((e=>v(e,A,D)),[p,T,k,D,v]);l.useEffect((()=>{M(!0)}),[]),l.useEffect((()=>{S&&(S.current?L(S.current):"function"==typeof S&&L(S()))}),[S]);const j=(e,t,n)=>{e&&t&&t.addEventListener(n,e)},F=(e,t,n)=>{e&&t&&t.removeEventListener(n,e)};l.useEffect((()=>{j(f,A,"mouseenter"),j(h,A,"mouseleave"),j(g,A,"focus"),j(b,A,"blur"),j(x,A,"click"),j(y,A,"keydown"),j(O,D,"click"),j(C,D,"mouseenter"),j(E,D,"mouseleave"),v&&j(B,document,"click"),j(N,document,"keydown");const e=new MutationObserver((()=>{X&&X()}));return D&&e.observe(D,{attributes:!0,childList:!0,subtree:!0}),()=>{F(f,A,"mouseenter"),F(h,A,"mouseleave"),F(g,A,"focus"),F(b,A,"blur"),F(x,A,"click"),F(y,A,"keydown"),F(O,D,"click"),F(C,D,"mouseenter"),F(E,D,"mouseleave"),v&&F(B,document,"click"),F(N,document,"keydown"),e.disconnect()}}),[T,D,f,h,g,b,x,y,O,C,E,v,N,k]);const V=()=>{if(s)return s;let e="up"===a?"top":"bottom";return"center"!==i&&(e=`${e}-${"right"===i?"end":"start"}`),e},z=l.useMemo(V,[a,i,s]),H=l.useMemo((()=>(e=>e.replace(/left|right|bottom|top/g,(e=>qt[e])))(V())),[a,i,s]),$=l.useMemo((()=>({name:"sameWidth",enabled:n,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>(e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`,()=>{})})),[n]),{styles:W,attributes:G,update:X}=Ut(A,D,{placement:z,modifiers:[{name:"offset",options:{offset:[0,u]}},{name:"preventOverflow",enabled:!1},{name:"hide",enabled:!0},{name:"flip",enabled:z.startsWith("auto")||_,options:{fallbackPlacements:"flip"===w?[H]:w}},$]}),K=l.cloneElement(t,Object.assign({className:d(t.props&&t.props.className,m&&(()=>{if(G&&G.popper&&G.popper["data-popper-placement"]){const e=G.popper["data-popper-placement"];return m[e]}return m.top})()),style:Object.assign(Object.assign(Object.assign({},t.props&&t.props.style||{}),W.popper),{zIndex:c})},G.popper));return l.createElement(l.Fragment,null,!S&&e&&l.createElement(Me,{onFoundRef:e=>I(e)},e),R&&p&&o.createPortal(l.createElement(Me,{onFoundRef:e=>P(e)},K),"function"==typeof r?r():r))};Jt.displayName="Popper";const Zt=(e,t,n=(e=>document.activeElement.contains(e)),a=(e=>e),i=["A","BUTTON","INPUT"],l=!1,s=!1,o=!0,r=!0)=>{const c=document.activeElement,d=e.key;let p=null;if(!l&&["ArrowUp","ArrowDown"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let i=-1;t.forEach(((e,l)=>{if(n(e)){let e=0;for(;!p&&e<t.length&&-1*e<t.length;)"ArrowUp"===d?e--:e++,i=l+e,i>=t.length&&(i=0),i<0&&(i=t.length-1),p=a(t[i])}}))}if(!s&&["ArrowLeft","ArrowRight"].includes(d)){e.preventDefault(),e.stopImmediatePropagation();let a=-1;t.forEach(((l,s)=>{if(n(l)){const n=t[s].querySelectorAll(i.join(","));if(!n.length||r){let e=c;for(;e;)if(e="ArrowLeft"===d?e.previousElementSibling:e.nextElementSibling,e&&i.includes(e.tagName)){p=e;break}}else n.forEach(((t,i)=>{if(e.target===t){a=i+("ArrowLeft"===d?-1:1),a>=n.length&&(a=0),a<0&&(a=n.length-1),p=n[a]}}))}}))}p&&(o&&(c.tabIndex=-1,p.tabIndex=0),p.focus())};class Qt extends l.Component{constructor(){super(...arguments),this.keyHandler=e=>{const{isEventFromContainer:t}=this.props;if(t?!t(e):!this._isEventFromContainer(e))return;const{isActiveElement:n,getFocusableElement:a,noVerticalArrowHandling:i,noHorizontalArrowHandling:l,noEnterHandling:s,noSpaceHandling:o,updateTabIndex:r,validSiblingTags:c,additionalKeyHandler:d,createNavigableElements:p,onlyTraverseSiblings:m}=this.props;d&&d(e);const u=p();if(!u)return void console.warn("No navigable elements have been passed to the KeyboardHandler. Keyboard navigation provided by this component will be ignored.");const f=e.key;s||"Enter"===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),o||" "===f&&(e.preventDefault(),e.stopImmediatePropagation(),document.activeElement.click()),Zt(e,u,n,a,c,i,l,r,m)},this._isEventFromContainer=e=>{const{containerRef:t}=this.props;return t.current&&t.current.contains(e.target)}}componentDidMount(){ke&&window.addEventListener("keydown",this.keyHandler)}componentWillUnmount(){ke&&window.removeEventListener("keydown",this.keyHandler)}render(){return null}}Qt.displayName="KeyboardHandler",Qt.defaultProps={containerRef:null,createNavigableElements:()=>null,isActiveElement:e=>document.activeElement===e,getFocusableElement:e=>e,validSiblingTags:["BUTTON","A"],onlyTraverseSiblings:!0,updateTabIndex:!0,noHorizontalArrowHandling:!1,noVerticalArrowHandling:!1,noEnterHandling:!1,noSpaceHandling:!1};const en=(e,t,n=!0)=>{let a;if(ke){const{ResizeObserver:i}=window;if(e&&i){const l=new i((e=>{n?window.requestAnimationFrame((()=>{Array.isArray(e)&&e.length>0&&t()})):Array.isArray(e)&&e.length>0&&t()}));l.observe(e),a=()=>l.unobserve(e)}else window.addEventListener("resize",t),a=()=>window.removeEventListener("resize",t)}return()=>{a&&a()}};Promise.resolve().then((function(){return ZC}));var tn="pf-l-bullseye";Promise.resolve().then((function(){return QC}));var nn="pf-c-about-modal-box",an="pf-c-about-modal-box__brand",ln="pf-c-about-modal-box__brand-image",sn="pf-c-about-modal-box__close",on="pf-c-about-modal-box__content",rn="pf-c-about-modal-box__header",cn="pf-c-about-modal-box__hero",dn="pf-c-about-modal-box__strapline";Promise.resolve().then((function(){return eE}));var pn="pf-c-content",mn={visited:"pf-m-visited",overpassFont:"pf-m-overpass-font"};const un=e=>{var{children:t,className:n="",trademark:a,id:i,noAboutModalBoxContentContainer:s=!1}=e,o=r(e,["children","className","trademark","id","noAboutModalBoxContentContainer"]);return l.createElement("div",Object.assign({className:d(on,n),id:i},o),l.createElement("div",{className:d("pf-c-about-modal-box__body")},s?t:l.createElement("div",{className:d(pn)},t)),l.createElement("p",{className:d(dn)},a))};un.displayName="AboutModalBoxContent",Promise.resolve().then((function(){return tE}));var fn,hn,gn={modifiers:{"4xl":"pf-m-4xl","3xl":"pf-m-3xl","2xl":"pf-m-2xl",xl:"pf-m-xl",lg:"pf-m-lg",md:"pf-m-md",overpassFont:"pf-m-overpass-font"},title:"pf-c-title"};e.TitleSizes=void 0,(fn=e.TitleSizes||(e.TitleSizes={})).md="md",fn.lg="lg",fn.xl="xl",fn["2xl"]="2xl",fn["3xl"]="3xl",fn["4xl"]="4xl",function(e){e.h1="2xl",e.h2="xl",e.h3="lg",e.h4="md",e.h5="md",e.h6="md"}(hn||(hn={}));const bn=e=>{var{className:t="",children:n="",headingLevel:a,size:i=hn[a],ouiaId:s,ouiaSafe:o=!0}=e,c=r(e,["className","children","headingLevel","size","ouiaId","ouiaSafe"]);const p=me(bn.displayName,s,o);return l.createElement(a,Object.assign({},p,c,{className:d(gn.title,i&&gn.modifiers[i],t)}),n)};bn.displayName="Title";const vn=e=>{var{className:t="",productName:n="",id:a}=e,i=r(e,["className","productName","id"]);return l.createElement("div",Object.assign({className:d(rn,t)},i),l.createElement(bn,{headingLevel:"h1",size:"4xl",id:a},n))};vn.displayName="AboutModalBoxHeader";var xn={name:"--pf-c-about-modal-box__hero--sm--BackgroundImage",value:'url("../../assets/images/pfbg_992@2x.jpg")',var:"var(--pf-c-about-modal-box__hero--sm--BackgroundImage)"};const yn=e=>{var{className:t,backgroundImageSrc:n}=e,a=r(e,["className","backgroundImageSrc"]);return l.createElement("div",Object.assign({style:""!==n?{[xn.name]:`url(${n})`}:{},className:d(cn,t)},a))};yn.displayName="AboutModalBoxHero";const On=e=>{var{className:t="",src:n="",alt:a}=e,i=r(e,["className","src","alt"]);return l.createElement("div",Object.assign({className:d(an,t)},i),l.createElement("img",{className:d(ln),src:n,alt:a}))};On.displayName="AboutModalBoxBrand",Promise.resolve().then((function(){return nE}));var Cn={badge:"pf-c-badge",button:"pf-c-button",buttonCount:"pf-c-button__count",buttonIcon:"pf-c-button__icon",buttonProgress:"pf-c-button__progress",modifiers:{active:"pf-m-active",block:"pf-m-block",small:"pf-m-small",primary:"pf-m-primary",displayLg:"pf-m-display-lg",secondary:"pf-m-secondary",tertiary:"pf-m-tertiary",link:"pf-m-link",unread:"pf-m-unread",inline:"pf-m-inline",danger:"pf-m-danger",warning:"pf-m-warning",control:"pf-m-control",expanded:"pf-m-expanded",plain:"pf-m-plain",disabled:"pf-m-disabled",ariaDisabled:"pf-m-aria-disabled",progress:"pf-m-progress",inProgress:"pf-m-in-progress",start:"pf-m-start",end:"pf-m-end",overpassFont:"pf-m-overpass-font"},spinner:"pf-c-spinner",themeDark:"pf-theme-dark"};Promise.resolve().then((function(){return aE}));var En,Nn={modifiers:{sm:"pf-m-sm",md:"pf-m-md",lg:"pf-m-lg",xl:"pf-m-xl"},spinner:"pf-c-spinner",spinnerClipper:"pf-c-spinner__clipper",spinnerLeadBall:"pf-c-spinner__lead-ball",spinnerPath:"pf-c-spinner__path",spinnerTailBall:"pf-c-spinner__tail-ball"};e.spinnerSize=void 0,(En=e.spinnerSize||(e.spinnerSize={})).sm="sm",En.md="md",En.lg="lg",En.xl="xl";const _n=e=>{var{className:t="",size:n="xl","aria-valuetext":a="Loading...",isSVG:i=!1,diameter:s,"aria-label":o,"aria-labelledBy":c}=e,p=r(e,["className","size","aria-valuetext","isSVG","diameter","aria-label","aria-labelledBy"]);const m=i?"svg":"span";return l.createElement(m,Object.assign({className:d(Nn.spinner,Nn.modifiers[n],t),role:"progressbar","aria-valuetext":a},i&&{viewBox:"0 0 100 100"},s&&{style:{"--pf-c-spinner--diameter":s}},o&&{"aria-label":o},c&&{"aria-labelledBy":c},!o&&!c&&{"aria-label":"Contents"},p),i?l.createElement("circle",{className:Nn.spinnerPath,cx:"50",cy:"50",r:"45",fill:"none"}):l.createElement(l.Fragment,null,l.createElement("span",{className:d(Nn.spinnerClipper)}),l.createElement("span",{className:d(Nn.spinnerLeadBall)}),l.createElement("span",{className:d(Nn.spinnerTailBall)})))};var wn,Sn;_n.displayName="Spinner",e.ButtonVariant=void 0,(wn=e.ButtonVariant||(e.ButtonVariant={})).primary="primary",wn.secondary="secondary",wn.tertiary="tertiary",wn.danger="danger",wn.warning="warning",wn.link="link",wn.plain="plain",wn.control="control",e.ButtonType=void 0,(Sn=e.ButtonType||(e.ButtonType={})).button="button",Sn.submit="submit",Sn.reset="reset";const Tn=t=>{var{children:n=null,className:a="",component:i="button",isActive:s=!1,isBlock:o=!1,isDisabled:c=!1,isAriaDisabled:p=!1,isLoading:m=null,isDanger:u=!1,spinnerAriaValueText:f,spinnerAriaLabelledBy:h,spinnerAriaLabel:g,isSmall:b=!1,isLarge:v=!1,inoperableEvents:x=["onClick","onKeyPress"],isInline:y=!1,type:O=e.ButtonType.button,variant:C=e.ButtonVariant.primary,iconPosition:E="left","aria-label":N=null,icon:_=null,ouiaId:w,ouiaSafe:S=!0,tabIndex:T=null,innerRef:I}=t,k=r(t,["children","className","component","isActive","isBlock","isDisabled","isAriaDisabled","isLoading","isDanger","spinnerAriaValueText","spinnerAriaLabelledBy","spinnerAriaLabel","isSmall","isLarge","inoperableEvents","isInline","type","variant","iconPosition","aria-label","icon","ouiaId","ouiaSafe","tabIndex","innerRef"]);const L=me(In.displayName,w,S,C),D=i,P="button"===D,R=y&&"span"===D,M=x.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:e=>{e.preventDefault()}})),{});return l.createElement(D,Object.assign({},k,p?M:null,{"aria-disabled":c||p,"aria-label":N,className:d(Cn.button,Cn.modifiers[C],o&&Cn.modifiers.block,c&&Cn.modifiers.disabled,p&&Cn.modifiers.ariaDisabled,s&&Cn.modifiers.active,y&&C===e.ButtonVariant.link&&Cn.modifiers.inline,u&&(C===e.ButtonVariant.secondary||C===e.ButtonVariant.link)&&Cn.modifiers.danger,null!==m&&null!==n&&Cn.modifiers.progress,m&&Cn.modifiers.inProgress,b&&Cn.modifiers.small,v&&Cn.modifiers.displayLg,a),disabled:P?c:null,tabIndex:null!==T?T:c?P?null:-1:p?null:R?0:void 0,type:P||R?O:null,role:R?"button":null,ref:I},L),m&&l.createElement("span",{className:d(Cn.buttonProgress)},l.createElement(_n,{size:e.spinnerSize.md,"aria-valuetext":f,"aria-label":g,"aria-labelledby":h})),C===e.ButtonVariant.plain&&null===n&&_?_:null,C!==e.ButtonVariant.plain&&_&&"left"===E&&l.createElement("span",{className:d(Cn.buttonIcon,Cn.modifiers.start)},_),n,C!==e.ButtonVariant.plain&&_&&"right"===E&&l.createElement("span",{className:d(Cn.buttonIcon,Cn.modifiers.end)},_))},In=l.forwardRef(((e,t)=>l.createElement(Tn,Object.assign({innerRef:t},e))));var kn;In.displayName="Button",function(e){e.sm="sm",e.md="md",e.lg="lg",e.xl="xl"}(kn||(kn={}));let Ln=0;function Dn({name:e,xOffset:t=0,yOffset:n=0,width:a,height:i,svgPath:s}){var o;return o=class extends l.Component{constructor(){super(...arguments),this.id="icon-title-"+Ln++}render(){const e=this.props,{size:o,color:r,title:c,noVerticalAlign:d}=e,p=
|
|
27
27
|
/*! *****************************************************************************
|
|
28
28
|
Copyright (c) Microsoft Corporation.
|
|
29
29
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-core",
|
|
3
|
-
"version": "4.236.
|
|
3
|
+
"version": "4.236.7",
|
|
4
4
|
"description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"generate": "node scripts/copyStyles.js"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@patternfly/react-icons": "^4.87.
|
|
48
|
-
"@patternfly/react-styles": "^4.86.
|
|
49
|
-
"@patternfly/react-tokens": "^4.88.
|
|
47
|
+
"@patternfly/react-icons": "^4.87.7",
|
|
48
|
+
"@patternfly/react-styles": "^4.86.7",
|
|
49
|
+
"@patternfly/react-tokens": "^4.88.7",
|
|
50
50
|
"focus-trap": "6.9.2",
|
|
51
51
|
"react-dropzone": "9.0.0",
|
|
52
52
|
"tippy.js": "5.1.2",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"react": "^16.8.0 || ^17.0.0",
|
|
71
71
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "9146bf58545f6e745af4b8ba31a22e1da35b077e"
|
|
74
74
|
}
|
|
@@ -56,11 +56,22 @@ import { canUseDOM } from './util';
|
|
|
56
56
|
* );
|
|
57
57
|
* }
|
|
58
58
|
*
|
|
59
|
+
* Example 3 - With debounced method passed in:
|
|
60
|
+
*
|
|
61
|
+
* public componentDidMount() {
|
|
62
|
+
* this.observer = getResizeObserver(this.inputRef.current, debounce(this.handleResize, 250), false);
|
|
63
|
+
* }
|
|
64
|
+
*
|
|
59
65
|
* @param {Element} containerRefElement The container reference to observe
|
|
60
66
|
* @param {Function} handleResize The function to call for resize events
|
|
67
|
+
* @param {boolean} useRequestAnimationFrame Whether to pass the handleResize function as a callback to requestAnimationFrame. Pass in false when the function passed in is debounced. Defaults to true.
|
|
61
68
|
* @return {Function} The function used to unobserve resize events
|
|
62
69
|
*/
|
|
63
|
-
export const getResizeObserver = (
|
|
70
|
+
export const getResizeObserver = (
|
|
71
|
+
containerRefElement: Element,
|
|
72
|
+
handleResize: () => void,
|
|
73
|
+
useRequestAnimationFrame: boolean = true
|
|
74
|
+
) => {
|
|
64
75
|
let unobserve: any;
|
|
65
76
|
|
|
66
77
|
if (canUseDOM) {
|
|
@@ -69,11 +80,18 @@ export const getResizeObserver = (containerRefElement: Element, handleResize: ()
|
|
|
69
80
|
if (containerRefElement && ResizeObserver) {
|
|
70
81
|
const resizeObserver = new ResizeObserver((entries: any) => {
|
|
71
82
|
// Wrap resize function in requestAnimationFrame to avoid "ResizeObserver loop limit exceeded" errors
|
|
72
|
-
|
|
83
|
+
if (useRequestAnimationFrame) {
|
|
84
|
+
window.requestAnimationFrame(() => {
|
|
85
|
+
if (Array.isArray(entries) && entries.length > 0) {
|
|
86
|
+
handleResize();
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
// Avoid wrapping function in requestAnimationFrame if the function is debounced
|
|
90
|
+
} else {
|
|
73
91
|
if (Array.isArray(entries) && entries.length > 0) {
|
|
74
92
|
handleResize();
|
|
75
93
|
}
|
|
76
|
-
}
|
|
94
|
+
}
|
|
77
95
|
});
|
|
78
96
|
resizeObserver.observe(containerRefElement);
|
|
79
97
|
unobserve = () => resizeObserver.unobserve(containerRefElement);
|