647.7c12c91c.iframe.bundle.js

"use strict";(self.webpackChunkbuildcorp_uikits=self.webpackChunkbuildcorp_uikits||[]).push([[647],{"./node_modules/@fluentui/react/lib/components/Button/IconButton/IconButton.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.mjs"),react=__webpack_require__("./node_modules/react/index.js"),BaseButton=__webpack_require__("./node_modules/@fluentui/react/lib/components/Button/BaseButton.js"),BaseComponent=__webpack_require__("./node_modules/@fluentui/utilities/lib/BaseComponent.js"),customizable=__webpack_require__("./node_modules/@fluentui/utilities/lib/customizations/customizable.js"),lib=__webpack_require__("./node_modules/@fluentui/style-utilities/lib/index.js"),memoize=__webpack_require__("./node_modules/@fluentui/utilities/lib/memoize.js"),BaseButton_styles=__webpack_require__("./node_modules/@fluentui/react/lib/components/Button/BaseButton.styles.js"),SplitButton_styles=__webpack_require__("./node_modules/@fluentui/react/lib/components/Button/SplitButton/SplitButton.styles.js"),getStyles=(0,memoize.J9)((function(theme,customStyles){var _a,baseButtonStyles=(0,BaseButton_styles.$)(theme),splitButtonStyles=(0,SplitButton_styles.$)(theme),palette=theme.palette,iconButtonStyles={root:{padding:"0 4px",width:"32px",height:"32px",backgroundColor:"transparent",border:"none",color:theme.semanticColors.link},rootHovered:(_a={color:palette.themeDarkAlt,backgroundColor:palette.neutralLighter},_a[lib.up]={borderColor:"Highlight",color:"Highlight"},_a),rootHasMenu:{width:"auto"},rootPressed:{color:palette.themeDark,backgroundColor:palette.neutralLight},rootExpanded:{color:palette.themeDark,backgroundColor:palette.neutralLight},rootChecked:{color:palette.themeDark,backgroundColor:palette.neutralLight},rootCheckedHovered:{color:palette.themeDark,backgroundColor:palette.neutralQuaternaryAlt},rootDisabled:{color:palette.neutralTertiaryAlt}};return(0,lib.TW)(baseButtonStyles,iconButtonStyles,splitButtonStyles,customStyles)})),IconButton=function(_super){function IconButton(){return null!==_super&&_super.apply(this,arguments)||this}return(0,tslib_es6.C6)(IconButton,_super),IconButton.prototype.render=function(){var _a,styles=(_a=this.props).styles,theme=_a.theme;return react.createElement(BaseButton.S,(0,tslib_es6.Cl)({},this.props,{variantClassName:"ms-Button--icon",styles:getStyles(theme,styles),onRenderText:BaseComponent.K,onRenderDescription:BaseComponent.K}))},IconButton=(0,tslib_es6.Cg)([(0,customizable.T)("IconButton",["theme","styles"],!0)],IconButton)}(react.Component)},"./node_modules/@fluentui/react/lib/components/Button/SplitButton/SplitButton.styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>getStyles});var tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.mjs"),_Styling__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@fluentui/style-utilities/lib/index.js"),getStyles=(0,__webpack_require__("./node_modules/@fluentui/utilities/lib/memoize.js").J9)((function(theme,customStyles){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,effects=theme.effects,palette=theme.palette,semanticColors=theme.semanticColors,buttonHighContrastFocus={left:-2,top:-2,bottom:-2,right:-2,border:"none"},splitButtonDividerBaseStyles={position:"absolute",width:1,right:31,top:8,bottom:8},splitButtonStyles={splitButtonContainer:[(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.gm)(theme,{highContrastStyle:buttonHighContrastFocus,inset:2,pointerEvents:"none"}),{display:"inline-flex",".ms-Button--default":{borderTopRightRadius:"0",borderBottomRightRadius:"0",borderRight:"none",flexGrow:"1"},".ms-Button--primary":(_a={borderTopRightRadius:"0",borderBottomRightRadius:"0",border:"none",flexGrow:"1",":hover":{border:"none"},":active":{border:"none"}},_a[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({color:"WindowText",backgroundColor:"Window",border:"1px solid WindowText",borderRightWidth:"0"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)()),{":hover":{backgroundColor:"Highlight",border:"1px solid Highlight",borderRightWidth:"0",color:"HighlightText"},":active":{border:"1px solid Highlight"}}),_a),".ms-Button--default + .ms-Button":(_b={},_b[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={border:"1px solid WindowText",borderLeftWidth:"0",":hover":{backgroundColor:"HighlightText",borderColor:"Highlight",color:"Highlight",".ms-Button-menuIcon":(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({backgroundColor:"HighlightText",color:"Highlight"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)())}},_b),'.ms-Button--default + .ms-Button[aria-expanded="true"]':(_c={},_c[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={backgroundColor:"HighlightText",borderColor:"Highlight",color:"Highlight",".ms-Button-menuIcon":(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({backgroundColor:"HighlightText",color:"Highlight"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)())},_c),".ms-Button--primary + .ms-Button":(_d={border:"none"},_d[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={border:"1px solid WindowText",borderLeftWidth:"0",":hover":{borderLeftWidth:"0",backgroundColor:"Highlight",borderColor:"Highlight",color:"HighlightText",".ms-Button-menuIcon":(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)()),{color:"HighlightText"})}},_d),'.ms-Button--primary + .ms-Button[aria-expanded="true"]':(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({backgroundColor:"Highlight",borderColor:"Highlight",color:"HighlightText"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)()),{".ms-Button-menuIcon":{color:"HighlightText"}}),".ms-Button.is-disabled":(_e={},_e[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={color:"GrayText",borderColor:"GrayText",backgroundColor:"Window"},_e)}],splitButtonContainerHovered:{".ms-Button--default.is-disabled":(_f={backgroundColor:semanticColors.buttonBackgroundDisabled,color:semanticColors.buttonTextDisabled},_f[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={color:"GrayText",borderColor:"GrayText",backgroundColor:"Window"},_f),".ms-Button--primary.is-disabled":(_g={backgroundColor:semanticColors.primaryButtonBackgroundDisabled,color:semanticColors.primaryButtonTextDisabled},_g[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={color:"GrayText",borderColor:"GrayText",backgroundColor:"Window"},_g)},splitButtonContainerChecked:{".ms-Button--primary":(_h={},_h[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({color:"Window",backgroundColor:"WindowText"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)()),_h)},splitButtonContainerCheckedHovered:{".ms-Button--primary":(_j={},_j[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({color:"Window",backgroundColor:"WindowText"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)()),_j)},splitButtonContainerFocused:{outline:"none!important"},splitButtonMenuButton:(_k={padding:6,height:"auto",boxSizing:"border-box",borderRadius:0,borderTopRightRadius:effects.roundedCorner2,borderBottomRightRadius:effects.roundedCorner2,border:"1px solid ".concat(palette.neutralSecondaryAlt),borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:32,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0},_k[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={".ms-Button-menuIcon":{color:"WindowText"}},_k),splitButtonDivider:(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({},splitButtonDividerBaseStyles),(_l={},_l[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={backgroundColor:"WindowText"},_l)),splitButtonDividerDisabled:(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({},splitButtonDividerBaseStyles),(_m={},_m[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={backgroundColor:"GrayText"},_m)),splitButtonMenuButtonDisabled:(_o={pointerEvents:"none",border:"none",":hover":{cursor:"default"},".ms-Button--primary":(_p={},_p[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={color:"GrayText",borderColor:"GrayText",backgroundColor:"Window"},_p),".ms-Button-menuIcon":(_q={},_q[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={color:"GrayText"},_q)},_o[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]={color:"GrayText",border:"1px solid GrayText",backgroundColor:"Window"},_o),splitButtonFlexContainer:{display:"flex",height:"100%",flexWrap:"nowrap",justifyContent:"center",alignItems:"center"},splitButtonContainerDisabled:(_r={outline:"none",border:"none"},_r[_Styling__WEBPACK_IMPORTED_MODULE_1__.up]=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({color:"GrayText",borderColor:"GrayText",backgroundColor:"Window"},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.Qg)()),_r),splitButtonMenuFocused:(0,tslib__WEBPACK_IMPORTED_MODULE_2__.Cl)({},(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.gm)(theme,{highContrastStyle:buttonHighContrastFocus,inset:2}))};return(0,_Styling__WEBPACK_IMPORTED_MODULE_1__.TW)(splitButtonStyles,customStyles)}))},"./node_modules/@fluentui/react/lib/components/Panel/Panel.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Panel});var PanelVisibilityState,styled=__webpack_require__("./node_modules/@fluentui/utilities/lib/styled.js"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.mjs"),react=__webpack_require__("./node_modules/react/index.js"),IconButton=__webpack_require__("./node_modules/@fluentui/react/lib/components/Button/IconButton/IconButton.js"),Layer=__webpack_require__("./node_modules/@fluentui/react/lib/components/Layer/Layer.js"),classNamesFunction=__webpack_require__("./node_modules/@fluentui/utilities/lib/classNamesFunction.js"),initializeComponentRef=__webpack_require__("./node_modules/@fluentui/utilities/lib/initializeComponentRef.js"),lib_scroll=__webpack_require__("./node_modules/@fluentui/utilities/lib/scroll.js"),properties=__webpack_require__("./node_modules/@fluentui/utilities/lib/properties.js"),getClassNames=(0,classNamesFunction.Z)(),OverlayBase=function(_super){function OverlayBase(props){var _this=_super.call(this,props)||this;(0,initializeComponentRef.f)(_this);var _a=_this.props.allowTouchBodyScroll,allowTouchBodyScroll=void 0!==_a&&_a;return _this._allowTouchBodyScroll=allowTouchBodyScroll,_this}return(0,tslib_es6.C6)(OverlayBase,_super),OverlayBase.prototype.componentDidMount=function(){!this._allowTouchBodyScroll&&(0,lib_scroll.mh)()},OverlayBase.prototype.componentWillUnmount=function(){!this._allowTouchBodyScroll&&(0,lib_scroll.fY)()},OverlayBase.prototype.render=function(){var _a=this.props,isDark=_a.isDarkThemed,className=_a.className,theme=_a.theme,styles=_a.styles,divProps=(0,properties.G1)(this.props,properties.JM),classNames=getClassNames(styles,{theme,className,isDark});return react.createElement("div",(0,tslib_es6.Cl)({},divProps,{className:classNames.root}))},OverlayBase}(react.Component),lib=__webpack_require__("./node_modules/@fluentui/style-utilities/lib/index.js"),GlobalClassNames={root:"ms-Overlay",rootDark:"ms-Overlay--dark"},Overlay=(0,styled.I)(OverlayBase,(function(props){var _a,className=props.className,theme=props.theme,isNone=props.isNone,isDark=props.isDark,palette=theme.palette,classNames=(0,lib.Km)(GlobalClassNames,theme);return{root:[classNames.root,theme.fonts.medium,{backgroundColor:palette.whiteTranslucent40,top:0,right:0,bottom:0,left:0,position:"absolute",selectors:(_a={},_a[lib.up]={border:"1px solid WindowText",opacity:0},_a)},isNone&&{visibility:"hidden"},isDark&&[classNames.rootDark,{backgroundColor:palette.blackTranslucent40}],className]}}),void 0,{scope:"Overlay"}),Popup=__webpack_require__("./node_modules/@fluentui/react/lib/components/Popup/Popup.js"),css=__webpack_require__("./node_modules/@fluentui/utilities/lib/css.js"),warnDeprecations=__webpack_require__("./node_modules/@fluentui/utilities/lib/warn/warnDeprecations.js"),getId=__webpack_require__("./node_modules/@fluentui/utilities/lib/getId.js"),Async=__webpack_require__("./node_modules/@fluentui/utilities/lib/Async.js"),EventGroup=__webpack_require__("./node_modules/@fluentui/utilities/lib/EventGroup.js"),rtl=__webpack_require__("./node_modules/@fluentui/utilities/lib/rtl.js"),elementContains=__webpack_require__("./node_modules/@fluentui/dom-utilities/lib/elementContains.js"),FocusTrapZone=__webpack_require__("./node_modules/@fluentui/react/lib/components/FocusTrapZone/FocusTrapZone.js"),Panel_types=__webpack_require__("./node_modules/@fluentui/react/lib/components/Panel/Panel.types.js"),WindowProvider=__webpack_require__("./node_modules/@fluentui/react-window-provider/lib/WindowProvider.js"),dom=__webpack_require__("./node_modules/@fluentui/react/lib/utilities/dom.js"),Panel_base_getClassNames=(0,classNamesFunction.Z)();!function(PanelVisibilityState){PanelVisibilityState[PanelVisibilityState.closed=0]="closed",PanelVisibilityState[PanelVisibilityState.animatingOpen=1]="animatingOpen",PanelVisibilityState[PanelVisibilityState.open=2]="open",PanelVisibilityState[PanelVisibilityState.animatingClosed=3]="animatingClosed"}(PanelVisibilityState||(PanelVisibilityState={}));var _a,_b,_c,_d,_e,PanelBase=function(_super){function PanelBase(props){var _a,_this=_super.call(this,props)||this;_this._panel=react.createRef(),_this._animationCallback=null,_this._hasCustomNavigation=!(!_this.props.onRenderNavigation&&!_this.props.onRenderNavigationContent),_this.dismiss=function(ev){_this.props.onDismiss&&_this.isActive&&_this.props.onDismiss(ev),(!ev||ev&&!ev.defaultPrevented)&&_this.close()},_this._allowScrollOnPanel=function(elt){elt?_this._allowTouchBodyScroll?(0,lib_scroll.K0)(elt,_this._events):(0,lib_scroll.c8)(elt,_this._events):_this._events.off(_this._scrollableContent),_this._scrollableContent=elt},_this._onRenderNavigation=function(props){var _a;if(!_this.props.onRenderNavigationContent&&!_this.props.onRenderNavigation&&!_this.props.hasCloseButton)return null;var onRenderNavigationContent=void 0===(_a=_this.props.onRenderNavigationContent)?_this._onRenderNavigationContent:_a;return react.createElement("div",{className:_this._classNames.navigation},onRenderNavigationContent(props,_this._onRenderNavigationContent))},_this._onRenderNavigationContent=function(props){var _a,_b,closeButtonAriaLabel=props.closeButtonAriaLabel,hasCloseButton=props.hasCloseButton,onRenderHeader=void 0===(_a=props.onRenderHeader)?_this._onRenderHeader:_a;if(hasCloseButton){var iconButtonStyles=null===(_b=_this._classNames.subComponentStyles)||void 0===_b?void 0:_b.closeButton();return react.createElement(react.Fragment,null,!_this._hasCustomNavigation&&onRenderHeader(_this.props,_this._onRenderHeader,_this._headerTextId),react.createElement(IconButton.K,{styles:iconButtonStyles,className:_this._classNames.closeButton,onClick:_this._onPanelClick,ariaLabel:closeButtonAriaLabel,title:closeButtonAriaLabel,"data-is-visible":!0,iconProps:{iconName:"Cancel"}}))}return null},_this._onRenderHeader=function(props,defaultRender,headerTextId){var _a,headerText=props.headerText,headerTextProps=void 0===(_a=props.headerTextProps)?{}:_a;return headerText?react.createElement("div",{className:_this._classNames.header},react.createElement("div",(0,tslib_es6.Cl)({id:headerTextId,role:"heading","aria-level":1},headerTextProps,{className:(0,css.A)(_this._classNames.headerText,headerTextProps.className)}),headerText)):null},_this._onRenderBody=function(props){return react.createElement("div",{className:_this._classNames.content},props.children)},_this._onRenderFooter=function(props){var _a,onRenderFooterContent=void 0===(_a=_this.props.onRenderFooterContent)?null:_a;return onRenderFooterContent?react.createElement("div",{className:_this._classNames.footer},react.createElement("div",{className:_this._classNames.footerInner},onRenderFooterContent())):null},_this._animateTo=function(newVisibilityState){newVisibilityState===PanelVisibilityState.open&&_this.props.onOpen&&_this.props.onOpen(),_this._animationCallback=_this._async.setTimeout((function(){_this.setState({visibility:newVisibilityState}),_this._onTransitionComplete(newVisibilityState)}),200)},_this._clearExistingAnimationTimer=function(){null!==_this._animationCallback&&_this._async.clearTimeout(_this._animationCallback)},_this._onPanelClick=function(ev){_this.dismiss(ev)},_this._onTransitionComplete=function(newVisibilityState){_this._updateFooterPosition(),newVisibilityState===PanelVisibilityState.open&&_this.props.onOpened&&_this.props.onOpened(),newVisibilityState===PanelVisibilityState.closed&&_this.props.onDismissed&&_this.props.onDismissed()};var allowTouchBodyScroll=void 0!==(_a=_this.props.allowTouchBodyScroll)&&_a;return _this._allowTouchBodyScroll=allowTouchBodyScroll,(0,initializeComponentRef.f)(_this),(0,warnDeprecations.A)("Panel",props,{ignoreExternalFocusing:"focusTrapZoneProps",forceFocusInsideTrap:"focusTrapZoneProps",firstFocusableSelector:"focusTrapZoneProps"}),_this.state={isFooterSticky:!1,visibility:PanelVisibilityState.closed,id:(0,getId.O)("Panel")},_this}return(0,tslib_es6.C6)(PanelBase,_super),PanelBase.getDerivedStateFromProps=function(nextProps,prevState){return void 0===nextProps.isOpen?null:!nextProps.isOpen||prevState.visibility!==PanelVisibilityState.closed&&prevState.visibility!==PanelVisibilityState.animatingClosed?nextProps.isOpen||prevState.visibility!==PanelVisibilityState.open&&prevState.visibility!==PanelVisibilityState.animatingOpen?null:{visibility:PanelVisibilityState.animatingClosed}:{visibility:PanelVisibilityState.animatingOpen}},PanelBase.prototype.componentDidMount=function(){this._async=new Async.j(this),this._events=new EventGroup.g(this);var win=(0,dom.k_)(this.context),doc=(0,dom.LW)(this.context);this._events.on(win,"resize",this._updateFooterPosition),this._shouldListenForOuterClick(this.props)&&this._events.on(null==doc?void 0:doc.body,"mousedown",this._dismissOnOuterClick,!0),this.props.isOpen&&this.setState({visibility:PanelVisibilityState.animatingOpen})},PanelBase.prototype.componentDidUpdate=function(previousProps,previousState){var shouldListenOnOuterClick=this._shouldListenForOuterClick(this.props),previousShouldListenOnOuterClick=this._shouldListenForOuterClick(previousProps);this.state.visibility!==previousState.visibility&&(this._clearExistingAnimationTimer(),this.state.visibility===PanelVisibilityState.animatingOpen?this._animateTo(PanelVisibilityState.open):this.state.visibility===PanelVisibilityState.animatingClosed&&this._animateTo(PanelVisibilityState.closed));var doc=(0,dom.LW)(this.context);shouldListenOnOuterClick&&!previousShouldListenOnOuterClick?this._events.on(null==doc?void 0:doc.body,"mousedown",this._dismissOnOuterClick,!0):!shouldListenOnOuterClick&&previousShouldListenOnOuterClick&&this._events.off(null==doc?void 0:doc.body,"mousedown",this._dismissOnOuterClick,!0)},PanelBase.prototype.componentWillUnmount=function(){this._async.dispose(),this._events.dispose()},PanelBase.prototype.render=function(){var _a,_b,_c,_d,_e,_f,_g,_h,_j,className=void 0===(_b=(_a=this.props).className)?"":_b,elementToFocusOnDismiss=_a.elementToFocusOnDismiss,firstFocusableSelector=_a.firstFocusableSelector,focusTrapZoneProps=_a.focusTrapZoneProps,forceFocusInsideTrap=_a.forceFocusInsideTrap,hasCloseButton=_a.hasCloseButton,headerText=_a.headerText,headerClassName=void 0===(_c=_a.headerClassName)?"":_c,ignoreExternalFocusing=_a.ignoreExternalFocusing,isBlocking=_a.isBlocking,isFooterAtBottom=_a.isFooterAtBottom,isLightDismiss=_a.isLightDismiss,isHiddenOnDismiss=_a.isHiddenOnDismiss,layerProps=_a.layerProps,overlayProps=_a.overlayProps,popupProps=_a.popupProps,type=_a.type,styles=_a.styles,theme=_a.theme,customWidth=_a.customWidth,onLightDismissClick=void 0===(_d=_a.onLightDismissClick)?this._onPanelClick:_d,onRenderNavigation=void 0===(_e=_a.onRenderNavigation)?this._onRenderNavigation:_e,onRenderHeader=void 0===(_f=_a.onRenderHeader)?this._onRenderHeader:_f,onRenderBody=void 0===(_g=_a.onRenderBody)?this._onRenderBody:_g,onRenderFooter=void 0===(_h=_a.onRenderFooter)?this._onRenderFooter:_h,isFooterSticky=(_j=this.state).isFooterSticky,visibility=_j.visibility,id=_j.id,isLeft=type===Panel_types.H.smallFixedNear||type===Panel_types.H.customNear,isOnRightSide=(0,rtl.jI)(theme)?isLeft:!isLeft,customWidthStyles=type===Panel_types.H.custom||type===Panel_types.H.customNear?{width:customWidth}:{},nativeProps=(0,properties.G1)(this.props,properties.JM),isOpen=this.isActive,isAnimating=visibility===PanelVisibilityState.animatingClosed||visibility===PanelVisibilityState.animatingOpen;if(this._headerTextId=headerText&&id+"-headerText",!isOpen&&!isAnimating&&!isHiddenOnDismiss)return null;this._classNames=Panel_base_getClassNames(styles,{theme,className,focusTrapZoneClassName:focusTrapZoneProps?focusTrapZoneProps.className:void 0,hasCloseButton,headerClassName,isAnimating,isFooterSticky,isFooterAtBottom,isOnRightSide,isOpen,isHiddenOnDismiss,type,hasCustomNavigation:this._hasCustomNavigation});var overlay,_classNames=this._classNames,_allowTouchBodyScroll=this._allowTouchBodyScroll;return isBlocking&&isOpen&&(overlay=react.createElement(Overlay,(0,tslib_es6.Cl)({className:_classNames.overlay,isDarkThemed:!1,onClick:isLightDismiss?onLightDismissClick:void 0,allowTouchBodyScroll:_allowTouchBodyScroll},overlayProps))),react.createElement(Layer.W,(0,tslib_es6.Cl)({},layerProps),react.createElement(Popup.z,(0,tslib_es6.Cl)({role:"dialog","aria-modal":isBlocking?"true":void 0,ariaLabelledBy:this._headerTextId?this._headerTextId:void 0,onDismiss:this.dismiss,className:_classNames.hiddenPanel,enableAriaHiddenSiblings:!!isOpen},popupProps),react.createElement("div",(0,tslib_es6.Cl)({"aria-hidden":!isOpen&&isAnimating},nativeProps,{ref:this._panel,className:_classNames.root}),overlay,react.createElement(FocusTrapZone.Y,(0,tslib_es6.Cl)({ignoreExternalFocusing,forceFocusInsideTrap:!(!isBlocking||isHiddenOnDismiss&&!isOpen)&&forceFocusInsideTrap,firstFocusableSelector,isClickableOutsideFocusTrap:!0},focusTrapZoneProps,{className:_classNames.main,style:customWidthStyles,elementToFocusOnDismiss}),react.createElement("div",{className:_classNames.contentInner},react.createElement("div",{ref:this._allowScrollOnPanel,className:_classNames.scrollableContent,"data-is-scrollable":!0},react.createElement("div",{className:_classNames.commands,"data-is-visible":!0},onRenderNavigation(this.props,this._onRenderNavigation)),(this._hasCustomNavigation||!hasCloseButton)&&onRenderHeader(this.props,this._onRenderHeader,this._headerTextId),onRenderBody(this.props,this._onRenderBody),onRenderFooter(this.props,this._onRenderFooter)))))))},PanelBase.prototype.open=function(){void 0===this.props.isOpen&&(this.isActive||this.setState({visibility:PanelVisibilityState.animatingOpen}))},PanelBase.prototype.close=function(){void 0===this.props.isOpen&&this.isActive&&this.setState({visibility:PanelVisibilityState.animatingClosed})},Object.defineProperty(PanelBase.prototype,"isActive",{get:function(){return this.state.visibility===PanelVisibilityState.open||this.state.visibility===PanelVisibilityState.animatingOpen},enumerable:!1,configurable:!0}),PanelBase.prototype._shouldListenForOuterClick=function(props){return!!props.isBlocking&&!!props.isOpen},PanelBase.prototype._updateFooterPosition=function(){var scrollableContent=this._scrollableContent;if(scrollableContent){var height=scrollableContent.clientHeight,innerHeight_1=scrollableContent.scrollHeight;this.setState({isFooterSticky:height<innerHeight_1})}},PanelBase.prototype._dismissOnOuterClick=function(ev){var panel=this._panel.current;this.isActive&&panel&&!ev.defaultPrevented&&((0,elementContains.s)(panel,ev.target)||(this.props.onOuterClick?this.props.onOuterClick(ev):this.dismiss(ev)))},PanelBase.defaultProps={isHiddenOnDismiss:!1,isOpen:void 0,isBlocking:!0,hasCloseButton:!0,type:Panel_types.H.smallFixedFar},PanelBase.contextType=WindowProvider._0,PanelBase}(react.Component),Panel_styles_GlobalClassNames={root:"ms-Panel",main:"ms-Panel-main",commands:"ms-Panel-commands",contentInner:"ms-Panel-contentInner",scrollableContent:"ms-Panel-scrollableContent",navigation:"ms-Panel-navigation",closeButton:"ms-Panel-closeButton ms-PanelAction-close",header:"ms-Panel-header",headerText:"ms-Panel-headerText",content:"ms-Panel-content",footer:"ms-Panel-footer",footerInner:"ms-Panel-footerInner",isOpen:"is-open",hasCloseButton:"ms-Panel--hasCloseButton",smallFluid:"ms-Panel--smFluid",smallFixedNear:"ms-Panel--smLeft",smallFixedFar:"ms-Panel--sm",medium:"ms-Panel--md",large:"ms-Panel--lg",largeFixed:"ms-Panel--fixed",extraLarge:"ms-Panel--xl",custom:"ms-Panel--custom",customNear:"ms-Panel--customLeft"},panelWidth_full="100%",panelWidth_auto="auto",panelWidth_xs=272,panelWidth_sm=340,panelWidth_md1=592,panelWidth_md2=644,panelWidth_lg=940,panelMargin_auto="auto",panelMargin_none=0,panelMargin_md=48,panelMargin_lg=428,panelMargin_xl=176,smallPanelSelectors=((_a={})["@media (min-width: ".concat(lib.O7,"px)")]={width:panelWidth_sm},_a),mediumPanelSelectors=((_b={})["@media (min-width: ".concat(lib.mu,"px)")]={width:panelWidth_md1},_b["@media (min-width: ".concat(lib.af,"px)")]={width:panelWidth_md2},_b),largePanelSelectors=((_c={})["@media (min-width: ".concat(lib.c3,"px)")]={left:panelMargin_md,width:panelWidth_auto},_c["@media (min-width: ".concat(lib.Ke,"px)")]={left:panelMargin_lg},_c),largeFixedPanelSelectors=((_d={})["@media (min-width: ".concat(lib.Ke,"px)")]={left:panelMargin_auto,width:panelWidth_lg},_d),extraLargePanelSelectors=((_e={})["@media (min-width: ".concat(lib.Ke,"px)")]={left:panelMargin_xl},_e),getPanelBreakpoints=function(type){var selectors;switch(type){case Panel_types.H.smallFixedFar:selectors=(0,tslib_es6.Cl)({},smallPanelSelectors);break;case Panel_types.H.medium:selectors=(0,tslib_es6.Cl)((0,tslib_es6.Cl)({},smallPanelSelectors),mediumPanelSelectors);break;case Panel_types.H.large:selectors=(0,tslib_es6.Cl)((0,tslib_es6.Cl)((0,tslib_es6.Cl)({},smallPanelSelectors),mediumPanelSelectors),largePanelSelectors);break;case Panel_types.H.largeFixed:selectors=(0,tslib_es6.Cl)((0,tslib_es6.Cl)((0,tslib_es6.Cl)((0,tslib_es6.Cl)({},smallPanelSelectors),mediumPanelSelectors),largePanelSelectors),largeFixedPanelSelectors);break;case Panel_types.H.extraLarge:selectors=(0,tslib_es6.Cl)((0,tslib_es6.Cl)((0,tslib_es6.Cl)((0,tslib_es6.Cl)({},smallPanelSelectors),mediumPanelSelectors),largePanelSelectors),extraLargePanelSelectors)}return selectors},sharedPaddingStyles={paddingLeft:"24px",paddingRight:"24px"},Panel=(0,styled.I)(PanelBase,(function(props){var _a,_b,_c,_d,className=props.className,focusTrapZoneClassName=props.focusTrapZoneClassName,hasCloseButton=props.hasCloseButton,headerClassName=props.headerClassName,isAnimating=props.isAnimating,isFooterSticky=props.isFooterSticky,isFooterAtBottom=props.isFooterAtBottom,isOnRightSide=props.isOnRightSide,isOpen=props.isOpen,isHiddenOnDismiss=props.isHiddenOnDismiss,hasCustomNavigation=props.hasCustomNavigation,theme=props.theme,_e=props.type,type=void 0===_e?Panel_types.H.smallFixedFar:_e,effects=theme.effects,fonts=theme.fonts,semanticColors=theme.semanticColors,classNames=(0,lib.Km)(Panel_styles_GlobalClassNames,theme),isCustomPanel=type===Panel_types.H.custom||type===Panel_types.H.customNear;return{root:[classNames.root,theme.fonts.medium,isOpen&&classNames.isOpen,hasCloseButton&&classNames.hasCloseButton,{pointerEvents:"none",position:"absolute",top:0,left:0,right:0,bottom:0},isCustomPanel&&isOnRightSide&&classNames.custom,isCustomPanel&&!isOnRightSide&&classNames.customNear,className],overlay:[{pointerEvents:"auto",cursor:"pointer"},isOpen&&isAnimating&&lib.lw.fadeIn100,!isOpen&&isAnimating&&lib.lw.fadeOut100],hiddenPanel:[!isOpen&&!isAnimating&&isHiddenOnDismiss&&{visibility:"hidden"}],main:[classNames.main,{backgroundColor:semanticColors.bodyBackground,boxShadow:effects.elevation64,pointerEvents:"auto",position:"absolute",display:"flex",flexDirection:"column",overflowX:"hidden",overflowY:"auto",WebkitOverflowScrolling:"touch",bottom:0,top:0,left:panelMargin_auto,right:panelMargin_none,width:panelWidth_full,selectors:(0,tslib_es6.Cl)((_a={},_a[lib.up]={borderLeft:"3px solid ".concat(semanticColors.variantBorder),borderRight:"3px solid ".concat(semanticColors.variantBorder)},_a),getPanelBreakpoints(type))},type===Panel_types.H.smallFluid&&{left:panelMargin_none},type===Panel_types.H.smallFixedNear&&{left:panelMargin_none,right:panelMargin_auto,width:panelWidth_xs},type===Panel_types.H.customNear&&{right:"auto",left:0},isCustomPanel&&{maxWidth:"100vw"},isOpen&&isAnimating&&!isOnRightSide&&lib.lw.slideRightIn40,isOpen&&isAnimating&&isOnRightSide&&lib.lw.slideLeftIn40,!isOpen&&isAnimating&&!isOnRightSide&&lib.lw.slideLeftOut40,!isOpen&&isAnimating&&isOnRightSide&&lib.lw.slideRightOut40,focusTrapZoneClassName],commands:[classNames.commands,{backgroundColor:semanticColors.bodyBackground,paddingTop:18,selectors:(_b={},_b["@media (min-height: ".concat(lib.O7,"px)")]={position:"sticky",top:0,zIndex:1},_b)},hasCustomNavigation&&{paddingTop:"inherit"}],navigation:[classNames.navigation,{display:"flex",justifyContent:"flex-end"},hasCustomNavigation&&{height:"44px"}],contentInner:[classNames.contentInner,{display:"flex",flexDirection:"column",flexGrow:1,overflowY:"hidden"}],header:[classNames.header,sharedPaddingStyles,{alignSelf:"flex-start"},hasCloseButton&&!hasCustomNavigation&&{flexGrow:1},hasCustomNavigation&&{flexShrink:0}],headerText:[classNames.headerText,fonts.xLarge,{color:semanticColors.bodyText,lineHeight:"27px",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"break-word",hyphens:"auto"},headerClassName],scrollableContent:[classNames.scrollableContent,{overflowY:"auto"},isFooterAtBottom&&{flexGrow:1,display:"inherit",flexDirection:"inherit"}],content:[classNames.content,sharedPaddingStyles,{paddingBottom:20},isFooterAtBottom&&{selectors:(_c={},_c["@media (min-height: ".concat(lib.O7,"px)")]={flexGrow:1},_c)}],footer:[classNames.footer,{flexShrink:0,borderTop:"1px solid transparent",transition:"opacity ".concat(lib.cs.durationValue3," ").concat(lib.cs.easeFunction2),selectors:(_d={},_d["@media (min-height: ".concat(lib.O7,"px)")]={position:"sticky",bottom:0},_d)},isFooterSticky&&{backgroundColor:semanticColors.bodyBackground,borderTopColor:semanticColors.variantBorder}],footerInner:[classNames.footerInner,sharedPaddingStyles,{paddingBottom:16,paddingTop:16}],subComponentStyles:{closeButton:{root:[classNames.closeButton,{marginRight:14,color:theme.palette.neutralSecondary,fontSize:lib.fF.large},hasCustomNavigation&&{marginRight:0,height:"auto",width:"44px"}],rootHovered:{color:theme.palette.neutralPrimary}}}}}),void 0,{scope:"Panel"})},"./node_modules/@fluentui/react/lib/components/Panel/Panel.types.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var PanelType;__webpack_require__.d(__webpack_exports__,{H:()=>PanelType}),function(PanelType){PanelType[PanelType.smallFluid=0]="smallFluid",PanelType[PanelType.smallFixedFar=1]="smallFixedFar",PanelType[PanelType.smallFixedNear=2]="smallFixedNear",PanelType[PanelType.medium=3]="medium",PanelType[PanelType.large=4]="large",PanelType[PanelType.largeFixed=5]="largeFixed",PanelType[PanelType.extraLarge=6]="extraLarge",PanelType[PanelType.custom=7]="custom",PanelType[PanelType.customNear=8]="customNear"}(PanelType||(PanelType={}))}}]);