@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={99621:(t,e,n)=>{"use strict";n.d(e,{g:()=>d});var i=n(67294),r=n(17187),o=n(69783),c=n(22933),a=n(41831),l=n(15588),s=n(10351);const[u]=(0,o.Ge)("app");class d extends i.Component{constructor(){super(...arguments),this._root=null,this._rootId=`${this.props.rootId}-app`,this._API=new c.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:c,customCSS:d}=this.props,f={root:{addEventListener:this.addEventListener,removeEventListener:this.removeEventListener,getElement:this.getRootElement},API:this._API},h={onMouseDown:this.onPointerEvent,onMouseUp:this.onPointerEvent,onClick:this.onPointerEvent,onTouchStart:this.onPointerEvent,onTouchEnd:this.onPointerEvent},g={waitingTime:e,getContainer:this.getRootElement},p=(0,o.dh)(u,d);return i.createElement(a.I.Provider,{value:f},n&&i.createElement(l.w,Object.assign({},g)),i.createElement("div",Object.assign({},h,{className:p,id:this._rootId,role:c}),r?i.createElement(s.r,{template:r},t):t))}}d.defaultProps={withFocusTimer:!0,focusWaitingTime:3e3}},68379:(t,e,n)=>{"use strict";n.d(e,{C:()=>a});var i=n(67294),r=n(69783);const[o,c]=(0,r.Ge)("badge");class a extends i.Component{render(){const{props:{content:t,component:e,position:n,inset:a,level:l,title:s,rounded:u,size:d,customCSS:f,id:h,dataAid:g,inverted:p}}=this,b=(0,r.dh)(o,f,{[c(`${n}`)]:n,[c(`level-${l}`)]:"info"!==l,[c("size-sm")]:"small"===d,[c("size-lg")]:"large"===d,[c("custom")]:e,[c("rounded")]:u,[c("inset")]:a,[c("inverted")]:p,[c("dot")]:void 0===t&&!e});return i.createElement("div",{className:b,title:s,id:h,"data-aid":g},e||t)}}a.defaultProps={position:"bottom-right",level:"info",size:"default",inset:!1,rounded:!1,inverted:!1}},50399:(t,e,n)=>{"use strict";n.d(e,{r:()=>b,z:()=>m});var i=n(67294),r=n(69783),o=n(55797),c=n(34832),a=n(68379);const[l,s,u]=(0,r.Ge)("btn"),[d,f]=u("text"),[h]=u("icon"),[g]=u("icon-badge"),[p]=(0,r.Ge)("loader-button"),b=s("disabled");class m extends i.Component{render(){const{id:t,block:e,accent:n,background:u,rounded:b,onClick:m,size:v,width:x,icon:w,text:y,textAlign:M,title:k,type:_,loading:I,disabled:A,children:N,customCSS:j,name:T,layout:D,level:S,tabIndex:V,onMouseDown:C,dataAid:L,badge:z,onDoubleClick:O,ariaRole:E,ariaLabel:R,ariaLabelledBy:U,ariaHasPopup:B,ariaExpanded:F,ariaSelected:P}=this.props,Y=i.Children.toArray(N).length>0,G=(0,r.dh)(l,j,{[s("block")]:e,[s(`text-align-${M}`)]:"left"!==M,[s("with-icon")]:(w||I)&&!Y,[s("with-badge")]:z&&"inline"===z.position&&!Y,[s("accent")]:"full"===n,[s("transparent")]:"transparent"===u,[s("custom")]:Y,[s(`level-${S}`)]:"info"!==S,[s("vertical")]:"vertical"===D,[o.nX]:b,[o.Ik]:"small"===v,[o._e]:"large"===v}),H=x&&{width:x}||void 0,Q=(0,r.dh)(h,{[o._F]:"icon"===n||"text+icon"===n}),Z=(0,r.dh)(d,{[f("empty")]:!y,[o._F]:"text"===n||"text+icon"===n}),W={id:t,tabIndex:V,disabled:A,type:_,className:G,style:H,name:T,title:k,role:E,"aria-label":R,"aria-labelledby":U,"aria-haspopup":B,"aria-expanded":F,"aria-selected":P,onClick:m,onMouseDown:C,onDoubleClick:O};let X;z&&(X=Object.assign(Object.assign({},z),{level:z.level||S,rounded:z.rounded||b,inset:z.inset||z.nearIcon,customCSS:(0,r.dh)({[g]:z.nearIcon},z.customCSS)}),"full"!==n||X.level!==S&&(S||"info"!==X.level)||(X.inverted=!0));const J=I&&{type:"font",iconCssClass:p}||w;return i.createElement("button",Object.assign({},W,{"data-aid":L}),!Y&&J&&i.createElement(c.m,{icon:J,customCSS:Q}),!Y&&i.createElement("span",{className:Z},y),N,z&&i.createElement(a.C,Object.assign({},X)))}}m.defaultProps={accent:"none",background:"default",block:!1,disabled:!1,layout:"horizontal",level:"info",loading:!1,rounded:!1,size:"default",textAlign:"left",type:"button"}},85529:(t,e,n)=>{"use strict";n.d(e,{h:()=>p});var i=n(67294),r=n(69783),o=n(55797),c=n(50399),a=n(52622),l=n(63550),s=n(68651);const[u,d,f]=(0,r.Ge)("btn-group"),[h,g]=f("splitter");class p extends i.Component{constructor(){super(...arguments),this.getItemNodes=t=>{const{rounded:e,size:n,align:o,disabled:u,withSplitters:d,withHeader:f,defaultAccent:p,defaultBackground:b,defaultLevel:m}=this.props;let v;return d&&(v=(0,r.dh)(h,{[g("accent-full")]:"full"===p,[g(`accent-${m}`)]:"none"!==p&&"full"!==p,[g("background-transparent")]:"transparent"===b})),t.reduce(((t,r,h)=>{d&&(f?h>1:h>0)&&t.push(i.createElement("div",{key:`splitter-${h}`,className:v}));const g=r.key||h;if("button"===r.type){const a=Object.assign({rounded:e,size:n,disabled:u,block:!0,accent:p,background:b,level:m,textAlign:"justify"===o?"center":"left"},r);t.push(i.createElement(c.z,Object.assign({key:g,ref:r.ref},a),r.customContent))}if("dropdown"===r.type){const c=Object.assign({rounded:e,size:n,disabled:u,block:!0,accent:p,background:b,level:m,textAlign:"justify"===o?"center":"left"},r);t.push(i.createElement(a.L,Object.assign({key:g,ref:r.ref},c)))}if("combobox"===r.type){const o=Object.assign(Object.assign({},r),{block:!0,rounded:e,size:n,disabled:u});t.push(i.createElement(l.C,Object.assign({key:g,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(s.I,Object.assign({key:g,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:c,customCSS:a,dataAid:l,align:s,withHeader:f,rounded:h,disabled:g}=this.props,p=c.filter((t=>t));if(!p.length)return null;const b=f&&p.length>1;let m;b&&(m=this.getHeaderColor(p[0]));const v=(0,r.dh)(u,a,{[d(`header-${m}`)]:b,[d(`align-${s}`)]:"left"!==s,[d("block")]:e,[d("disabled")]:g,[o.nX]:h,[o.Ik]:"small"===n,[o._e]:"large"===n});return i.createElement("div",{id:t,"data-aid":l,className:v},this.getItemNodes(p))}}p.defaultProps={align:"left",defaultAccent:"none",defaultBackground:"default",defaultLevel:"info",disabled:!1,rounded:!1,size:"default",withHeader:!1,withSplitters:!1}},72204:(t,e,n)=>{"use strict";n.d(e,{p:()=>c,X:()=>f});var i=n(67294),r=n(69783),o=n(55797);const[c,a,l]=(0,r.Ge)("check"),[s,u]=l("input"),[d]=l("mark");class f 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:l,value:f,checked:h,indeterminate:g,defaultChecked:p,size:b,text:m,title:v,invalid:x,disabled:w,customCSS:y,tabIndex:M,textAlign:k},state:{defaultIndeterminate:_}}=this,I=(0,r.dh)(c,y,{[a("block")]:n,[a("invalid")]:x,[a("disabled")]:w,[a("align-left")]:"left"===k,[o.Ik]:"small"===b,[o._e]:"large"===b}),A=(0,r.dh)(s,{[u("indeterminate")]:g||_}),N={type:"checkbox",checked:h,id:t,name:e,value:f,disabled:w,tabIndex:M,defaultChecked:p,onChange:this.onChange};return i.createElement("label",{className:I,title:v||m,"data-aid":l},i.createElement("input",Object.assign({},N,{className:A,"data-aid":l&&`${l}_input`})),i.createElement("span",{className:d}),m)}}f.defaultProps={block:!1,defaultIndeterminate:!1,disabled:!1,indeterminate:!1,invalid:!1,size:"default",textAlign:"right"}},63550:(t,e,n)=>{"use strict";n.d(e,{C:()=>f});var i=n(67294),r=n(69783),o=n(55797),c=n(68651),a=n(52622);const[l,s,u]=(0,r.Ge)("combo"),[d]=u("preview");class f 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:f,block:h,multiselect:g,customScroll:p,dropup:b,noCloseOnSelect:m,items:v,menuMaxHeight:x,itemSize:w,scrollToSelection:y,inputType:M,value:k,name:_,invalid:I,dataAid:A,filterOnInput:N,edgeSnapOffset:j,generatePreview:T,placeholder:D,content:S,menuWidth:V,generateItemPreview:C,menuCustomCSS:L,displayValue:z,customCSS:O,chevronIcon:E,titleToggle:R,customButtonRenderer:U},state:{searchQuery:B,menuWidth:F,focused:P}}=this,Y=n&&{width:n}||void 0,G={name:_,size:e,invalid:I,rounded:u,disabled:f,placeholder:g&&k||D,dataAid:A?`${A}_input`:void 0,value:null!==B?B:g?"":!P&&z||k,title:z||k||D,type:M,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()},H={size:e,rounded:u,dropup:b,menuMaxHeight:x,content:S,disabled:f,noCloseOnSelect:m,multiselect:g,itemSize:w,dataAid:A?`${A}_dropdown`:void 0,items:N?this.filterItems():v,title:R,onToggle:this.onToggle,safeZone:this.getSafeZone,onSelect:this.onSelect,generateItemPreview:C,menuCustomCSS:L,edgeSnapOffset:j,customButtonRenderer:U,menuWidth:"100%"!==V?V:F,scrollToSelection:y,customScroll:p,chevronIcon:E},Q=T&&T(k),Z=(0,r.dh)(l,O,{[s("block")]:h,[s("disabled")]:f,[s("rounded")]:u,[s("with-preview")]:Q,[s("focused-input")]:P,[s("value-placeholder")]:g&&k,[o.Ik]:"small"===e,[o._e]:"large"===e});return i.createElement("div",{className:Z,id:t,"data-aid":A,style:Y},i.createElement(c.I,Object.assign({},G,{ref:t=>this._input=t})),i.createElement(a.L,Object.assign({},H,{ref:t=>this._dropdown=t})),Q&&i.createElement("div",{className:d},Q))}}f.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"}},52622:(t,e,n)=>{"use strict";n.d(e,{z:()=>f,L:()=>y});var i=n(67294),r=n(69783),o=n(55797),c=n(41831),a=n(95390),l=n(50399),s=n(34832),u=n(65265),d=n(79655);class f{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[h,g,p]=(0,r.Ge)("dd"),[b,m]=p("chevron"),[v]=p("toggle-content"),[x]=p("preview"),w={chevron:{small:(0,u.W)(d.y,{rotate:"180",size:"small"}),default:(0,u.W)(d.y,{rotate:"180",size:"default"}),large:(0,u.W)(d.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 f(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:c,menuAlign:u,menuWidth:d,dropup:f,dropOnSide:p,dataAid:y,id:M,block:k,accent:_,background:I,rounded:A,size:N,width:j,icon:T,menuMaxHeight:D,edgeSnapOffset:S,text:V,textAlign:C,title:L,disabled:z,toggleContent:O,generatePreview:E,scrollToSelection:R,generateItemPreview:U,menuCustomCSS:B,invalid:F,customCSS:P,level:Y,multiselect:G,itemSize:H,placeholderText:Q,customScroll:Z,chevronIcon:W,customButtonRenderer:X,ariaRole:J,ariaLabel:K,ariaLabelledBy:q,menuAriaRole:$,menuAriaLabel:tt,menuAriaLabelledBy:et}=this.props,{open:nt}=this.state,it=null==E?void 0:E(),rt=(0,r.dh)(h,P,{[g("block")]:k,[g("chevron")]:!n,[g("menu-open")]:nt,[g("disabled")]:z,[g("invalid")]:F,[g("with-preview")]:it,[g("placeholder-text")]:Q,[o.nX]:A,[o.Ik]:"small"===N,[o._e]:"large"===N}),ot=j&&{width:j}||void 0,ct={id:M?`${M}_toggle`:void 0,dataAid:y?`${y}_toggle`:void 0,block:!0,accent:_,background:I,rounded:A,size:N,icon:T,text:V,textAlign:C,title:L,disabled:z,level:Y,ariaRole:J,ariaLabel:K,ariaLabelledBy:q,ariaHasPopup:"listbox",ariaExpanded:nt,onClick:this.onToggleClick,onDoubleClick:t=>t.stopPropagation()},at=(0,r.dh)(b,{[m("accent-full")]:"full"===_,[m("custom")]:W,[o._F]:"text+icon"===_,[o.Ik]:"small"===N,[o._e]:"large"===N}),lt={parent:{type:"element",element:this._dropdown},dataAid:y?`${y}_menu`:void 0,content:e,items:t,align:u,width:d,dropup:f,dropOnSide:p,offset:c,edgeSnapOffset:S,maxHeight:D,ariaRole:$,ariaLabel:tt,ariaLabelledBy:et,onItemClick:this.onItemClick,scrollToSelection:R,generateItemPreview:U,multiselect:G,customCSS:B,customScroll:Z,customButtonRenderer:X,size:H||N};return i.createElement("div",{id:M,"data-aid":y,className:rt,style:ot,onKeyDown:this.onKeyDown,ref:t=>this._dropdown=t},i.createElement(l.z,Object.assign({},ct),O&&i.createElement("div",{className:v},O)),it&&i.createElement("div",{className:x},it),!n&&i.createElement(s.m,{icon:W||w.chevron[N],customCSS:at}),nt&&i.createElement(a.h_,Object.assign({ref:t=>this._menu=t},lt)))}}y.contextType=c.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"}},95390:(t,e,n)=>{"use strict";n.d(e,{rS:()=>y,ao:()=>j,R7:()=>T,S_:()=>D,c:()=>M,h_:()=>V});var i=n(67294),r=n(73935),o=n(69783),c=n(29415),a=n(55797),l=n(41831),s=n(34832),u=n(65265),d=n(25436),f=n(36357),h=n(72204),g=n(17353),p=n(15803);const b=t=>t.stopPropagation(),m={onTouchStart:b,onTouchEnd:b,onMouseDown:b,onClick:b},[v,x,w]=(0,o.Ge)("dd-menu"),[y]=w("scroll"),[M]=w("header"),[k]=w("divider"),[_]=w("group"),[I]=w("group-icon"),[A,N]=w("group-dd"),[j,T]=w("item"),[D]=w("item-preview");class S 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 V 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,a=(0,c.CT)(i,"dropdown");return(o&&o()||n).appendChild(a)},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(h.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 c=`${Math.min(window.innerHeight,r.clientHeight)}px`;return"none"!==e&&("default"===e?c=255:NaN!==Number(e)&&(c=`${e}px`)),{width:o,maxHeight:c}},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:l},state:{focusedItemId:f}}=this;return t&&t.length>0?t.map(((t,e)=>{var h;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:M};return i.createElement(p.X,Object.assign({},n,{key:`dd-item-${e}`}))}case"splitter":return i.createElement("div",{key:`dd-item-${e}`,className:k});case"button":{const l=this.generatePreview(t),u=(0,o.dh)(j,{[T("selected")]:t.selected,[T("focused")]:f===`${e}`,[T("disabled")]:t.disabled,[T("with-preview")]:l,[a.Ik]:"small"===n,[a._e]:"large"===n}),d={key:t.key||(t.value?`${(0,c.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({},d,{ref:n=>this.storeItems(n,t,e)}),r(t)):i.createElement("button",Object.assign({},d,{ref:n=>this.storeItems(n,t,e)}),l&&i.createElement("div",{className:D},l),t.icon&&i.createElement(s.m,{icon:t.icon}),t.text&&i.createElement("span",null,t.text))}case"group":{if(!t.items)return null;const c=t.items.findIndex((t=>t&&"button"===(null==t?void 0:t.type)&&!t.disabled))>=0,g=(0,u.W)(d.e,{size:"small",rotate:"180"}),p=(0,o.dh)(j,_,{[T("selected")]:t.selected,[T("focused")]:f===`${e}`,[T("disabled")]:t.disabled,[a.Ik]:"small"===n,[a._e]:"large"===n}),m={key:t.key,className:p,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,{[N("hidden")]:!v||x,[N("transition")]:this.state.inTransitionDropDownId===e}),parent:{type:"element",element:(null===(h=this._itemsCollection[e])||void 0===h?void 0:h.node)||null},onTransitionEnd:()=>{v||this.setEndTransition(e)},customButtonRenderer:r,onItemClick:l};return i.createElement("div",Object.assign({},m,{ref:n=>this.storeItems(n,t,e)}),t.icon&&i.createElement(s.m,{icon:t.icon}),t.text&&i.createElement("span",null,t.text),i.createElement(s.m,{icon:g,customCSS:I}),c&&v&&i.createElement(V,Object.assign({},w)))}}})):i.createElement(S,{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:c,offset:a,parent:l,customScroll:s,customCSS:u,dataAid:d,multiselect:h,edgeSnapOffset:p,ariaRole:b,ariaLabel:w,ariaLabelledBy:M,onTransitionEnd:k}}=this,_=(0,o.dh)(v,u,{[x("multiselect")]:h,[x(`align-${e}`)]:"right"!==e,[x("dropup")]:n,[x("drop-on-side")]:c,[x("custom")]:t}),{width:I,maxHeight:A}=this.getMenuRect(),N={autoHeight:!0,autoHeightMax:A,customCSS:y,direction:"vertical",style:{view:{maxHeight:A}}},j={edgeSnapOffset:p,parent:l,align:this.getMenuAlign(),offset:!0===a?4:a,flippable:!0,onSide:c},T=Object.assign({className:_,style:{width:I},role:b,"aria-label":w,"aria-labelledby":M,onTransitionEnd:k},m);return r.createPortal(i.createElement(g.s,Object.assign({},j,{ref:t=>this._positioner=t}),i.createElement("div",Object.assign({},T,{ref:t=>this._menu=t,"data-aid":d}),s?this.renderContent():i.createElement(f.$,Object.assign({ref:t=>this._scrollContainer=t&&t.getBaseRef()},N),this.renderContent()))),this._root)}}V.contextType=l.I,V.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"}},15588:(t,e,n)=>{"use strict";n.d(e,{w:()=>c});var i=n(67294),r=n(55797),o=n(41831);class c 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}}c.contextType=o.I,c.defaultProps={waitingTime:3e3,className:"gc-no-focus-effect",getContainer:()=>document.body}},10351:(t,e,n)=>{"use strict";n.d(e,{r:()=>a});var i=n(67294),r=n(69783);const[o,c]=(0,r.Ge)("grid");class a extends i.Component{render(){const{template:t,customCSS:e,children:n}=this.props,a=(0,r.dh)(o,c(t),e);return i.createElement("div",{className:a},n)}}},15803:(t,e,n)=>{"use strict";n.d(e,{X:()=>f});var i=n(67294),r=n(69783),o=n(85529),c=n(69616);const[a,l,s]=(0,r.Ge)("heading"),[u]=s("text"),[d]=s("actions");class f extends i.Component{render(){const{text:t,title:e,size:n,uppercase:s,weight:f,actions:h,textSize:g,align:p,level:b,strikeThrough:m,loading:v,customCSS:x,headingLevel:w}=this.props,y=(0,r.dh)(a,x,{[l("size-md")]:"default"===n,[l("size-lg")]:"large"===n,[l(`level-${b}`)]:b,[l("case-default")]:!1===s,[l("no-strike")]:!1===m,[l(`align-${p}`)]:"left"!==p,[l(`weight-${f}`)]:"normal"!==f,[l(`text-size-${g}`)]:"default"!==g});return i.createElement("div",{className:y},i.createElement(w,{className:u,title:e},i.createElement("span",{className:"container"},t,v&&i.createElement(c.a,{background:"transparent",level:b}))),h&&"center"!==p&&i.createElement(o.h,Object.assign({},h,{size:n,defaultLevel:b,customCSS:d})))}}f.defaultProps={size:"small",weight:"normal",align:"left",uppercase:!0,strikeThrough:!0,loading:!1,textSize:"default",headingLevel:"span"}},34832:(t,e,n)=>{"use strict";n.d(e,{m:()=>a});var i=n(67294),r=n(69783);const[o,c]=(0,r.Ge)("icon");class a extends i.Component{render(){const{icon:t,customCSS:e}=this.props;if("font"===t.type){const{iconCssClass:n,fontSize:o}=t,c=(0,r.dh)(n,e),a=o&&{fontSize:o}||void 0;return i.createElement("i",{className:c,style:a})}const{content:n,size:a,rotate:l}=t,s=(0,r.dh)(o,e,{[c(a)]:a&&"default"!==a,[c(`r${l}`)]:l});return i.createElement("i",{className:s},n)}}},68651:(t,e,n)=>{"use strict";n.d(e,{I:()=>l});var i=n(67294),r=n(69783),o=n(55797);const[c,a]=(0,r.Ge)("input");class l 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:l,size:s,width:u,textAlign:d,invalid:f,type:h,placeholder:g,defaultValue:p,value:b,title:m,disabled:v,autoFocus:x,spellCheck:w,dataAid:y,customCSS:M,ariaLabel:k,ariaLabelledBy:_,onClick:I,onChange:A,onBlur:N,onKeyDown:j,onKeyUp:T,onKeyPress:D}=this.props,S={id:t,name:e,type:h,className:(0,r.dh)(c,M,{[a("block")]:n,[a(`text-align-${d}`)]:"left"!==d,[a("invalid")]:f,[o.nX]:l,[o.Ik]:"small"===s,[o._e]:"large"===s}),style:u&&{width:u}||void 0,placeholder:p||b?void 0:g,defaultValue:p,value:b,title:m,disabled:v,autoFocus:x,spellCheck:w,onClick:I,onChange:A,onBlur:N,onKeyDown:j,onKeyUp:T,onKeyPress:D,onFocus:this.onFocus,"aria-label":k,"aria-labelledby":_};return i.createElement("input",Object.assign({},S,{"data-aid":y,ref:t=>this._input=t}))}}l.defaultProps={autoFocus:!1,block:!1,disabled:!1,invalid:!1,rounded:!1,selectOnFocus:!1,size:"default",spellCheck:!1,textAlign:"left",type:"text"}},69616:(t,e,n)=>{"use strict";n.d(e,{a:()=>a});var i=n(67294),r=n(69783);const[o,c]=(0,r.Ge)("loader");class a extends i.Component{render(){const{block:t,background:e,level:n,customCSS:a,width:l,height:s}=this.props,u=(0,r.dh)(o,a,{[c("block")]:t,[c("transparent")]:"transparent"===e,[c(n)]:n});return i.createElement("div",{className:u,style:{width:l,height:s}},i.createElement("div",null),i.createElement("div",null),i.createElement("div",null))}}a.defaultProps={background:"default",block:!1}},76661:(t,e,n)=>{"use strict";n.d(e,{v2:()=>X,Z9:()=>Q});var i=n(67294),r=n(73935),o=n(69783),c=n(29415),a=n(55797),l=n(41831),s=n(45283),u=n(65265),d=n(89589),f=n(23400),h=n(36357),g=n(50399),p=n(40355),b=n(99201),m=n(79655),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:c,alwaysVisible:a,chevronIcon:l,customScroll:s,disabled:u,hideChevron:d,id:f,toggle:h,children:g}=t,b=x(t,["notifications","placeholder","customCSS","dataAid","alwaysVisible","chevronIcon","customScroll","disabled","hideChevron","id","toggle","children"]),m=Object.assign(Object.assign({},b),{notifications:e}),w={dataAid:c,chevronIcon:l,customScroll:s,disabled:u,hideChevron:d,id:f,toggle:h,customCSS:(0,o.dh)((0,p.Df)("notifications"),r)};return i.createElement(p.Gk,Object.assign({},w),e.length>0?i.createElement(v.b,Object.assign({},m)):i.createElement(p.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)(m.y,{rotate:"90",size:"small"}),hideChevron:!1};var M=n(81376),k=n(34832),_=n(21490);const[I,A,N]=(0,o.Ge)("menu"),[j,T]=N("panel-container"),[D]=N("panel-header"),[S]=N("panel-content"),[V,C]=N("panel-toggle"),[L,z]=N("panel-toggle-chevron"),[O,E]=N("logo"),[R,U]=N("logo-placeholder"),[B]=N("btn-container"),[F]=N("scrollable-buttons"),[P]=N("splitter"),[Y,G]=(0,o.Ge)("btn-pin"),H={toggle:(0,u.W)(d.d),pin:(0,u.W)(f.D)},Q=()=>i.createElement("div",{className:P});c.xl.set(Q,"MenuSplitter");class Z 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)&&(c.xl.is(t.type,p.Gk)||c.xl.is(t.type,Q))));const{notificationPanel:n,notificationsData:r}=this.props;if(r&&n){const{notifications:t,amount:o}=r,c=o.notifications>0||n.alwaysVisible,a=Object.assign(Object.assign({},n),{notifications:t});o.notifications>0&&!n.alwaysVisible&&e.push(i.createElement(Q,null)),c&&e.push(i.createElement(y,Object.assign({},a)))}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,c=null==o?void 0:o.getPositionerNode();null==c||c.classList.add(a.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(s.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(c.xl.is(t.type,Q))return i.createElement(Q,{key:`panel-splitter-${e}`});const{props:{size:n,legacyMode:r,notificationsData:a},state:{status:l,activePanelId:s}}=this,{id:u,toggle:d,disabled:f,dataAid:h,notifications:p,chevronIcon:b,hideChevron:m}=t.props;let v=d.badge&&Object.assign({nearIcon:!0},d.badge);if(p){const{amount:t,level:e}=a;v=t.notifications>0?{nearIcon:!0,rounded:!0,content:t.notifications,level:e}:void 0}const x={dataAid:h?`${h}_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:d.icon,text:d.text,title:d.title,disabled:f},w={icon:b,customCSS:(0,o.dh)(L,{[z("accent")]:r})},y=(0,o.dh)(V,{[C(`size-${n}`)]:"default"!==n,[C("active")]:"panel"===l&&u===s,[C("no-chevron")]:m,[C("disabled")]:f});return i.createElement("div",{key:`menu-panel-${u}`,className:y},i.createElement(g.z,Object.assign({},x)),!m&&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(Q,{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(g.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:c,autoHideScrollbar:a,logo:l,customCSS:s,dataAid:u,legacyMode:d,toggleText:f,toggleTitle:p,toggleContent:b,pinBtnIcon:m,panelWidth:v,hidePinBtn:x,resizablePanel:w,minResizeWidth:y,maxResizeWidth:M,ariaLabel:k,pinBtnTitle:N},state:{activePanelId:V,status:C,pinned:L,logoContainerElement:z}}=this,P=(0,o.dh)(I,s,{[A("expanded")]:"expanded"===C,[A("panel")]:"panel"===C,[A("drawer")]:"drawer"===n,[A("size-small")]:"small"===e,[A("size-large")]:"large"===e,[A("legacy")]:d}),Z={dataAid:u?`${u}_toggle`:void 0,block:!0,accent:d?"icon":"full",background:d?"transparent":"default",size:e,icon:H.toggle,text:f,title:p||f,onClick:this.onToggleClick},W=t?t.map(this.mapItems):[],X={direction:"vertical",style:{container:{position:"unset"}},color:"contrast",size:"small",growOnHover:"expanded"===C,autoHide:a};let J,K=[];const q=this.getPanelsAndSplitters(c);q.length>0&&(J=q.find((t=>t.props.id===V)),K=q.map(this.mapTogglesAndSplitters));const $=(0,o.dh)(j,{[T("visible")]:"panel"===C}),tt={dataAid:u?`${u}_pin`:void 0,block:!0,icon:m||H.pin,accent:"text+icon",background:"transparent",size:"large"===e?"default":"small",customCSS:(0,o.dh)(Y,{[G("pinned")]:L}),onClick:this.onPinClick,title:N},et={handlerSide:"right",disabled:!w||"panel"!==C,minSize:y,maxSize:M,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(!l||!z)return null;const t=(0,o.dh)(O,{[E("expanded")]:"expanded"===C,[E("drawer")]:"drawer"===n,[E("menu-size-small")]:"small"===e,[E("menu-size-large")]:"large"===e,[E("size-small")]:!d&&"small"===l.size,[E("size-large")]:d||"large"===l.size});return r.createPortal(i.createElement(i.Fragment,null,"drawer"===n&&i.createElement("div",{className:(0,o.dh)(R,U(`size-${e}`))}),i.createElement("div",{className:t},l.content)),z)})(),i.createElement("div",{className:B,ref:t=>this._buttonContainer=t},i.createElement(g.z,Object.assign({},Z),b),i.createElement(Q,null),K.length>0&&K,K.length>0&&i.createElement(Q,null),W.length>0&&i.createElement("div",{className:F},i.createElement(h.$,Object.assign({},X),W))),i.createElement(_.d,Object.assign({},et,{ref:t=>this._panelContainer=t}),J&&i.createElement(i.Fragment,null,i.createElement("h2",{className:D},J.props.toggle.text,!x&&i.createElement(g.z,Object.assign({},tt))),i.createElement("div",{className:S},J.props.customScroll?J:i.createElement(h.$,null,J)))))}}Z.contextType=l.I,Z.defaultProps={autoHideScrollbar:!0,defaultStatus:"collapsed",hidePinBtn:!1,legacyMode:!1,mode:"panel",noCloseOnWindowClick:!1,size:"large",resizablePanel:!0,minResizeWidth:160,maxResizeWidth:.8};const W=(0,M.g)(Z),X=t=>t.notificationPanel?i.createElement(W,Object.assign({},t)):i.createElement(Z,Object.assign({},t))},40355:(t,e,n)=>{"use strict";n.d(e,{Df:()=>s,Gk:()=>f,vW:()=>h});var i=n(67294),r=n(69783),o=n(29415),c=n(65265),a=n(79655);const[l,s,u]=(0,r.Ge)("menu-panel"),[d]=u("placeholder");class f extends i.Component{constructor(){super(...arguments),this.displayName="MenuPanel"}render(){const{children:t,customCSS:e,customScroll:n,dataAid:o,toggle:{text:c}}=this.props,a=(0,r.dh)(l,e,{[s("fill-container")]:n});return i.createElement("div",{className:a,"data-aid":o,role:"region","aria-label":c},t)}}f.defaultProps={chevronIcon:(0,c.W)(a.y,{rotate:"90",size:"small"}),customScroll:!1,disabled:!1,hideChevron:!1},o.xl.set(f,"MenuPanel");const h=({text:t})=>i.createElement("div",{className:d},t)},45283:(t,e,n)=>{"use strict";n.d(e,{u:()=>k,G:()=>M});var i=n(67294),r=n(73935),o=n(30373),c=n(41831),a=n(29415),l=n(69783);const s=/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 d(t,e){const n=t.nodeName.toLowerCase();return(s.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 f(t){let e=t.getAttribute("tabindex");null===e&&(e=void 0);const n=isNaN(e);return(n||e>=0)&&d(t,!n)}function h(t){return[].slice.call(t.querySelectorAll("*"),0).filter(f)}let g=null;function p(t){return!(!t&&!g)}const b=[];let m=null,v=!1;function x(){v=!0}function w(){if(v){if(v=!1,!m)return;setTimeout((()=>{if(m.contains(document.activeElement))return;(h(m)[0]||m).focus()}),0)}}const[,y]=(0,o.Jo)("body"),M=y("open"),k=(0,i.forwardRef)(((t,e)=>{const{open:n,onClose:s,dataAid:u,children:d,style:f={overlay:{},content:{}},shouldCloseOnOverlayClick:v=!0,shouldCloseOnEsc:y=!0,closeTimeoutMS:k=0,customCSS:_="",overlayCustomCSS:I="",withDefaultStyles:A=!1}=t,N=document.body,{API:j,root:T}=(0,i.useContext)(c.I),[D,S]=(0,i.useState)(),[V,C]=(0,i.useState)(!1),[L,z]=(0,i.useState)(!1),[O,E]=(0,i.useState)(!1),[R,U]=(0,i.useState)(null),B=(0,i.useRef)(null),F=(0,i.useRef)(null),P=(0,i.useRef)(0),Y=(0,i.useRef)(null),G=(0,i.useRef)();(0,i.useEffect)((()=>{S(Q())}),[]),(0,i.useEffect)((()=>(n&&!V?X():!n&&V&&J(),()=>{W(),clearTimeout(G.current)})),[n]),(0,i.useEffect)((()=>{V?(K(),z(!0)):Y.current&&W()}),[V]),(0,i.useEffect)((()=>{O&&R&&(G.current=window.setTimeout($,R-Date.now()))}),[O,R]);const H=(0,i.useCallback)((t=>{F.current=t,"function"==typeof e?e(t):e&&(e.current=t)}),[]),Q=()=>{const t=`${j.namespace}-modal-root`,e=document.getElementById(t);if(e)return e;const n=(0,a.CT)(t,"modal");return T.getElement().appendChild(n)},Z=()=>{const t=T.getElement();M&&t.classList.add(M),P.current+=1,function(t){p(t)&&(t||g).setAttribute("aria-hidden","true")}(N)},W=()=>{const t=T.getElement();setTimeout((()=>M&&t.classList.remove(M)),0),P.current>0&&(P.current-=1,0===P.current&&function(t){p(t)&&(t||g).removeAttribute("aria-hidden")}(N)),function(){let t=null;try{return void(0!==b.length&&(t=b.pop(),t.focus()))}catch(t){}}(),m=null,"function"==typeof window.addEventListener?(window.removeEventListener("blur",x),document.removeEventListener("focus",w)):(window.detachEvent("onBlur",x),document.detachEvent("onFocus",w))},X=()=>{Z(),L&&O?(clearTimeout(G.current),E(!1)):(b.push(document.activeElement),C(!0))},J=()=>{k>0?q():$()},K=()=>F.current&&!tt()&&F.current.focus(),q=()=>{const t=Date.now()+k;E(!0),U(t),E(!0)},$=()=>{E(!1),C(!1),z(!1),U(null)},tt=()=>{var t;return document.activeElement===F.current||(null===(t=F.current)||void 0===t?void 0:t.contains(document.activeElement))},et=(t,e,n)=>(0,l.dh)(t,n,{[e("before-close")]:O,[e("default")]:A});if(!V&&!O)return null;const nt={style:Object.assign({},f.overlay),onClick:()=>{null===Y.current&&(Y.current=!0),Y.current&&v&&(s?s():K()),Y.current=null},onMouseDown:t=>{v||t.target!=B.current||t.preventDefault()},className:et(o.I3,o.NT,I)},it={style:Object.assign({},f.content),className:et(o.B4,o.HU,_),tabIndex:-1,role:"dialog",onKeyDown:t=>{t.stopPropagation(),"Tab"===t.key&&F.current&&function(t,e){const n=h(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;c=o}var c;if(o!==document.activeElement||i||(c=r),r===document.activeElement&&i&&(c=o),c)return e.preventDefault(),void c.focus();const a=/(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent);if(null!=a&&"Chrome"!=a[1]&&null==/\biPod\b|\biPad\b/g.exec(navigator.userAgent)){var l=document.activeElement?n.indexOf(document.activeElement):-1;if(l>-1&&(l+=i?-1:1),void 0===n[l])return e.preventDefault(),void(c=i?o:r).focus();e.preventDefault(),n[l].focus()}}(F.current,t),y&&"Escape"===t.key&&s()},onMouseDown:()=>{Y.current=!1},onMouseUp:()=>{Y.current=!1},onClick:()=>{Y.current=!1}};return D?r.createPortal(i.createElement("div",Object.assign({},nt,{ref:B,"data-aid":u&&`${u}_overlay`}),i.createElement("div",Object.assign({},it,{ref:H,"data-aid":u}),d)),D):null}));k.displayName="Modal"},41147:(t,e,n)=>{"use strict";n.d(e,{e:()=>o});var i=n(67294),r=n(45283);const o=t=>i.createElement(r.u,Object.assign({},t),t.children)},30373:(t,e,n)=>{"use strict";n.d(e,{B4:()=>r,HU:()=>o,Jo:()=>c,I3:()=>a,NT:()=>l});var i=n(69783);const[r,o,c]=(0,i.Ge)("modal"),[a,l]=(0,i.Ge)("modal-overlay")},508:(t,e,n)=>{"use strict";n.d(e,{b:()=>T});var i=n(67294),r=n(69783),o=n(41831),c=n(50399),a=n(15803),l=n(36357);const[s]=(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="${s}">$1</a>`},{pattern:/\[email=(.+?)\](.+?)\[\/email\]/g,template:`<a href="mailto:$1" class="${s}">$2</a>`},{pattern:/\[url\](.+?)\[\/url\]/g,template:`<a href="$1" class="${s}" target="_blank">$1</a>`},{pattern:/\[url=(.+?)\](.+?)\[\/url\]/g,template:`<a href="$1" class="${s}" target="_blank">$2</a>`}],d=(t="")=>u.reduce(((t,e)=>t.replace(e.pattern,e.template)),t);var f=n(85529),h=n(65265),g=n(20517),p=n(79655);const b={close:(0,h.W)(g.b),chevronUp:(0,h.W)(p.y),chevronDown:(0,h.W)(p.y,{rotate:"180"})},[m,,v]=(0,r.Ge)("notification-details-item"),[x]=v("main"),[w]=v("caption"),[y]=v("content");class M 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,c={type:"button",background:"transparent",accent:"icon",level:t.level},a=Object.assign(Object.assign({},c),{icon:o?b.chevronUp:b.chevronDown,onClick:this.onToggleExpand,title:o?r:n}),l=Object.assign(Object.assign({},c),{icon:b.close,onClick:this.onDismiss(t.id),title:e});return i.createElem