"use strict";(this.webpackChunk_msteams_react_web_client=this.webpackChunk_msteams_react_web_client||[]).push([[8687],{175413:(e,t,n)=>{n.d(t,{Z:()=>i});var o=n(214788),i=function(){return(0,o.l)({container:{display:"flex",justifyContent:"flex-end"}})}},114053:(e,t,n)=>{n.r(t),n.d(t,{DetailsButtonCollection:()=>v,default:()=>b});var o=n(971510),i=n(580257),r=n(113329),l=n(359881),a=n(256027),s=n(951875),c=n(30392),u=n(537245),d=n(513432),p=n.n(d),g=n(393066),m=n(175413);function h(e,t){var n,o;return void 0===t&&(t={}),!function(e){var t;return!e||"AddToPlaylist"===(null===(t=null==e?void 0:e.iconProps)||void 0===t?void 0:t.iconName)}(e)||(null!==(n=t.width)&&void 0!==n?n:0)>=640&&(null!==(o=t.height)&&void 0!==o?o:0)>=360}function f(e){var t;return void 0===e&&(e={}),(null!==(t=e.width)&&void 0!==t?t:0)>=480}var v=function(e){var t=p().useState(e.playerContainer?{width:e.playerContainer.clientWidth,height:e.playerContainer.clientHeight}:void 0),n=t[0],v=t[1],b=(0,m.Z)(),y=(0,d.useCallback)((function(e){var t={},r={},l="";return e&&e.isUnderlined&&(t={content:"''",display:"block",height:"4px",width:"calc(100% - 4px)",margin:"0 2px",position:"absolute",bottom:"-8px",backgroundColor:"rgba(255, 255, 255, 0.5)",boxSizing:"inherit",padding:"0 4px 0 0"},r=(0,o.__assign)((0,o.__assign)({},t),{bottom:"-8px !important",top:"unset !important",left:"unset !important",right:"unset !important",outline:"unset !important"}),l="1px solid"),{root:{backgroundColor:"unset",border:0,minWidth:"20px",padding:"0px 6px 0px 6px",paddingBlockEnd:0,paddingBlockStart:0,paddingInlineEnd:"none",borderRadius:0,color:"white",selectors:{"::after":t},display:h(e,n)?"inline-block":"none"},label:{fontWeight:400,paddingLeft:"6px",display:f(n)?"inline-block":"none",margin:0},rootHovered:{backgroundColor:i.OB.Gray160},rootPressed:{backgroundColor:"unset"},rootFocused:{selectors:{"::after":r},outline:l},rootCheckedHovered:{selectors:{"::after":r},backgroundColor:"unset"},rootChecked:{selectors:{"::after":r},backgroundColor:"unset"},icon:{color:"white !important",fontSize:"20px",margin:0,height:"20px",width:"20px",padding:"6px 0px 6px 0px"},iconHovered:{color:"white"}}}),[n]),k=function(t){return e.components.filter((function(e){return e.props.type===t&&e.isVisible})).map((function(e){var t;return{key:"button-".concat(e.id),text:e.tooltip,iconProps:{iconName:e.icon},iconOnly:!0,onClick:w(e.props.onClick,e.userActionName,e.pluginIdentifier),onMouseEnter:e.props.onMouseEnter,onMouseLeave:e.props.onMouseLeave,disabled:!e.isEnabled,tooltip:e.tooltip,ariaLabel:e.ariaLabel,isUnderlined:e.isUnderlined,toggle:!!e.props.toggleButtonRole,role:null!==(t=e.props.toggleButtonRole)&&void 0!==t?t:"button","aria-checked":e.props.toggleButtonRole&&"switch"===e.props.toggleButtonRole?e.isUnderlined:null,checked:e.props.toggleButtonRole&&"switch"!==e.props.toggleButtonRole?e.isUnderlined:null}}))},C=function(){return k("Primary")};p().useEffect((function(){if(e.playerContainer){var t=new ResizeObserver((function(){v({width:e.playerContainer.clientWidth,height:e.playerContainer.clientHeight})}));return t.observe(e.playerContainer),function(){t.disconnect()}}}),[e.playerContainer]);var x=(0,d.useCallback)((function(e){var t=y(e),i={root:{display:t.root.valueOf().display,zIndex:1e6}};return p().createElement(l.S,{delay:a.H.zero,content:e.tooltip,id:"tooltip-".concat(e.key),styles:i,calloutProps:{doNotLayer:!0},directionalHint:s.A.bottomCenter,hidden:f(n)},"Share"===e.iconProps.iconName?p().createElement(c.Y,(0,o.__assign)({},e,{iconProps:void 0,styles:t,onRenderIcon:function(){return p().createElement(g.Ukm,null)}})):p().createElement(c.Y,(0,o.__assign)({},e,{styles:t})))}),[n,y]),_=(0,d.useCallback)((function(e){return p().createElement(c.Y,{role:"menuitem",title:"More items",styles:y(),menuIconProps:{iconName:r.s.More,styles:{root:{color:"white !important"}}},menuProps:{items:e}})}),[y]),w=function(t,n,i){return function(){var r;t(),i&&e.log.userAction("PluginButtonAction",(0,o.__assign)((0,o.__assign)({name:n},i),{actionType:"LeftClick",playbackTimeSec:null!==(r=e.currentPlaybackTimeInSeconds.value)&&void 0!==r?r:-1}))}};return C().length>0?p().createElement("div",{className:b.container},p().createElement(u.p,{vertical:e.vertical,items:C(),overflowItems:k("Secondary"),onRenderOverflowButton:_,onRenderItem:x,styles:{root:{gap:"4px"}}})):null};const b=v}}]);
//# sourceMappingURL=https://local.teams.office.com/sourcemaps/hashed-assets/detailsButtonCollection-f5b2e0ca7b06fb4c.js.map