@mescius/dsdataviewer/dsdataviewer.js

Document Solutions Data Viewer

/*! For license information please see dsdataviewer.js.LICENSE.txt */
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var i in n)("object"==typeof exports?exports:t)[i]=n[i]}}(self,(function(){return(()=>{var t={9621:(t,e,n)=>{"use strict";n.d(e,{g:()=>h});var i=n(7294),r=n(7187),o=n(9783),s=n(2933),c=n(1831),a=n(5588),l=n(351);const[u]=(0,o.Ge)("app");class h extends i.Component{constructor(){super(...arguments),this._root=null,this._rootId=`${this.props.rootId}-app`,this._API=new s.p(this.props.rootId),this._eventEmitter=new r.EventEmitter,this.getRootElement=()=>(this._root||(this._root=document.getElementById(this._rootId)),this._root||document.body),this.addEventListener=(t,e)=>{this._eventEmitter.on(t,e)},this.removeEventListener=(t,e)=>{this._eventEmitter.off(t,e)},this.onPointerEvent=t=>{this._eventEmitter.emit(t.type,t)}}componentWillUnmount(){this._API.destroy()}render(){const{children:t,focusWaitingTime:e,withFocusTimer:n,gridTemplate:r,role:s,customCSS:h}=this.props,g={root:{addEventListener:this.addEventListener,removeEventListener:this.removeEventListener,getElement:this.getRootElement},API:this._API},d={onMouseDown:this.onPointerEvent,onMouseUp:this.onPointerEvent,onClick:this.onPointerEvent,onTouchStart:this.onPointerEvent,onTouchEnd:this.onPointerEvent},f={waitingTime:e,getContainer:this.getRootElement},m=(0,o.dh)(u,h);return i.createElement(c.I.Provider,{value:g},n&&i.createElement(a.w,Object.assign({},f)),i.createElement("div",Object.assign({},d,{className:m,id:this._rootId,role:s}),r?i.createElement(l.r,{template:r},t):t))}}h.defaultProps={withFocusTimer:!0,focusWaitingTime:3e3}},8379:(t,e,n)=>{"use strict";n.d(e,{C:()=>c});var i=n(7294),r=n(9783);const[o,s]=(0,r.Ge)("badge");class c extends i.Component{render(){const{props:{content:t,component:e,position:n,inset:c,level:a,title:l,rounded:u,size:h,customCSS:g,id:d,dataAid:f,inverted:m}}=this,b=(0,r.dh)(o,g,{[s(`${n}`)]:n,[s(`level-${a}`)]:"info"!==a,[s("size-sm")]:"small"===h,[s("size-lg")]:"large"===h,[s("custom")]:e,[s("rounded")]:u,[s("inset")]:c,[s("inverted")]:m,[s("dot")]:void 0===t&&!e});return i.createElement("div",{className:b,title:l,id:d,"data-aid":f},e||t)}}c.defaultProps={position:"bottom-right",level:"info",size:"default",inset:!1,rounded:!1,inverted:!1}},399:(t,e,n)=>{"use strict";n.d(e,{r:()=>b,z:()=>p});var i=n(7294),r=n(9783),o=n(5797),s=n(4832),c=n(8379);const[a,l,u]=(0,r.Ge)("btn"),[h,g]=u("text"),[d]=u("icon"),[f]=u("icon-badge"),[m]=(0,r.Ge)("loader-button"),b=l("disabled");class p extends i.Component{render(){const{id:t,block:e,accent:n,background:u,rounded:b,onClick:p,size:v,width:x,icon:w,text:y,textAlign:_,title:k,type:M,loading:V,disabled:A,children:I,customCSS:S,name:j,layout:C,level:N,tabIndex:T,onMouseDown:L,dataAid:D,badge:O,onDoubleClick:E,ariaRole:z,ariaLabel:R,ariaLabelledBy:F,ariaHasPopup:U,ariaExpanded:B,ariaSelected:P}=this.props,Y=i.Children.toArray(I).length>0,H=(0,r.dh)(a,S,{[l("block")]:e,[l(`text-align-${_}`)]:"left"!==_,[l("with-icon")]:(w||V)&&!Y,[l("with-badge")]:O&&"inline"===O.position&&!Y,[l("accent")]:"full"===n,[l("transparent")]:"transparent"===u,[l("custom")]:Y,[l(`level-${N}`)]:"info"!==N,[l("vertical")]:"vertical"===C,[o.nX]:b,[o.Ik]:"small"===v,[o._e]:"large"===v}),G=x&&{width:x}||void 0,Z=(0,r.dh)(d,{[o._F]:"icon"===n||"text+icon"===n}),W=(0,r.dh)(h,{[g("empty")]:!y,[o._F]:"text"===n||"text+icon"===n}),Q={id:t,tabIndex:T,disabled:A,type:M,className:H,style:G,name:j,title:k,role:z,"aria-label":R,"aria-labelledby":F,"aria-haspopup":U,"aria-expanded":B,"aria-selected":P,onClick:p,onMouseDown:L,onDoubleClick:E};let X;O&&(X=Object.assign(Object.assign({},O),{level:O.level||N,rounded:O.rounded||b,inset:O.inset||O.nearIcon,customCSS:(0,r.dh)({[f]:O.nearIcon},O.customCSS)}),"full"!==n||X.level!==N&&(N||"info"!==X.level)||(X.inverted=!0));const J=V&&{type:"font",iconCssClass:m}||w;return i.createElement("button",Object.assign({},Q,{"data-aid":D}),!Y&&J&&i.createElement(s.m,{icon:J,customCSS:Z}),!Y&&i.createElement("span",{className:W},y),I,O&&i.createElement(c.C,Object.assign({},X)))}}p.defaultProps={accent:"none",background:"default",block:!1,disabled:!1,layout:"horizontal",level:"info",loading:!1,rounded:!1,size:"default",textAlign:"left",type:"button"}},5529:(t,e,n)=>{"use strict";n.d(e,{h:()=>m});var i=n(7294),r=n(9783),o=n(5797),s=n(399),c=n(2622),a=n(3550),l=n(8651);const[u,h,g]=(0,r.Ge)("btn-group"),[d,f]=g("splitter");class m extends i.Component{constructor(){super(...arguments),this.getItemNodes=t=>{const{rounded:e,size:n,align:o,disabled:u,withSplitters:h,withHeader:g,defaultAccent:m,defaultBackground:b,defaultLevel:p}=this.props;let v;return h&&(v=(0,r.dh)(d,{[f("accent-full")]:"full"===m,[f(`accent-${p}`)]:"none"!==m&&"full"!==m,[f("background-transparent")]:"transparent"===b})),t.reduce(((t,r,d)=>{h&&(g?d>1:d>0)&&t.push(i.createElement("div",{key:`splitter-${d}`,className:v}));const f=r.key||d;if("button"===r.type){const c=Object.assign({rounded:e,size:n,disabled:u,block:!0,accent:m,background:b,level:p,textAlign:"justify"===o?"center":"left"},r);t.push(i.createElement(s.z,Object.assign({key:f,ref:r.ref},c),r.customContent))}if("dropdown"===r.type){const s=Object.assign({rounded:e,size:n,disabled:u,block:!0,accent:m,background:b,level:p,textAlign:"justify"===o?"center":"left"},r);t.push(i.createElement(c.L,Object.assign({key:f,ref:r.ref},s)))}if("combobox"===r.type){const o=Object.assign(Object.assign({},r),{block:!0,rounded:e,size:n,disabled:u});t.push(i.createElement(a.C,Object.assign({key:f,ref:r.ref},o)))}if("input"===r.type){const o=Object.assign(Object.assign({},r),{block:!0,rounded:e,size:n,disabled:u,type:r.inputType});t.push(i.createElement(l.I,Object.assign({key:f,ref:r.ref},o)))}return t}),[])},this.getHeaderColor=t=>{const{defaultAccent:e,defaultLevel:n}=this.props;return"full"===(t.accent||e)?t.level||n:"default"}}render(){const{id:t,block:e,size:n,items:s,customCSS:c,dataAid:a,align:l,withHeader:g,rounded:d,disabled:f}=this.props,m=s.filter((t=>t));if(!m.length)return null;const b=g&&m.length>1;let p;b&&(p=this.getHeaderColor(m[0]));const v=(0,r.dh)(u,c,{[h(`header-${p}`)]:b,[h(`align-${l}`)]:"left"!==l,[h("block")]:e,[h("disabled")]:f,[o.nX]:d,[o.Ik]:"small"===n,[o._e]:"large"===n});return i.createElement("div",{id:t,"data-aid":a,className:v},this.getItemNodes(m))}}m.defaultProps={align:"left",defaultAccent:"none",defaultBackground:"default",defaultLevel:"info",disabled:!1,rounded:!1,size:"default",withHeader:!1,withSplitters:!1}},2204:(t,e,n)=>{"use strict";n.d(e,{p:()=>s,X:()=>g});var i=n(7294),r=n(9783),o=n(5797);const[s,c,a]=(0,r.Ge)("check"),[l,u]=a("input"),[h]=a("mark");class g extends i.Component{constructor(){super(...arguments),this.state={defaultIndeterminate:this.props.defaultIndeterminate},this.onChange=()=>{const{props:{value:t,onChange:e},state:{defaultIndeterminate:n}}=this;n&&this.setState({defaultIndeterminate:!1}),e&&e(t)}}render(){const{props:{id:t,name:e,block:n,dataAid:a,value:g,checked:d,indeterminate:f,defaultChecked:m,size:b,text:p,title:v,invalid:x,disabled:w,customCSS:y,tabIndex:_,textAlign:k},state:{defaultIndeterminate:M}}=this,V=(0,r.dh)(s,y,{[c("block")]:n,[c("invalid")]:x,[c("disabled")]:w,[c("align-left")]:"left"===k,[o.Ik]:"small"===b,[o._e]:"large"===b}),A=(0,r.dh)(l,{[u("indeterminate")]:f||M}),I={type:"checkbox",checked:d,id:t,name:e,value:g,disabled:w,tabIndex:_,defaultChecked:m,onChange:this.onChange};return i.createElement("label",{className:V,title:v||p,"data-aid":a},i.createElement("input",Object.assign({},I,{className:A,"data-aid":a&&`${a}_input`})),i.createElement("span",{className:h}),p)}}g.defaultProps={block:!1,defaultIndeterminate:!1,disabled:!1,indeterminate:!1,invalid:!1,size:"default",textAlign:"right"}},3550:(t,e,n)=>{"use strict";n.d(e,{C:()=>g});var i=n(7294),r=n(9783),o=n(5797),s=n(8651),c=n(2622);const[a,l,u]=(0,r.Ge)("combo"),[h]=u("preview");class g extends i.Component{constructor(){super(...arguments),this._input=null,this._dropdown=null,this._dropdownIsOpen=!1,this.state={searchQuery:null,menuWidth:void 0,focused:!1},this.onChange=t=>{const{onChange:e,filterOnInput:n}=this.props;n&&this.setState({searchQuery:t.target.value}),e&&e(t)},this.onSelect=t=>{const{onSelect:e}=this.props,{searchQuery:n}=this.state;null!==n&&this.setState({searchQuery:null}),e&&e(t)},this.onClick=()=>{const{openOnFocus:t}=this.props;t&&!this._dropdownIsOpen&&this._dropdown&&this._dropdown.open()},this.onFocus=()=>{this.setState({focused:!0},(()=>{this._input&&this._input.select(),this.onClick()}))},this.onBlur=t=>{this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur(t)},this.setMenuWidth=()=>{const{menuWidth:t}=this.props;if("100%"!==t)return;const e=this._input&&this._input.getNode();if(!e)return;const n=e.offsetWidth;n!==this.state.menuWidth&&this.setState({menuWidth:n})},this.onToggle=t=>{const{state:{searchQuery:e},props:{onToggle:n}}=this;this._dropdownIsOpen=t,n&&n(t),t?this._input&&(this._input.focus(),this.setMenuWidth()):null!==e&&this.setState({searchQuery:null})},this.getSafeZone=()=>this._input&&this._input.getNode(),this.onKeyDown=t=>{const{onKeyDown:e}=this.props,{_dropdown:n}=this;if(!n)return;t.stopPropagation();null!==n.getFocusedItemId()||e&&e(t),t.which===o.tW.ARROW_DOWN&&(t.preventDefault(),n.onNavigation("down")),t.which===o.tW.ARROW_UP&&(t.preventDefault(),n.onNavigation("up")),t.which===o.tW.ENTER&&(t.preventDefault(),n.onNavSelect()),t.which===o.tW.ESC&&n.close()},this.filterItems=()=>{const{props:{items:t},state:{searchQuery:e}}=this;let n=t;return e&&n&&(n=n.filter((t=>t&&t.text&&-1!==t.text.toLowerCase().indexOf(e.toLowerCase())))),n}}render(){const{props:{id:t,size:e,width:n,rounded:u,disabled:g,block:d,multiselect:f,customScroll:m,dropup:b,noCloseOnSelect:p,items:v,menuMaxHeight:x,itemSize:w,scrollToSelection:y,inputType:_,value:k,name:M,invalid:V,dataAid:A,filterOnInput:I,edgeSnapOffset:S,generatePreview:j,placeholder:C,content:N,menuWidth:T,generateItemPreview:L,menuCustomCSS:D,displayValue:O,customCSS:E,chevronIcon:z,titleToggle:R,customButtonRenderer:F},state:{searchQuery:U,menuWidth:B,focused:P}}=this,Y=n&&{width:n}||void 0,H={name:M,size:e,invalid:V,rounded:u,disabled:g,placeholder:f&&k||C,dataAid:A?`${A}_input`:void 0,value:null!==U?U:f?"":!P&&O||k,title:O||k||C,type:_,selectOnFocus:!0,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,onKeyDown:this.onKeyDown,onKeyUp:t=>t.stopPropagation(),onKeyPress:t=>t.stopPropagation()},G={size:e,rounded:u,dropup:b,menuMaxHeight:x,content:N,disabled:g,noCloseOnSelect:p,multiselect:f,itemSize:w,dataAid:A?`${A}_dropdown`:void 0,items:I?this.filterItems():v,title:R,onToggle:this.onToggle,safeZone:this.getSafeZone,onSelect:this.onSelect,generateItemPreview:L,menuCustomCSS:D,edgeSnapOffset:S,customButtonRenderer:F,menuWidth:"100%"!==T?T:B,scrollToSelection:y,customScroll:m,chevronIcon:z},Z=j&&j(k),W=(0,r.dh)(a,E,{[l("block")]:d,[l("disabled")]:g,[l("rounded")]:u,[l("with-preview")]:Z,[l("focused-input")]:P,[l("value-placeholder")]:f&&k,[o.Ik]:"small"===e,[o._e]:"large"===e});return i.createElement("div",{className:W,id:t,"data-aid":A,style:Y},i.createElement(s.I,Object.assign({},H,{ref:t=>this._input=t})),i.createElement(c.L,Object.assign({},G,{ref:t=>this._dropdown=t})),Z&&i.createElement("div",{className:h},Z))}}g.defaultProps={menuWidth:"100%",block:!1,disabled:!1,dropup:!1,edgeSnapOffset:0,filterOnInput:!1,inputType:"text",invalid:!1,menuMaxHeight:"none",multiselect:!1,noCloseOnSelect:!1,openOnFocus:!0,rounded:!1,scrollToSelection:!1,size:"default"}},2622:(t,e,n)=>{"use strict";n.d(e,{z:()=>g,L:()=>y});var i=n(7294),r=n(9783),o=n(5797),s=n(1831),c=n(5390),a=n(399),l=n(4832),u=n(5265),h=n(9655);class g{constructor(t){this._activeDropdown=null,this.onPointerEvent=t=>{const{_activeDropdown:e}=this;if(!e)return;const n=e.getNode();if(!n||n===t.target||n.contains(t.target))return;const i=e.getSafeZone();if(i&&(i===t.target||i.contains(t.target)))return;const r=e.getMenuNode();r&&r.contains(t.target)||(e.close(),this._activeDropdown=null)},this.open=t=>{const{_activeDropdown:e}=this;e&&e.close(),this._activeDropdown=t},this.cleanup=()=>{this._activeDropdown=null},t.addEventListener("mousedown",this.onPointerEvent),t.addEventListener("touchstart",this.onPointerEvent)}set menuRootSelector(t){this._menuRootSelector=t}get menuRootSelector(){return this._menuRootSelector}get current(){return this._activeDropdown}}const[d,f,m]=(0,r.Ge)("dd"),[b,p]=m("chevron"),[v]=m("toggle-content"),[x]=m("preview"),w={chevron:{small:(0,u.W)(h.y,{rotate:"180",size:"small"}),default:(0,u.W)(h.y,{rotate:"180",size:"default"}),large:(0,u.W)(h.y,{rotate:"180",size:"large"})}};class y extends i.Component{constructor(){super(...arguments),this._dropdown=null,this._menu=null,this.state={open:!1},this.getNode=()=>this._dropdown,this.getSafeZone=()=>{var t,e;return(null===(e=(t=this.props).safeZone)||void 0===e?void 0:e.call(t))||null},this.getMenuNode=()=>{var t;return null===(t=this._menu)||void 0===t?void 0:t.getMenuNode()},this.getPositionerNode=()=>{var t;return null===(t=this._menu)||void 0===t?void 0:t.getPositionerNode()},this.updateMenuPosition=()=>{var t;return null===(t=this._menu)||void 0===t?void 0:t.updatePosition()},this.open=()=>{const{props:{disabled:t,onToggle:e},context:{API:n}}=this;t||(n.current.dropdowns.open(this),this.setState({open:!0}),null==e||e(!0))},this.close=()=>{const{onToggle:t}=this.props;null==t||t(!1),this.setState({open:!1})},this.onToggleClick=t=>{t.preventDefault(),t.stopPropagation(),this.state.open?this.close():this.open()},this.onItemClick=t=>{const{onSelect:e,noCloseOnSelect:n,multiselect:i}=this.props;t.onClick?t.onClick(t.value):e&&e(t.value),n||i||this.close()},this.onNavigation=t=>{this._menu&&("down"===t?this._menu.focusNextItem():this._menu.focusPrevItem())},this.onNavSelect=()=>{var t;return null===(t=this._menu)||void 0===t?void 0:t.selectFocusedItem()},this.getFocusedItemId=()=>this._menu?this._menu.getFocusedItemId():null,this.onKeyDown=t=>{t.stopPropagation(),t.which===o.tW.ARROW_DOWN&&(t.preventDefault(),this.onNavigation("down")),t.which===o.tW.ARROW_UP&&(t.preventDefault(),this.onNavigation("up")),t.which===o.tW.ENTER&&(t.preventDefault(),this.state.open?this.onNavSelect():this.open()),t.which===o.tW.ESC&&this.close()}}componentDidMount(){const{API:t,root:e}=this.context;t.current.dropdowns||(t.current.dropdowns=new g(e))}componentWillUnmount(){var t;const{API:e}=this.context;(null===(t=e.current.dropdowns)||void 0===t?void 0:t.current)===this&&e.current.dropdowns.cleanup()}render(){const{items:t,content:e,hiddenChevron:n,offset:s,menuAlign:u,menuWidth:h,dropup:g,dropOnSide:m,dataAid:y,id:_,block:k,accent:M,background:V,rounded:A,size:I,width:S,icon:j,menuMaxHeight:C,edgeSnapOffset:N,text:T,textAlign:L,title:D,disabled:O,toggleContent:E,generatePreview:z,scrollToSelection:R,generateItemPreview:F,menuCustomCSS:U,invalid:B,customCSS:P,level:Y,multiselect:H,itemSize:G,placeholderText:Z,customScroll:W,chevronIcon:Q,customButtonRenderer:X,ariaRole:J,ariaLabel:q,ariaLabelledBy:K,menuAriaRole:$,menuAriaLabel:tt,menuAriaLabelledBy:et}=this.props,{open:nt}=this.state,it=null==z?void 0:z(),rt=(0,r.dh)(d,P,{[f("block")]:k,[f("chevron")]:!n,[f("menu-open")]:nt,[f("disabled")]:O,[f("invalid")]:B,[f("with-preview")]:it,[f("placeholder-text")]:Z,[o.nX]:A,[o.Ik]:"small"===I,[o._e]:"large"===I}),ot=S&&{width:S}||void 0,st={id:_?`${_}_toggle`:void 0,dataAid:y?`${y}_toggle`:void 0,block:!0,accent:M,background:V,rounded:A,size:I,icon:j,text:T,textAlign:L,title:D,disabled:O,level:Y,ariaRole:J,ariaLabel:q,ariaLabelledBy:K,ariaHasPopup:"listbox",ariaExpanded:nt,onClick:this.onToggleClick,onDoubleClick:t=>t.stopPropagation()},ct=(0,r.dh)(b,{[p("accent-full")]:"full"===M,[p("custom")]:Q,[o._F]:"text+icon"===M,[o.Ik]:"small"===I,[o._e]:"large"===I}),at={parent:{type:"element",element:this._dropdown},dataAid:y?`${y}_menu`:void 0,content:e,items:t,align:u,width:h,dropup:g,dropOnSide:m,offset:s,edgeSnapOffset:N,maxHeight:C,ariaRole:$,ariaLabel:tt,ariaLabelledBy:et,onItemClick:this.onItemClick,scrollToSelection:R,generateItemPreview:F,multiselect:H,customCSS:U,customScroll:W,customButtonRenderer:X,size:G||I};return i.createElement("div",{id:_,"data-aid":y,className:rt,style:ot,onKeyDown:this.onKeyDown,ref:t=>this._dropdown=t},i.createElement(a.z,Object.assign({},st),E&&i.createElement("div",{className:v},E)),it&&i.createElement("div",{className:x},it),!n&&i.createElement(l.m,{icon:Q||w.chevron[I],customCSS:ct}),nt&&i.createElement(c.h_,Object.assign({ref:t=>this._menu=t},at)))}}y.contextType=s.I,y.defaultProps={accent:"none",background:"default",block:!1,disabled:!1,dropup:!1,dropOnSide:!1,edgeSnapOffset:0,hiddenChevron:!1,invalid:!1,level:"info",menuAlign:"right",menuMaxHeight:"none",menuWidth:"default",multiselect:!1,noCloseOnSelect:!1,offset:!0,rounded:!1,scrollToSelection:!1,size:"default",textAlign:"left"}},5390:(t,e,n)=>{"use strict";n.d(e,{rS:()=>y,ao:()=>S,R7:()=>j,S_:()=>C,c:()=>_,h_:()=>T});var i=n(7294),r=n(3935),o=n(9783),s=n(9415),c=n(5797),a=n(1831),l=n(4832),u=n(5265),h=n(5436),g=n(6357),d=n(2204),f=n(7353),m=n(5803);const b=t=>t.stopPropagation(),p={onTouchStart:b,onTouchEnd:b,onMouseDown:b,onClick:b},[v,x,w]=(0,o.Ge)("dd-menu"),[y]=w("scroll"),[_]=w("header"),[k]=w("divider"),[M]=w("group"),[V]=w("group-icon"),[A,I]=w("group-dd"),[S,j]=w("item"),[C]=w("item-preview");class N extends i.Component{constructor(t){super(t),this.contentRef=null,this.observer=null,this.observer=new MutationObserver((()=>this.props.forseUpdateScrollContainer()))}componentDidMount(){var t,e,n;(null===(t=this.contentRef)||void 0===t?void 0:t.firstChild)&&(null===(e=this.observer)||void 0===e||e.observe(null===(n=this.contentRef)||void 0===n?void 0:n.firstChild,{childList:!0,subtree:!0}))}componentWillUnmount(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){const{content:t}=this.props;return i.createElement("div",{ref:t=>this.contentRef=t},t)}}class T extends i.Component{constructor(t,e){super(t),this._menu=null,this._positioner=null,this._scrollContainer=null,this._itemsCollection={},this.state={focusedItemId:null,expandGroupDropDownItemId:null,inTransitionDropDownId:null},this.onToggleGroupItem=(t,e)=>{e&&this.state.expandGroupDropDownItemId!==t?this.setState(Object.assign(Object.assign({},this.state),{expandGroupDropDownItemId:t,inTransitionDropDownId:null})):e||this.state.expandGroupDropDownItemId!==t||this.setState(Object.assign(Object.assign({},this.state),{expandGroupDropDownItemId:null,inTransitionDropDownId:t}))},this.setEndTransition=t=>{this.state.inTransitionDropDownId===t&&null===this.state.expandGroupDropDownItemId&&this.setState(Object.assign(Object.assign({},this.state),{inTransitionDropDownId:null}))},this.getRoot=({root:t,API:e})=>{const n=t.getElement(),i=`${e.namespace}-dropdown-root`,r=document.getElementById(i);if(r)return r;const o=e.current.dropdowns.menuRootSelector,c=(0,s.CT)(i,"dropdown");return(o&&o()||n).appendChild(c)},this.storeItems=(t,e,n)=>{this._itemsCollection[n]={node:t,item:e}},this.resetFocusedItem=()=>{null!==this.state.focusedItemId&&this.setState({focusedItemId:null})},this.getFocusedItemId=()=>this.state.focusedItemId,this.updatePosition=()=>{this._positioner&&this._positioner.updatePosition()},this.focusNextItem=()=>{const t=Object.keys(this._itemsCollection);if(!t.length)return;const{focusedItemId:e}=this.state;let n=null;const i=()=>{const r=t[t.length-1];if(null===n&&null===e)n=t[0];else{if(e===r||n===r)return n=e;n=t[t.indexOf(n||e)+1]}const o=this._itemsCollection[n].node;o&&!o.hasAttribute("disabled")||i()};i(),n!==e&&this.setState({focusedItemId:n},(()=>{this._itemsCollection[this.state.focusedItemId].node.scrollIntoView({block:"nearest"})}))},this.focusPrevItem=()=>{const{focusedItemId:t}=this.state,e=Object.keys(this._itemsCollection);if(!t||!e.length)return;let n=null;const i=()=>{if(t===e[0]||n===e[0])return n=t;n=e[e.indexOf(n||t)-1];const r=this._itemsCollection[n].node;r&&!r.hasAttribute("disabled")||i()};i(),n!==t&&this.setState({focusedItemId:n},(()=>{this._itemsCollection[this.state.focusedItemId].node.scrollIntoView({block:"nearest"})}))},this.selectFocusedItem=()=>{const{state:{focusedItemId:t},props:{onItemClick:e},_itemsCollection:n}=this;t&&e&&n[t]&&e(n[t].item)},this.getMenuNode=()=>this._menu,this.getPositionerNode=()=>{var t;return null===(t=this._positioner)||void 0===t?void 0:t.getNode()},this.onItemClick=t=>()=>{const{onItemClick:e}=this.props;e&&e(t)},this.generatePreview=t=>{const{generateItemPreview:e,multiselect:n,size:r}=this.props;if(n){const e={value:"",size:r,checked:t.selected||!1,tabIndex:-1};return i.createElement(d.X,Object.assign({},e))}return e&&e(t.value,t.selected)},this.getMenuRect=()=>{const{props:{width:t,maxHeight:e,parent:n},context:{root:i}}=this,r=i.getElement();let o=200;"default"!==t&&("100%"===t?o="element"===n.type?n.element.clientWidth:r.clientWidth:"auto"===t?o=void 0:isNaN(t)||(o=t));let s=`${Math.min(window.innerHeight,r.clientHeight)}px`;return"none"!==e&&("default"===e?s=255:NaN!==Number(e)&&(s=`${e}px`)),{width:o,maxHeight:s}},this.getMenuAlign=()=>`${this.props.dropup?"top":"bottom"}-${this.props.align}`,this.forseUpdateScrollContainer=()=>{var t;null===(t=this._scrollContainer)||void 0===t||t.forceUpdate()},this.renderContent=()=>{const{props:{items:t,content:e,size:n,customButtonRenderer:r,onItemClick:a},state:{focusedItemId:g}}=this;return t&&t.length>0?t.map(((t,e)=>{var d;if(!t)return null;switch(t.type){case"custom":return t.customContent;case"header":{const n={headingLevel:"span",text:t.header,align:"center",textSize:"small",customCSS:_};return i.createElement(m.X,Object.assign({},n,{key:`dd-item-${e}`}))}case"splitter":return i.createElement("div",{key:`dd-item-${e}`,className:k});case"button":{const a=this.generatePreview(t),u=(0,o.dh)(S,{[j("selected")]:t.selected,[j("focused")]:g===`${e}`,[j("disabled")]:t.disabled,[j("with-preview")]:a,[c.Ik]:"small"===n,[c._e]:"large"===n}),h={key:t.key||(t.value?`${(0,s.Pz)(t.value)}-${e}`:`dd-item-${e}`),className:u,title:t.title||t.text,disabled:t.disabled,onClick:this.onItemClick(t),tabIndex:-1,role:"option","aria-selected":!!t.selected||void 0,"data-selected":!!t.selected||void 0};return r?i.createElement("button",Object.assign({},h,{ref:n=>this.storeItems(n,t,e)}),r(t)):i.createElement("button",Object.assign({},h,{ref:n=>this.storeItems(n,t,e)}),a&&i.createElement("div",{className:C},a),t.icon&&i.createElement(l.m,{icon:t.icon}),t.text&&i.createElement("span",null,t.text))}case"group":{if(!t.items)return null;const s=t.items.findIndex((t=>t&&"button"===(null==t?void 0:t.type)&&!t.disabled))>=0,f=(0,u.W)(h.e,{size:"small",rotate:"180"}),m=(0,o.dh)(S,M,{[j("selected")]:t.selected,[j("focused")]:g===`${e}`,[j("disabled")]:t.disabled,[c.Ik]:"small"===n,[c._e]:"large"===n}),p={key:t.key,className:m,title:t.title||t.text,disabled:t.disabled,tabIndex:-1,role:"option",id:t.text,"aria-selected":!!t.selected||void 0,"data-selected":!!t.selected||void 0,onClick:b,onMouseDown:b,onMouseEnter:()=>this.onToggleGroupItem(e,!0),onMouseLeave:()=>this.onToggleGroupItem(e,!1)},v=this._itemsCollection[e]&&this.state.expandGroupDropDownItemId===e,x=null!==this.state.expandGroupDropDownItemId&&this.state.expandGroupDropDownItemId!==e,w={items:t.items,align:"left",dropOnSide:!0,size:n,offset:0,dataAid:`${t.text}_menu`,customCSS:(0,o.dh)(A,{[I("hidden")]:!v||x,[I("transition")]:this.state.inTransitionDropDownId===e}),parent:{type:"element",element:(null===(d=this._itemsCollection[e])||void 0===d?void 0:d.node)||null},onTransitionEnd:()=>{v||this.setEndTransition(e)},customButtonRenderer:r,onItemClick:a};return i.createElement("div",Object.assign({},p,{ref:n=>this.storeItems(n,t,e)}),t.icon&&i.createElement(l.m,{icon:t.icon}),t.text&&i.createElement("span",null,t.text),i.createElement(l.m,{icon:f,customCSS:V}),s&&v&&i.createElement(T,Object.assign({},w)))}}})):i.createElement(N,{content:e,forseUpdateScrollContainer:this.forseUpdateScrollContainer})},this._root=this.getRoot(e)}componentDidMount(){const{scrollToSelection:t,items:e}=this.props;if(t&&e&&this._scrollContainer){const t=this._scrollContainer.view.querySelector("[data-selected]");t&&t.offsetTop&&setTimeout((()=>{if(!this._scrollContainer)return;const e=this._scrollContainer.getClientHeight(),n=t.clientHeight;this._scrollContainer.scrollTop(t.offsetTop-e/2+n/2)}),10)}}componentDidUpdate(t){t.items&&this.props.items&&t.items.length!==this.props.items.length&&this.resetFocusedItem()}render(){const{props:{content:t,align:e,dropup:n,dropOnSide:s,offset:c,parent:a,customScroll:l,customCSS:u,dataAid:h,multiselect:d,edgeSnapOffset:m,ariaRole:b,ariaLabel:w,ariaLabelledBy:_,onTransitionEnd:k}}=this,M=(0,o.dh)(v,u,{[x("multiselect")]:d,[x(`align-${e}`)]:"right"!==e,[x("dropup")]:n,[x("drop-on-side")]:s,[x("custom")]:t}),{width:V,maxHeight:A}=this.getMenuRect(),I={autoHeight:!0,autoHeightMax:A,customCSS:y,direction:"vertical",style:{view:{maxHeight:A}}},S={edgeSnapOffset:m,parent:a,align:this.getMenuAlign(),offset:!0===c?4:c,flippable:!0,onSide:s},j=Object.assign({className:M,style:{width:V},role:b,"aria-label":w,"aria-labelledby":_,onTransitionEnd:k},p);return r.createPortal(i.createElement(f.s,Object.assign({},S,{ref:t=>this._positioner=t}),i.createElement("div",Object.assign({},j,{ref:t=>this._menu=t,"data-aid":h}),l?this.renderContent():i.createElement(g.$,Object.assign({ref:t=>this._scrollContainer=t&&t.getBaseRef()},I),this.renderContent()))),this._root)}}T.contextType=a.I,T.defaultProps={edgeSnapOffset:0,offset:!0,align:"right",dropup:!1,dropOnSide:!1,maxHeight:"none",multiselect:!1,scrollToSelection:!1,size:"default",width:"default",customScroll:!1,ariaRole:"listbox"}},5588:(t,e,n)=>{"use strict";n.d(e,{w:()=>s});var i=n(7294),r=n(5797),o=n(1831);class s extends i.Component{constructor(){super(...arguments),this.onKeyUp=t=>t.which===r.tW.TAB&&this.advance(),this.advance=()=>{const{className:t,waitingTime:e}=this.props;clearTimeout(this._timerId),this._container.classList.remove(t),this._timerId=window.setTimeout((()=>{this._container.classList.add(t)}),e)},this.reset=()=>{this._container.classList.add(this.props.className)}}componentDidMount(){const{props:{className:t,getContainer:e},context:{API:n}}=this;n.current.focusTimer||(n.current.focusTimer={advance:this.advance,reset:this.reset},this._container=e(),window.addEventListener("keyup",this.onKeyUp),this._container.classList.add(t))}componentWillUnmount(){const{props:{className:t},context:{API:e}}=this;e.current.focusTimer&&e.current.focusTimer.advance===this.advance&&(window.removeEventListener("keyup",this.onKeyUp),this._container.classList.remove(t),clearTimeout(this._timerId))}render(){return null}}s.contextType=o.I,s.defaultProps={waitingTime:3e3,className:"gc-no-focus-effect",getContainer:()=>document.body}},351:(t,e,n)=>{"use strict";n.d(e,{r:()=>c});var i=n(7294),r=n(9783);const[o,s]=(0,r.Ge)("grid");class c extends i.Component{render(){const{template:t,customCSS:e,children:n}=this.props,c=(0,r.dh)(o,s(t),e);return i.createElement("div",{className:c},n)}}},5803:(t,e,n)=>{"use strict";n.d(e,{X:()=>g});var i=n(7294),r=n(9783),o=n(5529),s=n(9616);const[c,a,l]=(0,r.Ge)("heading"),[u]=l("text"),[h]=l("actions");class g extends i.Component{render(){const{text:t,title:e,size:n,uppercase:l,weight:g,actions:d,textSize:f,align:m,level:b,strikeThrough:p,loading:v,customCSS:x,headingLevel:w}=this.props,y=(0,r.dh)(c,x,{[a("size-md")]:"default"===n,[a("size-lg")]:"large"===n,[a(`level-${b}`)]:b,[a("case-default")]:!1===l,[a("no-strike")]:!1===p,[a(`align-${m}`)]:"left"!==m,[a(`weight-${g}`)]:"normal"!==g,[a(`text-size-${f}`)]:"default"!==f});return i.createElement("div",{className:y},i.createElement(w,{className:u,title:e},i.createElement("span",{className:"container"},t,v&&i.createElement(s.a,{background:"transparent",level:b}))),d&&"center"!==m&&i.createElement(o.h,Object.assign({},d,{size:n,defaultLevel:b,customCSS:h})))}}g.defaultProps={size:"small",weight:"normal",align:"left",uppercase:!0,strikeThrough:!0,loading:!1,textSize:"default",headingLevel:"span"}},4832:(t,e,n)=>{"use strict";n.d(e,{m:()=>c});var i=n(7294),r=n(9783);const[o,s]=(0,r.Ge)("icon");class c extends i.Component{render(){const{icon:t,customCSS:e}=this.props;if("font"===t.type){const{iconCssClass:n,fontSize:o}=t,s=(0,r.dh)(n,e),c=o&&{fontSize:o}||void 0;return i.createElement("i",{className:s,style:c})}const{content:n,size:c,rotate:a}=t,l=(0,r.dh)(o,e,{[s(c)]:c&&"default"!==c,[s(`r${a}`)]:a});return i.createElement("i",{className:l},n)}}},8651:(t,e,n)=>{"use strict";n.d(e,{I:()=>a});var i=n(7294),r=n(9783),o=n(5797);const[s,c]=(0,r.Ge)("input");class a extends i.Component{constructor(){super(...arguments),this._input=null,this.onFocus=t=>{const{selectOnFocus:e,onFocus:n}=this.props;e&&t.target.select(),n&&n(t)},this.select=()=>{this._input&&this._input.select()},this.focus=()=>{this._input&&this._input.focus()},this.getNode=()=>this._input}render(){const{id:t,name:e,block:n,rounded:a,size:l,width:u,textAlign:h,invalid:g,type:d,placeholder:f,defaultValue:m,value:b,title:p,disabled:v,autoFocus:x,spellCheck:w,dataAid:y,customCSS:_,ariaLabel:k,ariaLabelledBy:M,onClick:V,onChange:A,onBlur:I,onKeyDown:S,onKeyUp:j,onKeyPress:C}=this.props,N={id:t,name:e,type:d,className:(0,r.dh)(s,_,{[c("block")]:n,[c(`text-align-${h}`)]:"left"!==h,[c("invalid")]:g,[o.nX]:a,[o.Ik]:"small"===l,[o._e]:"large"===l}),style:u&&{width:u}||void 0,placeholder:m||b?void 0:f,defaultValue:m,value:b,title:p,disabled:v,autoFocus:x,spellCheck:w,onClick:V,onChange:A,onBlur:I,onKeyDown:S,onKeyUp:j,onKeyPress:C,onFocus:this.onFocus,"aria-label":k,"aria-labelledby":M};return i.createElement("input",Object.assign({},N,{"data-aid":y,ref:t=>this._input=t}))}}a.defaultProps={autoFocus:!1,block:!1,disabled:!1,invalid:!1,rounded:!1,selectOnFocus:!1,size:"default",spellCheck:!1,textAlign:"left",type:"text"}},9616:(t,e,n)=>{"use strict";n.d(e,{a:()=>c});var i=n(7294),r=n(9783);const[o,s]=(0,r.Ge)("loader");class c extends i.Component{render(){const{block:t,background:e,level:n,customCSS:c,width:a,height:l}=this.props,u=(0,r.dh)(o,c,{[s("block")]:t,[s("transparent")]:"transparent"===e,[s(n)]:n});return i.createElement("div",{className:u,style:{width:a,height:l}},i.createElement("div",null),i.createElement("div",null),i.createElement("div",null))}}c.defaultProps={background:"default",block:!1}},6661:(t,e,n)=>{"use strict";n.d(e,{v2:()=>X,Z9:()=>Z});var i=n(7294),r=n(3935),o=n(9783),s=n(9415),c=n(5797),a=n(1831),l=n(5283),u=n(5265),h=n(9589),g=n(3400),d=n(6357),f=n(399),m=n(355),b=n(9201),p=n(9655),v=n(508),x=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n};const w="__gc-notifications__";class y extends i.Component{render(){const t=this.props,{notifications:e,placeholder:n,customCSS:r,dataAid:s,alwaysVisible:c,chevronIcon:a,customScroll:l,disabled:u,hideChevron:h,id:g,toggle:d,children:f}=t,b=x(t,["notifications","placeholder","customCSS","dataAid","alwaysVisible","chevronIcon","customScroll","disabled","hideChevron","id","toggle","children"]),p=Object.assign(Object.assign({},b),{notifications:e}),w={dataAid:s,chevronIcon:a,customScroll:l,disabled:u,hideChevron:h,id:g,toggle:d,customCSS:(0,o.dh)((0,m.Df)("notifications"),r)};return i.createElement(m.Gk,Object.assign({},w),e.length>0?i.createElement(v.b,Object.assign({},p)):i.createElement(m.vW,{text:n}))}}y.defaultProps={id:w,toggle:{icon:(0,u.W)(b._),text:"Notifications"},customScroll:!0,placeholder:"There are no notifications",disabled:!1,alwaysVisible:!1,chevronIcon:(0,u.W)(p.y,{rotate:"90",size:"small"}),hideChevron:!1};var _=n(1376),k=n(4832),M=n(1490);const[V,A,I]=(0,o.Ge)("menu"),[S,j]=I("panel-container"),[C]=I("panel-header"),[N]=I("panel-content"),[T,L]=I("panel-toggle"),[D,O]=I("panel-toggle-chevron"),[E,z]=I("logo"),[R,F]=I("logo-placeholder"),[U]=I("btn-container"),[B]=I("scrollable-buttons"),[P]=I("splitter"),[Y,H]=(0,o.Ge)("btn-pin"),G={toggle:(0,u.W)(h.d),pin:(0,u.W)(g.D)},Z=()=>i.createElement("div",{className:P});s.xl.set(Z,"MenuSplitter");class W extends i.Component{constructor(t){super(t),this._menuDiv=null,this._buttonContainer=null,this._panelContainer=null,this._transitionSubscribers={start:[],end:[]},this.getPanelsAndSplitters=t=>{let e=i.Children.toArray(t).filter((t=>i.isValidElement(t)&&(s.xl.is(t.type,m.Gk)||s.xl.is(t.type,Z))));const{notificationPanel:n,notificationsData:r}=this.props;if(r&&n){const{notifications:t,amount:o}=r,s=o.notifications>0||n.alwaysVisible,c=Object.assign(Object.assign({},n),{notifications:t});o.notifications>0&&!n.alwaysVisible&&e.push(i.createElement(Z,null)),s&&e.push(i.createElement(y,Object.assign({},c)))}return e},this.onToggle=()=>{var t,e,n;const{_transitionSubscribers:i,props:{onToggle:r},state:{status:o}}=this;r&&r(o),i.start.forEach((t=>t(o))),null===(t=this._buttonContainer)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(n=null===(e=this._panelContainer)||void 0===e?void 0:e.element)||void 0===n||n.addEventListener("transitionend",this.onTransitionEnd)},this.onTransitionEnd=t=>{var e;const{API:n}=this.context,i=this._buttonContainer,r=this._panelContainer.element;if(t.target!==i&&t.target!==r)return;const o=null===(e=n.current.dropdowns)||void 0===e?void 0:e.current,s=null==o?void 0:o.getPositionerNode();null==s||s.classList.add(c.nT),null==o||o.updateMenuPosition(),i.removeEventListener("transitionend",this.onTransitionEnd),r.removeEventListener("transitionend",this.onTransitionEnd),this._transitionSubscribers.end.forEach((t=>t(this.state.status)))},this.onPointerEventStart=t=>{const{_menuDiv:e,props:{noCloseOnWindowClick:n},context:{root:i}}=this,r=i.getElement();n||!e||r.classList.contains(l.G)||e===t.target||e.contains(t.target)||(i.addEventListener("mouseup",this.onPointerEventEnd),i.addEventListener("touchend",this.onPointerEventEnd),i.addEventListener("click",this.onPointerEventEnd))},this.onPointerEventEnd=()=>{const{state:{status:t,pinned:e},context:{root:n}}=this;if("expanded"===t){const{onToggleClick:t}=this.props;t&&t(),this.collapseMenu()}else"panel"!==t||e||this.closePanel();n.removeEventListener("mouseup",this.onPointerEventEnd),n.removeEventListener("touchend",this.onPointerEventEnd),n.removeEventListener("click",this.onPointerEventEnd)},this.expandMenu=()=>{this.setState({status:"expanded"})},this.collapseMenu=()=>{const{pinned:t}=this.state;t?this.setState({status:"panel"}):this.setState({status:"collapsed"})},this.toggleMenu=()=>{const{status:t}=this.state;"expanded"!==t?this.expandMenu():this.collapseMenu()},this.openPanel=t=>{const{activePanelId:e}=this.state;t!==e&&(this.setState({activePanelId:t,status:"panel"}),this.onPanelChange(t))},this.closePanel=t=>{const{activePanelId:e,status:n}=this.state;"panel"!==n||void 0!==t&&e!==t||(this.setState({activePanelId:null,status:"collapsed",pinned:!1}),this.onPanelChange(null))},this.pinPanel=t=>{const{activePanelId:e,status:n}=this.state;void 0===t&&"panel"===n&&e?this.setState({pinned:!0}):void 0!==t&&(this.setState({activePanelId:t,status:"panel",pinned:!0}),this.onPanelChange(t))},this.unpinPanel=()=>{this.setState({pinned:!1})},this.onPanelChange=t=>{const{onPanelChange:e}=this.props;e&&e(t)},this.subscribeToTransition=({start:t,end:e})=>(t&&this._transitionSubscribers.start.push(t),e&&this._transitionSubscribers.end.push(e),()=>{t&&(this._transitionSubscribers.start=this._transitionSubscribers.start.filter((e=>e!==t))),e&&(this._transitionSubscribers.end=this._transitionSubscribers.end.filter((t=>t!==e)))}),this.onPanelToggleClick=t=>()=>{const{activePanelId:e,pinned:n,status:i}=this.state;"panel"!==i||e!==t||n?(this.setState({activePanelId:t,status:"panel"}),this.onPanelChange(t)):(this.setState({activePanelId:null,status:"collapsed"}),this.onPanelChange(null))},this.mapTogglesAndSplitters=(t,e)=>{if(s.xl.is(t.type,Z))return i.createElement(Z,{key:`panel-splitter-${e}`});const{props:{size:n,legacyMode:r,notificationsData:c},state:{status:a,activePanelId:l}}=this,{id:u,toggle:h,disabled:g,dataAid:d,notifications:m,chevronIcon:b,hideChevron:p}=t.props;let v=h.badge&&Object.assign({nearIcon:!0},h.badge);if(m){const{amount:t,level:e}=c;v=t.notifications>0?{nearIcon:!0,rounded:!0,content:t.notifications,level:e}:void 0}const x={dataAid:d?`${d}_toggle`:void 0,block:!0,accent:r?"icon":"full",background:r?"transparent":"default",rounded:!1,size:n,badge:v,width:"100%",onClick:this.onPanelToggleClick(u),icon:h.icon,text:h.text,title:h.title,disabled:g},w={icon:b,customCSS:(0,o.dh)(D,{[O("accent")]:r})},y=(0,o.dh)(T,{[L(`size-${n}`)]:"default"!==n,[L("active")]:"panel"===a&&u===l,[L("no-chevron")]:p,[L("disabled")]:g});return i.createElement("div",{key:`menu-panel-${u}`,className:y},i.createElement(f.z,Object.assign({},x)),!p&&i.createElement(k.m,Object.assign({},w)))},this.mapItems=(t,e)=>{if(!t)return;const{size:n,legacyMode:r}=this.props,o=`menu-item-${e}`;if("splitter"===t.type)return i.createElement(Z,{key:o});if("button"===t.type){const e={block:!0,accent:r?"icon":"full",background:r?"transparent":"default",rounded:!1,size:n,width:"100%",badge:t.badge&&Object.assign(Object.assign({},t.badge),{nearIcon:!0})};return i.createElement(f.z,Object.assign({key:o},t,e),t.customContent)}return"custom"===t.type?i.cloneElement(t.content,{key:o}):void 0},this.onToggleClick=()=>{const{onToggleClick:t}=this.props;t&&t(),this.toggleMenu()},this.onPinClick=()=>{const{onPinClick:t}=this.props;t&&t(),this.setState({pinned:!this.state.pinned})},this.getNode=()=>this._menuDiv,this.onResize=t=>{var e;(null===(e=this._panelContainer)||void 0===e?void 0:e.element)&&(this._panelContainer.element.style.marginLeft=`-${t}px`)},this.onResizeEnd=()=>{this._transitionSubscribers.end.forEach((t=>t(this.state.status)))};const e={activePanelId:null,status:"collapsed",pinned:!1,logoContainerElement:null};t.defaultPanelId?(e.activePanelId=t.defaultPanelId,e.status="panel"):"expanded"===t.defaultStatus&&(e.status="expanded"),this.state=e}static getDerivedStateFromProps(t,e){let n=null;function i(t){n||(n=Object.assign({},e)),n=Object.assign(Object.assign({},n),t)}return e.activePanelId!==w||t.notificationPanel.alwaysVisible||t.notificationsData.amount.notifications||(e.pinned&&t.defaultPanelId?i({activePanelId:t.defaultPanelId}):i({activePanelId:null,status:"collapsed"})),void 0!==t.activePanelId&&t.activePanelId!==e.activePanelId&&i({activePanelId:t.activePanelId,status:null!==t.activePanelId?"panel":e.status}),void 0!==t.status&&t.status!==e.status&&i({status:t.status}),void 0!==t.pinned&&t.pinned!==e.pinned&&i({pinned:t.pinned}),n}componentDidMount(){const{API:t,root:e}=this.context;t.current.menu={expand:this.expandMenu,collapse:this.collapseMenu,toggle:this.toggleMenu,panels:{open:this.openPanel,close:this.closePanel,pin:this.pinPanel,unpin:this.unpinPanel},onTransition:this.subscribeToTransition};const{logo:n}=this.props;if(n){const t=document.getElementById(`appbar_${n.appBarId}_logo_container`);null!==t&&this.setState({logoContainerElement:t})}e.addEventListener("mousedown",this.onPointerEventStart),e.addEventListener("touchstart",this.onPointerEventStart)}componentWillUnmount(){const{root:t}=this.context;t.removeEventListener("mousedown",this.onPointerEventStart),t.removeEventListener("touchstart",this.onPointerEventStart),t.removeEventListener("mouseup",this.onPointerEventEnd),t.removeEventListener("touchend",this.onPointerEventEnd),t.removeEventListener("click",this.onPointerEventEnd)}componentDidUpdate(t,e){const{state:{status:n}}=this;e.status!==n&&this.onToggle()}render(){const{props:{items:t,size:e,mode:n,children:s,autoHideScrollbar:c,logo:a,customCSS:l,dataAid:u,legacyMode:h,toggleText:g,toggleTitle:m,toggleContent:b,pinBtnIcon:p,panelWidth:v,hidePinBtn:x,resizablePanel:w,minResizeWidth:y,maxResizeWidth:_,ariaLabel:k,pinBtnTitle:I},state:{activePanelId:T,status:L,pinned:D,logoContainerElement:O}}=this,P=(0,o.dh)(V,l,{[A("expanded")]:"expanded"===L,[A("panel")]:"panel"===L,[A("drawer")]:"drawer"===n,[A("size-small")]:"small"===e,[A("size-large")]:"large"===e,[A("legacy")]:h}),W={dataAid:u?`${u}_toggle`:void 0,block:!0,accent:h?"icon":"full",background:h?"transparent":"default",size:e,icon:G.toggle,text:g,title:m||g,onClick:this.onToggleClick},Q=t?t.map(this.mapItems):[],X={direction:"vertical",style:{container:{position:"unset"}},color:"contrast",size:"small",growOnHover:"expanded"===L,autoHide:c};let J,q=[];const K=this.getPanelsAndSplitters(s);K.length>0&&(J=K.find((t=>t.props.id===T)),q=K.map(this.mapTogglesAndSplitters));const $=(0,o.dh)(S,{[j("visible")]:"panel"===L}),tt={dataAid:u?`${u}_pin`:void 0,block:!0,icon:p||G.pin,accent:"text+icon",background:"transparent",size:"large"===e?"default":"small",customCSS:(0,o.dh)(Y,{[H("pinned")]:D}),onClick:this.onPinClick,title:I},et={handlerSide:"right",disabled:!w||"panel"!==L,minSize:y,maxSize:_,onResize:this.onResize,onResizeEnd:this.onResizeEnd,customCSS:$,defaultSize:v,keepAspectRatio:!0};return i.createElement("div",{className:P,ref:t=>this._menuDiv=t,"data-aid":u,role:"navigation","aria-label":k||"menu"},(()=>{if(!a||!O)return null;const t=(0,o.dh)(E,{[z("expanded")]:"expanded"===L,[z("drawer")]:"drawer"===n,[z("menu-size-small")]:"small"===e,[z("menu-size-large")]:"large"===e,[z("size-small")]:!h&&"small"===a.size,[z("size-large")]:h||"large"===a.size});return r.createPortal(i.createElement(i.Fragment,null,"drawer"===n&&i.createElement("div",{className:(0,o.dh)(R,F(`size-${e}`))}),i.createElement("div",{className:t},a.content)),O)})(),i.createElement("div",{className:U,ref:t=>this._buttonContainer=t},i.createElement(f.z,Object.assign({},W),b),i.createElement(Z,null),q.length>0&&q,q.length>0&&i.createElement(Z,null),Q.length>0&&i.createElement("div",{className:B},i.createElement(d.$,Object.assign({},X),Q))),i.createElement(M.d,Object.assign({},et,{ref:t=>this._panelContainer=t}),J&&i.createElement(i.Fragment,null,i.createElement("h2",{className:C},J.props.toggle.text,!x&&i.createElement(f.z,Object.assign({},tt))),i.createElement("div",{className:N},J.props.customScroll?J:i.createElement(d.$,null,J)))))}}W.contextType=a.I,W.defaultProps={autoHideScrollbar:!0,defaultStatus:"collapsed",hidePinBtn:!1,legacyMode:!1,mode:"panel",noCloseOnWindowClick:!1,size:"large",resizablePanel:!0,minResizeWidth:160,maxResizeWidth:.8};const Q=(0,_.g)(W),X=t=>t.notificationPanel?i.createElement(Q,Object.assign({},t)):i.createElement(W,Object.assign({},t))},355:(t,e,n)=>{"use strict";n.d(e,{Df:()=>l,Gk:()=>g,vW:()=>d});var i=n(7294),r=n(9783),o=n(9415),s=n(5265),c=n(9655);const[a,l,u]=(0,r.Ge)("menu-panel"),[h]=u("placeholder");class g extends i.Component{constructor(){super(...arguments),this.displayName="MenuPanel"}render(){const{children:t,customCSS:e,customScroll:n,dataAid:o,toggle:{text:s}}=this.props,c=(0,r.dh)(a,e,{[l("fill-container")]:n});return i.createElement("div",{className:c,"data-aid":o,role:"region","aria-label":s},t)}}g.defaultProps={chevronIcon:(0,s.W)(c.y,{rotate:"90",size:"small"}),customScroll:!1,disabled:!1,hideChevron:!1},o.xl.set(g,"MenuPanel");const d=({text:t})=>i.createElement("div",{className:h},t)},5283:(t,e,n)=>{"use strict";n.d(e,{u:()=>k,G:()=>_});var i=n(7294),r=n(3935),o=n(373),s=n(1831),c=n(9415),a=n(9783);const l=/input|select|textarea|button|object/,u=t=>{const e=t.offsetWidth<=0&&t.offsetHeight<=0;if(e&&!t.innerHTML)return!0;const n=window.getComputedStyle(t);return e?"visible"!==n.getPropertyValue("overflow"):"none"==n.getPropertyValue("display")};function h(t,e){const n=t.nodeName.toLowerCase();return(l.test(n)&&!t.disabled||"a"===n&&t.href||e)&&function(t){let e=t;for(;e&&e!==document.body;){if(u(e))return!1;e=e.parentNode}return!0}(t)}function g(t){let e=t.getAttribute("tabindex");null===e&&(e=void 0);const n=isNaN(e);return(n||e>=0)&&h(t,!n)}function d(t){return[].slice.call(t.querySelectorAll("*"),0).filter(g)}let f=null;function m(t){return!(!t&&!f)}const b=[];let p=null,v=!1;function x(){v=!0}function w(){if(v){if(v=!1,!p)return;setTimeout((()=>{if(p.contains(document.activeElement))return;(d(p)[0]||p).focus()}),0)}}const[,y]=(0,o.Jo)("body"),_=y("open"),k=(0,i.forwardRef)(((t,e)=>{const{open:n,onClose:l,dataAid:u,children:h,style:g={overlay:{},content:{}},shouldCloseOnOverlayClick:v=!0,shouldCloseOnEsc:y=!0,closeTimeoutMS:k=0,customCSS:M="",overlayCustomCSS:V="",withDefaultStyles:A=!1}=t,I=document.body,{API:S,root:j}=(0,i.useContext)(s.I),[C,N]=(0,i.useState)(),[T,L]=(0,i.useState)(!1),[D,O]=(0,i.useState)(!1),[E,z]=(0,i.useState)(!1),[R,F]=(0,i.useState)(null),U=(0,i.useRef)(null),B=(0,i.useRef)(null),P=(0,i.useRef)(0),Y=(0,i.useRef)(null),H=(0,i.useRef)();(0,i.useEffect)((()=>{N(Z())}),[]),(0,i.useEffect)((()=>(n&&!T?X():!n&&T&&J(),()=>{Q(),clearTimeout(H.current)})),[n]),(0,i.useEffect)((()=>{T?(q(),O(!0)):Y.current&&Q()}),[T]),(0,i.useEffect)((()=>{E&&R&&(H.current=window.setTimeout($,R-Date.now()))}),[E,R]);const G=(0,i.useCallback)((t=>{B.current=t,"function"==typeof e?e(t):e&&(e.current=t)}),[]),Z=()=>{const t=`${S.namespace}-modal-root`,e=document.getElementById(t);if(e)return e;const n=(0,c.CT)(t,"modal");return j.getElement().appendChild(n)},W=()=>{const t=j.getElement();_&&t.classList.add(_),P.current+=1,function(t){m(t)&&(t||f).setAttribute("aria-hidden","true")}(I)},Q=()=>{const t=j.getElement();setTimeout((()=>_&&t.classList.remove(_)),0),P.current>0&&(P.current-=1,0===P.current&&function(t){m(t)&&(t||f).removeAttribute("aria-hidden")}(I)),function(){let t=null;try{return void(0!==b.length&&(t=b.pop(),t.focus()))}catch(t){}}(),p=null,"function"==typeof window.addEventListener?(window.removeEventListener("blur",x),document.removeEventListener("focus",w)):(window.detachEvent("onBlur",x),document.detachEvent("onFocus",w))},X=()=>{W(),D&&E?(clearTimeout(H.current),z(!1)):(b.push(document.activeElement),L(!0))},J=()=>{k>0?K():$()},q=()=>B.current&&!tt()&&B.current.focus(),K=()=>{const t=Date.now()+k;z(!0),F(t),z(!0)},$=()=>{z(!1),L(!1),O(!1),F(null)},tt=()=>{var t;return document.activeElement===B.current||(null===(t=B.current)||void 0===t?void 0:t.contains(document.activeElement))},et=(t,e,n)=>(0,a.dh)(t,n,{[e("before-close")]:E,[e("default")]:A});if(!T&&!E)return null;const nt={style:Object.assign({},g.overlay),onClick:()=>{null===Y.current&&(Y.current=!0),Y.current&&v&&(l?l():q()),Y.current=null},onMouseDown:t=>{v||t.target!=U.current||t.preventDefault()},className:et(o.I3,o.NT,V)},it={style:Object.assign({},g.content),className:et(o.B4,o.HU,M),tabIndex:-1,role:"dialog",onKeyDown:t=>{t.stopPropagation(),"Tab"===t.key&&B.current&&function(t,e){const n=d(t);if(!n.length)return void e.preventDefault();const i=e.shiftKey,r=n[0],o=n[n.length-1];if(t===document.activeElement){if(!i)return;s=o}var s;if(o!==document.activeElement||i||(s=r),r===document.activeElement&&i&&(s=o),s)return e.preventDefault(),void s.focus();const c=/(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent);if(null!=c&&"Chrome"!=c[1]&&null==/\biPod\b|\biPad\b/g.exec(navigator.userAgent)){var a=document.activeElement?n.indexOf(document.activeElement):-1;if(a>-1&&(a+=i?-1:1),void 0===n[a])return e.preventDefault(),void(s=i?o:r).focus();e.preventDefault(),n[a].focus()}}(B.current,t),y&&"Escape"===t.key&&l()},onMouseDown:()=>{Y.current=!1},onMouseUp:()=>{Y.current=!1},onClick:()=>{Y.current=!1}};return C?r.createPortal(i.createElement("div",Object.assign({},nt,{ref:U,"data-aid":u&&`${u}_overlay`}),i.createElement("div",Object.assign({},it,{ref:G,"data-aid":u}),h)),C):null}));k.displayName="Modal"},1147:(t,e,n)=>{"use strict";n.d(e,{e:()=>o});var i=n(7294),r=n(5283);const o=t=>i.createElement(r.u,Object.assign({},t),t.children)},373:(t,e,n)=>{"use strict";n.d(e,{B4:()=>r,HU:()=>o,Jo:()=>s,I3:()=>c,NT:()=>a});var i=n(9783);const[r,o,s]=(0,i.Ge)("modal"),[c,a]=(0,i.Ge)("modal-overlay")},508:(t,e,n)=>{"use strict";n.d(e,{b:()=>j});var i=n(7294),r=n(9783),o=n(1831),s=n(399),c=n(5803),a=n(6357);const[l]=(0,r.Ge)("link"),u=[{pattern:/\[br\]/g,template:"<br>"},{pattern:/\[b\]([\s\S]+?)\[\/b\]/g,template:"<b>$1</b>"},{pattern:/\[i\]([\s\S]+?)\[\/i\]/g,template:"<i>$1</i>"},{pattern:/\[u\]([\s\S]+?)\[\/u\]/g,template:"<u>$1</u>"},{pattern:/\[email\](.+?)\[\/email\]/g,template:`<a href="mailto:$1" class="${l}">$1</a>`},{pattern:/\[email=(.+?)\](.+?)\[\/email\]/g,template:`<a href="mailto:$1" class="${l}">$2</a>`},{pattern:/\[url\](.+?)\[\/url\]/g,template:`<a href="$1" class="${l}" target="_blank">$1</a>`},{pattern:/\[url=(.+?)\](.+?)\[\/url\]/g,template:`<a href="$1" class="${l}" target="_blank">$2</a>`}],h=(t="")=>u.reduce(((t,e)=>t.replace(e.pattern,e.template)),t);var g=n(5529),d=n(5265),f=n(517),m=n(9655);const b={close:(0,d.W)(f.b),chevronUp:(0,d.W)(m.y),chevronDown:(0,d.W)(m.y,{rotate:"180"})},[p,,v]=(0,r.Ge)("notification-details-item"),[x]=v("main"),[w]=v("caption"),[y]=v("content");class _ extends i.Component{constructor(){super(...arguments),this.state={expanded:this.props.active},this.onDismiss=t=>()=>this.context.API.current.notifications.dismiss(t),this.onToggleExpand=()=>this.setState({expanded:!this.state.expanded})}render(){const{props:{notification:t,dismissLabel:e,expandTitle:n,collapseTitle:r},state:{expanded:o}}=this,s={type:"button",background:"transparent",accent:"icon",level:t.level},c=Object.assign(Object.assign({},s),{icon:o?b.chevronUp:b.chevronDown,onClick:this.onToggleExpand,title:o?r:n}),a=Object.assign(Object.assign({},s),{icon:b.close,onClick:this.onDismiss(t.id),title:e});return i.createElement("div",{className:p},i.createElement("div",{className:x},i.createElement("div",{className:w,title:t.caption},i.createElement("span",null,