@mescius/dsimageviewer/plugins/pageTools.js

Document Solutions Image Viewer

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