@mescius/dsimageviewer/dsimageviewer.js

Document Solutions Image Viewer

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