"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[902],{3750:function(e,t,n){n.r(t),n.d(t,{TitleOverflowMenu:function(){return I}});var o=n(34629),r=n(41594),i=n(53013),s=n(16038),u=n(59198),a=n(33589),l=n(39962),p=n(97410),c=n(33330),d=n(22224),h=n(38826),m=n(98031),f=n(29169),M=n(71683),g=n(17280),b=n(66970);var v=function(e){function t(t){var n=e.call(this,t)||this;return n.menuTriggerRef=r.createRef(),n.subMenuTriggerRef=r.createRef(),n.menuTableRef=r.createRef(),n.resizeTimeId=null,n.blurTimeId=null,n.triggerFocused=!1,n.selectedElement=null,n.controlId=d.uniqueId("menu"),n.allowScrollBar=!n.props.SubMenu,n.state={MenuExpanded:!1,DisableButtonFocused:!1},n.getRoot=n.getRoot.bind(n),n.onMenuBlur=n.onMenuBlur.bind(n),n.onKeyDownForMenuTriggerButton=n.onKeyDownForMenuTriggerButton.bind(n),n.handleKeyUpOnTable=n.handleKeyUpOnTable.bind(n),n.resizeWindowCallback=n.resizeWindowCallback.bind(n),n.focusOnMenuItem=n.focusOnMenuItem.bind(n),n.setSelectedElement=n.setSelectedElement.bind(n),n.handleTriggerFocus=n.handleTriggerFocus.bind(n),n.handleTriggerClick=n.handleTriggerClick.bind(n),n.collapseMenu=n.collapseMenu.bind(n),n}return(0,o.C6)(t,e),t.prototype.componentWillReceiveProps=function(e){e.Reset&&(this.setState({MenuExpanded:!1}),e.onMenuReset&&e.onMenuReset(),this.focus())},t.prototype.componentDidMount=function(){window.addEventListener("resize",this.resizeWindowCallback)},t.prototype.componentDidUpdate=function(e,t){var n=this;!this.state.MenuExpanded&&this.triggerFocused&&(this.focus(),this.triggerFocused=!1),!t.MenuExpanded&&this.state.MenuExpanded&&(this.props.DisableAdjustPopupPosition||this.adjustPopupPosition(),setTimeout((function(){var e;n.setFocusOnMenuItem(null===(e=n.getMenuItemElements())||void 0===e?void 0:e[0])}),0),this.props.onMenuExpand&&this.props.onMenuExpand()),t.MenuExpanded&&!this.state.MenuExpanded&&(this.selectedElement=null,this.props.onMenuCollapse&&this.props.onMenuCollapse())},t.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.resizeWindowCallback),this.resizeTimeId&&window.clearTimeout(this.resizeTimeId),this.blurTimeId&&window.clearTimeout(this.blurTimeId)},t.prototype.render=function(){var e,t=(0,h.x)(this.props.ClassNameForContainer,"menu-control-dropup");return(e=this.getTriggerProps()).ref=this.subMenuTriggerRef,this.props.SubMenu?e.className=(0,h.x)(e.className,t):e={className:t},r.createElement("div",(0,o.Cl)({},e),this.createMenuTrigger(),this.createMenuTable())},t.setReservedWidthToRight=function(e){t.reservedWidthToRight=e},t.prototype.resizeWindowCallback=function(){var e=this;this.resizeTimeId||(this.resizeTimeId=window.setTimeout((function(){e.resizeTimeId=null,e.adjustPopupPosition()}),100))},t.prototype.focus=function(){var e=this.props.SubMenu?this.subMenuTriggerRef.current:this.menuTriggerRef.current;e&&!this.state.MenuExpanded&&e.focus()},t.prototype.setFocusOnMenuItem=function(e){e&&e.focus()},t.prototype.switchMenuExpandedState=function(e){this.triggerFocused=this.state.MenuExpanded&&!!e,this.setState({MenuExpanded:!this.state.MenuExpanded})},t.prototype.collapseMenu=function(){this.setState({MenuExpanded:!1})},t.prototype.createMenuTrigger=function(){return this.props.SubMenu?this.props.HTMLAttributes.children:(0,b.Tf)({HTMLAttributes:this.getTriggerProps(),TooltipClassName:this.props.TooltipClassName,ButtonStyle:this.props.ButtonStyle,children:this.props.HTMLAttributes.children,ref:this.menuTriggerRef})},t.prototype.handleTriggerFocus=function(e){this.props.SubMenu&&this.props.setSelectedElement(e.currentTarget),this.props.onButtonFocus&&this.props.onButtonFocus()},t.prototype.getTriggerProps=function(){var e={tabIndex:this.props.SubMenu?-1:0,autoFocus:this.props.AutoFocused,"aria-expanded":this.state.MenuExpanded,"aria-haspopup":!0,"aria-label":this.props.AriaLabel,"aria-disabled":this.props.Disabled,"aria-controls":this.state.MenuExpanded?this.controlId:void 0,className:"menu-control-trigger"};return this.props.Disabled||(e=d.extend(e,{onClick:this.handleTriggerClick,onFocus:this.handleTriggerFocus,onKeyDown:this.onKeyDownForMenuTriggerButton})),(0,f.aO)(e,this.props.HTMLAttributes)},t.prototype.getMenuItemRole=function(e){switch(e){case 0:return"menuitem";case 2:return"menuitemradio";default:return"menuitemcheckbox"}},t.prototype.onMenuBlur=function(e){var t=this;e.stopPropagation();var n=(0,m.X6)(e);if(this.props.SubMenu){var o=this.props.Root.current;if(!o||!o.contains(n))return void(this.blurTimeId=window.setTimeout((function(){t.blurTimeId=null,t.props.collapseRootMenu()}),150))}var r=this.menuTableRef.current;r&&r.contains(n)||(this.blurTimeId=window.setTimeout((function(){t.blurTimeId=null,t.collapseMenu()}),150))},t.prototype.createUnorderedListMenuItem=function(e,t,n){var i=this,s=!!e.IsDisabled,u=function(){if(!s)return e.onExecute()},a={"aria-disabled":s,className:(0,h.x)("separator",s?"menu-item-disabled highContrast-text-disabled":"menu-item-active",e.Checked?"checked":""),key:e.Key,"aria-setsize":n,"aria-posinset":t+1,onFocus:this.focusOnMenuItem,title:e.Title,role:this.getMenuItemRole(this.props.MenuItemType),tabIndex:s?void 0:-1,onClick:function(){i.switchMenuExpandedState(!u())},onBlur:this.onMenuBlur,onKeyDown:function(e){return i.onKeyDownForMenuItem(e,u)}};0!==this.props.MenuItemType&&(a["aria-checked"]=e.Checked);var l=e.Checked?r.createElement(c.K,(0,o.Cl)({},{FluentIcon:"Checkmark",HTMLAttributes:{className:"forms-icon-size18x18 question-menu-check-icon"}})):void 0;return r.createElement("li",(0,o.Cl)({},a),l,r.createElement("span",null,e.Description))},t.prototype.createUnorderListMenu=function(){var e=this,t=[],n=this.props.UnorderListMenuItems,i=!1;if(n){var s=n.filter((function(e){return!!e}));s.forEach((function(n,o){t.push(e.createUnorderedListMenuItem(n,o,s.length)),i=i||n.Checked}))}var u={className:(0,h.x)("menu-control-options-box",this.props.ClassName),id:this.controlId,ref:this.menuTableRef,role:"menubar",tabIndex:-1,onBlur:this.onMenuBlur,onKeyUp:this.handleKeyUpOnTable},a=(0,h.x)("menu-control-options-content","menu-control","border-no-radius",i?"checked":"");return r.createElement("div",(0,o.Cl)({},u),r.createElement("ul",{className:a,role:"presentation"},t))},t.prototype.createCustomizedMenu=function(){var e=this.createCustomizedMenuItems(),t={"aria-label":this.props.AriaLabel||"",className:(0,h.x)("menu-control-options-box",this.props.ClassName),id:this.controlId,ref:this.menuTableRef,role:"menu",tabIndex:-1,onKeyUp:this.handleKeyUpOnTable,onBlur:this.onMenuBlur,style:this.allowScrollBar?{overflowY:"auto"}:void 0};return r.createElement("div",(0,o.Cl)({},t),r.createElement("div",{className:"menu-control-options-content"},e))},t.prototype.createCustomizedMenuItems=function(){var e=this,n=r.Children.toArray(this.props.children).filter((function(e){return e.props.Active})).length,o=0;return r.Children.map(this.props.children,(function(i,s){i=r.Children.only(i);var u=d.clone(i.props);if(u.Active){var a=e.getMenuItemRole(e.props.MenuItemType),l=d.extend({key:s.toString(),"aria-disabled":u.Disabled,"aria-posinset":++o,"aria-setsize":n,role:a,tabIndex:-1},u.HTMLAttributes);return u.Disabled?l.className=(0,h.x)(l.className,"menu-item-disabled highContrast-text-disabled"):l.className=(0,h.x)(l.className,"menu-item-active"),u.SubMenu?(e.allowScrollBar=!1,r.createElement(t,{AriaLabel:e.props.AriaLabelForSubmenu,MenuItemType:e.props.MenuItemType,SubMenu:!0,Disabled:u.Disabled,TooltipClassName:e.props.TooltipClassName,setSelectedElement:e.setSelectedElement,HTMLAttributes:l,collapseRootMenu:e.props.collapseRootMenu||e.collapseMenu,Root:e.props.Root||e.menuTableRef},u.children)):(l=u.Disabled?(0,f.aO)(l,{onFocus:function(t){e.selectedElement=t.currentTarget,e.state.MenuExpanded&&e.props.onMenuItemMouseOver&&t.currentTarget.getAttribute("aria-disabled")&&(e.props.onMenuItemMouseOver(t),e.setState({DisableButtonFocused:!0}))},onBlur:function(t){e.props.onMenuItemMouseLeave&&(e.props.onMenuItemMouseLeave(t),e.setState({DisableButtonFocused:!1}))}}):(0,f.aO)(l,{onFocus:e.focusOnMenuItem,onClick:function(t){t.stopPropagation(),t.preventDefault(),(0,M.qf)((function(){return u.onClick()}),(function(){return u.onClick(u.HTMLAttributes["aria-posinset"])})),e.props.SubMenu?e.props.collapseRootMenu():e.switchMenuExpandedState()},onKeyDown:function(t){return e.onKeyDownForMenuItem(t,u.onClick)}}),u.HTMLAttributes=l,r.cloneElement(i,u))}return i}))},t.prototype.setSelectedElement=function(e){this.selectedElement=e},t.prototype.getRoot=function(){return this.menuTableRef},t.prototype.createMenuTable=function(){return this.state.MenuExpanded?this.props.UnorderListMenuItems?this.createUnorderListMenu():this.createCustomizedMenu():null},t.prototype.handleTriggerClick=function(e){this.props.SubMenu&&(e.stopPropagation(),e.preventDefault()),this.switchMenuExpandedState()},t.prototype.focusOnMenuItem=function(e){e.stopPropagation(),this.selectedElement=e.currentTarget},t.prototype.handleKeyUpOnTable=function(e){switch(e.keyCode){case 36:e.stopPropagation(),e.preventDefault(),this.setFocusOnMenuItem(this.getMenuItemElements()[0]);break;case 35:e.stopPropagation(),e.preventDefault();var t=this.getMenuItemElements();this.setFocusOnMenuItem(t[t.length-1]);break;case 38:e.stopPropagation(),e.preventDefault(),this.setFocusOnMenuItem(this.getPreviousElement());break;case 39:case 40:e.stopPropagation(),e.preventDefault(),this.setFocusOnMenuItem(this.getNextElement());break;case 37:case 27:case 9:e.stopPropagation(),e.preventDefault(),this.state.DisableButtonFocused?(this.props.onMenuItemMouseLeave&&this.props.onMenuItemMouseLeave(e),this.setState({DisableButtonFocused:!1})):this.switchMenuExpandedState(!0)}},t.prototype.getMenuItemElements=function(){var e=this.menuTableRef.current;return e?e.firstElementChild.querySelectorAll(".menu-item-active,.menu-item-disabled"):null},t.prototype.getPreviousElement=function(){var e=this,t=this.getMenuItemElements();if(t.length>0){if(this.selectedElement&&this.selectedElement!==t[0]){var n=d.findIndex(t,(function(t){return e.selectedElement===t}));return t[--n]}return t[t.length-1]}},t.prototype.getNextElement=function(){var e=this,t=this.getMenuItemElements();if(t.length>0){if(this.selectedElement&&this.selectedElement!==t[t.length-1]){var n=d.findIndex(t,(function(t){return e.selectedElement===t}));return t[++n]}return t[0]}},t.prototype.onKeyDownForMenuTriggerButton=function(e){switch(e.keyCode){case 40:this.props.SubMenu||(e.preventDefault(),this.switchMenuExpandedState());break;case 13:e.stopPropagation(),e.preventDefault(),this.switchMenuExpandedState();break;case 39:this.state.MenuExpanded||(e.stopPropagation(),e.preventDefault(),this.switchMenuExpandedState())}},t.prototype.onKeyDownForMenuItem=function(e,t){switch(e.keyCode){case 32:e.stopPropagation(),e.preventDefault(),t&&t(),1!==this.props.MenuItemType&&(this.props.SubMenu?this.props.collapseRootMenu():this.switchMenuExpandedState());break;case 13:e.stopPropagation(),e.preventDefault();var n=t&&t(),o=void 0!==n&&n;this.props.SubMenu?this.props.collapseRootMenu():this.switchMenuExpandedState(!o)}},t.prototype.adjustPopupPosition=function(){var e;e=this.props.SubMenu?this.subMenuTriggerRef.current:this.menuTriggerRef.current&&this.menuTriggerRef.current.getHtmlElement();var n=this.menuTableRef.current;if(e&&n){var o=n.offsetWidth,r=n.offsetHeight,i=n.offsetParent;if(!i)return;for(n.style.display="none";i;){var s=window.getComputedStyle(i,""),u=s.overflowX,a=s.overflowY;if(u&&"visible"!==u||a&&"visible"!==a||"BODY"===i.tagName)break;i=i.parentElement}var l=i.getBoundingClientRect(),p=e.getBoundingClientRect(),c=void 0,d=void 0;this.props.SubMenu?(c=i.clientWidth+l.left-p.right-o>0?p.width:-o,d=i.clientHeight+l.top-p.top-r>0?0:-r):(c=Math.min(i.clientWidth+l.left-p.left-o-t.reservedWidthToRight,0),d=Math.min(i.clientHeight+l.top-p.top-r-5,p.height)),n.style.display="block",n.style.left=c+"px",n.style.top=d+"px"}},t.reservedWidthToRight=0,t}(g.h);function T(e){return e.SubMenu||!e.Active?e.children:r.createElement("div",(0,o.Cl)({},e.HTMLAttributes),e.children)}var E=n(10086),I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.C6)(t,e),t.prototype.render=function(){var e=this.getToggleImmersiveReaderMenuItem();return e?r.createElement(v,{ButtonStyle:1,ClassNameForContainer:"title-menu-control-container",HTMLAttributes:{"aria-label":(0,a.qn)().Common_More_Options_Text,children:(0,c.a)({FluentIcon:"More Horizontal",HTMLAttributes:{className:"forms-icon-size20x20"}}),className:"title-ellipsis-button office-form-theme-button"}},e):null},t.prototype.componentDidMount=function(){return(0,o.sH)(this,void 0,Promise,(function(){var e,t;return(0,o.YH)(this,(function(n){switch(n.label){case 0:return e=this.setState,t={},[4,(0,l.a8)()];case 1:return e.apply(this,[(t.isEduUser=n.sent(),t)]),[2]}}))}))},t.prototype.getToggleImmersiveReaderMenuItem=function(){var e=this,t=this.props.ImmersiveReaderToggleProps;if((null==t?void 0:t.ToggleImmersiveReaderButtons)&&!(0,i._x)()&&!(0,u.am)()&&!(0,s.lT)()){var n=t.ShouldShowImmersiveReaderButtons?(0,a.qn)().ImmersiveReader_Toggle_Disable:(0,a.qn)().ImmersiveReader_Toggle_Enable;return r.createElement(T,{Active:!0,key:"toggleImmersiveReaderButtonKey",onClick:function(){(0,p.O7)("ImmersiveReader.OverflowMenu.Clicked",{isEduUser:e.state.isEduUser,previousState:t.ShouldShowImmersiveReaderButtons}),t.ToggleImmersiveReaderButtons()}},r.createElement("div",{className:"toggle-immersive-reader-button"},r.createElement(E.l,{"aria-hidden":"true",height:"20",src:"/Images/immersive-reader-icon.svg",width:"20"}),r.createElement("span",null,n)))}return null},t}(g.h)}}]);

//# sourceMappingURL=https://artifacts.dev.azure.com/office/_apis/symbol/symsrv/response-page-pro.chunk.ir.96ce202.js.map/ad61fe7a401c5cfa37dfef736af38721b4c11e19be22b84be645fb40c131c1b5/response-page-pro.chunk.ir.96ce202.js.map