+ ${this.renderFlyoutPersonDetails(this.userDetails,this._image)}
+
+ ${this.renderAccounts()}
+ Error: ${e}
`,this.renderContent=()=>P``,this.handleProviderUpdates=()=>{var e,r;this.providerState=(r=(e=U.globalProvider)===null||e===void 0?void 0:e.state)!==null&&r!==void 0?r:je.Loading},this.handleActiveAccountUpdates=()=>{this.clearState()},this.handleLocalizationChanged=()=>{ze.updateStringsForTag(this.tagName,this.strings),this.requestUpdate()},this.handleDirectionChanged=()=>{this.direction=ze.getDocumentDirection()},this.handleDirectionChanged(),this.handleLocalizationChanged()}connectedCallback(){super.connectedCallback(),ze.onStringsUpdated(this.handleLocalizationChanged),ze.onDirectionUpdated(this.handleDirectionChanged)}disconnectedCallback(){super.disconnectedCallback(),ze.removeOnStringsUpdated(this.handleLocalizationChanged),ze.removeOnDirectionUpdated(this.handleDirectionChanged),U.removeProviderUpdatedListener(this.handleProviderUpdates),U.removeActiveAccountChangedListener(this.handleActiveAccountUpdates)}firstUpdated(e){super.firstUpdated(e),this._isFirstUpdated=!0,U.onProviderUpdated(this.handleProviderUpdates),U.onActiveAccountChanged(this.handleActiveAccountUpdates)}clearState(){}fireCustomEvent(e,r,o=!1,n=!1,i=!1){const s=new CustomEvent(e,{bubbles:o,cancelable:n,composed:i,detail:r});return this.dispatchEvent(s)}updated(e){super.updated(e),this.fireCustomEvent("updated",void 0,!0,!1)}loadState(){return vm(this,void 0,void 0,function*(){return Promise.resolve()})}args(){return[this.providerState]}render(){return this._task.render({pending:this.renderLoading,complete:this.renderContent,error:this.renderError})}}Qh([at(),Yh("design:type",Number)],Un.prototype,"providerState",void 0);Qh([at(),Yh("design:type",String)],Un.prototype,"direction",void 0);const mm=(t,e)=>Sl(t,e,new Set),Sl=(t,e,r)=>{const o=Object.prototype.toString.call(t),n=Object.prototype.toString.call(e);if(typeof t=="object"&&typeof e=="object"&&o===n&&o==="[object Object]"&&!r.has(t)){r.add(t);for(const i in t)if(!Sl(t[i],e[i],r))return!1;for(const i in e)if(!Object.prototype.hasOwnProperty.call(t,i))return!1;return!0}if(Array.isArray(t)&&Array.isArray(e)&&!r.has(t)){if(r.add(t),t.length!==e.length)return!1;for(let i=0;i
+ ${e}
+
+ `,this.templateContext=this.templateContext||{}}update(e){this.templates=this.getTemplates(),this._slotNamesAddedDuringRender=[],super.update(e)}updated(e){super.updated(e),this.removeUnusedSlottedElements()}renderTemplate(e,r,o){if(!this.hasTemplate(e))return null;o=o||e,this._slotNamesAddedDuringRender.push(o),this._renderedSlots=!0;const n=P`
+
+ ${D0(t,e)}
+
+
+`,bi=".root",O3=le.create("clear-button-hover").withDefault(t=>{const e=Io.getValueFor(t),r=pr.getValueFor(t);return e.evaluate(t,r.evaluate(t).focus).hover}),I3=le.create("clear-button-active").withDefault(t=>{const e=Io.getValueFor(t),r=pr.getValueFor(t);return e.evaluate(t,r.evaluate(t).focus).active}),M3=(t,e)=>de`
+ ${Mr("inline-block")}
+
+ ${k3(t,e,bi)}
+
+ ${x3()}
+
+ .root {
+ display: flex;
+ flex-direction: row;
+ }
+ .control {
+ -webkit-appearance: none;
+ color: inherit;
+ background: transparent;
+ border: 0;
+ height: calc(100% - 4px);
+ margin-top: auto;
+ margin-bottom: auto;
+ padding: 0 calc(${wo} * 2px + 1px);
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+ }
+ .clear-button {
+ display: inline-flex;
+ align-items: center;
+ margin: 1px;
+ height: calc(100% - 2px);
+ opacity: 0;
+ background: transparent;
+ color: ${$n};
+ fill: currentcolor;
+ border: none;
+ border-radius: calc(${Vr} * 1px);
+ min-width: calc(${ko} * 1px);
+ ${Ji}
+ outline: none;
+ padding: 0 calc((10 + (${wo} * 2 * ${Mc})) * 1px);
+ }
+ .clear-button:hover {
+ background: ${O3};
+ }
+ .clear-button:active {
+ background: ${I3};
+ }
+ :host(:hover:not([disabled], [readOnly])) .clear-button,
+ :host(:active:not([disabled], [readOnly])) .clear-button,
+ :host(:focus-within:not([disabled], [readOnly])) .clear-button {
+ opacity: 1;
+ }
+ :host(:hover:not([disabled], [readOnly])) .clear-button__hidden,
+ :host(:active:not([disabled], [readOnly])) .clear-button__hidden,
+ :host(:focus-within:not([disabled], [readOnly])) .clear-button__hidden {
+ opacity: 0;
+ }
+ .control::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ }
+ .input-wrapper {
+ display: flex;
+ position: relative;
+ width: 100%;
+ }
+ .start,
+ .end {
+ display: flex;
+ margin: 1px;
+ align-items: center;
+ }
+ .start {
+ display: flex;
+ margin-inline-start: 11px;
+ }
+ ::slotted([slot="end"]) {
+ height: 100%
+ }
+ .clear-button__hidden {
+ opacity: 0;
+ }
+ .end {
+ margin-inline-end: 11px;
+ }
+ ::slotted(${t.tagFor(lt)}) {
+ margin-inline-end: 1px;
+ }
+ `.withBehaviors(_r("outline",C3(t,e,bi)),_r("filled",S3(t,e,bi)),Zt(_3(t,e,bi)));class L1 extends ct{constructor(){super(...arguments),this.appearance="outline"}}hs([z],L1.prototype,"appearance",void 0);const z3=L1.compose({baseName:"search",baseClass:ct,template:D3,styles:M3,start:'',shadowOptions:{delegatesFocus:!0}}),V3=(t,e)=>de`
+ ${Mr("block")} :host {
+ --skeleton-fill-default: ${Xi};
+ overflow: hidden;
+ width: 100%;
+ position: relative;
+ background-color: var(--skeleton-fill, var(--skeleton-fill-default));
+ --skeleton-animation-gradient-default: linear-gradient(
+ 270deg,
+ var(--skeleton-fill, var(--skeleton-fill-default)) 0%,
+ ${E1} 51%,
+ var(--skeleton-fill, var(--skeleton-fill-default)) 100%
+ );
+ --skeleton-animation-timing-default: ease-in-out;
+ }
+
+ :host(.rect) {
+ border-radius: calc(${Vr} * 1px);
+ }
+
+ :host(.circle) {
+ border-radius: 100%;
+ overflow: hidden;
+ }
+
+ object {
+ position: absolute;
+ width: 100%;
+ height: auto;
+ z-index: 2;
+ }
+
+ object img {
+ width: 100%;
+ height: auto;
+ }
+
+ ${Mr("block")} span.shimmer {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-image: var(--skeleton-animation-gradient, var(--skeleton-animation-gradient-default));
+ background-size: 0px 0px / 90% 100%;
+ background-repeat: no-repeat;
+ background-color: var(--skeleton-animation-fill, ${Xi});
+ animation: shimmer 2s infinite;
+ animation-timing-function: var(--skeleton-animation-timing, var(--skeleton-timing-default));
+ animation-direction: normal;
+ z-index: 1;
+ }
+
+ ::slotted(svg) {
+ z-index: 2;
+ }
+
+ ::slotted(.pattern) {
+ width: 100%;
+ height: 100%;
+ }
+
+ @keyframes shimmer {
+ 0% {
+ transform: translateX(-100%);
+ }
+ 100% {
+ transform: translateX(100%);
+ }
+ }
+ `.withBehaviors(Zt(de`
+ :host{
+ background-color: ${R.CanvasText};
+ }
+ `)),H3=Wn.compose({baseName:"skeleton",template:U2,styles:V3});function j3(t){return J0.getOrCreate(t).withPrefix("fluent")}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const q3={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},U3=t=>(...e)=>({_$litDirective$:t,values:e});class W3{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,r,o){this._$Ct=e,this._$AM=r,this._$Ci=o}_$AS(e,r){return this.update(e,r)}update(e,r){return this.render(...r)}}/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const kt=U3(class extends W3{constructor(t){var e;if(super(t),t.type!==q3.ATTRIBUTE||t.name!=="class"||((e=t.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var o,n;if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(i=>i!=="")));for(const i in e)e[i]&&!((o=this.nt)!=null&&o.has(i))&&this.st.add(i);return this.render(e)}const r=t.element.classList;for(const i of this.st)i in e||(r.remove(i),this.st.delete(i));for(const i in e){const s=!!e[i];s===this.st.has(i)||(n=this.nt)!=null&&n.has(i)||(s?(r.add(i),this.st.add(i)):(r.remove(i),this.st.delete(i)))}return vo}});/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const so=t=>t??Pe,Z3=t=>"personType"in t||"userType"in t,G3=t=>"initials"in t,$P=t=>{const e=new Date,r=new Date(e.getFullYear(),e.getMonth(),e.getDate());if(t>=r)return t.toLocaleString("default",{hour:"numeric",minute:"numeric"});const o=new Date(r);if(o.setDate(e.getDate()-e.getDay()),t>=o)return t.toLocaleString("default",{hour:"numeric",minute:"numeric",weekday:"short"});const n=new Date(o);return n.setDate(o.getDate()-7),t>=n?t.toLocaleString("default",{day:"numeric",month:"numeric",weekday:"short"}):t.toLocaleString("default",{day:"numeric",month:"numeric",year:"numeric"})},R1=(t,e)=>{let r;return function(){const o=()=>t.apply(this,arguments);window.clearTimeout(r),r=window.setTimeout(o,e)}},D1=t=>new Promise((e,r)=>{const o=new FileReader;o.onerror=r,o.onload=()=>{e(o.result)},o.readAsDataURL(t)}),Wa=t=>t.startsWith("[")?t.match(/([a-zA-Z0-9+._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9_-]+)/gi).toString():t,AP=(t,e=2)=>{if(t===0)return"0 Bytes";const r=1024,o=e<0?0:e,n=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],i=Math.floor(Math.log(t)/Math.log(r));return`${parseFloat((t/Math.pow(r,i)).toFixed(o))} ${n[i]}`},NP=t=>(t&&(t=t==null?void 0:t.replace(/
+
+
+
+
+
+ ${R0(t,e)}
+
+ ${this.renderFlyout()}
+
+ `}return P`
+
+
+ `}renderAnchor(){return P`
+
+ ${r}
+
+
+
+ ${o}
+
+ ${n}
+
+ `},this.renderLoading=()=>{const e=kt({"person-root":!0,small:!this.isThreeLines()&&!this.isFourLines()&&!this.isLargeAvatar(),large:this.avatarSize!=="auto"&&this.isLargeAvatar(),noline:this.isNoLine(),oneline:this.isOneLine(),twolines:this.isTwoLines(),threelines:this.isThreeLines(),fourlines:this.isFourLines(),vertical:this.isVertical()}),r=kt({"details-wrapper":!0,vertical:this.isVertical()});return this.renderTemplate("loading",null)||P`
+
+
`},this.renderLoadingLines=()=>{const e=[];return this.isNoLine()||(this.isOneLine()&&e.push(this.renderLoadingLine(1)),this.isTwoLines()&&(e.push(this.renderLoadingLine(1)),e.push(this.renderLoadingLine(2))),this.isThreeLines()&&(e.push(this.renderLoadingLine(1)),e.push(this.renderLoadingLine(2)),e.push(this.renderLoadingLine(3))),this.isFourLines()&&(e.push(this.renderLoadingLine(1)),e.push(this.renderLoadingLine(2)),e.push(this.renderLoadingLine(3)),e.push(this.renderLoadingLine(4)))),e},this.renderLoadingLine=e=>{const r=`line${e}`;return P`
+
+
+
+ ${this.renderLoadingLines()}
+
+
+
+ `},this.handleMouseClick=e=>{const r=e.target;this.personCardInteraction==="click"&&r.tagName!==`${uo.prefix}-PERSON-CARD`.toUpperCase()&&this.showPersonCard()},this.handleKeyDown=e=>{const r=this.renderRoot.querySelector(".person-root");if(e){if(e.key==="Enter"){this.showPersonCard();const o=this.flyout;o!=null&&o.isOpen&&(this._keyBoardFocus=R1(()=>{const n=o.querySelector(".mgt-person-card");n.setAttribute("tabindex","0"),n.focus()},500),this._keyBoardFocus()),r.blur()}this.personCardInteraction!=="none"&&e.key==="Escape"&&r&&(this.hidePersonCard(),r.focus())}},this.handleMouseEnter=()=>{clearTimeout(this._mouseEnterTimeout),clearTimeout(this._mouseLeaveTimeout),this.personCardInteraction==="hover"&&(this._mouseEnterTimeout=window.setTimeout(this.showPersonCard,500))},this.handleMouseLeave=()=>{clearTimeout(this._mouseEnterTimeout),clearTimeout(this._mouseLeaveTimeout),this._mouseLeaveTimeout=window.setTimeout(this.hidePersonCard,500)},this.hidePersonCard=()=>{const e=this.flyout;e&&e.close();const r=this.querySelector(".mgt-person-card")||this.renderRoot.querySelector(".mgt-person-card");r&&(r.isExpanded=!1,r.clearHistory())},this.loadPersonCardResources=()=>bf(this,void 0,void 0,function*(){if(this.personCardInteraction!=="none"&&!this._hasLoadedPersonCard){const{registerMgtPersonCardComponent:e}=yield fr(()=>import("./mgt-person-card-Cbp5qkpX.js"),__vite__mapDeps([0,1,2,3,4,5,6]));customElements.get(i0("person-card"))||e(),this._hasLoadedPersonCard=!0}}),this.showPersonCard=()=>{this._personCardShouldRender||(this._personCardShouldRender=!0,this.loadPersonCardResources());const e=this.flyout;e&&e.open()},this.personCardInteraction="none",this.line1Property="displayName",this.line2Property="jobTitle",this.line3Property="department",this.line4Property="email",this.view="image",this.avatarSize="auto",this.disableImageFetch=!1,this._isInvalidImageSrc=!1,this.avatarType="photo",this.verticalLayout=!1}clearState(){this._personImage="",this._personDetailsInternal=null,this._fetchedImage=null,this._fetchedPresence=null}renderNoData(){const e=this.renderTemplate("no-data",null);if(e)return e;const r={"avatar-icon":!0,vertical:this.isVertical(),small:!this.isLargeAvatar(),noline:this.isNoLine(),oneline:this.isOneLine(),twolines:this.isTwoLines(),threelines:this.isThreeLines(),fourlines:this.isFourLines()};return P`
+
+ `}renderPersonIcon(){return Me(N.Person)}renderImage(e,r){var o;const n=`${this.strings.photoFor} ${e.displayName}`,i=r&&!this._isInvalidImageSrc&&this.avatarType==="photo",s=this.avatarType==="photo"&&this.view==="image",a=(o=(e==null?void 0:e.displayName)||`${this.strings.emailAddress} ${Nn(e)}`)!==null&&o!==void 0?o:void 0,l=P`
+ ${n}
+ ${i}
+
+ `}handleLine1Clicked(){this.fireCustomEvent("line1clicked",this.personDetailsInternal)}handleLine2Clicked(){this.fireCustomEvent("line2clicked",this.personDetailsInternal)}handleLine3Clicked(){this.fireCustomEvent("line3clicked",this.personDetailsInternal)}handleLine4Clicked(){this.fireCustomEvent("line4clicked",this.personDetailsInternal)}renderDetails(e,r){if(!e||this.view==="image")return P``;const o=e;r&&(o.presenceActivity=r==null?void 0:r.activity,o.presenceAvailability=r==null?void 0:r.availability);const n=[],i=this.getTextFromProperty(o,this.line1Property);if(this.hasTemplate("line1")){const a=this.renderTemplate("line1",{person:o});n.push(P`
+ this.handleLine1Clicked()} role="presentation" aria-label="${i}">${a}
+ `)}else i&&n.push(P`
+ this.handleLine1Clicked()} role="presentation" aria-label="${i}">${i}
+ `);if(this.view!=="oneline"){const a=this.getTextFromProperty(o,this.line2Property);if(this.hasTemplate("line2")){const l=this.renderTemplate("line2",{person:o});n.push(P`
+ this.handleLine2Clicked()} role="presentation" aria-label="${a}">${l}
+ `)}else a&&n.push(P`
+ this.handleLine2Clicked()} role="presentation" aria-label="${a}">${a}
+ `)}if(this.view==="threelines"||this.view==="fourlines"){const a=this.getTextFromProperty(o,this.line3Property);if(this.hasTemplate("line3")){const l=this.renderTemplate("line3",{person:o});n.push(P`
+ this.handleLine3Clicked()} role="presentation" aria-label="${a}">${l}
+ `)}else a&&n.push(P`
+ this.handleLine3Clicked()} role="presentation" aria-label="${a}">${a}
+ `)}if(this.view==="fourlines"){const a=this.getTextFromProperty(o,this.line4Property);if(this.hasTemplate("line4")){const l=this.renderTemplate("line4",{person:o});n.push(P`
+ this.handleLine4Clicked()} role="presentation" aria-label="${a}">${l}
+ `)}else a&&n.push(P`
+ this.handleLine4Clicked()} role="presentation" aria-label="${a}">${a}
+ `)}const s=kt({"details-wrapper":!0,vertical:this.isVertical()});return P`
+
+ ${n}
+
+ `}renderFlyout(e,r,o,n){const i=this._personCardShouldRender&&this._hasLoadedPersonCard?P`
+
+ ${this.renderFlyoutContent(r,o,n)}
+
`:P``,s=kt({small:!this.isThreeLines()&&!this.isFourLines()&&!this.isLargeAvatar(),large:this.avatarSize!=="auto"&&this.isLargeAvatar(),noline:this.isNoLine(),oneline:this.isOneLine(),twolines:this.isTwoLines(),threelines:this.isThreeLines(),fourlines:this.isFourLines(),vertical:this.isVertical()});return no`
+ ${e}
+ ${i}
+
+ ${this.renderButton()}
+ ${this.renderFlyout()}
+
`,this.flyoutOpened=()=>{this._isFlyoutOpen=!0},this.flyoutClosed=()=>{this._isFlyoutOpen=!1},this.onUserKeyDown=e=>{if(!this.flyout.isOpen)return;const r=this.renderRoot.querySelector(".popup-content"),o=r.querySelectorAll("ul, fluent-button"),n=r.querySelector("#signout-button")||o[0],i=r.querySelector("#signin-different-account-button")||o[o.length-1];if(e.key==="Tab"&&e.shiftKey&&n===e.target&&(e.preventDefault(),i==null||i.focus()),e.key==="Tab"&&!e.shiftKey&&i===e.target&&(e.preventDefault(),n==null||n.focus()),e.key==="Escape"){const a=this.renderRoot.querySelector("#login-button");a==null||a.focus()}const s=this.renderRoot.querySelector("fluent-card");e.shiftKey&&e.key==="Tab"&&e.target===s&&this.hideFlyout()},this.handleAccountListKeyDown=e=>{const r=this.renderRoot.querySelector("ul.account-list");let o;const n=r==null?void 0:r.children;for(const a of n){const l=a;l.setAttribute("tabindex","-1"),l.blur()}const i=r.childElementCount,s=e.key;if(s==="ArrowDown")this._arrowKeyLocation=(this._arrowKeyLocation+1+i)%i;else if(s==="ArrowUp")this._arrowKeyLocation=(this._arrowKeyLocation-1+i)%i;else if(s==="Tab"||s==="Escape"){this._arrowKeyLocation=-1,r.blur(),s==="Escape"&&(e.preventDefault(),e.stopPropagation());return}this._arrowKeyLocation>-1&&(o=n[this._arrowKeyLocation],o.setAttribute("tabindex","1"),o.focus())},this.onClick=()=>{this.userDetails&&this.flyout.isOpen?this.hideFlyout():this.userDetails?this.showFlyout():this.login()},this._isFlyoutOpen=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e=>e.stopPropagation())}login(){return Xa(this,void 0,void 0,function*(){const e=U.globalProvider;(this.userDetails||!this.fireCustomEvent("loginInitiated"))&&!e.isMultiAccountSupportedAndEnabled||e!=null&&e.login&&(yield e.login(),e.state===je.SignedIn?this.fireCustomEvent("loginCompleted"):this.fireCustomEvent("loginFailed"))})}args(){return[this.providerState]}loadState(){return Xa(this,void 0,void 0,function*(){const e=U.globalProvider;e&&!this.userDetails&&(e.state===je.SignedIn?(this.userDetails=yield U1(e.graph.forComponent(this)),this.userDetails.personImage&&(this._image=this.userDetails.personImage),e.isMultiAccountSupportedAndEnabled&&localStorage.setItem(U.globalProvider.getActiveAccount().id+this._userDetailsKey,JSON.stringify(this.userDetails)),this.fireCustomEvent("loginCompleted")):this.userDetails=null)})}renderButton(){var e;const r=((e=U.globalProvider)===null||e===void 0?void 0:e.state)===je.SignedIn,o=kt({"signed-in":r&&!!this.userDetails,"signed-out":!r,small:this.loginView==="avatar"}),n=r?"stealth":"neutral",i=r&&this.userDetails,s=i?this.renderSignedInButtonContent(this.userDetails,this._image):this.renderSignedOutButtonContent(),a=i?this._isFlyoutOpen:void 0;return P`
+
+
+ `}get hasMultipleAccounts(){var e,r,o,n;return((e=U.globalProvider)===null||e===void 0?void 0:e.isMultiAccountSupportedAndEnabled)&&((n=(o=(r=U.globalProvider)===null||r===void 0?void 0:r.getAllAccounts)===null||o===void 0?void 0:o.call(r))===null||n===void 0?void 0:n.length)>1}get usesVerticalPersonCard(){return this.loginView==="full"||this.hasMultipleAccounts}renderFlyoutPersonDetails(e,r){return this.renderTemplate("flyout-person-details",{personDetails:e,personImage:r})||no`
+
+
+
+ ${this.renderFlyoutCommands()}
+
+
+
+ ${this.renderAddAccountContent()}
+
+ void this.login()}>
+ ${Me(N.SelectAccount,"currentColor")}
+ ${this.strings.signInWithADifferentAccount}
+
+
`}parsePersonDisplayConfiguration(){const e={view:"twolines",avatarSize:"small"};switch(this.loginView){case"avatar":e.view="image",e.avatarSize="small";break;case"compact":e.view="oneline",e.avatarSize="small";break;case"full":default:e.view="twolines",e.avatarSize="auto";break}return e}renderSignedInButtonContent(e,r){const o=this.renderTemplate("signed-in-button-content",{personDetails:e,personImage:r}),n=this.parsePersonDisplayConfiguration();return o||no`
+
+
+ `}}setActiveAccount(e){U.globalProvider.setActiveAccount(e)}clearState(){this.userDetails=null,this._image=null}renderSignedOutButtonContent(){return this.renderTemplate("signed-out-button-content",null)||P`
+ ${this.strings.signInLinkSubtitle}`}showFlyout(){const e=this.flyout;e&&e.open()}hideFlyout(){const e=this.flyout;e&&e.close()}}Yn([Y({attribute:"user-details",type:Object}),ei("design:type",Object)],Mo.prototype,"userDetails",void 0);Yn([Y({attribute:"show-presence",type:Boolean}),ei("design:type",Object)],Mo.prototype,"showPresence",void 0);Yn([Y({attribute:"login-view",type:String}),ei("design:type",String)],Mo.prototype,"loginView",void 0);Yn([at(),ei("design:type",Boolean)],Mo.prototype,"_isFlyoutOpen",void 0);Yn([at(),ei("design:type",Object)],Mo.prototype,"_arrowKeyLocation",void 0);const Ka={placeholder:"Search",title:"Search"},O4=[ps`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host fluent-search{width:100%}
+`];var Xc=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(i=(n<3?s(i):n>3?s(e,r,i):s(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i},Yi=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const I4=()=>{Wc(z3),bs("search-box",Qs)};class Qs extends Un{static get styles(){return O4}get strings(){return Ka}get searchTerm(){return this._searchTerm}set searchTerm(e){this._searchTerm=e,this.fireSearchTermChanged()}constructor(){super(),this._searchTerm="",this.renderContent=()=>{var e;return P`
+ -
+ ${r.filter(o=>o.id!==e.getActiveAccount().id).map(o=>{const n=localStorage.getItem(o.id+this._userDetailsKey);return no`
+
- this.setActiveAccount(o)}
+ @keyup=${i=>{i.key==="Enter"&&this.setActiveAccount(o)}}
+ >
+
+ `})}
+
+
+ ${a=>a.dateFormatter.getMonth(a.month)}
+
+ ${a=>a.dateFormatter.getYear(a.year)}
+
+`,Rs=a=>{const e=a.tagFor(N);return x`
+ <${e}
+ class="week-day"
+ part="week-day"
+ tabindex="-1"
+ grid-column="${(t,s)=>s.index+1}"
+ abbr="${t=>t.abbr}"
+ >
+ ${t=>t.text}
+
+ `},_s=(a,e)=>{const t=a.tagFor(N);return x`
+ <${t}
+ class="${(s,i)=>i.parentContext.parent.getDayClassNames(s,e)}"
+ part="day"
+ tabindex="-1"
+ role="gridcell"
+ grid-column="${(s,i)=>i.index+1}"
+ @click="${(s,i)=>i.parentContext.parent.handleDateSelect(i.event,s)}"
+ @keydown="${(s,i)=>i.parentContext.parent.handleKeydown(i.event,s)}"
+ aria-label="${(s,i)=>i.parentContext.parent.dateFormatter.getDate(`${s.month}-${s.day}-${s.year}`,{month:"long",day:"numeric"})}"
+ >
+
+ ${(s,i)=>i.parentContext.parent.dateFormatter.getDay(s.day)}
+
+
+
+ `,Es=(a,e)=>{var t;const s=new Date,i=`${s.getMonth()+1}-${s.getDate()}-${s.getFullYear()}`;return x`
+
+ ${wt}
+ ${e.title instanceof Function?e.title(a,e):(t=e.title)!==null&&t!==void 0?t:""}
+
+ ${A(e=>e.getWeekdayText(),x`
+
+ ${A(e=>e.getDays(),x`
+
+ ${e=>e.text}
+
+ `)}
+
+ ${A(e=>e,x`
+
+ `)}
+
+
+ `)}
+
+ ${(e,t)=>t.parentContext.parent.dateFormatter.getDay(e.day)}
+
+
+
+
+`;class E extends Q{constructor(){super(...arguments),this.orientation=tt.horizontal,this.radioChangeHandler=e=>{const t=e.target;t.checked&&(this.slottedRadioButtons.forEach(s=>{s!==t&&(s.checked=!1,this.isInsideFoundationToolbar||s.setAttribute("tabindex","-1"))}),this.selectedRadio=t,this.value=t.value,t.setAttribute("tabindex","0"),this.focusedRadio=t),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{const s=e[t];this.isInsideToolbar||(s.setAttribute("tabindex","0"),s.readOnly?this.slottedRadioButtons.forEach(i=>{i!==s&&i.setAttribute("tabindex","-1")}):(s.checked=!0,this.selectedRadio=s)),this.focusedRadio=s,s.focus()},this.moveRightOffGroup=()=>{var e;(e=this.nextElementSibling)===null||e===void 0||e.focus()},this.moveLeftOffGroup=()=>{var e;(e=this.previousElementSibling)===null||e===void 0||e.focus()},this.focusOutHandler=e=>{const t=this.slottedRadioButtons,s=e.target,i=s!==null?t.indexOf(s):0,n=this.focusedRadio?t.indexOf(this.focusedRadio):-1;return(n===0&&i===n||n===t.length-1&&n===i)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),t.forEach(o=>{o!==this.selectedRadio&&o.setAttribute("tabindex","-1")}))):(this.focusedRadio=t[0],this.focusedRadio.setAttribute("tabindex","0"),t.forEach(o=>{o!==this.focusedRadio&&o.setAttribute("tabindex","-1")}))),!0},this.clickHandler=e=>{const t=e.target;if(t){const s=this.slottedRadioButtons;t.checked||s.indexOf(t)===0?(t.setAttribute("tabindex","0"),this.selectedRadio=t):(t.setAttribute("tabindex","-1"),this.selectedRadio=null),this.focusedRadio=t}e.preventDefault()},this.shouldMoveOffGroupToTheRight=(e,t,s)=>e===t.length&&this.isInsideToolbar&&s===me,this.shouldMoveOffGroupToTheLeft=(e,t)=>(this.focusedRadio?e.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&t===ke,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!this.focusedRadio.readOnly&&!this.focusedRadio.checked&&(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=e=>{const t=this.slottedRadioButtons;let s=0;if(s=this.focusedRadio?t.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(s,t,e.key)){this.moveRightOffGroup();return}else s===t.length&&(s=0);for(;s
+ ${i}
+
+ `},this.handleTaskClick=e=>{this.fireCustomEvent("taskClick",{task:e})},this.onResize=()=>{this.mediaQuery!==this._previousMediaQuery&&(this._previousMediaQuery=this.mediaQuery,this.requestUpdate())},We(ds,Ye,Hs),this.clearState(),this._previousMediaQuery=this.mediaQuery}args(){return[this.providerState,this.targetId,this.initialId]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){window.removeEventListener("resize",this.onResize),super.disconnectedCallback()}renderLoadingTask(){return g`
+
+
+ `}clearState(){this.requestUpdate()}dateToInputValue(e){return e?new Date(e.getTime()-e.getTimezoneOffset()*6e4).toISOString().split("T")[0]:null}}Y([W({attribute:"read-only",type:Boolean}),Z("design:type",Boolean)],P.prototype,"readOnly",void 0);Y([W({attribute:"hide-header",type:Boolean}),Z("design:type",Boolean)],P.prototype,"hideHeader",void 0);Y([W({attribute:"hide-options",type:Boolean}),Z("design:type",Boolean)],P.prototype,"hideOptions",void 0);Y([W({attribute:"target-id",type:String}),Z("design:type",String)],P.prototype,"targetId",void 0);Y([W({attribute:"initial-id",type:String}),Z("design:type",String)],P.prototype,"initialId",void 0);var R=function(a,e,t,s){var i=arguments.length,n=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(a,e,t,s);else for(var l=a.length-1;l>=0;l--)(o=a[l])&&(n=(i<3?o(n):i>3?o(e,t,n):o(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n},_=function(a,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,e)},F=function(a,e,t,s){function i(n){return n instanceof t?n:new t(function(o){o(n)})}return new(t||(t=Promise))(function(n,o){function l(c){try{h(s.next(c))}catch(d){o(d)}}function r(c){try{h(s.throw(c))}catch(d){o(d)}}function h(c){c.done?n(c.value):i(c.value).then(l,r)}h((s=s.apply(a,e||[])).next())})};const Qs=()=>{We(cs,zs,Ye),rs(),zt("todo",T)};class T extends P{static get styles(){return Gs}get strings(){return qs}static get requiredScopes(){return["tasks.read","tasks.readwrite"]}constructor(){super(),this._isChangedDueDate=!1,this._isDarkMode=!1,this.onThemeChanged=()=>{this._isDarkMode=Ns(this)},this.renderNewTask=()=>{const e=this._newTaskName?g`
+
+
+
+
+
+ ${e}
+ ${this._newTaskName?g`
+
+ ${i}
+ ${t}
+
`:g``}
+
+ ${n}
+
+ `:g``}
+ `},this.handleSelectionChanged=e=>{this.currentList=e.detail,this.loadTasks(this.currentList)},this.renderTaskDetails=e=>{const t={task:e,list:this.currentList};if(this.hasTemplate("task"))return this.renderTemplate("task",t,e.id);let s=null;const i=g`
+
+ ${l}
+
+ `}return g`${s}`},this.renderTask=e=>{const t=e.status==="completed",s=ee({complete:t,"read-only":this.readOnly,task:!0}),i=ee({complete:t}),n=g`${J(X.CheckMark)}`;return g`
+
+
+
+ ${this.renderTaskDetails(e)}
+
+ `},this.loadState=()=>F(this,void 0,void 0,function*(){const e=Ne.globalProvider;if(!(!e||e.state!==Me.SignedIn)){if(!this._graph){const t=e.graph.forComponent(this);this._graph=t}if(!this.currentList&&!this.initialId){const t=yield Ms(this._graph),s=t==null?void 0:t.find(i=>i.wellknownListName==="defaultList");s&&(yield this.loadTasks(s))}this.targetId?(this.currentList=yield He(this._graph,this.targetId),this._tasks=yield pe(this._graph,this.targetId)):this.initialId&&(this.currentList=yield He(this._graph,this.initialId),this._tasks=yield pe(this._graph,this.initialId))}}),this.addTask=()=>F(this,void 0,void 0,function*(){if(!(this._isNewTaskBeingAdded||!this._newTaskName)){this._isNewTaskBeingAdded=!0;try{yield this.createNewTask()}finally{this.clearNewTaskData(),this._isNewTaskBeingAdded=!1}}}),this.updateTask=e=>F(this,void 0,void 0,function*(){try{if(!this._changedTaskName&&!this._isChangedDueDate)return;yield this.updateTaskItem(e)}finally{this.clearNewTaskData()}}),this.clearNewTaskData=()=>{this._newTaskDueDate=null,this._newTaskName="",this._changedTaskName="",this._isChangedDueDate=!1,this.focusOnTaskInput()},this.focusOnTaskInput=()=>{const e=this.renderRoot.querySelector("#new-task-name-input"),t=e==null?void 0:e.shadowRoot.querySelector("input");t&&t.focus()},this.clearState=()=>{super.clearState(),this.currentList=null,this._tasks=[],this._taskBeingUpdated=null},this.loadTasks=e=>F(this,void 0,void 0,function*(){this.currentList=e,this._tasks=yield pe(this._graph,e.id)}),this.updateTaskStatus=(e,t)=>F(this,void 0,void 0,function*(){e.status=t;const s=this.currentList.id;e=yield Ve(this._graph,s,e.id,e);const i=this._tasks.findIndex(n=>n.id===e.id);this._tasks[i]=e,yield this._task.run()}),this.removeTask=e=>F(this,void 0,void 0,function*(){this._tasks=this._tasks.filter(s=>s.id!==e),this.requestUpdate();const t=this.currentList.id;yield Us(this._graph,t,e),this._tasks=this._tasks.filter(s=>s.id!==e)}),this.handleInput=e=>{e.target.id==="new-task-name-input"&&(this._newTaskName=e.target.value)},this.handleChange=(e,t)=>F(this,void 0,void 0,function*(){var s;e.target.id===t.id&&(e.key==="Enter"&&(yield this.updateTask(t),(s=e.target)===null||s===void 0||s.blur()),this._changedTaskName=e.target.value)}),this.handleKeyDown=e=>F(this,void 0,void 0,function*(){e.key==="Enter"&&e.target.id==="new-task-name-input"&&(yield this.addTask())}),this.updatingTask=(e,t)=>{e.target.id===t.id&&(this._taskBeingUpdated=t),e.target.id===`${t.id}-taskDate-input`&&(this._updatingTaskDate=!0,this._taskBeingUpdated=t)},this.handleBlur=()=>{const e=this._taskBeingUpdated,t=this.renderRoot.querySelectorAll("fluent-text-field");for(const s of t)e&&(s.id===e.id||s.id===`${e.id}-taskDate-input`)&&(this.updateTask(e),s==null||s.blur(),this._taskBeingUpdated=null,this._updatingTaskDate=!1)},this.handleDateChange=e=>{const t=e.target.value;t?this._newTaskDueDate=new Date(t+"T17:00"):this._newTaskDueDate=null},this.handleDateUpdate=e=>{const t=this._taskBeingUpdated;if(t){const s=e.target.value;s?this._newTaskDueDate=new Date(s+"T17:00"):this._newTaskDueDate=null,t.dueDateTime&&this._newTaskDueDate?this._isChangedDueDate=new Date(t.dueDateTime.dateTime)!==this._newTaskDueDate:t.dueDateTime||this._newTaskDueDate?this._isChangedDueDate=!0:this._isChangedDueDate=!1}},this._graph=null,this._newTaskDueDate=null,this._tasks=[],this.addEventListener("selectionChanged",this.handleSelectionChanged),this.addEventListener("blur",this.handleBlur)}connectedCallback(){super.connectedCallback(),window.addEventListener("darkmodechanged",this.onThemeChanged),this.onThemeChanged()}disconnectedCallback(){window.removeEventListener("darkmodechanged",this.onThemeChanged),super.disconnectedCallback()}renderTasks(){let e=this._tasks;e&&this.taskFilter&&(e=e.filter(n=>this.taskFilter(n)));const t=e.filter(n=>n.status==="completed"),s=Se(e.filter(n=>n.status!=="completed"),n=>n.id,n=>this.renderTask(n)),i=Se(t.sort((n,o)=>n.lastModifiedDateTime
+ ${n}
+
+ ${(e=this.currentList)===null||e===void 0?void 0:e.displayName}
`:Nt` +
+ ${I(e=>e.href&&e.href.length>0,b`
+ ${ht(n,t)}
+ `)}
+ ${I(e=>!e.href,b`
+ ${H(n,t)}
+
+`;class _ extends v{constructor(){super(...arguments),this.separator=!0}}a([x],_.prototype,"separator",void 0);B(_,q,R);const pt=(n,t)=>b`
+
+
+
+
+`;class he extends V{slottedBreadcrumbItemsChanged(){if(this.$fastController.isConnected){if(this.slottedBreadcrumbItems===void 0||this.slottedBreadcrumbItems.length===0)return;const t=this.slottedBreadcrumbItems[this.slottedBreadcrumbItems.length-1];this.slottedBreadcrumbItems.forEach(e=>{const o=e===t;this.setItemSeparator(e,o),this.setAriaCurrent(e,o)})}}setItemSeparator(t,e){t instanceof _&&(t.separator=!e)}findChildWithHref(t){var e,o;return t.childElementCount>0?t.querySelector("a[href]"):!((e=t.shadowRoot)===null||e===void 0)&&e.childElementCount?(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector("a[href]"):null}setAriaCurrent(t,e){const o=this.findChildWithHref(t);o===null&&t.hasAttribute("href")&&t instanceof _?e?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current"):o!==null&&(e?o.setAttribute("aria-current","page"):o.removeAttribute("aria-current"))}}a([x],he.prototype,"slottedBreadcrumbItems",void 0);const ft=(n,t)=>b`
+ e.selected?"selected":""} ${e=>e.nested?"nested":""}
+ ${e=>e.disabled?"disabled":""}"
+ aria-expanded="${e=>e.childItems&&e.childItemLength()>0?e.expanded:void 0}"
+ aria-selected="${e=>e.selected}"
+ aria-disabled="${e=>e.disabled}"
+ @focusin="${(e,o)=>e.handleFocus(o.event)}"
+ @focusout="${(e,o)=>e.handleBlur(o.event)}"
+ ${ct({property:"childItems",filter:ie()})}
+ >
+
+
+ ${I(e=>e.childItems&&e.childItemLength()>0&&(e.expanded||e.renderCollapsedChildren),b`
+
+ ${I(e=>e.childItems&&e.childItemLength()>0,b`
+
+ `)}
+ ${H(n,t)}
+
+
+
+ `)}
+
+`;function $(n){return se(n)&&n.getAttribute("role")==="treeitem"}class c extends V{constructor(){super(...arguments),this.expanded=!1,this.focusable=!1,this.isNestedItem=()=>$(this.parentElement),this.handleExpandCollapseButtonClick=t=>{!this.disabled&&!t.defaultPrevented&&(this.expanded=!this.expanded)},this.handleFocus=t=>{this.setAttribute("tabindex","0")},this.handleBlur=t=>{this.setAttribute("tabindex","-1")}}expandedChanged(){this.$fastController.isConnected&&this.$emit("expanded-change",this)}selectedChanged(){this.$fastController.isConnected&&this.$emit("selected-change",this)}itemsChanged(t,e){this.$fastController.isConnected&&this.items.forEach(o=>{$(o)&&(o.nested=!0)})}static focusItem(t){t.focusable=!0,t.focus()}childItemLength(){const t=this.childItems.filter(e=>$(e));return t?t.length:0}}a([g({mode:"boolean"})],c.prototype,"expanded",void 0);a([g({mode:"boolean"})],c.prototype,"selected",void 0);a([g({mode:"boolean"})],c.prototype,"disabled",void 0);a([x],c.prototype,"focusable",void 0);a([x],c.prototype,"childItems",void 0);a([x],c.prototype,"items",void 0);a([x],c.prototype,"nested",void 0);a([x],c.prototype,"renderCollapsedChildren",void 0);B(c,q);const mt=(n,t)=>b`
+
+
+
+
+
+ ${this.renderDropdown()}
+
+
`},this.handleInputClick=t=>{t.stopPropagation(),this.gainedFocus()},this.handleInputKeydown=t=>{const e=t.key;["ArrowDown","Enter"].includes(e)?this._isDropdownVisible?this.renderRoot.querySelector("fluent-tree-item").focus():this.gainedFocus():e==="Escape"?this.lostFocus():e==="Tab"&&this.blurPicker()},this.onClickCloseButton=()=>{this.removeSelectedChannel(null)},this.onKeydownCloseButton=t=>{t.key==="Enter"&&this.removeSelectedChannel(null)},this.renderError=()=>this.renderTemplate("error",null,"error")||f`
+
+ `,this.renderLoadingIndicator=()=>this.renderTemplate("loading",null,"loading")||Ye`
+
+ `,this.onKeydownTreeView=t=>{t.key==="Escape"&&this.lostFocus()},this.handleTeamTreeItemClick=t=>{t.preventDefault(),t.stopImmediatePropagation();const e=t.target;e&&(e.getAttribute("expanded")?e.removeAttribute("expanded"):e.setAttribute("expanded","true"),e.removeAttribute("selected"),e.getAttribute("id")&&e.setAttribute("selected","true"))},this.handleInputChanged=t=>{const e=t.target;if(this._inputValue!==(e==null?void 0:e.value))this._inputValue=e==null?void 0:e.value;else return;t.key!=="Tab"&&t.key!=="Enter"&&t.key!=="Escape"&&this.gainedFocus(),this.debouncedSearch||(this.debouncedSearch=et(()=>{this.filterList()},400)),this.debouncedSearch()},this.loadTeamsIfNotLoaded=()=>{!this.items&&this._task.status!==Q.PENDING&&this._task.run()},this.handleWindowClick=t=>{t.target!==this&&this.lostFocus()},this.gainedFocus=()=>{const t=this._input;t&&t.focus(),this._isDropdownVisible=!0,this.toggleChevron(),this.resetFocusState(),this.requestUpdate()},this.lostFocus=()=>{this._inputValue="",this._input&&(this._input.value=this._inputValue,this._input.textContent="");const t=this._inputWrapper;t&&(t.value="",t.blur()),this._isDropdownVisible=!1,this.filterList(),this.toggleChevron(),this.requestUpdate(),this._selectedItemState!==void 0&&this.showCloseIcon()},this.handleFocus=()=>{this.gainedFocus()},this.handleUpChevronClick=t=>{t.stopPropagation(),this.lostFocus()},this.handleChevronKeydown=t=>{t.key==="Tab"&&this.blurPicker()},this.handleStartSlotKeydown=t=>{t.key==="Tab"&&t.shiftKey&&this.blurPicker()},this.blurPicker=()=>{const t=this._inputWrapper,e=this._input;t==null||t.blur(),e==null||e.blur()},this._inputValue="",this._treeViewState=[],this._focusList=[],this._isDropdownVisible=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this.handleWindowClick),this.addEventListener("focus",this.loadTeamsIfNotLoaded),this.addEventListener("mouseover",this.loadTeamsIfNotLoaded),this.addEventListener("blur",this.lostFocus);const t=this.renderRoot.ownerDocument;t&&t.documentElement.setAttribute("dir",this.direction)}disconnectedCallback(){window.removeEventListener("click",this.handleWindowClick),this.removeEventListener("focus",this.loadTeamsIfNotLoaded),this.removeEventListener("mouseover",this.loadTeamsIfNotLoaded),this.removeEventListener("blur",this.lostFocus),super.disconnectedCallback()}args(){return[]}selectChannelById(t){return ne(this,void 0,void 0,function*(){const e=P.globalProvider;if(e&&e.state===Z.SignedIn){this.items||(yield this._task.run());for(const o of this._treeViewState)for(const s of o.channels)if(s.item.id===t)return o.isExpanded=!0,this.selectChannel(s),this.markSelectedChannelInDropdown(t),!0}return!1})}markSelectedChannelInDropdown(t){const e=this.renderRoot.querySelector(`[id='${t}']`);e&&(e.setAttribute("selected","true"),e.parentElement&&e.parentElement.setAttribute("expanded","true"))}renderSelected(){var t,e,o,s,i,r;if(!this._selectedItemState)return this.renderSearchIcon();let l;if(this._selectedItemState.parent.channels){const p=(t=this.teamsPhotos[this._selectedItemState.parent.item.id])===null||t===void 0?void 0:t.photo;l=f`${this.renderSelected()}
+ ${this.renderChevrons()}${this.renderCloseButton()}
+
+ ${this.groupByDay?this.renderGroups(e):this.renderEvents(e)}
+
+ `},this.renderLoading=()=>this.renderTemplate("loading",null)||c`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${this.getEventTimeString(e)}
+
+ ${this.renderTitle(e)} ${this.renderLocation(e)} ${this.renderAttendees(e)}
+
+ ${this.renderOther(e)}
+ ${e}
+ `}renderTitle(e){return c`
+
+ ${e.subject}
+
`}renderLocation(e){return e.location.displayName?c`
+
+
+
+ `:null}renderAttendees(e){return e.attendees.length?W`
+ ${e.location.displayName}
+ ${this.renderHeader(n)} ${this.renderEvents(t[n])}
+ `)}
+ `}renderEvents(e){return c`
+ ${e.map(t=>c`
+ this.eventClicked(t)}>
+ ${this.renderTemplate("event",{event:t},t.id)||this.renderEvent(t)}
+
`)}`}args(){return[this.providerState,this.preferredTimezone,this.eventQuery,this.date,this.groupId,this.days]}loadState(){return b(this,void 0,void 0,function*(){if(this.events)return;const e=yield this.loadEvents();(e==null?void 0:e.length)>0&&(this.events=e)})}eventClicked(e){this.fireCustomEvent("eventClick",e)}getEventTimeString(e){if(e.isAllDay)return"ALL DAY";let t=e.start.dateTime;e.start.timeZone==="UTC"&&(t+="Z");let n=e.end.dateTime;e.end.timeZone==="UTC"&&(n+="Z");const i=this.prettyPrintTimeFromDateTime(new Date(t)),o=this.prettyPrintTimeFromDateTime(new Date(n));return`${i} - ${o}`}loadEvents(){return b(this,void 0,void 0,function*(){const e=L.globalProvider;let t=[];if((e==null?void 0:e.state)===_.SignedIn){const n=e.graph.forComponent(this);if(this.eventQuery)try{const i=this.eventQuery.split("|");let o,a;i.length>1?(a=i[0].trim(),o=i[1].trim()):a=this.eventQuery;const d=yield k(n,a,o?[o]:[]);if(d!=null&&d.value)for(t=d.value;d.hasNext;)yield d.next(),t=d.value}catch{}else{const i=this.date?new Date(this.date):new Date,o=new Date(i.getTime());o.setDate(i.getDate()+this.days);try{const a=yield Y(n,i,o,this.groupId);if(a!=null&&a.value)for(t=a.value;a.hasNext;)yield a.next(),t=a.value}catch{}}}return t})}prettyPrintTimeFromDateTime(e){return e.toLocaleTimeString(navigator.language,{timeStyle:"short",timeZone:this.preferredTimezone})}getDateHeaderFromDateTimeString(e){return new Date(e).toLocaleDateString(navigator.language,{dateStyle:"full",timeZone:this.preferredTimezone})}}g([v({attribute:"date",type:String}),h("design:type",String)],p.prototype,"date",void 0);g([v({attribute:"group-id",type:String}),h("design:type",String)],p.prototype,"groupId",void 0);g([v({attribute:"days",type:Number}),h("design:type",Object)],p.prototype,"days",void 0);g([v({attribute:"event-query",type:String}),h("design:type",String)],p.prototype,"eventQuery",void 0);g([v({attribute:"events",type:Array,hasChanged:(s,e)=>s!==e}),h("design:type",Array)],p.prototype,"events",void 0);g([v({attribute:"show-max",type:Number}),h("design:type",Number)],p.prototype,"showMax",void 0);g([v({attribute:"group-by-day",type:Boolean}),h("design:type",Boolean)],p.prototype,"groupByDay",void 0);g([v({attribute:"preferred-timezone",type:String}),h("design:type",String)],p.prototype,"preferredTimezone",void 0);g([v({attribute:!1}),h("design:type",Boolean)],p.prototype,"_isNarrow",void 0);const J=C("agenda",X),K=C("spinner",Q),ee=w({email:{boxShadow:"var(--box-shadow)",...m.padding("10px"),...m.margin("8px"),":hover":{borderLeftWidth:"4px",borderLeftColor:"var(--input-border-color--hover)",borderLeftStyle:"solid",paddingLeft:"6px"},"& mgt-person":{"--font-size":"12px","--person-avatar-size":"16px"}},link:{color:"var(--color-sub1)",textDecorationLine:"none"},header:{display:"flex",justifyContent:"space-between"},subject:{color:"var(--color-sub1)",fontSize:"14px",...m.gridArea("1 / 1 / auto / 3"),...m.margin("0")},title:{display:"flex",justifyContent:"space-between",marginBottom:"4px",color:"var(--color-sub1)"},date:{fontSize:"12px",paddingLeft:"4px",float:"right"},body:{fontSize:"13px",textOverflow:"ellipsis",wordWrap:"break-word",...m.overflow("hidden"),maxHeight:"2.8em",lineHeight:"1.4em",color:"var(--color-sub2)"},emptyBody:{fontStyle:"italic"}});function T(s){var n,i;const e=ee(),t=s.dataContext;return r.jsx("div",{className:e.email,children:r.jsxs("a",{className:e.link,href:t.webLink,target:"_blank",rel:"noreferrer",children:[r.jsx("div",{className:e.header,children:r.jsx("div",{children:r.jsx(Z,{personQuery:(i=(n=t.sender)==null?void 0:n.emailAddress)==null?void 0:i.address,personCardInteraction:"hover",view:"oneline"})})}),r.jsxs("div",{className:e.title,children:[r.jsx("h3",{className:e.subject,children:t.subject}),r.jsx("span",{className:e.date,children:new Date(t.receivedDateTime).toLocaleDateString()})]}),t!=null&&t.bodyPreview?r.jsx("div",{className:e.body,children:t.bodyPreview}):r.jsx("div",{className:D(e.body,e.emptyBody),children:"..."})]})})}const te=w({root:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},message:{paddingLeft:"10px"}}),$=s=>{const e=te();return r.jsxs("div",{className:e.root,children:[r.jsx(K,{}),r.jsx("div",{className:e.message,children:r.jsx("span",{children:s.message||"Loading..."})})]})},ne=w({container:{display:"flex",flexDirection:"row"},panels:{...m.padding("10px")},main:{display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"70%"},side:{display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"30%"}}),pe=()=>{const s=ne(),[e,t]=E.useState("focused"),n=(i,o)=>{t(o.value)};return r.jsxs(r.Fragment,{children:[r.jsx(I,{title:"Mail and Calendar",description:"Stay productive and navigate your emails and your calendar appointments"}),r.jsxs(q,{selectedValue:e,onTabSelect:n,className:s.container,children:[r.jsx(S,{value:"focused",children:"Focused"}),r.jsx(S,{value:"others",children:"Others"})]}),r.jsxs("div",{className:s.container,children:[r.jsxs("div",{className:D(s.panels,s.main),children:[e==="focused"&&r.jsxs(j,{resource:"/me/mailFolders/Inbox/messages?$orderby=InferenceClassification, createdDateTime DESC&filter=InferenceClassification eq 'Focused'",maxPages:3,scopes:["Mail.Read"],children:[r.jsx(T,{template:"value"}),r.jsx($,{template:"loading",message:"Loading your focused inbox..."})]}),e==="others"&&r.jsxs(j,{resource:"/me/mailFolders/Inbox/messages?$orderby=InferenceClassification, createdDateTime DESC&filter=InferenceClassification eq 'Other'",maxPages:3,scopes:["Mail.Read"],children:[r.jsx(T,{template:"value"}),r.jsx($,{template:"loading",message:"Loading your other inbox..."})]})]}),r.jsx("div",{className:s.side,children:r.jsx(J,{groupByDay:!0})})]})]})};export{pe as default};
diff --git a/next/sample/pr/3325/assets/PageHeader-BLfiQIXJ.js b/next/sample/pr/3325/assets/PageHeader-BLfiQIXJ.js
new file mode 100644
index 0000000000..af15d9f076
--- /dev/null
+++ b/next/sample/pr/3325/assets/PageHeader-BLfiQIXJ.js
@@ -0,0 +1 @@
+import{r as p,j as d}from"./index-hkJM60Tb.js";import{ab as s,b9 as h,ad as c,ae as v,ai as b,aj as n,ak as m,an as u}from"./App-c9ixsJC9.js";const w=r=>s(r.root,{children:r.root.children!==void 0&&s(r.wrapper,{children:r.root.children})}),x=(r,e)=>{const{alignContent:f="center",appearance:t="default",inset:a=!1,vertical:l=!1,wrapper:i}=r,o=h("divider-");return{alignContent:f,appearance:t,inset:a,vertical:l,components:{root:"div",wrapper:"div"},root:c(v("div",{role:"separator","aria-orientation":l?"vertical":"horizontal","aria-labelledby":r.children?o:void 0,...r,ref:e}),{elementType:"div"}),wrapper:c(i,{defaultProps:{id:o,children:r.children},elementType:"div"})}},k={root:"fui-Divider",wrapper:"fui-Divider__wrapper"},y=n({base:{Bt984gj:"f122n59",B7ck84d:"f1ewtqcl",mc9l5x:"f22iagw",Beiy3e4:"f1063pyq",Bh6795r:"fqerorx",qhf8xq:"f10pi13n",Bahqtrf:"fk6fouc",Be2twd7:"fy9rknc",Bhrd7zp:"figsok6",Bg96gwp:"fwrc4pm",fsow6f:"f17mccla",Bcvre1j:"fyl8oag",Br0sdwz:"f16vkdww",Bn78ew0:"fhsnbul",li1rpt:"f1gw3sf2",ap17g6:"f1ly5f7u",B771hl4:"f1s3tz6t"},childless:{susq4k:"f1kyqvp9",Bicfajf:["fzynn9s","f1z0ukd1"],jwcpgy:["fekrn8e","ftdg338"],B4rk6o:"fesgyo"},start:{Bsft5z2:"f13zj6fq"},center:{Ftih45:"f1wl9k8s",Bsft5z2:"f13zj6fq"},end:{Ftih45:"f1wl9k8s"},brand:{sj55zd:"f16muhyy",Bq4z7u6:"fcbuu2a",Bk5zm6e:["f1wdw2dr","f1ttio3w"],Bqjgrrk:"f1582fpk",Bm6vgfq:["f1ttio3w","f1wdw2dr"],B0n5ga8:"f1ahrvm8",s924m2:["f1cd3wbc","f17hbk9y"],B1q35kw:"fvrapl0",Gp14am:["f17hbk9y","f1cd3wbc"]},default:{sj55zd:"fkfq4zb",Bq4z7u6:"f1vccso1",Bk5zm6e:["f1geml7w","fjml6kk"],Bqjgrrk:"f1r7kh1m",Bm6vgfq:["fjml6kk","f1geml7w"],B0n5ga8:"f16j7guv",s924m2:["fx01ahm","fj1a37q"],B1q35kw:"fl8d8yv",Gp14am:["fj1a37q","fx01ahm"]},subtle:{sj55zd:"f11d4kpn",Bq4z7u6:"f5g06un",Bk5zm6e:["f13sxdku","f1n015lb"],Bqjgrrk:"f1x6bl8t",Bm6vgfq:["f1n015lb","f13sxdku"],B0n5ga8:"fvod1wy",s924m2:["fwslg65","flk0e17"],B1q35kw:"f103fvts",Gp14am:["flk0e17","fwslg65"]},strong:{sj55zd:"f19n0e5",Bq4z7u6:"f10tv6oz",Bk5zm6e:["f16xp3sf","f1seuxxq"],Bqjgrrk:"fwrmqbx",Bm6vgfq:["f1seuxxq","f16xp3sf"],B0n5ga8:"ft83z1f",s924m2:["f1g4150c","f192dr6e"],B1q35kw:"f1qnawh6",Gp14am:["f192dr6e","f1g4150c"]}},{d:[".f122n59{align-items:center;}",".f1ewtqcl{box-sizing:border-box;}",".f22iagw{display:flex;}",".f1063pyq{flex-direction:row;}",".fqerorx{flex-grow:1;}",".f10pi13n{position:relative;}",".fk6fouc{font-family:var(--fontFamilyBase);}",".fy9rknc{font-size:var(--fontSizeBase200);}",".figsok6{font-weight:var(--fontWeightRegular);}",".fwrc4pm{line-height:var(--lineHeightBase200);}",".f17mccla{text-align:center;}",".fyl8oag::before{box-sizing:border-box;}",".f16vkdww::before{display:flex;}",".fhsnbul::before{flex-grow:1;}",".f1gw3sf2::after{box-sizing:border-box;}",".f1ly5f7u::after{display:flex;}",".f1s3tz6t::after{flex-grow:1;}",".f1kyqvp9::before{margin-bottom:0;}",".fzynn9s::before{margin-right:0;}",".f1z0ukd1::before{margin-left:0;}",".fekrn8e::after{margin-left:0;}",".ftdg338::after{margin-right:0;}",".fesgyo::after{margin-top:0;}",'.f13zj6fq::after{content:"";}','.f1wl9k8s::before{content:"";}',".f16muhyy{color:var(--colorBrandForeground1);}",".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}",".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}",".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}",".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}",".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}",".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}",".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}",".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}",".fkfq4zb{color:var(--colorNeutralForeground2);}",".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}",".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}",".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}",".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}",".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}",".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}",".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}",".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}",".f11d4kpn{color:var(--colorNeutralForeground3);}",".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}",".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}",".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}",".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}",".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}",".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}",".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}",".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}",".f19n0e5{color:var(--colorNeutralForeground1);}",".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}",".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}",".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}",".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}",".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"]}),B=n({base:{a9b677:"fly5x3f",Bdkvgpv:"f163fonl",B0qfbqy:"f51yk4v",pbipgd:"f13rof3u",Bm2nyyq:"f8rth92",xrcqlc:"f6czdpx",i5u598:"f1iyka9k"},inset:{uwmqm3:["fjlbh76","f11qrl6u"],z189sj:["f11qrl6u","fjlbh76"]},start:{Ftih45:"f1wl9k8s",Bicfajf:["f1ojjlep","fk1kexq"],Bxwl2t9:"f1he2m4d",jwcpgy:["f12w1bnb","f1558wlj"]},center:{Bicfajf:["f1ojjlep","fk1kexq"],jwcpgy:["f12w1bnb","f1558wlj"]},end:{Bicfajf:["f1ojjlep","fk1kexq"],Bsft5z2:"f13zj6fq",jwcpgy:["f12w1bnb","f1558wlj"],Iy66sp:"f1ayce8x"}},{d:[".fly5x3f{width:100%;}",".f163fonl::before{border-top-style:solid;}",".f51yk4v::before{border-top-width:var(--strokeWidthThin);}",".f13rof3u::before{min-width:8px;}",".f8rth92::after{border-top-style:solid;}",".f6czdpx::after{border-top-width:var(--strokeWidthThin);}",".f1iyka9k::after{min-width:8px;}",".fjlbh76{padding-left:12px;}",".f11qrl6u{padding-right:12px;}",'.f1wl9k8s::before{content:"";}',".f1ojjlep::before{margin-right:12px;}",".fk1kexq::before{margin-left:12px;}",".f1he2m4d::before{max-width:8px;}",".f12w1bnb::after{margin-left:12px;}",".f1558wlj::after{margin-right:12px;}",'.f13zj6fq::after{content:"";}',".f1ayce8x::after{max-width:8px;}"]}),j=n({base:{Beiy3e4:"f1vx9l62",sshi5w:"f16gbxbe",m598lv:["f1yq6w5o","f1jpmc5p"],B4f6apu:["f9sc749","f1x8pvcy"],zkzzav:"fhkwbjy",Barhvk9:["flthirb","ftkbnf5"],Ihftqj:["f13hvwk3","f1en4csx"],Bde111x:"f19onpk6"},inset:{B6of3ja:"f1xdg43u",jrapky:"f1jlhsmd"},withChildren:{sshi5w:"f1tjaq3g"},start:{Ftih45:"f1wl9k8s",susq4k:"fg2pwug",Bbdr6tz:"fkjtzyi",B4rk6o:"f8vk40g"},center:{susq4k:"fg2pwug",B4rk6o:"f8vk40g"},end:{susq4k:"fg2pwug",Bsft5z2:"f13zj6fq",B4rk6o:"f8vk40g",gn64ia:"fqg5mu5"}},{d:[".f1vx9l62{flex-direction:column;}",".f16gbxbe{min-height:20px;}",".f1yq6w5o::before{border-right-style:solid;}",".f1jpmc5p::before{border-left-style:solid;}",".f9sc749::before{border-right-width:var(--strokeWidthThin);}",".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}",".fhkwbjy::before{min-height:8px;}",".flthirb::after{border-right-style:solid;}",".ftkbnf5::after{border-left-style:solid;}",".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}",".f1en4csx::after{border-left-width:var(--strokeWidthThin);}",".f19onpk6::after{min-height:8px;}",".f1xdg43u{margin-top:12px;}",".f1jlhsmd{margin-bottom:12px;}",".f1tjaq3g{min-height:84px;}",'.f1wl9k8s::before{content:"";}',".fg2pwug::before{margin-bottom:12px;}",".fkjtzyi::before{max-height:8px;}",".f8vk40g::after{margin-top:12px;}",'.f13zj6fq::after{content:"";}',".fqg5mu5::after{max-height:8px;}"]}),q=r=>{const e=y(),f=B(),t=j(),{alignContent:a,appearance:l,inset:i,vertical:o}=r;return r.root.className=b(k.root,e.base,e[a],l&&e[l],!o&&f.base,!o&&i&&f.inset,!o&&f[a],o&&t.base,o&&i&&t.inset,o&&t[a],o&&r.root.children!==void 0&&t.withChildren,r.root.children===void 0&&e.childless,r.root.className),r.wrapper&&(r.wrapper.className=b(k.wrapper,r.wrapper.className)),r},g=p.forwardRef((r,e)=>{const f=x(r,e);return q(f),m("useDividerStyles_unstable")(f),w(f)});g.displayName="Divider";const z=u({divider:{alignItems:"self-start",paddingTop:"20px",marginBottom:"20px"}}),F=r=>{const e=z();return d.jsxs("div",{children:[d.jsx("h1",{children:r.title}),d.jsx("div",{children:r.description}),d.jsx(g,{className:e.divider})]})};export{F as P};
diff --git a/next/sample/pr/3325/assets/SearchPage-BdnzkGN-.js b/next/sample/pr/3325/assets/SearchPage-BdnzkGN-.js
new file mode 100644
index 0000000000..7f0141224d
--- /dev/null
+++ b/next/sample/pr/3325/assets/SearchPage-BdnzkGN-.js
@@ -0,0 +1,369 @@
+import{G as xe,b as Pe,a as ze,p as De,j as n,r as U}from"./index-hkJM60Tb.js";import{P as Te}from"./PageHeader-BLfiQIXJ.js";import{aE as ke,F as K,x as Y,D as pe,_ as l,b as p,o as R,m as X,r as Ce,aF as Se,p as $e,y as G,z as Ee,J as M,aG as oe,E as Le,K as Ie,aH as V,N as Q,I as Me,G as Fe,aI as Oe,Q as Ae,aJ as _e,X as je,a0 as Ue,av as qe,a3 as Ve,Z as He,$ as f,aK as ne,aL as O,aM as H,aN as Ne,aO as Be,a7 as E,a4 as k,a5 as D,a8 as A,aP as L,aQ as ae,aR as I,aS as N,Y as z,a2 as We,a1 as Ye,aT as Xe,w as ge,an as fe,aU as Ge,aq as ve,aV as le,ap as Qe,aW as Je,ar as Ke,as as _}from"./App-c9ixsJC9.js";import{r as me}from"./mgt-file-Dpu464qL.js";import{g as J,l as he,m as ce,O as Ze,D as et,d as tt,f as de,h as it,i as st,j as rt,k as B,T as W,S as j}from"./DataGridHeaderCell-Bb_zMzQi.js";const ot="beta";class q extends xe{static fromGraph(e){const t=new q(e.client);return t.setComponent(e.componentName),t}constructor(e,t=ot){super(e,t)}forComponent(e){const t=new q(this.client);return this.setComponent(e),t}}class nt{constructor(){this.intersectionDetector=null,this.observedElements=new Map,this.requestPosition=(e,t)=>{var i;if(this.intersectionDetector!==null){if(this.observedElements.has(e)){(i=this.observedElements.get(e))===null||i===void 0||i.push(t);return}this.observedElements.set(e,[t]),this.intersectionDetector.observe(e)}},this.cancelRequestPosition=(e,t)=>{const i=this.observedElements.get(e);if(i!==void 0){const r=i.indexOf(t);r!==-1&&i.splice(r,1)}},this.initializeIntersectionDetector=()=>{ke.IntersectionObserver&&(this.intersectionDetector=new IntersectionObserver(this.handleIntersection,{root:null,rootMargin:"0px",threshold:[0,1]}))},this.handleIntersection=e=>{if(this.intersectionDetector===null)return;const t=[],i=[];e.forEach(r=>{var o;(o=this.intersectionDetector)===null||o===void 0||o.unobserve(r.target);const h=this.observedElements.get(r.target);h!==void 0&&(h.forEach(c=>{let d=t.indexOf(c);d===-1&&(d=t.length,t.push(c),i.push([])),i[d].push(r)}),this.observedElements.delete(r.target))}),t.forEach((r,o)=>{r(i[o])})},this.initializeIntersectionDetector()}}class a extends K{constructor(){super(...arguments),this.anchor="",this.viewport="",this.horizontalPositioningMode="uncontrolled",this.horizontalDefaultPosition="unset",this.horizontalViewportLock=!1,this.horizontalInset=!1,this.horizontalScaling="content",this.verticalPositioningMode="uncontrolled",this.verticalDefaultPosition="unset",this.verticalViewportLock=!1,this.verticalInset=!1,this.verticalScaling="content",this.fixedPlacement=!1,this.autoUpdateMode="anchor",this.anchorElement=null,this.viewportElement=null,this.initialLayoutComplete=!1,this.resizeDetector=null,this.baseHorizontalOffset=0,this.baseVerticalOffset=0,this.pendingPositioningUpdate=!1,this.pendingReset=!1,this.currentDirection=Y.ltr,this.regionVisible=!1,this.forceUpdate=!1,this.updateThreshold=.5,this.update=()=>{this.pendingPositioningUpdate||this.requestPositionUpdates()},this.startObservers=()=>{this.stopObservers(),this.anchorElement!==null&&(this.requestPositionUpdates(),this.resizeDetector!==null&&(this.resizeDetector.observe(this.anchorElement),this.resizeDetector.observe(this)))},this.requestPositionUpdates=()=>{this.anchorElement===null||this.pendingPositioningUpdate||(a.intersectionService.requestPosition(this,this.handleIntersection),a.intersectionService.requestPosition(this.anchorElement,this.handleIntersection),this.viewportElement!==null&&a.intersectionService.requestPosition(this.viewportElement,this.handleIntersection),this.pendingPositioningUpdate=!0)},this.stopObservers=()=>{this.pendingPositioningUpdate&&(this.pendingPositioningUpdate=!1,a.intersectionService.cancelRequestPosition(this,this.handleIntersection),this.anchorElement!==null&&a.intersectionService.cancelRequestPosition(this.anchorElement,this.handleIntersection),this.viewportElement!==null&&a.intersectionService.cancelRequestPosition(this.viewportElement,this.handleIntersection)),this.resizeDetector!==null&&this.resizeDetector.disconnect()},this.getViewport=()=>typeof this.viewport!="string"||this.viewport===""?document.documentElement:document.getElementById(this.viewport),this.getAnchor=()=>document.getElementById(this.anchor),this.handleIntersection=e=>{this.pendingPositioningUpdate&&(this.pendingPositioningUpdate=!1,this.applyIntersectionEntries(e)&&this.updateLayout())},this.applyIntersectionEntries=e=>{const t=e.find(o=>o.target===this),i=e.find(o=>o.target===this.anchorElement),r=e.find(o=>o.target===this.viewportElement);return t===void 0||r===void 0||i===void 0?!1:!this.regionVisible||this.forceUpdate||this.regionRect===void 0||this.anchorRect===void 0||this.viewportRect===void 0||this.isRectDifferent(this.anchorRect,i.boundingClientRect)||this.isRectDifferent(this.viewportRect,r.boundingClientRect)||this.isRectDifferent(this.regionRect,t.boundingClientRect)?(this.regionRect=t.boundingClientRect,this.anchorRect=i.boundingClientRect,this.viewportElement===document.documentElement?this.viewportRect=new DOMRectReadOnly(r.boundingClientRect.x+document.documentElement.scrollLeft,r.boundingClientRect.y+document.documentElement.scrollTop,r.boundingClientRect.width,r.boundingClientRect.height):this.viewportRect=r.boundingClientRect,this.updateRegionOffset(),this.forceUpdate=!1,!0):!1},this.updateRegionOffset=()=>{this.anchorRect&&this.regionRect&&(this.baseHorizontalOffset=this.baseHorizontalOffset+(this.anchorRect.left-this.regionRect.left)+(this.translateX-this.baseHorizontalOffset),this.baseVerticalOffset=this.baseVerticalOffset+(this.anchorRect.top-this.regionRect.top)+(this.translateY-this.baseVerticalOffset))},this.isRectDifferent=(e,t)=>Math.abs(e.top-t.top)>this.updateThreshold||Math.abs(e.right-t.right)>this.updateThreshold||Math.abs(e.bottom-t.bottom)>this.updateThreshold||Math.abs(e.left-t.left)>this.updateThreshold,this.handleResize=e=>{this.update()},this.reset=()=>{this.pendingReset&&(this.pendingReset=!1,this.anchorElement===null&&(this.anchorElement=this.getAnchor()),this.viewportElement===null&&(this.viewportElement=this.getViewport()),this.currentDirection=J(this),this.startObservers())},this.updateLayout=()=>{let e,t;if(this.horizontalPositioningMode!=="uncontrolled"){const o=this.getPositioningOptions(this.horizontalInset);if(this.horizontalDefaultPosition==="center")t="center";else if(this.horizontalDefaultPosition!=="unset"){let b=this.horizontalDefaultPosition;if(b==="start"||b==="end"){const $=J(this);if($!==this.currentDirection){this.currentDirection=$,this.initialize();return}this.currentDirection===Y.ltr?b=b==="start"?"left":"right":b=b==="start"?"right":"left"}switch(b){case"left":t=this.horizontalInset?"insetStart":"start";break;case"right":t=this.horizontalInset?"insetEnd":"end";break}}const h=this.horizontalThreshold!==void 0?this.horizontalThreshold:this.regionRect!==void 0?this.regionRect.width:0,c=this.anchorRect!==void 0?this.anchorRect.left:0,d=this.anchorRect!==void 0?this.anchorRect.right:0,g=this.anchorRect!==void 0?this.anchorRect.width:0,v=this.viewportRect!==void 0?this.viewportRect.left:0,u=this.viewportRect!==void 0?this.viewportRect.right:0;(t===void 0||this.horizontalPositioningMode!=="locktodefault"&&this.getAvailableSpace(t,c,d,g,v,u)
+
+
+ `)}
+ `,P={top:"top",right:"right",bottom:"bottom",left:"left",start:"start",end:"end",topLeft:"top-left",topRight:"top-right",bottomLeft:"bottom-left",bottomRight:"bottom-right",topStart:"top-start",topEnd:"top-end",bottomStart:"bottom-start",bottomEnd:"bottom-end"};let m=class extends K{constructor(){super(...arguments),this.anchor="",this.delay=300,this.autoUpdateMode="anchor",this.anchorElement=null,this.viewportElement=null,this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="dynamic",this.horizontalInset="false",this.verticalInset="false",this.horizontalScaling="content",this.verticalScaling="content",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=void 0,this.tooltipVisible=!1,this.currentDirection=Y.ltr,this.showDelayTimer=null,this.hideDelayTimer=null,this.isAnchorHoveredFocused=!1,this.isRegionHovered=!1,this.handlePositionChange=e=>{this.classList.toggle("top",this.region.verticalPosition==="start"),this.classList.toggle("bottom",this.region.verticalPosition==="end"),this.classList.toggle("inset-top",this.region.verticalPosition==="insetStart"),this.classList.toggle("inset-bottom",this.region.verticalPosition==="insetEnd"),this.classList.toggle("center-vertical",this.region.verticalPosition==="center"),this.classList.toggle("left",this.region.horizontalPosition==="start"),this.classList.toggle("right",this.region.horizontalPosition==="end"),this.classList.toggle("inset-left",this.region.horizontalPosition==="insetStart"),this.classList.toggle("inset-right",this.region.horizontalPosition==="insetEnd"),this.classList.toggle("center-horizontal",this.region.horizontalPosition==="center")},this.handleRegionMouseOver=e=>{this.isRegionHovered=!0},this.handleRegionMouseOut=e=>{this.isRegionHovered=!1,this.startHideDelayTimer()},this.handleAnchorMouseOver=e=>{if(this.tooltipVisible){this.isAnchorHoveredFocused=!0;return}this.startShowDelayTimer()},this.handleAnchorMouseOut=e=>{this.isAnchorHoveredFocused=!1,this.clearShowDelayTimer(),this.startHideDelayTimer()},this.handleAnchorFocusIn=e=>{this.startShowDelayTimer()},this.handleAnchorFocusOut=e=>{this.isAnchorHoveredFocused=!1,this.clearShowDelayTimer(),this.startHideDelayTimer()},this.startHideDelayTimer=()=>{this.clearHideDelayTimer(),this.tooltipVisible&&(this.hideDelayTimer=window.setTimeout(()=>{this.updateTooltipVisibility()},60))},this.clearHideDelayTimer=()=>{this.hideDelayTimer!==null&&(clearTimeout(this.hideDelayTimer),this.hideDelayTimer=null)},this.startShowDelayTimer=()=>{if(!this.isAnchorHoveredFocused){if(this.delay>1){this.showDelayTimer===null&&(this.showDelayTimer=window.setTimeout(()=>{this.startHover()},this.delay));return}this.startHover()}},this.startHover=()=>{this.isAnchorHoveredFocused=!0,this.updateTooltipVisibility()},this.clearShowDelayTimer=()=>{this.showDelayTimer!==null&&(clearTimeout(this.showDelayTimer),this.showDelayTimer=null)},this.getAnchor=()=>{const e=this.getRootNode();return e instanceof ShadowRoot?e.getElementById(this.anchor):document.getElementById(this.anchor)},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.tooltipVisible)switch(e.key){case $e:this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.$emit("dismiss");break}},this.updateTooltipVisibility=()=>{if(this.visible===!1)this.hideTooltip();else if(this.visible===!0){this.showTooltip();return}else{if(this.isAnchorHoveredFocused||this.isRegionHovered){this.showTooltip();return}this.hideTooltip()}},this.showTooltip=()=>{this.tooltipVisible||(this.currentDirection=J(this),this.tooltipVisible=!0,document.addEventListener("keydown",this.handleDocumentKeydown),pe.queueUpdate(this.setRegionProps))},this.hideTooltip=()=>{this.tooltipVisible&&(this.clearHideDelayTimer(),this.region!==null&&this.region!==void 0&&(this.region.removeEventListener("positionchange",this.handlePositionChange),this.region.viewportElement=null,this.region.anchorElement=null,this.region.removeEventListener("mouseover",this.handleRegionMouseOver),this.region.removeEventListener("mouseout",this.handleRegionMouseOut)),document.removeEventListener("keydown",this.handleDocumentKeydown),this.tooltipVisible=!1)},this.setRegionProps=()=>{this.tooltipVisible&&(this.region.viewportElement=this.viewportElement,this.region.anchorElement=this.anchorElement,this.region.addEventListener("positionchange",this.handlePositionChange),this.region.addEventListener("mouseover",this.handleRegionMouseOver,{passive:!0}),this.region.addEventListener("mouseout",this.handleRegionMouseOut,{passive:!0}))}}visibleChanged(){this.$fastController.isConnected&&(this.updateTooltipVisibility(),this.updateLayout())}anchorChanged(){this.$fastController.isConnected&&(this.anchorElement=this.getAnchor())}positionChanged(){this.$fastController.isConnected&&this.updateLayout()}anchorElementChanged(e){if(this.$fastController.isConnected){if(e!=null&&(e.removeEventListener("mouseover",this.handleAnchorMouseOver),e.removeEventListener("mouseout",this.handleAnchorMouseOut),e.removeEventListener("focusin",this.handleAnchorFocusIn),e.removeEventListener("focusout",this.handleAnchorFocusOut)),this.anchorElement!==null&&this.anchorElement!==void 0){this.anchorElement.addEventListener("mouseover",this.handleAnchorMouseOver,{passive:!0}),this.anchorElement.addEventListener("mouseout",this.handleAnchorMouseOut,{passive:!0}),this.anchorElement.addEventListener("focusin",this.handleAnchorFocusIn,{passive:!0}),this.anchorElement.addEventListener("focusout",this.handleAnchorFocusOut,{passive:!0});const t=this.anchorElement.id;this.anchorElement.parentElement!==null&&this.anchorElement.parentElement.querySelectorAll(":hover").forEach(i=>{i.id===t&&this.startShowDelayTimer()})}this.region!==null&&this.region!==void 0&&this.tooltipVisible&&(this.region.anchorElement=this.anchorElement),this.updateLayout()}}viewportElementChanged(){this.region!==null&&this.region!==void 0&&(this.region.viewportElement=this.viewportElement),this.updateLayout()}connectedCallback(){super.connectedCallback(),this.anchorElement=this.getAnchor(),this.updateTooltipVisibility()}disconnectedCallback(){this.hideTooltip(),this.clearShowDelayTimer(),this.clearHideDelayTimer(),super.disconnectedCallback()}updateLayout(){switch(this.verticalPositioningMode="locktodefault",this.horizontalPositioningMode="locktodefault",this.position){case P.top:case P.bottom:this.verticalDefaultPosition=this.position,this.horizontalDefaultPosition="center";break;case P.right:case P.left:case P.start:case P.end:this.verticalDefaultPosition="center",this.horizontalDefaultPosition=this.position;break;case P.topLeft:this.verticalDefaultPosition="top",this.horizontalDefaultPosition="left";break;case P.topRight:this.verticalDefaultPosition="top",this.horizontalDefaultPosition="right";break;case P.bottomLeft:this.verticalDefaultPosition="bottom",this.horizontalDefaultPosition="left";break;case P.bottomRight:this.verticalDefaultPosition="bottom",this.horizontalDefaultPosition="right";break;case P.topStart:this.verticalDefaultPosition="top",this.horizontalDefaultPosition="start";break;case P.topEnd:this.verticalDefaultPosition="top",this.horizontalDefaultPosition="end";break;case P.bottomStart:this.verticalDefaultPosition="bottom",this.horizontalDefaultPosition="start";break;case P.bottomEnd:this.verticalDefaultPosition="bottom",this.horizontalDefaultPosition="end";break;default:this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="dynamic",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition="center";break}}};l([p({mode:"boolean"})],m.prototype,"visible",void 0);l([p],m.prototype,"anchor",void 0);l([p],m.prototype,"delay",void 0);l([p],m.prototype,"position",void 0);l([p({attribute:"auto-update-mode"})],m.prototype,"autoUpdateMode",void 0);l([p({attribute:"horizontal-viewport-lock"})],m.prototype,"horizontalViewportLock",void 0);l([p({attribute:"vertical-viewport-lock"})],m.prototype,"verticalViewportLock",void 0);l([R],m.prototype,"anchorElement",void 0);l([R],m.prototype,"viewportElement",void 0);l([R],m.prototype,"verticalPositioningMode",void 0);l([R],m.prototype,"horizontalPositioningMode",void 0);l([R],m.prototype,"horizontalInset",void 0);l([R],m.prototype,"verticalInset",void 0);l([R],m.prototype,"horizontalScaling",void 0);l([R],m.prototype,"verticalScaling",void 0);l([R],m.prototype,"verticalDefaultPosition",void 0);l([R],m.prototype,"horizontalDefaultPosition",void 0);l([R],m.prototype,"tooltipVisible",void 0);l([R],m.prototype,"currentDirection",void 0);const ct=(s,e)=>G`
+ ${Ee("block")} :host {
+ box-sizing: content-box;
+ height: 0;
+ border: none;
+ border-top: calc(${M} * 1px) solid ${oe};
+ }
+
+ :host([orientation="vertical"]) {
+ border: none;
+ height: 100%;
+ margin: 0 calc(${Le} * 1px);
+ border-left: calc(${M} * 1px) solid ${oe};
+ }
+ `,dt=Z.compose({baseName:"divider",template:at,styles:ct}),ut=(s,e)=>G`
+ :host {
+ position: relative;
+ contain: layout;
+ overflow: visible;
+ height: 0;
+ width: 0;
+ z-index: 10000;
+ }
+
+ .tooltip {
+ box-sizing: border-box;
+ border-radius: calc(${Ie} * 1px);
+ border: calc(${M} * 1px) solid ${V};
+ background: ${Q};
+ color: ${Me};
+ padding: 4px 12px;
+ height: fit-content;
+ width: fit-content;
+ ${Fe}
+ white-space: nowrap;
+ box-shadow: ${Oe};
+ }
+
+ ${s.tagFor(a)} {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ overflow: visible;
+ flex-direction: row;
+ }
+
+ ${s.tagFor(a)}.right,
+ ${s.tagFor(a)}.left {
+ flex-direction: column;
+ }
+
+ ${s.tagFor(a)}.top .tooltip::after,
+ ${s.tagFor(a)}.bottom .tooltip::after,
+ ${s.tagFor(a)}.left .tooltip::after,
+ ${s.tagFor(a)}.right .tooltip::after {
+ content: '';
+ width: 12px;
+ height: 12px;
+ background: ${Q};
+ border-top: calc(${M} * 1px) solid ${V};
+ border-left: calc(${M} * 1px) solid ${V};
+ position: absolute;
+ }
+
+ ${s.tagFor(a)}.top .tooltip::after {
+ transform: translateX(-50%) rotate(225deg);
+ bottom: 5px;
+ left: 50%;
+ }
+
+ ${s.tagFor(a)}.top .tooltip {
+ margin-bottom: 12px;
+ }
+
+ ${s.tagFor(a)}.bottom .tooltip::after {
+ transform: translateX(-50%) rotate(45deg);
+ top: 5px;
+ left: 50%;
+ }
+
+ ${s.tagFor(a)}.bottom .tooltip {
+ margin-top: 12px;
+ }
+
+ ${s.tagFor(a)}.left .tooltip::after {
+ transform: translateY(-50%) rotate(135deg);
+ top: 50%;
+ right: 5px;
+ }
+
+ ${s.tagFor(a)}.left .tooltip {
+ margin-right: 12px;
+ }
+
+ ${s.tagFor(a)}.right .tooltip::after {
+ transform: translateY(-50%) rotate(-45deg);
+ top: 50%;
+ left: 5px;
+ }
+
+ ${s.tagFor(a)}.right .tooltip {
+ margin-left: 12px;
+ }
+ `.withBehaviors(Ae(G`
+ :host([disabled]) {
+ opacity: 1;
+ }
+ ${s.tagFor(a)}.top .tooltip::after,
+ ${s.tagFor(a)}.bottom .tooltip::after,
+ ${s.tagFor(a)}.left .tooltip::after,
+ ${s.tagFor(a)}.right .tooltip::after {
+ content: '';
+ width: unset;
+ height: unset;
+ }
+ `));class pt extends m{connectedCallback(){super.connectedCallback(),Q.setValueFor(this,_e)}}const gt=pt.compose({baseName:"tooltip",baseClass:m,template:ht,styles:ut}),C={modified:"modified on",back:"Back",next:"Next",pages:"pages",page:"Page"},ft=[je`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}.search-results{scroll-margin:100px}.search-result-grid{font-size:14px;margin:16px 4px;display:grid;grid-template-columns:32px 2fr 0fr;gap:.5rem}.search-result{font-size:14px;margin:16px 4px}.file-icon{--file-type-icon-height:32px}.search-result-info{margin:4px 0;display:inline-flex}.search-result-date{padding-top:3px;color:var(--color,var(--neutral-foreground-rest))}.search-result-date__shimmer{border-radius:4px;margin-top:2%;margin-left:5px;height:10px;width:200px}.search-result-summary{margin:4px 0;color:var(--color,var(--neutral-foreground-rest))}.search-result-thumbnail__shimmer{width:126px;height:72px}.search-result-thumbnail img{height:72px;max-width:126px;width:126px;object-fit:cover}.search-result-url{font-size:14px;font-weight:600;margin:4px 0}.search-result-url a{color:var(--color,var(--neutral-foreground-rest));text-decoration:none}.search-result-url a:hover{text-decoration:underline}.search-result-content__shimmer{border-radius:4px;margin-top:10px;height:10px}.search-result-name{font-size:16px;font-weight:600;margin:4px 0}.search-result-name__shimmer{border-radius:4px;margin-top:10px;height:10px;width:20%}.search-result-name a{color:var(--color,var(--neutral-foreground-rest));text-decoration:none}.search-result-name a:hover{text-decoration:underline}.search-result-author__shimmer{width:24px;height:24px}.search-result-icon{width:30px;height:30px}.search-result-icon__shimmer{width:32px;height:32px}.search-result-icon img{width:100%}.search-result-icon svg,.search-result-icon svg>path{width:100%;height:100%;fill:var(--neutral-foreground-rest);fill-rule:nonzero!important;clip-rule:nonzero!important}.search-results-page-active{border-bottom-style:solid;border-bottom-color:var(--accent-base-color)}.search-results-page svg,.search-results-page svg>path{height:12px;fill:var(--neutral-foreground-rest);fill-rule:nonzero!important;clip-rule:nonzero!important}.search-result-answer{box-shadow:var(--answer-box-shadow,0 3.2px 7.2px rgba(0,0,0,.132),0 .6px 1.8px rgba(0,0,0,.108));border-radius:var(--answer-border-radius,4px);border:var(--answer-border,none);padding:var(--answer-padding,10px)}.search-results-pages{margin:16px 4px}
+`];var x=function(s,e,t,i){var r=arguments.length,o=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(s,e,t,i);else for(var c=s.length-1;c>=0;c--)(h=s[c])&&(o=(r<3?h(o):r>3?h(e,t,o):h(e,t))||o);return r>3&&o&&Object.defineProperty(e,t,o),o},y=function(s,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,e)},vt=function(s,e,t,i){function r(o){return o instanceof t?o:new t(function(h){h(o)})}return new(t||(t=Promise))(function(o,h){function c(v){try{g(i.next(v))}catch(u){h(u)}}function d(v){try{g(i.throw(v))}catch(u){h(u)}}function g(v){v.done?o(v.value):r(v.value).then(c,d)}g((i=i.apply(s,e||[])).next())})};const mt=()=>{Ue(Xe,Ye,gt,dt),me(),qe(),Ve("search-results",w)};class w extends He{static get styles(){return ft}get strings(){return C}get queryString(){return this._queryString}set queryString(e){this._queryString!==e&&(this._queryString=e,this.currentPage=1)}get from(){return(this.currentPage-1)*this.size}get size(){return this._size}set size(e){e>this.maxPageSize?this._size=this.maxPageSize:this._size=e}get searchEndpoint(){return"/search/query"}get maxPageSize(){return 1e3}constructor(){super(),this._size=10,this.entityTypes=["driveItem","listItem","site"],this.scopes=[],this.contentSources=[],this.version="v1.0",this.pagingMax=7,this.enableTopResults=!1,this.cacheEnabled=!1,this.cacheInvalidationPeriod=3e4,this.isRefreshing=!1,this.defaultFields=["webUrl","lastModifiedBy","lastModifiedDateTime","summary","displayName","name"],this.currentPage=1,this.renderContent=()=>{var e,t,i,r,o,h,c,d;let g=null,v=null,u=null;return this.hasTemplate("header")&&(v=this.renderTemplate("header",this.response)),u=this.renderFooter((t=(e=this.response)===null||e===void 0?void 0:e.value[0])===null||t===void 0?void 0:t.hitsContainers[0]),this.response&&this.hasTemplate("default")?g=this.renderTemplate("default",this.response)||f``:!((r=(i=this.response)===null||i===void 0?void 0:i.value[0])===null||r===void 0)&&r.hitsContainers[0]?g=f`${(d=(c=(h=(o=this.response)===null||o===void 0?void 0:o.value[0])===null||h===void 0?void 0:h.hitsContainers[0])===null||c===void 0?void 0:c.hits)===null||d===void 0?void 0:d.map(b=>this.renderResult(b))}`:this.hasTemplate("no-data")?g=this.renderTemplate("no-data",null):g=f``,f`
+ ${v}
+
+ ${g}
+
+ ${u}`},this.renderLoading=()=>this.renderTemplate("loading",null)||f`
+ ${[...Array(this.size)].map(()=>f`
+
+
+ `)}
+ `,this.onFirstPageClick=()=>{this.currentPage=1,this.scrollToFirstResult()},this.onPageBackClick=()=>{this.currentPage--,this.scrollToFirstResult()},this.onPageNextClick=()=>{this.currentPage++,this.scrollToFirstResult()}}args(){return[this.providerState,this.queryString,this.queryTemplate,this.entityTypes,this.contentSources,this.scopes,this.version,this.size,this.fetchThumbnail,this.fields,this.enableTopResults,this.currentPage]}refresh(e=!1){this.isRefreshing=!0,e&&this.clearState(),this._task.run()}clearState(){this.response=null}loadState(){var e,t,i,r,o,h;return vt(this,void 0,void 0,function*(){const c=Pe.globalProvider;if(this.error=null,!(!c||c.state!==ze.SignedIn)){if(this.queryString){try{const d=this.getRequestOptions();let g;const v=JSON.stringify({endpoint:`${this.version}${this.searchEndpoint}`,requestOptions:d});let u=null;if(this.shouldRetrieveCache()){g=ne.getCache(O.search,O.search.stores.responses);const b=H()?yield g.getValue(v):null;b&&Ne(this.cacheInvalidationPeriod)>Date.now()-b.timeCached&&(u=JSON.parse(b.response))}if(!u){const b=c.graph.forComponent(this);let $=b.api(this.searchEndpoint).version(this.version);if(!((e=this.scopes)===null||e===void 0)&&e.length&&($=$.middlewareOptions(De(this.scopes))),u=yield $.post({requests:[d]}),this.fetchThumbnail){const ee=b.createBatch(),te=q.fromGraph(b).createBatch(),we=!((t=u.value)===null||t===void 0)&&t.length&&(!((i=u.value[0].hitsContainers)===null||i===void 0)&&i.length)?(o=(r=u.value[0].hitsContainers[0])===null||r===void 0?void 0:r.hits)!==null&&o!==void 0?o:[]:[];for(const S of we){const T=S.resource;(T.size>0||!((h=T.webUrl)===null||h===void 0)&&h.endsWith(".aspx"))&&(T["@odata.type"]==="#microsoft.graph.driveItem"||T["@odata.type"]==="#microsoft.graph.listItem")&&(T["@odata.type"]==="#microsoft.graph.listItem"?te.get(S.hitId.toString(),`/sites/${T.parentReference.siteId}/pages/${T.id}`):ee.get(S.hitId.toString(),`/drives/${T.parentReference.driveId}/items/${T.id}/thumbnails/0/medium`))}const ie=S=>{if(S&&S.size>0)for(const[T,se]of S){const re=u.value[0].hitsContainers[0].hits[T],Re=re.resource["@odata.type"]==="#microsoft.graph.listItem"?{url:se.content.thumbnailWebUrl}:{url:se.content.url};re.resource.thumbnail=Re}};try{ie(yield ee.executeAll()),ie(yield te.executeAll())}catch{}}this.shouldUpdateCache()&&u&&(g=ne.getCache(O.search,O.search.stores.responses),yield g.putValue(v,{response:JSON.stringify(u)}))}Be(this.response,u)||(this.response=u)}catch(d){this.error=d}this.response&&(this.error=null)}else this.response=null;this.isRefreshing=!1,this.fireCustomEvent("dataChange",{response:this.response,error:this.error})}})}renderResult(e){const t=this.getResourceType(e.resource);if(this.hasTemplate(`result-${t}`))return this.renderTemplate(`result-${t}`,e,e.hitId);switch(e.resource["@odata.type"]){case"#microsoft.graph.driveItem":return this.renderDriveItem(e);case"#microsoft.graph.site":return this.renderSite(e);case"#microsoft.graph.person":return this.renderPerson(e);case"#microsoft.graph.drive":case"#microsoft.graph.list":return this.renderList(e);case"#microsoft.graph.listItem":return this.renderListItem(e);case"#microsoft.graph.search.bookmark":return this.renderBookmark(e);case"#microsoft.graph.search.acronym":return this.renderAcronym(e);case"#microsoft.graph.search.qna":return this.renderQnA(e);default:return this.renderDefault(e)}}renderFooter(e){if(this.pagingRequired(e)){const t=this.getActivePages(e.total);return f`
+
+
+
+
+
+ ${this.fetchThumbnail&&f`
+
+
+
+
+
+
+
+
+
+ `}
+
+ ${this.renderPreviousPage()}
+ ${this.renderFirstPage(t)}
+ ${this.renderAllPages(t)}
+ ${this.renderNextPage()}
+
+ `}}pagingRequired(e){return(e==null?void 0:e.moreResultsAvailable)||this.currentPage*this.size<(e==null?void 0:e.total)}getActivePages(e){const t=()=>{const o=this.currentPage-Math.floor(this.pagingMax/2)-1;return o>=Math.floor(this.pagingMax/2)?o:0},i=[],r=t();if(r+1>this.pagingMax-this.currentPage||this.pagingMax===this.currentPage)for(let o=r+1;o
+
+
+
+
+ ${((t=r.thumbnail)===null||t===void 0?void 0:t.url)&&f`
+
+ ${L(r.name)}
+
+
+
+
+
+
+ ${C.modified} ${ae(new Date(r.lastModifiedDateTime))}
+
+
+ ===null||i===void 0?void 0:i.url})
+
`}
+
+
+
+
+
+
+
+ ${t.displayName}
+
+
+
+
+
+ ${t.webUrl}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${((t=r.thumbnail)===null||t===void 0?void 0:t.url)&&f`
+
+
+
+
+
+ ${C.modified} ${ae(new Date(r.lastModifiedDateTime))}
+
+
+ ===null||i===void 0?void 0:i.url)||E})
+
`}
+
+
+
+
+
+
+
+
+
+
+ ${i.displayName}
+
+ ${i.description}
+
+
+
+
+
+
+ ${i?f`
+ ${this.getResourceName(t)}
+ `:f`
+ ${this.getResourceName(t)}
+ `}
+
+
+
+
+ ${a.checkedIndicator||""}
+
+
+ ${a.indeterminateIndicator||""}
+
+
+
+
+`;class se extends k{}class re extends S(se){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class d extends re{constructor(){super(),this.initialValue="on",this.indeterminate=!1,this.keypressHandler=a=>{if(!this.readOnly)switch(a.key){case H:this.indeterminate&&(this.indeterminate=!1),this.checked=!this.checked;break}},this.clickHandler=a=>{!this.disabled&&!this.readOnly&&(this.indeterminate&&(this.indeterminate=!1),this.checked=!this.checked)},this.proxy.setAttribute("type","checkbox")}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}}i([s({attribute:"readonly",mode:"boolean"})],d.prototype,"readOnly",void 0);i([p],d.prototype,"defaultSlottedNodes",void 0);i([p],d.prototype,"indeterminate",void 0);class ne extends k{}class de extends I(ne){constructor(){super(...arguments),this.proxy=document.createElement("input")}}const ce={email:"email",password:"password",tel:"tel",text:"text",url:"url"};let l=class extends de{constructor(){super(...arguments),this.type=ce.text}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute("list",this.list),this.validate())}maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.validate(),this.autofocus&&w.queueUpdate(()=>{this.focus()})}select(){this.control.select(),this.$emit("select")}handleTextInput(){this.value=this.control.value}handleChange(){this.$emit("change")}validate(){super.validate(this.control)}};i([s({attribute:"readonly",mode:"boolean"})],l.prototype,"readOnly",void 0);i([s({mode:"boolean"})],l.prototype,"autofocus",void 0);i([s],l.prototype,"placeholder",void 0);i([s],l.prototype,"type",void 0);i([s],l.prototype,"list",void 0);i([s({converter:u})],l.prototype,"maxlength",void 0);i([s({converter:u})],l.prototype,"minlength",void 0);i([s],l.prototype,"pattern",void 0);i([s({converter:u})],l.prototype,"size",void 0);i([s({mode:"boolean"})],l.prototype,"spellcheck",void 0);i([p],l.prototype,"defaultSlottedNodes",void 0);class T{}f(T,A);f(l,O,T);const he=(t,a)=>g`
+
+
+
+ ${L(t,a)}
+
+ ${M(t,a)}
+
+
+`,pe=(t,a)=>h`
+ ${v("inline-flex")} :host {
+ align-items: center;
+ outline: none;
+ ${""} user-select: none;
+ }
+
+ .control {
+ position: relative;
+ width: calc((${b} / 2 + ${r}) * 1px);
+ height: calc((${b} / 2 + ${r}) * 1px);
+ box-sizing: border-box;
+ border-radius: calc(${z} * 1px);
+ border: calc(${N} * 1px) solid ${R};
+ background: ${D};
+ cursor: pointer;
+ }
+
+ .label__hidden {
+ display: none;
+ visibility: hidden;
+ }
+
+ .label {
+ ${B}
+ color: ${m};
+ ${""} padding-inline-start: calc(${r} * 2px + 2px);
+ margin-inline-end: calc(${r} * 2px + 2px);
+ cursor: pointer;
+ }
+
+ slot[name='checked-indicator'],
+ slot[name='indeterminate-indicator'] {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ fill: ${m};
+ opacity: 0;
+ pointer-events: none;
+ }
+
+ slot[name='indeterminate-indicator'] {
+ position: absolute;
+ top: 0;
+ }
+
+ :host(.checked) slot[name='checked-indicator'],
+ :host(.checked) slot[name='indeterminate-indicator'] {
+ fill: ${q};
+ }
+
+ :host(:not(.disabled):hover) .control {
+ background: ${G};
+ border-color: ${j};
+ }
+
+ :host(:not(.disabled):active) .control {
+ background: ${K};
+ border-color: ${J};
+ }
+
+ :host(:${y}) .control {
+ background: ${P};
+ ${U}
+ }
+
+ :host(.checked) .control {
+ background: ${W};
+ border-color: transparent;
+ }
+
+ :host(.checked:not(.disabled):hover) .control {
+ background: ${Q};
+ border-color: transparent;
+ }
+
+ :host(.checked:not(.disabled):active) .control {
+ background: ${V};
+ border-color: transparent;
+ }
+
+ :host(.disabled) .label,
+ :host(.readonly) .label,
+ :host(.readonly) .control,
+ :host(.disabled) .control {
+ cursor: ${X};
+ }
+
+ :host(.checked:not(.indeterminate)) slot[name='checked-indicator'],
+ :host(.indeterminate) slot[name='indeterminate-indicator'] {
+ opacity: 1;
+ }
+
+ :host(.disabled) {
+ opacity: ${Y};
+ }
+ `.withBehaviors(F(h`
+ .control {
+ border-color: ${o.FieldText};
+ background: ${o.Field};
+ }
+ :host(:not(.disabled):hover) .control,
+ :host(:not(.disabled):active) .control {
+ border-color: ${o.Highlight};
+ background: ${o.Field};
+ }
+ slot[name='checked-indicator'],
+ slot[name='indeterminate-indicator'] {
+ fill: ${o.FieldText};
+ }
+ :host(:${y}) .control {
+ forced-color-adjust: none;
+ outline-color: ${o.FieldText};
+ background: ${o.Field};
+ border-color: ${o.Highlight};
+ }
+ :host(.checked) .control {
+ background: ${o.Highlight};
+ border-color: ${o.Highlight};
+ }
+ :host(.checked:not(.disabled):hover) .control,
+ :host(.checked:not(.disabled):active) .control {
+ background: ${o.HighlightText};
+ border-color: ${o.Highlight};
+ }
+ :host(.checked) slot[name='checked-indicator'],
+ :host(.checked) slot[name='indeterminate-indicator'] {
+ fill: ${o.HighlightText};
+ }
+ :host(.checked:hover ) .control slot[name='checked-indicator'],
+ :host(.checked:hover ) .control slot[name='indeterminate-indicator'] {
+ fill: ${o.Highlight};
+ }
+ :host(.disabled) {
+ opacity: 1;
+ }
+ :host(.disabled) .control {
+ border-color: ${o.GrayText};
+ background: ${o.Field};
+ }
+ :host(.disabled) slot[name='checked-indicator'],
+ :host(.checked.disabled:hover) .control slot[name='checked-indicator'],
+ :host(.disabled) slot[name='indeterminate-indicator'],
+ :host(.checked.disabled:hover) .control slot[name='indeterminate-indicator'] {
+ fill: ${o.GrayText};
+ }
+ `)),$e=d.compose({baseName:"checkbox",template:le,styles:pe,checkedIndicator:`
+
+ `,indeterminateIndicator:`
+
+ `}),n=".root",ue=(t,a)=>h`
+ ${v("inline-block")}
+
+ ${Z(t,a,n)}
+
+ ${ee()}
+
+ .root {
+ display: flex;
+ flex-direction: row;
+ }
+
+ .control {
+ -webkit-appearance: none;
+ color: inherit;
+ background: transparent;
+ border: 0;
+ height: calc(100% - 4px);
+ margin-top: auto;
+ margin-bottom: auto;
+ padding: 0 calc(${r} * 2px + 1px);
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+ }
+
+ .start,
+ .end {
+ display: flex;
+ margin: auto;
+ }
+
+ .start {
+ display: flex;
+ margin-inline-start: 11px;
+ }
+
+ .end {
+ display: flex;
+ margin-inline-end: 11px;
+ }
+ `.withBehaviors($("outline",te(t,a,n)),$("filled",ae(t,a,n)),F(oe(t,a,n)));class C extends l{appearanceChanged(a,e){a!==e&&(this.classList.add(e),this.classList.remove(a))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}ie([s],C.prototype,"appearance",void 0);const ge=C.compose({baseName:"text-field",baseClass:l,template:he,styles:ue,shadowOptions:{delegatesFocus:!0}});export{$e as a,ge as f};
diff --git a/next/sample/pr/3325/assets/index-DlteEK7B.js b/next/sample/pr/3325/assets/index-DlteEK7B.js
new file mode 100644
index 0000000000..d6c493786f
--- /dev/null
+++ b/next/sample/pr/3325/assets/index-DlteEK7B.js
@@ -0,0 +1,342 @@
+import{_ as K}from"./index-hkJM60Tb.js";import{c6 as Q,c7 as V,c8 as X,D as Y,O as p,c9 as Z,_ as r,b as h,o as f,bB as R,ca as tt,bD as et,m as T,bz as L,aF as A,bA as D,u as E,cb as g,y as d,z,K as b,I as P,bQ as ot,cc as it,N as M,cd as st,bG as l,E as c,J as n,G as k,bJ as C,bS as N,bW as w,bV as W,ce as F,cf as It,cg as at,Q as j,ch as lt,ci as At,R as s,cj as nt,ck as rt,aJ as ct,bR as dt,bL as $,bT as B,bU as H,M as _,cl as ht,bX as pt,cm as ut,cn as bt,co as ft}from"./App-c9ixsJC9.js";const m={above:"above",below:"below"};class vt extends V{}class xt extends Q(vt){constructor(){super(...arguments),this.proxy=document.createElement("input")}}const u={inline:"inline",list:"list",both:"both",none:"none"};let a=class extends xt{constructor(){super(...arguments),this._value="",this.filteredOptions=[],this.filter="",this.forcedPosition=!1,this.listboxId=X("listbox-"),this.maxHeight=0,this.open=!1}formResetCallback(){super.formResetCallback(),this.setDefaultSelectedOption(),this.updateValue()}validate(){super.validate(this.control)}get isAutocompleteInline(){return this.autocomplete===u.inline||this.isAutocompleteBoth}get isAutocompleteList(){return this.autocomplete===u.list||this.isAutocompleteBoth}get isAutocompleteBoth(){return this.autocomplete===u.both}openChanged(){if(this.open){this.ariaControls=this.listboxId,this.ariaExpanded="true",this.setPositioning(),this.focusAndScrollOptionIntoView(),Y.queueUpdate(()=>this.focus());return}this.ariaControls="",this.ariaExpanded="false"}get options(){return p.track(this,"options"),this.filteredOptions.length?this.filteredOptions:this._options}set options(e){this._options=e,p.notify(this,"options")}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}positionChanged(e,t){this.positionAttribute=t,this.setPositioning()}get value(){return p.track(this,"value"),this._value}set value(e){var t,o,x;const O=`${this._value}`;if(this.$fastController.isConnected&&this.options){const I=this.options.findIndex(J=>J.text.toLowerCase()===e.toLowerCase()),q=(t=this.options[this.selectedIndex])===null||t===void 0?void 0:t.text,G=(o=this.options[I])===null||o===void 0?void 0:o.text;this.selectedIndex=q!==G?I:this.selectedIndex,e=((x=this.firstSelectedOption)===null||x===void 0?void 0:x.text)||e}O!==e&&(this._value=e,super.valueChanged(O,e),p.notify(this,"value"))}clickHandler(e){if(!this.disabled){if(this.open){const t=e.target.closest("option,[role=option]");if(!t||t.disabled)return;this.selectedOptions=[t],this.control.value=t.text,this.clearSelectionRange(),this.updateValue(!0)}return this.open=!this.open,this.open&&this.control.focus(),!0}}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute,this.value&&(this.initialValue=this.value)}disabledChanged(e,t){super.disabledChanged&&super.disabledChanged(e,t),this.ariaDisabled=this.disabled?"true":"false"}filterOptions(){(!this.autocomplete||this.autocomplete===u.none)&&(this.filter="");const e=this.filter.toLowerCase();this.filteredOptions=this._options.filter(t=>t.text.toLowerCase().startsWith(this.filter.toLowerCase())),this.isAutocompleteList&&(!this.filteredOptions.length&&!e&&(this.filteredOptions=this._options),this._options.forEach(t=>{t.hidden=!this.filteredOptions.includes(t)}))}focusAndScrollOptionIntoView(){this.contains(document.activeElement)&&(this.control.focus(),this.firstSelectedOption&&requestAnimationFrame(()=>{var e;(e=this.firstSelectedOption)===null||e===void 0||e.scrollIntoView({block:"nearest"})}))}focusoutHandler(e){if(this.syncValue(),!this.open)return!0;const t=e.relatedTarget;if(this.isSameNode(t)){this.focus();return}(!this.options||!this.options.includes(t))&&(this.open=!1)}inputHandler(e){if(this.filter=this.control.value,this.filterOptions(),this.isAutocompleteInline||(this.selectedIndex=this.options.map(t=>t.text).indexOf(this.control.value)),e.inputType.includes("deleteContent")||!this.filter.length)return!0;this.isAutocompleteList&&!this.open&&(this.open=!0),this.isAutocompleteInline&&(this.filteredOptions.length?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption),this.setInlineSelection()):this.selectedIndex=-1)}keydownHandler(e){const t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case"Enter":{this.syncValue(),this.isAutocompleteInline&&(this.filter=this.value),this.open=!1,this.clearSelectionRange();break}case"Escape":{if(this.isAutocompleteInline||(this.selectedIndex=-1),this.open){this.open=!1;break}this.value="",this.control.value="",this.filter="",this.filterOptions();break}case"Tab":{if(this.setInputToSelection(),!this.open)return!0;e.preventDefault(),this.open=!1;break}case"ArrowUp":case"ArrowDown":{if(this.filterOptions(),!this.open){this.open=!0;break}this.filteredOptions.length>0&&super.keydownHandler(e),this.isAutocompleteInline&&this.setInlineSelection();break}default:return!0}}keyupHandler(e){switch(e.key){case"ArrowLeft":case"ArrowRight":case"Backspace":case"Delete":case"Home":case"End":{this.filter=this.control.value,this.selectedIndex=-1,this.filterOptions();break}}}selectedIndexChanged(e,t){if(this.$fastController.isConnected){if(t=Z(-1,this.options.length-1,t),t!==this.selectedIndex){this.selectedIndex=t;return}super.selectedIndexChanged(e,t)}}selectPreviousOption(){!this.disabled&&this.selectedIndex>=0&&(this.selectedIndex=this.selectedIndex-1)}setDefaultSelectedOption(){if(this.$fastController.isConnected&&this.options){const e=this.options.findIndex(t=>t.getAttribute("selected")!==null||t.selected);this.selectedIndex=e,!this.dirtyValue&&this.firstSelectedOption&&(this.value=this.firstSelectedOption.text),this.setSelectedOptions()}}setInputToSelection(){this.firstSelectedOption&&(this.control.value=this.firstSelectedOption.text,this.control.focus())}setInlineSelection(){this.firstSelectedOption&&(this.setInputToSelection(),this.control.setSelectionRange(this.filter.length,this.control.value.length,"backward"))}syncValue(){var e;const t=this.selectedIndex>-1?(e=this.firstSelectedOption)===null||e===void 0?void 0:e.text:this.control.value;this.updateValue(this.value!==t)}setPositioning(){const e=this.getBoundingClientRect(),o=window.innerHeight-e.bottom;this.position=this.forcedPosition?this.positionAttribute:e.top>o?m.above:m.below,this.positionAttribute=this.forcedPosition?this.positionAttribute:this.position,this.maxHeight=this.position===m.above?~~e.top:~~o}selectedOptionsChanged(e,t){this.$fastController.isConnected&&this._options.forEach(o=>{o.selected=t.includes(o)})}slottedOptionsChanged(e,t){super.slottedOptionsChanged(e,t),this.updateValue()}updateValue(e){var t;this.$fastController.isConnected&&(this.value=((t=this.firstSelectedOption)===null||t===void 0?void 0:t.text)||this.control.value,this.control.value=this.value),e&&this.$emit("change")}clearSelectionRange(){const e=this.control.value.length;this.control.setSelectionRange(e,e)}};r([h({attribute:"autocomplete",mode:"fromView"})],a.prototype,"autocomplete",void 0);r([f],a.prototype,"maxHeight",void 0);r([h({attribute:"open",mode:"boolean"})],a.prototype,"open",void 0);r([h],a.prototype,"placeholder",void 0);r([h({attribute:"position"})],a.prototype,"positionAttribute",void 0);r([f],a.prototype,"position",void 0);class v{}r([f],v.prototype,"ariaAutoComplete",void 0);r([f],v.prototype,"ariaControls",void 0);R(v,tt);R(a,et,v);const gt=(i,e)=>T`
+ t.disabled?"disabled":""} ${t=>t.position}"
+ ?open="${t=>t.open}"
+ tabindex="${t=>t.disabled?null:"0"}"
+ @click="${(t,o)=>t.clickHandler(o.event)}"
+ @focusout="${(t,o)=>t.focusoutHandler(o.event)}"
+ @keydown="${(t,o)=>t.keydownHandler(o.event)}"
+ >
+
+ ${L(i,e)}
+
+
+
+
+ ${D(i,e)}
+
+
+
+
+`,$t=(i,e)=>T`
+
+ ${L(i,e)}
+
+
+ ${s} ${e}
+
`}return t},this.line1Property="name",this.line2Property="lastModifiedDateTime",this.line3Property="size",this.view="threelines"}renderNoData(){return this.renderTemplate("no-data",null)||p``}renderFileTypeIcon(){if(!this.fileIcon&&!this.driveItem.name)return p``;let i,t="";if(this.fileIcon)i=this.fileIcon;else{const e=/(?:\.([^.]+))?$/;t=this.driveItem.package===void 0&&this.driveItem.folder===void 0?e.exec(this.driveItem.name)[1]?e.exec(this.driveItem.name)[1].toLowerCase():this.driveItem.size?"null":"folder":this.driveItem.package!==void 0&&this.driveItem.package.type==="oneNote"?"onetoc":"folder",i=q(t,48,"svg")}return p`
+
+ ${i?p`
+ 
+ `:p`
+ ${S(w.File)}
+ `}
+
+ `}renderDetails(i){if(!i||this.view==="image")return p``;const t=[];if(this.view>"image"){const e=this.getTextFromProperty(i,this.line1Property);e&&t.push(p`
+ ${e}
+ `)}if(this.view>"oneline"){const e=this.getTextFromProperty(i,this.line2Property);e&&t.push(p`
+ ${e}
+ `)}if(this.view>"twolines"){const e=this.getTextFromProperty(i,this.line3Property);e&&t.push(p`
+ ${e}
+ `)}return p`
+
+ ${t}
+
+ `}loadState(){return H(this,void 0,void 0,function*(){if(this.fileDetails){this.driveItem=this.fileDetails;return}const i=E.globalProvider;if(!i||i.state===I.Loading)return;if(i.state===I.SignedOut){this.driveItem=null;return}const t=i.graph.forComponent(this);let e;const s=!this.driveId&&!this.siteId&&!this.groupId&&!this.listId&&!this.userId;this.driveId&&!this.itemId&&!this.itemPath||this.siteId&&!this.itemId&&!this.itemPath||this.groupId&&!this.itemId&&!this.itemPath||this.listId&&!this.siteId&&!this.itemId||this.insightType&&!this.insightId||this.userId&&!this.itemId&&!this.itemPath&&!this.insightType&&!this.insightId?e=null:this.fileQuery?e=yield D(t,this.fileQuery):this.itemId&&s?e=yield T(t,this.itemId):this.itemPath&&s?e=yield _(t,this.itemPath):this.userId?this.itemId?e=yield $(t,this.userId,this.itemId):this.itemPath?e=yield z(t,this.userId,this.itemPath):this.insightType&&this.insightId&&(e=yield k(t,this.userId,this.insightType,this.insightId)):this.driveId?this.itemId?e=yield M(t,this.driveId,this.itemId):this.itemPath&&(e=yield B(t,this.driveId,this.itemPath)):this.siteId&&!this.listId?this.itemId?e=yield F(t,this.siteId,this.itemId):this.itemPath&&(e=yield j(t,this.siteId,this.itemPath)):this.listId?e=yield O(t,this.siteId,this.listId,this.itemId):this.groupId?this.itemId?e=yield C(t,this.groupId,this.itemId):this.itemPath&&(e=yield U(t,this.groupId,this.itemPath)):this.insightType&&!this.userId&&(e=yield R(t,this.insightType,this.insightId)),this.driveItem=e})}getTextFromProperty(i,t){if(!t||t.length===0)return null;const e=t.trim().split(",");let s,o=0;for(;!s&&o
+ ${W(t=>t.modal,C`
+
+ `)}
+
+`;/*!
+* tabbable 5.3.3
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/var Ze=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],Ye=Ze.join(","),ie=typeof Element>"u",T=ie?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,B=!ie&&Element.prototype.getRootNode?function(s){return s.getRootNode()}:function(s){return s.ownerDocument},Je=function(e,t){return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||e.isContentEditable)&&isNaN(parseInt(e.getAttribute("tabindex"),10))?0:e.tabIndex},le=function(e){return e.tagName==="INPUT"},et=function(e){return le(e)&&e.type==="hidden"},tt=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(i){return i.tagName==="SUMMARY"});return t},it=function(e,t){for(var i=0;i
+
+
+
+
+ `,C`
+
+
+ ${e.indeterminateIndicator1||""}
+ ${e.indeterminateIndicator2||""}
+
+
+ `)}
+
+`,ut=(s,e)=>R`
+ :host([hidden]) {
+ display: none;
+ }
+
+ :host {
+ --dialog-height: 480px;
+ --dialog-width: 640px;
+ display: block;
+ }
+
+ .overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 0.3);
+ touch-action: none;
+ }
+
+ .positioning-region {
+ display: flex;
+ justify-content: center;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow: auto;
+ }
+
+ .control {
+ box-shadow: ${pe};
+ margin-top: auto;
+ margin-bottom: auto;
+ border-radius: calc(${he} * 1px);
+ width: var(--dialog-width);
+ height: var(--dialog-height);
+ background: ${fe};
+ z-index: 1;
+ border: calc(${$} * 1px) solid transparent;
+ }
+`,pt=y.compose({baseName:"dialog",template:We,styles:ut}),ht=(s,e)=>R`
+ ${ge("flex")} :host {
+ align-items: center;
+ height: calc((${$} * 3) * 1px);
+ }
+
+ .progress {
+ background-color: ${me};
+ border-radius: calc(${U} * 1px);
+ width: 100%;
+ height: calc(${$} * 1px);
+ display: flex;
+ align-items: center;
+ position: relative;
+ }
+
+ .determinate {
+ background-color: ${I};
+ border-radius: calc(${U} * 1px);
+ height: calc((${$} * 3) * 1px);
+ transition: all 0.2s ease-in-out;
+ display: flex;
+ }
+
+ .indeterminate {
+ height: calc((${$} * 3) * 1px);
+ border-radius: calc(${U} * 1px);
+ display: flex;
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ }
+
+ .indeterminate-indicator-1 {
+ position: absolute;
+ opacity: 0;
+ height: 100%;
+ background-color: ${I};
+ border-radius: calc(${U} * 1px);
+ animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+ width: 40%;
+ animation: indeterminate-1 2s infinite;
+ }
+
+ .indeterminate-indicator-2 {
+ position: absolute;
+ opacity: 0;
+ height: 100%;
+ background-color: ${I};
+ border-radius: calc(${U} * 1px);
+ animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
+ width: 60%;
+ animation: indeterminate-2 2s infinite;
+ }
+
+ :host(.paused) .indeterminate-indicator-1,
+ :host(.paused) .indeterminate-indicator-2 {
+ animation: none;
+ background-color: ${N};
+ width: 100%;
+ opacity: 1;
+ }
+
+ :host(.paused) .determinate {
+ background-color: ${N};
+ }
+
+ @keyframes indeterminate-1 {
+ 0% {
+ opacity: 1;
+ transform: translateX(-100%);
+ }
+ 70% {
+ opacity: 1;
+ transform: translateX(300%);
+ }
+ 70.01% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ transform: translateX(300%);
+ }
+ }
+
+ @keyframes indeterminate-2 {
+ 0% {
+ opacity: 0;
+ transform: translateX(-150%);
+ }
+ 29.99% {
+ opacity: 0;
+ }
+ 30% {
+ opacity: 1;
+ transform: translateX(-150%);
+ }
+ 100% {
+ transform: translateX(166.66%);
+ opacity: 1;
+ }
+ }
+ `.withBehaviors(ve(R`
+ .indeterminate-indicator-1,
+ .indeterminate-indicator-2,
+ .determinate,
+ .progress {
+ background-color: ${j.ButtonText};
+ }
+ :host(.paused) .indeterminate-indicator-1,
+ :host(.paused) .indeterminate-indicator-2,
+ :host(.paused) .determinate {
+ background-color: ${j.GrayText};
+ }
+ `));class ft extends be{}const gt=ft.compose({baseName:"progress",template:ct,styles:ht,indeterminateIndicator1:`
+
+ `,indeterminateIndicator2:`
+
+ `}),mt=[Z`
+:host .file-upload-area-button{width:auto;display:flex;align-items:end;justify-content:end;margin-inline-end:36px;margin-top:30px}:host .focus,:host :focus{outline:0}:host fluent-button .upload-icon path{fill:var(--file-upload-button-text-color,var(--foreground-on-accent-rest))}:host fluent-button.file-upload-button::part(control){border:var(--file-upload-button-border,none);background:var(--file-upload-button-background-color,var(--accent-fill-rest))}:host fluent-button.file-upload-button::part(control):hover{background:var(--file-upload-button-background-color-hover,var(--accent-fill-hover))}:host fluent-button.file-upload-button .upload-text{color:var(--file-upload-button-text-color,var(--foreground-on-accent-rest));font-weight:400;line-height:20px}:host input{display:none}:host fluent-progress.file-upload-bar{width:180px;margin-top:10px}:host fluent-dialog::part(overlay){opacity:.5}:host fluent-dialog::part(control){--dialog-width:$file-upload-dialog-width;--dialog-height:$file-upload-dialog-height;padding:var(--file-upload-dialog-padding,24px);border:var(--file-upload-dialog-border,1px solid var(--neutral-fill-rest))}:host fluent-dialog .file-upload-dialog-ok{background:var(--file-upload-dialog-keep-both-button-background-color,var(--accent-fill-rest));border:var(--file-upload-dialog-keep-both-button-border,none);color:var(--file-upload-dialog-keep-both-button-text-color,var(--foreground-on-accent-rest))}:host fluent-dialog .file-upload-dialog-ok:hover{background:var(--file-upload-dialog-keep-both-button-background-color-hover,var(--accent-fill-hover))}:host fluent-dialog .file-upload-dialog-cancel{background:var(--file-upload-dialog-replace-button-background-color,var(--accent-fill-rest));border:var(--file-upload-dialog-replace-button-border,1px solid var(--neutral-foreground-rest));color:var(--file-upload-dialog-replace-button-text-color,var(--neutral-foreground-rest))}:host fluent-dialog .file-upload-dialog-cancel:hover{background:var(--file-upload-dialog-replace-button-background-color-hover,var(--accent-fill-hover))}:host fluent-checkbox{margin-top:12px}:host fluent-checkbox .file-upload-dialog-check{color:var(--file-upload-dialog-text-color,--foreground-on-accent-rest)}:host .file-upload-table{display:flex}:host .file-upload-table.upload{display:flex}:host .file-upload-table .file-upload-cell{padding:1px 0 1px 1px;display:table-cell;vertical-align:middle;position:relative}:host .file-upload-table .file-upload-cell.percent-indicator{padding-inline-start:10px}:host .file-upload-table .file-upload-cell .description{opacity:.5;position:relative}:host .file-upload-table .file-upload-cell .file-upload-filename{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .file-upload-table .file-upload-cell .file-upload-status{position:absolute;left:28px}:host .file-upload-table .file-upload-cell .file-upload-cancel{cursor:pointer;margin-inline-start:20px}:host .file-upload-table .file-upload-cell .file-upload-name{width:auto}:host .file-upload-table .file-upload-cell .cancel-icon{fill:var(--file-upload-dialog-text-color,var(--neutral-foreground-rest))}:host .mgt-file-item{--file-background-color:transparent;--file-padding:0 12px;--file-padding-inline-start:24px}:host .file-upload-template{clear:both}:host .file-upload-template .file-upload-folder-tab{padding-inline-start:20px}:host .file-upload-dialog{display:none}:host .file-upload-dialog .file-upload-dialog-content{background-color:var(--file-upload-dialog-background-color,var(--accent-fill-rest));color:var(--file-upload-dialog-text-color,var(--neutral-foreground-rest));z-index:1;position:relative}:host .file-upload-dialog .file-upload-dialog-content-text{margin-bottom:36px}:host .file-upload-dialog .file-upload-dialog-title{margin-top:0}:host .file-upload-dialog .file-upload-dialog-editor{display:flex;align-items:end;justify-content:end;gap:5px}:host .file-upload-dialog .file-upload-dialog-close{float:right;cursor:pointer}:host .file-upload-dialog .file-upload-dialog-close svg{fill:var(--file-upload-dialog-text-color,var(--neutral-foreground-rest));padding-right:5px}:host .file-upload-dialog.visible{display:block}:host fluent-checkbox.file-upload-dialog-check.hide{display:none}:host .file-upload-dialog-success{cursor:pointer;opacity:.5}:host #file-upload-border{display:none}:host #file-upload-border.visible{border:var(--file-upload-border-drag,1px dashed #0078d4);background-color:var(--file-upload-background-color-drag,rgba(0,120,212,.1));position:absolute;inset:0;z-index:1;display:inline-block}[dir=rtl] :host .file-upload-status{left:0;right:28px}@media (forced-colors:active){:host fluent-button .upload-icon path{fill:highlighttext}:host fluent-button.file-upload-button::part(control){border-width:1px;border-style:solid;border-color:buttontext;background:highlight}:host fluent-button.file-upload-button::part(control):hover{background:highlighttext;border-color:highlight}:host fluent-button.file-upload-button .upload-text{color:highlighttext}:host fluent-button:hover .upload-icon path{fill:highlight}:host fluent-button:hover.file-upload-button::part(control){border-color:highlight;background:highlighttext}:host fluent-button:hover.file-upload-button .upload-text{color:highlight}}
+`],u={failUploadFile:"File upload failed",successUploadFile:"File upload succeeded",cancelUploadFile:"File cancel.",buttonUploadFile:"Upload Files",maximumFilesTitle:"Maximum files",maximumFiles:"Sorry, the maximum number of files you can upload at once is {MaxNumber}. Do you want to upload the first {MaxNumber} files or reselect?",maximumFileSizeTitle:"Maximum files size",maximumFileSize:'Sorry, the maximum file size to upload is {FileSize}. The file "{FileName}" has ',fileTypeTitle:"File type",fileType:'Sorry, the format of following file "{FileName}" cannot be uploaded.',checkAgain:"Don't show again",checkApplyAll:"Apply to all",buttonOk:"OK",buttonCancel:"Cancel",buttonUpload:"Upload",buttonKeep:"Keep both",buttonReplace:"Replace",buttonReselect:"Reselect",fileReplaceTitle:"Replace file",fileReplace:'Do you want to replace the file "{FileName}" or keep both files?',uploadButtonLabel:"File upload button"};var oe=function(s,e,t,i){var o=arguments.length,l=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(s,e,t,i);else for(var r=s.length-1;r>=0;r--)(a=s[r])&&(l=(o<3?a(l):o>3?a(e,t,l):a(e,t))||l);return o>3&&l&&Object.defineProperty(e,t,l),l},ae=function(s,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(s,e)},F=function(s,e,t,i){function o(l){return l instanceof t?l:new t(function(a){a(l)})}return new(t||(t=Promise))(function(l,a){function r(d){try{c(i.next(d))}catch(g){a(g)}}function n(d){try{c(i.throw(d))}catch(g){a(g)}}function c(d){d.done?l(d.value):o(d.value).then(r,n)}c((i=i.apply(s,e||[])).next())})};const D=s=>s.isDirectory,vt=s=>s.isFile,bt=s=>"getAsEntry"in s&&typeof s.getAsEntry=="function",yt=s=>"getAsFile"in s&&typeof s.getAsFile=="function"||"webkitGetAsEntry"in s&&typeof s.webkitGetAsEntry=="function",xt=()=>{Y(gt,ye,Xe,pt),te(),J("file-upload",O)},Ft=s=>(s==null?void 0:s.length)>1?s[1]==="replace"?"replace":"rename":null;class O extends xe{static get styles(){return mt}get strings(){return u}static get requiredScopes(){return[...new Set(["files.readwrite","files.readwrite.all","sites.readwrite.all"])]}get _dropEffect(){return"copy"}constructor(){super(),this._dragCounter=0,this._maxChunkSize=4*1024*1024,this._dialogTitle="",this._dialogContent="",this._dialogPrimaryButton="",this._dialogSecondaryButton="",this._dialogCheckBox="",this._applyAll=!1,this._applyAllConflictBehavior=null,this._maximumFileSize=!1,this._excludedFileType=!1,this.onFileUploadChange=e=>{const t=e.target;!e||t.files.length<1||this.readUploadedFiles(t.files,()=>t.value=null)},this.onFileUploadClick=()=>{this.renderRoot.querySelector("#file-upload-input").click()},this.handleonDragOver=e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.items&&e.dataTransfer.items.length>0&&(e.dataTransfer.dropEffect=e.dataTransfer.dropEffect=this._dropEffect)},this.handleonDragEnter=e=>{e.preventDefault(),e.stopPropagation(),this._dragCounter++,e.dataTransfer.items&&e.dataTransfer.items.length>0&&(e.dataTransfer.dropEffect=this._dropEffect,this.renderRoot.querySelector("#file-upload-border").classList.add("visible"))},this.handleonDragLeave=e=>{e.preventDefault(),e.stopPropagation(),this._dragCounter--,this._dragCounter===0&&this.renderRoot.querySelector("#file-upload-border").classList.remove("visible")},this.handleonDrop=e=>{var t;e.preventDefault(),e.stopPropagation();const i=()=>{e.dataTransfer.clearData()};this.renderRoot.querySelector("#file-upload-border").classList.remove("visible"),!((t=e.dataTransfer)===null||t===void 0)&&t.items&&this.readUploadedFiles(e.dataTransfer.items,i),this._dragCounter=0},this.filesToUpload=[],this.addEventListener("__uploadfailed",this.focusOnUpload),this.addEventListener("__uploadsuccess",this.focusOnUpload)}focusOnUpload(){const e=this.renderRoot.querySelector('mgt-file[part="upload"]');e&&(e.setAttribute("tabindex","0"),e.classList.add("upload"),e.focus())}render(){if(this.parentElement!==null){const e=this.parentElement;e.addEventListener("dragenter",this.handleonDragEnter),e.addEventListener("dragleave",this.handleonDragLeave),e.addEventListener("dragover",this.handleonDragOver),e.addEventListener("drop",this.handleonDrop)}return v`
+
+
+
+
+ ${S(_.Cancel)}
+
+
+
+
+
+
+
+ ${this._dialogCheckBox}
+
+
+ ${this._dialogTitle}
+${this._dialogContent}
+
+
+ ${this._dialogPrimaryButton}
+
+
+ ${this._dialogSecondaryButton}
+
+
+
+ ${this.renderFolderTemplate(this.filesToUpload)}
+
+ `}renderFolderTemplate(e){const t=[];if(e.length>0){const i=e.map(o=>t.indexOf(o.fullPath.substring(0,o.fullPath.lastIndexOf("/")))===-1?o.fullPath.endsWith("/")?v`${this.renderFileTemplate(o,"")}`:(t.push(o.fullPath.substring(0,o.fullPath.lastIndexOf("/"))),L`
+
+
+ ${this.renderFileTemplate(o,"file-upload-folder-tab")}`):v`${this.renderFileTemplate(o,"file-upload-folder-tab")}`);return v`${i}`}return v``}renderFileTemplate(e,t){const i=E({"file-upload-table":!0,upload:e.completed}),o=t+(e.fieldUploadResponse==="lastModifiedDateTime"?" file-upload-dialog-success":""),l=e.fieldUploadResponse==="description",a=E({description:l}),r=e.completed?v``:this.renderFileUploadTemplate(e),n=l?u.failUploadFile:u.successUploadFile;return L`
+
+
+
+
+
+
+ `}renderFileUploadTemplate(e){const t=E({"file-upload-table":!0,upload:e.completed});return v`
+
+
+
+
+ ${r}
+
+
+
+
+
+ ${e.iconStatus}
+
+
+
+ `}deleteFileUploadSession(e){return F(this,void 0,void 0,function*(){try{e.uploadUrl!==void 0?(yield Fe(this.fileUploadList.graph,e.uploadUrl),e.uploadUrl=void 0,e.completed=!0,this.setUploadFail(e,u.cancelUploadFile)):(e.uploadUrl=void 0,e.completed=!0,this.setUploadFail(e,u.cancelUploadFile))}catch{e.uploadUrl=void 0,e.completed=!0,this.setUploadFail(e,u.cancelUploadFile)}})}readUploadedFiles(e,t){return F(this,void 0,void 0,function*(){const i=yield this.getFilesFromUploadArea(e);yield this.getSelectedFiles(i),t()})}getSelectedFiles(e){return F(this,void 0,void 0,function*(){let t=[];const i=[];this._applyAll=!1,this._applyAllConflictBehavior=null,this._maximumFileSize=!1,this._excludedFileType=!1,this.filesToUpload.forEach(l=>{l.completed?i.push(l):t.push(l)});for(const l of e){const a=l.fullPath===""?"/"+l.name:l.fullPath;if(t.filter(r=>r.fullPath===a).length===0){let r=!0;if(this.fileUploadList.maxFileSize!==void 0&&r&&l.size>this.fileUploadList.maxFileSize*1024&&(r=!1,this._maximumFileSize===!1)){const n=yield this.getFileUploadStatus(l,a,"MaxFileSize",this.fileUploadList);n!==null&&n[0]===1&&(this._maximumFileSize=!0)}if(this.fileUploadList.excludedFileExtensions!==void 0&&this.fileUploadList.excludedFileExtensions.length>0&&r&&this.fileUploadList.excludedFileExtensions.filter(n=>l.name.toLowerCase().indexOf(n.toLowerCase())>-1).length>0&&(r=!1,this._excludedFileType===!1)){const n=yield this.getFileUploadStatus(l,a,"ExcludedFileType",this.fileUploadList);n!==null&&n[0]===1&&(this._excludedFileType=!0)}if(r){const n=yield this.getFileUploadStatus(l,a,"Upload",this.fileUploadList);let c=!1;n!==null&&(n[0]===-1?c=!0:(this._applyAll=!!n[0],this._applyAllConflictBehavior=n[1]?1:0)),t.push({file:l,driveItem:{name:l.name},fullPath:a,conflictBehavior:Ft(n),iconStatus:null,percent:1,view:"image",completed:c,maxSize:this._maxChunkSize,minSize:0})}}}t=t.sort((l,a)=>l.fullPath.substring(0,l.fullPath.lastIndexOf("/")).localeCompare(a.fullPath.substring(0,a.fullPath.lastIndexOf("/")))),t.forEach(l=>{if(i.filter(a=>a.fullPath===l.fullPath).length!==0){const a=i.findIndex(r=>r.fullPath===l.fullPath);i.splice(a,1)}}),t.push(...i),this.filesToUpload=t;const o=this.filesToUpload.map(l=>this.sendFileItemGraph(l));yield Promise.all(o)})}getFileUploadStatus(e,t,i,o){const l=Object.create(null,{requestStateUpdate:{get:()=>super.requestStateUpdate}});return F(this,void 0,void 0,function*(){const a=this.renderRoot.querySelector("#file-upload-dialog");switch(i){case"Upload":return(yield Se(this.fileUploadList.graph,`${this.getGrapQuery(t)}?$select=id`))!==null?this._applyAll===!0?[this._applyAll,this._applyAllConflictBehavior]:(a.classList.add("visible"),this._dialogTitle=u.fileReplaceTitle,this._dialogContent=u.fileReplace.replace("{FileName}",e.name),this._dialogCheckBox=u.checkApplyAll,this._dialogPrimaryButton=u.buttonReplace,this._dialogSecondaryButton=u.buttonKeep,yield l.requestStateUpdate.call(this,!0),new Promise(n=>{const c=this.renderRoot.querySelector(".file-upload-dialog-close"),d=this.renderRoot.querySelector(".file-upload-dialog-ok"),g=this.renderRoot.querySelector(".file-upload-dialog-cancel"),x=this.renderRoot.querySelector("#file-upload-dialog-check");x.checked=!1,x.classList.remove("hide");const b=()=>{a.classList.remove("visible"),n([x.checked?1:0,"replace"])},M=()=>{a.classList.remove("visible"),n([x.checked?1:0,"rename"])},q=()=>{a.classList.remove("visible"),n([-1])};d.removeEventListener("click",b),g.removeEventListener("click",M),c.removeEventListener("click",q),d.addEventListener("click",b),g.addEventListener("click",M),c.addEventListener("click",q)})):null;case"ExcludedFileType":return a.classList.add("visible"),this._dialogTitle=u.fileTypeTitle,this._dialogContent=u.fileType.replace("{FileName}",e.name)+" ("+o.excludedFileExtensions.join(",")+")",this._dialogCheckBox=u.checkAgain,this._dialogPrimaryButton=u.buttonOk,this._dialogSecondaryButton=u.buttonCancel,yield l.requestStateUpdate.call(this,!0),new Promise(r=>{const n=this.renderRoot.querySelector(".file-upload-dialog-ok"),c=this.renderRoot.querySelector(".file-upload-dialog-cancel"),d=this.renderRoot.querySelector(".file-upload-dialog-close"),g=this.renderRoot.querySelector("#file-upload-dialog-check");g.checked=!1,g.classList.remove("hide");const x=()=>{a.classList.remove("visible"),r([g.checked?1:0])},b=()=>{a.classList.remove("visible"),r([0])};n.removeEventListener("click",x),c.removeEventListener("click",b),d.removeEventListener("click",b),n.addEventListener("click",x),c.addEventListener("click",b),d.addEventListener("click",b)});case"MaxFileSize":return a.classList.add("visible"),this._dialogTitle=u.maximumFileSizeTitle,this._dialogContent=u.maximumFileSize.replace("{FileSize}",Q(o.maxFileSize*1024)).replace("{FileName}",e.name)+Q(e.size)+".",this._dialogCheckBox=u.checkAgain,this._dialogPrimaryButton=u.buttonOk,this._dialogSecondaryButton=u.buttonCancel,yield l.requestStateUpdate.call(this,!0),new Promise(r=>{const n=this.renderRoot.querySelector(".file-upload-dialog-ok"),c=this.renderRoot.querySelector(".file-upload-dialog-cancel"),d=this.renderRoot.querySelector(".file-upload-dialog-close"),g=this.renderRoot.querySelector("#file-upload-dialog-check");g.checked=!1,g.classList.remove("hide");const x=()=>{a.classList.remove("visible"),r([g.checked?1:0])},b=()=>{a.classList.remove("visible"),r([0])};n.removeEventListener("click",x),c.removeEventListener("click",b),d.removeEventListener("click",b),n.addEventListener("click",x),c.addEventListener("click",b),d.addEventListener("click",b)})}})}getGrapQuery(e){let t="";return this.fileUploadList.itemPath&&this.fileUploadList.itemPath.length>0&&(t=this.fileUploadList.itemPath.startsWith("/")?this.fileUploadList.itemPath:"/"+this.fileUploadList.itemPath),this.fileUploadList.userId&&this.fileUploadList.itemId?`/users/${this.fileUploadList.userId}/drive/items/${this.fileUploadList.itemId}:${e}`:this.fileUploadList.userId&&this.fileUploadList.itemPath?`/users/${this.fileUploadList.userId}/drive/root:${t}${e}`:this.fileUploadList.groupId&&this.fileUploadList.itemId?`/groups/${this.fileUploadList.groupId}/drive/items/${this.fileUploadList.itemId}:${e}`:this.fileUploadList.groupId&&this.fileUploadList.itemPath?`/groups/${this.fileUploadList.groupId}/drive/root:${t}${e}`:this.fileUploadList.driveId&&this.fileUploadList.itemId?`/drives/${this.fileUploadList.driveId}/items/${this.fileUploadList.itemId}:${e}`:this.fileUploadList.driveId&&this.fileUploadList.itemPath?`/drives/${this.fileUploadList.driveId}/root:${t}${e}`:this.fileUploadList.siteId&&this.fileUploadList.itemId?`/sites/${this.fileUploadList.siteId}/drive/items/${this.fileUploadList.itemId}:${e}`:this.fileUploadList.siteId&&this.fileUploadList.itemPath?`/sites/${this.fileUploadList.siteId}/drive/root:${t}${e}`:this.fileUploadList.itemId?`/me/drive/items/${this.fileUploadList.itemId}:${e}`:this.fileUploadList.itemPath?`/me/drive/root:${t}${e}`:`/me/drive/root:${e}`}sendFileItemGraph(e){return F(this,void 0,void 0,function*(){const t=this.fileUploadList.graph;let i="";if(e.file.size
+
+
+
+
+ ${e.file.name}
+
+
+
+
+
+
+
+
+ ${e.percent}%
+ this.deleteFileUploadSession(e)}>
+ ${S(_.Cancel)}
+
+
+
+ ${this.renderFileUpload()}
+
`:v``)}renderFiles(e){return v`
+
+ ${this.enableFileUpload?this.renderFileUpload():null}
+
+ `}renderFile(e){const t=this.itemView;return P(e)?this.renderSharedInsightFile(e):this.renderTemplate("file",{file:e},e.id)||L`
+ -
+
- this.handleItemSelect(e[0],t)}> + ${this.renderFile(e[0])} + + ${Ke(e.slice(1),t=>t.id,t=>v` +
- this.handleItemSelect(t,i)}> + ${this.renderFile(t)} + + `)} +
this.handleFileClick(e,i)} tabindex="0">
+
+ `}renderMoreFileButton(){return this._isLoadingMore?v`
+
+ ![${e.resourceVisualization.title}](${He(e.resourceVisualization.type,48,"svg")})
+
+
+ -
+ ${$(t,e=>e.id?e.id:e.displayName,e=>f`
+
- + ${this.renderPerson(e)} + + `)} + ${this.people.length>this.showMax?this.renderOverflow():null} +
+
+ ${ve(r,e)}
+
+
+
+`,J={vertical:"vertical",horizontal:"horizontal"};class x extends U{constructor(){super(...arguments),this.orientation=J.horizontal,this.activeindicator=!0,this.showActiveIndicator=!0,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.ticking=!1,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=e=>e.getAttribute("aria-disabled")==="true",this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.setTabs=()=>{const e="gridColumn",t="gridRow",o=this.isHorizontal()?e:t;this.activeTabIndex=this.getActiveIndex(),this.showActiveIndicator=!1,this.tabs.forEach((i,n)=>{if(i.slot==="tab"){const s=this.activeTabIndex===n&&this.isFocusableElement(i);this.activeindicator&&this.isFocusableElement(i)&&(this.showActiveIndicator=!0);const l=this.tabIds[n],d=this.tabpanelIds[n];i.setAttribute("id",l),i.setAttribute("aria-selected",s?"true":"false"),i.setAttribute("aria-controls",d),i.addEventListener("click",this.handleTabClick),i.addEventListener("keydown",this.handleTabKeyDown),i.setAttribute("tabindex",s?"0":"-1"),s&&(this.activetab=i,this.activeid=l)}i.style[e]="",i.style[t]="",i.style[o]=`${n+1}`,this.isHorizontal()?i.classList.remove("vertical"):i.classList.add("vertical")})},this.setTabPanels=()=>{this.tabpanels.forEach((e,t)=>{const o=this.tabIds[t],i=this.tabpanelIds[t];e.setAttribute("id",i),e.setAttribute("aria-labelledby",o),this.activeTabIndex!==t?e.setAttribute("hidden",""):e.removeAttribute("hidden")})},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===1&&this.isFocusableElement(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{if(this.isHorizontal())switch(e.key){case _e:e.preventDefault(),this.adjustBackward(e);break;case be:e.preventDefault(),this.adjustForward(e);break}else switch(e.key){case ye:e.preventDefault(),this.adjustBackward(e);break;case xe:e.preventDefault(),this.adjustForward(e);break}switch(e.key){case ke:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case we:e.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1);break}},this.adjustForward=e=>{const t=this.tabs;let o=0;for(o=this.activetab?t.indexOf(this.activetab)+1:1,o===t.length&&(o=0);o
+
+ `,this._isCompact=!1}asCompactView(){return this._isCompact=!0,this}asFullView(){return this._isCompact=!1,this}clearState(){this._isCompact=!1,this.personDetails=null}render(){return this.isCompact?this.renderCompactView():this.renderFullView()}renderNoData(){return a`
+ No data
+ `}navigateCard(e){var t;let o=this.parentNode;for(;o;){o=o.parentNode;const n=o;if(((t=n==null?void 0:n.host)===null||t===void 0?void 0:t.tagName)===`${re.prefix}-PERSON-CARD`.toUpperCase()){o=n.host;break}}o.navigate(e)}}le([b({attribute:"person-details",type:Object}),ce("design:type",Object)],S.prototype,"personDetails",void 0);le([k(),ce("design:type",Boolean)],S.prototype,"_isCompact",void 0);const ot=[z`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host .loading,:host .no-data{margin:0 20px;display:flex;justify-content:center}:host .no-data{font-style:normal;font-weight:600;font-size:14px;color:var(--font-color,#323130);line-height:19px}:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host{position:relative;user-select:none}:host .root .part{display:grid;grid-template-columns:auto 1fr auto}:host .root .part .part__icon{display:flex;min-width:20px;width:20px;height:20px;align-items:center;justify-content:center;margin-left:20px;margin-top:10px;line-height:20px}:host .root .part .part__icon svg{fill:var(--contact-copy-icon-color,var(--neutral-foreground-hint))}:host .root .part .part__details{margin:10px 14px;overflow:hidden}:host .root .part .part__details .part__title{font-size:12px;color:var(--contact-title-color,var(--neutral-foreground-hint));line-height:16px}:host .root .part .part__details .part__value{grid-column:2;color:var(--contact-value-color,var(--neutral-foreground-rest));font-size:14px;font-weight:400;line-height:19px}:host .root .part .part__details .part__value .part__link{color:var(--contact-link-color,var(--accent-foreground-rest));font-size:14px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;display:inline-block}:host .root .part .part__details .part__value .part__link:hover{color:var(--contact-link-hover-color,var(--accent-foreground-hover))}:host .root .part .part__copy{width:32px;height:100%;background-color:var(--contact-background-color,transparent);visibility:hidden;display:flex;align-items:center;justify-content:flex-start}:host .root .part .part__copy svg{fill:var(--contact-copy-icon-color,var(--neutral-foreground-hint));cursor:pointer}:host .root .part:hover .part__copy{visibility:visible}:host .root.compact{padding:0}:host .root.compact .part{height:30px;align-items:center}:host .root.compact .part__details{margin:0}:host .root.compact .part__title{display:none}:host .root.compact .part__icon{margin-top:0;margin-right:6px;margin-bottom:2px}[dir=rtl] .part__link.phone{text-align:right;direction:ltr}[dir=rtl] .part__icon{margin:10px 20px 0 0!important}[dir=rtl].compact .part__icon{margin-left:6px!important;margin-top:0!important}@media (forced-colors:active) and (prefers-color-scheme:dark){.root svg{fill:rgb(255,255,255)!important;fill-rule:nonzero!important;clip-rule:nonzero!important}.root svg path,.root svg rect{fill:rgb(255,255,255)!important;fill-rule:nonzero!important;clip-rule:nonzero!important}}@media (forced-colors:active) and (prefers-color-scheme:light){.root svg{fill:rgb(0,0,0)!important;fill-rule:nonzero!important;clip-rule:nonzero!important}.root svg path,.root svg rect{fill:rgb(0,0,0)!important;fill-rule:nonzero!important;clip-rule:nonzero!important}}
+`],it={contactSectionTitle:"Contact",emailTitle:"Email",chatTitle:"Teams",businessPhoneTitle:"Business Phone",cellPhoneTitle:"Mobile Phone",departmentTitle:"Department",personTitle:"Title",officeLocationTitle:"Office Location",copyToClipboardButton:"Copy to clipboard"},nt=()=>{D("contact",de)};class de extends S{static get styles(){return ot}get strings(){return it}get hasData(){return this._contactParts?!!Object.values(this._contactParts).filter(t=>!!t.value).length:!1}constructor(e){var t;super(),this._contactParts={email:{icon:p(h.Email),onClick:()=>this.sendEmail(P(this._person)),showCompact:!0,title:this.strings.emailTitle},chat:{icon:p(h.Chat),onClick:()=>{var o;return this.sendChat((o=this._person)===null||o===void 0?void 0:o.userPrincipalName)},showCompact:!1,title:this.strings.chatTitle},businessPhone:{icon:p(h.Phone),onClick:()=>{var o,i;return this.sendCall(((i=(o=this._person)===null||o===void 0?void 0:o.businessPhones)===null||i===void 0?void 0:i.length)>0?this._person.businessPhones[0]:null)},showCompact:!0,title:this.strings.businessPhoneTitle},cellPhone:{icon:p(h.CellPhone),onClick:()=>{var o;return this.sendCall((o=this._person)===null||o===void 0?void 0:o.mobilePhone)},showCompact:!0,title:this.strings.cellPhoneTitle},department:{icon:p(h.Department),showCompact:!1,title:this.strings.departmentTitle},title:{icon:p(h.Person),showCompact:!1,title:this.strings.personTitle},officeLocation:{icon:p(h.OfficeLocation),showCompact:!0,title:this.strings.officeLocationTitle}},this.sendCall=o=>{this.sendLink("tel:",o)},this._person=e,this._contactParts.email.value=P(this._person),this._contactParts.chat.value=this._person.userPrincipalName,this._contactParts.cellPhone.value=this._person.mobilePhone,this._contactParts.department.value=this._person.department,this._contactParts.title.value=this._person.jobTitle,this._contactParts.officeLocation.value=this._person.officeLocation,!((t=this._person.businessPhones)===null||t===void 0)&&t.length&&(this._contactParts.businessPhone.value=this._person.businessPhones[0])}get displayName(){return this.strings.contactSectionTitle}get cardTitle(){return this.strings.contactSectionTitle}renderIcon(){return p(h.Contact)}clearState(){super.clearState();for(const e of Object.keys(this._contactParts))this._contactParts[e].value=null}renderCompactView(){if(!this.hasData)return null;const e=Object.values(this._contactParts).filter(i=>!!i.value);let t=Object.values(e).filter(i=>!!i.value&&i.showCompact);t!=null&&t.length||(t=Object.values(e).slice(0,2));const o=a`
+ ${t.map(i=>this.renderContactPart(i))}
+ `;return a`
+
+ ${o}
+
+ `}renderFullView(){let e;if(this.hasData){const t=Object.values(this._contactParts).filter(o=>!!o.value);e=a`
+ ${t.map(o=>this.renderContactPart(o))}
+ `}return a`
+
+ ${e}
+
+ `}renderContactPart(e){let t=!1;(e.title==="Mobile Phone"||e.title==="Business Phone")&&(t=!0);const o={part__link:!0,phone:t},i=e.onClick?a`
+ e.onClick(n)}>${e.value}
+ `:a`
+ ${e.value}
+ `;return a`
+ this.handlePartClick(n,e.value)} tabindex="0">
+
+ `}handlePartClick(e,t){t&&navigator.clipboard.writeText(t)}sendLink(e,t){t?window.open(`${e}${t}`,"_blank","noreferrer"):console.error(`🦒: Target resource for ${e} link was not provided: resource: ${t}`)}sendChat(e){if(!e){console.error("🦒: Can't send chat when upn is not provided");return}const t=`https://teams.microsoft.com/l/chat/0/0?users=${e}`,o=()=>window.open(t,"_blank","noreferrer");$.isAvailable?$.executeDeepLink(t,i=>{i||o()}):o()}sendEmail(e){this.sendLink("mailto:",e)}}const st=[z`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host .loading,:host .no-data{margin:0 20px;display:flex;justify-content:center}:host .no-data{font-style:normal;font-weight:600;font-size:14px;color:var(--font-color,#323130);line-height:19px}:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host{position:relative;user-select:none}:host .root.compact{padding:0}:host .root .message{padding:8px 20px;display:flex;align-items:center;justify-content:space-between}:host .root .message:hover{background-color:var(--message-hover-color,var(--neutral-fill-hover));cursor:pointer}:host .root .message:last-child{margin-bottom:unset}:host .root .message .message__detail{min-width:0;line-height:normal}:host .root .message .message__detail .message__subject{color:var(--message-subject-color,var(--neutral-foreground-color));font-size:var(--message-subject-font-size, 14px);font-weight:var(--message-subject-font-weight,600);line-height:var(--message-subject-line-height, 20px)}:host .root .message .message__detail .message__from{font-size:var(--message-from-font-size, 12px);color:var(--message-from-color,var(--neutral-foreground-color));line-height:var(--message-from-line-height, 16px);font-weight:var(--message-from-font-weight,400)}:host .root .message .message__detail .message__message{font-size:var(--message-from-font-size, 12px);color:var(--message-color,var(--neutral-foreground-hint));line-height:var(--message-from-line-height, 16px);font-weight:var(--message-from-font-weight,400)}:host .root .message .message__detail>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .root .message .message__date{margin-top:8px;font-size:12px;color:var(--message-date-color,var(--neutral-foreground-hint));margin-left:10px;white-space:nowrap}
+`],rt={emailsSectionTitle:"Emails"};var at=function(r,e,t,o){var i=arguments.length,n=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,e,t,o);else for(var l=r.length-1;l>=0;l--)(s=r[l])&&(n=(i<3?s(n):i>3?s(e,t,n):s(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n},lt=function(r,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(r,e)};const ct=()=>D("messages",W);class W extends S{static get styles(){return st}get strings(){return rt}constructor(e){super(),this._messages=e}get displayName(){return this.strings.emailsSectionTitle}get cardTitle(){return this.strings.emailsSectionTitle}clearState(){super.clearState(),this._messages=[]}renderIcon(){return p(h.Messages)}renderCompactView(){var e;let t;if(!(!((e=this._messages)===null||e===void 0)&&e.length))t=this.renderNoData();else{const o=this._messages?this._messages.slice(0,3).map(i=>this.renderMessage(i)):[];t=a`
+ ${o}
+ `}return a`
+ ${e.icon}
+
+
+ ${e.title}
+ ${i}
+
+ ${p(h.Copy)}
+
+
+ ${t}
+
+ `}renderFullView(){var e;let t;return!((e=this._messages)===null||e===void 0)&&e.length?t=a`
+ ${this._messages.slice(0,5).map(o=>this.renderMessage(o))}
+ `:t=this.renderNoData(),a`
+
+ ${t}
+
+ `}renderMessage(e){return a`
+
+ `}handleMessageClick(e){window.open(e.webLink,"_blank","noreferrer")}}at([k(),lt("design:type",Array)],W.prototype,"_messages",void 0);const dt=[z`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host .loading,:host .no-data{margin:0 20px;display:flex;justify-content:center}:host .no-data{font-style:normal;font-weight:600;font-size:14px;color:var(--font-color,#323130);line-height:19px}:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host{position:relative;user-select:none}:host .root.compact{padding:0}:host .root.compact .coworker .coworker__person-image{height:40px;width:40px;border-radius:40px;--person-avatar-size:40px;margin-right:12px}:host .root.compact .coworker .coworker__name{font-size:14px}:host .root.compact .coworker .coworker__title{font-size:12px}:host .root .subtitle{color:var(--organization-sub-title-color,var(--neutral-foreground-hint));font-size:14px;margin:0 20px 8px}:host .root .divider{display:flex;background:var(--organization-coworker-border-color,var(--neutral-stroke-rest));height:1px;margin:26px 20px 18px}:host .root .org-member{height:74px;box-sizing:border-box;border-radius:2px;padding:12px;display:flex;align-items:center;margin-inline:20px}:host .root .org-member.org-member--target{background-color:var(--organization-active-org-member-target-background-color,var(--neutral-fill-active));border:1px solid var(--organization-active-org-member-border-color,var(--accent-foreground-rest))}:host .root .org-member:not(.org-member--target){border:1px solid var(--organization-coworker-border-color,var(--neutral-stroke-rest))}:host .root .org-member:not(.org-member--target):hover{cursor:pointer;background-color:var(--organization-hover-color,var(--neutral-fill-hover))}:host .root .org-member .org-member__person{flex-grow:1}:host .root .org-member .org-member__person .org-member__person-image{--person-avatar-size:var(--organization-member-person-avatar-size, 40px)}:host .root .org-member .org-member__details{flex-grow:1}:host .root .org-member .org-member__details .org-member__name{font-size:16px;color:var(--organization-title-color,var(--neutral-foreground-rest));font-weight:600}:host .root .org-member .org-member__details .org-member__department,:host .root .org-member .org-member__details .org-member__title{font-weight:14px;color:var(--organization-sub-title-color,var(--neutral-foreground-hint))}:host .root .org-member__separator:not(:last-child){border:1px solid var(--organization-coworker-border-color,var(--neutral-stroke-rest));box-sizing:border-box;width:0;margin:0 50%;height:14px}:host .root .coworker{display:flex;align-items:center;padding:10px 20px}:host .root .coworker:hover{cursor:pointer;background-color:var(--organization-coworker-hover-color,var(--neutral-fill-hover))}:host .root .coworker .coworker__person{height:46px;border-radius:46px;margin-right:8px}:host .root .coworker .coworker__person .coworker__person-image{--person-avatar-size:var(--organization-coworker-person-avatar-size, 40px)}:host .root .direct-report__compact{padding:12px 20px}:host .root .direct-report__compact .direct-report{margin-right:4px;padding:4px 0;cursor:pointer}:host .root .direct-report-list{border:1px solid var(--organization-coworker-border-color,var(--neutral-stroke-rest));margin-inline:20px}:host .root .direct-report-list .org-member--direct-report{border:none;cursor:pointer;margin-inline:0}:host .root .direct-report-list .org-member--direct-report .direct-report__person-image{--person-avatar-size:var(--organization-direct-report-person-avatar-size, 38px)}[dir=rtl] .org-member .org-member__more{transform:scaleX(-1);filter:fliph;filter:"FlipH"}@media (forced-colors:active) and (prefers-color-scheme:dark){:host svg,:host svg>path{fill:rgb(255,255,255)!important;fill-rule:nonzero!important;clip-rule:nonzero!important}}@media (forced-colors:active) and (prefers-color-scheme:light){:host svg,:host svg>path{fill:rgb(0,0,0)!important;fill-rule:nonzero!important;clip-rule:nonzero!important}}
+`],pt={reportsToSectionTitle:"Reports to",directReportsSectionTitle:"Direct reports",organizationSectionTitle:"Organization",youWorkWithSubSectionTitle:"You work with",userWorksWithSubSectionTitle:"works with"};var pe=function(r,e,t,o){var i=arguments.length,n=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,e,t,o);else for(var l=r.length-1;l>=0;l--)(s=r[l])&&(n=(i<3?s(n):i>3?s(e,t,n):s(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n},he=function(r,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(r,e)};const ht=()=>{se(),D("organization",B)};class B extends S{static get styles(){return dt}get strings(){return pt}constructor(e,t){super(),this._state=e,this._me=t}clearState(){super.clearState(),this._state=void 0,this._me=void 0}get displayName(){const{person:e,directReports:t}=this._state;return!e.manager&&(t!=null&&t.length)?`${this.strings.directReportsSectionTitle} (${t.length})`:this.strings.reportsToSectionTitle}get cardTitle(){return this.strings.organizationSectionTitle}renderIcon(){return p(h.Organization)}renderCompactView(){var e;let t;if(!(!((e=this._state)===null||e===void 0)&&e.person))return null;const{person:o,directReports:i}=this._state;if(o)o.manager?t=this.renderCoworker(o.manager):i!=null&&i.length&&(t=this.renderCompactDirectReports());else return null;return a`
+
+ ${t}
+
+ `}renderFullView(){var e;let t;if(!(!((e=this._state)===null||e===void 0)&&e.person))return null;const{person:o,directReports:i,people:n}=this._state;if(!o&&!i&&!n)return null;{const s=this.renderManagers(),l=this.renderCurrentUser(),d=this.renderDirectReports(),c=this.renderCoworkers();t=a`
+ ${s} ${l} ${d} ${c}
+ `}return a`
+
+ ${t}
+
+ `}renderManager(e){return y`
+ {(t.code==="Enter"||t.code===" ")&&this.navigateCard(e)}}
+ @click=${()=>this.navigateCard(e)}
+ >
+
+
+ `}renderManagers(){const{person:e}=this._state;if(!(e!=null&&e.manager))return null;const t=[];let o=e;for(;o.manager;)t.push(o.manager),o=o.manager;return t.length?t.reverse().map(i=>this.renderManager(i)):null}renderDirectReports(){const{directReports:e}=this._state;return e!=null&&e.length?a`
+
+
+
+
+ ${p(h.ExpandRight)}
+
+
+ ${e.map(t=>y`
+
+ `:null}renderCompactDirectReports(){const{directReports:e}=this._state;return a`
+ {(o.code==="Enter"||o.code===" ")&&this.navigateCard(t)}}
+ @click=${()=>this.navigateCard(t)}
+ >
+
+ `)}
+
+
+
+ ${p(h.ExpandRight)}
+
+
+ ${e.slice(0,6).map(t=>y`
+
+ `}renderCurrentUser(){const{person:e}=this._state;return y`
+ {(o.code==="Enter"||o.code===" ")&&this.navigateCard(t)}}
+ @click=${()=>this.navigateCard(t)}
+ >
+
+ `)}
+
+
+ `}renderCoworker(e){return y`
+
+
+ {(t.code==="Enter"||t.code===" ")&&this.navigateCard(e)}}
+ @click=${()=>this.navigateCard(e)}
+ >
+
+ `}renderCoworkers(){const{people:e}=this._state;if(!(e!=null&&e.length))return null;const t=this._me.id===this._state.person.id?this.strings.youWorkWithSubSectionTitle:`${this._state.person.givenName} ${this.strings.userWorksWithSubSectionTitle}`;return a`
+
+
+
+ ${t}
+
+ ${e.slice(0,6).map(o=>this.renderCoworker(o))}
+
+ `}}pe([k(),he("design:type",Object)],B.prototype,"_state",void 0);pe([k(),he("design:type",Object)],B.prototype,"_me",void 0);const ut=[z`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host .loading,:host .no-data{margin:0 20px;display:flex;justify-content:center}:host .no-data{font-style:normal;font-weight:600;font-size:14px;color:var(--font-color,#323130);line-height:19px}:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host{position:relative;user-select:none;background-color:var(--profile-background-color,--neutral-layer-1)}:host .root{padding:20px 0}:host .root.compact{padding:0}:host .root .title{font-size:14px;font-weight:600;color:var(--profile-title-color,var(--neutral-foreground-rest));margin:0 20px 12px}:host .root section{margin-bottom:24px;padding:0 20px}:host .root section:last-child{margin:0}:host .root section .section__title{font-size:14px;color:var(--profile-section-title-color,var(--neutral-foreground-hint))}:host .root section .section__content{display:flex;flex-direction:column;margin-top:10px}:host .root .token-list{display:flex;flex-flow:row wrap;margin-top:-10px}:host .root .token-list .token-list__item{text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden;font-size:14px;align-items:center;background:var(--profile-token-item-background-color,var(--neutral-fill-secondary-rest));border-radius:2px;max-height:28px;padding:4px 8px;margin-right:10px;margin-top:10px;color:var(--profile-token-item-color,var(--neutral-foreground-rest))}:host .root .token-list .token-list__item:last-child{margin-right:initial}:host .root .token-list .token-list__item.overflow{display:none}:host .root .token-list .token-list__item.token-list__item--show-overflow{cursor:pointer;user-select:unset;background:0 0;color:var(--profile-token-overflow-color,var(--accent-foreground-rest))}:host .root .data-list__item{margin-bottom:20px}:host .root .data-list__item:last-child{margin-bottom:initial}:host .root .data-list__item .data-list__item__header{display:flex;justify-content:space-between;align-items:center}:host .root .data-list__item .data-list__item__content{font-size:12px;line-height:16px;color:var(--profile-section-title-color,var(--neutral-foreground-hint));margin-top:4px}:host .root .data-list__item .data-list__item__title{font-size:14px;line-height:16px;color:var(--profile-title-color,var(--neutral-foreground-rest))}:host .root .data-list__item .data-list__item__date-range{color:var(--profile-section-title-color,var(--neutral-foreground-hint));font-size:10px;line-height:12px}:host .root .language__proficiency{opacity:.77}:host .root .work-position .work-position__company{color:#023b8f}:host .root .work-position .work-position__location{font-size:10px;color:var(--profile-section-title-color,var(--neutral-foreground-hint));line-height:16px}:host .root .educational-activity .educational-activity__degree{font-size:12px;line-height:14px;color:var(--profile-section-title-color,var(--neutral-foreground-hint))}:host .root .birthday{display:flex;align-items:center;margin-top:-6px}:host .root .birthday .birthday__icon{margin-right:8px}:host .root .birthday .birthday__date{font-size:12px;color:var(--profile-title-color,var(--neutral-foreground-rest))}[dir=rtl] .token-list__item{margin-right:0!important}
+`],gt={SkillsAndExperienceSectionTitle:"Skills & Experience",AboutCompactSectionTitle:"About",SkillsSubSectionTitle:"Skills",LanguagesSubSectionTitle:"Languages",WorkExperienceSubSectionTitle:"Work Experience",EducationSubSectionTitle:"Education",professionalInterestsSubSectionTitle:"Professional Interests",personalInterestsSubSectionTitle:"Personal Interests",birthdaySubSectionTitle:"Birthday",currentYearSubtitle:"Current",socialMediaSubSectionTitle:"Social Media"};var ft=function(r,e,t,o){var i=arguments.length,n=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,e,t,o);else for(var l=r.length-1;l>=0;l--)(s=r[l])&&(n=(i<3?s(n):i>3?s(e,t,n):s(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n},Z=function(r,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(r,e)};const vt=()=>D("profile",V);class V extends S{static get styles(){return ut}get strings(){return gt}get displayName(){return this.strings.SkillsAndExperienceSectionTitle}get cardTitle(){return this.strings.AboutCompactSectionTitle}get hasData(){var e,t;if(!this.profile)return!1;const{languages:o,skills:i,positions:n,educationalActivities:s}=this.profile;return[this._birthdayAnniversary,(e=this._personalInterests)===null||e===void 0?void 0:e.length,(t=this._professionalInterests)===null||t===void 0?void 0:t.length,o==null?void 0:o.length,i==null?void 0:i.length,n==null?void 0:n.length,s==null?void 0:s.length].filter(l=>!!l).length>0}get profile(){return this._profile}set profile(e){e!==this._profile&&(this._profile=e,this._birthdayAnniversary=e!=null&&e.anniversaries?e.anniversaries.find(this.isBirthdayAnniversary):null,this._personalInterests=e!=null&&e.interests?e.interests.filter(this.isPersonalInterest):null,this._professionalInterests=e!=null&&e.interests?e.interests.filter(this.isProfessionalInterest):null)}constructor(e){super(),this.isPersonalInterest=t=>{var o;return(o=t.categories)===null||o===void 0?void 0:o.includes("personal")},this.isProfessionalInterest=t=>{var o;return(o=t.categories)===null||o===void 0?void 0:o.includes("professional")},this.isBirthdayAnniversary=t=>t.type==="birthday",this.profile=e}renderIcon(){return p(h.Profile)}clearState(){super.clearState(),this.profile=null}renderCompactView(){return a`
+
+ ${this.renderSubSections().slice(0,2)}
+
+ `}renderFullView(){return this.initPostRenderOperations(),a`
+
+ ${this.renderSubSections()}
+
+ `}renderSubSections(){return[this.renderSkills(),this.renderBirthday(),this.renderLanguages(),this.renderWorkExperience(),this.renderEducation(),this.renderProfessionalInterests(),this.renderPersonalInterests()].filter(t=>!!t)}renderLanguages(){var e;const{languages:t}=this._profile;if(!(t!=null&&t.length))return null;const o=[];for(const n of t){let s=null;!((e=n.proficiency)===null||e===void 0)&&e.length&&(s=a`
+
+ (${n.proficiency})
+
+ `),o.push(a`
+
+ ${n.displayName}
+ ${s}
+
+ `)}const i=o.length?this.strings.LanguagesSubSectionTitle:"";return a`
+ ${i}
+
+
+
+ ${o}
+
+
+ ${i.displayName}
+
+ `);const o=t.length?this.strings.SkillsSubSectionTitle:"";return a`
+ ${o}
+
+
+
+ ${t}
+
+
+
+ `);const d=l.length?this.strings.WorkExperienceSubSectionTitle:"";return a`
+
+
+ ${(e=c.detail)===null||e===void 0?void 0:e.jobTitle}
+
+ ${this.getDisplayDateRange(c.detail)}
+
+
+
+
+ ${(o=(t=c==null?void 0:c.detail)===null||t===void 0?void 0:t.company)===null||o===void 0?void 0:o.displayName}
+
+
+ ${this.displayLocation((n=(i=c==null?void 0:c.detail)===null||i===void 0?void 0:i.company)===null||n===void 0?void 0:n.address)}
+
+ ${d}
+
+
+
+ ${l}
+
+
+
+
+ `}renderProfessionalInterests(){var e;if(!(!((e=this._professionalInterests)===null||e===void 0)&&e.length))return null;const t=[];for(const i of this._professionalInterests)t.push(a`
+
+
+ `}renderPersonalInterests(){var e;if(!(!((e=this._personalInterests)===null||e===void 0)&&e.length))return null;const t=[];for(const i of this._personalInterests)t.push(a`
+
+
+ `}renderBirthday(){var e;return!((e=this._birthdayAnniversary)===null||e===void 0)&&e.date?a`
+
+
+ `:null}getDisplayDate(e){return e.toLocaleString("default",{day:"numeric",month:"long"})}getDisplayDateRange(e){if(!e.startMonthYear)return T;const t=new Date(e.startMonthYear).getFullYear();if(t===0||t===1)return T;const o=e.endMonthYear?new Date(e.endMonthYear).getFullYear():this.strings.currentYearSubtitle;return`${t} — ${o}`}displayLocation(e){return e!=null&&e.city?e.state?`${e.city}, ${e.state}`:e.city:T}initPostRenderOperations(){setTimeout(()=>{try{this.shadowRoot.querySelectorAll("section").forEach(t=>{this.handleTokenOverflow(t)})}catch{}},0)}handleTokenOverflow(e){const t=e.querySelectorAll(".token-list");if(t!=null&&t.length)for(const o of Array.from(t)){const i=o.querySelectorAll(".token-list__item");if(!(i!=null&&i.length))continue;let n=null,s=i[0].getBoundingClientRect();const l=o.getBoundingClientRect(),d=s.height*2+l.top;for(let c=0;cd){n=Array.from(i).slice(c,i.length);break}if(n){n.forEach(_=>_.classList.add("overflow"));const c=document.createElement("div");c.classList.add("token-list__item"),c.classList.add("token-list__item--show-overflow"),c.tabIndex=0,c.innerText=`+ ${n.length} more`;const f=()=>{c.remove(),n.forEach(_=>_.classList.remove("overflow"))};c.addEventListener("click",()=>{f()}),c.addEventListener("keydown",_=>{_.code==="Enter"&&f()}),o.appendChild(c)}}}}ft([b({attribute:!1}),Z("design:type",Object),Z("design:paramtypes",[Object])],V.prototype,"profile",null);const mt=()=>{const r=[];return m.sections.files&&r.push("Sites.Read.All"),m.sections.mailMessages&&(r.push("Mail.Read"),r.push("Mail.ReadBasic")),m.sections.organization&&(r.push("User.Read.All"),m.sections.organization.showWorksWith&&r.push("People.Read.All")),m.sections.profile&&r.push("User.Read.All"),m.useContactApis&&r.push("Contacts.Read"),r.indexOf("User.Read.All")<0&&(r.push("User.ReadBasic.All"),r.push("User.Read")),r.indexOf("People.Read.All")<0&&r.push("People.Read"),m.isSendMessageVisible&&r.push("Chat.ReadWrite"),[...new Set(r)]},bt={showMoreSectionButton:"Show more",endOfCard:"End of the card",quickMessage:"Send a quick message",expandDetailsLabel:"Expand details",sendMessageLabel:"Send message",emailButtonLabel:"Email",callButtonLabel:"Call",chatButtonLabel:"Chat",closeCardLabel:"Close card",videoButtonLabel:"Video",goBackLabel:"Go Back"};var v=function(r,e,t,o){var i=arguments.length,n=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,e,t,o);else for(var l=r.length-1;l>=0;l--)(s=r[l])&&(n=(i<3?s(n):i>3?s(e,t,n):s(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n},u=function(r,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(r,e)},ee=function(r,e,t,o){function i(n){return n instanceof t?n:new t(function(s){s(n)})}return new(t||(t=Promise))(function(n,s){function l(f){try{c(o.next(f))}catch(_){s(_)}}function d(f){try{c(o.throw(f))}catch(_){s(_)}}function c(f){f.done?n(f.value):i(f.value).then(l,d)}c((o=o.apply(r,e||[])).next())})};const It=()=>{ze(Ne,et,Ke,Ze,Oe,We),D("person-card",g),He(),nt(),ht(),ct(),Ue(),vt(),customElements.get(De("person"))||se()};class g extends ne{static get styles(){return tt}get strings(){return bt}static get requiredScopes(){return mt()}get personDetails(){return this._personDetails}set personDetails(e){this._personDetails!==e&&(this._personDetails=e,this.personImage=this.getImage())}get personQuery(){return this._personQuery}set personQuery(e){this._personQuery!==e&&(this._personQuery=e,this.personDetails=null,this._cardState=null)}get userId(){return this._userId}set userId(e){e!==this._userId&&(this._userId=e,this.personDetails=null,this._cardState=null)}get internalPersonDetails(){var e;return((e=this._cardState)===null||e===void 0?void 0:e.person)||this.personDetails}constructor(){super(),this.isSendingMessage=!1,this.goBack=()=>{var e;if(!(!((e=this._history)===null||e===void 0)&&e.length))return;const t=this._history.pop();this._currentSection=null;const o=this.renderRoot.querySelector("fluent-tab");o&&o.click(),this._cardState=t.state,this._personDetails=t.state.person,this.personImage=t.personImage,this.loadSections()},this.renderContent=()=>{var e;if(!this.internalPersonDetails)return this.renderNoData();const t=this.internalPersonDetails,o=this.getImage();if(this.hasTemplate("default"))return this.renderTemplate("default",{person:this.internalPersonDetails,personImage:o});let i;i=this.strings.closeCardLabel;const n=this.isExpanded?a`
+
+ ${p(h.SmallEmail)}
+
+ `);let n;(t!=null&&t.userPrincipalName||t!=null&&t.mail)&&(o=`${this.strings.chatButtonLabel} ${e.displayName}`,n=a`
+
+ ${p(h.SmallChat)}
+
+ `);let s;(t!=null&&t.userPrincipalName||t!=null&&t.mail)&&(o=`${this.strings.videoButtonLabel} ${e.displayName}`,s=a`
+
+ ${p(h.Video)}
+
+ `);let l;return this.hasPhone&&(o=`${this.strings.callButtonLabel} ${t.displayName}`,l=a`
+
+ ${p(h.Call)}
+
+ `),a`
+
+ `}renderExpandedDetailsButton(){return a`
+
+ ${p(h.ExpandDown)}
+
+ `}renderExpandedDetails(){if(!this._cardState&&this._isStateLoading)return y`
+
+this.updateCurrentSection(n)}
+ >
+ ${n.renderIcon()}
+
+ `}),o=this.sections.map(n=>a`
+
+
+ `),i=E({active:e===-1,"section-nav__icon":!0,overviewTab:!0});return a`
+ this.handleSectionScroll(n)}
+ >
+ this.updateCurrentSection(null)}
+ >
+
+ ${t}
+
+
+ ${o}
+
+ `}renderOverviewSection(){const e=this.sections.map(o=>a`
+
+ ${this.response.map(e=>b`
+ this.handleClick(t,e)}> ${this.getNestedPropertyValue(e,this.keyName)} `)}
+
+ `}getNestedPropertyValue(e,t){const o=t.split(".");let i=e;for(const r of o)if(i=i[r],i===void 0)return console.warn(`mgt-picker: Key '${r}' is undefined.`),"";return i}renderGet(){return h`
+
+ `}firstUpdated(e){super.firstUpdated(e);const t=this.renderRoot;t?t.addEventListener("dataChange",o=>this.handleDataChange(o)):console.error("🦒: mgt-picker component requires a renderRoot. Something has gone horribly wrong.")}handleDataChange(e){const t=e.detail.response.value,o=e.detail.error?e.detail.error:null;this.response=t,this.error=o}handleClick(e,t){this.fireCustomEvent("selectionChanged",t,!0,!1,!0)}}s([l({attribute:"resource",type:String}),a("design:type",String)],n.prototype,"resource",void 0);s([l({attribute:"version",type:String}),a("design:type",Object)],n.prototype,"version",void 0);s([l({attribute:"max-pages",type:Number}),a("design:type",Object)],n.prototype,"maxPages",void 0);s([l({attribute:"placeholder",type:String}),a("design:type",String)],n.prototype,"placeholder",void 0);s([l({attribute:"key-name",type:String}),a("design:type",String)],n.prototype,"keyName",void 0);s([l({attribute:"entity-type",type:String}),a("design:type",String)],n.prototype,"entityType",void 0);s([l({attribute:"scopes",converter:c=>c?c.toLowerCase().split(","):null}),a("design:type",Array)],n.prototype,"scopes",void 0);s([l({attribute:"cache-enabled",type:Boolean}),a("design:type",Object)],n.prototype,"cacheEnabled",void 0);s([l({attribute:"cache-invalidation-period",type:Number}),a("design:type",Object)],n.prototype,"cacheInvalidationPeriod",void 0);s([l({attribute:"selected-value",type:String}),a("design:type",String)],n.prototype,"selectedValue",void 0);s([v(),a("design:type",Array)],n.prototype,"response",void 0);export{E as r};
diff --git a/next/sample/pr/3325/assets/mgt-spinner-DCTBtyM4.js b/next/sample/pr/3325/assets/mgt-spinner-DCTBtyM4.js
new file mode 100644
index 0000000000..8d98db080d
--- /dev/null
+++ b/next/sample/pr/3325/assets/mgt-spinner-DCTBtyM4.js
@@ -0,0 +1,3 @@
+import{X as e,a3 as o,dA as n,$ as t}from"./App-c9ixsJC9.js";const r=[e`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}
+`],l=()=>o("spinner",s);class s extends n{static get styles(){return r}render(){return t`Contoso Dashboard
+
+
+
+
+
+
+
+
diff --git a/next/sample/pr/3325/manifest.json b/next/sample/pr/3325/manifest.json
new file mode 100644
index 0000000000..1f2f141faf
--- /dev/null
+++ b/next/sample/pr/3325/manifest.json
@@ -0,0 +1,15 @@
+{
+ "short_name": "React App",
+ "name": "Create React App Sample",
+ "icons": [
+ {
+ "src": "favicon.ico",
+ "sizes": "64x64 32x32 24x24 16x16",
+ "type": "image/x-icon"
+ }
+ ],
+ "start_url": ".",
+ "display": "standalone",
+ "theme_color": "#000000",
+ "background_color": "#ffffff"
+}
+
+ ${i.program.displayName?a`${i.institution.displayName}
+
+ ${this.getDisplayDateRange(i)}
+
+
+
+ `);const o=t.length?this.strings.EducationSubSectionTitle:"";return a`
+
+ ${i.program.displayName}
+
`:T}
+ ${o}
+
+
+
+ ${t}
+
+
+ ${i.displayName}
+
+ `);const o=t.length?this.strings.professionalInterestsSubSectionTitle:"";return a`
+ ${o}
+
+
+
+ ${t}
+
+
+ ${i.displayName}
+
+ `);const o=t.length?this.strings.personalInterestsSubSectionTitle:"";return a`
+ ${o}
+
+
+
+ ${t}
+
+ Birthday
+
+
+
+
+
+ ${p(h.Birthday)}
+
+
+ ${this.getDisplayDate(new Date(this._birthdayAnniversary.date))}
+
+
+
+ ${p(h.Close)}
+
+
+ `:null;i=this.strings.goBackLabel;const s=!((e=this._history)===null||e===void 0)&&e.length?a`
+
+ `:null;let l=this.renderTemplate("person-details",{person:this.internalPersonDetails,personImage:o});if(!l){const f=this.renderPerson(),_=this.renderContactIcons(t);l=a`
+ ${f} ${_}
+ `}const d=this.isExpanded?this.renderExpandedDetails():this.renderExpandedDetailsButton();this._windowHeight=window.innerHeight&&document.documentElement.clientHeight?Math.min(window.innerHeight,document.documentElement.clientHeight):window.innerHeight||document.documentElement.clientHeight,this._windowHeight<250&&(this._smallView=!0);const c=this.lockTabNavigation?a``:a``;return a`
+
+
+ `},this.handleEndOfCard=e=>{if(e&&e.code==="Tab"){const t=this.renderRoot.querySelector("#end-of-container");if(t){t.blur();const o=this.renderRoot.querySelector("mgt-person");o&&o.focus()}}},this.closeCard=()=>{this.updateCurrentSection(null),this.isExpanded=!1},this.sendQuickMessage=()=>ee(this,void 0,void 0,function*(){const e=this._chatInput.trim();if(!(e!=null&&e.length))return;const t=this.personDetails,o=this._me.userPrincipalName;this.isSendingMessage=!0;const i=yield Re(this._graph,t.userPrincipalName,o),n={body:{content:e}};yield Ee(this._graph,i.id,n),this.isSendingMessage=!1,this.clearInputData()}),this.emailUser=()=>{const e=this.internalPersonDetails;if(e){const t=P(e);t&&window.open("mailto:"+t,"_blank","noreferrer")}},this.callUser=()=>{var e,t;const o=this.internalPersonDetails,i=this.internalPersonDetails;if(!((e=o==null?void 0:o.businessPhones)===null||e===void 0)&&e.length){const n=o.businessPhones[0];n&&window.open("tel:"+n,"_blank","noreferrer")}else if(!((t=i==null?void 0:i.phones)===null||t===void 0)&&t.length){const s=this.getPersonBusinessPhones(i)[0];s&&window.open("tel:"+s,"_blank","noreferrer")}},this.chatUser=(e=null)=>{const t=this.personDetails;if(t!=null&&t.userPrincipalName){let i=`https://teams.microsoft.com/l/chat/0/0?users=${t.userPrincipalName}`;e!=null&&e.length&&(i+=`&message=${e}`);const n=()=>window.open(i,"_blank","noreferrer");$.isAvailable?$.executeDeepLink(i,s=>{s||n()}):n()}},this.videoCallUser=()=>{const e=this.personDetails;if(e!=null&&e.userPrincipalName||e!=null&&e.mail){const o=`https://teams.microsoft.com/l/call/0/0?users=${e.userPrincipalName||e.mail}&withVideo=true`,i=()=>window.open(o,"_blank");$.isAvailable?$.executeDeepLink(o,n=>{n||i()}):i()}},this.showExpandedDetails=()=>{const e=this.renderRoot.querySelector(".root");e!=null&&e.animate&&e.animate([{height:"auto",transformOrigin:"top left"},{height:"auto",transformOrigin:"top left"}],{duration:1e3,easing:"ease-in-out",fill:"both"}),this.isExpanded=!0,this.fireCustomEvent("expanded",null,!0)},this.sendQuickMessageOnEnter=e=>{e.code==="Enter"&&this.sendQuickMessage()},this.handleGoBack=e=>{e.code==="Enter"&&this.goBack()},this._chatInput="",this._currentSection=null,this._history=[],this.sections=[],this._graph=null}navigate(e){this._history.push({personDetails:this.personDetails,personImage:this.getImage(),state:this._cardState}),this.personDetails=e,this._cardState=null,this.personImage=null,this._currentSection=null,this.sections=[],this._chatInput=""}clearHistory(){var e;if(this._currentSection=null,!(!((e=this._history)===null||e===void 0)&&e.length))return;const t=this._history[0];this._history=[],this._cardState=t.state,this._personDetails=t.personDetails,this.personImage=t.personImage,this.loadSections()}args(){return[this.providerState,this.personDetails,this.personQuery,this.personImage,this.userId]}renderNoData(){return this.renderTemplate("no-data",null)||a``}renderPerson(){return y`
+
+ ${s}
+ ${n}
+
+ ${l}
+
+ ${c}
+ ${e.department}
+ `}renderContactIcons(e){e=e||this.internalPersonDetails;const t=e;let o,i;P(e)&&(o=`${this.strings.emailButtonLabel} ${e.displayName}`,i=a`
+
+
+ `;j.globalProvider.state===K.SignedOut&&this.loadSections();const t=this.renderSectionNavigation();return a`
+
+ ${t}
+
+ +
this.handleSectionScroll(o)}
+ tabindex=0
+ >
+ `}renderSectionNavigation(){if(!this.sections||this.sections.length<2&&!this.hasTemplate("additional-details"))return;const e=this._currentSection?this.sections.indexOf(this._currentSection):-1,t=this.sections.map((n,s)=>{const l=n.tagName.toLowerCase(),d=E({active:s===e,"section-nav__icon":!0});return a`
+
+
+ ${n.cardTitle}
+ ${this._currentSection?n.asFullView():null}
+ ${p(h.Overview)}
+ ${this._currentSection?null:this.renderOverviewSection()}
+
+
+ `),t=this.renderTemplate("additional-details",{person:this.internalPersonDetails,personImage:this.getImage(),state:this._cardState});return t&&e.splice(1,0,a`
+
+ this.updateCurrentSection(o)}
+ >
+ ${this.strings.showMoreSectionButton}
+
+
+ ${o.displayName}
+ ${o.asCompactView()}
+
+
+ `),a`
+ ${t}
+
+ ${this.renderMessagingSection()}
+ ${e}
+
+ `}renderCurrentSection(){var e;if(!(!(!((e=this.sections)===null||e===void 0)&&e.length)&&!this.hasTemplate("additional-details")))return this.sections.length===1&&!this.hasTemplate("additional-details")?a`
+ ${this.sections[0].asFullView()}
+ `:this._currentSection?a`
+ ${this._currentSection.asFullView()}
+ `:this.renderOverviewSection()}renderMessagingSection(){const e=this.personDetails,t=this._me.userPrincipalName,o=this._chatInput;if((e==null?void 0:e.userPrincipalName)!==t)return m.isSendMessageVisible?a`
+
+ `:T}loadState(){var e,t,o;return ee(this,void 0,void 0,function*(){if(this._cardState)return;if(!this.personDetails&&this.inheritDetails){let d=this.parentElement;for(;d&&d.tagName!==`${re.prefix}-PERSON`.toUpperCase();)d=d.parentElement;const c=d.personDetails||d.personDetailsInternal;d&&c&&(this.personDetails=c,this.personImage=d.personImage)}const i=j.globalProvider;if(!i||i.state!==K.SignedIn)return;const n=i.graph.forComponent(this);if(this._graph=n,this._isStateLoading=!0,this._me||(this._me=yield j.me()),this.personDetails){const d=this.personDetails,c=d.userPrincipalName||d.id;if(c&&!P(d)){const f=yield X(n,c);this.personDetails=f,this.personImage=this.getImage()}}else if(this.userId||this.personQuery==="me"){const d=yield X(n,this.userId);this.personDetails=d,this.personImage=this.getImage()}else if(this.personQuery){const d=yield Me(n,this.personQuery,1);d!=null&&d.length&&(this.personDetails=d[0],yield Ae(n,this.personDetails,m.useContactApis).then(c=>{c&&(this.personDetails.personImage=c,this.personImage=c)}))}const s={activity:"Offline",availability:"Offline",id:null};if(!this.personPresence&&this.showPresence)try{!((e=this.personDetails)===null||e===void 0)&&e.id?this.personPresence=yield Be(n,this.personDetails.id):this.personPresence=s}catch{this.personPresence=s}const l=((t=this.personDetails)===null||t===void 0?void 0:t.id)||((o=this.personDetails)===null||o===void 0?void 0:o.userPrincipalName);l&&(this._cardState=yield je(n,this.personDetails,this._me===l)),this.loadSections(),this._isStateLoading=!1})}get hasPhone(){var e,t;const o=this.internalPersonDetails,i=this.internalPersonDetails;return!!(!((e=o==null?void 0:o.businessPhones)===null||e===void 0)&&e.length)||!!(!((t=i==null?void 0:i.phones)===null||t===void 0)&&t.length)}loadSections(){if(this.sections=[],!this.internalPersonDetails)return;const e=new de(this.internalPersonDetails);if(e.hasData&&this.sections.push(e),!this._cardState)return;const{person:t,directReports:o,messages:i,files:n,profile:s}=this._cardState;if(m.sections.organization&&(t!=null&&t.manager||o!=null&&o.length)&&this.sections.push(new B(this._cardState,this._me)),m.sections.mailMessages&&(i!=null&&i.length)&&this.sections.push(new W(i)),m.sections.files&&(n!=null&&n.length)&&this.sections.push(new Fe(n)),m.sections.profile&&s){const l=new V(s);l.hasData&&this.sections.push(l)}}getImage(){if(this.personImage)return this.personImage;const e=this.internalPersonDetails;return e!=null&&e.personImage?e.personImage:null}clearInputData(){this._chatInput="",this.requestUpdate()}getPersonBusinessPhones(e){const t=e.phones,o=[];for(const i of t)i.type==="business"&&o.push(i.number);return o}updateCurrentSection(e){if(e){const o=e.tagName.toLowerCase();this.renderRoot.querySelector(`#${o}-Tab`).click()}const t=this.renderRoot.querySelectorAll("fluent-tab-panel");for(const o of t)o.scrollTop=0;this._currentSection=e,this.requestUpdate()}handleSectionScroll(e){const t=this.renderRoot.querySelectorAll("fluent-tab-panel");for(const o of t)o&&!(e.deltaY<0&&o.scrollTop===0)&&!(e.deltaY>0&&o.clientHeight+o.scrollTop>=o.scrollHeight-1)&&e.stopPropagation()}}v([b({attribute:"person-details",type:Object}),u("design:type",Object),u("design:paramtypes",[Object])],g.prototype,"personDetails",null);v([b({attribute:"person-query"}),u("design:type",String),u("design:paramtypes",[String])],g.prototype,"personQuery",null);v([b({attribute:"lock-tab-navigation",type:Boolean}),u("design:type",Boolean)],g.prototype,"lockTabNavigation",void 0);v([b({attribute:"user-id"}),u("design:type",String),u("design:paramtypes",[String])],g.prototype,"userId",null);v([b({attribute:"person-image",type:String}),u("design:type",String)],g.prototype,"personImage",void 0);v([b({attribute:"fetch-image",type:Boolean}),u("design:type",Boolean)],g.prototype,"fetchImage",void 0);v([b({attribute:"is-expanded",type:Boolean}),u("design:type",Boolean)],g.prototype,"isExpanded",void 0);v([b({attribute:"inherit-details",type:Boolean}),u("design:type",Boolean)],g.prototype,"inheritDetails",void 0);v([b({attribute:"show-presence",type:Boolean}),u("design:type",Boolean)],g.prototype,"showPresence",void 0);v([b({attribute:"person-presence",type:Object}),u("design:type",Object)],g.prototype,"personPresence",void 0);v([k(),u("design:type",Object)],g.prototype,"isSendingMessage",void 0);v([k(),u("design:type",Object)],g.prototype,"_cardState",void 0);v([k(),u("design:type",Boolean)],g.prototype,"_isStateLoading",void 0);v([k(),u("design:type",Object)],g.prototype,"_currentSection",void 0);export{g as MgtPersonCard,It as registerMgtPersonCardComponent};
diff --git a/next/sample/pr/3325/assets/mgt-picker-DJC_Ceuz.js b/next/sample/pr/3325/assets/mgt-picker-DJC_Ceuz.js
new file mode 100644
index 0000000000..5c4c1fa66b
--- /dev/null
+++ b/next/sample/pr/3325/assets/mgt-picker-DJC_Ceuz.js
@@ -0,0 +1,24 @@
+import{X as u,a0 as f,a3 as g,Z as m,a8 as h,a9 as y,$ as b,Y as l,a2 as v}from"./App-c9ixsJC9.js";import{r as k}from"./mgt-get-nlun5DqF.js";import{f as x,a as C}from"./index-DlteEK7B.js";const S={comboboxPlaceholder:"Select an item"},P=[u`
+:host([hidden]){display:none}:host{display:block;font-family:var(--default-font-family, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif);font-size:var(--default-font-size, 14px);--theme-primary-color:#0078d7;--theme-dark-color:#005a9e}:focus-visible{outline-color:var(--focus-ring-color,Highlight);outline-color:var(--focus-ring-color,-webkit-focus-ring-color);outline-style:var(--focus-ring-style,auto)}.ms-icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:4px 0}.error{background-color:#fde7e9;padding-block:8px;padding-inline:8px 12px}.ms-icon-chevron-down::before{content:"\\\e70d"}.ms-icon-chevron-up::before{content:"\\\e70e"}.ms-icon-contact::before{content:"\\\e77b"}.ms-icon-add-friend::before{content:"\\\e8fa"}.ms-icon-outlook-logo-inverser::before{content:"\\\eb6d"}:host{--max-height:var(--picker-max-height, 380px);font-family:var(--default-font-family)}:host .picker{background-color:var(--picker-background-color,transparent)}:host fluent-combobox::part(selected-value)::placeholder{color:var(--picker-text-color,var(--input-filled-placeholder-rest))}:host fluent-combobox::part(selected-value):hover::placeholder{color:var(--picker-text-color-hover,var(--secondary-text-hover-color))}[dir=rtl] .picker{direction:rtl}
+`];var s=function(c,e,t,o){var i=arguments.length,r=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(c,e,t,o);else for(var p=c.length-1;p>=0;p--)(d=c[p])&&(r=(i<3?d(r):i>3?d(e,t,r):d(e,t))||r);return i>3&&r&&Object.defineProperty(e,t,r),r},a=function(c,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(c,e)};const E=()=>{f(C,x),k(),g("picker",n)};class n extends m{get strings(){return S}static get styles(){return P}constructor(){super(),this.version="v1.0",this.maxPages=3,this.scopes=[],this.cacheEnabled=!1,this.cacheInvalidationPeriod=0,this.renderLoading=()=>this.response?this.renderContent():this.renderTemplate("loading",null),this.renderContent=()=>{var e;const t=this.error?this.error:null;return t&&this.hasTemplate("error")?this.renderTemplate("error",{error:t},"error"):this.hasTemplate("no-data")?this.renderTemplate("no-data",null):((e=this.response)===null||e===void 0?void 0:e.length)>0?this.renderPicker():this.renderGet()},this.handleComboboxKeydown=e=>{let t,o;const i=e.key,d=e.target.querySelector(".selected");d&&(t=d.getAttribute("value")),i==="Enter"&&t&&(o=this.response.filter(p=>p.id===t).pop(),this.fireCustomEvent("selectionChanged",o,!0,!1,!0))},this.placeholder=this.strings.comboboxPlaceholder,this.entityType=null,this.keyName=null}refresh(e=!1){e&&this.clearState(),this._task.run()}clearState(){this.response=null,this.error=null}renderPicker(){return h`
+