0% found this document useful (0 votes)
10 views19 pages

React Component Code Overview

This document contains code for React components used to render UI elements like buttons, messages, and options for an application. It includes functions that return JSX markup for different component types and layouts. Object and component inheritance is defined to extend base functionality.

Uploaded by

userrtestt
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views19 pages

React Component Code Overview

This document contains code for React components used to render UI elements like buttons, messages, and options for an application. It includes functions that return JSX markup for different component types and layouts. Object and component inheritance is defined to extend base functionality.

Uploaded by

userrtestt
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

var __assign,__extends,__spreadArrays,WSB;(function(n){var t;(function(n){function

t(){for(var t,r,u,n,f,e=[],i=0;i<[Link];i+
+)e[i]=arguments[i];for(t=[],r=0,u=e;r<[Link];r++)if(n=u[r],n)if(typeof
n=="string")[Link](n);else for(f in n)n[f]&&[Link](f);return [Link]>0?[Link]("
"):null}function i(n){return
[Link]([Link],"isTest")?
n:undefined}[Link]={};[Link]=t;[Link]=i})(t=[Link]||
([Link]={}))})(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(n){function t(){return n!==null&&[Link](this,arguments)||this}return
__extends(t,n),[Link]=function()
{[Link]&&[Link]()},[Link]
=function(){[Link]&&[Link]()},t}
([Link]);[Link]=t})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var
f=[Link],i=[Link],r=[Link],e="OpenWebPreviewPaneTooltip"
,o="OpenLocalPreviewPaneTooltip",s=[Link].enableShopSH1&&[Link]===15,u;ret
urn!s&&(!r||![Link])?null:(u=[Link]==1,s)?
[Link]("div",{className:"openBrowserBtn"},[Link]("span",
{className:"openPreviewIcon"},[Link]([Link],{icon:
{content:"&#xE8A7",type:2}}))):[Link]("div",
{className:"openPreviewPaneBtn",onClick:function(n){return
[Link](i,n)},"data-
partnertag":[Link]("[Link]"),"data-
noct":"true",role:"button",title:[Link](u?e:o),"aria-
label":[Link](u?e:o)},[Link]("span",
{className:"openPreviewIcon",role:"presentation"},[Link]([Link],
{icon:[Link]})),[Link]("span",
{className:"previewOpenedIcon",role:"presentation"},[Link]([Link],
{icon:[Link]})))},r}([Link]);[Link]=i})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var i=[Link];return i?
[Link]("span",
{className:"removeIcon",title:[Link],onClick:function(t)
{[Link]();[Link]();[Link]([Link],t
.nativeEvent)},"data-
partnertag":[Link]("[Link]")},[Link]([Link],
{icon:[Link]})):null},r}([Link]);[Link]=i})(t=[Link]||([Link]={}))}
(WSB||(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i)
{return n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var
i=[Link],r=[Link],f=[Link],u=[Link],e=[Link],o=[Link]
ons;return f?[Link]("div",{id:"dialog_overlay","data-
partnertag":[Link]("DialogBoxOverlay"),className:[Link]({wsbModal:r}
)},[Link]("div",{"data-
partnertag":[Link]("DialogBox")},u&&[Link]("h1",null,u),e,Rea
[Link]("div",null,[Link](function(i){return [Link]("input",
{type:"button",key:[Link]?
[Link]:undefined,className:[Link]({colored:[Link],focusable:r}),value
:[Link],id:[Link],tabIndex:-1,"data-
partnertag":[Link]("DialogBoxButton")})})))):null},r}
([Link]);[Link]=i})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var
u=[Link],o=[Link],f=[Link],s=[Link];if(!o)return null;var
i=[Link],e=[Link],h=[Link],c=[Link],r=[Link];return
[Link]("div",{className:[Link]("visible",s),"data-
partnertag":[Link]("Message"),title:c,onClick:function(n){return
e&&e([Link])}},[Link]("div",
{className:"message"},f&&[Link]([Link],
{icon:f}),[Link]("div",{className:[Link]({details:f!
=null})},[Link]("div",
{className:"primaryText"},h),r&&[Link]("div",{className:"primaryText
accentColor",onClick:function(t){return
[Link]([Link],[Link])},"data-h":[Link](),"data-
clicks":"true"},[Link]))))},r}([Link]);[Link]=i})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
r=function(i){function r(){var t=i!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return
[Link](t,i,r)},t}return
__extends(r,i),[Link]=function(){var
r=[Link],i=[Link],f=[Link];return!i||[Link]==0?
null:[Link]("div",
{className:[Link]("advancedOptions",f)},[Link](function(i){return
[Link]("div",{key:[Link]?
[Link]:undefined,id:[Link],className:[Link]("advancedOption",[Link],
{selectable:[Link],sa_hv:[Link],withoutPadding:[Link]==6})},[Link]&&Reac
[Link]("h4",{className:"groupHeader
groupTitle"},[Link]),[Link](u,{option:i}))}))},r}
([Link]);[Link]=r;var u=function(n){var
r=[Link],t=[];switch([Link]){case 1:[Link]([Link](e,
{option:r}));[Link]([Link](i,{dismiss:[Link]}));break;case
6:[Link]([Link](o,
{option:r}));break;default:[Link]([Link](f,
{option:r}));[Link]([Link](i,{dismiss:[Link]}))}return t?
[Link]("div",null,t):null},f=function(i){var r=[Link];return
[Link]("div",null,[Link]&&[Link]("p",
{className:"advancedOptionHeading"},[Link]),[Link]("input",
{type:"button",role:"button",className:"focusable","data-
partnertag":[Link]("[Link]"),tabIndex:-
1,onClick:function(t){return [Link]([Link],[Link])},"data-
h":[Link]?[Link]():undefined,"aria-selected":[Link],"aria-
label":[Link],"data-clicks":"true",value:[Link]}))},e=function(i){var
r=[Link];return [Link]("div",null,[Link]([Link],
{icon:[Link]}),[Link]("div",
{className:"details"},[Link]("a",{href:"#",className:"accentColor
focusable additionalInfoText","data-
partnertag":[Link]("[Link]"),tabIndex:-
1,onClick:function(t){return [Link]([Link],[Link])},"data-
h":[Link]?[Link]():undefined,"data-
clicks":"true"},[Link])))},o=function(i){var r=[Link];return
[Link]("div",null,[Link]("div",
{className:"messageWithButton"},[Link]&&[Link]([Link],
{icon:[Link]}),[Link]("span",
{className:"advancedOptionMessage",tabIndex:-1,"data-h":[Link]?
[Link]():undefined,"data-
clicks":"true"},[Link]),[Link]("input",
{type:"button",role:"button",className:"focusable advancedOptionButton","data-
partnertag":[Link]("[Link]"),tabIndex:-
1,onClick:function(t){return [Link]([Link],[Link])},"data-
h":[Link]?[Link]():undefined,"aria-selected":[Link],"aria-
label":[Link],"data-clicks":"true",value:[Link]}),!!
[Link]&&[Link]("div",
{className:"advancedOptionDimiss",onClick:function(){return
[Link]()}},[Link]([Link],
{icon:[Link]}))))},i=function(n){var i=[Link];return i?
[Link]("a",{href:"#","data-
partnertag":[Link]("[Link]"),"aria-
label":[Link]("DismissUpsell"),title:[Link]("DismissUps
ell"),className:"cancelIcon focusable",onClick:function(){return
[Link]()},tabIndex:-1},[Link]([Link],{icon:[Link]})):null}})
(t=[Link]||([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function()
{var n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){var t=i!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return
[Link](t,i,r)},t}return
__extends(r,i),[Link]=function(){var n=[Link];if(!
n)return null;var
i=[Link],r=[Link],u=[Link],f=[Link],e=[Link];retur
n [Link]("div",null,!![Link]&&[Link]("div",
{className:"topOptions"},[Link]([Link],
{advancedOptions:[Link](function(n){return [Link]==1||
[Link]==6})})),r&&[Link]("div",
{className:"groupHeader"},[Link]("h4",{className:"groupTitle","aria-
label":r},r)),!!u&&[Link]("div",
{className:"scopeMessage",role:"status"},[Link]([Link],
{icon:e}),[Link]("p",{className:"details","aria-level":"0","aria-
label":u,role:"heading","data-partnertag":[Link]("message")},u),!!
f&&[Link]("p",{className:"additionalDetails","aria-level":"0","aria-
label":f,role:"heading","data-partnertag":[Link]("subMessage")},f)),!!
[Link]&&[Link]("div",
{className:"scopeOptions"},[Link]([Link],
{advancedOptions:[Link](function(n){return [Link]==0})})))},r}
([Link]);[Link]=i})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){var t=i!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return![Link]||
[Link](t,i,r)},t}return
__extends(r,i),[Link]=function(){var
i=[Link],f=[Link],r=[Link],u=[Link],e=[Link]
wPaneButton;return [Link]("div",
{className:[Link]([Link]?"group":"topResults")
},[Link](function(i){return [Link]==5||[Link]==9?
[Link]([Link],{key:[Link]?
[Link]:undefined,suggestion:i,contextMenuHandler:u,clickHandler:r}):[Link]
&&[Link]==[Link]?[Link]([Link],
{key:[Link]?
[Link]:undefined,suggestion:i,clickHandler:r,contextMenuHandler:u}):[Link]
nt([Link],{key:[Link]?
[Link]:undefined,suggestion:i,contextMenuHandler:u,clickHandler:r,openPreviewPaneButt
on:e})}))},r}([Link]);[Link]=i})(t=[Link]||([Link]={}))}
(WSB||(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i)
{return n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
r=function(n){function r(){return n!==null&&[Link](this,arguments)||this}return
__extends(r,n),[Link]=function(){var
r=[Link],n=[Link],f=[Link],e=[Link],u;return n?
(u=[Link]("suggestion",{sa_hv:[Link]&&!
[Link],selectable:!![Link]},[Link]("
")),[Link]("li",{className:u,onContextMenu:function(t){return
e(n,[Link])},onClick:function(t){return f(n,[Link])},id:[Link],"data-
partnertag":[Link]("[Link]"),"aria-
selected":[Link]?"true":"false","aria-label":[Link],"data-
stype":[Link]([Link]),"data-h":[Link](),"data-
clicks":[Link]?"true":null,"data-
noct":[Link]?"true":null,title:[Link]},[Link]("div",
{className:"suggDetailsContainer","data-
partnertag":[Link]("[Link]")},[Link]
([Link],{icon:[Link]}),[Link](i,{suggestion:n})))):null},r}
([Link]),i;[Link]=r;i=function(i){function r()
{return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var
i=[Link],r=[Link];return [Link]("div",
{className:"details"},[Link]("div",{className:"primaryText","data-
partnertag":[Link]("[Link]")},[Link]("div",nu
ll,[Link]("span",
{className:"title"},[Link]([Link],
{text:[Link],dir:"ltr",reverse:[Link](i)})),!!
r&&[Link]("span",{className:"secondaryText
annotation"},[Link]([Link],
{text:r})))),[Link]([Link],{icon:[Link]}))},r}
([Link])})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}();__assign=this&&this.__assign||function(){return
__assign=[Link]||function(n){for(var t,r,i=1,u=[Link];i<u;i++)
{t=arguments[i];for(r in
t)[Link](t,r)&&(n[r]=t[r])}return
n},__assign.apply(this,arguments)},function(n){var t;(function(t){var r=function(r)
{function u(t){var i=[Link](this,t)||this;return
[Link]=function(t,r){return![Link]||
[Link](i,t,r)},[Link]={iconRendered:!
1},[Link]=function(){[Link]||
[Link]({iconRendered:!0})},i}return
__extends(u,r),[Link]=function(){var
r=[Link],n=[Link],u=[Link],o=[Link],s=[Link],
h=[Link],c=[Link],f,e;return n?(f=!!
[Link],e=[Link]("suggestion",{sa_hv:[Link]&&!
[Link],selectable:!!
[Link],withOpenPreviewPaneBtn:u&&f,previewPaneOpened:[Link],previe
wPaneOpening:[Link],removeIconPadding:!!
[Link]},[Link](" ")),[Link]("li",
{className:e,onContextMenu:function(t){return
c(n,[Link])},onClick:function(t){return s(n,[Link])},id:[Link],"data-
partnertag":[Link]("[Link]"),"aria-
selected":[Link]?"true":"false","aria-label":[Link],"data-
stype":[Link]([Link]),"data-h":[Link](),"data-
clicks":[Link]?"true":null,"data-
noct":[Link]?"true":null,title:[Link]},[Link]("div",
{className:"suggDetailsContainer","data-
partnertag":[Link]("[Link]")},[Link]
([Link],{icon:[Link]}),[Link](i,
{suggestion:n,isFirst:o,webSuggestionAnnotation:h})),[Link]([Link]
aneButton,
{suggestion:n,openPreviewPaneButton:u}),[Link]&&[Link](function(n){var
t=[Link]([Link],__assign({subItem:n},[Link]));return
[Link]=[Link],t}))):null},u}
([Link]),i;[Link]=r;i=function(i){var
r=[Link],e=[Link],f=[Link],u=[Link];retur
n!u&&e&&[Link](r)&&f&&(u=f),[Link]("div",
{className:"details"},[Link]("div",{className:"primaryText","data-
partnertag":[Link]("[Link]")},!u?
[Link]("div",null,[Link]("span",
{className:"title"},[Link]([Link],
{text:[Link],dir:"ltr",reverse:[Link](r)}))):[Link](
"div",null,[Link]("span",
{className:"title"},[Link]([Link],
{text:[Link],dir:"ltr",reverse:[Link](r)})),[Link]("
span",{className:"additionalInfoText
annotation"},[Link]([Link],
{text:u})),[Link]("div",
{className:"additionalCallout"},[Link]&&[Link]([Link]
,
{additionalCssClass:"additionalCalloutIcon",icon:[Link]}),[Link]
onalCalloutText&&[Link]("span",
{className:"additionalCalloutText"},[Link]))),[Link]&
&[Link]("ul",
{className:"additionalSubText"},[Link](function(t){return
[Link]("li",{key:[Link]?
t:undefined,className:"subText"},t)})),!
u&&[Link]&&[Link]([Link],
{additionalCssClass:"additionalCalloutIcon",icon:[Link],"data-
partnertag":[Link]("[Link]")}),!
u&&[Link]&&[Link]("div",
{className:"additionalCalloutText","data-
partnertag":[Link]("[Link]")},[Link]
utText)),[Link]([Link],{icon:[Link]}))}})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
u=function(u){function f(t){var i=[Link](this,t)||this;return
[Link]=function(t,r){return![Link]||
[Link](i,t,r)},[Link]={iconRendered:!
1},[Link]=function(){[Link]||
[Link]({iconRendered:!0})},i}return
__extends(f,u),[Link]=function(){var
f=[Link],n=[Link],e=[Link],o=[Link],s=[Link]
enuHandler,u=![Link],h=!![Link],c=[Link]("suggestion","cf",
{sa_hv:[Link]&&!
[Link],topHitConnectedToGroup:[Link],sele
ctable:!![Link],withSecondaryIcon:!!
[Link],withOpenPreviewPaneBtn:e&&h,previewPaneOpened:[Link]
d,previewPaneOpening:[Link],removeIconPadding:[Link]!
=null},[Link](" "));return [Link]("li",
{className:c,onContextMenu:function(t){return
s(n,[Link])},onClick:function(t){return
[Link]&&o(n,[Link])},id:[Link],"data-
partnertag":[Link]("[Link]"),"aria-
selected":[Link]?"true":"false","aria-
label":[Link]&&[Link],"data-stype":[Link]([Link]),"data-
h":[Link](),"data-clicks":[Link]?"true":null,"data-
noct":[Link]?"true":null,title:[Link]},[Link]("div",
{className:"suggDetailsContainer","data-
partnertag":[Link]("[Link]")},u&&[Link]!
="OLE"&&[Link]([Link],{icon:[Link]}),u&&[Link](i,
{suggestion:n}),u&&[Link]([Link],
{icon:[Link]}),u&&[Link]&&[Link]!="OLE"&&[Link]([Link],
{icon:[Link],type:"SecondaryIcon"}),[Link]&&[Link](r,
{htmlContent:[Link]})),u&&[Link]([Link],
{suggestion:n,openPreviewPaneButton:e}))},f}
([Link]),i,r;[Link]=u;i=function(i){var
r=[Link],u=r&&[Link]=="OLE",f=r&&[Link];return
[Link]("div",{className:"details"},[Link]("div",
{className:"primaryText","data-
partnertag":[Link]("[Link]")},[Link]("div",nu
ll,[Link]("span",
{className:"title"},[Link]([Link],
{text:[Link],dir:"ltr",reverse:[Link](r)}))),[Link]&&r.t
ype=="OLE"&&[Link]([Link],
{icon:[Link],type:"SecondaryIcon"})),[Link]&&[Link]
t("div",{className:[Link]("secondaryText","annotation",
{emailAnnotation:u}),"data-
partnertag":[Link]("[Link]")},[Link]([Link]
lightedText,{text:[Link],dir:"ltr"}),u&&f&&[Link]("div",
{className:"secondaryText annotation
receivedDate"},f)),[Link]&&[Link]("div",
{className:"secondaryMetadata secondaryText annotation","data-
partnertag":[Link]("[Link]")},[Link](t.H
ighlightedText,
{text:[Link],dir:"ltr"})),[Link]&&[Link]&&[Link]
ent("div",{className:"secondaryMetadata secondaryText annotation","data-
partnertag":[Link]("[Link]")},[Link]("em",null,r.u
xHint)),![Link]&&[Link]&&[Link]("div",
{className:"secondaryMetadata secondaryText annotation","data-
partnertag":[Link]("[Link]")},[Link]([Link]
Text,{text:[Link],dir:"ltr"})))};r=function(n){return [Link]("div",
{className:"answer",dangerouslySetInnerHTML:{__html:[Link]}})}})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function u(){var t=i!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return![Link]||
[Link](t,i,r)},t}return
__extends(u,i),[Link]=function(){var
i=[Link],n=[Link],u=[Link];return [Link]("div",
{className:[Link]("group",[Link]),"data-region":[Link]},!
[Link]&&[Link](r,
{group:n,clickHandler:u}),[Link](f,
{suggestions:[Link],rootProperties:[Link],renderingState:{isFirst:!
0}}),[Link](o,{group:n}))},u}([Link]);[Link]=i;var
r=function(n){var i=[Link],e=[Link],r=[Link]&&!
[Link],f=(!![Link]||!!
[Link])&&[Link]&&[Link];return
[Link]("div",{className:[Link]("groupHeader",
{selectable:r,sa_hv:r&&[Link]&&![Link]}),id:[Link],onClick:r?
function(n){return e(i,[Link])}:undefined,"data-
h":r&&[Link]&&[Link](),"data-
clicks":"true",role:r?"listitem":f?"link":"heading","aria-level":r?undefined:f?
undefined:"4","aria-label":f?"":[Link],"aria-
selected":[Link]?"true":"false","data-
partnertag":[Link]("[Link]")},[Link]("div",
{className:[Link]("groupTitle",
{countAndChevronHeader:[Link]}),"data-clarity-unmask":"true",role:r?
undefined:f?"heading":undefined,"aria-level":r?
undefined:f?"4":undefined},[Link]("span",
{className:[Link]({title:[Link]})},[Link]),[Link]>0&&[Link]
tInHeader&&[Link]("span",null," ","(",[Link],[Link]?"
+":"",")")),f&&[Link](u,{parent:i,clickHandler:e}))},u=function(n){var
i=[Link],r=[Link];return [Link]("a",
{className:[Link]("groupTitle secondaryText selectable focusable",
{sa_hv:[Link]&&![Link]}),onClick:function(n){return
r(i,[Link])},"data-h":[Link]&&[Link](),"data-
clicks":"true",title:[Link],"aria-selected":[Link]?"true":"false","aria-
label":[Link]?[Link]:"","data-
partnertag":[Link]("[Link]")},![Link]?
[Link]:[Link]([Link],{icon:[Link]}))},f=function(t)
{var i=[Link],r=[Link],u=[Link];return
[Link]("ul",{className:"suggsList"},[Link](function(t){return!
[Link]&&[Link](e,{key:[Link]?
[Link]:undefined,suggestion:t,rootProperties:r,renderingState:u})}))},e=function(n)
{var r=[Link],i=[Link],f=[Link],u;switch([Link]){case
0:u=[Link]([Link],
{isFirst:[Link],suggestion:r,contextMenuHandler:[Link],clickHandle
r:[Link],openPreviewPaneButton:[Link],webSuggestionAnnotat
ion:[Link]});[Link]=!1;break;case
1:u=[Link]([Link],
{suggestion:r,contextMenuHandler:[Link],clickHandler:[Link],o
penPreviewPaneButton:[Link]});break;case
3:u=[Link]([Link],
{suggestion:r,contextMenuHandler:[Link],clickHandler:[Link],o
penPreviewPaneButton:[Link]});break;case
5:u=[Link]([Link],
{suggestion:r,contextMenuHandler:[Link],clickHandler:[Link]})
;break;case 4:u=[Link]([Link],
{suggestion:r,contextMenuHandler:[Link],clickHandler:[Link],o
penPreviewPaneButton:[Link]});break;case
6:u=[Link]([Link],
{suggestion:r,contextMenuHandler:[Link],clickHandler:[Link]})
}return u},o=function(n){var t=[Link];return![Link]||[Link]>1?
null:[Link]("div",{className:"education"},[Link])}})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
r=function(r){function u(){var t=r!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return![Link]||
[Link](t,i,r)},t}return
__extends(u,r),[Link]=function(){var
r=[Link],f=[Link],o=[Link],s=[Link],h=[Link]
Button,c=[Link],e=[Link],u;return
[Link]("div",{"data-
partnertag":[Link]("[Link]"),"data-
region":"Groups"},e&&[Link](i,
{deleteMRUButtonCallback:e}),[Link](function(i){var r=[Link]("div",
{key:[Link]?
[Link]:undefined,className:[Link]("groupContainer",[Link])},!
[Link]([Link])&&u&&[Link]([Link])&&
[Link]("div",{className:"divider
topHitConnectedToGroup"}),[Link]([Link],
{group:i,clickHandler:o,contextMenuHandler:s,openPreviewPaneButton:h,webSuggestionA
nnotation:c}),[Link]==8&&[Link]>1&&[Link]("div",
{className:"divider"}));return
u=i,r}),u&&[Link]([Link])&&[Link]("div",
{className:"divider
topHitConnectedToGroup"}))},u}
([Link]),i;[Link]=r;i=function(n){var
i=[Link];return [Link]("div",
{className:"groupHeader",role:"heading","data-
partnertag":[Link]("[Link]")},[Link]("div
",
{className:"groupTitle",role:"heading"},[Link]("span",null,[Link]
ing("RecentSearches"))),[Link]("button",
{id:"clearMruButton",className:"clearMruButton",onClick:function(){return
i()},"data-partnertag":[Link]("[Link]"),tabIndex:-
1},[Link]("span",null,[Link]("Clear"))))}})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var
e=[Link],r=[Link],h=[Link],u;if(!r)return null;var
o=[Link],c=[Link],i=[Link],s=[Link],f=[],l=
function(t){i[t].click?[Link]([Link]("li",{onClick:function(){return
i[t].click([Link](),2)}},"• ",[Link]("span",
{className:"errorInfoLink"}," ",i[t].text,"
"))):[Link]([Link]("li",null," • ",i[t].text,"
"))};for(u=1;u<[Link];u++)l(u);return
[Link]("div",null,[Link]&&!
o&&[Link]>1&&[Link]("div",
{className:"anchor"},[Link]("div",
{className:"previewIcon"},[Link]([Link],
{icon:h}),[Link]("div",
{className:"title"},[Link]("span",null," ",c,"
"))),[Link]("ul",{className:"annotation
errorInfo"},[Link]("li",null," ",i[0].text," "),f)),(!
[Link]||o)&&[Link]>0&&s!=null&&[Link]("div",
{className:"anchor"},[Link]("div",
{className:"previewIcon"},[Link]("div",
{className:"title"},i[0].text,[Link]("span",
{className:"highlighted"},s),i[1].text))))},r}
([Link]);[Link]=i})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){function u(n)
{return!isNaN(+n)}function f(){return" “"}function e(){return"”"}var o=function(r)
{function o(){var t=r!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return![Link]||
[Link](t,i,r)},t}return
__extends(o,r),[Link]=function(){var
s=[Link],o=[Link],d=[Link],g=[Link],nt=
[Link];if(!o)return null;var
r=[Link],h=[Link],y=[Link],c=[Link],l=[Link]
textMenuClickHandler,a=[Link],tt=[Link],p=[Link]
odel,w=[Link],v=[Link],b=[Link]?
[Link]([Link]):
[],k=[Link]([Link]);return
[Link]("div",null,!!a&&[Link]("div",
{role:"presentation",className:"buttonOptionContainer
backButtonContainer"},[Link]("button",{className:"buttonOption
backButton focusable",onClick:function(){return [Link]()},"data-
partnertag":[Link]("[Link]"),href:"#","aria-
label":[Link]("DismissUpsell"),title:[Link]("DismissUpsell"),tabInd
ex:-1},[Link]([Link],{icon:[Link]}))),[Link]("div",
{className:"anchor clickable","data-
partnertag":[Link]("[Link]"),onContextMenu:l&&function
(n){return l(r,[Link])},onClick:y&&function(n){return
y(r,[Link])}},[Link]!=1&&[Link]("div",
{className:"previewIcon"},[Link]([Link],
{icon:[Link]}),[Link]("div",
{className:"title"},[Link]("span",null,[Link]
kers([Link])))),[Link]==1&&[Link]("div",
{className:"previewIcon"},[Link]([Link],
{icon:[Link]}),[Link]("div",
{className:"title",id:"previewPaneTitle"},[Link]("span",null,[Link]
tring("SearchTheWebFor")+f()),[Link]([Link],
{text:[Link](/(^")|("$)/
g,""),dir:"ltr"}),[Link]("span",null,e()))),[Link]&&[Link]
ewPaneType!=1&&[Link]("div",{className:"secondaryText annotation"},!
v&&k&&[Link]("span",null,k),v&&[Link]("span",null,v),w&&R
[Link]("span",null,w)),[Link]("div",
{className:"divider"})),[Link]("div",
{className:"previewDataSection"},[Link]>0&&[Link]("div",
{className:"metadata allowcontextmenu","data-
partnertag":[Link]("[Link]")},[Link](function(i)
{return [Link]("div",{key:[Link]?
i:undefined,className:"secondaryText annotation"},!
u(i)&&[Link]("span",{className:"label"},i),[Link]("div",
{className:"metadataContainer"},[Link][i].map(function(i){return
[Link]("div",{key:[Link]?
[Link]:undefined,className:[Link]("value",{clickable:!!
[Link]}),onClick:function(n){return
[Link]&&c(i,[Link])}},[Link])})))}),[Link]("div",
{className:"divider"})),!
[Link]&&[Link]>0&&[Link](function(t,u){return
[Link]("div",{key:[Link]?
[Link]:undefined},[Link]&&[Link]("h4",
{className:"groupTitle"},[Link]),[Link](i,
{suggestion:r,section:t,itemClickHandler:c,numberOfSections:[Link],sectionIndex:u
,expanderClickInstrumentation:d,chevronDownIcon:g,contextMenuClickHandler:l}))}),!
[Link]&&[Link](function(i){return [Link]("div",
{key:[Link]?[Link]:undefined},[Link]("div",
{className:"divider"}),[Link]([Link],
{settingsModule:i,itemClickHandler:c}))}),[Link]&&p&&[Link]
teElement([Link],
{dataModel:p,icon:nt,messageClassName:"uninstallMessage"})))},o}
([Link]),i,r;[Link]=o;i=function(i){function u(n){var
t=[Link](this,n)||this;return [Link]={sectionCollapsed:!
0},[Link]=[Link](t),t}return
__extends(u,i),[Link]=function(){var
n=[Link];[Link]({sectionCollapsed:!
n});[Link]([Link],[Link]
[Link],n)},[Link]=function(){var
s=this,u=[Link],f=[Link],i=[Link],e=[Link],h=[Link]
Icon,c=[Link],l=[Link],o=[Link];return
[Link]("ul",{"aria-label":[Link]},[Link](function(t)
{return [Link](r,{key:[Link]?
[Link]:undefined,item:t,title:[Link],itemClickHandler:e,suggestion:f,contextMenuClic
kHandler:o})}),[Link]>0&&[Link]("section",
{role:"presentation","aria-
hidden":[Link],className:[Link]({sectionHidden:[Link]
[Link],sectionShown:!
[Link]})},[Link](function(t){return
[Link](r,{key:[Link]?
[Link]:undefined,item:t,title:[Link],itemClickHandler:e,suggestion:f,contextMenuClic
kHandler:o,expanderCollapsed:[Link]()})})),[Link]
[Link]>0&&[Link]([Link],
{chevronDownIcon:h,expandCollapseClickEventHandler:[Link],exp
anderCollapsed:[Link],expanderItem:[Link],sectionNarratorT
ext:[Link]}),[Link]==0&&l!==c+1&&[Link]("li",
{role:"presentation",className:"divider"}))},u}
([Link]);[Link]=i;r=function(n){var
i=[Link],r=[Link],e=[Link],o=[Link],u=[Link],f=[Link]
ntextMenuClickHandler;return [Link]("li",
{id:[Link],className:[Link]("sectionItem selectable",{sa_hv:[Link]},
{collapsedItem:o}),onClick:function(n){return
e(i,[Link])},onContextMenu:r&&f&&u&&function(n){return
f(u,[Link],i)},title:[Link],"aria-selected":[Link],"aria-
label":[Link],"data-
partnertag":[Link]("[Link]"),tabIndex:-
1},[Link]([Link],
{icon:[Link],additionalCssClass:[Link]({accentColor:!
r})}),[Link]("div",{className:"details
secondaryText"},[Link]("span",null,[Link]),[Link]&&[Link]
lement("span",{className:[Link]},[Link])))}})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){function f(n)
{var u=[Link],f=[Link],e=[Link],o=[Link];return o&&u==0?
[Link]("span",null,[Link]("span",{key:u,className:"hidden
nextword"},[Link],e?"":i),[Link]("span",null,r)):[Link]("
span",{key:u,className:[Link]({highlighted:[Link]})
},[Link],e?"":i)}var r="…",i="‍",u=function(t){function i(){return t!
==null&&[Link](this,arguments)||this}return
__extends(i,t),[Link]=function(){var
t=[Link],r=[Link],u=[Link],e=[Link],o=[Link],i=HitHighlightingPars
[Link](r,e);return [Link]("span",{dir:u},[Link](function(t,r){return
[Link](f,{key:[Link]?
[Link]:undefined,index:r,item:t,isLast:r==[Link]-1,hasPartialNextWord:o})}))},i}
([Link]);[Link]=u})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){function r(i)
{var r=[Link],u=[Link],f=[Link](r)&&[Link]?function(n){return
[Link]([Link],[Link])}:undefined;return [Link]==0?
[Link]("img",
{key:[Link]?"small":undefined,src:[Link],onError:[Link](r)?
[Link]:undefined,onLoad:f,role:"presentation"}):[Link]("span",
{className:[Link]("iconContent",
{accentColor:[Link],cortanaFontIcon:[Link]==2,segoeRegularFont:[Link]==
5}),style:u,"aria-hidden":"true",dangerouslySetInnerHTML:
{__html:[Link]}})}function u(n){var t="Suggestion.";switch(n)
{case"SecondaryIcon":return{dataPartnerTag:t+n,cssClassByType:"secondaryIcon"};case
"ActionIcon":return{dataPartnerTag:t+n,cssClassByType:"actionIcon"};default:return{
dataPartnerTag:t+"Icon",cssClassByType:undefined}}}var i=function(i){function f()
{var t=i!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return![Link]||
[Link](t,i,r)},t}return
__extends(f,i),[Link]=function(){var
c=u([Link]),v=[Link],y=[Link],e=[Link],i=[Link],p=
[Link],w=[Link],o=[Link],b=[Link],l=[Link]
eters===null||[Link]===void 0?void
0:[Link],k=i&&[Link]==7,s="",a={},h={},f;if(i)
{switch([Link]){case 2:s="wide";break;case
3:s="tall"}[Link]&&([Link]=[Link]);[Link]&&([Link]=[Link]);[Link]
pe==3?f=[Link]([Link],null):[Link]?f=[Link](r,
{icon:i,iconStyle:h}):[Link]&&(f=[Link]("span",
{style:h,className:[Link]("iconContent",[Link],
{bookmarksFontIcon:[Link]==4})}))}return [Link]("div",{"data-
partnertag":[Link](v),"aria-label":o?
o:undefined,role:o?"button":undefined,onClick:p,className:[Link]("iconContain
er",y,b,i&&[Link]&&[Link]!=4?[Link]:null,
{cortanaIcon:i&&[Link]==3,hidden:w,iconPlaceholder:l||!
f,smallIcon:i&&[Link]})},!l&&f&&[Link]("div",
{style:a,className:[Link](s,{icon:!k,iconWithBackground:!!
[Link]})},f))},f}([Link]);[Link]=i})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(n){function t(){return n!==null&&[Link](this,arguments)||this}return
__extends(t,n),[Link]=function(){return [Link]("span",
{className:"wrapper",dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 36 36"><g
style="opacity: 0.5"><path d="M18 2c8.8 0 16 7.2 16 16s-7.2 16-16 16S2 26.8 2
18S9.2 2 18 2 M18 0C8.1 0 0 8.1 0 18s8.1 18 18 18s18-8.1 18-18S27.9 0 18 0L18
0z" /><\/g><path d="M18 2C9.2 2 2 9.2 2 18s7.2 16 16 16s16-7.2 16-16S26.8 2 18 2z
M18 31c-7.2 0-13-5.8-13-13S10.8 5 18 5s13 5.8 13 13S25.2 31 18 31z"
/><\/svg>'}})},t}([Link]);[Link]=t})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function r(){return i!==null&&[Link](this,arguments)||this}return
__extends(r,i),[Link]=function(){var
i=[Link],u=[Link],f=[Link],e=[Link],r=[Link],o=[Link]
terHandler,s=[Link],h=[Link];return [Link]("ul",
{className:[Link]("contextMenu",
{moreScopesDropdown:r==1,advancedScopesDropdown:r==2,b_hide:[Link]}),
role:"listbox",tabIndex:1,"aria-label":r==0?
[Link]("ContextMenu"):[Link]("Menu"),"aria-expanded":!!
u},u&&[Link]&&[Link](function(i){return!
[Link]&&[Link]([Link],{key:[Link]?
[Link]:undefined,item:i,showIcons:f,clickHandler:e,menuType:r,enterHandler:o,leaveHan
dler:s,expandIcon:h})||[Link]("li",{key:[Link]?
[Link]:undefined,className:"presentation"},[Link]("ul",
{role:"group","aria-label":[Link]},[Link]([Link],
{item:i,showIcons:f,clickHandler:e,menuType:r,enterHandler:o,leaveHandler:s,expandI
con:h}),[Link](function(u){return [Link]([Link],
{key:[Link]?
[Link]+[Link]:undefined,item:u,showIcons:f,clickHandler:e,menuType:r,enterHandler:o,lea
veHandler:s,expandIcon:h})})))}))},r}
([Link]);[Link]=i;[Link]=function(n){var
r=[Link],u=[Link],e=[Link],f=[Link],o=[Link],s=[Link]
ler,h=[Link];return [Link]?[Link]("div",
{role:"separator",className:"divider"}):[Link]("li",
{id:[Link],className:[Link]("menuItem",[Link],
{expanded:[Link],focusable:[Link]}),"data-
partnertag":[Link]("[Link]"),onMouseUp:function(n){return
e(r,[Link])},onMouseEnter:function(n){return
o(r,[Link])},onMouseLeave:function(n){return
s(r,[Link])},role:[Link]?"listitem":[Link]?"":"heading","aria
-label":[Link],"aria-expanded":[Link],"aria-
haspopup":[Link]?"menu":null,tabIndex:-1},[Link]&&[Link](i,
{dataModel:
{items:[Link],showIcons:u,clickHandler:e,menuType:f,enterHandler:o,leaveHandler
:s,expandIcon:h},isSubmenu:!0}),[Link]("div",
{className:"itemContent"},u&&[Link]&&[Link]([Link],
{icon:[Link]}),[Link]&&[Link]([Link],
{icon:h,type:"SecondaryIcon"}),[Link]("div",
{className:u?"details":""},[Link]&&[Link]("div",
{className:[Link]({oneLineMax:f!
=2},"menuHeaderText")},[Link]),[Link]&&[Link]("span",
{className:"highlighted"},[Link]),![Link]&&[Link]&&[Link]("div",
{className:[Link]({oneLineMax:f!=2},"menuSubText")},[Link]))))}})(t=[Link]||
([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function(){var
n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(t){function i(){return t!==null&&[Link](this,arguments)||this}return
__extends(i,t),[Link]=function(){var
t=[Link],e=[Link],o=[Link],i=[Link]
llapsed,r=[Link],u=[Link],f=i?
[Link]("ExpanderNarratorText",u):[Link]("ExpanderNarratorTextExpand
ed",u);return [Link]("li",
{role:"presentation",className:[Link]("expanderContainer",{expanderOpened:!
i},{selectedExpander:[Link]}),onClick:function(){return
o()}},[Link]("div",
{className:"divider"}),[Link]("button",{"data-
partnertag":[Link]("[Link]"),id:[Link],"aria-
label":f,"aria-expanded":!i,tabIndex:-1,title:f},[Link]("div",
{className:"expanderCircle"},[Link]("div",
{className:"expanderInnerCircle"},[Link]([Link],{icon:e})))))},i}
([Link]);[Link]=t})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
r=function(t){function r(){return t!==null&&[Link](this,arguments)||this}return
__extends(r,t),[Link]=function(){var
t=[Link],r=[Link],u=[Link],f=[Link],e=[Link];re
turn [Link]("div",null,[Link]("h4",
{className:"groupTitle"},f),[Link]("div",null,[Link]("ul"
,null,[Link](function(t){return [Link](i,{key:[Link]?
[Link]:undefined,moduleElement:t,itemClickHandler:u})}))))},r}
([Link]),i;[Link]=r;i=function(n){function i(){return n!
==null&&[Link](this,arguments)||this}return
__extends(i,n),[Link]=function(){var
i=[Link],n=[Link],r=[Link];return
[Link]("li",{className:[Link]("sectionItem","selectable",
{sa_hv:[Link]}),onClick:function(t){return
r(n,[Link])},role:"listitem","aria-selected":[Link],"aria-
label":[Link],"data-
partnertag":[Link]("[Link]")},[Link](
"div",{className:"secondaryText"},[Link]("span",null,[Link])))},i}
([Link])})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=800,r=80,f=function(f){function e(n){var t=[Link](this,n)||this;return
[Link]={displayBalance:0,initialBalance:0,targetBalance:0,elapsedTime:0},t}return
__extends(e,f),[Link]=function(){[Link](function(n)
{if([Link]=[Link](i,[Link]+r),[Link]==i)[Link]=n.t
argetBalance,clearInterval([Link]),[Link]=null;else{var
t=[Link]/i;[Link]=[Link]((1-
t)*[Link]+t*[Link])}return
n})},[Link]=function(){var
t=this,n=[Link];n!
=[Link]&&[Link](function(i){return
[Link]=[Link],[Link]=n,[Link]=0,[Link]||
([Link]=setInterval(function(){return
[Link]()},r)),i})},[Link]=function()
{[Link]()},[Link]=function(n)
{[Link]!
=[Link]&&[Link]()},[Link]=function(){var
e=[Link],i=[Link],o=[Link],s=[Link],h=i.
instItem,c=[Link],l=[Link],r=[Link],a=[Link]
ance,f=[Link],v=[Link]?"rewardsFlyout":null,y=[Link]?"fa
lse":null;return [Link]("li",
{role:"presentation",className:[Link]({rightAligned:e})},[Link](
"a",{className:"scopeTile focusable rewardsBadge",onClick:function(t){return
[Link](s,[Link])},role:"button","aria-controls":v,"aria-
expanded":y,"aria-
label":[Link]("MicrosoftRewardsBadgeBalance",""+f),title:[Link]("Mi
crosoftRewardsBadgeBalance",""+f),tabIndex:-1,"data-
partnertag":[Link]("[Link]"),"data-
h":[Link](),id:"rewardsBadgeButton"},[Link]("span",null,a),React.
createElement(u,
{badgeFillupPercentage:c,isGivingBadge:o}),l&&[Link]("div",
{id:"RewardsNotification",className:"rewardsNotification","data-
partnertag":[Link]("[Link]")})))},e
}([Link]),u;[Link]=f;u=function(n){function t(){return n!
==null&&[Link](this,arguments)||this}return
__extends(t,n),[Link]=function(){var
n=[Link],i=[Link],t=[Link];return
[Link]("svg",{xmlns:"[Link]
0 0 32 32",viewBox:"0 0 32 32"},t&&[Link]("path",{"fill-
rule":"evenodd","clip-rule":"evenodd",d:"M15.9995 23.3044C16.399 23.3555 17.4828
23.1744 18.9998 22.0532C20.973 20.5948 24.5332 17.4635 23.9327 13.7746L23.9212
13.7736C23.7669 11.6639 22.0063 10.0003 19.8572 10.0003C18.0684 10.0003 16.5487
11.153 16.0005 12.7561C15.4524 11.1528 13.9327 10 12.1437 10C9.99462 10 8.23408
11.6637 8.07977 13.7734L8.06734 13.7745C7.46683 17.4634 11.027 20.5947 13.0002
22.0531C14.516 23.1735 15.5994 23.3551 15.9995 23.3044Z"}),!
t&&[Link]("path",{d:"M 12 16.006 l 2.554 1.28 c -1.492 0.581 -2.554
2.023 -2.554 3.72 c 0 2.209 1.791 4 4 4 s 4 -1.791 4 -4 c 0 -1.696 -1.06 -3.138 -
2.551 -3.719 l 2.551 -1.281 v -7 h -8 v 7 Z m -4 -6.5 v 4.183 c 0 0.189 0.106 0.362
0.275 0.447 l 1.725 0.87 v -6 h -1.5 c -0.276 0 -0.5 0.224 -0.5 0.5 Z m 15.5 -0.5 h
-1.5 v 6 l 1.725 -0.87 c 0.169 -0.085 0.275 -0.258 0.275 -0.447 v -4.183 c 0 -0.276
-0.224 -0.5 -0.5 -0.5 Z"}),[Link]("circle",
{className:"badgeFill",fill:"none",strokeWidth:"2",cx:"16",cy:"16",r:"14",transform
:"rotate(-90, 16, 16)",strokeDasharray:i*88+", 88"}),[Link]("circle",
{className:"radial-bg",fill:"none",strokeWidth:"2",cx:"16",cy:"16",r:"14"}))},t}
([Link])})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
r=function(r){function o(){var t=r!==null&&[Link](this,arguments)||this;return
[Link]=function(i,r){return
[Link](t,i,r)},t}return
__extends(o,r),[Link]=function(){var r=[Link];if(!
r)return null;var
h=[Link],v=[Link],c=[Link],l=[Link],y=[Link]
ionsMenuDataModel,o=[Link],p=[Link],s=c&&!
[Link],a=!!o,w=v&&[Link]&&!
[Link];return [Link]("div",
{className:"scopesListContainer","data-
partnertag":[Link]("[Link]")},[Link]>0&&[Link]
eElement("ul",{className:"scopesList","aria-
label":[Link]("ScopesListToolTip"),role:"tablist"},!!
[Link]&&[Link](function(t){return [Link](u,{key:[Link]?
[Link]:undefined,scope:t})}),[Link]&&l&&!
[Link]&&[Link](e,
{id:"scopeMoreMenu",dropdownMenuClickHandler:[Link],isOpened:[Link]
}),s&&[Link]([Link],{dataModel:c,setToAlignRight:!
0}),a&&[Link]([Link],
{id:"userProfileButton",controls:"suserProfileMenu",icon:[Link],userName:[Link]
,dropdownMenuClickHandler:[Link],isOpened:[Link],setToAlignRight:!
s}),w&&[Link](f,{id:"feedbackButton",showFeedback:v,setToAlignRight:!
s&&!a}),[Link](i,
{id:"optionsButton",controls:"scopeOptionsMenu",dropdownMenuClickHandler:[Link]
ickHandler,isOpened:[Link],setToAlignRight:!s&&!w&&!
a})),[Link]==6&&[Link]("ul",
{className:"lockscreenMenu"},[Link](i,
{id:"optionsButton",controls:"scopeOptionsMenu",dropdownMenuClickHandler:[Link]
ickHandler,isOpened:[Link],setToAlignRight:!0})))},o}
([Link]);[Link]=r;var u=function(i){var r=[Link];return
[Link]("li",{role:"presentation"},[Link]("a",
{className:[Link]("scopeTile",{focusable:![Link]||!
[Link]},{selectedScope:[Link]}),"data-
partnertag":[Link]("[Link]"),href:"#",onClick:func
tion(t){return
[Link]([Link],[Link])},role:[Link]&&[Link]
ope()?"":"tab","aria-selected":[Link]?"true":"false","aria-
label":[Link],title:[Link],id:[Link],tabIndex:-
1,disabled:[Link]&&[Link]},[Link]([Link],
{icon:[Link]}),[Link]&&[Link]("div",
{className:"details"},[Link])))},f=function(i){var
r,u=[Link],f=[Link],e=[Link];return [Link]("li",
{role:"presentation",className:[Link]({rightAligned:e})},[Link](
"a",{className:"scopeTile focusable",onClick:function(){return
u()},role:"button","aria-label":[Link]("FeedbackButtonText"),title:
((r=[Link])===null||r===void 0?void 0:[Link]())?
null:[Link]("FeedbackButtonToolTip"),tabIndex:-1,"data-
partnertag":[Link]("[Link]"),id:f},[Link]
onIcon?[Link]("span",
{className:"scopeHeaderButton"},[Link]([Link],{icon:
{content:[Link],type:2}})):[Link]("div",
{className:"details"},[Link]("FeedbackButtonText"))))},i=function(i)
{function r(t){var r=[Link](this,t)||this;return
[Link]=function(t,i){return
[Link](r,t,i)},r}return
__extends(r,i),[Link]=function(){var
r,i=[Link],f=[Link],e=[Link],o=[Link],u=[Link],s=[Link]
tToAlignRight;return [Link]("li",
{role:"presentation",className:[Link]({rightAligned:s})},[Link](
"a",{className:[Link]("scopeTile",{focusable:!
u,dropDownOpened:u}),onClick:function(){return o()},role:"button","aria-
label":[Link]("OptionsButtonToolTip"),"aria-expanded":u,"aria-
haspopup":"menu","aria-controls":e,title:((r=[Link])===null||
r===void 0?void 0:[Link]())?
null:[Link]("OptionsButtonToolTip"),tabIndex:-1,id:f,"data-
partnertag":[Link]("[Link]")},[Link]("span",
{className:"scopeHeaderButton"},[Link]([Link],{icon:
{content:"&#xE712",type:2}}))))},r}([Link]),e=function(i){var
r,f=[Link],e=[Link],u=[Link];return [Link]("li",
{role:"presentation",className:"more"},[Link]("a",
{className:[Link]("scopeTile",{focusable:!
u,dropDownOpened:u}),onClick:function(){return e()},role:"button","aria-
label":[Link]("MoreScopesList"),"aria-expanded":u?"true":"false","aria-
haspopup":"menu","aria-controls":f,title:((r=[Link])===null||
r===void 0?void 0:[Link]())?
null:[Link]("MoreScopesListToolTip"),tabIndex:-1,id:"moreButton","data-
partnertag":[Link]("[Link]")},[Link]("span",
{className:"details"},[Link]("MoreScopesList")),[Link]("span",
{className:"chevronDownIcon moreIcon"},[Link]([Link],{icon:
{content:"&#xF08E",type:2}}))))}})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=t
his&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(n){function t(){return n!==null&&[Link](this,arguments)||this}return
__extends(t,n),[Link]=function(){var n=[Link];return
[Link]("svg",{xmlns:"[Link]
",viewBox:"0 0 16 16"},[Link]("circle",{className:"radial-
bg",cx:"8px",cy:"8px",r:"7px"}),[Link]("circle",{className:"radial
radial-infinite",cx:"8px",cy:"8px",r:"7px"}))},t}
([Link]);[Link]=t})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(n){function t(){return n!==null&&[Link](this,arguments)||this}return
__extends(t,n),[Link]=function(){var n=[Link];return
[Link]("div",{id:"suggestionCountForNarrator","aria-
live":"polite","aria-atomic":"true"},[Link]("span",null,n))},t}
([Link]);[Link]=t})(t=[Link]||([Link]={}))}
(WSB||(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i)
{return n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(i){function e(){return i!==null&&[Link](this,arguments)||this}return
__extends(e,i),[Link]=function(){var
i=[Link],e,h,o,c,s,l,a;return i?(([Link]||
[Link])&&[Link]&&(h=[Link]?
[Link]("span",null,[Link]([Link],
{icon:[Link]})):null,e=[Link]("button",
{id:"FlyoutButton",className:"flyoutButton",onClick:function(t){return
[Link]([Link]||
[Link],[Link])}},[Link]||[Link],"
",h)),[Link]>1&&(c=[Link]("div",{className:"flyoutStepCounter
flyoutNavigation"}," ",[Link]," "),o=[Link]+1!=[Link]||e?
[Link]("span",null,[Link]("button",
{id:"FlyoutNextButton",className:"flyoutButton flyoutNavigation","data-
partnertag":[Link]("[Link]"),onClick:[Link]
ep},[Link])):[Link]("span",null,[Link]("button"
,{id:"FlyoutButton",className:"flyoutButton flyoutNavigation",onClick:function(t)
{return [Link]([Link]||
[Link],[Link])}},[Link]||
[Link]))),[Link]&&(s=[Link]("button",
{id:"FlyoutDismissFooterButton",className:"flyoutButton
flyoutDismissFooterButton",onClick:function(t){return
[Link]([Link],[Link])}},[Link]||
[Link])),(e||o||s)&&(l=[Link]("div",
{className:"flyoutFooter"},c,s,o,e)),a=["flyout",[Link]].join("
"),[Link]("div",{className:a,id:[Link],tabIndex:0,"data-
partnertag":[Link]("[Link]"),style:[Link]()},[Link]
lement(u,{position:[Link],beakOffset:[Link]}),[Link](r,
{clickHandler:[Link]}),[Link](f,
{iconKey:[Link]}),[Link]&&[Link]("div",
{className:"flyoutTitle"},[Link]),[Link]("div",
{className:"flyoutMessage"},[Link]),l)):null},[Link]=function(){var
t=[Link],i=[Link],r=[Link],u=[Link],f=[Link],n={};return isNaN(r)?
isNaN(f)||([Link]=f):[Link]=r,isNaN(u)?isNaN(i)||([Link]=i):[Link]=u,n},e}
([Link]);[Link]=i;var r=function(i){return [Link]("span",
{id:"flyoutDismiss"},[Link]("a",
{href:"#",id:"flyoutDismissIcon",className:"flyoutDissmissButtonArea",onClick:funct
ion(t){return [Link]([Link],[Link])},"aria-
label":[Link]("DismissFlyout"),"data-
partnertag":[Link]("[Link]"),tabIndex:-
1},[Link]([Link],{icon:{content:"&#xE711",type:2}})))},u=function(n)
{var t={left:[Link]=="Bottom"||[Link]=="Top"?
[Link]:null,top:[Link]=="Left"||[Link]=="Right"?
[Link]:null},i="flyoutBeak"+[Link];return [Link]("div",
{className:["flyoutBeak",i].join(" "),style:t,role:"presentation"})},f=function(n)
{switch([Link]){case"Rewards":return [Link]("div",
{id:"FlyoutIcon"},[Link]([Link],null));case"WebSearch":return
[Link]("div",
{id:"FlyoutIcon"},[Link]([Link],null));case"QuickSearch":return
[Link]("div",
{id:"FlyoutIcon"},[Link]([Link],null));case"VisualSearch":retur
n [Link]("div",
{id:"FlyoutIcon"},[Link]([Link],null));case"RewardsTrophy"
:return [Link]("div",
{id:"FlyoutIcon"},[Link]([Link],null));default:return
[Link]("span",null)}}})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(t){var
i=function(t){function i(){return t!==null&&[Link](this,arguments)||this}return
__extends(i,t),[Link]=function(){var n=[Link];return n?
[Link]("div",
{id:[Link]+"Overlay",style:[Link]([Link]),className:"overlay"}):null},[Link]
[Link]=function(t){var a=[Link],c=[Link]("_")
[0],l=_ge(c),i={},f,s,h,u,e;if(l&&(f=[Link](),[Link]=[Link],[Link]=f
.left,[Link]=[Link],[Link]=[Link],[Link]([Link]()))){var
o=[Link]("suggsList"),v=[Link]-
2,r=o&&[Link]>0&&o[v];if(r&&[Link]&&[Link]>0)
{for(s=40,h=0,u=0;u<[Link];u+
+)e=[Link][u].id&&_ge([Link][u].id).getBoundingClientRect(),s+=e?
[Link],h=e&&u==[Link]-1?[Link]:h;[Link]=s;[Link]+=24;[Link]-
=12}}return i},i}([Link]);[Link]=i})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(n){function t(){return n!==null&&[Link](this,arguments)||this}return
__extends(t,n),[Link]=function(){return [Link]("svg",
{width:"100%",height:"100%",viewBox:"0 0 64
60",fill:"none",xmlns:"[Link]
{clipPath:"url(#clip0)"},[Link]("path",{d:"M24.0454
33.0031H41.0299",stroke:"#FFBA00",strokeWidth:"2"}),[Link]("path",
{d:"M31.679
39.2957V32.241",stroke:"#FFBA00",strokeWidth:"2"}),[Link]("path",
{d:"M8.73109 9.3436H31.2103H55.3941L62.9923
0.00292969H46.0352H32.1648H17.7387H1.63391L8.73109
9.3436Z",fill:"#0063B0"}),[Link]("path",{d:"M61.8346
0.000244467L58.603 0.000911482L54.0247 0.0015785L47.156 0.00224551L32.4226
25.2807L32.0625 25.6417L16.9684 0.00224551L10.0997 0.000244467L5.51075
0.000911482L2.2898 0.000244467C1.026 -0.000422915 0.00066797 1.02267 0 2.28603C0
2.28603 0.139604 3.11692 0.373394 3.46596L22.8993 41.1897H41.2251L63.751
3.46596C63.9855 3.11692 64.1144 2.70848 64.1251 2.2887C64.1258 1.02534 63.1011
0.000911849 61.8373
0.000244467H61.8346Z",fill:"#0177D9"}),[Link]("path",{d:"M53.9494
0.000732422L32.036 37.2259L31.9872 37.308L10.025 0.000732422H5.44678L29.6927
41.1875H34.271H34.2817L58.5277
0.000732422H53.9494Z",fill:"#F1F1F1"}),[Link]("path",{d:"M32.0606
26.9993C41.1669 26.9993 48.5489 34.3747 48.5489 43.473C48.5489 52.5713 41.1669
59.9467 32.0606 59.9467C22.9543 59.9467 15.5724 52.5713 15.5724 43.473C15.5724
34.3747 22.9543 26.9993 32.0606
26.9993Z",fill:"#FFBA00"}),[Link]("path",{d:"M32.3252 32.0001C38.3959
32.0001 43.3172 36.9171 43.3172 42.9824C43.3172 49.0483 38.3959 53.9658 32.3252
53.9658C26.2546 53.9658 21.3333 49.0483 21.3333 42.9824C21.3333 36.9171 26.2546
32.0001 32.3252
32.0001Z",fill:"#FF8400"})),[Link]("defs",null,[Link]("cl
ipPath",{id:"clip0"},[Link]("rect",
{width:"64",height:"60",fill:"white"}))))},t}([Link]);[Link]=t})
(t=[Link]||([Link]={}))}(WSB||(WSB={}));__extends=this&&this.__extends||function()
{var n=function(t,i){return n=[Link]||{__proto__:[]}instanceof
Array&&function(n,t){n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}(),function(n){var t;(function(n){var
t=function(t){function i(){return
t!==null&&[Link](this,arguments)||this}return
__extends(i,t),[Link]=function(){var
r=[Link],t=[Link],u=[Link],i=[Link],f=[Link]
eSuspended,e=[Link],o=[Link];return [Link]("div",
{id:u,className:[Link]("informationBubble toolTipTarget",{sa_hv:i&&!
f}),title:o||"","aria-label":e,"aria-selected":i,onMouseEnter:function(){return
r()},onClick:function(n){return [Link]()}},"i")},i}
([Link]);[Link]=t})(t=[Link]||([Link]={}))}(WSB||
(WSB={}));__extends=this&&this.__extends||function(){var n=function(t,i){return
n=[Link]||{__proto__:[]}instanceof Array&&function(n,t)
{n.__proto__=t}||function(n,t){for(var i in
t)[Link](i)&&(n[i]=t[i])},n(t,i)};return function(t,i){function r()
{[Link]=t}n(t,i);[Link]=i===null?[Link](i):
([Link]=[Link],new r)}}();__spreadArrays=this&&this.__spreadArrays||
function(){for(var i=0,n=0,r=[Link];n<r;n+
+)i+=arguments[n].length;for(var u=Array(i),f=0,n=0;n<r;n++)for(var
e=arguments[n],t=0,o=[Link];t<o;t++,f++)u[f]=e[t];return u},function(n){var t;
(function(n){var t=function(t){function i(){return t!
==null&&[Link](this,arguments)||this}return
__extends(i,t),[Link]=function(n){for(var
i=__spreadArrays(n),t=0;t<[Link]-1;t+=2)[Link](t+1,0,{isDivider:!0});return
i},[Link]=function(n){return!
[Link]},[Link]=function(){var
u=this,t=[Link],f=[Link],i=[Link],r=[Link],e=[Link],o=t
[Link](i);return(!i||[Link]==0)&&!r?null:[Link]("div",
{className:"popover "+e,"aria-label":r,tabIndex:-1},[Link]("div",
{className:"text"},r),[Link]("ul",
{className:"buttonList"},[Link](function(t,i){return [Link]("li",
{key:i},[Link]&&[Link]("span",
{className:"popoverDivider",role:"display"},"|")||
[Link](t)&&[Link]("a",{id:[Link],className:[Link]("focusable",
{sa_hv:[Link]&&![Link],accentColor:[Link]}),"data-
clicks":!0,"aria-label":[Link],tabIndex:-1,role:"link",onClick:function(n)
{return f(t,[Link])},"data-
partnertag":[Link]("[Link]"),"data-h":[Link]?
[Link]():null},[Link]))})),[Link]("div",
{className:"beak"}))},i}([Link]);[Link]=t})(t=[Link]||([Link]={}))}
(WSB||(WSB={}))

Common questions

Powered by AI

The document illustrates the concept of componentized UI by defining numerous reusable components, such as `PreviewPaneButton`, `WindowsAdvancedOption`, and `RemoveIcon`, each encapsulating specific functionality and styles. This modular approach allows developers to compose complex UIs from simple, isolated components, facilitating easier maintenance, testing, and scalability. Components can be independently developed and updated without affecting the broader application, allowing parallel development and quicker iterations. This structure supports consistency across the UI, reducing duplication and complexity in the codebase .

The document uses `shouldComponentUpdate` as a mechanism to control component updates. This method is crucial in a React environment as it helps optimize rendering performance by preventing unnecessary updates. If a component's state or props haven't changed, skipping the update will save computing resources and enhance performance. The custom logic implemented in `shouldComponentUpdateOverload` can further refine control over updates, ensuring only relevant changes trigger re-renders, which is essential for complex or highly dynamic interfaces .

State is utilized to manage dynamic visual elements by controlling features like expandability and animations. For instance, components like `WindowsExpansionPanel` use state variables to track whether items are collapsed or expanded (`sectionCollapsed`). Similarly, animated elements, such as those updating balances in real time, rely on state to incrementally change displayed values, using timers for smooth transitions. This state-driven rendering ensures that UI changes are consistent with user interactions, providing a dynamic experience that is both responsive and visually appealing in real time .

The document manages component hierarchies by implementing inheritance and composition patterns, where parent components pass properties and event handlers to child components. This is evident in the use of props to relay data and callbacks, ensuring clear communication channels between UI layers. The structured hierarchy allows for top-down data flow while maintaining the ability for child components to signal parent components of events via callback functions. This ensures a managed state and interaction consistency across the application, crucial for complex systems requiring coordinated updates across multiple UI layers .

The document employs several strategies for ensuring UI responsiveness, including context-sensitive icons, dynamic CSS classes (`classNames`), and React's state management. Components adapt to different user contexts with on-the-fly style adjustments, dynamic loading conditions, and responsive event handling (e.g., click events adapting based on current state or context). Smooth UI changes are facilitated by using state transitions and conditional rendering, such as collapsing and expanding sections with animations. These techniques result in a UI experience that feels seamless and reactively appropriate to user interactions .

The document demonstrates encapsulation by defining distinct components for each piece of functionality, such as `RemoveIcon` or `WindowsGroup`. Each component manages its own state and lifecycle methods, exposing only necessary properties and functions to the outside world, hiding implementation details. This encapsulation is crucial for maintaining code quality and integrity, as it limits the exposure of internal logic and reduces the likelihood of unintended side effects. It also promotes a clean separation of concerns, making components easier to maintain, test, and reuse .

Icons and visual indicators, such as those implemented in the `Icon` component, serve as critical components for enhancing the user interface. They provide intuitive, quick access to functionality and context cues, supporting visual hierarchy within the UI. Their usage in components like buttons and suggestion panes underscores their role in user engagement, offering familiar signifiers that facilitate user navigation and action, crucial for efficiency. By improving the clarity and feedback of interactions, they contribute significantly to an effective user experience, reducing cognitive load and streamlining task completion .

Data attributes (e.g., `data-partnertag`) and ARIA roles (e.g., `aria-label`, `aria-selected`, `aria-expanded`) play a crucial role in enhancing accessibility by making components more semantic and enriching them with extra metadata needed by assistive technologies. ARIA roles provide screen readers with relevant information about the purpose of elements and their states, such as whether an item is selected or expanded, thereby improving the navigation experience for users who rely on these technologies. Data attributes help developers associate elements with specific functionality or user interactions without impacting the HTML structure, aiding in the organization and management of complex interactions .

The JavaScript code demonstrates component inheritance using the `__extends` function in conjunction with `Object.setPrototypeOf()` or the prototype chain. This manifest is seen through the creation of child components like `DynamicHeightView` and `PreviewPaneButton` by extending `React.Component`. The primary advantage of using component inheritance is the ability to define new classes that augment or modify the behavior of inherited classes, enabling code reuse and reducing redundancy. This approach allows the new components to inherit properties and methods from parent classes, ensuring consistency and leveraging existing functionality .

Event handling is facilitated through callback functions defined for various user interactions, such as `onClick`, `onMouseEnter`, and `onContextMenu`. These callbacks are typically passed down as props to components, allowing for modular and configurable event responses. Patterns such as delegating events via handler functions (`invokeClickHandler`) support separation of concerns and enable handlers to be dynamically assigned or modified, enhancing flexibility and responsiveness. The approach supports a dynamic user interface where actions are contextually relevant, improving the user's ability to interact fluidly with the application .

You might also like