@mescius/dsimageviewer/plugins/imageFilters.js

Document Solutions Image Viewer

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