@mescius/dsimageviewer/plugins/paintTools.js

Document Solutions Image Viewer

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