/
pivot-hover.9b39744dec9615feecc2.js.ดาวน์โหลด
1 lines (1 loc) · 19.6 KB
/
pivot-hover.9b39744dec9615feecc2.js.ดาวน์โหลด
1
(window.webpackJsonp=window.webpackJsonp||[]).push([["pivot-hover"],{"/qgZ":function(e,t,o){"use strict";o.r(t),o.d(t,"PivotHover",(function(){return J})),o.d(t,"PivotHoverActions",(function(){return y})),o.d(t,"PivotHoverConnector",(function(){return q})),o.d(t,"PivotHoverReducer",(function(){return $})),o.d(t,"ToolingInfo",(function(){return G}));var i=o("+viU"),s=o("5mwN"),r=o("wirn"),n=o("YJhp"),a=o("Am8i"),c=o("6nIz"),l=o("vWld"),d=o("6PtM"),u=o("ERkP"),h=o.n(u),v=o("7nmT"),p=o.n(v),m=o("mObi");class g extends s.a{constructor(){super(...arguments),this.handledProps=Object.assign(Object.assign({},s.b),{managedClasses:void 0,articleAriaHelpText:void 0,hoverFlyoutOpen:void 0,headerText:void 0,articles:void 0,onClosed:void 0,onComponentCreated:void 0,requestOpen:void 0,targetPivotRect:void 0,telemetryObject:void 0,requestContext:void 0}),this.getArticleTelemetryTags=Object(m.a)(e=>{if(!this.props.telemetryObject)return{};return this.props.telemetryObject.addOrUpdateChild({name:"HoverFlyoutArticle",content:{id:e},type:a.e.Headline}).render()}),this.onClosed=e=>{this.props.onClosed(e),this.lastFocusedPivot&&e&&this.lastFocusedPivot.focus()},this.onListBlur=()=>{this.lastFocusedPivot&&this.lastFocusedPivot.focus()}}render(){if(super.render(),!this.props.hoverFlyoutOpen)return null;this.itemRefs=[];let e=0;return h.a.createElement(c.a,Object.assign({className:this.generateClassNames(this.props.managedClasses.pivotHover_root),targetRect:this.props.targetPivotRect,flyoutWidth:300,requestOpen:this.props.requestOpen,onClosed:this.onClosed,id:"pivotHoverFlyout",requestContext:this.props.requestContext},this.unhandledProps()),this.renderHeaderIfNeeded(),h.a.createElement(d.a,{blurHandler:this.onListBlur},this.props.articles.map(t=>{e++;const o=h.a.createRef();return this.itemRefs.push(o),h.a.createElement(l.a,{key:e,title:t.title,url:t.url,providerName:t.providerName,imageBaseUrl:t.imageUrl,imageFocalRegion:t.imageFocalRegion,ref:o,ariaHelpText:this.props.articleAriaHelpText,telemetryTags:this.getArticleTelemetryTags(t.id),requestContext:this.props.requestContext})})))}componentDidMount(){this.props.onComponentCreated(this)}componentDidUpdate(e){!e.hoverFlyoutOpen&&this.props.hoverFlyoutOpen&&(this.lastFocusedPivot=document.activeElement)}focusListItem(e){this.lastFocusedPivot=document.activeElement;const t=e?this.itemRefs[0]:this.itemRefs[this.itemRefs.length-1];p.a.findDOMNode(t.current).focus()}renderHeaderIfNeeded(){if(this.props.headerText){const{managedClasses:e}=this.props;return h.a.createElement(h.a.Fragment,null,h.a.createElement("div",{className:e.pivotHover_header},h.a.createElement(r.a,{className:e.pivotHover_trendingIcon,glyphType:n.b.Trending,width:"16px",height:"16px"}),h.a.createElement("span",{className:e.pivotHover_headerText},this.props.headerText)),h.a.createElement("hr",{className:e.pivotHover_separator}))}return null}}g.defaultProps={experienceName:"PivotHover"};var f=o("G82u");class y{}y.openHoverFlyout=new f.a("OpenHoverFlyout"),y.closeHoverFlyout=new f.a("CloseHoverFlyout"),y.updateMouseHover=new f.a("UpdateMouseHover"),y.updatePivotFocus=new f.a("UpdatePivotFocus");var F,b=o("CuO/"),H=o("D57K");!function(e){e.JustFeedTitle="JustFeedTitle",e.LatestIn="LatestIn"}(F||(F={}));var C=o("w0HK"),x=o("ICfc"),w=o("HxRh"),O=o("u5KZ"),P=o("rvYQ"),T=o("msIb");const S="{value{subCards{id title url images{url focalRegion{x1 y1 x2 y2}} provider{name}}}}";function N(e,t){return Object(H.b)(this,void 0,void 0,(function*(){const o={},i=[],s=P.a.CurrentMarket;i.push(`{myFeed: newsFeedV0(top:${t}, market:"${s}")${S}`);for(const o of e){const e=o.replace(/-/g,"");i.push(`${e}: newsFeedV0(ids:"${o}", top:${t}, market:"${s}")${S}`)}i.push("}");try{const e=yield function(e,t){return Object(H.b)(this,void 0,void 0,(function*(){return(yield fetch(`https://api.msn.com/graphql/graphql?apikey=${T.a.apiKey}&ocid=${t}&scn=${P.a.AuthCookieName}&activityId=${P.a.ActivityId}`,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({query:e}),credentials:"include"})).json()}))}(i.join(""),"anaheim-ntp-feeds");if(!e||!e.data)return I("Feed summary response was empty."),o;for(const t of Object.keys(e.data)){const i=e.data[t];if(!i||!i.value)continue;const s=i.value;if(!s.length||!s[0].subCards)continue;const n=s[0].subCards;if(!n||!n.length)continue;const a=[];for(const e of n){const t=e.images&&e.images.length>0,o={id:e.id,title:e.title,url:e.url,providerName:e.provider.name,imageUrl:t?e.images[0].url:void 0,imageFocalRegion:t?e.images[0].focalRegion:void 0};a.push(o)}if(a.length>0){o["myFeed"===t?t:`${(r=t).substring(0,10)}-${r.substring(10,14)}-${r.substring(14,18)}-${r.substring(18,22)}-${r.substring(22)}`]=a}}}catch(e){I(e)}var r;return o}))}function I(e){O.a.sendAppErrorEvent(Object.assign(Object.assign({},w.rc.FeedSummaryFetchError),{message:e}))}var j=o("iCAe"),D=o("6fq4"),A=o("WfnD"),R=o("s9+9"),k=o("9J8d");const L={inspect:e=>{const{config:t,state:o,connectorArgs:i}=e,{localizedStrings:s}=t;let r;o.feedName&&(r=t.flyoutHeaderFormat===F.LatestIn?s.headerLatestInFormat.replace("{0}",o.feedName):o.feedName);return{props:{articleAriaHelpText:s.articleAriaHelpText,hoverFlyoutOpen:o.hoverFlyoutOpen,headerText:r,articles:o.articles,requestOpen:o.isMouseOverPivot||o.pivotHasFocus,targetPivotRect:o.targetPivotRect,requestContext:i.requestContext},missingChildren:[]}}};var M,E=o("DCIk");!function(e){e[e.NoHover=0]="NoHover",e[e.HoveredWaiting=1]="HoveredWaiting",e[e.FetchingDataForFlyout=2]="FetchingDataForFlyout",e[e.FlyoutOpen=3]="FlyoutOpen"}(M||(M={}));class q extends A.a{constructor(){super(...arguments),this.hoverState=M.NoHover,this.startHover=e=>{if(this.supportsFlyout(e)&&!Object(j.b)()){switch(this.hoveredPivot=e,this.hoverState){case M.NoHover:this.hoverState=M.HoveredWaiting,this.startHoverDwellTimer();break;case M.HoveredWaiting:clearTimeout(this.hoverDwellTimer),this.startHoverDwellTimer();break;case M.FetchingDataForFlyout:break;case M.FlyoutOpen:this.swapFlyoutToHoveredPivot()}y.updateMouseHover.getActionSender(this).send(!0)}},this.endHover=()=>{switch(this.hoverState){case M.HoveredWaiting:clearTimeout(this.hoverDwellTimer),this.moveToNoHoverState();break;case M.FetchingDataForFlyout:this.moveToNoHoverState();break;case M.NoHover:case M.FlyoutOpen:}y.updateMouseHover.getActionSender(this).send(!1)},this.onFocus=e=>{if(this.pivotFocused=!0,this.supportsFlyout(e)&&!this.getCurrentState().forceClosed&&D.a){switch(this.hoveredPivot=e,this.hoverState){case M.NoHover:this.startLoadingHoverData();break;case M.HoveredWaiting:clearTimeout(this.hoverDwellTimer),this.startLoadingHoverData();break;case M.FetchingDataForFlyout:break;case M.FlyoutOpen:this.swapFlyoutToHoveredPivot()}y.updatePivotFocus.getActionSender(this).send(!0)}},this.onBlur=()=>{this.pivotFocused=!1,y.updatePivotFocus.getActionSender(this).send(!1)},this.onClick=()=>{this.moveToNoHoverState(),y.closeHoverFlyout.getActionSender(this).send(!0)},this.onMoveToPreview=e=>this.hoverState===M.FlyoutOpen&&(this.boundComponent.focusListItem(e),!0),this.startLoadingHoverData=()=>Object(H.b)(this,void 0,void 0,(function*(){this.hoverState=M.FetchingDataForFlyout;let e=this.getArticleListForHoveredPivot();if(e)return void this.showFlyoutForHoveredPivot(e);const t=this.getTopicDataConnector();if(!t)return void this.moveToNoHoverState();let o=yield t.getFollowedTopics();o=o.slice(0,this.config.xFeedCount||15),this.feedSummaryPromise&&Object(E.a)(o,this.topicIdsForFeedSummaryFetch)||(this.topicIdsForFeedSummaryFetch=o,this.feedSummaryPromise=N(o,3)),this.cachedFeedSummaries=yield this.feedSummaryPromise,this.feedSummaryPromise=null,this.topicIdsForFeedSummaryFetch=null,this.noLongerHovering()||(e=this.getArticleListForHoveredPivot(),e&&e.length?this.showFlyoutForHoveredPivot(e):this.moveToNoHoverState())})),this.onFlyoutClosed=e=>{y.closeHoverFlyout.getActionSender(this).send(e),this.moveToNoHoverState(),Object(j.d)(j.a.pivot,!1)},this.onComponentCreated=e=>{this.boundComponent=e}}mapStateToProps(e){const t={requestContext:this.requestContext},o={config:this.config,children:this.childComponentInstanceList,state:e,connectorArgs:t},i=L.inspect(o),s=Object.assign(Object.assign(Object.assign({},i.props),this.telemetryTags),{telemetryObject:this.telemetryObject});return s.onClosed=this.onFlyoutClosed,s.onComponentCreated=this.onComponentCreated,s}onComponentConnect(e){return Object(H.b)(this,void 0,void 0,(function*(){yield A.a.prototype.onComponentConnect.call(this,e);const t=k.a.getInstance().rootReducer.connector(R.a.SharedState);if(t&&t.getCurrentState().useHistory)return;const o=Object(C.a)();o.addStartHoverListener(this.startHover),o.addEndHoverListener(this.endHover),o.addFocusListener(this.onFocus),o.addBlurListener(this.onBlur),o.setMoveToPreviewListener(this.onMoveToPreview),o.addClickListener(this.onClick)}))}supportsFlyout(e){return!e.isOverflow&&(e.dynamicPivotSource===x.a.TopicsData||!e.dynamicPivotSource&&e.pivotId===this.config.myFeedPivotId)}startHoverDwellTimer(){this.hoverDwellTimer=setTimeout(this.startLoadingHoverData,100)}swapFlyoutToHoveredPivot(){const e=this.getArticleListForHoveredPivot();e?this.showFlyoutForHoveredPivot(e):(this.cachedFeedSummaries=null,this.hoverState=M.FetchingDataForFlyout,this.startLoadingHoverData())}showFlyoutForHoveredPivot(e){this.hoverState=M.FlyoutOpen,O.a.sendActionEvent(this.hoveredPivot.element,a.a.Hover,a.b.Show);const t=this.hoveredPivot.dynamicPivotSource===x.a.TopicsData||this.hoveredPivot&&"oneriver.myfeed"===this.hoveredPivot.pivotId?this.hoveredPivot.display:null;y.openHoverFlyout.getActionSender(this).send(this.hoveredPivot.element.getBoundingClientRect(),t,e),this.pivotFocused&&!this.getCurrentState().forceClosed&&Object(j.d)(j.a.pivot,!0)}getArticleListForHoveredPivot(){return this.cachedFeedSummaries&&this.hoveredPivot?this.hoveredPivot.pivotId===this.config.myFeedPivotId?this.cachedFeedSummaries.myFeed:this.hoveredPivot.context?this.cachedFeedSummaries[this.hoveredPivot.context.feedId]:null:null}noLongerHovering(){return this.hoverState===M.NoHover}moveToNoHoverState(){this.hoverState=M.NoHover,this.hoveredPivot=null}getTopicDataConnector(){return k.a.getInstance().rootReducer.connector(R.a.TopicData)}}var _=o("05Au");class ${reduce(e,t){if(!e)return{hoverFlyoutOpen:!1,articles:[],forceClosed:!1,isMouseOverPivot:!1,pivotHasFocus:!1};if(!t)return e;let o;return _.a.handleAction(t,y.openHoverFlyout,(t,i,s)=>{o=Object.assign(Object.assign({},e),{hoverFlyoutOpen:!0,feedName:i,articles:s,targetPivotRect:t})}),_.a.handleAction(t,y.closeHoverFlyout,t=>{o=Object.assign(Object.assign({},e),{hoverFlyoutOpen:!1,forceClosed:t})}),_.a.handleAction(t,y.updateMouseHover,t=>{o=Object.assign(Object.assign({},e),{isMouseOverPivot:t})}),_.a.handleAction(t,y.updatePivotFocus,t=>{o=Object.assign(Object.assign({},e),{pivotHasFocus:t}),t||(o.forceClosed=!1)}),o||e}}var U=o("XI4f"),W=o("rRWH");const B={pivotHover_root:{},pivotHover_header:{display:"flex",margin:"12px 16px"},pivotHover_trendingIcon:{fill:U.a},pivotHover_headerText:{color:U.a,"font-size":"12px","font-weight":"600","margin-left":Object(W.c)("8px","auto"),"margin-right":Object(W.c)("auto","8px")},pivotHover_separator:{background:U.a,border:"none",height:"1px",margin:"0 16px"}};var z=o("jiKz"),K=o("O8lJ");const J=Object(i.a)(B)(g),G={reactComponent:J,experienceConfigSchema:b.PivotHoverConfigSchema,mockState:K.mockState,mockConfig:z.mockConfig,inspector:L.inspect}},"6PtM":function(e,t,o){"use strict";o.d(t,"a",(function(){return l}));var i=o("+viU"),s=o("Gy7L"),r=o("OnwC"),n=o("ERkP"),a=o.n(n);class c extends r.a{constructor(e){super(e),this.handledProps={managedClasses:void 0,blurHandler:void 0},this.onKeyDown=e=>{switch(e.keyCode){case s.e:this.focusPreviousItem(),e.preventDefault();break;case s.b:this.focusNextItem(),e.preventDefault();break;case s.m:e.shiftKey?this.focusPreviousItem():this.focusNextItem(),e.preventDefault()}}}render(){const{managedClasses:e}=this.props;return a.a.createElement("div",{onKeyDown:this.onKeyDown},this.props.children)}focusNextItem(){let e=document.activeElement.nextSibling;for(;e&&-1!==e.tabIndex;)e=e.nextSibling;e?e.focus():this.props.blurHandler()}focusPreviousItem(){let e=document.activeElement.previousSibling;for(;e&&-1!==e.tabIndex;)e=e.previousSibling;e?e.focus():this.props.blurHandler()}}const l=Object(i.a)({HoverFlyoutList_root:{}})(c)},"6fq4":function(e,t,o){"use strict";o.d(t,"a",(function(){return s}));var i=o("HDSB");let s=!1;Object(i.a)()&&(window.addEventListener("keydown",()=>{s=!0}),window.addEventListener("mousedown",()=>{s=!1}))},"6nIz":function(e,t,o){"use strict";o.d(t,"a",(function(){return p}));var i=o("+viU"),s=o("OnwC"),r=o("1I/+"),n=o("ERkP"),a=o.n(n),c=o("Gy7L");class l extends s.a{constructor(e){super(e),this.handledProps={managedClasses:void 0,targetRect:void 0,requestOpen:void 0,onClosed:void 0,flyoutWidth:void 0,requestContext:void 0},this.onResize=()=>{this.props.onClosed(!0)},this.onScroll=()=>{this.props.onClosed(!0)},this.onKeyDown=e=>{e.keyCode===c.h&&this.props.onClosed(!0)},this.onMouseEnter=()=>{this.mouseOverFlyout=!0,this.cancelCloseIfNeeded(),this.cancelStrayMouseTimerIfNeeded()},this.onMouseLeave=()=>{this.mouseOverFlyout=!1,this.startStrayMouseTimerIfNeeded()},this.onFocus=()=>{this.focusInFlyout=!0,this.cancelCloseIfNeeded(),this.cancelStrayMouseTimerIfNeeded()},this.onBlur=()=>{this.focusInFlyout=!1,this.startStrayMouseTimerIfNeeded()},this.state={visible:!1}}componentDidMount(){window.addEventListener("resize",this.onResize),window.addEventListener("scroll",this.onScroll),setTimeout(()=>{this.setState({visible:!0})},0)}render(){const e=this.props.targetRect,t=e.top+e.bottom<window.innerHeight,o=Object(r.b)(this.props.requestContext.data.innerWidth,"innerWidth");let i=Math.round((e.left+e.right-this.props.flyoutWidth)/2);i<16?i=16:i>o-16-this.props.flyoutWidth&&(i=o-16-this.props.flyoutWidth);const s={left:i+"px",width:this.props.flyoutWidth+"px",opacity:this.state.visible?1:0};if(t){const t=e.bottom+0;s.top=t+"px",s.maxHeight=window.innerHeight-t-16+"px"}else{const t=window.innerHeight-e.top+0;s.bottom=t+"px",s.maxHeight=e.top-0-16+"px"}return a.a.createElement("div",Object.assign({},this.unhandledProps(),{className:this.generateClassNames(this.props.managedClasses.HoverFlyout_root),style:s,onKeyDown:this.onKeyDown,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onFocus:this.onFocus,onBlur:this.onBlur}),this.props.children)}componentDidUpdate(e){e.requestOpen!==this.props.requestOpen&&(this.props.requestOpen?(this.cancelCloseIfNeeded(),this.cancelStrayMouseTimerIfNeeded()):this.startStrayMouseTimerIfNeeded())}componentWillUnmount(){window.removeEventListener("resize",this.onResize),window.removeEventListener("scroll",this.onScroll),this.cancelStrayMouseTimerIfNeeded(),this.cancelCloseIfNeeded()}startStrayMouseTimerIfNeeded(){this.mouseOverFlyout||this.props.requestOpen||this.focusInFlyout||(this.strayMouseTimerHandle=setTimeout(()=>{this.startClosing(),this.strayMouseTimerHandle=null},200))}cancelStrayMouseTimerIfNeeded(){this.strayMouseTimerHandle&&clearTimeout(this.strayMouseTimerHandle)}cancelCloseIfNeeded(){this.closeAnimationTimerHandle&&clearTimeout(this.closeAnimationTimerHandle),this.state.visible||this.setState({visible:!0})}startClosing(){this.closeAnimationTimerHandle=setTimeout(()=>{this.props.onClosed(!1)},200),this.setState({visible:!1})}}var d=o("MZhw"),u=o("objN"),h=o("0fst");const v={HoverFlyout_root:Object.assign({background:d.c,"box-shadow":"2px 5px 20px 0px rgba(0,0,0,0.22), 0px 13px 13px rgba(0,0,0,0.18)","border-radius":"4px",overflow:"auto",position:"fixed",transition:"opacity 0.2s ease-in","z-index":h.a.Flyout.toString()},u.d)},p=Object(i.a)(v)(l)},"CuO/":function(e,t){},Fpjf:function(e,t,o){"use strict";o.d(t,"b",(function(){return c})),o.d(t,"a",(function(){return l})),o.d(t,"d",(function(){return d})),o.d(t,"c",(function(){return u}));var i=o("aHCm"),s=o("0hJ9"),r=o("HDSB");let n;var a,c;!function(e){e.JPG="jpg",e.PNG="png"}(a||(a={})),function(e){e[e.None=0]="None",e[e.Letterbox=1]="Letterbox",e[e.Scale=2]="Scale",e[e.Stretch=3]="Stretch",e[e.Crop=4]="Crop",e[e.FocalCrop=5]="FocalCrop",e[e.FacialCrop=6]="FacialCrop"}(c||(c={}));const l=90;function d(e,t){return u(i.a.prod+e,t)}function u(e,t){const{focalRegion:o,backgroundColor:i}=t;let{width:c=0,height:l=0,format:d=a.JPG}=t,u="";if(o){const e=h(o.x1,o.x2),t=h(o.y1,o.y2);null!=e&&null!=t&&(u+=`&x=${e}&y=${t}`)}i&&(u+="&b="+i);const v=null==t.mode?6:t.mode;if(6===v&&(u+="&u=t"),t.enableDpiScaling){if(!t.devicePixelRatio)throw new Error("A valid devicePixelRatio value must be provided when DPI scaling is enabled");const e=function(e){if(Object(r.a)()&&n)return n;if(e<1)return null;let t=e;Object(s.a)(4*t)||(t=Math.ceil(10*t)/10);t>3&&(t=3);Object(r.a)()&&(n=t);return t}(t.devicePixelRatio);e&&(c=Math.round(c*e),l=Math.round(l*e))}return`${e}?w=${c}&h=${l}&q=${t.quality||60}&m=${v}&f=${d}${u}`}function h(e,t){if(null!=e&&null!=t)return Math.floor((e+t)/2)}},ICfc:function(e,t,o){"use strict";var i;o.d(t,"a",(function(){return i})),function(e){e.NavigationData="NavigationDataAdapter",e.TopicsData="TopicsDataAdapter",e.LayoutPreferenceData="LayoutPreferenceDataAdapter"}(i||(i={}))},O8lJ:function(e,t){},jiKz:function(e,t){},vWld:function(e,t,o){"use strict";o.d(t,"a",(function(){return y}));var i=o("+viU"),s=o("1I/+"),r=o("Fpjf"),n=o("FPTP"),a=o("y2Il"),c=o("OnwC"),l=o("ERkP"),d=o.n(l);class u extends c.a{constructor(e){super(e),this.handledProps={managedClasses:void 0,ariaHelpText:void 0,imageBaseUrl:void 0,imageFocalRegion:void 0,providerName:void 0,requestContext:void 0,telemetryTags:void 0,title:void 0,url:void 0},this.imageRef=d.a.createRef()}render(){const{managedClasses:e,telemetryTags:t}=this.props;return d.a.createElement("a",Object.assign({href:this.props.url,target:"_blank",rel:"noopener",className:this.generateClassNames(e.HoverFlyoutArticle_root),"aria-label":this.props.title+". "+this.props.ariaHelpText,tabIndex:-1},t),d.a.createElement("div",{className:e.HoverFlyoutArticle_mainContent},d.a.createElement(n.a,{tag:a.b.span,className:e.HoverFlyoutArticle_titleText,size:a.a._7},this.props.title),d.a.createElement("div",{className:e.HoverFlyoutArticle_providerText},this.props.providerName)),this.renderImage())}componentDidUpdate(e){if(e.imageBaseUrl!==this.props.imageBaseUrl&&this.props.imageBaseUrl){const e=this.imageRef.current.src;this.imageRef.current.src="",this.imageRef.current.src=e}}renderImage(){if(!this.props.imageBaseUrl)return null;const e=Object(s.b)(this.props.requestContext.data.devicePixelRatio,"devicePixelRatio"),t=Object(r.c)(this.props.imageBaseUrl,{width:48,height:48,focalRegion:this.props.imageFocalRegion,enableDpiScaling:!0,devicePixelRatio:e});return d.a.createElement("div",{className:this.props.managedClasses.HoverFlyoutArticle_imageHolder},d.a.createElement("img",{src:t,className:this.props.managedClasses.HoverFlyoutArticle_image,ref:this.imageRef}))}}var h=o("LD6M"),v=o("7b0X"),p=o("SP+O"),m=o("XI4f"),g=o("rRWH");const f={HoverFlyoutArticle_root:{display:"flex",height:"92px",padding:"2px","text-decoration":"none","&:hover":{background:h.b},"&:active":{background:h.a},"&:focus":{outline:"none","border-color":v.a,"border-style":"solid","border-width":"2px",padding:"0"}},HoverFlyoutArticle_mainContent:{"flex-grow":"1",margin:"14px"},HoverFlyoutArticle_titleText:{color:p.c,overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical","font-weight":"600"},HoverFlyoutArticle_providerText:{color:m.a,"font-size":"12px","padding-top":"4px",overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical"},HoverFlyoutArticle_imageHolder:{width:"48px",height:"48px","margin-right":Object(g.c)("14px","0"),"margin-left":Object(g.c)("0","14px"),"margin-top":"14px"},HoverFlyoutArticle_image:{"border-radius":"2px",width:"48px",height:"48px"}},y=Object(i.a)(f)(u)}}]);