@fabric-msft/copilot-web 7.0.0

package/index.min.js

@@ -0,0 +1,288 @@
+import{__decorate as t,__classPrivateFieldGet as e,__classPrivateFieldSet as i}from"tslib";import{FASTElement as o,attr as s,html as n,css as a,observable as r,children as l,elements as d,when as c,slotted as h,booleanConverter as p,ref as u,Updates as m,nullableNumberConverter as v}from"@microsoft/fast-element";import{composeDefinitions as g,fromFAST as f,ButtonAppearances as b,ButtonFormTargets as x,ButtonShapes as y,ButtonSizes as $,ButtonTypes as w,Button as k,ButtonStyles as C,PositioningShorthand as E,PopoverRepositionModes as L,PopoverDefinition as T,staticallyCompose as S,isActionModifierKey as M,disabledState as A,whitespaceFilter as I,ButtonDefinition as P,applyMixins as D,ProgressBarDefinition as O,Text as B,createUniqueId as R,TooltipDefinition as z,createRovingFocusController as F,isRtl as H,toggleState as _,expandedState as q}from"@fabric-msft/fabric-web";export{Button,Popover,PopoverDefinition,PopoverRepositionModes,PositioningShorthand}from"@fabric-msft/fabric-web";import{spacingHorizontalS as W,fontFamilyBase as K,fontSizeBase300 as j,lineHeightBase300 as N,fontWeightMedium as G,colorNeutralForeground1 as V,borderRadiusMedium as Z,colorNeutralStroke1 as U,spacingVerticalM as X,colorNeutralBackground1 as Y,borderRadiusXLarge as J,spacingVerticalMNudge as Q,fontSizeBase400 as tt,fontWeightRegular as et,lineHeightBase400 as it,spacingHorizontalXS as ot,colorNeutralForeground2 as st,colorNeutralStroke2 as nt,colorNeutralForeground3 as at,spacingHorizontalL as rt,borderRadius4XLarge as lt,fontWeightSemibold as dt,spacingVerticalXS as ct,borderRadius2XLarge as ht,spacingHorizontalM as pt,spacingHorizontalSNudge as ut,spacingVerticalSNudge as mt,display as vt,colorNeutralBackground3 as gt,spacingVerticalXXS as ft,colorNeutralBackground3Hover as bt,colorNeutralBackground3Pressed as xt,ToggleButton as yt,ButtonDefinition as $t,colorNeutralForegroundDisabled as wt,colorBrandForeground1 as kt,spacingHorizontalXXS as Ct,fontSizeBase600 as Et,fontSizeBase500 as Lt,fontWeightBold as Tt,fontSizeBase100 as St,lineHeightBase100 as Mt,fontSizeBase200 as At,lineHeightBase200 as It,colorTransparentBackground as Pt,strokeWidthThick as Dt,colorStrokeFocus2 as Ot,durationNormal as Bt,spacingVerticalS as Rt,spacingVerticalL as zt,spacingVerticalXL as Ft,Tab as Ht,colorNeutralForeground4 as _t,BaseTablist as qt,shadow16 as Wt,durationSlow as Kt,curveDecelerateMax as jt,strokeWidthThicker as Nt,borderRadiusCircular as Gt,spacingHorizontalMNudge as Vt,shadow4 as Zt,typographyBody1StrongStyles as Ut,colorNeutralBackgroundDisabled as Xt,typographyCaption2StrongStyles as Yt,colorNeutralBackground1Hover as Jt,colorNeutralForeground2Hover as Qt,colorNeutralBackground1Selected as te,colorNeutralForeground2Pressed as ee,colorCompoundBrandForeground1Pressed as ie,forcedColorsStylesheetBehavior as oe,TabStyles as se,TabTemplate as ne,colorBrandBackground as ae,StartEnd as re,colorTransparentStrokeInteractive as le,typographyBody1Styles as de,strokeWidthThin as ce,colorNeutralStrokeAccessible as he,typographyCaption2Styles as pe,colorCompoundBrandStroke as ue,durationUltraFast as me,curveAccelerateMid as ve,colorNeutralStroke1Hover as ge,colorNeutralStrokeAccessibleHover as fe,colorNeutralStroke1Pressed as be,curveDecelerateMid as xe,colorCompoundBrandStrokePressed as ye,colorNeutralForegroundInverted as $e,colorNeutralBackgroundInverted as we,typographyCaption1Styles as ke,colorStatusDangerForeground1 as Ce,colorPaletteRedForeground1 as Ee,shadow2 as Le,spacingHorizontalNone as Te,ProgressBarDefinition as Se,colorStrokeFocus1 as Me,colorTransparentStroke as Ae,borderRadiusLarge as Ie,colorBrandStroke2 as Pe,colorBrandStroke2Pressed as De,spacingHorizontalXXXL as Oe,colorBrandBackground2 as Be,colorNeutralStroke3 as Re,colorNeutralBackground1Pressed as ze,colorBackgroundOverlay as Fe,shadow64 as He,spacingVerticalXXL as _e,spacingHorizontalXXL as qe,typographySubtitle1Styles as We,durationGentle as Ke,curveLinear as je,TextStyles as Ne,colorBrandForeground2Hover as Ge,colorBrandForeground2Pressed as Ve,shadow8 as Ze,colorNeutralBackground2Hover as Ue,colorNeutralBackground4 as Xe,colorNeutralBackground2 as Ye,durationFast as Je,colorNeutralStrokeDisabled as Qe,durationFaster as ti,curveEasyEase as ei,colorNeutralStencil1 as ii,colorBrandBackground2Pressed as oi,colorSubtleBackground as si,colorNeutralBackground5 as ni}from"@fluentui/web-components";import{sizeVerticalXXL as ai,sizeHorizontalM as ri,sizeHorizontalL as li,sizeHorizontalXL as di,sizeVerticalXL as ci,sizeHorizontalMNudge as hi,sizeVerticalM as pi,sizeVerticalXXXL as ui,sizeHorizontalXXL as mi,sizeHorizontalXXXL as vi,sizeVerticalL as gi}from"@fabric-msft/theme";import{display as fi}from"@microsoft/fast-foundation";export{AnchorTarget}from"@microsoft/fast-foundation";import{uniqueId as bi,keyEscape as xi,keySpace as yi,keyEnter as $i,keyTab as wi,keyHome as ki,keyEnd as Ci,keyArrowUp as Ei,keyArrowDown as Li,keyArrowLeft as Ti,keyArrowRight as Si}from"@microsoft/fast-web-utilities";import{initializePulsingDotCustomProperties as Mi,DEFAULT_BASE_URL as Ai,DEFAULT_FILE_URL as Ii,pulsingDot as Pi,pulsingDotTokens as Di}from"@fluentui-copilot/pulsing-dot";import{hasHoudini as Oi,addModule as Bi}from"@fluentui-contrib/houdini-utils";import{flairTokens as Ri,flairAnimationTokens as zi,initializeFlairCustomProperties as Fi,DEFAULT_BASE_URL as Hi,DEFAULT_FILE_URL as _i,flair as qi}from"@fluentui-copilot/flair";import{tokens as Wi}from"@fluentui/tokens";import{isTabbable as Ki}from"tabbable";const ji={pending:"pending",inProcess:"in-process",approved:"approved"},Ni={simple:"simple",complex:"complex"},Gi={immersive:"immersive",sidecar:"sidecar"},Vi=Gi,Zi={toggle:"toggle"};function Ui(t,e){var i,o,s,n;if(!t||!e)return{ok:!1};if(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement){const s=t,n=null!==(i=s.value)&&void 0!==i?i:"",a=n?`\n${e}`:e,r=n.length;try{null===(o=s.setSelectionRange)||void 0===o||o.call(s,r,r),"function"==typeof s.setRangeText?s.setRangeText(a,r,r,"end"):s.value=n+a}catch{s.value=n+a}return{ok:!0,kind:"native"}}if(function(t){if(!t||"object"!=typeof t)return!1;const e=t;return"value"in e&&("string"==typeof e.value||void 0===e.value)}(t)){const i=String(null!==(s=t.value)&&void 0!==s?s:""),o=i?`${i}\n${e}`:e;return t.value=o,"function"==typeof t.handleInput&&t.handleInput(),{ok:!0,kind:"custom-value"}}if(t instanceof HTMLElement&&t.isContentEditable){const i=null!==(n=t.innerText)&&void 0!==n?n:"",o=i?`${i}\n${e}`:e;return t.innerText=o,{ok:!0,kind:"contenteditable"}}return{ok:!1}}const Xi=new Set(["a","button","input","select","textarea","fabric-action-context-button","fabric-button","fabric-menu-button","fabric-split-button","fabric-toggle-button","fabric-link","fabric-checkbox","fabric-radio","fabric-switch","fabric-slider","fabric-dropdown","fabric-combobox"]);function Yi(t,e){var i;return((null===(i=t.composedPath)||void 0===i?void 0:i.call(t))||[]).some(t=>t instanceof HTMLElement&&((!e||t!==e)&&function(t){const e=t.tagName.toLowerCase();return Xi.has(e)}(t)))}const Ji="toggle";class Qi extends o{constructor(){super(...arguments),this.expanded=!1,this.id=bi("approval-card-collapsible-"),this.emitToggle=()=>{this.dispatchEvent(new CustomEvent(Ji,{bubbles:!0,composed:!0,detail:{expanded:this.expanded}}))}}handleHeaderClick(t){t.defaultPrevented||Yi(t,t.currentTarget)||this.toggleExpanded()}toggleExpanded(){this.expanded=!this.expanded,this.emitToggle()}}t([s({mode:"boolean"})],Qi.prototype,"expanded",void 0),t([s],Qi.prototype,"id",void 0);const to=n.partial('<svg\n  width="12"\n  height="7"\n  viewBox="0 0 12 7"\n  fill="none"\n  xmlns="http://www.w3.org/2000/svg"\n  aria-hidden="true"\n>\n  <path\n    d="M0.147077 6.35337C-0.0485327 6.15846 -0.0490966 5.84188 0.145817 5.64627L5.6108 0.161785C5.82574 -0.0539287 6.17505 -0.0539278 6.39 0.161785L11.855 5.64627C12.0499 5.84188 12.0493 6.15846 11.8537 6.35337C11.6581 6.54829 11.3415 6.54772 11.1466 6.35211L6.0004 1.18753L0.854183 6.35211C0.659269 6.54772 0.342687 6.54829 0.147077 6.35337Z"\n    fill="currentColor"\n  />\n</svg>'),eo=n.partial('<svg\n  width="12"\n  height="7"\n  viewBox="0 0 12 7"\n  fill="none"\n  xmlns="http://www.w3.org/2000/svg"\n  aria-hidden="true"\n>\n  <path\n    d="M11.8537 0.145818C12.0493 0.340732 12.0499 0.657314 11.855 0.852924L6.39 6.33741C6.17505 6.55312 5.82574 6.55312 5.6108 6.33741L0.145817 0.852923C-0.0490969 0.657313 -0.0485323 0.340731 0.147077 0.145817C0.342687 -0.0490966 0.659269 -0.0485327 0.854182 0.147077L6.0004 5.31166L11.1466 0.147077C11.3415 -0.0485322 11.6581 -0.0490961 11.8537 0.145818Z"\n    fill="currentColor"\n  />\n</svg>'),io=to,oo=eo,so=n.partial('\n<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z" fill="currentColor"/>\n</svg>\n');n.partial('<svg\n  width="16"\n  height="16"\n  viewBox="0 0 16 16"\n  fill="none"\n  xmlns="http://www.w3.org/2000/svg"\n  aria-hidden="true"\n  class="chevron-collapsed"\n>\n  <path\n    d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z"\n    fill="currentColor"\n  />\n</svg>'),n.partial('<svg\n  width="20"\n  height="20"\n  viewBox="0 0 20 20"\n  fill="none"\n  xmlns="http://www.w3.org/2000/svg"\n  aria-hidden="true"\n  class="chevron-collapsed"\n>\n  <path\n    d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"\n    fill="currentColor"\n  />\n</svg>');const no=n.partial('<svg\n  width="16"\n  height="16"\n  viewBox="0 0 16 16"\n  fill="none"\n  xmlns="http://www.w3.org/2000/svg"\n  aria-hidden="true"\n>\n  <path\n    d="M8.35464 2.14678C8.15946 1.95123 7.84268 1.95105 7.64728 2.14638C6.40416 3.38902 5.02923 4 3.5 4C3.22386 4 3 4.22386 3 4.5V7.50126C3 10.7196 4.64126 12.9075 7.84189 13.9743C7.94452 14.0086 8.05548 14.0086 8.15811 13.9743C11.3587 12.9075 13 10.7196 13 7.50126V4.5C13 4.22386 12.7761 4 12.5 4C10.9689 4 9.5947 3.38913 8.35464 2.14678ZM4 4.98118C5.47941 4.86879 6.81393 4.25491 8.00042 3.18917C9.18521 4.25528 10.5195 4.86895 12 4.98121V7.50126C12 8.9349 11.6373 10.0655 10.9787 10.9453C10.3414 11.7967 9.37047 12.4885 8 12.9715C6.62953 12.4885 5.65858 11.7967 5.02127 10.9453C4.36269 10.0655 4 8.9349 4 7.50126V4.98118ZM8.5 5.5C8.5 5.22386 8.27614 5 8 5C7.72386 5 7.5 5.22386 7.5 5.5V8.5C7.5 8.77614 7.72386 9 8 9C8.27614 9 8.5 8.77614 8.5 8.5V5.5ZM8.75 10.75C8.75 11.1642 8.41421 11.5 8 11.5C7.58579 11.5 7.25 11.1642 7.25 10.75C7.25 10.3358 7.58579 10 8 10C8.41421 10 8.75 10.3358 8.75 10.75Z"\n    fill="currentColor"\n  />\n</svg>'),ao=n`<template><button class="button" part="button" type="button" aria-expanded="${t=>String(t.expanded)}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}-button" @click="${(t,e)=>t.handleHeaderClick(e.event)}"><div class="header-content"><slot name="header"></slot></div><span class="chevron chevron-collapsed">${eo}</span><span class="chevron chevron-expanded">${to}</span></button><div class="description-content" part="description"><slot name="description"></slot></div><div class="panel" part="panel" id="${t=>t.id}-panel" aria-labelledby="${t=>t.id}-button"><div class="panel-content"><slot></slot></div></div></template>`,ro=a`
+  :host{display:block}.button{height:auto;min-height:${ai};display:flex;align-items:center;justify-content:space-between;gap:${W};width:100%;padding:0;margin:0;border:none;background:transparent;text-align:start;cursor:pointer;font-family:${K};font-size:${j};line-height:${N};font-weight:${G};color:${V}}.button:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:${Z}}.header-content{flex:1;min-width:0;display:contents}.chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center}.chevron svg{width:${ri};height:7px}.button > .chevron-expanded{display:none}.button > .chevron-collapsed{display:block}:host([expanded]) .button > .chevron-expanded{display:block}:host([expanded]) .button > .chevron-collapsed{display:none}.description-content{margin-top:${W}}.panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 200ms ease-out,visibility 0s 200ms;visibility:visible}:host([expanded]) .panel{grid-template-rows:1fr;transition:grid-template-rows 200ms ease-out,visibility 0s}.panel-content{overflow:hidden;min-height:0}`,lo=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),co=Qi.compose({name:`${lo.prefix}-approval-card-collapsible`,template:ao,styles:ro,shadowOptions:{mode:lo.shadowRootMode}});var ho,po;class uo extends o{constructor(){super(...arguments),ho.add(this),this.state=ji.pending,this.type=Ni.simple,this.surface=Gi.immersive,this._syncingSizeAndSurface=!1,this.size=Vi.immersive,this.expanded=!1,this.hasOptionalInfo=!1,this.headingId=bi("approval-card-heading-"),this.optionalInfoChildren=[]}surfaceChanged(){this._syncingSizeAndSurface||(this._syncingSizeAndSurface=!0,this.size=this.surface,this._syncingSizeAndSurface=!1)}sizeChanged(){this._syncingSizeAndSurface||(this._syncingSizeAndSurface=!0,console.warn('[ApprovalCard] The "size" attribute is deprecated. Use "surface" instead. The "size" attribute will be removed in a future version.'),this.surface=this.size,this._syncingSizeAndSurface=!1)}optionalInfoChildrenChanged(){this.hasOptionalInfo=this.optionalInfoChildren.length>0}connectedCallback(){co.define(),this.hasOptionalInfo=this.hasLightDomOptionalInfo(),super.connectedCallback()}stateChanged(t){queueMicrotask(()=>{this.updateLiveRegion()}),"pending"===t&&"approved"===this.state&&queueMicrotask(()=>{this.manageFocusOnApproval()})}handleCollapsibleToggle(t){t.stopPropagation();const i=t.detail;return this.expanded=!!(null==i?void 0:i.expanded),e(this,ho,"m",po).call(this),!0}hasLightDomOptionalInfo(){return Array.from(this.children).some(t=>t instanceof HTMLElement&&"optional-info"===t.slot)}updateLiveRegion(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("[data-approval-status]");e&&("approved"===this.state||"in-process"===this.state?(e.textContent="",setTimeout(()=>{var t,i;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="status-icon"]');let s="";if(o){const t=o.assignedElements();for(const e of t){const t=e.getAttribute("aria-label");if(t){s=t.trim();break}}}const n=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector('slot[name="action-name"]');let a="";if(n){a=n.assignedNodes().map(t=>{var e;return(null===(e=t.textContent)||void 0===e?void 0:e.trim())||""}).filter(t=>t.length>0).join(" ")}s&&a?e.textContent=`${s}: ${a}`:s?e.textContent=s:a&&(e.textContent=a)},100)):e.textContent="")}manageFocusOnApproval(){var t,e;const i=document.activeElement,o=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="primary-action"]'),s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="dismiss"]');((null==o?void 0:o.assignedElements().includes(i))||(null==s?void 0:s.assignedElements().includes(i)))&&setTimeout(()=>{var t,e;if("complex"===this.type&&this.hasOptionalInfo){const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("fabric-approval-card-collapsible");if(i){const t=null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector("button[part='button']");if(t)return void t.focus()}}this.hasAttribute("tabindex")||(this.tabIndex=-1),this.focus()},0)}}ho=new WeakSet,po=function(){this.dispatchEvent(new CustomEvent(Zi.toggle,{bubbles:!0,composed:!0,detail:{expanded:this.expanded}}))},t([s],uo.prototype,"state",void 0),t([s],uo.prototype,"type",void 0),t([s],uo.prototype,"surface",void 0),t([s],uo.prototype,"size",void 0),t([s({mode:"boolean"})],uo.prototype,"expanded",void 0),t([r],uo.prototype,"hasOptionalInfo",void 0),t([s({attribute:"aria-labelledby"})],uo.prototype,"ariaLabelledby",void 0),t([s({attribute:"heading-id"})],uo.prototype,"headingId",void 0),t([r],uo.prototype,"optionalInfoChildren",void 0);const mo=a`
+  ${vt("block")}
+
+  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{border:1px solid ${U};padding:${X};background:${Y};border-radius:${J};display:flex;flex-direction:column;gap:${Q};font-family:${K}}.header-row{display:flex;align-items:center;gap:${W}}.action-name-wrapper{margin:0;font-size:${tt};font-weight:${et};line-height:${it};color:${V}}.action-row{display:flex;justify-content:flex-start;align-items:center;gap:${ot}}.description-row{display:block}.description-row:empty{display:none}:host([state="pending"]) ::slotted([slot="status-icon"]),:host([state="pending"]) ::slotted([slot="action-context"]){display:none}:host([state="pending"]) .header-row > slot[name="status-icon"],:host([state="pending"]) .header-content > slot[name="action-context"]{display:none}:host([type="simple"]) .description-row{display:none}::slotted(span[slot="action-context"]){font-size:${j};line-height:${N};font-weight:${et};color:${V};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}:host(:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="primary-action"]),:host(:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="dismiss"]){display:none}:host(:is([state="approved"],[state="in-process"])) .action-row{display:none}:host(:is([state="approved"],[state="in-process"])) .container{border:none;border-radius:0;padding:0;background:transparent}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-name"]),:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-context"]){color:${st}}:host(:is([state="approved"],[state="in-process"])) .details-panel{border:1px solid ${nt};border-radius:${J};padding:${X};background:transparent;display:flex;flex-direction:column;gap:${Q};overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}:host(:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible::part(button){padding:0;min-height:${ai};height:auto;justify-content:flex-start}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    .approved-header{width:auto}:host(:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible::part(description){display:none}:host(:is([state="approved"],[state="in-process"]))
+    .details-panel
+    ::slotted(*){margin:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host(:is([state="approved"],[state="in-process"]))
+    .details-panel
+    ::slotted(*:not(:last-child)){margin-bottom:${Q}}::slotted([slot="description"]){font-size:${j};line-height:${N};color:${st};margin:0;}::slotted([slot="optional-info"]){font-size:${j};line-height:${N}}:host([type="complex"][state="pending"])
+    fabric-approval-card-collapsible::part(button),:host([type="complex"][state="pending"]) ::slotted([slot="action-name"]){color:${st};align-items:flex-start}:host([type="complex"][state="pending"]) ::slotted([slot="description"]){color:${at}}:host(:is([size="immersive"],[surface="immersive"])) .container{padding:${X} ${rt};border-radius:${lt}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    .action-name-wrapper{font-size:${tt};line-height:${it};font-weight:${dt}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="description"]){font-size:${tt};line-height:${it};margin-block-start:${ct}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="optional-info"]){margin-block-start:${X}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    .action-row{margin-block-start:0}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    .container{gap:${X}}:host(:is([size="sidecar"],[surface="sidecar"])) .container{padding:${X};border-radius:${ht}}:host(:is([size="sidecar"],[surface="sidecar"])[type="simple"])
+    .action-name-wrapper{font-size:${j};line-height:${N};font-weight:${et}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .container{padding:${X} ${pt};gap:${X}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .action-name-wrapper{font-size:${j};line-height:${N};font-weight:${dt}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .header-row{column-gap:${ut}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="description"]){margin-block-start:0}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="optional-info"]){margin-block-start:${X}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .action-row{margin-block-start:0}:host(
+      :is([size="immersive"],[surface="immersive"]):is(
+        [state="approved"],[state="in-process"]
+      )
+    )
+    .details-panel{border-radius:18px;padding:${X};gap:${X}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .approved-header{font-size:${tt};line-height:${it};column-gap:${ut}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-name"]){font-weight:${dt}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .container{gap:${Q}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .details-panel
+    ::slotted([slot="description"]){font-size:${tt};line-height:${it}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .header-row{column-gap:${ut}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .action-name-wrapper{font-size:${j};line-height:${N};font-weight:${et};color:${st}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-name"]),:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-context"]){color:${st}}:host(
+      :is([state="approved"],[state="in-process"]):is(
+        [size="sidecar"],[surface="sidecar"]
+      )
+    )
+    .details-panel{min-width:0;max-width:100%;box-sizing:border-box}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .approved-header,:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .header-row{column-gap:${ut}}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .container{gap:${ut}}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .details-panel{padding:${X};gap:${X}}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-name"]){font-weight:${dt};font-size:${j};line-height:${N}}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    .approved-header,:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-name"]),:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible{color:${st}}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="description"]){color:${at};margin-block-end:0}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible::part(panel){margin-block-start:${mt}}.approved-header{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:${W};row-gap:${ot};align-items:center;min-width:0;width:100%}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    .header-row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:${ut};row-gap:${ot};align-items:center;min-width:0;width:100%}.approved-header{font-size:${tt};font-weight:${et};line-height:${it};color:${st}}.header-content{display:flex;align-items:center;gap:${W};flex-wrap:wrap;min-width:0;row-gap:${ot}}::slotted([slot="status-icon"]){width:${li};height:${li};grid-column:1;align-self:center;justify-self:start;display:inline-flex;align-items:center;justify-content:center}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="status-icon"]){grid-column:1;align-self:center}:host([state="approved"]) ::slotted([slot="status-icon"]){margin-block-start:${ot}}::slotted(svg[slot="status-icon"]){width:${li};height:${li};display:block}::slotted([slot="action-name"]){white-space:nowrap;min-width:0;flex-shrink:0}:host([type="complex"][state="approved"]) ::slotted([slot="action-name"]){color:${st};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-name"]){flex-shrink:0}::slotted([slot="action-context"]){flex:0 1 auto;min-width:0;max-width:100%;width:auto;align-self:center}`,vo=t=>"complex"===t.type&&t.hasOptionalInfo,go=t=>"pending"===t.state;const fo=n`<template aria-labelledby="${t=>{var e;return null!==(e=t.ariaLabelledby)&&void 0!==e?e:t.headingId}}" ${l({property:"optionalInfoChildren",filter:d("[slot='optional-info']")})}><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-approval-status></div><div class="container">${c(vo,n` ${c(go,n`<fabric-approval-card-collapsible ?expanded="${t=>t.expanded}" @toggle="${(t,e)=>t.handleCollapsibleToggle(e.event)}"><h3 slot="header" id="${t=>t.headingId}" class="action-name-wrapper"><slot name="action-name"></slot></h3><div slot="description"><slot name="description"></slot></div><slot name="optional-info"></slot></fabric-approval-card-collapsible>`,n`<fabric-approval-card-collapsible ?expanded="${t=>t.expanded}" @toggle="${(t,e)=>t.handleCollapsibleToggle(e.event)}"><div slot="header" class="approved-header"><slot name="status-icon"></slot><div class="header-content"><div id="${t=>t.headingId}" class="action-name-wrapper"><slot name="action-name"></slot></div><slot name="action-context"></slot></div></div><div class="details-panel" role="group" aria-labelledby="${t=>t.headingId}"><slot name="description"></slot><slot name="optional-info"></slot></div></fabric-approval-card-collapsible>`)} `,n`<div class="header-row"><slot name="status-icon"></slot><div class="header-content"><div id="${t=>t.headingId}" class="action-name-wrapper" role="${t=>"pending"===t.state?"heading":null}" aria-level="${t=>"pending"===t.state?"3":null}"><slot name="action-name"></slot></div><slot name="action-context"></slot></div></div><div class="description-row"><slot name="description"></slot></div>`)}<div class="action-row"><slot name="primary-action"></slot><slot name="dismiss"></slot></div></div></template>`,bo=g(f(uo.compose({name:`${lo.prefix}-approval-card`,template:fo,styles:mo,shadowOptions:{mode:lo.shadowRootMode}})),f(co)),xo={...b},yo={...y},$o={...$},wo={...x},ko={...w},Co={"action-context-click":"action-context-click"};class Eo extends k{constructor(){super(...arguments),this.slotTextContent="",this.defaultSlottedContent=[],this.emitActionContextClickEvent=()=>{this.dispatchEvent(new CustomEvent(Co["action-context-click"],{bubbles:!0,composed:!0}))}}defaultSlottedContentChanged(){this.slotTextContent=this.defaultSlottedContent.map(t=>{var e,i;return null!==(i=null===(e=t.textContent)||void 0===e?void 0:e.trim())&&void 0!==i?i:""}).filter(Boolean).join(" ")}clickHandler(t){if(!this.disabled)return super.clickHandler(t),this.emitActionContextClickEvent(),!0}}t([r],Eo.prototype,"slotTextContent",void 0),t([r],Eo.prototype,"defaultSlottedContent",void 0);const Lo=a`
+  ${C}
+
+  :host{max-width:100%;font-weight:${et};font-size:${j};background-color:${gt};border:none;padding-block:${ft};padding-inline-start:${ct};padding-inline-end:${ut};color:${at};display:inline-flex;align-items:center;gap:${ot};min-width:0;min-height:0;}:host(:hover:not([disabled])){background-color:${bt};border:none}:host(:active:not([disabled])),:host([aria-pressed="true"]){background-color:${xt};border:none}.content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1;padding-block-end:${ft}}::slotted(:not([slot])){display:inline}::slotted([slot="start"]){width:${di};height:${ci};flex-shrink:0;margin-inline-end:0;}::slotted(svg[slot="start"]){width:${di};height:${ci}}`,To=n`<template tabindex="${t=>{var e;return t.disabled?null:null!==(e=t.tabIndex)&&void 0!==e?e:0}}" title="${t=>t.slotTextContent}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}"><slot name="start"></slot><span class="content" part="content"><slot ${h("defaultSlottedContent")}></slot></span></template>`,So=Eo.compose({name:`${lo.prefix}-action-context-button`,template:To,styles:Lo,shadowOptions:{mode:lo.shadowRootMode}}),Mo={...b},Ao={...y},Io={...$},Po={...x},Do={...w},Oo={bookmarkToggle:"bookmark-toggle"};class Bo extends yt{constructor(){super(...arguments),this.disabled=!1,this.handleClick=()=>{this.pressed=!this.pressed,this.emitBookmarkEvent()},this.emitBookmarkEvent=()=>{this.dispatchEvent(new CustomEvent(Oo.bookmarkToggle,{bubbles:!0,composed:!0,detail:{bookmark:this.pressed?"bookmark":"unbookmark"}}))}}pressedChanged(){this.emitBookmarkEvent()}connectedCallback(){super.connectedCallback(),lo.registry.get("fluent-button")||$t.define(lo.registry)}}t([s({mode:"boolean"})],Bo.prototype,"disabled",void 0);const Ro=a`
+  ${fi("block")}
+
+  :host([disabled]),:host([disabled]) svg path{color:${wt};fill:${wt};pointer-events:none}:host([pressed]) svg path{fill:${kt}}:host([size="small"]) ::part(content){gap:${Ct}}:host([size="large"]) ::part(content){gap:${W}}:host([size="small"]) svg{font-size:${tt}}:host([size="large"]) svg{font-size:${Et}}svg{font-size:${Lt}}::part(content){display:flex;align-items:center;gap:${ot}}`,zo=n`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13ZM6.5 3C5.67 3 5 3.67 5 4.5v12.02l4.7-3.42a.5.5 0 0 1 .6 0l4.7 3.42V4.5c0-.83-.67-1.5-1.5-1.5h-7Z" fill="currentColor"></path></svg>`,Fo=n`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13Z" fill="currentColor"></path></svg>`;const Ho=n`<fluent-button role="button" size="${t=>t.size}" appearance="${t=>t.appearance}" shape="${t=>t.shape}" class="bookmark-button" part="bookmark-button" @click="${t=>t.handleClick()}" aria-label="${t=>t.ariaLabel}" aria-disabled="${t=>t.disabled}" ?disabled="${t=>t.disabled}" ?pressed="${t=>t.pressed}" ?icon-only="${t=>t.iconOnly}">${c(t=>t.pressed,n` ${Fo} `,n` ${zo} `)}</fluent-button>`,_o=g(f(Bo.compose({name:`${lo.prefix}-bookmark-button`,template:Ho,styles:Ro,shadowOptions:{mode:lo.shadowRootMode}})),f($t));class qo extends o{constructor(){super(),this.popoverPosition=E.belowCenter,this.popoverContent=[],this.hasPopover=!1,this.repositionMode=L.flip,this.show=!1,this.target="_self",this.popoverReference=void 0,this.mouseInPopover=!0,this.handleHoverLeave=()=>{this.emitMouseLeaveEvent(),this.hasPopover&&!this.mouseInPopover&&(this.show=!1,this.emitChangeEvent())},this.handlePopoverEnter=()=>{this.mouseInPopover=!0},this.handlePopoverLeave=()=>{this.mouseInPopover=!1,this.handleHoverLeave()},this.addMouseOverEventListeners=()=>{var t;const e=null===(t=this.popoverReference)||void 0===t?void 0:t.querySelector(".citation-number");e&&(e.addEventListener("mouseenter",this.handleHoverEnter),e.addEventListener("mouseleave",this.handleHoverLeave));const i=this.popoverReference;i&&(i.addEventListener("mouseEnterPopover",this.handlePopoverEnter),i.addEventListener("mouseLeavePopover",this.handlePopoverLeave))},this.handleHoverEnter=this.handleHoverEnter.bind(this),this.handleHoverLeave=this.handleHoverLeave.bind(this)}indexReferenceChanged(){var t,e;this.index=parseInt((null===(e=null===(t=this.indexReference)||void 0===t?void 0:t[0])||void 0===e?void 0:e.innerText)||"")}popoverContentChanged(){this.popoverContent.length>0&&(this.hasPopover=!0)}popoverReferenceChanged(){this.popoverReference&&(this.addMouseOverEventListeners(),this.addKeyboardEventListeners())}handleHoverEnter(){this.mouseInPopover=!0,this.emitMouseEnterEvent(),this.hasPopover&&(this.show=!0,this.emitChangeEvent())}emitMouseEnterEvent(){this.dispatchEvent(new CustomEvent("mouseenter",{detail:{target:this},bubbles:!0,composed:!0}))}emitMouseLeaveEvent(){this.dispatchEvent(new CustomEvent("mouseleave",{detail:{target:this},bubbles:!0,composed:!0}))}emitChangeEvent(){this.dispatchEvent(new CustomEvent("change",{detail:{target:this,show:this.show},bubbles:!0,composed:!0}))}handleKeyEvents(t){"Enter"!==t.key&&" "!==t.key||this.hasPopover&&(t.preventDefault(),this.show=!this.show)}removeMouseOverEventListeners(){var t;const e=null===(t=this.popoverReference)||void 0===t?void 0:t.querySelector(".citation-number");e&&(e.removeEventListener("mouseenter",this.handleHoverEnter),e.removeEventListener("mouseleave",this.handleHoverLeave));const i=this.popoverReference;i&&(i.removeEventListener("mouseEnterPopover",this.handlePopoverEnter),i.removeEventListener("mouseLeavePopover",this.handlePopoverLeave))}addKeyboardEventListeners(){this.addEventListener("keydown",this.handleKeyEvents)}removeKeyboardEventListeners(){this.removeEventListener("keydown",this.handleKeyEvents)}connectedCallback(){super.connectedCallback(),T.define(lo.registry)}disconnectedCallback(){super.disconnectedCallback(),this.removeMouseOverEventListeners(),this.removeKeyboardEventListeners()}}t([r],qo.prototype,"index",void 0),t([r],qo.prototype,"indexReference",void 0),t([s],qo.prototype,"size",void 0),t([s],qo.prototype,"href",void 0),t([s({attribute:"popover-position"})],qo.prototype,"popoverPosition",void 0),t([r],qo.prototype,"popoverContent",void 0),t([r],qo.prototype,"hasPopover",void 0),t([s({attribute:"reposition-mode"})],qo.prototype,"repositionMode",void 0),t([s({converter:p})],qo.prototype,"show",void 0),t([s],qo.prototype,"target",void 0),t([r],qo.prototype,"popoverReference",void 0);const Wo=a`
+  .citation-number:hover{cursor:pointer}.citation-number{font-weight:${Tt};font-size:${St};line-height:${Mt};display:inline-block;padding:0 ${ot};border-radius:${Z};border:1px solid ${nt};color:${st};text-decoration:none}.citation-number:hover{color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover)}.citation-number:active{color:var(--colorNeutralForeground2BrandHover);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed)}`,Ko=a`
+  ${vt("flex")}
+
+  :host{font-weight:${et};font-family:${K};font-size:${St};line-height:${Mt};max-width:fit-content;position:relative}${Wo}
+
+  :host([popover-position="above-start"]) ::part(popover){inset-inline-start:-18px;}:host([popover-position="above-start"]) ::part(beak-shadow):after{inset-inline-start:0px}:host([popover-position="below-start"]) ::part(popover){inset-inline-start:-18px;}:host([popover-position="below-start"]) ::part(beak-shadow):after{inset-inline-start:0px}:host([popover-position="above-end"]) ::part(popover){inset-inline-start:calc(
+      100% + 17px)}:host([popover-position="above-end"]) ::part(beak-shadow):after{inset-inline-end:0px}:host([popover-position="below-end"]) ::part(popover){inset-inline-start:calc(
+      100% + 17px)}:host([popover-position="below-end"]) ::part(beak-shadow):after{inset-inline-end:0px}:host([popover-position="end-top"]) ::part(popover){top:-14px;}:host([popover-position="end-top"]) ::part(beak-shadow):after{top:4px}:host([popover-position="start-top"]) ::part(popover){top:-14px;}:host([popover-position="start-top"]) ::part(beak-shadow):after{top:4px}:host([popover-position="end-bottom"]) ::part(popover){bottom:-14px;}:host([popover-position="end-bottom"]) ::part(beak-shadow):after{bottom:0px}:host([popover-position="start-bottom"]) ::part(popover){bottom:-14px;}:host([popover-position="start-bottom"]) ::part(beak-shadow):after{bottom:0px}`;const jo=n`<slot name="start"></slot><div class="base" part="base"><fabric-popover beak clickable="false" open="${t=>t.show}" class="popover" position="${t=>t.popoverPosition}" reposition-mode="${t=>t.repositionMode}" anchor="citation-anchor" ${u("popoverReference")}><div slot="popover-content" class="popover-content"><slot name="popover" ${h("popoverContent")}></slot></div><a tabindex="0" href="${t=>t.href}" target="${t=>t.target}" id="citation-anchor" class="citation-number" aria-label="${t=>`Citation ${t.index}`}" slot="popover-trigger"><slot name="index" ${h("indexReference")}></slot></a></fabric-popover></div><slot name="end"></slot>`,No=g(f(qo.compose({name:`${lo.prefix}-citation`,template:jo,styles:Ko,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}})),f(T));class Go extends o{constructor(){super(...arguments),this.indexReference=[],this.metadataTextOne=[],this.hasMetadataTextOne=!1,this.metadataTextTwo=[],this.hasMetadataTextTwo=!1,this.metadataTextThree=[],this.hasMetadataTextThree=!1,this.target="_self"}indexReferenceChanged(){var t,e;this.index=parseInt((null===(e=null===(t=this.indexReference)||void 0===t?void 0:t[0])||void 0===e?void 0:e.innerText)||"")}metadataTextOneChanged(){this.metadataTextOne.length>0?this.hasMetadataTextOne=!0:this.hasMetadataTextOne=!1}metadataTextTwoChanged(){this.metadataTextTwo.length>0?this.hasMetadataTextTwo=!0:this.hasMetadataTextTwo=!1}metadataTextThreeChanged(){this.metadataTextThree&&this.metadataTextThree.length>0?this.hasMetadataTextThree=!0:this.hasMetadataTextThree=!1}handleKeyboardNavigation(t){!this.citationHref||"Space"!==t.key&&" "!==t.key&&"Enter"!==t.key||(window.top?window.top.location.href=this.citationHref:window.location.href=this.citationHref)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",t=>this.handleKeyboardNavigation(t))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",t=>this.handleKeyboardNavigation(t))}}t([r],Go.prototype,"index",void 0),t([r],Go.prototype,"indexReference",void 0),t([s({attribute:"citation-href"})],Go.prototype,"citationHref",void 0),t([r],Go.prototype,"metadataTextOne",void 0),t([r],Go.prototype,"hasMetadataTextOne",void 0),t([r],Go.prototype,"metadataTextTwo",void 0),t([r],Go.prototype,"hasMetadataTextTwo",void 0),t([r],Go.prototype,"metadataTextThree",void 0),t([r],Go.prototype,"hasMetadataTextThree",void 0),t([s],Go.prototype,"target",void 0);const Vo=a`
+  ${vt("flex")}
+  ${Wo}
+
+  .reference-row{display:flex;flex-direction:row;align-items:center}.base{font-family:${K};font-size:${At};font-weight:${et};line-height:${It};display:flex;flex-direction:column;color:${V}}.citation-number{margin-inline-end:${ot}}.reference-name{flex-grow:1;padding-inline-end:${ot};padding-inline-start:${ut};font-weight:${dt}}.reference-title-box{width:100%;height:${ai};color:${V};margin:0 0 ${ct} 0}.reference-icon{display:flex}.reference-quote{color:${at}}.reference-name,.reference-actions,.expand-button{display:inline-block}.metadata-text{margin-bottom:${ct}}::slotted([slot="metadata-text-one"]),::slotted([slot="metadata-text-two"]),::slotted([slot="metadata-text-three"]){display:inline-flex;align-items:center;font-size:${St};line-height:${Mt};font-weight:${et}}.divider{display:inline-block;border-inline-end:1px solid ${U};height:8px;width:1px;margin:0 ${ut}}fluent-button::part(content){width:${hi}}`;const Zo=n`<template slot="popover"><div class="base" part="base"><div class="reference-title-box reference-row"><a href="${t=>t.citationHref}" id="citation-anchor" class="citation-number" tabindex="0" target="${t=>t.target}" aria-label="${t=>t.index}"><slot name="index" ${h("indexReference")}></slot></a><div class="reference-icon"><slot name="reference-icon"></slot></div><div class="reference-name"><slot name="label"></slot></div></div><div class="metadata-container"><div class="metadata-text reference-row"><slot name="metadata-icon-start"></slot><slot name="metadata-text-one" ${h("metadataTextOne")}></slot>${c(t=>t.hasMetadataTextOne&&t.hasMetadataTextTwo,n`<div class="divider"></div>`)}<slot name="metadata-text-two" ${h("metadataTextTwo")}></slot>${c(t=>t.hasMetadataTextTwo&&t.hasMetadataTextThree,n`<div class="divider"></div>`)}<slot name="metadata-text-three" ${h("metadataTextThree")}></slot><slot name="metadata-icon-end"></slot></div><div class="reference-quote"><slot name="excerpt"></slot></div></div></div></template>`,Uo=Go.compose({name:`${lo.prefix}-citation-reference`,template:Zo,styles:Vo,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}});class Xo extends o{connectedCallback(){super.connectedCallback();try{if("undefined"!=typeof window){const t="__faiPulsingDotPropsRegistered__",e=window;e[t]||(Mi(window),e[t]=!0)}}catch{}const t=this.loaderEl;t&&(Oi()?Bi(Ai,Ii).then(()=>{t.classList.add("houdini-ready")}).catch(()=>{this.animationCleanup=Pi(t)}):this.animationCleanup=Pi(t))}disconnectedCallback(){super.disconnectedCallback(),this.animationCleanup&&(this.animationCleanup.cleanup(),this.animationCleanup=void 0)}}const Yo=a`
+  :host{display:inline-flex;align-items:center;justify-content:center}.latency-loader{min-width:14px;min-height:14px;width:14px;height:14px;border-radius:50%;forced-color-adjust:none;--fai-chain-of-thought-latency-color-stop-1:${Di.colorStop1};--fai-chain-of-thought-latency-color-stop-2:${Di.colorStop2};--fai-chain-of-thought-latency-circle-1-gradient-color-1:${Di.circle1GradientColor1};--fai-chain-of-thought-latency-circle-1-gradient-color-2:${Di.circle1GradientColor2};--fai-chain-of-thought-latency-circle-2-gradient-color-1:${Di.circle2GradientColor1};--fai-chain-of-thought-latency-circle-2-gradient-color-2:${Di.circle2GradientColor2};--fai-chain-of-thought-latency-circle-3-gradient-color-1:${Di.circle3GradientColor1};--fai-chain-of-thought-latency-circle-3-gradient-color-2:${Di.circle3GradientColor2};background-color:var(
+      --fai-chain-of-thought-latency-circle-1-gradient-color-1
+    );animation:latency-fallback-pulse 1200ms ease-in-out infinite}.latency-loader.houdini-ready{background-image:paint(pulsingDot);background-color:transparent;animation:latency-circles ${Di.animationDuration}
+      ${Di.animationTimingFunction}
+      ${Di.animationIterationCount}}@media (forced-colors:active){.latency-loader{--fai-chain-of-thought-latency-circle-1-gradient-color-1:${Di.circle1GradientColorHC1};--fai-chain-of-thought-latency-circle-1-gradient-color-2:${Di.circle1GradientColorHC2};--fai-chain-of-thought-latency-circle-2-gradient-color-1:${Di.circle2GradientColorHC1};--fai-chain-of-thought-latency-circle-2-gradient-color-2:${Di.circle2GradientColorHC2};--fai-chain-of-thought-latency-circle-3-gradient-color-1:${Di.circle3GradientColorHC1};--fai-chain-of-thought-latency-circle-3-gradient-color-2:${Di.circle3GradientColorHC2}}}@keyframes latency-circles{0%{--fai-chain-of-thought-latency-opacity-1:1;--fai-chain-of-thought-latency-scale-1:100%;--fai-chain-of-thought-latency-x-position-1:50px;--fai-chain-of-thought-latency-opacity-2:1;--fai-chain-of-thought-latency-scale-2:0%;--fai-chain-of-thought-latency-x-position-2:0px;--fai-chain-of-thought-latency-opacity-3:0;--fai-chain-of-thought-latency-scale-3:0%;--fai-chain-of-thought-latency-x-position-3:0px}16.67%{--fai-chain-of-thought-latency-opacity-1:0;--fai-chain-of-thought-latency-scale-1:0%;--fai-chain-of-thought-latency-x-position-1:100px;--fai-chain-of-thought-latency-opacity-2:1;--fai-chain-of-thought-latency-scale-2:100%;--fai-chain-of-thought-latency-x-position-2:50px;--fai-chain-of-thought-latency-opacity-3:0;--fai-chain-of-thought-latency-scale-3:0%;--fai-chain-of-thought-latency-x-position-3:0px}33.33%{--fai-chain-of-thought-latency-opacity-1:0;--fai-chain-of-thought-latency-scale-1:0%;--fai-chain-of-thought-latency-x-position-1:0px;--fai-chain-of-thought-latency-opacity-2:1;--fai-chain-of-thought-latency-scale-2:100%;--fai-chain-of-thought-latency-x-position-2:50px;--fai-chain-of-thought-latency-opacity-3:1;--fai-chain-of-thought-latency-scale-3:0%;--fai-chain-of-thought-latency-x-position-3:0px}50%{--fai-chain-of-thought-latency-opacity-1:0;--fai-chain-of-thought-latency-scale-1:0%;--fai-chain-of-thought-latency-x-position-1:0px;--fai-chain-of-thought-latency-opacity-2:0;--fai-chain-of-thought-latency-scale-2:0%;--fai-chain-of-thought-latency-x-position-2:100px;--fai-chain-of-thought-latency-opacity-3:1;--fai-chain-of-thought-latency-scale-3:100%;--fai-chain-of-thought-latency-x-position-3:50px;}66.67%{--fai-chain-of-thought-latency-opacity-1:1;--fai-chain-of-thought-latency-scale-1:0%;--fai-chain-of-thought-latency-x-position-1:0px;--fai-chain-of-thought-latency-opacity-2:0;--fai-chain-of-thought-latency-scale-2:0%;--fai-chain-of-thought-latency-x-position-2:0px;--fai-chain-of-thought-latency-opacity-3:1;--fai-chain-of-thought-latency-scale-3:100%;--fai-chain-of-thought-latency-x-position-3:50px;}83.33%{--fai-chain-of-thought-latency-opacity-1:1;--fai-chain-of-thought-latency-scale-1:100%;--fai-chain-of-thought-latency-x-position-1:50px;--fai-chain-of-thought-latency-opacity-2:0;--fai-chain-of-thought-latency-scale-2:0%;--fai-chain-of-thought-latency-x-position-2:0px;--fai-chain-of-thought-latency-opacity-3:0;--fai-chain-of-thought-latency-scale-3:0%;--fai-chain-of-thought-latency-x-position-3:100px;}100%{--fai-chain-of-thought-latency-opacity-1:1;--fai-chain-of-thought-latency-scale-1:100%;--fai-chain-of-thought-latency-x-position-1:50px;--fai-chain-of-thought-latency-opacity-2:1;--fai-chain-of-thought-latency-scale-2:0%;--fai-chain-of-thought-latency-x-position-2:0px;--fai-chain-of-thought-latency-opacity-3:0;--fai-chain-of-thought-latency-scale-3:0%;--fai-chain-of-thought-latency-x-position-3:0px}}@keyframes latency-fallback-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(0.6);opacity:0.6}100%{transform:scale(1);opacity:1}}`;const Jo=n`<template aria-hidden="true"><div class="latency-loader" ${u("loaderEl")} aria-hidden="true"></div></template>`,Qo=Xo.compose({name:`${lo.prefix}-latency-loader`,template:Jo,styles:Yo,shadowOptions:{mode:lo.shadowRootMode}}),ts={immersive:"immersive",sidecar:"sidecar"},es={active:"active",complete:"complete",error:"error"},is={stateChange:"cot-step-state-change",expandedChange:"cot-expanded-change"};class os extends o{constructor(){super(...arguments),this.expanded=!1,this.surface=ts.immersive,this.state=es.complete,this.stepId=`cot-step-${Math.random().toString(36).slice(2)}`}stateChanged(t,e){void 0!==t&&t!==e&&this.emitStateChange(e)}emitStateChange(t){this.dispatchEvent(new CustomEvent(is.stateChange,{detail:{state:t},bubbles:!0,composed:!0}))}emitExpandedChange(t){this.dispatchEvent(new CustomEvent(is.expandedChange,{detail:{expanded:t},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),Qo.define(),this.syncPanelHeight()}toggleExpanded(){this.expanded=!this.expanded}expandedChanged(t,e){t!=e&&(void 0!==t&&this.emitExpandedChange(e),m.enqueue(()=>{this.syncPanelHeight()}))}syncPanelHeight(){const t=this.panelEl;t&&(t.style.height=this.expanded?"auto":"0px")}}t([s({mode:"boolean"})],os.prototype,"expanded",void 0),t([s()],os.prototype,"surface",void 0),t([s()],os.prototype,"state",void 0),t([s({attribute:"stepid"})],os.prototype,"stepId",void 0),t([r],os.prototype,"slottedHeader",void 0),t([r],os.prototype,"slottedDescription",void 0),t([r],os.prototype,"slottedContent",void 0);const ss=a`
+  :host{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;align-items:center;font-family:${K};font-size:${j};line-height:${N}}.status-icon{display:flex;align-items:center;justify-content:center;height:${ci};width:${di};grid-column:1 / span 1;grid-row:1;align-self:center;padding-inline-start:0;padding-inline-end:${W}}.cot-step-collapsible{display:contents;}.header-btn{appearance:none;width:100%;height:${ci};display:flex;min-width:0;background:${Pt};border:none;box-sizing:border-box;color:${V};cursor:pointer;outline:none;padding:0;text-align:start;align-items:center;grid-column:2 / -1;grid-row:1;font-family:${K};font-size:${j};line-height:${N}}.header-btn:focus-visible{outline:${Dt} solid ${Ot};outline-offset:${Ct};border-radius:${Z}}.cot-step-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline-start:0;padding-inline-end:${ot};box-sizing:border-box;font-weight:${dt};color:${st}}:host([surface="sidecar"]) .cot-step-header{font-weight:${et}}:host([surface="sidecar"]:not([expanded])){inline-size:100%;block-size:100%}.chevron{display:flex;align-items:center;justify-content:center;pointer-events:none;width:${ri};height:${pi};transition:transform ${Bt} ease-out;transform:rotate(0deg)}:host([expanded]) .chevron{transform:rotate(-180deg)}.cot-step-panel{grid-column:2 / -1;grid-row:2;margin:0;box-sizing:border-box;min-width:0;margin-block-start:0;opacity:0;transform:translateY(-4px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity ${Bt} ease-out,transform ${Bt} ease-out,max-height ${Bt} ease-out 10ms,margin-block-start ${Bt} ease-out 10ms;will-change:opacity,transform}:host([expanded]) .cot-step-panel{opacity:1;transform:translateY(0);pointer-events:auto;margin-block-start:${Rt};max-height:999px;transition:opacity ${Bt} ease-out,transform ${Bt} ease-out,max-height ${Bt} ease-out,margin-block-start ${Bt} ease-out}:host([surface="sidecar"][expanded]) .cot-step-panel{margin-block-start:${ct}}.description{color:${at};line-height:${N};padding-inline-end:${W}}.cot-step-content{display:flex;flex-direction:column;gap:${X};min-width:0}:host([surface="sidecar"]) .cot-step-content{gap:${Rt}}.cot-status-active,.cot-status-complete,.cot-status-error{display:none}:host([state="active"]) .cot-status-active{display:flex}:host([state="complete"]) .cot-status-complete{display:flex}:host([state="error"]) .cot-status-error{display:flex}`;const ns=function(t={}){return n`<template id="${t=>t.stepId}"><slot name="status-icon" class="status-icon"><fabric-latency-loader class="cot-status-active"></fabric-latency-loader><span class="cot-status-complete">${S(t.completeIcon)}</span><span class="cot-status-error">${S(t.errorIcon)}</span></slot><div class="cot-step-collapsible"><button type="button" class="header-btn" aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.stepId}-panel" id="${t=>t.stepId}-btn" @click="${t=>t.toggleExpanded()}"><div class="cot-step-header"><slot name="header" ${h("slottedHeader")}></slot></div><span class="chevron">${S(t.chevronIcon)}</span></button><div class="cot-step-panel" role="region" ${u("panelEl")} id="${t=>t.stepId}-panel" aria-labelledby="${t=>t.stepId}-btn"><div class="cot-step-content"><slot class="description" name="description" ${h("slottedDescription")}></slot><slot name="content" class="content" ${h("slottedContent")} tabindex="${t=>t.expanded?null:-1}"></slot></div></div></div></template>`}({chevronIcon:n.partial('<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none">\n  <path d="M0.146447 0.146447C0.341709 -0.0488155 0.658291 -0.0488155 0.853553 0.146447L5 4.29289L9.14645 0.146447C9.34171 -0.0488155 9.65829 -0.0488155 9.85355 0.146447C10.0488 0.341709 10.0488 0.658291 9.85355 0.853553L5.35355 5.35355C5.15829 5.54882 4.84171 5.54882 4.64645 5.35355L0.146447 0.853553C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z" fill="currentColor"/>\n</svg>'),completeIcon:n.partial('<svg aria-label="Complete" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">\n  <path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM11.3584 5.64645C11.532 5.82001 11.5513 6.08944 11.4163 6.28431L11.3584 6.35355L7.35355 10.3584C7.17999 10.532 6.91056 10.5513 6.71569 10.4163L6.64645 10.3584L4.64645 8.35842C4.45118 8.16316 4.45118 7.84658 4.64645 7.65131C4.82001 7.47775 5.08944 7.45846 5.28431 7.59346L5.35355 7.65131L7 9.298L10.6513 5.64645C10.8466 5.45118 11.1632 5.45118 11.3584 5.64645Z" fill="currentColor"/>\n</svg>'),errorIcon:n.partial('<svg aria-label="Error" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">\n      <path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM5.80943 5.11372C5.61456 4.97872 5.34514 4.99801 5.17157 5.17157L5.11372 5.24082C4.97872 5.43569 4.99801 5.70511 5.17157 5.87868L7.29289 8L5.17157 10.1213L5.11372 10.1906C4.97872 10.3854 4.99801 10.6549 5.17157 10.8284L5.24082 10.8863C5.43569 11.0213 5.70511 11.002 5.87868 10.8284L8 8.70711L10.1213 10.8284L10.1906 10.8863C10.3854 11.0213 10.6549 11.002 10.8284 10.8284L10.8863 10.7592C11.0213 10.5643 11.002 10.2949 10.8284 10.1213L8.70711 8L10.8284 5.87868L10.8863 5.80943C11.0213 5.61456 11.002 5.34514 10.8284 5.17157L10.7592 5.11372C10.5643 4.97872 10.2949 4.99801 10.1213 5.17157L8 7.29289L5.87868 5.17157L5.80943 5.11372Z" fill="var(--colorStatusDangerForeground1)"/>\n    </svg>')}),as=g(f(os.compose({name:`${lo.prefix}-chain-of-thought-step`,template:ns,styles:ss,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}})),f(Qo)),rs={immersive:"immersive",sidecar:"sidecar"},ls={active:"active",complete:"complete"},ds={expand:"cot-expand",complete:"cot-reasoning-complete",change:"cot-change"};class cs extends o{constructor(){super(...arguments),this.expandedById=new Map,this.state=ls.active,this.surface=rs.immersive,this.expanded=!1,this.activeProgressMessage="",this.completeProgressMessage="",this.currentStepIndex=0,this.slottedSteps=[],this.cotId=`cot-${Math.random().toString(36).slice(2)}`}connectedCallback(){super.connectedCallback(),as.define(),Qo.define(),m.enqueue(()=>{this.state===ls.active&&this.announceProgress(this.activeProgressMessage)})}toggleExpanded(){this.expanded=!this.expanded}surfaceChanged(t,e){var i;if(null===(i=this.slottedSteps)||void 0===i?void 0:i.length)for(const t of this.slottedSteps)t.surface=e}expandedChanged(t,e){if(e!==t&&(this.emitCotExpand(e),e)){const t=200,e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;window.setTimeout(()=>{requestAnimationFrame(()=>{this.scrollStepsContainerToBottom({behavior:e?"auto":"smooth"})})},t)}}stateChanged(t,e){e!==ls.active?(e===ls.complete&&(this.announceProgress(this.completeProgressMessage),this.emitCotReasoningComplete()),e===ls.complete&&(this.expanded=!1)):this.announceProgress(this.activeProgressMessage)}slottedStepsChanged(t,e){if(t!==e){this.captureExpandedState(t),this.currentStepIndex=e&&e.length>0?e.length-1:0;for(const t of e)t.surface!=this.surface&&(t.surface=this.surface);this.emitCotChange(e)}}currentStepIndexChanged(t,e){0===e&&(this.expanded=!1,this.expandedById.clear()),this.slottedSteps&&this.slottedSteps.length&&this.currentStepIndex>this.slottedSteps.length-1&&(this.currentStepIndex=this.slottedSteps.length-1),m.enqueue(()=>{this.updateStepStates(),this.updateCurrentStepContainer()})}emitCotExpand(t){this.dispatchEvent(new CustomEvent(ds.expand,{detail:{expanded:t},bubbles:!0,composed:!0,cancelable:!1}))}emitCotReasoningComplete(){this.dispatchEvent(new CustomEvent(ds.complete,{bubbles:!0,composed:!0,cancelable:!1}))}emitCotChange(t){this.dispatchEvent(new CustomEvent(ds.change,{detail:{steps:t,currentStepIndex:this.currentStepIndex},bubbles:!0,composed:!0,cancelable:!1}))}captureExpandedState(t){if(t&&0!==t.length)for(const e of t)this.expandedById.set(e.stepId,!!e.expanded)}updateCurrentStepContainer(){var t;if(!this.currentStepHeader||!this.currentStepDescription||!this.currentStepContent)return;for(this.currentStepHeader.textContent="",this.currentStepDescription.textContent="";this.currentStepContent.firstChild;)this.currentStepContent.removeChild(this.currentStepContent.firstChild);if(this.state===ls.complete)return void(this.currentStepHeader.textContent="Reasoning");const e=null===(t=this.slottedSteps)||void 0===t?void 0:t[this.currentStepIndex];if(!e)return;const i=e.slottedHeader[0],o=e.slottedDescription[0];if(i){this.currentStepHeader.textContent=i.textContent,o&&(this.currentStepDescription.textContent=o.textContent);for(const t of e.slottedContent)this.currentStepContent.appendChild(t.cloneNode(!0))}}updateStepStates(){const t=this.slottedSteps;if(t&&0!==t.length)if(this.state!==ls.complete)for(let e=0;e<t.length;e++){const i=t[e];i&&(i.state!==es.error&&(!0===this.expandedById.get(i.stepId)&&(i.expanded=!0),e===this.currentStepIndex&&i.state!=es.active?(i.state=es.active,i.expanded=!0):e<this.currentStepIndex&&i.state!=es.complete&&(i.state=es.complete,i.expanded=!1)))}else for(const e of t)e.expanded=!0,e.state!==es.error&&(e.state=es.complete)}scrollStepsContainerToBottom(t){var e;if(!this.stepsContainer)return;const i=this.stepsContainer.scrollHeight;try{this.stepsContainer.scrollTo({top:i,behavior:null!==(e=null==t?void 0:t.behavior)&&void 0!==e?e:"auto"})}catch{this.stepsContainer.scrollTop=i}}announceProgress(t){var e;const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("[data-cot-status]");i&&t&&(i.textContent=t)}}t([s()],cs.prototype,"state",void 0),t([s],cs.prototype,"surface",void 0),t([s({mode:"boolean"})],cs.prototype,"expanded",void 0),t([s({attribute:"active-progress-message"})],cs.prototype,"activeProgressMessage",void 0),t([s({attribute:"complete-progress-message"})],cs.prototype,"completeProgressMessage",void 0),t([s({attribute:"current-step-index",converter:v})],cs.prototype,"currentStepIndex",void 0),t([r],cs.prototype,"slottedSteps",void 0),t([r],cs.prototype,"currentStepDescription",void 0),t([r],cs.prototype,"currentStepContent",void 0),t([r],cs.prototype,"currentStepHeader",void 0);const hs=a`
+  :host{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;font-family:${K};font-size:${j};line-height:${N};min-height:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.first-step-container{display:flex}.cot-collapsible{display:contents;}.header-btn{appearance:none;width:100%;height:${ci};display:flex;align-items:center;min-width:0;background:${Pt};border:none;box-sizing:border-box;color:${st};cursor:pointer;outline:none;padding:0;text-align:start;grid-column:2 / -1;grid-row:1;font-family:${K};font-size:${j};line-height:${N}}.header-btn:focus-visible{outline:${Dt} solid ${Ot};outline-offset:${Ct};border-radius:${Z}}.cot-steps-container{display:flex;flex-direction:column;gap:${zt};padding:${X} 40px ${Ft} ${pt};background-color:${Y};border-radius:${ht};max-height:530px;overflow-y:hidden;min-height:0;flex:1 1 auto}:host([surface="sidecar"]) .cot-steps-container{padding:${X} ${rt} ${Ft}
+      ${pt}}:host([expanded]) .cot-steps-container{animation:cot-enable-steps-overflow 0ms linear ${Bt} forwards}.chevron{display:flex;align-items:center;justify-content:center;pointer-events:none;width:${ri};height:${pi};transition:transform ${Bt} ease-out;transform:rotate(0deg)}.status-icon{display:flex;justify-content:center;align-items:center;height:${ci};grid-column:1 / span 1;grid-row:1;align-self:center;padding:0 ${W} 0 0}.cot-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 ${ot} 0 0;box-sizing:border-box;font-weight:${dt}}:host([surface="sidecar"]) .cot-header{font-weight:${et}}.cot-panel{grid-column:2 / -1;grid-row:2;margin:0;box-sizing:border-box;min-width:0;overflow:hidden;min-height:0;display:flex;flex-direction:column;margin-block-start:0;opacity:0;transform:translateY(-4px);pointer-events:none;max-height:0;transition:opacity ${Bt} ease-out,transform ${Bt} ease-out,max-height ${Bt} ease-out 10ms,margin-block-start ${Bt} ease-out 10ms;will-change:opacity,transform}.current-step-container{grid-column:2 / -1;grid-row:2;display:flex;flex-direction:column;gap:${X};opacity:1;margin-block-start:${X};transition:opacity ${Bt} ease-out ${Bt}}:host([surface="sidecar"]) .current-step-container{margin-block-start:${Rt};gap:${Rt}}.current-step-description{color:${at}}:host([expanded]) .cot-panel{opacity:1;transform:translateY(0);pointer-events:auto;margin-block-start:${X};max-height:100%;transition:opacity ${Bt} ease-out,transform ${Bt} ease-out,max-height ${Bt} ease-out,margin-block-start ${Bt} ease-out}:host([expanded][surface="sidecar"]) .cot-panel{margin-block-start:${Rt}}:host([expanded]) .current-step-container{opacity:0;pointer-events:none;height:0;overflow:hidden;margin-block-start:0}:host([expanded]) .chevron{transform:rotate(-180deg)}:host([expanded]) .current-header,:host([expanded]) .status-icon,:host([state="complete"]) .current-step-description,:host([state="complete"]) .status-icon{display:none}:host(:not([expanded])) .expanded-header{display:none}@keyframes cot-enable-steps-overflow{to{overflow-y:auto}}`;const ps=function(t={}){return n`<template ?expanded="${t=>t.expanded}" state="${t=>t.state}"><fabric-latency-loader class="status-icon"></fabric-latency-loader><div class="cot-collapsible"><button type="button" class="header-btn" aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.cotId}-panel" id="${t=>t.cotId}" @click="${t=>t.toggleExpanded()}"><div class="cot-header current-header" ${u("currentStepHeader")}></div><div class="cot-header expanded-header">Reasoning</div><span class="chevron">${S(t.chevronIcon)}</span></button><div class="cot-panel" id="${t=>t.cotId}-panel" aria-labelledby="${t=>t.cotId}"><div class="cot-steps-container" ${u("stepsContainer")}><slot ${h({property:"slottedSteps",filter:d("fabric-chain-of-thought-step")})}></slot></div></div></div><div class="current-step-container"><div ${u("currentStepDescription")} class="current-step-description"></div><div ${u("currentStepContent")} class="current-step-content"></div></div><div role="status" aria-live="polite" class="sr-only" data-cot-status></div></template>`}({chevronIcon:n.partial('<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none">\n  <path d="M0.146447 0.146447C0.341709 -0.0488155 0.658291 -0.0488155 0.853553 0.146447L5 4.29289L9.14645 0.146447C9.34171 -0.0488155 9.65829 -0.0488155 9.85355 0.146447C10.0488 0.341709 10.0488 0.658291 9.85355 0.853553L5.35355 5.35355C5.15829 5.54882 4.84171 5.54882 4.64645 5.35355L0.146447 0.853553C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z" fill="currentColor"/>\n</svg>')}),us=g(f(cs.compose({name:`${lo.prefix}-chain-of-thought`,template:ps,styles:hs,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}})),f(Qo)),ms={dismiss:"dismiss",select:"select"};class vs extends o{constructor(){super(...arguments),this.mainText="",this.prompt="",this.disabled=!1,this.hidden=!1,this.emitSelectEvent=()=>{this.dispatchEvent(new CustomEvent(ms.select,{bubbles:!0,composed:!0,detail:{prompt:this.prompt}}))}}slottedPromptChanged(t,e){var i;if(this.slottedPrompt){if(this.updateTextContent(),this.$fastController.isConnected&&!this.prompt){const t=null!==(i=null==e?void 0:e.map(t=>t.textContent).join(""))&&void 0!==i?i:"";this.prompt=t.trim()}}else this.slottedPrompt=[]}updateTextContent(){const t=this.slottedPrompt||[];this.mainText=t.filter(t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE).map(t=>{var e;return(null===(e=t.textContent)||void 0===e?void 0:e.trim())||""}).join(" ").toLowerCase()}handleKeyDown(t){if(!t.defaultPrevented&&!this.disabled){switch(t.key){case $i:case yi:t.preventDefault(),this.emitSelectEvent();break;case xi:this.emitDismiss()}return!0}}handleClick(){this.disabled||this.emitSelectEvent()}emitDismiss(){this.dispatchEvent(new CustomEvent(ms.dismiss,{bubbles:!0,composed:!0}))}show(){this.hidden=!1}hide(){this.hidden=!0}}t([r],vs.prototype,"mainText",void 0),t([r],vs.prototype,"slottedPrompt",void 0),t([s],vs.prototype,"prompt",void 0),t([s({mode:"boolean"})],vs.prototype,"disabled",void 0),t([s({mode:"boolean"})],vs.prototype,"hidden",void 0);class gs extends o{constructor(){super(...arguments),this.hidden=!1,this.menuitems=[],this.focusIndex=-1,this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)){this.menuitems.forEach(t=>{t.setAttribute("tabindex","-1")});const t=this.menuitems.find(t=>!t.hasAttribute("hidden")&&this.isFocusableElement(t));t&&t.setAttribute("tabindex","0"),this.focusIndex=-1}},this.handleItemFocus=t=>{const e=t.target;if(-1===this.focusIndex){const t=this.menuitems.filter(t=>!t.hasAttribute("hidden")&&this.isFocusableElement(t));this.menuitems.forEach(t=>t.setAttribute("tabindex","-1"));const e=t[0];if(e)return e.setAttribute("tabindex","0"),e.focus(),void(this.focusIndex=this.menuitems.indexOf(e))}else{if(e===this.menuitems[this.focusIndex])return;this.menuitems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuitems.indexOf(e),e.setAttribute("tabindex","0")}},this.isOptionElement=t=>t instanceof vs||"option"===t.getAttribute("role"),this.isFocusableElement=t=>this.isOptionElement(t)}updateFocusableItems(){this.menuitems.forEach(t=>{t.setAttribute("tabindex","-1")});const t=this.menuitems.filter(t=>!t.hasAttribute("hidden")&&this.isFocusableElement(t));t.length>0?(t[0].setAttribute("tabindex","0"),this.focusIndex=this.menuitems.indexOf(t[0])):this.focusIndex=-1}filterMenuItems(t){const e=t.toLowerCase();let i=!1;this.menuitems.forEach(o=>{var s;const n=((null===(s=o.mainText)||void 0===s?void 0:s.toLowerCase())||"").includes(e);t.length>0&&!n?(o.hide(),o.setAttribute("tabindex","-1")):(o.show(),i?o.setAttribute("tabindex","-1"):(o.setAttribute("tabindex","0"),this.focusIndex=this.menuitems.indexOf(o),i=!0))}),i||(this.focusIndex=-1)}focus(){this.setFocus(0,1)}handleMenuKeyDown(t){if(!t.defaultPrevented&&void 0!==this.menuitems)switch(t.key){case Li:return void this.setFocus(this.focusIndex+1,1);case Ei:return void this.setFocus(this.focusIndex-1,-1);case Ci:return void this.setFocus(this.menuitems.length-1,-1);case ki:return void this.setFocus(0,1);default:return!0}}removeItemListeners(t=this.menuitems){t.forEach(t=>{t.removeEventListener("focus",this.handleItemFocus)})}setFocus(t,e){var i;if(!(null===(i=this.menuitems)||void 0===i?void 0:i.length))return;const o=this.menuitems.filter(t=>!t.hasAttribute("hidden")&&this.isFocusableElement(t));if(0===o.length)return;let s=o.findIndex(t=>t===this.menuitems[this.focusIndex]);-1===s&&(s=e>0?-1:o.length);let n=s+e;n<0?n=o.length-1:n>=o.length&&(n=0),this.menuitems.forEach(t=>t.setAttribute("tabindex","-1"));const a=o[n];a.setAttribute("tabindex","0"),a.focus(),this.focusIndex=this.menuitems.indexOf(a)}setItems(){const t=Array.from(this.children);this.removeItemListeners(t);const e=t.filter(t=>t instanceof vs);this.menuitems=e,this.menuitems.forEach(t=>{t.addEventListener("focus",this.handleItemFocus)}),this.updateFocusableItems()}connectedCallback(){super.connectedCallback(),m.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuitems=[]}}t([s({mode:"boolean"})],gs.prototype,"hidden",void 0),t([r],gs.prototype,"menuitems",void 0);class fs extends o{constructor(){super(...arguments),this.menulists=[]}menulistsChanged(t,e){const i=e.filter(t=>t instanceof gs);i.length===this.menulists.length&&i.every((t,e)=>t===this.menulists[e])||(this.menulists=i)}}t([r],fs.prototype,"menulists",void 0);class bs extends Ht{}const xs=500,ys=100,$s="You've exceeded the maximum number of words we can process. Try reducing your text.",ws="data-exceeds-char-limit",ks={submit:"textarea-submit"};var Cs,Es,Ls,Ts,Ss,Ms,As,Is,Ps,Ds,Os,Bs,Rs,zs,Fs,Hs,_s,qs,Ws,Ks,js,Ns,Gs,Vs,Zs;class Us extends o{constructor(){super(...arguments),Cs.add(this),Es.set(this,null),this.svgColor=_t,this.svgColorDisabled=wt,this.disabled=!1,this.maxLength=500,this.characterOverflowLength=100,this.hideCharacterCount=!1,this.characterCount=0,this.buttons=[],this.messages=[],this.attachments=[],Ls.set(this,void 0),Ts.set(this,t=>{t&&(this.value=t.value)}),As.set(this,t=>{t||this.hasAttribute(ws)?e(this,Cs,"m",Ms).call(this,!1):this.exceedsMaxCharLimit&&e(this,Cs,"m",Ms).call(this,!0)}),Is.set(this,()=>{e(this,Ts,"f").call(this,this.inputRef)}),Ds.set(this,t=>{var i,o,s,n,a;null===(i=this.inputRef)||void 0===i||i.addEventListener("blur",e(this,Hs,"f"),t?{signal:t}:void 0),null===(o=this.inputRef)||void 0===o||o.addEventListener("change",e(this,_s,"f"),t?{signal:t}:void 0),null===(s=this.inputRef)||void 0===s||s.addEventListener("focus",e(this,Fs,"f"),t?{signal:t}:void 0),null===(n=this.inputRef)||void 0===n||n.addEventListener("select",e(this,zs,"f"),t?{signal:t}:void 0),null===(a=this.inputRef)||void 0===a||a.addEventListener("input",e(this,Is,"f"),t?{signal:t}:void 0)}),Os.set(this,()=>{var t;null===(t=e(this,Es,"f"))||void 0===t||t.abort(),i(this,Es,null,"f")}),Rs.set(this,()=>{this.dispatchEvent(new CustomEvent(ks.submit,{detail:{target:this,value:this.value||""},bubbles:!0,composed:!0}))}),zs.set(this,()=>{e(this,qs,"f").call(this)}),Fs.set(this,()=>{e(this,Cs,"m",Ss).call(this),e(this,Ws,"f").call(this)}),Hs.set(this,()=>{e(this,Cs,"m",Ss).call(this),e(this,Ks,"f").call(this)}),_s.set(this,()=>{e(this,js,"f").call(this)}),qs.set(this,()=>{this.dispatchEvent(new CustomEvent("select",{detail:{target:this,value:this.value||""},bubbles:!0,composed:!0}))}),Ws.set(this,()=>{this.dispatchEvent(new CustomEvent("focus",{detail:{target:this,value:this.value||""},bubbles:!0,composed:!0}))}),Ks.set(this,()=>{this.dispatchEvent(new CustomEvent("blur",{detail:{target:this,value:this.value||""},bubbles:!0,composed:!0}))}),js.set(this,()=>{this.dispatchEvent(new CustomEvent("change",{detail:{target:this,value:this.value||""},bubbles:!0,composed:!0}))}),Ns.set(this,()=>{this.disabled||(e(this,Rs,"f").call(this),this.blur())}),Gs.set(this,t=>{this.disabled||("Escape"===t.key&&this.blur(),M(t)&&"Enter"===t.key&&e(this,Ns,"f").call(this))})}disabledChanged(){var t;null===(t=this.submitButton)||void 0===t||t.forEach(t=>{t.disabled=this.disabled})}exceedsMaxCharLimitChanged(t,i){t!==i&&e(this,As,"f").call(this,t)}submitButtonChanged(t,i){var o;const s=null===(o=e(this,Es,"f"))||void 0===o?void 0:o.signal;(null!=i?i:[]).forEach(t=>{t.addEventListener("click",e(this,Ns,"f"),s?{signal:s}:void 0)})}buttonsChanged(){m.enqueue(()=>{this.buttons&&0!==this.buttons.length?this.style.setProperty("--divider-visibility","visible"):this.style.setProperty("--divider-visibility","none")})}messagesChanged(){m.enqueue(()=>{this.messages&&this.messages.length>0&&!this.hasAttachments&&this.style.setProperty("--messages-row-margin-bottom",`${ct}`)})}attachmentsChanged(){this.hasAttachments=this.attachments.length>0}get value(){return e(this,Ls,"f")}set value(t){e(this,Ls,"f")!==t&&(i(this,Ls,t||"","f"),this.setAttribute("data-value",t||""),this.characterCount=(null==t?void 0:t.length)||0,this.inputRef&&(this.inputRef.value=t||""),m.enqueue(()=>{var t;(null===(t=this.value)||void 0===t?void 0:t.length)&&this.value.length>this.maxLength?this.exceedsMaxCharLimit=!0:(this.exceedsMaxCharLimit=!1,e(this,Cs,"m",Ss).call(this))}),e(this,_s,"f").call(this),e(this,Cs,"m",Bs).call(this))}connectedCallback(){super.connectedCallback(),e(this,Cs,"m",Ps).call(this)}disconnectedCallback(){super.disconnectedCallback(),e(this,Os,"f").call(this),e(this,Cs,"m",Zs).call(this)}}Es=new WeakMap,Ls=new WeakMap,Ts=new WeakMap,As=new WeakMap,Is=new WeakMap,Ds=new WeakMap,Os=new WeakMap,Rs=new WeakMap,zs=new WeakMap,Fs=new WeakMap,Hs=new WeakMap,_s=new WeakMap,qs=new WeakMap,Ws=new WeakMap,Ks=new WeakMap,js=new WeakMap,Ns=new WeakMap,Gs=new WeakMap,Cs=new WeakSet,Ss=function(){this.exceedsMaxCharLimit||e(this,Cs,"m",Ms).call(this,!1)},Ms=function(t){t?this.setAttribute(ws,"true"):this.removeAttribute(ws)},Ps=function(){var t;null===(t=e(this,Es,"f"))||void 0===t||t.abort(),i(this,Es,new AbortController,"f");const o=e(this,Es,"f").signal;e(this,Ds,"f").call(this,o),e(this,Cs,"m",Vs).call(this,o)},Bs=function(){if(this.inputRef){"20px"!==this.inputRef.style.height&&(this.inputRef.style.height="20px");const t=`${this.inputRef.scrollHeight}px`;this.inputRef.style.height!==t&&(this.inputRef.style.height=t)}},Vs=function(t){this.addEventListener("keydown",e(this,Gs,"f"),t?{signal:t}:void 0)},Zs=function(){var t;null===(t=e(this,Es,"f"))||void 0===t||t.abort(),i(this,Es,null,"f")},t([s({mode:"boolean"})],Us.prototype,"disabled",void 0),t([s({attribute:"max-length",converter:v})],Us.prototype,"maxLength",void 0),t([s({attribute:"character-overflow-length",converter:v})],Us.prototype,"characterOverflowLength",void 0),t([s],Us.prototype,"placeholder",void 0),t([s({attribute:"hide-character-count",mode:"boolean"})],Us.prototype,"hideCharacterCount",void 0),t([s],Us.prototype,"name",void 0),t([r],Us.prototype,"exceedsMaxCharLimit",void 0),t([r],Us.prototype,"characterCount",void 0),t([r],Us.prototype,"submitButton",void 0),t([r],Us.prototype,"buttons",void 0),t([r],Us.prototype,"messages",void 0),t([r],Us.prototype,"hasAttachments",void 0),t([r],Us.prototype,"attachments",void 0);const Xs={toggle:"toggle",beforeToggle:"before-toggle",promptSelect:"prompt-select"};class Ys extends qt{constructor(){super(...arguments),this.open=!1,this.target="",this.persistVisibility=!1,this.focusTrap=!1,this.tabpanels=[],this.search=[],this.tabs=[],this.menulists=[],this.menuitems=[],this.handleSearchInput=t=>{const e=t.target.value.toLowerCase();this.menulists.forEach(t=>{t.filterMenuItems(e)})},this.handlePrompted=t=>{if(this.prompt=t.detail.prompt,this.dispatchEvent(new CustomEvent(Xs.promptSelect,{detail:{prompt:this.prompt,target:this.target,oldState:this.open?"open":"closed",newState:this.open?"closed":"open"},bubbles:!0,composed:!0})),this.textarea&&this.prompt){const t=this.appendPromptToValue(this.textarea.value||"",this.prompt);this.textarea.value=t}if(!this.persistVisibility){if(this.hide(),!this.textarea)return!0;this.textarea.focus()}},this.emitToggle=()=>{this.$emit(Xs.toggle,{oldState:this.open?"closed":"open",newState:this.open?"open":"closed"})},this.emitBeforeToggle=()=>{this.$emit(Xs.beforeToggle,{oldState:this.open?"open":"closed",newState:this.open?"closed":"open"})}}show(){this.emitBeforeToggle(),this.open=!0,this.emitToggle()}hide(){this.emitBeforeToggle(),this.open=!1,this.emitToggle(),this.search&&this.search.length&&(this.search[0].value="",this.menulists.forEach(t=>{t.filterMenuItems("")}))}tabpanelsChanged(){var t;null===(t=this.tabpanels)||void 0===t||t.forEach(t=>{t.addEventListener(Xs.promptSelect,this.handlePrompted)})}focusMenu(){if(this.search&&this.search.length)this.search[0].focus();else if(this.tabs.length)this.tabs[0].focus();else{if(!this.menulists.length)return!0;this.menuitems[0].focus()}}handleFocusOut(t){const e=t.relatedTarget;this.contains(e)||this.persistVisibility||this.hide()}handleKeydown(t){if(!t.defaultPrevented&&!this.disabled){switch(t.key){case xi:if(!this.open)return!0;this.hide(),this.menulists.forEach(t=>{t.filterMenuItems("")}),this.textarea&&(this.textarea.focus(),this.textarea.value=this.textarea.value?this.textarea.value+"/":"/");break;case"/":t.preventDefault(),this.show(),m.enqueue(()=>{this.focusMenu()});break;case wi:this.focusTrap&&(t.preventDefault(),this.handleFocusTrapping(t.shiftKey));break;default:return!0}return!0}}appendPromptToValue(t,e){return t+e}searchChanged(){this.search.length?this.setAttribute("data-searchable",""):this.removeAttribute("data-searchable")}tabsChanged(t,e){super.tabsChanged(t,e),this.tabs.length?this.setAttribute("data-tabbable",""):this.removeAttribute("data-tabbable")}handleFocusTrapping(t){const e=this.getFocusableElements();if(0===e.length)return;const i=e.indexOf(document.activeElement);let o;o=t?i<=0?e.length-1:i-1:i>=e.length-1?0:i+1,e[o].focus()}getFocusableElements(){return Array.from(this.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>{const e=window.getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}).sort((t,e)=>parseInt(t.getAttribute("tabindex")||"0",10)-parseInt(e.getAttribute("tabindex")||"0",10))}setEventListeners(){this.search&&this.search.length&&this.search[0].addEventListener("input",this.handleSearchInput),this.tabpanels.length&&this.tabpanels.forEach(t=>{t.addEventListener(Xs.promptSelect,this.handlePrompted)})}removeEventListeners(){var t;this.search&&this.search.length&&this.search[0].removeEventListener("input",this.handleSearchInput),this.tabpanels&&this.tabpanels.length&&(null===(t=this.tabpanels)||void 0===t||t.forEach(t=>{t.removeEventListener(Xs.promptSelect,this.handlePrompted)}))}setElements(){if(this.tabpanels.forEach(t=>{t.menulists.forEach(t=>{this.menulists.push(t)})}),this.target){const t=document.querySelector(`#${this.target}`);this.textarea=t,t&&t.addEventListener("keydown",this.handleKeydown.bind(this))}}unsetElements(){this.menulists=[]}connectedCallback(){super.connectedCallback(),m.enqueue(()=>{this.setElements(),this.setEventListeners()})}disconnectedCallback(){super.disconnectedCallback(),m.enqueue(()=>{this.removeEventListeners(),this.unsetElements()})}}t([s({mode:"boolean",attribute:"open"})],Ys.prototype,"open",void 0),t([s({attribute:"target"})],Ys.prototype,"target",void 0),t([s({mode:"boolean",attribute:"persist-visibility"})],Ys.prototype,"persistVisibility",void 0),t([s({mode:"boolean",attribute:"focus-trap"})],Ys.prototype,"focusTrap",void 0),t([r],Ys.prototype,"tabpanels",void 0),t([r],Ys.prototype,"search",void 0),t([r],Ys.prototype,"tabs",void 0),t([r],Ys.prototype,"textarea",void 0),t([r],Ys.prototype,"menulists",void 0),t([r],Ys.prototype,"menuitems",void 0);const Js=a`
+  ${vt("none")}
+
+  :host{flex-direction:column;box-sizing:border-box;font-family:${K};font-size:${j};line-height:${N};color:${st};background:${Y};width:var(--contextual-command-group-width,100%);max-width:var(--contextual-command-group-max-width,520px);min-width:var(--contextual-command-group-min-width,304px);max-height:var(--contextual-command-group-max-height,290px);grid-template-rows:min-content;border-radius:${J};box-shadow:${Wt}}:host([open]){display:flex}.header{display:none}.search{display:none}.action{display:flex;align-items:center;justify-content:center;margin:0 ${W} 0 0}:host([data-tabbable]){height:244px;}:host([data-tabbable][data-searchable]){height:290px;}:host([data-tabbable]) .header{display:flex;padding:0 ${W}}:host([data-searchable]) .search{display:block;padding:${Rt} ${pt} ${mt}}:host([disabled]){cursor:not-allowed;color:${wt}}:host([disabled]) ::slotted(fabric-contextual-tab){pointer-events:none;cursor:not-allowed;color:${wt}}:host([disabled]) ::slotted(fabric-contextual-tab:after){background-color:${wt}}:host([disabled])
+    ::slotted(fabric-contextual-tab[aria-selected="true"])::after{background-color:${wt}}:host([disabled]) ::slotted(fabric-contextual-tab:hover):before{content:unset}:host ::slotted(fabric-contextual-tab){border-radius:${Z}}:host ::slotted(fabric-contextual-tab[aria-selected="true"])::before{background-color:${wt}}.tablist{display:flex;position:relative;width:max-content;box-sizing:border-box;border-bottom:2px solid ${nt};width:100%}::slotted([slot="start"]),::slotted([slot="end"]){display:flex;align-self:center}::slotted([slot="start"]){margin-inline-end:11px;}::slotted([slot="end"]){margin-inline-start:11px;}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host ::slotted(fabric-contextual-tab[data-animate="true"])::after{transition-property:transform;transition-duration:${Kt};transition-timing-function:${jt}}:host ::slotted(fabric-contextual-tab)::after{height:${Nt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset))
+      scaleX(var(--tabIndicatorScale))}:host ::slotted(fabric-contextual-tab)::before{height:${Nt};border-radius:${Gt};content:"";inset:0;position:absolute;margin-top:auto}:host ::slotted(fabric-contextual-tab[aria-selected="false"]:hover)::after{height:${Nt};margin-top:auto;transform-origin:left}:host ::slotted(fabric-contextual-tab)::after,:host ::slotted(fabric-contextual-tab)::before,:host ::slotted(fabric-contextual-tab:hover)::after{inset-inline-end:${Vt};inset-inline-start:${Vt}}`;const Qs=n`<template role="group" @keydown="${(t,e)=>t.handleKeydown(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}" ?hidden="${t=>t.hidden}" ?persist-visibility="${t=>t.persistVisibility}" ?focus-trap="${t=>t.focusTrap}" target="${t=>t.target}" ?open="${t=>t.open}"><slot name="start"></slot><div class="header" part="header"><div class="tablist" part="tablist" role="tablist"><slot name="tab" ${h("tabs")}></slot></div><div class="action" part="action"><slot name="action"></slot></div></div><div class="tabpanel" part="tabpanel"><div class="search" part="search"><slot name="search" ${h("search")}></slot></div><slot name="tabpanel" ${h("tabpanels")}></slot></div><slot name="end"></slot></template>`,tn=Ys.compose({name:`${lo.prefix}-contextual-command-group`,template:Qs,styles:Js,shadowOptions:{mode:lo.shadowRootMode}});class en extends o{constructor(){super(...arguments),this.open=!1,this.menulists=[],this.handleKeydown=t=>{if("Escape"!==t.key)return!0;t.stopPropagation(),t.preventDefault(),this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:"escape"}}))}}openChanged(t,e){e!==t&&this.dispatchEvent(new CustomEvent("toggle",{detail:{open:e},bubbles:!0,composed:!0}))}menulistsChanged(t,e){const i=e.filter(t=>t instanceof gs);i.length===this.menulists.length&&i.every((t,e)=>t===this.menulists[e])||(this.menulists=i)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}}t([s({mode:"boolean"})],en.prototype,"open",void 0),t([r],en.prototype,"menulists",void 0);const on={close:"close"},sn=a`
+  ${fi("none")}
+
+  :host([open]){box-shadow:${Zt};display:block}:host{border-radius:var(--menu-border-radius,${Z})}`;const nn=n`<template ?open="${t=>t.open}" @keydown="${(t,e)=>t.handleKeydown(e.event)}" aria-label="${t=>t.ariaLabel}" aria-expanded="${t=>t.open?"true":"false"}"><slot name="start"></slot><slot ${h("menulists")}></slot><slot name="end"></slot></template>`,an=en.compose({name:`${lo.prefix}-contextual-menu`,template:nn,styles:sn,shadowOptions:{mode:lo.shadowRootMode}}),rn=a`
+  ${vt("flex")}
+
+  :host{align-items:center;color:${st};contain:layout;cursor:pointer;flex-shrink:0;overflow:visible;padding:${mt} ${Vt};gap:${ot};background:${Y};${Ut};border-radius:var(--menu-item-border-radius,${Z})}:host([disabled]),:host([disabled]):hover{background-color:${Xt};color:${wt};cursor:not-allowed}:host::part(subtitle){${Yt}}:host(:hover){background-color:${Jt};color:${Qt}}:host(:active){background-color:${te};color:${ee}}:host(:active) ::slotted([slot="start"]){color:${ie}}.content{white-space:nowrap;flex-grow:1;display:flex;gap:${pt}}.header{display:flex;flex-direction:column;align-items:flex-start}::slotted([slot="end"]){color:${at};font:${et} ${At} / ${It}
+      ${K};white-space:nowrap;}::slotted([slot="start"]){display:inline-flex}::slotted([slot="icon"]){display:flex}::slotted([slot="end"]){justify-self:end}`.withBehaviors(oe(a`
+    :host(${A}),:host(${A}) ::slotted([slot="start"]),:host(${A}) ::slotted([slot="end"]){color:GrayText}`));const ln=n`<template @click="${t=>t.handleClick()}" @keydown="${(t,e)=>t.handleKeyDown(e.event)}" role="menuitem" ?disabled="${t=>t.disabled}" ?hidden="${t=>t.hidden}" aria-disabled="${t=>t.disabled?"true":"false"}" aria-hidden="${t=>t.hidden?"true":"false"}" aria-label="${t=>t.ariaLabel}" prompt="${t=>t.prompt}"><slot name="start"></slot><div part="content" class="content"><div class="icon" part="icon"><slot name="icon"></slot></div><div class="header" part="header"><slot ${h({property:"slottedPrompt",filter:I})}></slot><div class="subtitle" part="subtitle"><slot name="subtitle"></slot></div></div></div><slot name="end"></slot></template>`,dn=vs.compose({name:`${lo.prefix}-contextual-menu-item`,template:ln,styles:rn,shadowOptions:{mode:lo.shadowRootMode}});dn.define(lo.registry);const cn=a`
+  ${vt("flex")}
+
+  :host{width:100%}.menu-list{position:relative;overflow-y:auto;width:100%;row-gap:2px;display:flex;flex-direction:column;background:${Y};max-height:var(--menu-list-max-height,190px);border-radius:var(--menu-list-border-radius,${Z});.menu-list::-webkit-scrollbar{width:4px;padding:4px}.menu-list::-webkit-scrollbar-track{background-color:transparent;border-radius:4px;}.menu-list::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px;margin-inline-end:4px}.menu-list::-webkit-scrollbar-button{display:none;}`;const hn=n`<template @keydown="${(t,e)=>t.handleMenuKeyDown(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}" aria-label="${t=>t.ariaLabel}" ?hidden="${t=>t.hidden}" aria-hidden="${t=>t.hidden?"true":"false"}" role="menu"><slot name="start"></slot><div class="menu-list" part="menu-list"><slot ${h("menuitems")}></slot></div><slot name="end"></slot></template>`,pn=gs.compose({name:`${lo.prefix}-contextual-menu-list`,template:hn,styles:cn,shadowOptions:{mode:lo.shadowRootMode}});pn.define(lo.registry);const un=a`
+  ${se}
+  :host{flex-shrink:0}`,mn=ne,vn=bs.compose({name:`${lo.prefix}-contextual-tab`,template:mn,styles:un,shadowOptions:{mode:lo.shadowRootMode}}),gn=a`
+  ${vt("block")}
+
+  :host{box-sizing:border-box;padding:${ct};overflow:hidden}`;const fn=n`<template slot="tabpanel" role="tabpanel"><slot name="start"></slot><slot ${h("menulists")}></slot><slot name="end"></slot></template>`,bn=fs.compose({name:`${lo.prefix}-contextual-tabpanel`,template:fn,styles:gn,shadowOptions:{mode:lo.shadowRootMode}}),xn={...b},yn={...y},$n={...$},wn={...w},kn={...x},Cn={none:"none",disliked:"disliked"},En={addDislike:"add-dislike",removeDislike:"remove-dislike"};class Ln extends yt{constructor(){super(...arguments),this.state=Cn.none,this.emitAddDislikeEvent=()=>{this.dispatchEvent(new CustomEvent(En.addDislike,{bubbles:!0,composed:!0,detail:{purpose:"add dislike",target:this.target,status:this.state}}))},this.emitRemoveDislikeEvent=()=>{this.dispatchEvent(new CustomEvent(En.removeDislike,{bubbles:!0,composed:!0,detail:{purpose:"remove dislike",target:this.target,status:this.state}}))}}clickHandler(t){if(!this.disabled)return super.clickHandler(t),this.state===Cn.disliked?(this.state=Cn.none,this.emitRemoveDislikeEvent()):(this.state=Cn.disliked,this.emitAddDislikeEvent()),!0}attachListeners(){this.addEventListener("click",this.clickHandler),this.addEventListener("keypress",this.keypressHandler)}detachListeners(){this.removeEventListener("click",this.clickHandler),this.removeEventListener("keypress",this.keypressHandler)}connectedCallback(){super.connectedCallback(),$t.define(lo.registry),this.attachListeners()}disconnectedCallback(){super.disconnectedCallback(),this.detachListeners()}}t([s],Ln.prototype,"target",void 0),t([s],Ln.prototype,"state",void 0);const Tn=a`
+  ${fi("block")}
+  ${C}
+
+  :host svg{font-size:${Lt}}:host([size="small"]) svg{font-size:${tt}}:host([size="large"]) svg{font-size:${Et}}:host([state="disliked"]) .dislike-icon{display:none}.dislike-icon{display:flex}:host([state="disliked"]) .disliked-icon{display:flex}:host([pressed]) svg{color:${ae}}.disliked-icon{display:none}`,Sn=n`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.05 17.7c.34.98 1.63 1.43 2.43.6.17-.17.33-.36.44-.52.32-.48.45-1.12.5-1.73.05-.63.02-1.3-.05-1.92-.06-.6-.16-1.17-.24-1.58v-.05H14a3 3 0 0 0 2.95-3.54l-.69-3.76a4.5 4.5 0 0 0-5.6-3.54L5.06 3.2c-.92.25-1.62 1-1.8 1.92l-.35 1.77c-.28 1.39.78 2.56 1.9 3 .33.13.62.3.85.5 1.7 1.5 2.32 2.72 3.38 4.84.36.71.72 1.68 1 2.49Zm1.97-5.58v.04a14.2 14.2 0 0 1 .36 2.08c.06.58.09 1.18.04 1.73-.04.55-.15.98-.33 1.25-.06.1-.18.22-.33.39-.2.2-.63.16-.76-.23-.29-.82-.67-1.83-1.05-2.6-1.07-2.14-1.76-3.5-3.62-5.15-.34-.3-.74-.52-1.13-.68-.88-.34-1.45-1.14-1.3-1.87l.35-1.77c.11-.56.53-1 1.08-1.15l5.6-1.53a3.5 3.5 0 0 1 4.36 2.75l.68 3.76a2 2 0 0 1-1.96 2.36h-1.5a.5.5 0 0 0-.5.62Z" fill="currentColor"></path></svg>`,Mn=n`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.48 18.3c-.8.83-2.09.38-2.43-.6-.28-.8-.64-1.77-1-2.48C8 13.1 7.38 11.9 5.67 10.37c-.23-.2-.52-.36-.84-.49-1.13-.44-2.2-1.61-1.91-3l.35-1.77a2.5 2.5 0 0 1 1.8-1.92l5.6-1.53a4.5 4.5 0 0 1 5.6 3.54l.69 3.76A3 3 0 0 1 14 12.5h-.89l.01.05c.08.41.18.97.24 1.58.07.62.1 1.29.05 1.92a3.68 3.68 0 0 1-.5 1.73c-.11.16-.27.35-.44.52Z" fill="currentColor"></path></svg>`;const An=n`<template class="dislike-button" tabindex="${t=>{var e;return t.disabled?null:null!==(e=t.tabIndex)&&void 0!==e?e:0}}" state="${t=>t.state}" target="${t=>t.target}" ?pressed="${t=>t.state===Cn.disliked}"><span class="content"><div class="dislike-icon icon"><span class="dislike-icon">${Sn}</span></div><div class="disliked-icon icon"><span class="disliked-icon">${Mn}</span></div></span></template>`,In=Ln.compose({name:`${lo.prefix}-dislike-button`,template:An,styles:Tn,shadowOptions:{mode:lo.shadowRootMode}}),Pn={...b},Dn={...y},On={...$},Bn={...w},Rn={...x},zn={dismiss:"dismiss"};var Fn,Hn,_n;class qn extends k{constructor(){super(...arguments),Fn.add(this),this.emitDismissEvent=()=>{this.dispatchEvent(new CustomEvent(zn.dismiss,{bubbles:!0,composed:!0}))}}clickHandler(t){return super.clickHandler(t),this.emitDismissEvent(),!0}connectedCallback(){super.connectedCallback(),P.define(lo.registry),e(this,Fn,"m",Hn).call(this)}disconnectedCallback(){super.disconnectedCallback(),e(this,Fn,"m",_n).call(this)}}Fn=new WeakSet,Hn=function(){this.addEventListener("click",this.clickHandler),this.addEventListener("keypress",this.keypressHandler)},_n=function(){this.removeEventListener("click",this.clickHandler),this.removeEventListener("keypress",this.keypressHandler)};const Wn=a`
+  :host{width:var(--dismiss-button-width,fit-content)}:host([size="medium"][shape="circular"][icon-only]) .content,:host([size="small"][shape="circular"][icon-only]) .content{padding:0 1px 1px 0}:host([size="large"][shape="circular"]) .content{padding:0 3px 3px 0}.content{display:flex;align-items:center}${C}
+`,Kn=n`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4.58859 4.41491L4.64645 4.34567C4.82001 4.1721 5.08944 4.15281 5.28431 4.28781L5.35355 4.34567L10.5 9.49222L15.6464 4.34567C15.82 4.1721 16.0894 4.15281 16.2843 4.28781L16.3536 4.34567C16.5271 4.51923 16.5464 4.78866 16.4114 4.98352L16.3536 5.05277L11.207 10.1992L16.3536 15.3457C16.5271 15.5192 16.5464 15.7887 16.4114 15.9835L16.3536 16.0528C16.18 16.2263 15.9106 16.2456 15.7157 16.1106L15.6464 16.0528L10.5 10.9062L5.35355 16.0528C5.17999 16.2263 4.91056 16.2456 4.71569 16.1106L4.64645 16.0528C4.47288 15.8792 4.4536 15.6098 4.58859 15.4149L4.64645 15.3457L9.793 10.1992L4.64645 5.05277C4.47288 4.87921 4.4536 4.60978 4.58859 4.41491L4.64645 4.34567L4.58859 4.41491Z" fill="currentColor" /></svg>`;const jn=n`<template class="dismiss-button"><span class="content">${Kn}</span></template>`,Nn=qn.compose({name:`${lo.prefix}-dismiss-button`,template:jn,styles:Wn,shadowOptions:{mode:lo.shadowRootMode}}),Gn={none:"none",liked:"liked",disliked:"disliked"},Vn={feedbackChange:"feedback-change"},Zn={...b},Un={...y},Xn={...$},Yn={...w},Jn={...x},Qn={none:"none",liked:"liked"},ta={addLike:"add-like",removeLike:"remove-like"};var ea,ia,oa;class sa extends yt{constructor(){super(...arguments),ea.add(this),this.state=Qn.none}clickHandler(t){if(!this.disabled)return super.clickHandler(t),this.state===Qn.liked?(this.state=Qn.none,this.emitRemoveLikeEvent()):(this.state=Qn.liked,this.emitAddLikeEvent()),!0}emitAddLikeEvent(){this.dispatchEvent(new CustomEvent(ta.addLike,{bubbles:!0,composed:!0,detail:{purpose:"add like",target:this.target,status:this.state}}))}emitRemoveLikeEvent(){this.dispatchEvent(new CustomEvent(ta.removeLike,{bubbles:!0,composed:!0,detail:{purpose:"remove like",target:this.target,status:this.state}}))}connectedCallback(){super.connectedCallback(),$t.define(lo.registry),e(this,ea,"m",ia).call(this)}disconnectedCallback(){super.disconnectedCallback(),e(this,ea,"m",oa).call(this)}}ea=new WeakSet,ia=function(){this.addEventListener("click",this.clickHandler),this.addEventListener("keypress",this.keypressHandler)},oa=function(){this.removeEventListener("click",this.clickHandler),this.removeEventListener("keypress",this.keypressHandler)},t([s],sa.prototype,"target",void 0),t([s],sa.prototype,"state",void 0);const na=a`
+  ${fi("block")}
+  ${C}
+
+  :host svg{font-size:${Lt}}:host([size="small"]) svg{font-size:${tt}}:host([size="large"]) svg{font-size:${Et}}:host([state="liked"]) .like-icon{display:none}.like-icon{display:flex}:host([state="liked"]) .liked-icon{display:flex}:host([pressed]) svg{color:${ae}}.liked-icon{display:none}`,aa=n`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.05 2.3c.34-.98 1.63-1.43 2.43-.6.17.17.33.36.44.52.32.48.45 1.12.5 1.73.05.63.02 1.3-.05 1.91-.06.62-.16 1.18-.24 1.59v.05H14a3 3 0 0 1 2.95 3.54l-.69 3.76a4.5 4.5 0 0 1-5.6 3.53l-5.6-1.52a2.5 2.5 0 0 1-1.8-1.92l-.35-1.77c-.28-1.39.78-2.56 1.9-3 .33-.13.62-.3.85-.5 1.7-1.5 2.32-2.72 3.38-4.84.36-.71.72-1.68 1-2.49Zm1.97 5.58v-.04a13.7 13.7 0 0 0 .13-.58c.08-.4.17-.93.23-1.5.06-.58.09-1.18.04-1.73a2.73 2.73 0 0 0-.33-1.25 3.26 3.26 0 0 0-.33-.39c-.2-.2-.63-.16-.76.23-.29.82-.67 1.83-1.05 2.6-1.07 2.14-1.76 3.5-3.62 5.15-.34.3-.74.52-1.13.68-.88.34-1.45 1.14-1.3 1.87l.35 1.77c.11.56.53 1 1.08 1.15l5.6 1.53c1.98.54 4-.73 4.36-2.75l.68-3.76a2 2 0 0 0-1.96-2.36h-1.5a.5.5 0 0 1-.5-.62Z" fill="currentColor"></path></svg>`,ra=n`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.48 1.7c-.8-.83-2.09-.38-2.43.6-.28.8-.64 1.77-1 2.48C8 6.9 7.38 8.1 5.67 9.63c-.23.2-.52.36-.84.49-1.13.44-2.2 1.61-1.91 3l.35 1.77a2.5 2.5 0 0 0 1.8 1.92l5.6 1.52a4.5 4.5 0 0 0 5.6-3.53l.69-3.76A3 3 0 0 0 14 7.5h-.89l.01-.05c.08-.41.18-.97.24-1.59.07-.6.1-1.28.05-1.9a3.68 3.68 0 0 0-.5-1.74 4.16 4.16 0 0 0-.44-.52Z" fill="currentColor"></path></svg>`;const la=n`<template class="like-button" tabindex="${t=>{var e;return t.disabled?null:null!==(e=t.tabIndex)&&void 0!==e?e:0}}" state="${t=>t.state}" target="${t=>t.target}" ?pressed="${t=>t.state===Qn.liked}"><span class="content"><div class="like-icon icon"><span class="like-icon">${aa}</span></div><div class="liked-icon icon"><span class="liked-icon">${ra}</span></div></span></template>`,da=sa.compose({name:`${lo.prefix}-like-button`,template:la,styles:na,shadowOptions:{mode:lo.shadowRootMode}});class ca extends o{constructor(){super(...arguments),this.target="",this.state=Gn.none,this.likeButtonSlot=[],this.dislikeButtonSlot=[],this.handleLikeEvents=t=>{const e=t;if(e.type===ta.addLike){this.state=Gn.liked;const t=this.dislikeButton;t&&"disliked"===t.getAttribute("state")&&t.setAttribute("state","none"),this.emitFeedbackChange()}else e.type===ta.removeLike&&(this.state=Gn.none,this.emitFeedbackChange())},this.handleDislikeEvents=t=>{const e=t;if(e.type===En.addDislike){this.state=Gn.disliked;const t=this.likeButton;t&&"liked"===t.getAttribute("state")&&t.setAttribute("state","none"),this.emitFeedbackChange()}else e.type===En.removeDislike&&(this.state=Gn.none,this.emitFeedbackChange())}}findButtonInSlottedContent(t,e){if(!(null==t?void 0:t[0]))return;const i=t[0];if(i.tagName.toLowerCase()===e)return i;if(i instanceof HTMLSlotElement){const t=i.assignedElements({flatten:!0}).find(t=>t.tagName.toLowerCase()===e);return t||i.querySelector(e)}return i.querySelector(e)}get likeButton(){var t,e;if(null===(t=this.likeButtonSlot)||void 0===t?void 0:t.length){const t=this.findButtonInSlottedContent(this.likeButtonSlot,"fabric-like-button");if(t)return t}return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("fabric-like-button")}get dislikeButton(){var t,e;if(null===(t=this.dislikeButtonSlot)||void 0===t?void 0:t.length){const t=this.findButtonInSlottedContent(this.dislikeButtonSlot,"fabric-dislike-button");if(t)return t}return null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("fabric-dislike-button")}updateButtonStates(){const t=this.likeButton,e=this.dislikeButton;if(t&&e)switch(this.state){case Gn.liked:t.state=Qn.liked,t.pressed=!0,e.state=Cn.none,e.pressed=!1;break;case Gn.disliked:e.state=Cn.disliked,e.pressed=!0,t.state=Qn.none,t.pressed=!1;break;case Gn.none:t.state=Qn.none,t.pressed=!1,e.state=Cn.none,e.pressed=!1}}stateChanged(t,e){e!==t&&(this.likeButton&&this.dislikeButton?this.updateButtonStates():m.enqueue(()=>this.updateButtonStates()))}targetChanged(t,e){e!==t&&this.emitFeedbackChange()}likeButtonSlotChanged(){m.enqueue(()=>this.updateButtonStates())}dislikeButtonSlotChanged(){m.enqueue(()=>this.updateButtonStates())}emitFeedbackChange(){this.dispatchEvent(new CustomEvent(Vn.feedbackChange,{bubbles:!0,composed:!0,detail:{target:this.target?this.target:"",state:this.state}}))}connectedCallback(){super.connectedCallback(),In.define(lo.registry),da.define(lo.registry),this.addEventListener(ta.addLike,this.handleLikeEvents),this.addEventListener(ta.removeLike,this.handleLikeEvents),this.addEventListener(En.addDislike,this.handleDislikeEvents),this.addEventListener(En.removeDislike,this.handleDislikeEvents)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(ta.addLike,this.handleLikeEvents),this.removeEventListener(ta.removeLike,this.handleLikeEvents),this.removeEventListener(En.addDislike,this.handleDislikeEvents),this.removeEventListener(En.removeDislike,this.handleDislikeEvents)}}t([s],ca.prototype,"target",void 0),t([s],ca.prototype,"state",void 0),t([r],ca.prototype,"likeButtonSlot",void 0),t([r],ca.prototype,"dislikeButtonSlot",void 0);const ha=a`
+  ${fi("inline-flex")}
+
+  :host{display:inline-flex;align-items:center}.feedback{display:inline-flex;align-items:center}`;const pa=n`<template state="${t=>t.state}" target="${t=>t.target}"><div class="feedback" role="group"><slot name="like" ${h("likeButtonSlot")}><fabric-like-button icon-only appearance="transparent"></fabric-like-button></slot><slot name="dislike" ${h("dislikeButtonSlot")}><fabric-dislike-button icon-only appearance="transparent"></fabric-dislike-button></slot></div></template>`,ua=g(f(ca.compose({name:`${lo.prefix}-feedback-group`,template:pa,styles:ha,shadowOptions:{mode:lo.shadowRootMode}})),f(da),f(In)),ma={change:"change",prompt:"prompt",show:"show",hide:"hide",send:"send",dismiss:"dismiss"};var va,ga,fa,ba,xa,ya,$a,wa;class ka extends o{constructor(){super(...arguments),va.add(this),ga.set(this,null),this.value="",this.minlength=1,this.showCharacterCount=!1,this.ariaControls="",this.characterCount=0,this.dismissButton=[],this.sendButton=[],this.menu=[],this.textareaId=bi("textarea"),this.ariaLabel="",this.handleMenu=()=>{var t,e;if(!(null===(t=this.menu)||void 0===t?void 0:t[0])||this.wasDismissed)return;const i=this.menu[0],o=null===(e=this.menuList)||void 0===e?void 0:e.menuitems.some(t=>!t.hasAttribute("hidden"));this.value&&!o||(i.show(),this.menuList=i.menulists[0])},this.dismiss=()=>{var t,i;this.hide(),null===(i=null===(t=this.menu)||void 0===t?void 0:t[0])||void 0===i||i.hide(),e(this,va,"m",$a).call(this)},this.handleTextareaKeydown=t=>{if(!t.isComposing&&"Enter"===t.key){if(!this.singleline&&t.shiftKey)return;t.preventDefault()}},this.handleKeydown=t=>{const e=t.target;switch(t.key){case xi:return!(!e||!this.isWithinMenu(e))||(t.preventDefault(),this.dismiss(),this.wasDismissed=!0,!1);case wi:return this.handleTabNavigation(t,e);case $i:return!(!e||!this.isWithinMenu(e))||(!(this.singleline||!t.shiftKey)||(this.singleline&&t.shiftKey?(t.preventDefault(),!1):(t.preventDefault(),this.send(),!1)));default:return!0}},this.resizeObserver=null,this.isUpdatingLayout=!1,this.menuId=bi("menu-"),this.focusableElements=[],this.menuEscapeDismissed=!1,this.wasDismissed=!1,this.isFilteringValue=!1,this.handleInput=t=>{const e=this.textareacontrol;if(!e)return;let i=e.value||"";if(this.singleline){const t=i;if(i=i.replace(/[\r\n]/g,""),i!==t){const o=e.selectionStart;e.value=i;const s=t.length-i.length,n=Math.max(0,o-s);e.setSelectionRange(n,n)}}this.value=i,this.updateTextAreaState(),this.handleMenuFiltering(),this.wasDismissed=!1},this.handleChange=t=>{var e;this.textareacontrol&&(this.value=null!==(e=this.textareacontrol.value)&&void 0!==e?e:this.value),this.emitChangeEvent()},this.handleFocusOut=t=>{var e;if(!this.contains(t.relatedTarget)&&(null===(e=this.menu)||void 0===e?void 0:e[0])){this.menu[0].hide()}},this.handleSelect=t=>{var e;const i=t.detail;if((null==i?void 0:i.prompt)&&(this.value=i.prompt,null===(e=this.menu)||void 0===e?void 0:e[0])){this.menu[0].hide()}}}connectedCallback(){var t;super.connectedCallback(),null===(t=e(this,ga,"f"))||void 0===t||t.abort(),i(this,ga,new AbortController,"f");const{signal:o}=e(this,ga,"f");this.addEventListener("change",this.handleChange,{signal:o}),this.addEventListener("input",t=>this.handleInput(t),{signal:o}),m.enqueue(()=>this.setElements()),this.updateFocusableElements(),this.resizeObserver=new ResizeObserver(t=>{const e=t[0];e&&e.contentRect.width>0&&this.updateTextAreaHeight()}),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventHandlers(),e(this,va,"m",fa).call(this)}errorChanged(t,e){e&&(this.open=!0)}show(){this.open=!0}hide(){this.open=!1}openChanged(t,i){t!==i&&(i?e(this,va,"m",xa).call(this):e(this,va,"m",ya).call(this))}singlelineChanged(t,e){this.textareacontrol&&(e?(this.textareacontrol.setAttribute("wrap","off"),this.removeAttribute("data-multiline"),this.value&&/[\r\n]/.test(this.value)&&(this.value=this.value)):this.textareacontrol.removeAttribute("wrap"))}send(){e(this,va,"m",wa).call(this)}attachEventListeners(){var t;null===(t=e(this,ga,"f"))||void 0===t||t.abort(),i(this,ga,new AbortController,"f");const{signal:o}=e(this,ga,"f");this.addEventListener("input",t=>this.handleInput(t),{signal:o}),this.textareacontrol.addEventListener("focus",this.handleMenu,{signal:o}),this.textareacontrol.addEventListener("keydown",this.handleTextareaKeydown,{signal:o}),this.textareacontrol.addEventListener("change",this.handleChange,{signal:o}),this.addEventListener("dismiss",this.dismiss,{signal:o}),this.addEventListener("focusout",this.handleFocusOut,{signal:o}),this.addEventListener("select",this.handleSelect,{signal:o}),this.addEventListener("keydown",this.handleKeydown,{signal:o}),this.addEventListener("send",this.send,{signal:o}),this.addEventListener("close",this.handleMenuClose,{signal:o})}removeEventHandlers(){e(this,va,"m",fa).call(this)}updateFocusableElements(){var t,e,i,o,s,n,a;if(this.focusableElements=[],this.textareacontrol&&this.focusableElements.push(this.textareacontrol),this.menuList&&(null===(e=null===(t=this.menu)||void 0===t?void 0:t[0])||void 0===e?void 0:e.open)){this.menuList.menuitems.some(t=>!t.hasAttribute("hidden"))&&this.focusableElements.push(this.menuList)}if(null===(i=this.actionButtons)||void 0===i?void 0:i.length){const t=this.actionButtons.filter(t=>!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-hidden"));this.focusableElements.push(...t)}if(null===(o=this.sendButton)||void 0===o?void 0:o.length){const t=this.sendButton[0];if(!t.disabled){const e=null===(s=t.shadowRoot)||void 0===s?void 0:s.querySelector('[role="button"]');this.focusableElements.push(e instanceof HTMLElement?e:t)}}if(null===(n=this.dismissButton)||void 0===n?void 0:n.length){const t=this.dismissButton[0];if(!t.hasAttribute("hidden")){const e=null===(a=t.shadowRoot)||void 0===a?void 0:a.querySelector('[role="button"]');this.focusableElements.push(e instanceof HTMLElement?e:t)}}}getNextFocusableElement(t){this.updateFocusableElements();const e=this.focusableElements.findIndex(e=>e===t||e.contains(t));if(-1===e)return null;return this.focusableElements[e+1]||null}getPreviousFocusableElement(t){this.updateFocusableElements();const e=this.focusableElements.findIndex(e=>e===t||e.contains(t));if(-1===e)return null;return this.focusableElements[e-1]||null}valueChanged(t,i){if(this.maxlength&&i.length>this.maxlength)return void(this.value=t);if(this.isFilteringValue)return;let o=i;this.singleline&&/[\r\n]/.test(i)&&(o=i.replace(/[\r\n]/g,""),o!==i&&(this.isFilteringValue=!0,this.value=o,this.isFilteringValue=!1)),this.textareacontrol?(this.textareacontrol.value=o,this.updateTextAreaState()):this.characterCount=o.length,this.updateSubmitButtonState(),e(this,va,"m",ba).call(this)}updateSubmitButtonState(){var t,e,i,o;const s=null!==(e=null===(t=this.sendButton)||void 0===t?void 0:t[0])&&void 0!==e?e:this.querySelector('[slot="send-button"]');if(!s)return;const n=this.value.length>=this.minlength,a=!!s.disabled,r=!n;s.disabled=r,r?null===(i=s.setAttribute)||void 0===i||i.call(s,"disabled",""):null===(o=s.removeAttribute)||void 0===o||o.call(s,"disabled"),a!==r&&this.updateFocusableElements()}updateTextAreaState(){this.characterCount=this.textareacontrol.value.length,this.updateTextAreaHeight()}updateTextAreaHeight(){if(!this.textareacontrol||this.isUpdatingLayout)return;this.isUpdatingLayout=!0,this.textareacontrol.style.height=`${ka.MIN_TEXTAREA_HEIGHT}px`,this.textareacontrol.offsetHeight;const t=this.getBoundingClientRect().width-ka.TEXTAREA_WIDTH_OFFSET,e=document.createElement("span");e.style.font=window.getComputedStyle(this.textareacontrol).font,e.style.visibility="hidden",e.style.position="absolute",e.style.whiteSpace="pre",e.textContent=this.textareacontrol.value,document.body.appendChild(e);const i=e.getBoundingClientRect().width;document.body.removeChild(e);const o=!this.singleline&&i>t;o!==this.hasAttribute("data-multiline")&&this.toggleAttribute("data-multiline",o),this.textareacontrol.style.height=`${this.textareacontrol.scrollHeight}px`,this.isUpdatingLayout=!1}isWithinMenu(t){return!(!t.closest("fabric-contextual-menu-list")&&!t.closest("fabric-contextual-menu"))}handleTabNavigation(t,e){const i=t.shiftKey?this.getPreviousFocusableElement(e):this.getNextFocusableElement(e);return!i||(t.preventDefault(),i.focus(),!1)}handleMenuFiltering(){var t;if(!this.menuList)return;const e=this.value.toLowerCase();this.menuList.filterMenuItems(e);this.hasVisibleMenuItems()&&this.menuEscapeDismissed&&(null===(t=this.menu)||void 0===t?void 0:t[0])&&(this.menu[0].show(),this.menuEscapeDismissed=!1),this.announceAvailableSuggestions(),this.updateFocusableElements()}hasVisibleMenuItems(){var t,e;return null!==(e=null===(t=this.menuList)||void 0===t?void 0:t.menuitems.some(t=>!t.hasAttribute("hidden")))&&void 0!==e&&e}announceAvailableSuggestions(){if(!this.menuList)return;const t=this.menuList.menuitems.filter(t=>!t.hasAttribute("hidden")).length;this.announce(`${t} suggestions available`)}setElements(){this.initializeSubmitButton(),this.initializeTextArea(),this.initializeMenu(),this.attachEventListeners()}initializeSubmitButton(){var t,e,i,o;const s=null!==(e=null===(t=this.sendButton)||void 0===t?void 0:t[0])&&void 0!==e?e:this.querySelector('[slot="send-button"]');if(!s)return;const n=!(this.value.length>=this.minlength);s.disabled=n,n?null===(i=s.setAttribute)||void 0===i||i.call(s,"disabled",""):null===(o=s.removeAttribute)||void 0===o||o.call(s,"disabled"),this.updateFocusableElements()}sendButtonChanged(t,e){this.initializeSubmitButton(),this.updateSubmitButtonState()}initializeTextArea(){this.textareacontrol.id=this.textareaId,this.singleline&&this.textareacontrol.setAttribute("wrap","off")}initializeMenu(){var t,e;(null===(t=this.menu)||void 0===t?void 0:t[0])&&!(null===(e=this.menu)||void 0===e?void 0:e[0].id)&&(this.menu[0].id=this.menuId,this.ariaControls=this.menuId)}emitChangeEvent(){e(this,va,"m",ba).call(this)}announce(t){const e=document.createElement("div");e.style.position="absolute",e.style.width="1px",e.style.height="1px",e.style.padding="0",e.style.overflow="hidden",e.style.clip="rect(0, 0, 0, 0)",e.style.whiteSpace="nowrap",e.style.border="0",e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),document.body.appendChild(e),e.textContent=t,setTimeout(()=>{document.body.removeChild(e)},ka.ANNOUNCEMENT_TIMEOUT)}handleMenuClose(t){var e;this.updateFocusableElements();"escape"===(null===(e=t.detail)||void 0===e?void 0:e.reason)&&(this.menuEscapeDismissed=!0,this.textareacontrol.focus())}}ga=new WeakMap,va=new WeakSet,fa=function(){var t,o;null===(t=e(this,ga,"f"))||void 0===t||t.abort(),i(this,ga,null,"f"),null===(o=this.resizeObserver)||void 0===o||o.disconnect(),this.resizeObserver=null},ba=function(){this.dispatchEvent(new CustomEvent(ma.change,{bubbles:!0,composed:!0,detail:{value:this.value}}))},xa=function(){this.dispatchEvent(new CustomEvent(ma.show,{bubbles:!0,composed:!0,detail:{loading:!0}}))},ya=function(){this.dispatchEvent(new CustomEvent(ma.hide,{bubbles:!0,composed:!0}))},$a=function(){this.dispatchEvent(new CustomEvent(ma.dismiss,{bubbles:!0,composed:!0}))},wa=function(){this.dispatchEvent(new CustomEvent(ma.prompt,{bubbles:!0,composed:!0,detail:{prompt:this.value}}))},ka.MIN_TEXTAREA_HEIGHT=20,ka.TEXTAREA_WIDTH_OFFSET=156,ka.ANNOUNCEMENT_TIMEOUT=1e3,t([s],ka.prototype,"value",void 0),t([s({mode:"boolean"})],ka.prototype,"inline",void 0),t([s({mode:"boolean"})],ka.prototype,"open",void 0),t([s({mode:"boolean"})],ka.prototype,"singleline",void 0),t([s({converter:v})],ka.prototype,"maxlength",void 0),t([s({converter:v})],ka.prototype,"minlength",void 0),t([s],ka.prototype,"placeholder",void 0),t([s({mode:"boolean"})],ka.prototype,"error",void 0),t([s({attribute:"show-character-count",mode:"boolean"})],ka.prototype,"showCharacterCount",void 0),t([s({attribute:"aria-controls"})],ka.prototype,"ariaControls",void 0),t([r],ka.prototype,"characterCount",void 0),t([r],ka.prototype,"actionButtons",void 0),t([r],ka.prototype,"dismissButton",void 0),t([r],ka.prototype,"sendButton",void 0),t([r],ka.prototype,"menu",void 0),t([s({attribute:"aria-label"})],ka.prototype,"ariaLabel",void 0),D(ka,re);const Ca=a`
+  ${fi("none")}
+
+  :host{--inline-input-max-width:592px;--inline-input-position:relative;--inline-input-width:100%;font-family:${K};font-size:${j};font-weight:${et};line-height:${N};background-color:${Y};border-radius:${J};max-width:var(--inline-input-max-width,592px);height:fit-content;max-height:${ui};width:var(--inline-input-width);position:var(--inline-input-position,relative);box-shadow:${Wt}}.inline-input{position:relative}:host([inline]){border-bottom:1px solid ${le};box-shadow:none}:host([loading]) .textfield{display:none}:host([loading]) .inline-input{border-bottom-color:${U}}:host([open]){display:inline-block}slot[name="icon"]{display:flex;align-items:center;justify-content:center;height:${ai};gap:${Ct};padding-inline-end:${Ct}}textarea{${de}
+    color:${V};line-height:${N};border:none;outline:none;padding:0 ${Ct};margin:0;resize:none;background-color:transparent;width:100%;height:${ci};align-self:center;overflow:hidden;grid-column:2;display:flex;justify-content:center;align-items:center}.inline-input{display:flex;align-items:center;background-color:${Y};border:${ce} solid ${U};border-bottom-color:${he};border-radius:${J};box-sizing:border-box;min-height:40px;padding:${Rt} ${Vt};position:relative;width:100%;gap:${ct}}.textfield{display:grid;grid-auto-flow:column;grid-auto-columns:auto;grid-template-columns:1fr min-content min-content min-content;grid-template-rows:[row1] 1fr;align-items:center;width:100%;border-radius:var(--borderRadiusXLarge)}.actions{max-height:${ui};display:flex;align-items:center;justify-content:center}::slotted([slot="divider"]) *{max-height:${ui};min-height:unset}.icon{grid-column:1}.dismiss{display:flex;align-items:flex-start;grid-column:6}.actions{gap:${Ct};grid-column:4}.character-count{${pe};padding:${ot};display:none;grid-column:1 / span 2}.divider{height:${ai};min-height:${ai};grid-column:5}:host([data-context="inline-output-widget"]){margin-top:${Rt}}.textfield::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${J});border-radius:0 0 ${J} ${J};border-bottom:2px solid ${ue};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${me};transition-delay:${ve}}:host([data-multiline]) .inline-input{align-items:flex-start}:host([show-character-count][data-multiline]) .character-count{display:flex}:host([data-multiline]) .textfield{grid-template-columns:min-content 1fr min-content min-content min-content;grid-template-rows:1fr 24px;row-gap:8px}:host([data-multiline]) .icon{grid-column:1 / span 1;grid-row:1;display:flex;height:100%;align-items:flex-start;justify-content:flex-start}:host([data-multiline]) .textarea-container{grid-column:2 / span 2;grid-row:1}:host([data-multiline]) .dismiss{grid-column:4 / span 1;grid-row:1;height:100%}:host([data-multiline]) .actions{grid-column:3 / span 2;grid-row:2}:host([data-multiline]) .divider{display:none}:host([singleline]) textarea{white-space:nowrap;}:host([error]) .errors-container{position:absolute}:host(:hover) .textfield{border-color:${ge};border-bottom-color:${fe}}:host(:active) .textfield{border-color:${be}}:host(:focus-within) .textfield{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .inline-input{border-bottom:none}:host(:focus-within) .textfield::after{transform:scaleX(1);transition-property:transform;transition-duration:${Bt};transition-delay:${xe}}:host(:focus-within:active) .textfield:after{border-bottom-color:${ye}}:host(::selection){color:${$e};background-color:${we}}.errors-container{display:none;padding-top:${ct};${ke};line-height:9px;color:${Ce};flex-direction:row;align-items:center;gap:${ot}}:host([error]) .errors-container{display:flex}slot[name="menu"]{position:absolute;top:100%;inset-inline-start:0;inset-inline-end:0;z-index:1000}::slotted([slot="menu"]){width:100%;position:absolute;top:40px;inset-inline-start:0;z-index:1000}:host([singleline]) .actions{padding-inline-start:${Rt}}`;const Ea=function(t={}){return n`<template ?singleline="${t=>t.singleline}" ?inline="${t=>t.inline}" ?error="${t=>t.error}" ?open="${t=>t.open}" role="group" aria-label="${t=>t.ariaLabel}" aria-controls="${t=>t.ariaControls}" ?aria-expanded="${t=>{var e,i;return null===(i=null===(e=t.menu)||void 0===e?void 0:e[0])||void 0===i?void 0:i.open}}"><slot name="start" part="start"></slot><div class="inline-input" part="inline-input"><span class="icon" part="icon" aria-hidden="true"><slot name="icon"></slot></span><div class="textfield" part="textfield" role="presentation"><div class="textarea-container" part="textarea-container"><textarea class="textarea" part="textarea" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" placeholder="${t=>t.placeholder}" aria-label="${t=>t.ariaLabel||t.placeholder}" aria-controls="${t=>{var e,i;return null===(i=null===(e=t.menu)||void 0===e?void 0:e[0])||void 0===i?void 0:i.id}}" aria-owns="${t=>{var e,i;return null===(i=null===(e=t.menu)||void 0===e?void 0:e[0])||void 0===i?void 0:i.id}}" aria-autocomplete="both" aria-haspopup="menu" autocomplete="off" aria-invalid="${t=>t.error?"true":"false"}" id="${t=>t.textareaId}" value="${t=>t.value}" ${u("textareacontrol")}></textarea></div><slot name="menu" ${h({property:"menu",filter:t=>t instanceof en})}></slot><div class="actions" part="actions"><slot name="action" ${h({property:"actionButtons",filter:d()})}></slot><slot name="send-button" ${h({property:"sendButton",filter:d()})}></slot><slot name="divider" class="divider"></slot><div class="dismiss" part="dismiss"><slot name="dismiss-button" ${h({property:"dismissButton",filter:d()})}></slot></div></div><div class="character-count" part="character-count" aria-live="polite" aria-atomic="true" role="status">${t=>t.characterCount}${t=>t.maxlength?`/${t.maxlength} characters`:" characters"}</div></div></div><div class="errors-container" part="errors-container" role="alert" aria-live="assertive" aria-atomic="true"><slot name="error-icon">${S(t.errorIcon)}</slot><div class="error-message" part="error-message" aria-live="polite" tabindex="0"><slot name="error-message"></slot></div></div><slot name="end" part="end"></slot></template>`}({errorIcon:n`<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M8.9375 2.19922C12.2512 2.19922 14.9375 4.88551 14.9375 8.19922C14.9375 11.5129 12.2512 14.1992 8.9375 14.1992C5.62379 14.1992 2.9375 11.5129 2.9375 8.19922C2.9375 4.88551 5.62379 2.19922 8.9375 2.19922ZM8.9375 10.1992C8.52329 10.1992 8.1875 10.535 8.1875 10.9492C8.1875 11.3634 8.52329 11.6992 8.9375 11.6992C9.35171 11.6992 9.6875 11.3634 9.6875 10.9492C9.6875 10.535 9.35171 10.1992 8.9375 10.1992ZM8.9375 4.69922C8.69204 4.69922 8.48789 4.87609 8.44556 5.10934L8.4375 5.19922V8.69922L8.44556 8.78909C8.48789 9.02234 8.69204 9.19922 8.9375 9.19922C9.18296 9.19922 9.38711 9.02234 9.42944 8.78909L9.4375 8.69922V5.19922L9.42944 5.10934C9.38711 4.87609 9.18296 4.69922 8.9375 4.69922Z" fill="#B10E1C" /></svg>`}),La=ka.compose({name:`${lo.prefix}-inline-input-widget`,template:Ea,styles:Ca,shadowOptions:{mode:lo.shadowRootMode}});class Ta extends o{}t([s({mode:"boolean"})],Ta.prototype,"error",void 0);const Sa=a`
+  ${fi("block")}
+
+  :host{padding:${ft} 0}:host([error]){color:${Ee}}.message{${ke}
+    display:grid;justify-content:flex-start;grid-template-columns:auto auto;align-items:flex-start;height:100%;gap:${ut}}:host([error]) .message{color:${Ee}}`;const Ma=n`<template ?error=${t=>null==t?void 0:t.error}><slot name="start"></slot><div class="message" part="message"><slot name="icon"></slot><slot></slot></div><slot name="end"></slot></template>`,Aa=Ta.compose({name:`${lo.prefix}-inline-message`,template:Ma,styles:Sa,shadowOptions:{mode:lo.shadowRootMode}}),Ia={load:"load",accept:"accept",reject:"reject",dismissed:"dismissed",show:"show",hide:"hide"};var Pa,Da,Oa,Ba,Ra,za,Fa,Ha,_a,qa,Wa,Ka;class ja extends o{constructor(){super(...arguments),Pa.add(this),Da.set(this,null),this.loading=!1,this.slottedStopButton=[],this.slottedInlineInput=[]}stopLoading(){this.loading=!1}hide(){this.open=!1}show(){this.open=!0}accept(){e(this,Pa,"m",Ha).call(this)}reject(){e(this,Pa,"m",_a).call(this)}loadingChanged(t,i){t!==i&&e(this,Pa,"m",Wa).call(this)}openChanged(t,i){if(t!==i){const t=this.hasAttribute("open");i&&!t?this.setAttribute("open",""):!i&&t&&this.removeAttribute("open"),i?e(this,Pa,"m",za).call(this):e(this,Pa,"m",Ka).call(this)}}slottedStopButtonChanged(t,i){var o;const s=null===(o=e(this,Da,"f"))||void 0===o?void 0:o.signal,n=()=>this.stopLoading();(null!=i?i:[]).forEach(t=>{t.addEventListener("click",n,s?{signal:s}:void 0)})}dismiss(){this.loading?this.stopLoading():(this.hide(),e(this,Pa,"m",Fa).call(this))}connectedCallback(){super.connectedCallback(),e(this,Pa,"m",Ba).call(this),m.enqueue(()=>{e(this,Pa,"m",Oa).call(this)})}disconnectedCallback(){super.disconnectedCallback(),e(this,Pa,"m",Ra).call(this)}}Da=new WeakMap,Pa=new WeakSet,Oa=function(){if(this.slottedInlineInput.length>0){const t=this.slottedInlineInput[0];t.setAttribute("single-line",""),t.setAttribute("inline",""),t.setAttribute("open",""),t.setAttribute("data-context","inline-output-widget")}},Ba=function(){var t;null===(t=e(this,Da,"f"))||void 0===t||t.abort(),i(this,Da,new AbortController,"f");const o=e(this,Da,"f").signal;this.addEventListener("dismiss",this.dismiss,{signal:o}),this.addEventListener("hide-output-widget",()=>this.hide(),{signal:o}),this.addEventListener("keydown",t=>{"Escape"===t.key&&this.loading&&this.stopLoading()},{signal:o})},Ra=function(){var t;null===(t=e(this,Da,"f"))||void 0===t||t.abort(),i(this,Da,null,"f")},za=function(){this.dispatchEvent(new CustomEvent(Ia.show,{bubbles:!0,composed:!0,detail:{loading:!0}}))},Fa=function(){this.dispatchEvent(new CustomEvent(Ia.dismissed,{bubbles:!0,composed:!0,detail:{dismissed:!0,id:this.id}}))},Ha=function(){this.dispatchEvent(new CustomEvent(Ia.accept,{bubbles:!0,composed:!0,detail:{accepted:!0,id:this.id,prompt:e(this,Pa,"m",qa).call(this)}}))},_a=function(){this.dispatchEvent(new CustomEvent(Ia.reject,{bubbles:!0,composed:!0,detail:{accepted:!1,id:this.id,prompt:e(this,Pa,"m",qa).call(this)}}))},qa=function(){var t;const e=null===(t=this.slottedInlineInput)||void 0===t?void 0:t[0],i=null==e?void 0:e.value;return"string"==typeof i?i:""},Wa=function(){this.dispatchEvent(new CustomEvent(Ia.load,{bubbles:!0,composed:!0,detail:{loading:this.loading}}))},Ka=function(){this.dispatchEvent(new CustomEvent(Ia.hide,{bubbles:!0,composed:!0,detail:{open:this.open}}))},t([s({mode:"boolean"})],ja.prototype,"loading",void 0),t([s({mode:"boolean"})],ja.prototype,"open",void 0),t([s({mode:"boolean"})],ja.prototype,"inline",void 0),t([r],ja.prototype,"slottedStopButton",void 0),t([r],ja.prototype,"slottedInlineInput",void 0);const Na=a`
+  ${fi("none")}
+
+  :host{max-width:var(--inline-output-max-width,592px);width:var(--inline-output-width,100%);height:fit-content;position:relative;font-family:${K};font-size:${j};font-weight:${et};line-height:${N};background-color:${Y};border-radius:${J};box-shadow:${Wt}}:host([open]){display:inline-block}:host([inline]){border-bottom:1px solid ${he};box-shadow:none;border:none;background-color:${Pt}}:host([loading]) .inline-output-content{display:none}.inline-output{position:relative}.inline-output-content{padding:${Rt} ${W};display:flex;flex-direction:column}.messages{gap:${mt};display:flex;flex-direction:column}.actions{display:flex;padding-top:${Rt};gap:${ot};margin-top:var(--default-content-margin,${Rt})}.loading-container{display:none;height:fit-content;border-radius:${J};border-bottom-color:var(--colorNeutralStroke1);padding:${Rt} ${W};${Ut}}.header{height:auto;font-size:${tt};display:flex;justify-content:space-between;margin-bottom:${ct}}.title{display:flex;align-items:center;gap:8px}.loading-window-container{overflow-x:hidden;margin:0px;color:${V};background-color:${Y};border-radius:${J}}:host fabric-progress-bar{height:4px;position:absolute;inset-inline-start:0;bottom:0;background:${Pt}}:host fabric-progress-bar::part(indicator){background-image:linear-gradient(
+      to right,#117865 10%,#dcf41f 60%,#42b8b2 100%)}.loading-content-container{height:${ai};align-content:center;overflow:hidden;display:grid;grid-template-columns:auto auto;width:100%}.loading-content-container slot[name="loading-message"]{display:flex;padding:0 ${W};align-items:center}.loading-stop-button::part(content){display:flex;align-items:center;width:49px;justify-content:space-between;${ke}}.loading-stop-icon{height:${ci};padding-inline-end:${ot}}.escape-loading-tag{border:1px solid ${U};color:${st};border-radius:${Z};padding:0 ${W};margin-inline-start:${ot};${ke}
+    width:${mi};height:${ci};display:flex;justify-content:center;align-items:center}.loading-interactions{display:flex;justify-content:center;justify-self:flex-end;align-items:center}:host([loading]) .loading-container{display:flex}`;const Ga=n`<template ?open=${t=>t.open} ?loading=${t=>t.loading} ?inline=${t=>t.inline} aria-hidden="${t=>t.open?"false":"true"}"><div class="inline-output" part="inline-output"><div class="inline-output-content" part="inline-output-content" aria-hidden="${t=>t.loading?"true":"false"}"><div class="header" part="header"><div class="title" part="title"><slot name="icon"></slot><slot name="title"></slot></div><div class="dismiss" part="dismiss"><slot name="dismiss"></slot></div></div><div class="messages" part="messages"><slot name="message"></slot></div><div class="default" part="default"><slot ${h({property:"slottedInlineInput",filter:d()})}></slot></div><div class="actions" part="actions"><slot name="actions"></slot></div></div><div class="loading-container" part="loading-container" role="status" aria-live="polite" aria-label="Loading status"><div class="loading-content-container" part="loading-content-container"><slot name="loading-message"></slot><div class="loading-interactions" part="loading-interactions"><slot name="stop-button" ${h({property:"slottedStopButton",filter:d()})}></slot><span class="escape-loading-tag" part="escape-loading-tag"><slot name="escape-loading-tag">ESC</slot></span></div></div><fabric-progress-bar thickness="thick" aria-label="Loading progress" class="progress-bar" part="progress-bar"></fabric-progress-bar></div></div></template>`,Va=g(f(ja.compose({name:`${lo.prefix}-inline-output-widget`,template:Ga,styles:Na,shadowOptions:{mode:lo.shadowRootMode}})),f(O)),Za={KEYDOWN:"output-card-keydown",LOADING:"output-card-loading",CANCEL_LOADING:"output-card-cancel-loading",MOUSEENTER:"output-card-mouseenter",MOUSELEAVE:"output-card-mouseleave",FOCUS:"output-card-focus"};function Ua(t){return Object.entries(t).map(([t,e])=>`${t} { ${Object.entries(e).map(([t,e])=>`${t}: ${e};`).join(" ")} }`).join("\n")}function Xa(t){return[{name:"angleAnimation",frames:t.angleAnimation},{name:"color1Animation",frames:t.color1Animation},{name:"color2Animation",frames:t.color2Animation},{name:"color3Animation",frames:t.color3Animation},{name:"colorHC1Animation",frames:t.colorHC1Animation},{name:"colorHC2Animation",frames:t.colorHC2Animation},{name:"colorHC3Animation",frames:t.colorHC3Animation}].map(({name:t,frames:e})=>`@keyframes ${t} {${Ua(e)}}`).join("\n")}const Ya=t=>{try{window.CSS.registerProperty({inherits:!1,...t})}catch{}},Ja=[{name:"--colorBrandFlair1",value:"#117865",syntax:"<color>"},{name:"--colorBrandFlair2",value:"#DCF41F",syntax:"<color>"},{name:"--colorBrandFlair3",value:"#42B8B2",syntax:"<color>"},{name:"--colorBrandFlair1Transparent",value:"rgba(17, 120, 101, 0)",syntax:"<color>"},{name:"--colorBrandFlair2Transparent",value:"rgba(220, 244, 31, 0)",syntax:"<color>"},{name:"--colorBrandFlair3Transparent",value:"rgba(66, 184, 178, 0)",syntax:"<color>"},{name:"--colorHCFlair1",value:"Highlight",syntax:"<color>"},{name:"--colorHCFlair2",value:"HighlightText",syntax:"<color>"},{name:"--colorHCFlair3",value:"Highlight",syntax:"<color>"},{name:"--fai-flair-angle",value:"0",syntax:"<number>"}],Qa=[{name:"--fai-flair-stroke-width",value:Wi.strokeWidthThick,syntax:"<number>"},{name:"--fai-flair-background-image",value:"none",syntax:"<image>"}],tr=["angleAnimation","color1Animation","color2Animation","color3Animation"],er=["angleAnimation","colorHC1Animation","colorHC2Animation","colorHC3Animation"],ir=`\n  border-radius: ${Wi.borderRadiusXLarge};\n  background-image: ${Ri.backgroundImage};\n`,or=`\n  animation-duration: ${Ri.flairAnimationDuration};\n  animation-delay: ${Ri.flairAnimationDelay};\n  animation-timing-function: ${Ri.flairAnimationTimingFunction};\n  animation-fill-mode: forwards, forwards, forwards, forwards;\n  animation-name: ${tr.join(", ")};\n`,sr="\n  forced-color-adjust: none;\n  background-color: Canvas;\n  color: CanvasText;\n",nr=`\n  animation-duration: ${Ri.flairAnimationDuration};\n  animation-duration: 10000ms, 10000ms, 10000ms, 10000ms;\n  animation-delay: ${Ri.flairAnimationDelay};\n  animation-timing-function: ${Ri.flairAnimationTimingFunction};\n  animation-fill-mode: forwards, forwards, forwards, forwards;\n  animation-name: ${er.join(", ")};\n`,ar=`\n  border-radius: ${Wi.borderRadiusXLarge};\n  background-image: var(--fai-flair-background-image);\n`,rr="",lr="";const dr=t=>`\n      .flair-element {\n        ${function(t){return t?ir:ar}(t)}\n      }\n\n      .flair-active {\n        ${function(t){return t?or:""}(t)}\n\n        @media (forced-colors: active) {\n          ${sr}\n          ${function(t){return t?nr:""}(t)}\n        }\n      }\n\n      ${function(t){if(t)return Xa(zi)}(t)}\n`;class cr{constructor(t){this.initializedModules=!1,this.state="rest",this.animCount=0,this.targetSelector=t||null,this.targetElement=null,this.onAnimationStart=this.onAnimationStart.bind(this),this.onAnimationEnd=this.onAnimationEnd.bind(this),this.onAnimationCancel=this.onAnimationCancel.bind(this),this.supportsHoudini=Oi(),Fi()}onAnimationStart(){this.animCount++}onAnimationEnd(){var t;this.animCount--,this.animCount<=0&&(this.state="rest",null===(t=this.targetElement)||void 0===t||t.classList.remove("flair-active"),this.removeEventListeners())}onAnimationCancel(){var t;this.state="rest",null===(t=this.targetElement)||void 0===t||t.classList.remove("flair-active"),this.removeEventListeners()}addEventListeners(){var t,e,i;null===(t=this.targetElement)||void 0===t||t.addEventListener("animationstart",this.onAnimationStart),null===(e=this.targetElement)||void 0===e||e.addEventListener("animationend",this.onAnimationEnd),null===(i=this.targetElement)||void 0===i||i.addEventListener("animationcancel",this.onAnimationCancel)}removeEventListeners(){var t,e,i;null===(t=this.targetElement)||void 0===t||t.removeEventListener("animationstart",this.onAnimationStart),null===(e=this.targetElement)||void 0===e||e.removeEventListener("animationend",this.onAnimationEnd),null===(i=this.targetElement)||void 0===i||i.removeEventListener("animationcancel",this.onAnimationCancel)}registerTokenValues(){Ja.forEach(t=>{Ya({name:t.name,initialValue:t.value,syntax:t.syntax})}),this.supportsHoudini||Qa.forEach(t=>{Ya({name:t.name,initialValue:t.value,syntax:t.syntax})})}addStyles(){if(!document.getElementById("flair-styles")){const t=document.createElement("style");t.id="flair-styles",t.textContent=dr(this.supportsHoudini),document.head.appendChild(t)}}async initializeFlairModules(){try{await Bi(Hi,_i)}catch(t){console.error("Error fetching flair",t)}}async initialize(){this.initializedModules||(this.registerTokenValues(),await this.initializeFlairModules().then(()=>{this.initializedModules=!0}).catch(t=>{this.initializedModules=!1,console.error("Error initializing flair",t)}))}attachTo(t){var e;if(!(t instanceof HTMLElement))throw new Error("Element must be an HTMLElement");return this.targetElement=this.targetSelector?document.querySelector(this.targetSelector):t,this.targetElement||(console.warn(`Flair target "${this.targetSelector}" not found in`,t),this.targetElement=t),this.targetElement.classList.add("flair-element"),this.supportsHoudini||null===(e=this.targetElement)||void 0===e||e.classList.add("fallback-flair"),this.addStyles(),this}fallbackFlairPlay(){if(this.targetElement){const{play:t}=qi(this.targetElement);t(()=>{this.state="rest"},()=>{})}}fallbackFlairStop(){if(this.targetElement){const{play:t}=qi(this.targetElement);t(()=>!1,()=>{this.state="rest"})}}play(){this.targetElement?"rest"===this.state&&(this.state="play",this.targetElement.classList.add("flair-active"),this.supportsHoudini?this.addEventListeners():this.fallbackFlairPlay()):console.error("No element attached to Flair instance")}stop(){this.targetElement&&"play"===this.state&&(this.targetElement.classList.remove("flair-active"),this.state="rest",this.animCount=0,this.supportsHoudini?this.removeEventListeners():this.fallbackFlairStop())}}const hr={PLAY:"play-flair",STOP:"stop-flair"};function pr(t){return function(e){if(!Object.prototype.isPrototypeOf.call(HTMLElement.prototype,e.prototype)&&!Object.prototype.isPrototypeOf.call(o.prototype,e.prototype))throw new Error("FlairDecorator can only be used on classes that extend HTMLElement or FASTElement");Object.defineProperty(e.prototype,"_flairInstance",{value:void 0,writable:!0,enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"flairInstance",{get(){return this._flairInstance||(this._flairInstance=new cr(t),this._flairInstance.initialize().catch(t=>{console.error("Error initializing flair:",t)})),this._flairInstance}});const i=e.prototype.connectedCallback;return e.prototype.connectedCallback=function(){i&&i.apply(this),this.flairInstance&&(this.flairInstance.attachTo(this),this.addEventListener(hr.PLAY,t=>{var e;t.target===this&&(null===(e=this.flairInstance)||void 0===e||e.play())}),this.addEventListener(hr.STOP,t=>{var e;t.target===this&&(null===(e=this.flairInstance)||void 0===e||e.stop())}))},e}}var ur,mr;let vr=class extends o{constructor(){super(...arguments),ur.add(this),this.suppressToolbarOpen=!1,this.handleKeyDown=t=>{var e,i;"Tab"===t.key?t.shiftKey||!(null===(e=this.toolbarButtonRefs)||void 0===e?void 0:e.length)||this.suppressToolbarOpen||this.controlToolbar(!0):"Escape"===t.key&&(null===(i=this.popoverRef)||void 0===i?void 0:i.open)&&(t.preventDefault(),this.suppressToolbarOpen=!0,this.controlToolbar(!1),this.focus())},this.handleToolbarButtonKeyDown=t=>{if("Tab"===t.key){const e=t.target===this.toolbarButtonRefs[this.toolbarButtonRefs.length-1],i=t.target===this.toolbarButtonRefs[0];(t.shiftKey&&i||!t.shiftKey&&e)&&(this.suppressToolbarOpen=!0,this.controlToolbar(!1))}else"Escape"===t.key&&(t.preventDefault(),this.suppressToolbarOpen=!0,this.controlToolbar(!1),this.focus())},this.handleBaseComponentBlur=t=>{var e;const i=null===(e=this.toolbarButtonRefs)||void 0===e?void 0:e.includes(t.relatedTarget);this.showToolbar||i||this.controlToolbar(!1)},this.handleMouseenter=t=>{this.loading||this.suppressToolbarOpen||this.contains(document.activeElement)||(this.dispatchEvent(new CustomEvent(Za.MOUSEENTER,{bubbles:!0,composed:!0,detail:{target:t.target}})),this.controlToolbar(!0))},this.handleMouseleave=t=>{this.loading||(this.dispatchEvent(new CustomEvent(Za.MOUSELEAVE,{bubbles:!0,composed:!0,detail:{target:t.target}})),!0===this.showToolbar||this.contains(document.activeElement)||this.controlToolbar(!1))},this.handleBaseComponentFocus=t=>{this.loading||this.suppressToolbarOpen||(this.dispatchEvent(new CustomEvent(Za.FOCUS,{bubbles:!0,composed:!0,detail:{target:t.target}})),this.controlToolbar(!0))},this.cancelLoading=()=>{this.loading=!1,e(this,ur,"m",mr).call(this)},this.handleFocusOut=t=>{t.relatedTarget&&this.contains(t.relatedTarget)||(this.showToolbar||this.controlToolbar(!1),this.suppressToolbarOpen=!1)}}toolbarButtonRefsChanged(){this.toolbarButtonRefs&&this.toolbarButtonRefs.forEach(t=>{var e;t.removeEventListener("keydown",this.handleToolbarButtonKeyDown),t.addEventListener("keydown",this.handleToolbarButtonKeyDown),t.setAttribute("tabindex",(null===(e=this.popoverRef)||void 0===e?void 0:e.open)?"0":"-1")})}controlToolbar(t){this.popoverRef&&(this.popoverRef.open=t,this.toolbarButtonRefs&&this.toolbarButtonRefs.forEach(e=>{e.setAttribute("tabindex",t?"0":"-1")}))}playFlair(){this.dispatchEvent(new CustomEvent(hr.PLAY,{bubbles:!1}))}loadingChanged(){this.loading&&this.showToolbar&&this.controlToolbar(!1)}popoverRefChanged(){this.showToolbar&&!this.loading&&this.controlToolbar(!0)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("dismiss",this.cancelLoading)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("focusout",this.handleFocusOut),this.toolbarButtonRefs&&this.toolbarButtonRefs.forEach(t=>{t.removeEventListener("keydown",this.handleToolbarButtonKeyDown)})}};ur=new WeakSet,mr=function(){this.dispatchEvent(new CustomEvent(Za.CANCEL_LOADING,{bubbles:!0,composed:!0,detail:{target:this}}))},t([s({mode:"boolean"})],vr.prototype,"loading",void 0),t([s({mode:"boolean",attribute:"show-toolbar"})],vr.prototype,"showToolbar",void 0),t([r],vr.prototype,"popoverRef",void 0),t([r],vr.prototype,"toolbarButtonRefs",void 0),t([r],vr.prototype,"actionsRef",void 0),t([r],vr.prototype,"feedbackRef",void 0),t([r],vr.prototype,"referencesRef",void 0),vr=t([pr()],vr);const gr=a`
+  ${fi("block")}
+
+  :host{width:288px;}:host([loading]){pointer-events:none}:host .main-container{font-weight:${et};font-family:${K};font-size:${j};line-height:${N};border-radius:${J};box-sizing:border-box;box-shadow:${Le};padding:${X} ${rt}}:host(:focus-visible){border-color:${V};outline-color:${V}}:host([loading]:focus-visible){outline:none;border-color:none}:host([loading]) .main-container{border:0px;padding:0px;overflow-x:hidden;pointer-events:none}:host([loading]) .base,:host([loading]) .references,:host([loading]) .feedback-actions{display:none;visibility:hidden}.loading-window-container{display:none;visibility:hidden;overflow-x:hidden;margin:0px}:host([loading]) .loading-window-container{display:block;visibility:visible}.loading-window-container fluent-progress-bar{height:4px}.loading-window-container fluent-progress-bar::part(indicator){background-image:linear-gradient(
+      to right,#117865 10%,#dcf41f 60%,#42b8b2 100%)}.loading-message-container{padding:${X} ${rt};overflow-x:hidden}.cancel-button-container{visibility:hidden;display:none}:host([loading]) .cancel-button-container{visibility:visible;display:flex;justify-content:center;margin-top:${Rt};pointer-events:auto}:host([loading]) .cancel-button-container fluent-button::part(content){display:flex;justify-content:center;align-items:center}:host([loading]) .cancel-button-container svg{margin-inline-end:4px}fabric-popover::part(popover){--popoverHorizontalNudge:17px;--popoverVerticalNudge:-5px;min-height:unset;padding:4px 8px}::slotted([slot="toolbar-buttons"]){box-sizing:border-box;min-width:${mi};min-height:${ai};padding:${ot}}::slotted([slot="feedback"]){box-sizing:border-box;min-width:${vi};min-height:${ui};padding:${Te}}::slotted([slot="actions"]){box-sizing:border-box;min-width:${vi};min-height:${ui};margin-inline-end:${W}}.content{margin-bottom:${X}}.content ::slotted(p){margin-top:0}.actions{display:flex;justify-content:flex-start;flex-grow:1;margin-bottom:${ct}}.feedback{display:flex;justify-content:space-between;flex-grow:1;margin-bottom:${ct}}.feedback-question-container{display:flex;align-items:center}.feedback-actions{display:flex;flex-direction:row;flex-wrap:wrap}`;const fr=n`<template tabindex="0" role="group" @focus="${(t,e)=>t.handleBaseComponentFocus(e.event)}" @blur="${(t,e)=>t.handleBaseComponentBlur(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}" @mouseenter="${(t,e)=>t.handleMouseenter(e.event)}" @mouseleave="${(t,e)=>t.handleMouseleave(e.event)}"><div class="main-container" part="main-container" aria-busy="${t=>t.loading}"><fabric-popover part="toolbar" class="toolbar" position="above-end" non-clickable reposition-mode="none" ${u("popoverRef")}><span slot="popover-content" id="output-card-popover-toolbar-button-group" part="toolbarContent"><slot name="toolbar-buttons" ${h("toolbarButtonRefs")}></slot></span><div slot="popover-trigger" class="base" part="base"><div class="content" part="content" id="output-card-main-content"><slot></slot></div></div></fabric-popover>${c(t=>t.loading,n`<div class="loading-container"><div class="loading-window-container" aria-live="polite" aria-busy="true"><div class="loading-message-container"><slot name="loading-content"></slot></div><fluent-progress-bar thickness="thick"></fluent-progress-bar></div></div>`)}<div class="feedback-actions" id="output-card-actions"><div class="actions" part="actions"><slot name="actions" ${h("actionsRef")}></slot></div><div class="feedback" part="feedback" id="output-card-feedback"><div class="feedback-question-container"><slot name="feedback-question"></slot></div><div><slot name="feedback" ${h("feedbackRef")}></slot></div></div></div><div class="references" part="references" id="output-card-references"><slot name="references" ${h("referencesRef")}></slot></div></div>${c(t=>t.loading,n`<div class="cancel-button-container" part="cancel-button-container"><slot name="cancel-button"></slot></div>`)}</template>`,br=g(f(vr.compose({name:`${lo.prefix}-output-card`,template:fr,styles:gr,shadowOptions:{mode:lo.shadowRootMode}})),f(T),f($t),f(Se)),xr={select:"fabric-prompt-select"};class yr extends o{constructor(){super(...arguments),this.prompt="",this.disabled=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown)}select(){return!this.disabled&&(this.emitPromptSelectEvent(),!0)}emitPromptSelectEvent(){this.dispatchEvent(new CustomEvent(xr.select,{bubbles:!0,composed:!0,detail:{prompt:this.prompt,id:this.id}}))}handleClick(){this.disabled||this.select()}handleKeyDown(t){if(!this.disabled)switch(t.key){case $i:case yi:t.preventDefault(),this.select();break;case wi:return!0}}}t([s],yr.prototype,"prompt",void 0),t([s({mode:"boolean"})],yr.prototype,"disabled",void 0);const $r=a`
+  :host{${K}
+    width:inherit;display:flex;flex-wrap:wrap}:host([hidden]){display:none}button{width:100%;-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:none;cursor:pointer;border-radius:0;box-shadow:none}:host([disabled]) button{cursor:default}:host(:focus-visible) button{outline:2px solid ${Me};outline-offset:2px}.prompt{padding:${Rt} ${rt};border:2px solid ${Ae};color:${V};${de};display:flex;justify-content:flex-start;border-radius:${Ie};background:${gt};text-align:start}:host(:hover) .prompt{border-color:${Pe};background:${bt};cursor:pointer}:host(:active) .prompt{border-color:${De};background:${xt}}:host([disabled]) .prompt{color:${wt};background:${Xt};border-radius:${Ie};border-color:${Ae};cursor:not-allowed}`;const wr=n`<button prompt="${t=>t.prompt}" ?disabled="${t=>t.disabled}" ${u("promptbutton")}><div class="prompt"><slot></slot></div></button>`,kr=yr.compose({name:`${lo.prefix}-prompt`,template:wr,styles:$r,shadowOptions:{mode:lo.shadowRootMode,delegatesFocus:!0}});class Cr extends o{}const Er=a`
+  ${fi("inline-flex")}
+
+  .prompt-bubble-container{box-sizing:border-box;max-width:288px;padding-inline-start:${Oe};padding-inline-end:0}.prompt-bubble{box-sizing:border-box;background-color:${Be};min-height:40px;height:100%;width:256px;font-family:${K};font-weight:${et};font-size:${j};font-style:${de};border-radius:${J};align-items:center;padding:${Rt} ${rt};color:${V};text-align:start}`;const Lr=n`<div class="prompt-bubble-container" part="prompt-bubble-container"><div class="prompt-bubble" part="prompt-bubble"><slot></slot></div></div>`,Tr=Cr.compose({name:`${lo.prefix}-prompt-bubble`,template:Lr,styles:Er,shadowOptions:{mode:lo.shadowRootMode}}),Sr={promptSelect:"prompt-select",bookmarkChange:"bookmark-change"};var Mr,Ar,Ir,Pr,Dr,Or;class Br extends o{constructor(){super(...arguments),Mr.add(this),Ar.set(this,null),this.prompt="",this.category="",this.mainText="",this.target="",this.toggleBookmark=t=>{const e=t;"bookmark"===e.detail.bookmark?this.bookmarked=!0:"unbookmark"===e.detail.bookmark&&(this.bookmarked=!1)},this.handleClick=t=>{this.prompt&&(this.appendPromptToTarget(),e(this,Pr,"f").call(this))},Ir.set(this,()=>{this.dispatchEvent(new CustomEvent(Sr.bookmarkChange,{bubbles:!0,composed:!0,detail:{target:this,prompt:this.prompt,bookmarked:this.bookmarked}}))}),Pr.set(this,()=>{this.dispatchEvent(new CustomEvent(Sr.promptSelect,{bubbles:!0,composed:!0,detail:{target:this,prompt:this.prompt}}))}),this.handleKeydown=t=>(t.key!==$i&&t.key!==yi||(t.stopPropagation(),t.key===$i?(t.preventDefault(),this.appendPromptToTarget(),e(this,Pr,"f").call(this)):t.key===yi&&t.preventDefault()),!0),this.handleKeyup=t=>(t.key===yi&&(t.stopPropagation(),this.prompt&&(this.appendPromptToTarget(),e(this,Pr,"f").call(this))),!0)}slottedPromptChanged(t,e){var i;if(this.updateTextContent(),this.$fastController.isConnected&&!this.prompt){const t=null!==(i=null==e?void 0:e.map(t=>t.textContent).join(""))&&void 0!==i?i:"";this.prompt=t.trim()}}bookmarkedChanged(t,i){t!==i&&this.$fastController.isConnected&&e(this,Ir,"f").call(this)}updateTextContent(){const t=(this.slottedPrompt||[]).filter(t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE).map(t=>{var e;return null!==(e=t.textContent)&&void 0!==e?e:""}).join(" ");this.mainText=t.replace(/\s+/g," ").trim().toLowerCase()}appendPromptToTarget(){if(!this.target||!this.prompt)return;const t=document.getElementById(this.target);if(!t)return;if(Ui(t,this.prompt).ok)try{t instanceof HTMLElement&&(t.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),t.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}catch{}}buttonChanged(t,i){e(this,Mr,"m",Or).call(this),i&&e(this,Mr,"m",Dr).call(this)}connectedCallback(){super.connectedCallback(),e(this,Mr,"m",Dr).call(this)}disconnectedCallback(){super.disconnectedCallback(),e(this,Mr,"m",Or).call(this)}}Ar=new WeakMap,Ir=new WeakMap,Pr=new WeakMap,Mr=new WeakSet,Dr=function(){var t;null===(t=e(this,Ar,"f"))||void 0===t||t.abort(),i(this,Ar,new AbortController,"f");const{signal:o}=e(this,Ar,"f");this.addEventListener("bookmark-toggle",this.toggleBookmark,{signal:o});const s=this.button;s&&(s.addEventListener("click",this.handleClick,{signal:o}),s.addEventListener("keydown",this.handleKeydown,{signal:o}),s.addEventListener("keyup",this.handleKeyup,{signal:o}))},Or=function(){var t;null===(t=e(this,Ar,"f"))||void 0===t||t.abort(),i(this,Ar,null,"f")},t([s],Br.prototype,"prompt",void 0),t([s],Br.prototype,"category",void 0),t([s({mode:"boolean"})],Br.prototype,"bookmarked",void 0),t([r],Br.prototype,"mainText",void 0),t([r],Br.prototype,"slottedPrompt",void 0),t([s],Br.prototype,"target",void 0),t([r],Br.prototype,"button",void 0);const Rr="28px",zr=a`
+  ${fi("inline-block")}
+  :host{font-family:${K};user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:${Y};border-radius:${Rr};box-shadow:${Zt};display:flex;flex-direction:column;height:var(--prompt-card-height,100%);width:var(--prompt-card-width,271px)}button{display:flex;box-sizing:border-box;flex-direction:column;gap:${Rt};padding:${zt} ${zt} ${X}
+      ${zt};border:1px solid ${Re};border-radius:${Rr} ${Rr} 0 0;background:${Y}}.button:hover{background-color:${Jt};cursor:pointer}.button:active{background-color:${ze};cursor:pointer}.content{flex:1;min-height:52px;color:${V};${de}}.footer{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:${X} ${zt};gap:${zt};height:54px;}`;const Fr=n`<template class="prompt-card" part="prompt-card" role="group" ?bookmarked="${t=>!(!t||!t.bookmarked)}" prompt="${t=>t&&t.prompt||""}" category="${t=>t&&t.category||""}"><button class="button" part="button" aria-label="${t=>{var e;return null!==(e=null==t?void 0:t.ariaLabel)&&void 0!==e?e:""}}" ${u("button")} tabindex="0"><div class="content" part="content"><slot ${h("slottedPrompt")}></slot></div></button><div class="footer" part="footer"><slot name="footer"></slot></div></template>`,Hr=Br.compose({name:`${lo.prefix}-prompt-card`,template:Fr,styles:zr,shadowOptions:{mode:lo.shadowRootMode}});class _r extends o{constructor(){super(...arguments),this.savedPromptsOnly=!1,this.toggleSavedPrompts=t=>{const e=this.promptCards.filter(t=>!t.bookmarked);t?(null==e||e.forEach(t=>{t.setAttribute("hidden","true")}),this.savedPromptsOnly=!0):(null==e||e.forEach(t=>{t.removeAttribute("hidden")}),this.savedPromptsOnly=!1)},this.filterPromptCards=t=>{const e=this.promptCards;if(e.forEach(t=>{t.removeAttribute("hidden")}),!t)return;e.filter(e=>e.category!==t).forEach(t=>{t.setAttribute("hidden","true")})},this.emitBeforeToggle=()=>{var t,e;this.$emit("beforetoggle",{oldState:(null===(t=this.dialog)||void 0===t?void 0:t.open)?"open":"closed",newState:(null===(e=this.dialog)||void 0===e?void 0:e.open)?"closed":"open"})},this.emitToggle=()=>{var t,e;this.$emit("toggle",{oldState:(null===(t=this.dialog)||void 0===t?void 0:t.open)?"closed":"open",newState:(null===(e=this.dialog)||void 0===e?void 0:e.open)?"open":"closed"})},this._promptSelectHandler=t=>this.hide()}getFocusableElements(){return[...this.dismissButton||[],...this.actions||[],...this.promptCards||[],...this.footer||[]]}handleFocusTrapping(t){var e;const i=this.getFocusableElements();if(0===i.length)return;const o=i.indexOf(document.activeElement);let s;if(s=t?o<=0?i.length-1:o-1:o>=i.length-1?0:o+1,Ki(i[s])||"FABRIC-PROMPT-CARD"!==i[s].tagName)i[s].focus();else{const t=null===(e=i[s].shadowRoot)||void 0===e?void 0:e.querySelector(".prompt-card-container");null==t||t.focus()}}handleKeyDown(t){if(!t.defaultPrevented)return t.key!==wi||(t.preventDefault(),void this.handleFocusTrapping(t.shiftKey))}show(){m.enqueue(()=>{var t;this.emitBeforeToggle(),null===(t=this.dialog)||void 0===t||t.showModal(),this.emitToggle()})}hide(){var t;this.emitBeforeToggle(),null===(t=this.dialog)||void 0===t||t.close(),this.emitToggle()}connectedCallback(){super.connectedCallback(),this.addEventListener("prompt-select",this._promptSelectHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("prompt-select",this._promptSelectHandler)}}t([s],_r.prototype,"savedPromptsOnly",void 0),t([r],_r.prototype,"dialog",void 0),t([r],_r.prototype,"dismissButton",void 0),t([r],_r.prototype,"actions",void 0),t([r],_r.prototype,"promptCards",void 0),t([r],_r.prototype,"footer",void 0);const qr=a`
+  ${fi("flex")}
+
+  :host{--dialog-backdrop:${Fe};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}.prompt-gallery-dialog{border:none;box-sizing:border-box;padding:0;background-color:transparent;box-shadow:${He};border-radius:${J}}.prompt-gallery-dialog-body{width:604px;border:none;background-color:${Y};border-radius:${J};display:flex;flex-direction:column;padding:${_e} ${qe};gap:${Rt};box-sizing:border-box}.prompt-gallery-header{display:flex;justify-content:space-between;align-items:center;color:${V}}.prompt-gallery-header-title{${We}}.prompt-gallery-body{display:flex;flex-direction:column;gap:${X};padding:${X} 0;height:556px;}.prompt-gallery-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:${pt}}.prompt-gallery-footer{display:flex;justify-content:flex-end}.prompt-gallery-actions{display:flex;gap:${W}}@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Ke};transition-timing-function:${xe};opacity:0}::backdrop{transition-timing-function:${je}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${ve}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}`;const Wr=n`<template saved-prompts-only=${t=>t.savedPromptsOnly}><dialog @dismiss=${t=>t.hide()} class="prompt-gallery-dialog" part="dialog" ${u("dialog")} role="dialog" type="modal" aria-modal="true" aria-describedby="${t=>t.ariaDescribedby}" aria-labelledby="${t=>t.ariaLabelledby}"><div class="prompt-gallery-dialog-body" @keydown=${(t,e)=>t.handleKeyDown(e.event)} part="dialog-body"><div class="prompt-gallery-header"><slot name="title" class="prompt-gallery-header-title"></slot><slot name="dismiss-button" ${h({property:"dismissButton",filter:d()})}></slot></div><div class="prompt-gallery-body" part="prompt-gallery-body"><div class="prompt-gallery-actions"><slot name="actions" class="prompt-gallery-actions" part="actions" ${h({property:"actions",filter:d()})}></slot></div><slot name="prompt-cards" class="prompt-gallery-cards" ${h({property:"promptCards",filter:d()})}</slot></div><slot name="footer" class="prompt-gallery-footer" part="footer" ${h({property:"footer",filter:d()})}></slot></div></dialog></template>`,Kr=_r.compose({name:`${lo.prefix}-prompt-gallery`,template:Wr,styles:qr,shadowOptions:{mode:lo.shadowRootMode}}),jr={"placeholder-select":"placeholder-select"};var Nr,Gr,Vr,Zr,Ur;class Xr extends B{constructor(){super(...arguments),Nr.add(this),Gr.set(this,()=>{this.toggleAttribute("pressed",!0)}),Vr.set(this,()=>{this.removeAttribute("pressed")}),Zr.set(this,()=>{e(this,Nr,"m",Ur).call(this)})}getPlaceholderValue(){var t;return(null===(t=this.textContent)||void 0===t?void 0:t.trim())||""}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",e(this,Gr,"f")),this.addEventListener("pointerup",e(this,Vr,"f")),this.addEventListener("pointerleave",e(this,Vr,"f")),this.addEventListener("pointercancel",e(this,Vr,"f")),this.addEventListener("click",e(this,Zr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("pointerdown",e(this,Gr,"f")),this.removeEventListener("pointerup",e(this,Vr,"f")),this.removeEventListener("pointerleave",e(this,Vr,"f")),this.removeEventListener("pointercancel",e(this,Vr,"f")),this.removeEventListener("click",e(this,Zr,"f"))}}Gr=new WeakMap,Vr=new WeakMap,Zr=new WeakMap,Nr=new WeakSet,Ur=function(){this.dispatchEvent(new CustomEvent(jr["placeholder-select"],{bubbles:!0,composed:!0,detail:{target:this}}))};const Yr=a`
+  ${Ne}
+
+  :host{color:${at};text-decoration:underline dashed;text-underline-offset:${ct};cursor:pointer;font-weight:${dt}}:host(:hover){color:${Ge}}:host([pressed]){color:${Ve}}`,Jr=n`<slot></slot>`,Qr=Xr.compose({name:`${lo.prefix}-prompt-placeholder`,template:Jr,styles:Yr,shadowOptions:{mode:lo.shadowRootMode}}),tl={promptSelect:"prompt-select"},el={none:"none",liked:"liked",disliked:"disliked"};var il,ol,sl,nl,al,rl,ll,dl,cl,hl,pl,ul,ml,vl,gl,fl,bl,xl,yl,$l,wl,kl,Cl,El,Ll,Tl,Sl,Ml,Al,Il,Pl,Dl,Ol;const Bl=`${lo.prefix}-prompt-placeholder`;class Rl extends o{constructor(){super(...arguments),il.add(this),ol.set(this,null),sl.set(this,"fabric-prompt-starter-tooltip-anchor-"),nl.set(this,""),this.prompt="",this.category="",this.mainText="",this.slottedLikeButton=[],this.slottedDislikeButton=[],this.target="",this.placeholders=[],this.pressed=!1,this.feedback=el.none,this.handleClick=t=>{if(t){if(t.composedPath().some(t=>e(this,Tl,"f").call(this,t)))return!0}return this.prompt&&(this.appendPromptToTarget(),e(this,Ml,"f").call(this)),!0},ul.set(this,()=>{e(this,vl,"f").call(this),e(this,xl,"f").call(this)}),ml.set(this,()=>{this.pressed=!0}),vl.set(this,()=>{this.pressed=!1}),this.handleTooltipClick=t=>{t.stopPropagation()},gl.set(this,()=>{var t;null===(t=this.tooltip)||void 0===t||t.mouseenterAnchorHandler()}),fl.set(this,t=>{const e=document.activeElement;return t===e||t.contains(e)}),bl.set(this,()=>{var t,i;const o=document.activeElement;return!!(null===(t=this.tooltip)||void 0===t?void 0:t.contains(o))||(!!(null===(i=this.feedbackGroup)||void 0===i?void 0:i.contains(o))||e(this,il,"a",al).some(t=>e(this,fl,"f").call(this,t)))}),xl.set(this,()=>{setTimeout(()=>{var t;e(this,bl,"f").call(this)||(e(this,Sl,"f").call(this),null===(t=this.tooltip)||void 0===t||t.mouseleaveAnchorHandler())},0)}),yl.set(this,()=>{setTimeout(()=>{document.activeElement!==this.component&&e(this,bl,"f").call(this)||e(this,Sl,"f").call(this)},0)}),$l.set(this,()=>{var t;null===(t=this.component)||void 0===t||t.focus()}),wl.set(this,t=>{if(t.key===xi)return t.preventDefault(),t.stopPropagation(),void e(this,$l,"f").call(this);if(t.key===wi)return void e(this,Sl,"f").call(this);if(t.key!==Ti&&t.key!==Si)return;t.preventDefault(),t.stopPropagation();const i=e(this,il,"a",al);if(0===i.length)return;const o=t.currentTarget,s=i.indexOf(o);if(-1===s)return;const n=(s+(t.key===Si?1:-1)+i.length)%i.length;i.forEach(t=>t.tabIndex=-1),i[n].tabIndex=0,i[n].focus()}),kl.set(this,t=>{var e,i;const o=null!==(i=null===(e=t.detail)||void 0===e?void 0:e.state)&&void 0!==i?i:Gn.none;this.feedback=o}),Cl.set(this,t=>{const i=t.composedPath();return!!i.some(t=>e(this,Tl,"f").call(this,t))||i.some(t=>t instanceof HTMLElement&&("toolbar"===t.getAttribute("role")||t===this.tooltip||"fabric-tooltip"===t.tagName.toLowerCase()||t.classList.contains("tooltip")))}),El.set(this,t=>{if(t.key===$i||t.key===yi){if(e(this,Cl,"f").call(this,t))return!0;t.stopPropagation(),t.key===$i?(t.preventDefault(),this.appendPromptToTarget(),e(this,Ml,"f").call(this)):t.preventDefault()}return!0}),Ll.set(this,t=>{if(t.key===yi){if(e(this,Cl,"f").call(this,t))return!0;t.stopPropagation(),this.pressed=!1,this.prompt&&(this.appendPromptToTarget(),e(this,Ml,"f").call(this))}return!0}),Tl.set(this,t=>{if(!(t instanceof HTMLElement)||t===this)return!1;if(t.hasAttribute("href"))return!0;const e=t.tagName.toLowerCase();return!("button"!==e&&"button"!==t.getAttribute("role")&&!e.includes("button"))}),Sl.set(this,()=>{e(this,il,"a",al).forEach((t,e)=>{t.tabIndex=0===e?0:-1})}),Ml.set(this,()=>{const t={target:this,prompt:this.prompt,placeholders:[...this.placeholders]};this.dispatchEvent(new CustomEvent(tl.promptSelect,{bubbles:!0,composed:!0,detail:t}))}),Al.set(this,()=>(i(this,nl,R(e(this,sl,"f")),"f"),e(this,nl,"f"))),Il.set(this,()=>{var t,o;null===(t=e(this,ol,"f"))||void 0===t||t.abort(),i(this,ol,new AbortController,"f");const{signal:s}=e(this,ol,"f"),n=this.component;n&&(n.addEventListener("mousedown",e(this,ml,"f"),{signal:s}),n.addEventListener("mouseup",e(this,vl,"f"),{signal:s}),n.addEventListener("mouseleave",e(this,ul,"f"),{signal:s}),n.addEventListener("keydown",e(this,El,"f"),{signal:s}),n.addEventListener("keyup",e(this,Ll,"f"),{signal:s}),n.addEventListener("mouseenter",e(this,gl,"f"),{signal:s}),n.addEventListener("focus",e(this,gl,"f"),{signal:s}),n.addEventListener("blur",e(this,xl,"f"),{signal:s}));const a=this.contentContainer;a&&(a.addEventListener("mouseenter",e(this,gl,"f"),{signal:s}),a.addEventListener("mouseleave",e(this,gl,"f"),{signal:s}));const r=this.tooltip;r&&r.addEventListener("keydown",e(this,wl,"f"),{signal:s});const l=this.feedbackGroup;l&&(l.addEventListener(Vn.feedbackChange,e(this,kl,"f"),{signal:s}),e(this,Dl,"f").call(this,s)),null===(o=this.slottedToolbarActions)||void 0===o||o.forEach(t=>{t instanceof HTMLElement&&e(this,Pl,"f").call(this,t,s)})}),Pl.set(this,(t,i)=>{t.addEventListener("keydown",e(this,wl,"f"),{signal:i}),t.addEventListener("blur",e(this,yl,"f"),{signal:i})}),Dl.set(this,t=>{var i,o,s,n,a,r;const l=null!==(o=null===(i=this.slottedLikeButton)||void 0===i?void 0:i[0])&&void 0!==o?o:null===(s=this.shadowRoot)||void 0===s?void 0:s.querySelector("fabric-like-button"),d=null!==(a=null===(n=this.slottedDislikeButton)||void 0===n?void 0:n[0])&&void 0!==a?a:null===(r=this.shadowRoot)||void 0===r?void 0:r.querySelector("fabric-dislike-button");l&&d?t.aborted||(e(this,Pl,"f").call(this,l,t),e(this,Pl,"f").call(this,d,t)):m.enqueue(()=>e(this,Dl,"f").call(this,t))}),Ol.set(this,()=>{var t;null===(t=e(this,ol,"f"))||void 0===t||t.abort(),i(this,ol,null,"f")})}get placeholderText(){var t;return null!==(t=this.placeholders[0])&&void 0!==t?t:""}get feedbackState(){return this.feedback}feedbackChanged(t,e){this.feedbackGroup&&this.feedbackGroup.state!==e&&(this.feedbackGroup.state=e)}get tooltipAnchorId(){return e(this,nl,"f")?e(this,nl,"f"):e(this,Al,"f").call(this)}feedbackGroupChanged(){this.$fastController.isConnected&&(e(this,Il,"f").call(this),this.feedbackGroup&&this.feedback&&(this.feedbackGroup.state=this.feedback))}slottedToolbarActionsChanged(){e(this,il,"m",rl).call(this)}slottedLikeButtonChanged(){e(this,il,"m",rl).call(this)}slottedDislikeButtonChanged(){e(this,il,"m",rl).call(this)}slottedPromptChanged(t,i){var o;if(e(this,il,"m",ll).call(this),this.$fastController.isConnected&&!this.prompt){const t=null!==(o=null==i?void 0:i.map(t=>t.textContent).join(""))&&void 0!==o?o:"";this.prompt=t.trim()}}buttonChanged(t,i){e(this,Ol,"f").call(this),i&&e(this,Il,"f").call(this)}appendPromptToTarget(){if(!this.target||!this.prompt)return;const t=document.getElementById(this.target);if(!t)return;const{promptToAppend:i,cursorPosition:o}=e(this,il,"m",cl).call(this,t);if(Ui(t,i).ok){null!==o&&e(this,il,"m",pl).call(this,t,o);try{t instanceof HTMLElement&&(t.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),t.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}catch{}}}connectedCallback(){super.connectedCallback(),z.define(lo.registry),ua.define(lo.registry),da.define(lo.registry),In.define(lo.registry),Qr.define(lo.registry),e(this,Il,"f").call(this)}disconnectedCallback(){super.disconnectedCallback(),e(this,Ol,"f").call(this)}}ol=new WeakMap,sl=new WeakMap,nl=new WeakMap,ul=new WeakMap,ml=new WeakMap,vl=new WeakMap,gl=new WeakMap,fl=new WeakMap,bl=new WeakMap,xl=new WeakMap,yl=new WeakMap,$l=new WeakMap,wl=new WeakMap,kl=new WeakMap,Cl=new WeakMap,El=new WeakMap,Ll=new WeakMap,Tl=new WeakMap,Sl=new WeakMap,Ml=new WeakMap,Al=new WeakMap,Il=new WeakMap,Pl=new WeakMap,Dl=new WeakMap,Ol=new WeakMap,il=new WeakSet,al=function(){var t,e,i,o,s,n,a;const r=[],l=null!==(e=null===(t=this.slottedLikeButton)||void 0===t?void 0:t[0])&&void 0!==e?e:null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("fabric-like-button");l&&r.push(l);const d=null!==(s=null===(o=this.slottedDislikeButton)||void 0===o?void 0:o[0])&&void 0!==s?s:null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("fabric-dislike-button");return d&&r.push(d),null===(a=this.slottedToolbarActions)||void 0===a||a.forEach(t=>{t instanceof HTMLElement&&r.push(t)}),r},rl=function(){this.$fastController.isConnected&&e(this,Il,"f").call(this)},ll=function(){const t=(this.slottedPrompt||[]).filter(t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE).map(t=>{var e;return null!==(e=t.textContent)&&void 0!==e?e:""}).join(" ");this.mainText=t.replace(/\s+/g," ").trim().toLowerCase(),e(this,il,"m",dl).call(this)},dl=function(){var t;const e=this.slottedPrompt||[],i=[];for(const o of e){if(o.nodeType!==Node.ELEMENT_NODE)continue;if(o.tagName.toLowerCase()===Bl){const t=o.getPlaceholderValue();t&&i.push(t)}const e=null===(t=o.querySelectorAll)||void 0===t?void 0:t.call(o,Bl);if(e)for(const t of e){const e=t.getPlaceholderValue();e&&i.push(e)}}this.placeholders=i},cl=function(t){if(0===this.placeholders.length)return{promptToAppend:this.prompt,cursorPosition:null};let i=this.prompt,o=null;const s=e(this,il,"m",hl).call(this,t),n=s?s.length+1:0;for(const t of this.placeholders){const e=i.indexOf(t);-1!==e&&(null===o&&(o=n+e),i=i.slice(0,e)+i.slice(e+t.length))}return{promptToAppend:i,cursorPosition:o}},hl=function(t){var e,i;return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?null!==(e=t.value)&&void 0!==e?e:"":t.inputRef?null!==(i=t.inputRef.value)&&void 0!==i?i:"":"string"==typeof(null==t?void 0:t.value)?t.value:""},pl=function(t,e){var i;const o=t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?t:null!==(i=t.inputRef)&&void 0!==i?i:null;if(o)try{o.focus(),o.setSelectionRange(e,e)}catch{}},t([s],Rl.prototype,"prompt",void 0),t([s],Rl.prototype,"category",void 0),t([r],Rl.prototype,"mainText",void 0),t([r],Rl.prototype,"slottedPrompt",void 0),t([r],Rl.prototype,"slottedToolbarActions",void 0),t([r],Rl.prototype,"slottedLikeButton",void 0),t([r],Rl.prototype,"slottedDislikeButton",void 0),t([s],Rl.prototype,"target",void 0),t([r],Rl.prototype,"placeholders",void 0),t([s({mode:"boolean"})],Rl.prototype,"pressed",void 0),t([s],Rl.prototype,"feedback",void 0),t([r],Rl.prototype,"component",void 0),t([r],Rl.prototype,"contentContainer",void 0),t([r],Rl.prototype,"feedbackGroup",void 0),t([r],Rl.prototype,"tooltip",void 0);const zl=a`
+  ${fi("inline-block")}
+  :host{font-family:${K};user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:${Y};border-radius:${Rr};border:1px solid ${nt};display:flex;flex-direction:column;height:fit-content;width:var(--prompt-starter-width,214px);min-width:214px;max-width:772px;row-gap:${Rt};cursor:pointer}:host(:hover){box-shadow:${Wt}}:host([pressed]){box-shadow:${Ze}}.content-container{display:flex;flex-direction:column;margin:${zt} 0;padding:0 ${rt};row-gap:${Rt}}.header{width:100%;height:${ai}}.icon ::slotted(*){display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tooltip{border-radius:${J};padding:0 ${ot}}.prompt{flex:1;min-height:52px;color:${st};${de}}.tooltip-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.footer{display:flex;color:${st};height:fit-content;flex-direction:row;justify-content:flex-start;align-items:center;gap:${zt};font-size:${St};font-weight:${et};line-height:${Mt}}`;const Fl=n`<template class="prompt-starter" part="prompt-starter" role="button" prompt="${t=>t&&t.prompt||""}" category="${t=>t&&t.category||""}" tabindex="0" @click="${(t,e)=>t.handleClick(e.event)}" ${u("component")}><div id="${t=>t.tooltipAnchorId}" class="content-container" ${u("contentContainer")}><div class="header"><slot name="icon" class="icon"></slot></div><div class="prompt"><slot ${h("slottedPrompt")}></slot></div><div class="footer"><slot name="footer"></slot></div></div><fabric-tooltip class="tooltip" positioning="above-end" delay="0" anchor="${t=>t.tooltipAnchorId}" tabindex="1" ${u("tooltip")}><div class="tooltip-content-container" role="toolbar" @click="${(t,e)=>t.handleTooltipClick(e.event)}"><fabric-feedback-group state="${t=>t.feedback}" ${u("feedbackGroup")}><slot name="like" slot="like" ${h("slottedLikeButton")}><fabric-like-button icon-only appearance="transparent" aria-label="Like this prompt" tabindex="0"></fabric-like-button></slot><slot name="dislike" slot="dislike" ${h("slottedDislikeButton")}><fabric-dislike-button icon-only appearance="transparent" aria-label="Dislike this prompt" tabindex="-1"></fabric-dislike-button></slot></fabric-feedback-group><slot name="toolbar-actions" class="toolbar-actions" tabindex="-1" ${h("slottedToolbarActions")}></slot></div></fabric-tooltip></template>`,Hl=g(f(Rl.compose({name:`${lo.prefix}-prompt-starter`,template:Fl,styles:zl,shadowOptions:{mode:lo.shadowRootMode}})),f(z),ua);class _l extends o{constructor(){super(...arguments),this.actions=[],this.actionsButtons=[],this.indexReference=[],this.metadataTextOne=[],this.hasMetadataTextOne=!1,this.metadataTextTwo=[],this.hasMetadataTextTwo=!1,this.metadataTextThree=[],this.hasMetadataTextThree=!1,this.loading=!1,this._focusableElements=[],this._activeIndex=void 0}actionsChanged(){this.actions.forEach(t=>{if("fluent-menu"===t.tagName.toLowerCase()){const e=t.querySelector("fluent-menu-button");this.actionsButtons.push(e)}else"fluent-button"===t.tagName.toLowerCase()&&this.actionsButtons.push(t)})}indexReferenceChanged(){var t,e;this.index=parseInt((null===(e=null===(t=this.indexReference)||void 0===t?void 0:t[0])||void 0===e?void 0:e.innerText)||"")}metadataTextOneChanged(){this.metadataTextOne.length>0?this.hasMetadataTextOne=!0:this.hasMetadataTextOne=!1}metadataTextTwoChanged(){this.metadataTextTwo.length>0?this.hasMetadataTextTwo=!0:this.hasMetadataTextTwo=!1}metadataTextThreeChanged(){this.metadataTextThree&&this.metadataTextThree.length>0?this.hasMetadataTextThree=!0:this.hasMetadataTextThree=!1}expandedChanged(){this.dispatchEvent(new CustomEvent("change",{detail:{target:this,expanded:this.expanded},bubbles:!0,composed:!0}))}emitDismissEvent(){this.dispatchEvent(new CustomEvent("referenceDismiss",{detail:{target:this},bubbles:!0,composed:!0}))}_activeIndexChanged(){this._focusableElements.length>0&&"number"==typeof this._activeIndex&&this._focusableElements[this.activeIndex||0].focus()}get activeIndex(){return this._activeIndex}set activeIndex(t){this._activeIndex="number"==typeof t&&t>0?t%this._focusableElements.length:null==t?void 0:0}handleIndexUp(){void 0!==this.activeIndex&&this.activeIndex>=0?this.activeIndex=this.activeIndex+1:this.activeIndex=0}handleIndexDown(){this.activeIndex=(this._activeIndex||0)+this._focusableElements.length-1}handleKeyEvents(t){void 0===this.activeIndex&&"Enter"===t.key&&(this.activeIndex=this._focusableElements.length-1),void 0===this.activeIndex&&" "===t.key&&(this.expanded=!this.expanded,this.activeIndex=this._focusableElements.length-1),"ArrowRight"===t.key&&this.handleIndexUp(),"ArrowLeft"===t.key&&this.handleIndexDown(),"ArrowUp"!==t.key&&"ArrowDown"!==t.key||t.preventDefault(),(t.shiftKey&&"Tab"===t.key||"Escape"===t.key)&&this.blur()}trapFocus(t){this.gatherFocusableElements(),this._focusableElements.length>0&&this.handleKeyEvents(t)}handleBlur(t){this.activeIndex=void 0}gatherFocusableElements(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-button, fabric-citation, fluent-menu-button");if(e){const t=Array.from(e);t.splice(1,0,...this.actionsButtons),this._focusableElements=t}}connectedCallback(){super.connectedCallback(),$t.define(lo.registry),No.define(lo.registry),this.addEventListener("keydown",this.trapFocus),this.addEventListener("blur",this.handleBlur)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.trapFocus),this.removeEventListener("blur",this.handleBlur)}}t([r],_l.prototype,"actions",void 0),t([r],_l.prototype,"actionsButtons",void 0),t([r],_l.prototype,"index",void 0),t([r],_l.prototype,"indexReference",void 0),t([r],_l.prototype,"metadataTextOne",void 0),t([r],_l.prototype,"hasMetadataTextOne",void 0),t([r],_l.prototype,"metadataTextTwo",void 0),t([r],_l.prototype,"hasMetadataTextTwo",void 0),t([r],_l.prototype,"metadataTextThree",void 0),t([r],_l.prototype,"hasMetadataTextThree",void 0),t([s({attribute:"citation-href"})],_l.prototype,"citationHref",void 0),t([s({converter:p})],_l.prototype,"loading",void 0),t([r],_l.prototype,"expanded",void 0),t([r],_l.prototype,"_activeIndex",void 0);const ql=a`
+  ${vt("flex")}
+
+  .reference-row{display:flex;flex-direction:row;align-items:center}.base{font-family:${K};font-size:${At};font-weight:${et};line-height:${It};display:flex;flex-direction:column;border:1px solid ${U};border-radius:${Z};padding:0 ${W};color:${V};width:238px;}fabric-citation{margin-inline-end:${ot}}.expand-button fluent-button::part(control){min-height:${ai};height:${ai};min-width:unset;padding:${mt}}.reference-name{flex-grow:1;padding-inline-end:${ot};padding-inline-start:${ut};font-weight:${dt}}.reference-title-box{width:100%;height:${ai};color:${V};margin:${ct} 0}.reference-icon{display:flex}.reference-quote{margin-bottom:${Rt}}.reference-name,.reference-actions,.expand-button{display:inline-block}.metadata-text{margin-bottom:${ct}}::slotted([slot="metadata-text-one"]),::slotted([slot="metadata-text-two"]),::slotted([slot="metadata-text-three"]){display:flex;align-items:center;font-size:${St};line-height:${Mt};font-weight:${et}}.divider{display:inline-block;border-inline-end:1px solid ${U};height:8px;width:1px;margin:0 ${ut}}fluent-button{min-width:${mi};min-height:${ai};height:${ai};width:${mi};padding:${ut}}.expand-button fluent-button::part(content){width:${St}}`,Wl=n`<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 0.646447C0.341709 0.451184 0.658291 0.451184 0.853553 0.646447L5 4.79289L9.14645 0.646447C9.34171 0.451185 9.65829 0.451185 9.85355 0.646447C10.0488 0.841709 10.0488 1.15829 9.85355 1.35355L5.35355 5.85355C5.15829 6.04882 4.84171 6.04882 4.64645 5.85355L0.146447 1.35355C-0.0488155 1.15829 -0.0488155 0.841709 0.146447 0.646447Z" fill="currentColor" /></svg>`,Kl=n`<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 5.35355C0.341709 5.54882 0.658291 5.54882 0.853553 5.35355L5 1.20711L9.14645 5.35355C9.34171 5.54882 9.65829 5.54882 9.85355 5.35355C10.0488 5.15829 10.0488 4.84171 9.85355 4.64645L5.35355 0.146447C5.15829 -0.0488156 4.84171 -0.0488156 4.64645 0.146447L0.146447 4.64645C-0.0488155 4.84171 -0.0488155 5.15829 0.146447 5.35355Z" fill="currentColor" /></svg>`,jl=n`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.588591 0.715694L0.646447 0.646447C0.820013 0.47288 1.08944 0.453595 1.28431 0.588591L1.35355 0.646447L6 5.293L10.6464 0.646447C10.8417 0.451185 11.1583 0.451185 11.3536 0.646447C11.5488 0.841709 11.5488 1.15829 11.3536 1.35355L6.707 6L11.3536 10.6464C11.5271 10.82 11.5464 11.0894 11.4114 11.2843L11.3536 11.3536C11.18 11.5271 10.9106 11.5464 10.7157 11.4114L10.6464 11.3536L6 6.707L1.35355 11.3536C1.15829 11.5488 0.841709 11.5488 0.646447 11.3536C0.451185 11.1583 0.451185 10.8417 0.646447 10.6464L5.293 6L0.646447 1.35355C0.47288 1.17999 0.453595 0.910563 0.588591 0.715694L0.646447 0.646447L0.588591 0.715694Z" fill="currentColor" /></svg>`;const Nl=n`<template slot="references"><div class="base" part="base" tabindex="0" aria-expanded="${t=>t.expanded}"><div class="reference-title-box reference-row"><fabric-citation href="${t=>t.citationHref}" tabindex="-1"><span slot="index"><slot name="index" ${h("indexReference")}></slot></span></fabric-citation><div class="reference-icon"><slot name="reference-icon"></slot></div><div class="reference-name"><slot name="label"></slot></div><div class="reference-actions"><slot name="actions" ${h("actions")}></slot></div><div class="expand-button">${c(t=>t.loading,n`<fluent-button tabindex="-1" @click=${t=>t.emitDismissEvent()} appearance="transparent">${jl}</fluent-button>`,n`<fluent-button tabindex="-1" @click=${t=>t.expanded=!t.expanded} appearance="transparent">${c(t=>t.expanded,Kl,Wl)}</fluent-button>`)}</div></div><div class="metadata-container" aria-hidden="${t=>!t.expanded}">${c(t=>t.expanded,n`<div class="metadata-text reference-row"><slot name="metadata-icon-start"></slot><slot name="metadata-text-one" ${h("metadataTextOne")}></slot>${c(t=>t.hasMetadataTextOne&&t.hasMetadataTextTwo,n`<div class="divider"></div>`)}<slot name="metadata-text-two" ${h("metadataTextTwo")}></slot>${c(t=>t.hasMetadataTextTwo&&t.hasMetadataTextThree,n`<div class="divider"></div>`)}<slot name="metadata-text-three" ${h("metadataTextThree")}></slot><slot name="metadata-icon-end"></slot></div><div class="reference-quote"><slot name="excerpt"></slot></div>`)}</div></div></template>`,Gl=g(f(_l.compose({name:`${lo.prefix}-reference`,template:Nl,styles:ql,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}})),f(No),f($t));class Vl extends o{constructor(){super(...arguments),this.references=[]}_activeIndexChanged(){if(this.references&&void 0!==this.activeIndex){this.references[this.activeIndex].focus()}}get activeIndex(){return this._activeIndex}set activeIndex(t){var e;this._activeIndex=void 0!==t&&"number"==typeof t?t%((null===(e=this.references)||void 0===e?void 0:e.length)||0):void 0}handleIndexUp(){this.activeIndex&&(this.references[this.activeIndex].activeIndex=void 0),this.activeIndex=(this.activeIndex||0)+1}handleIndexDown(){var t;this.activeIndex&&(this.references[this.activeIndex].activeIndex=void 0),this.activeIndex=(this.activeIndex||0)-1+((null===(t=this.references)||void 0===t?void 0:t.length)||0)}trapFocus(t){var e;if(this.references.length>0&&"fabric-reference"===(null===(e=document.activeElement)||void 0===e?void 0:e.tagName.toLowerCase())&&(this.activeIndex=this.references.indexOf(document.activeElement),"ArrowDown"===t.key&&this.handleIndexUp(),("ArrowUp"===t.key||t.shiftKey&&"Tab"===t.key)&&this.handleIndexDown(),"Home"===t.key&&(this.activeIndex=0),"End"===t.key&&(this.activeIndex=this.references.length-1),"Escape"===t.key)){document.activeElement.blur()}}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.trapFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.trapFocus)}}t([r],Vl.prototype,"references",void 0),t([r],Vl.prototype,"_activeIndex",void 0);const Zl=a`
+  ${vt("flex")}
+
+  :host ::slotted(fabric-reference){margin-top:${ct}}`;const Ul=n`<template slot="reference-list"><slot name="start"></slot><div class="base"><slot name="references" ${h("references")}></slot></div><slot name="end"></slot></template>`,Xl=Vl.compose({name:`${lo.prefix}-reference-list`,template:Ul,styles:Zl,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}});class Yl extends o{constructor(){super(...arguments),this.referenceList=[],this.tabindex=0,this.expanded=!1}expandedChanged(){this.dispatchEvent(new CustomEvent("change",{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),$t.define(lo.registry)}}t([r],Yl.prototype,"referenceList",void 0),t([s],Yl.prototype,"tabindex",void 0),t([s({converter:p})],Yl.prototype,"expanded",void 0);const Jl=a`
+  ${vt("flex")}
+
+  :host{font-family:${K};font-size:${St};font-weight:${et};line-height:${It};color:${at};flex-direction:column;margin:2px 0}.reference-group-label{display:flex;align-items:center;line-height:${Mt}}:host .group-expand-button-container fluent-button{min-height:${gi};height:${gi};width:${li};min-width:${li};padding:${mt};margin-inline-start:${ot}}:host .group-expand-button-container fluent-button::part(content){width:${hi};}.reference-list-container{height:0;overflow:hidden;visibility:visible}.reference-list-container[hidden]{visibility:hidden}:host .reference-list-container[aria-expanded="true"]{height:fit-content}`,Ql=n`<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 0.646447C0.341709 0.451184 0.658291 0.451184 0.853553 0.646447L5 4.79289L9.14645 0.646447C9.34171 0.451185 9.65829 0.451185 9.85355 0.646447C10.0488 0.841709 10.0488 1.15829 9.85355 1.35355L5.35355 5.85355C5.15829 6.04882 4.84171 6.04882 4.64645 5.85355L0.146447 1.35355C-0.0488155 1.15829 -0.0488155 0.841709 0.146447 0.646447Z" fill="currentColor" /></svg>`,td=n`<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 5.35355C0.341709 5.54882 0.658291 5.54882 0.853553 5.35355L5 1.20711L9.14645 5.35355C9.34171 5.54882 9.65829 5.54882 9.85355 5.35355C10.0488 5.15829 10.0488 4.84171 9.85355 4.64645L5.35355 0.146447C5.15829 -0.0488156 4.84171 -0.0488156 4.64645 0.146447L0.146447 4.64645C-0.0488155 4.84171 -0.0488155 5.15829 0.146447 5.35355Z" fill="currentColor" /></svg>`;const ed=n`<div class="reference-group-label" aria-expanded="${t=>t.expanded}"><slot></slot><div class="group-expand-button-container"><fluent-button class="group-expand-button" @click=${t=>t.expanded=!t.expanded} appearance="transparent">${c(t=>t.expanded,td,Ql)}</fluent-button></div></div><div class="reference-list-container" ?hidden="${t=>!t.expanded}" aria-expanded="${t=>t.expanded}" tabindex="${t=>t.tabIndex}"><slot name="reference-list" ${h("referenceList")}></slot></div>`,id=g(f(Yl.compose({name:`${lo.prefix}-reference-group`,template:ed,styles:Jl,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}})),f($t)),od={"prompt-menu-toggle":"prompt-menu-toggle","sensitivity-toggle":"sensitivity-toggle"};let sd=0;class nd extends o{constructor(){super(...arguments),this.isEntered=!1,this.originalTabindexMap=new WeakMap,this.uniqueId="reference-pill-"+ ++sd,this.interactiveSlots=["title-link","sensitivity","action","prompt-menu"],this.handleInternalClick=t=>{if(this.disabled)return t.preventDefault(),void t.stopImmediatePropagation();const e=t.target;if(e!==this&&this.contains(e)){const t=this.interactiveSlots.some(t=>{const i=this.querySelectorAll(`[slot="${t}"]`);return Array.from(i).some(t=>t===e||t.contains(e))});t&&(this.isEntered=!0,this.restoreElementTabindexes())}},this.disabled=!1,this.promptsOpen=!1,this.sensitivityOpen=!1,this.handleKeydown=t=>{if(this.disabled)return;const{key:e,shiftKey:i,target:o}=t,s=o===this;switch(e){case $i:case yi:s&&(t.preventDefault(),this.enterPill());break;case xi:if(this.sensitivityOpen){t.preventDefault(),this.sensitivityOpen=!1,this.emitSensitivityToggle(!1);const e=this.getSensitivityPopover();e&&"open"in e&&(e.open=!1);const i=null==e?void 0:e.querySelector('[slot="popover-trigger"]');return void(null==i||i.focus())}if(this.promptsOpen){t.preventDefault(),this.promptsOpen=!1,this.emitPromptMenuToggle(!1);const e=this.getPromptMenuPopover();e&&"open"in e&&(e.open=!1);const i=null==e?void 0:e.querySelector('[slot="popover-trigger"]');return void(i?i.focus():e instanceof HTMLElement&&e.focus())}this.isEntered&&(t.preventDefault(),t.stopPropagation(),this.exitPill(!0));break;default:if("Tab"===e&&this.isEntered){const e=this.getTabbableElements();if(0===e.length)return;this.isLastElementFocused&&!i?(t.preventDefault(),e[0].focus()):this.isFirstElementFocused&&i&&(t.preventDefault(),e[e.length-1].focus())}}},this.handleFocusOut=t=>{const e=t.relatedTarget;e&&this.contains(e)||(this.closeAllPopovers(),this.exitPill(!1))},this.handlePopoverToggle=t=>{const e="open"===t.newState,i=t.composedPath(),o=this.getSensitivityPopover();if(o&&i.includes(o))return void(this.sensitivityOpen!==e&&(this.sensitivityOpen=e,this.emitSensitivityToggle(e)));const s=this.getPromptMenuPopover();s&&i.includes(s)&&this.promptsOpen!==e&&(this.promptsOpen=e,this.emitPromptMenuToggle(e))}}connectedCallback(){super.connectedCallback(),this.updateHostTabindex(),this.updateAriaDisabled(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("click",this.handleInternalClick),this.addEventListener("toggle",this.handlePopoverToggle),this.setupSlotListeners(),this.setupAriaLabelledBy()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusOut),this.removeEventListener("click",this.handleInternalClick),this.removeEventListener("toggle",this.handlePopoverToggle)}setupSlotListeners(){var t;this.interactiveSlots.forEach(t=>{var e;const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`slot[name="${t}"]`);null==i||i.addEventListener("slotchange",()=>this.handleInteractiveSlotChange(i))});const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="title-link"]');null==e||e.addEventListener("slotchange",()=>this.setupAriaLabelledBy()),requestAnimationFrame(()=>this.initializeSlottedElements())}setupAriaLabelledBy(){const t=this.querySelector('[slot="title-link"]');t&&(t.id||(t.id=`${this.uniqueId}-title`),this.setAttribute("aria-labelledby",t.id))}updateAriaDisabled(){this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}propagateDisabledState(){this.interactiveSlots.forEach(t=>{this.querySelectorAll(`[slot="${t}"]`).forEach(t=>{this.disabled?(t.setAttribute("disabled",""),t.tagName.toLowerCase().includes("link")&&t.setAttribute("aria-disabled","true")):(t.removeAttribute("disabled"),t.tagName.toLowerCase().includes("link")&&t.removeAttribute("aria-disabled"))})})}handleInteractiveSlotChange(t){const e=t.name;this.getFocusableFromSlot(e).forEach(t=>{this.setElementTabindex(t,-1)})}initializeSlottedElements(){this.interactiveSlots.forEach(t=>{this.getFocusableFromSlot(t).forEach(t=>{this.setElementTabindex(t,-1)})}),this.propagateDisabledState()}setElementTabindex(t,e){this.originalTabindexMap.has(t)||this.originalTabindexMap.set(t,t.getAttribute("tabindex")),t.setAttribute("tabindex",String(e))}getFocusableFromSlot(t){const e=[];return this.querySelectorAll(`[slot="${t}"]`).forEach(t=>{const i=t.querySelector('[slot="popover-trigger"]');i instanceof HTMLElement?e.push(i):t instanceof HTMLElement&&e.push(t)}),e}restoreElementTabindexes(){this.interactiveSlots.forEach(t=>{this.getFocusableFromSlot(t).forEach(t=>{const e=this.originalTabindexMap.get(t);null===e?t.removeAttribute("tabindex"):void 0!==e?t.setAttribute("tabindex",e):t.setAttribute("tabindex","0")})})}removeElementsFromTabOrder(){this.interactiveSlots.forEach(t=>{this.getFocusableFromSlot(t).forEach(t=>{this.setElementTabindex(t,-1)})})}updateHostTabindex(){this.tabIndex=this.disabled?-1:0}disabledChanged(){if(this.isConnected&&(this.updateHostTabindex(),this.updateAriaDisabled(),this.propagateDisabledState(),this.disabled)){const t=this.getSensitivityPopover();t&&"open"in t&&(t.open=!1);const e=this.getPromptMenuPopover();e&&"open"in e&&(e.open=!1),this.exitPill()}}getTabbableElements(){const t=[],e=this.querySelector('[slot="title-link"]');e instanceof HTMLElement&&t.push(e);const i=this.querySelector('[slot="sensitivity"]');if(i){const e=i.querySelector('[slot="popover-trigger"]');e instanceof HTMLElement&&t.push(e)}this.querySelectorAll('[slot="action"]').forEach(e=>{e instanceof HTMLElement&&t.push(e)});const o=this.querySelector('[slot="prompt-menu"]');if(o){const e=o.querySelector('[slot="popover-trigger"]');e instanceof HTMLElement?t.push(e):o instanceof HTMLElement&&t.push(o)}return t}getActiveElement(){return document.activeElement}get isFirstElementFocused(){const t=this.getTabbableElements(),e=this.getActiveElement();return t.length>0&&e===t[0]}get isLastElementFocused(){const t=this.getTabbableElements(),e=this.getActiveElement();return t.length>0&&e===t[t.length-1]}enterPill(){if(this.disabled)return;this.isEntered=!0,this.restoreElementTabindexes();const t=this.getTabbableElements();t.length>0&&t[0].focus()}exitPill(t=!1){this.isEntered=!1,this.removeElementsFromTabOrder(),t&&this.focus()}focusFirstElement(){const t=this.getTabbableElements();t.length>0&&t[0].focus()}focusLastElement(){const t=this.getTabbableElements();t.length>0&&t[t.length-1].focus()}closeAllPopovers(){const t=this.getSensitivityPopover();t&&t.hasAttribute("popover")&&"hidePopover"in t&&t.hidePopover();const e=this.getPromptMenuPopover();e&&e.hasAttribute("popover")&&"hidePopover"in e&&e.hidePopover()}handleSensitivityPopoverToggle(t){const e="open"===t.newState;this.sensitivityOpen!==e&&(this.sensitivityOpen=e,this.emitSensitivityToggle(e))}getSensitivityPopover(){return this.querySelector('[slot="sensitivity"]')}getPromptMenuPopover(){return this.querySelector('[slot="prompt-menu"]')}emitSensitivityToggle(t){this.sensitivityOpen=t,this.dispatchEvent(new CustomEvent(od["sensitivity-toggle"],{detail:{open:t},bubbles:!0,composed:!0}))}emitPromptMenuToggle(t){this.promptsOpen=t,this.dispatchEvent(new CustomEvent(od["prompt-menu-toggle"],{detail:{open:t},bubbles:!0,composed:!0}))}}t([s({mode:"boolean"})],nd.prototype,"disabled",void 0),t([r],nd.prototype,"promptsOpen",void 0),t([r],nd.prototype,"sensitivityOpen",void 0);const ad=a`
+  :host{display:inline-flex;box-sizing:border-box;position:relative;border-radius:${Z}}:host([hidden]){display:none}:host(:focus){outline:none}:host(:focus-visible){outline:2px solid ${Ot};outline-offset:2px;box-shadow:0 0 0 1px ${Me}}:host([disabled]){opacity:0.5;pointer-events:none;cursor:not-allowed}:host([disabled]:focus-visible){outline:none;box-shadow:none}.container{display:flex;align-items:center;background:transparent;border-radius:${Z};font-family:${K};box-sizing:border-box;width:100%}:host(:hover:not([disabled])) .container{background:${Ue}}.internal-content{display:flex;align-items:center;gap:${W};padding-inline:${W};padding-block:${Rt};width:100%}.icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:${di};height:${ci};color:${st}}.icon ::slotted(svg){width:${di};height:${ci}}.content-wrapper{display:flex;flex-direction:column;flex:1;min-width:0;padding-inline-end:${rt}}.title-row{display:flex;align-items:center;gap:${ot}}.title{font-size:${j};line-height:${N};font-weight:${dt};color:${st};white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title ::slotted(*){font-size:${j};line-height:${N};font-weight:${dt}}::slotted([slot="sensitivity"]){flex-shrink:0}.external-label{display:flex;align-items:center;flex-shrink:0}.metadata-row{display:flex;align-items:center;gap:${ot}}.metadata{font-size:${At};line-height:${It};font-weight:${et};color:${at};white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;align-items:center;gap:${W};flex-shrink:0}:host{--prompts-header-padding:${Q}}`;const rd=n`<div class="container" part="container"><div class="internal-content" part="internal-content" ${u("internalContent")}><span class="icon" part="icon"><slot name="icon"></slot></span><div class="content-wrapper" part="content-wrapper"><div class="title-row" part="title-row"><span class="title" part="title"><slot name="title-link"></slot></span><span class="sensitivity" part="sensitivity"><slot name="sensitivity"></slot></span><span class="external-label" part="external-label"><slot name="external-label"></slot></span></div><div class="metadata-row" part="metadata-row"><span class="metadata" part="metadata"><slot name="metadata"></slot></span></div></div><div class="actions" part="actions"><slot name="action"></slot><slot name="prompt-menu"></slot></div></div></div>`,ld=nd.compose({name:`${lo.prefix}-reference-pill`,template:rd,styles:ad,shadowOptions:{mode:lo.shadowRootMode}}),dd={default:"default",excluded:"excluded"},cd={toggle:"reference-pill-list-toggle"};class hd extends o{constructor(){super(...arguments),this.expanded=!0,this.appearance=dd.default,this.id=bi("reference-pill-list-"),this.elementInternals=this.attachInternals(),this.headerButton=null,this.panel=null,this.slottedPills=[],this.applyScheduled=!1}expandedChanged(){this.scheduleApply()}slottedPillsChanged(){this.scheduleApply()}toggleExpanded(){return this.expanded=!this.expanded,this.emitToggle(),!0}open(){return!this.expanded&&(this.expanded=!0,this.emitToggle(),!0)}close(){return!!this.expanded&&(this.expanded=!1,this.emitToggle(),!0)}onExpandKeyDown(t){if(!t.defaultPrevented)switch(t.key){case $i:case yi:t.preventDefault();{const t=!this.expanded,e=this.toggleExpanded();t&&e&&m.enqueue(()=>{var t;null===(t=this.rovingFocus)||void 0===t||t.focusFirst()})}break;case xi:t.preventDefault(),this.handleClose()}}onHostKeyDown(t){var e,i;if(t.key===xi&&this.expanded)return t.preventDefault(),void this.handleClose();const o=document.activeElement;o&&(null===(e=this.slottedPills)||void 0===e?void 0:e.includes(o))&&(null===(i=this.rovingFocus)||void 0===i||i.handleKeydown(t))}handleClose(){var t;this.close(),null===(t=this.headerButton)||void 0===t||t.focus()}emitToggle(){this.dispatchEvent(new CustomEvent(cd.toggle,{detail:{expanded:this.expanded},bubbles:!0,composed:!0}))}setComponent(){var t,e,i;null===(t=this.events)||void 0===t||t.abort(),this.events=new AbortController;const{signal:o}=this.events;this.rovingFocus=F({items:()=>{var t;return null!==(t=this.slottedPills)&&void 0!==t?t:[]},orientation:"vertical",enableHomeEnd:!0,wrap:!0,isRtl:H}),this.addEventListener("keydown",t=>this.onHostKeyDown(t),{signal:o}),this.addEventListener("focusin",t=>{var e;this.expanded&&(null===(e=this.rovingFocus)||void 0===e||e.sync(t.target))},{signal:o}),null===(e=this.headerButton)||void 0===e||e.addEventListener("click",()=>this.toggleExpanded(),{signal:o}),null===(i=this.headerButton)||void 0===i||i.addEventListener("keydown",t=>this.onExpandKeyDown(t),{signal:o})}scheduleApply(){this.applyScheduled||(this.applyScheduled=!0,queueMicrotask(()=>{this.applyScheduled=!1,m.enqueue(()=>this.applyState())}))}applyState(){var t;_(this.elementInternals,"expanded",this.expanded),this.expanded&&(null===(t=this.rovingFocus)||void 0===t||t.applyTabindex())}connectedCallback(){super.connectedCallback(),m.enqueue(()=>{this.setComponent(),this.scheduleApply()})}disconnectedCallback(){var t,e;null===(t=this.events)||void 0===t||t.abort(),this.events=void 0,null===(e=this.rovingFocus)||void 0===e||e.destroy(),this.rovingFocus=void 0,super.disconnectedCallback()}}t([s({mode:"boolean"})],hd.prototype,"expanded",void 0),t([s],hd.prototype,"appearance",void 0),t([s],hd.prototype,"id",void 0),t([r],hd.prototype,"slottedPills",void 0);const pd=a`
+  :host{display:block;box-sizing:border-box}:host([hidden]){display:none}:host([appearance="excluded"]){background:${Xe};border-radius:${Z}}:host([appearance="excluded"]) .header{font-weight:${et}}.header{display:flex;align-items:center;justify-content:space-between;gap:${W};width:100%;padding:${Rt} ${pt};margin:0;border:none;background:transparent;text-align:start;cursor:pointer;font-family:${K};font-size:${j};line-height:${N};font-weight:${dt};color:${V}}.header:focus{outline:none}.header:focus-visible{outline:2px solid ${Ot};outline-offset:2px;border-radius:${Z}}.icon{display:none;align-items:center;flex-shrink:0}.icon:has(::slotted(*)){display:flex}.icon:has(::slotted(*)) + .default-icon{display:none}.default-icon{display:flex;align-items:center;flex-shrink:0}.default-icon svg{width:${li};height:${li}}.icon ::slotted(svg){width:${li};height:${li}}.title{flex:1;min-width:0}.chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center}.chevron svg{width:${ri};height:7px}.chevron-expanded{display:none}.chevron-collapsed{display:flex}:host(${q}) .chevron-expanded{display:flex}:host(${q}) .chevron-collapsed{display:none}.panel{display:flex;flex-direction:column;gap:${ft};padding-inline:${pt};padding-block-end:${X}}.panel[hidden]{display:none}::slotted(fabric-reference-pill){display:block}`;const ud=n`<button class="header" part="header" type="button" aria-expanded="${t=>String(t.expanded)}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}-header" ${u("headerButton")}><span class="icon"><slot name="icon"></slot></span>${c(t=>t.appearance===dd.excluded,n`<span class="default-icon">${no}</span>`)}<span class="title"><slot name="title"></slot></span><!-- Chevron indicators: "collapsed" shows down arrow (click to expand), "expanded" shows up arrow (click to collapse) --><span class="chevron chevron-collapsed">${eo}</span><span class="chevron chevron-expanded">${to}</span></button><div class="panel" part="panel" id="${t=>t.id}-panel" role="list" aria-labelledby="${t=>t.id}-header" ?hidden="${t=>!t.expanded}" ${u("panel")}><slot ${h({property:"slottedPills",filter:d("fabric-reference-pill")})}></slot></div>`,md=hd.compose({name:`${lo.prefix}-reference-pill-list`,template:ud,styles:pd,shadowOptions:{mode:lo.shadowRootMode}}),vd={send:"send"},gd={...b},fd={...y},bd={...$},xd={...x},yd={...w};var $d,wd,kd;class Cd extends k{constructor(){super(...arguments),$d.add(this),this.emitSendEvent=()=>{this.dispatchEvent(new CustomEvent(vd.send,{bubbles:!0,composed:!0}))}}clickHandler(t){return super.clickHandler(t),this.emitSendEvent(),!0}connectedCallback(){super.connectedCallback(),P.define(lo.registry),e(this,$d,"m",wd).call(this)}disconnectedCallback(){super.disconnectedCallback(),e(this,$d,"m",kd).call(this)}}$d=new WeakSet,wd=function(){this.addEventListener("click",this.clickHandler),this.addEventListener("keypress",this.keypressHandler)},kd=function(){this.removeEventListener("click",this.clickHandler),this.removeEventListener("keypress",this.keypressHandler)};const Ed=a`
+  ${fi("block")}
+  ${C}
+
+  :host{width:fit-content}svg{font-size:${Lt}}:host([size="large"]) svg{font-size:${Et}}:host([disabled]) .send-button,:host([disabled]) svg path{color:${wt};fill:${wt};pointer-events:none;cursor:not-allowed}svg path{fill:var(--submit-button-color,${ae})}:host([appearance="primary"]) svg path{fill:${$e}}.content{display:flex;align-items:center;justify-content:center;gap:${ot}}:host([icon-only]) .content{gap:0}:host([icon-only]) .text{display:none}`,Ld=n`<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 21 21"><path d="M10.5 18.1992C14.9183 18.1992 18.5 14.6175 18.5 10.1992C18.5 5.78094 14.9183 2.19922 10.5 2.19922C6.08172 2.19922 2.5 5.78094 2.5 10.1992C2.5 14.6175 6.08172 18.1992 10.5 18.1992ZM11.3536 13.5528C11.1583 13.748 10.8417 13.748 10.6464 13.5528C10.4512 13.3575 10.4512 13.0409 10.6464 12.8457L12.7929 10.6992H7C6.72386 10.6992 6.5 10.4754 6.5 10.1992C6.5 9.92308 6.72386 9.69922 7 9.69922H12.7929L10.6464 7.55277C10.4512 7.35751 10.4512 7.04093 10.6464 6.84566C10.8417 6.6504 11.1583 6.6504 11.3536 6.84566L14.3536 9.84566C14.5488 10.0409 14.5488 10.3575 14.3536 10.5528L11.3536 13.5528Z" fill="currentColor" /></svg>`;const Td=n`<template class="send-button" part="send-button" tabindex="${t=>{var e;return t.disabled?null:null!==(e=t.tabIndex)&&void 0!==e?e:0}}"><span class="content" part="content"><slot></slot>${Ld}</span></template>`,Sd=Cd.compose({name:`${lo.prefix}-send-button`,template:Td,styles:Ed,shadowOptions:{mode:lo.shadowRootMode}}),Md={dismiss:"dismiss-sidecar-shell",close:"close-sidecar-shell",open:"open-sidecar-shell",openChanged:"open-sidecar-shell-changed",detach:"detach-sidecar-shell",attach:"attach-sidecar-shell"};class Ad extends o{constructor(){super(...arguments),this.open=!1,this.detach=!1,this.header=[],this.content=[],this.footer=[],this.footerOptional=[]}openChanged(){this.$emit(Md.openChanged)}toggleSidecar(){this.open=!this.open}dismissSidecar(){this.open=!1}openSidecar(){this.open=!0}detachSidecar(){this.detach=!0}attachSidecar(){this.detach=!1}connectedCallback(){super.connectedCallback(),this.addEventListener(Md.dismiss,this.dismissSidecar),this.addEventListener(Md.open,this.openSidecar),this.addEventListener(Md.detach,this.detachSidecar),this.addEventListener(Md.attach,this.attachSidecar)}}t([s({mode:"boolean"})],Ad.prototype,"open",void 0),t([s({mode:"boolean"})],Ad.prototype,"detach",void 0),t([r],Ad.prototype,"header",void 0),t([r],Ad.prototype,"content",void 0),t([r],Ad.prototype,"footer",void 0),t([r],Ad.prototype,"footerOptional",void 0);const Id=a`
+  ${vt("flex")}
+
+  :host{--sidecar-width:320px;font-family:${K};font-size:${j};color:${V};display:flex;flex-shrink:0;flex-direction:column;overflow:hidden;height:100%;width:0px;border-inline-start:1px solid ${Re};background:${Ye};transition-property:width;transition-duration:${Je};transition-timing-function:${ve};position:relative}@media (max-width:320px){:host{--sidecar-width:100%}}:host([open]){transition-timing-function:${xe};width:var(--sidecar-width)}:host .header{width:var(--sidecar-width);height:64px;flex-shrink:0}:host([no-header]) .header{display:none}:host .content{width:var(--sidecar-width);overflow:auto;flex-grow:1}:host .footer{width:var(--sidecar-width);flex-shrink:0;min-height:92px;}:host([no-footer]) .footer{display:none}`;const Pd=n`<template ?open="${t=>t.open}" tabindex="${t=>t.open?0:-1}"><slot name="start"></slot><div class="header"><slot name="header" ${h("header")}></slot></div><div class="content"><slot name="content" ${h("content")}></slot>${c(t=>0===t.content.length,n`<slot part="slot"></slot>`)}</div><div class="footer"><div class="footer-optional"><slot name="footer-optional" ${h("footerOptional")}></slot></div><slot name="footer" ${h("footer")}></slot></div><slot name="end"></slot></template>`,Dd=Ad.compose({name:`${lo.prefix}-sidecar-shell`,template:Pd,styles:Id,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}});class Od extends o{dismissSidecar(){this.$emit(Md.dismiss)}detachSidecar(){this.$emit(Md.detach)}connectedCallback(){super.connectedCallback(),$t.define(lo.registry)}}const Bd=a`
+  ${vt("flex")}
+
+  :host{height:${ui};padding:${rt};font-family:${K};color:${V};justify-content:space-between;align-items:center;flex-grow:1}:host .title-container{display:flex;align-items:center}:host h2.title{max-width:100px;padding:0px 4px 0px 8px;margin:0px;display:inline;font-size:${tt};line-height:${it};weight:${dt}}:host .buttons-container{display:flex;align-items:center}fluent-button.dismiss-button{display:flex;background-color:transparent;border:none;cursor:pointer}fluent-button.dismiss-button svg{font-size:${At};height:${pi};width:${ri}}fluent-button.dismiss-button::part(control){min-width:unset;min-height:unset;margin:unset;padding:8px}`,Rd=n`<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.625 1.96094L12.5 2.15163V7.55279L9.5 8.24974L8.50001 9.62186V11.7788C8.50001 13.2282 9.28404 14.5642 10.5494 15.271L13.3773 16.8506L8.5 19.4301L6.47245 19.7191L4.54939 18.6449C3.28403 17.9381 2.5 16.6022 2.5 15.1528V8.84836C2.5 7.3986 3.28445 6.06232 4.55035 5.35568L10.1984 2.2029L10.1951 2.20523L10.625 1.96094Z" fill="url(#paint0_radial_848_12319)" /><path d="M10.625 1.96094L12.5 2.15163V7.55279L9.5 8.24974L8.50001 9.62186V11.7788C8.50001 13.2282 9.28404 14.5642 10.5494 15.271L13.3773 16.8506L8.5 19.4301L6.47245 19.7191L4.54939 18.6449C3.28403 17.9381 2.5 16.6022 2.5 15.1528V8.84836C2.5 7.3986 3.28445 6.06232 4.55035 5.35568L10.1984 2.2029L10.1951 2.20523L10.625 1.96094Z" fill="url(#paint1_linear_848_12319)" /><path d="M16.5 8.99988L21.5 11.9999L22.5 12.9999V15.1525C22.5 16.6019 21.716 17.9379 20.4506 18.6447L14.4506 21.9961C13.2384 22.6732 11.7616 22.6732 10.5494 21.9961L4.54939 18.6447C4.43277 18.5795 4.32024 18.5091 4.21204 18.4336L4.54936 18.6221C5.76162 19.2992 7.23833 19.2992 8.45059 18.6221L14.4506 15.2706C15.7159 14.5638 16.5 13.2279 16.5 11.7785V8.99988Z" fill="url(#paint2_radial_848_12319)" /><path d="M16.5 8.99988L21.5 11.9999L22.5 12.9999V15.1525C22.5 16.6019 21.716 17.9379 20.4506 18.6447L14.4506 21.9961C13.2384 22.6732 11.7616 22.6732 10.5494 21.9961L4.54939 18.6447C4.43277 18.5795 4.32024 18.5091 4.21204 18.4336L4.54936 18.6221C5.76162 19.2992 7.23833 19.2992 8.45059 18.6221L14.4506 15.2706C15.7159 14.5638 16.5 13.2279 16.5 11.7785V8.99988Z" fill="url(#paint3_linear_848_12319)" /><path d="M20.4496 5.3556L14.4496 2.00634C13.2379 1.32992 11.7621 1.32992 10.5503 2.00634L10.1972 2.20346C9.1402 2.94738 8.5 4.16447 8.5 5.47418V9.65284L10.5503 8.50832C11.7621 7.8319 13.2379 7.8319 14.4496 8.50832L20.4496 11.8576C21.6867 12.5481 22.464 13.84 22.4988 15.2515C22.4996 15.2186 22.5 15.1857 22.5 15.1527V8.84829C22.5 7.39852 21.7155 6.06224 20.4496 5.3556Z" fill="url(#paint4_radial_848_12319)" /><path d="M20.4496 5.3556L14.4496 2.00634C13.2379 1.32992 11.7621 1.32992 10.5503 2.00634L10.1972 2.20346C9.1402 2.94738 8.5 4.16447 8.5 5.47418V9.65284L10.5503 8.50832C11.7621 7.8319 13.2379 7.8319 14.4496 8.50832L20.4496 11.8576C21.6867 12.5481 22.464 13.84 22.4988 15.2515C22.4996 15.2186 22.5 15.1857 22.5 15.1527V8.84829C22.5 7.39852 21.7155 6.06224 20.4496 5.3556Z" fill="url(#paint5_linear_848_12319)" /><defs><radialGradient id="paint0_radial_848_12319" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9409 7.67621) rotate(112.544) scale(14.6574 12.0667)"><stop offset="0.206732" stop-color="#45D586" /><stop offset="0.875628" stop-color="#128245" /></radialGradient><linearGradient id="paint1_linear_848_12319" x1="9.41403" y1="18.1348" x2="8.61684" y2="16.6511" gradientUnits="userSpaceOnUse"><stop offset="0.9999" stop-color="#0F773F" /><stop offset="1" stop-color="#0078D4" stop-opacity="0" /></linearGradient><radialGradient id="paint2_radial_848_12319" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.81249 16.8251) rotate(-3.9995) scale(15.3873 9.66209)"><stop offset="0.140029" stop-color="#FBFF47" /><stop offset="0.952721" stop-color="#54B228" /></radialGradient><linearGradient id="paint3_linear_848_12319" x1="19.3089" y1="11.2185" x2="18.4688" y2="12.6818" gradientUnits="userSpaceOnUse"><stop offset="0.9999" stop-color="#27770B" /><stop offset="1" stop-color="#8C66BA" stop-opacity="0" /></linearGradient><radialGradient id="paint4_radial_848_12319" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.1452 11.7414) rotate(-138.33) scale(14.2509 8.12793)"><stop stop-color="#95FEA0" /><stop offset="0.839255" stop-color="#10B7B7" /></radialGradient><linearGradient id="paint5_linear_848_12319" x1="8.5" y1="6.94488" x2="10.1334" y2="6.94488" gradientUnits="userSpaceOnUse"><stop offset="0.9999" stop-color="#0A7B7B" /><stop offset="1" stop-color="#436DCD" stop-opacity="0" /></linearGradient></defs></svg>`,zd=n`<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.588591 0.215694L0.646447 0.146447C0.820013 -0.0271197 1.08944 -0.046405 1.28431 0.0885911L1.35355 0.146447L6.5 5.293L11.6464 0.146447C11.82 -0.0271197 12.0894 -0.046405 12.2843 0.0885911L12.3536 0.146447C12.5271 0.320013 12.5464 0.589437 12.4114 0.784306L12.3536 0.853553L7.207 6L12.3536 11.1464C12.5271 11.32 12.5464 11.5894 12.4114 11.7843L12.3536 11.8536C12.18 12.0271 11.9106 12.0464 11.7157 11.9114L11.6464 11.8536L6.5 6.707L1.35355 11.8536C1.17999 12.0271 0.910563 12.0464 0.715694 11.9114L0.646447 11.8536C0.47288 11.68 0.453595 11.4106 0.588591 11.2157L0.646447 11.1464L5.793 6L0.646447 0.853553C0.47288 0.679987 0.453595 0.410563 0.588591 0.215694L0.646447 0.146447L0.588591 0.215694Z" fill="#424242" /></svg>`;const Fd=n`<template slot="header"><div class="title-container"><slot name="icon" part="icon">${Rd}</slot><h2 class="title"><slot name="title" part="title">fluent</slot></h2><slot name="badges" part="badges"></slot></div><div class="buttons-container"><slot name="detach" part="detach"></slot><slot name="overflow" part="overflow"></slot><fluent-button part="dismiss" class="dismiss-button" appearance="subtle" icon-only @click="${t=>t.dismissSidecar()}">${zd}</fluent-button></div></template>`,Hd=g(f(Od.compose({name:`${lo.prefix}-sidecar-shell-header`,template:Fd,styles:Bd,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}})),f($t)),_d={...x},qd={immersive:"immersive",sidecar:"sidecar"};class Wd extends k{constructor(){super(...arguments),this.surface=qd.immersive}}t([s],Wd.prototype,"surface",void 0);const Kd=a`
+  ${fi("inline-flex")}
+
+  :host{--icon-spacing:${Ct};--chevron-spacing:${Vt};align-items:center;gap:${ut};background:${Y};border:1px solid ${nt};border-radius:${J};cursor:pointer;font-family:${K};font-weight:${et};color:${V};box-sizing:border-box;text-decoration:none;user-select:none;outline:none}:host,:host([surface="immersive"]){padding:${Q} ${pt};font-size:${j};line-height:${N}}:host([surface="sidecar"]){padding:${Rt} ${pt};font-size:${At};line-height:${It}}:host(:hover:not([disabled])){background:${Jt}}:host(:active:not([disabled])){background:${ze}}:host(:focus-visible){outline:2px solid ${Ot};outline-offset:2px}:host([disabled]),:host([disabled-focusable]){cursor:not-allowed;color:${wt};background:${Xt};border-color:${Qe}}.label{display:inline-flex;align-items:center;padding-inline:${Ct};color:${st}}.icons{display:inline-flex;align-items:center;gap:var(--icon-spacing)}.icons ::slotted(*){width:${li};height:${gi}}.chevron{display:inline-flex;align-items:center}.chevron svg{display:block}`;const jd=n`<template ?disabled="${t=>t.disabled}" aria-disabled="${t=>t.disabled||t.disabledFocusable?"true":null}"><slot name="start"></slot><span class="label" part="label"><slot></slot></span><span class="icons" part="icons"><slot name="icons"></slot></span><span class="chevron" part="chevron" aria-hidden="true">${so}</span></template>`,Nd=Wd.compose({name:`${lo.prefix}-sources-button`,template:jd,styles:Kd,shadowOptions:{mode:lo.shadowRootMode}});class Gd extends o{constructor(){super(...arguments),this.loading=!1}set data(t){t.id&&(this.id=t.id),this.prompt=t.prompt||""}get data(){return{id:this.id,prompt:this.prompt||""}}emitSuggestionsSelectEvent(){this.dispatchEvent(new CustomEvent("suggestionsselect",{detail:{target:this,prompt:this.prompt},bubbles:!0,composed:!0}))}handleClick(t){this.emitSuggestionsSelectEvent()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}t([s({mode:"boolean"})],Gd.prototype,"loading",void 0),t([s],Gd.prototype,"prompt",void 0);const Vd=a`
+  ${fi("inline-flex")}
+
+  :host{height:fit-content;width:fit-content;min-height:${ai};background-color:${Pt};justify-content:flex-end;position:relative}button{height:fit-content;min-height:${ai};min-width:unset;vertical-align:center;cursor:pointer;transition-duration:${ti};transition-property:background,border,color;transition-timing-function:${ei};border:${ce} solid ${Pe};border-radius:${J};padding:2px ${W};color:${st};font-family:${K};font-weight:${et};font-size:${At};background-color:${Pt};justify-content:center;text-align:start;line-height:${It};display:inline-flex;align-items:center;padding:${ot} ${pt}}:host .prompt-container{overflow:hidden}button[disabled]{border-color:${nt};cursor:not-allowed}:host([loading]) .prompt{display:none}:host :not([loading]) .loading-bar{display:none}:host([loading]) .loading-bar{display:inline-flex;background-color:${ii};border-radius:${ht};margin:${Rt} ${pt};height:8px;position:absolute;inset:0}:host([loading]) button{width:84px;}:host([loading][data-last-loading]) button{width:164px;}:host([data-last-suggestion]){width:86%}button:not([disabled]):hover{background-color:${Be};color:${st};border-color:${Pe};border-width:${ce}}button:not([disabled]):active{background-color:${oi};border-color:${De};border-width:${ce}}:host(:focus-visible){outline-color:${Ot};border-radius:${J};background-color:${si}}:host(:focus-visible) button:not([disabled]){border-color:transparent}`;const Zd=n`<template slot="suggestions" ?loading="${t=>t.loading}" aria-busy="${t=>t.loading}" aria-live="polite" prompt="${t=>t.prompt}"><button @click="${(t,e)=>t.handleClick(e.event)}" ?disabled="${t=>t.loading}" part="suggestion-button" class="suggestion-button"><div class="prompt-container" part="prompt-container"><span class="prompt" part="prompt">${t=>t.prompt}</span><div class="loading-bar" part="loading-bar"></div></div></button></template>`,Ud=Gd.compose({name:`${lo.prefix}-suggestions`,template:Zd,styles:Vd,shadowOptions:{mode:lo.shadowRootMode}});Ud.define(customElements);class Xd extends o{constructor(){super(...arguments),this.suggestionsData=[],this.loading=!1,this.slottedSuggestions=[],this.slottedAction=[],this.handlePromptSelect=t=>{t.stopPropagation();const e=t.detail;this.dispatchEvent(new CustomEvent("promptselect",{bubbles:!0,composed:!0,detail:{source:"SuggestionsGroup",...e}}))}}connectedCallback(){super.connectedCallback(),this.addEventListener("suggestionsselect",this.handlePromptSelect)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("suggestionsselect",this.handlePromptSelect)}suggestionsDataChanged(t,e){this.renderSuggestions(e)}slottedSuggestionsChanged(t,e){t!==e&&m.next().then(()=>{this.setSuggestions()})}loadingChanged(t,e){t!==e&&m.next().then(()=>{this.setSuggestions()})}setSuggestions(){const t=this.slottedSuggestions.length-1;this.slottedSuggestions.forEach((e,i)=>{const o=e;o.loading=!!this.loading,o.hidden=this.loading&&i>2,o.removeAttribute("data-last-suggestion"),o.removeAttribute("data-last-loading"),this.loading&&2===i?o.setAttribute("data-last-loading",""):this.loading||i!==t||o.setAttribute("data-last-suggestion","")})}renderSuggestions(t){this.clearSuggestions(),t.forEach((e,i)=>{const o=document.createElement("fabric-suggestions");o.data=e,o.slot="suggestions",o.loading=this.loading,i===t.length-1&&o.setAttribute("data-last-suggestion",""),this.appendChild(o)})}clearSuggestions(){this.slottedSuggestions&&this.slottedSuggestions.forEach(t=>{this.removeChild(t)})}handleTabKey(t){const e=this.focusableElements,i=document.activeElement,o=e.indexOf(i);if(-1!==o)if(t.preventDefault(),t.shiftKey){const t=(o-1+e.length)%e.length;this.focusPrompt(e[t])}else{const t=(o+1)%e.length;this.focusPrompt(e[t])}}handleKeyDown(t){if(t.key===$i||t.key===yi)this.focusFirstElement();else{if(t.key!==xi)return t.key!==wi||(this.blurSuggestions(),!0);this.blurSuggestions()}}focusFirstElement(){const t=this.focusableElements;t.forEach(t=>{t.tabIndex=0});const e=t[0];m.next().then(()=>{this.focusPrompt(e)})}blurSuggestions(){this.focusableElements.forEach(t=>{t.tabIndex=-1}),this.focus()}handleSuggestionsGroupKeyDown(t){const e=t.key;e===wi?(t.stopImmediatePropagation(),this.handleTabKey(t)):e===Li||e===Si?(t.preventDefault(),this.focusNextPrompt()):e===Ei||e===Ti?(t.preventDefault(),this.focusPreviousPrompt()):e===$i&&(t.preventDefault(),this.selectActivePrompt(t))}selectActivePrompt(t){const e=document.activeElement;if("FABRIC-SUGGESTIONS"===e.tagName){t.stopPropagation();e.handleClick(t)}}focusNextPrompt(){if(this.focusableElements&&this.focusableElements.length>0){const t=document.activeElement,e=(this.focusableElements.findIndex(e=>e===t)+1)%this.focusableElements.length;this.focusPrompt(this.focusableElements[e])}}focusPreviousPrompt(){if(this.focusableElements&&this.focusableElements.length>0){const t=document.activeElement,e=(this.focusableElements.findIndex(e=>e===t)-1+this.focusableElements.length)%this.focusableElements.length;this.focusPrompt(this.focusableElements[e])}}focusPrompt(t){t.focus()}get focusableElements(){const t=[...this.slottedSuggestions];return this.slottedAction&&t.push(this.slottedAction[0]),t}}t([r],Xd.prototype,"suggestionsData",void 0),t([s({mode:"boolean"})],Xd.prototype,"loading",void 0),t([r],Xd.prototype,"slottedSuggestions",void 0),t([r],Xd.prototype,"slottedAction",void 0);const Yd=a`
+  ${vt("inline-flex")}
+
+  .suggestions-group{display:flex}.suggestions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}.action{display:flex;align-items:flex-end;align-self:flex-start}fabric-suggestions,:host ::slotted([slot="suggestions"]){margin:${ct} ${ot}}`;const Jd=n`<template tabindex="0" role="group" focusable="true" ?loading="${t=>t.loading}" @keydown="${(t,e)=>t.handleKeyDown(e.event)}"><div class="suggestions-group" part="suggestions-group" @keydown="${(t,e)=>t.handleSuggestionsGroupKeyDown(e.event)}"><div class="suggestions" part="suggestions"><slot name="suggestions" ${h({property:"slottedSuggestions",filter:d()})}></slot><div class="action" part="action"><slot name="action" ${h({property:"slottedAction",filter:d()})}></slot></div></div></div></template>`,Qd=Xd.compose({name:`${lo.prefix}-suggestions-group`,template:Jd,styles:Yd,shadowOptions:{mode:lo.shadowRootMode}}),tc=a`
+  ${vt("flex")}
+
+  :host{width:100%;font-family:${K};font-size:${j};font-weight:${et};line-height:${N}}:host .textarea-container{width:100%;min-width:288px;max-width:587px;max-height:272px;}:host .messages-row{font-size:${St};line-height:${Mt};font-weight:${et};display:inline-block;flex:0 0 auto;width:100%;margin-bottom:var(--messages-row-margin-bottom);margin-top:${ct}}:host .textarea-root{display:flex;flex-direction:row;position:relative;flex-wrap:wrap;flex:0 0 auto;width:100%;padding-inline-start:0px;gap:0;font-family:${K};background-color:${Y};border:1px solid ${U};max-width:unset;min-height:76px;border-radius:${Ie};padding:${X} ${W} ${mt};box-sizing:border-box}:host .labels{flex:0 0 auto;width:100%}:host textarea.textarea{font-family:${K};font-size:${j};font-weight:${et};line-height:${N};color:${V};border:none;outline:none;padding:0;margin:0;resize:none;background-color:transparent;width:100%;height:${ci};max-height:252px;padding:0px ${ct};margin-bottom:${ct};scrollbar-color:${st} ${ni};scrollbar-width:thin}:host([disabled]),:host([disabled]) .interactions-row .interactions-left-col .character-count{pointer-events:none;color:${wt}}:host([disabled]) textarea{pointer-events:none}:host([disabled]) textarea.textarea::placeholder,:host([disabled]) textarea.textarea{border-color:${Qe};color:${wt}}:host textarea.textarea::placeholder{color:${_t}}:host .interactions-row .interactions-left-col .character-count,:host .messages-row .messages,:host ::slotted([slot="end"]){font-size:${St};line-height:${Mt};font-weight:${et};display:inline-block}:host .interactions-row .interactions-left-col .character-count{margin:0px ${ot};color:${_t}}:host([hide-character-count])
+    .interactions-row
+    .interactions-left-col
+    .character-count{display:none}:host(:not([data-exceeds-char-limit])) .error-message-container{display:none}:host .error-message-container{display:flex;justify-content:space-between;align-items:flex-start}:host .error-message-container svg{min-width:${ri};margin-inline-end:2px;padding-top:1px}:host .error-message-container .error-message{display:block;color:${Ee}}:host .attachments-row{display:flex;width:100%;padding:0px ${ot}}:host ::slotted([slot="end"]){color:${_t};margin-top:${Rt};display:block}:host .interactions-row{display:flex;width:100%}:host .interactions-row .interactions-center-col,:host .interactions-row .interactions-right-col,:host .interactions-row .interactions-left-col{height:${ui};min-width:${vi};flex-grow:0;display:flex;align-items:center;flex-direction:row}:host .interactions-row .interactions-left-col{flex-grow:1}:host .interactions-row .interactions-right-col fabric-button::part(control){min-width:unset;padding:${mt}}:host .interactions-right-col .divider{margin:0px 4px;border-inline-end:1px solid ${nt};height:${ai};display:var(--divider-visibility)}:host(:not([disabled]):hover) .textarea-root{border-color:${ge};border-bottom-color:${fe}}:host(:not([disabled]):active) .textarea-root{border-color:${be}}:host(:not([disabled]):focus-within) .textarea-root{outline:transparent solid 2px;border-bottom:0}:host(:not([disabled]):focus-within) .textarea-root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Bt};transition-delay:${xe}}:host(:not([disabled]):focus-within:active) .textarea-root::after{border-bottom-color:${ye}}:host(:not([disabled])) .textarea-root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${Ie});border-radius:0 0 ${Ie} ${Ie};border-bottom:2px solid ${ue};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${me};transition-delay:${ve};pointer-events:none}:host(:not([disabled]),:focus-within) .textarea-root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Bt};transition-delay:${xe}}`,ec=n`<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path d="M6.66675 11C9.42817 11 11.6667 8.76142 11.6667 6C11.6667 3.23858 9.42817 1 6.66675 1C3.90532 1 1.66675 3.23858 1.66675 6C1.66675 8.76142 3.90532 11 6.66675 11ZM5.91675 8.25C5.91675 7.83579 6.25253 7.5 6.66675 7.5C7.08096 7.5 7.41675 7.83579 7.41675 8.25C7.41675 8.66421 7.08096 9 6.66675 9C6.25253 9 5.91675 8.66421 5.91675 8.25ZM6.1748 3.41012C6.21714 3.17688 6.42129 3 6.66675 3C6.91221 3 7.11636 3.17688 7.15869 3.41012L7.16675 3.5V6L7.15869 6.08988C7.11636 6.32312 6.91221 6.5 6.66675 6.5C6.42129 6.5 6.21714 6.32312 6.1748 6.08988L6.16675 6V3.5L6.1748 3.41012Z" fill="currentColor" /></svg>`;const ic=function(t={}){return n`<template role="group"><div class="textarea-container"><div class="textarea-root" part="textarea-root"><textarea ${u("inputRef")} class="textarea" maxlength="${t=>t.maxLength+t.characterOverflowLength}" placeholder="${t=>t.placeholder}" ?disabled="${t=>t.disabled}" part="textarea-element" :value="${t=>t.value||""}" name="${t=>{var e;return null!==(e=t.name)&&void 0!==e?e:""}}" aria-invalid="${t=>t.exceedsMaxCharLimit?"true":"false"}"></textarea><div class="messages-row" part="messages-row"><slot name="messages" part="messages" ${h("messages")}></slot><div class="error-message-container">${ec}<slot class="error-message" name="error-message">${S(t.errorMessage)}</slot></div></div><div class="attachments-row" part="attachments-row" aria-expanded="${t=>t.hasAttachments}"><slot name="attachments" ${h("attachments")}></slot></div><div class="interactions-row" part="interactions-row"><div class="interactions-left-col" part="interactions-left-col"><div part="character-count" class="character-count">${t=>t.characterCount}/${t=>t.maxLength}</div></div><div class="interactions-center-col" part="interactions-center-col"><slot name="buttons" ${h("buttons")}></slot></div><div class="interactions-right-col" part="interactions-right-col"><div class="divider" part="divider"></div><slot name="submit-button" ${h("submitButton")}></slot></div></div></div><slot name="end"></slot></div></template>`}({errorMessage:$s}),oc=Us.compose({name:`${lo.prefix}-textarea`,template:ic,styles:tc,shadowOptions:{delegatesFocus:!0,mode:lo.shadowRootMode}}),sc={1:1,2:2,3:3,4:4,5:5,6:6},nc={toggle:"toggle",promptSelect:"prompt-select"};class ac extends o{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headingLevel=2,this.expanded=!1,this.id=`starter-card-${bi()}`,this.disabled=!1,this.promptObservers=new WeakMap,this.applyScheduled=!1}expandedChanged(){this.scheduleApply()}toggleExpanded(){if(this.disabled)return!1;const t=!this.expanded;return this.expanded=t,this.emitToggle(),!0}open(){return!this.disabled&&!this.expanded&&(this.expanded=!0,this.emitToggle(),!0)}close(){return!(this.disabled||!this.expanded)&&(this.expanded=!1,this.emitToggle(),!0)}slottedPromptsChanged(t=[]){var e;this.events&&this.rewirePromptListeners(this.events.signal);for(const i of t)(null===(e=this.slottedPrompts)||void 0===e?void 0:e.includes(i))||this.disconnectPromptObserver(i);this.scheduleApply()}disabledChanged(t,e){_(this.elementInternals,"disabled",e),e&&this.expanded&&(this.expanded=!1,this.emitToggle()),this.scheduleApply()}onExpandKeyDown(t){if(!t.defaultPrevented&&void 0!==this.slottedPrompts)switch(t.key){case $i:case yi:t.preventDefault();{const t=!this.expanded,e=this.toggleExpanded();t&&e&&m.next().then(()=>{var t;null===(t=this.rovingFocus)||void 0===t||t.focusFirst()})}break;case xi:t.preventDefault(),this.handlePromptClose()}}onHostKeyDown(t){t.key===xi&&this.expanded&&(t.preventDefault(),this.handlePromptClose())}onPanelKeyDown(t){var e;null===(e=this.rovingFocus)||void 0===e||e.handleKeydown(t)}emitToggle(){this.dispatchEvent(new CustomEvent(nc.toggle,{bubbles:!0,composed:!0,detail:{expanded:this.expanded}}))}handlePromptSelect(t){var e;t.stopPropagation(),t instanceof CustomEvent&&(null===(e=t.detail)||void 0===e?void 0:e.prompt)&&(this.prompt=t.detail.prompt,this.emitPromptSelectEvent())}handlePromptClose(){var t;this.close(),null===(t=this.expandbutton)||void 0===t||t.focus()}setComponent(){var t,e,i,o;null===(t=this.events)||void 0===t||t.abort(),this.events=new AbortController;const{signal:s}=this.events;this.rovingFocus=F({items:()=>{var t;return null!==(t=this.slottedPrompts)&&void 0!==t?t:[]},orientation:"vertical",enableHomeEnd:!1,wrap:!0,focusItem:t=>{const e=t;e.setAttribute("tabindex","0");const i=e.promptbutton;i?(i.tabIndex=0,i.focus()):e.focus()},isRtl:H}),this.addEventListener("keydown",this.onHostKeyDown,{signal:s}),null===(e=this.group)||void 0===e||e.addEventListener("keydown",t=>this.onPanelKeyDown(t),{signal:s}),null===(i=this.expandbutton)||void 0===i||i.addEventListener("click",()=>this.toggleExpanded(),{signal:s}),null===(o=this.expandbutton)||void 0===o||o.addEventListener("keydown",t=>this.onExpandKeyDown(t),{signal:s}),this.rewirePromptListeners(s)}rewirePromptListeners(t){var e;for(const i of null!==(e=this.slottedPrompts)&&void 0!==e?e:[])i.addEventListener(xr.select,t=>this.handlePromptSelect(t),{signal:t}),this.observePromptDisabled(i)}observePromptDisabled(t){if(t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),this.promptObservers.has(t))return;const e=new MutationObserver(()=>{var t;null===(t=this.rovingFocus)||void 0===t||t.applyTabindex()});e.observe(t,{attributes:!0,attributeFilter:["disabled"]}),this.promptObservers.set(t,e)}disconnectPromptObserver(t){const e=this.promptObservers.get(t);e&&(e.disconnect(),this.promptObservers.delete(t))}emitPromptSelectEvent(){this.dispatchEvent(new CustomEvent(nc.promptSelect,{bubbles:!0,composed:!0,detail:{prompt:this.prompt}}))}scheduleApply(){this.applyScheduled||(this.applyScheduled=!0,queueMicrotask(()=>{this.applyScheduled=!1,m.enqueue(()=>this.applyState())}))}applyState(){var t;_(this.elementInternals,"expanded",this.expanded),this.expandbutton&&(this.expandbutton.setAttribute("aria-expanded",this.expanded?"true":"false"),this.group&&(this.group.id||(this.group.id=`${this.id}-group`),this.expandbutton.setAttribute("aria-controls",this.group.id))),this.group&&this.group.setAttribute("aria-hidden",this.expanded?"false":"true"),this.expanded&&(null===(t=this.rovingFocus)||void 0===t||t.applyTabindex())}connectedCallback(){super.connectedCallback(),m.enqueue(()=>{this.setComponent(),this.scheduleApply()})}disconnectedCallback(){var t,e,i;null===(t=this.events)||void 0===t||t.abort(),this.events=void 0,null===(e=this.rovingFocus)||void 0===e||e.destroy(),this.rovingFocus=void 0;for(const t of null!==(i=this.slottedPrompts)&&void 0!==i?i:[])this.disconnectPromptObserver(t);super.disconnectedCallback()}}t([s({attribute:"heading-level",mode:"fromView",converter:v})],ac.prototype,"headingLevel",void 0),t([r],ac.prototype,"slottedPrompts",void 0),t([s({mode:"boolean"})],ac.prototype,"expanded",void 0),t([s],ac.prototype,"id",void 0),t([s({mode:"boolean"})],ac.prototype,"disabled",void 0);const rc=a`
+  :host{font-family:${K};background:${Y};border:${ce} solid ${Ae};border-radius:${Z};position:relative;height:fit-content;overflow:hidden;box-shadow:${Zt};box-sizing:border-box;flex-shrink:0;display:block;contain:content;margin-bottom:${Rt};min-width:260px;width:var(--starter-card-width,inherit)}:host([hidden]){display:none}:host(:focus){box-shadow:${Zt},0 0 0 2px ${Ot}}.starter-card{box-shadow:${Le};padding:0;display:flex;flex-direction:column;row-gap:0}.heading{position:relative;border-radius:${Z};${Ut};margin:1px;font-size:${j};line-height:${N};display:flex;align-items:center;justify-content:space-between}:has([slot="start"]) .heading{padding-inline:${Vt} ${pt}}.group{width:100%}.expand-button{appearance:none;background:${Pt};border:none;box-sizing:border-box;color:${V};cursor:pointer;font:inherit;outline:none;padding:0;text-align:start;width:100%;height:100%;padding-inline:${W} ${ut};padding-top:${W};padding-bottom:${W};display:flex;align-items:center;justify-content:space-between}.column{display:flex;align-items:center}.column-start{display:flex}:where(.chevron-collapsed,.chevron-expanded),.icon-collapsed,.icon-expanded{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-inline-end:${W}}.icon-collapsed svg,.icon-expanded svg{fill:currentcolor}::slotted([slot="icon"]),::slotted([slot="title"]),::slotted([slot="start"]){display:flex;justify-content:center;align-items:center}::slotted([slot="icon"]){max-width:${mi};padding:2px}::slotted([slot="title"]){padding-inline-start:${W}}::slotted([slot="start"]){padding-inline-end:${W}}:host(${A}){cursor:not-allowed}:host(${A}) .expand-button{color:${wt};cursor:not-allowed}:host(${A}) :is(.chevron-expanded),:host(${A}) :is(.chevron-collapsed){fill:${wt}}:host(${q}) .group{display:flex;flex-direction:column;gap:${W};align-items:stretch;padding:${X} ${rt}}:host(${q}) .chevron-collapsed,:host(${q}) .icon-collapsed,:host(:not(${q})) :is(.chevron-expanded,.panel),:host(:not(${q})) .icon-expanded{display:none}:host(:not(${q})) .chevron-collapsed,:host(:not(${q})) .icon-collapsed,:host(${q}) :is(.chevron-expanded,.panel),:host(${q}) .icon-expanded{display:flex}:is(.chevron-collapsed,.chevron-expanded){padding-inline-start:${W};padding-inline-end:0}`.withBehaviors(oe(a`
+    .icon-expanded svg,.icon-collapsed svg{fill:CanvasText}:host(${A}) .expand-button{color:GrayText}:host(${A}) .icon-expanded svg,:host(${A}) .icon-collapsed svg{fill:GrayText}`));const lc=n`<template ?expanded=${t=>t.expanded}><div class="starter-card"><div class="heading" role="heading" aria-level="${t=>t.headingLevel}"><button class="expand-button" id="${t=>t.id}" aria-expanded="${t=>t.expanded?"true":null}" aria-controls="${t=>t.id}-group" ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?"-1":"0"}" ${u("expandbutton")}><div class="column column-start"><slot name="icon"></slot><slot name="title"></slot></div><div class="column column-end"><span class="icon-expanded">${io}</span><span class="icon-collapsed">${oo}</span></div></button></div><div class="panel" role="region"><div ${u("group")} role="group" class="group" id="${t=>t.id}-group" aria-hidden="${t=>t.expanded?"false":"true"}" aria-labelledby="${t=>t.id}"><slot ${h({property:"slottedPrompts",filter:d("fabric-prompt")})}></slot></div></div></div></template>`,dc=ac.compose({name:`${lo.prefix}-starter-card`,template:lc,styles:rc,shadowOptions:{mode:lo.shadowRootMode}}),cc={select:"prompt-select",configChange:"config-change"};function hc(t){if(t)return"string"==typeof t?t:t.join(" ")}class pc extends o{constructor(){super(...arguments),this._config=null,this._starterCardsMapped=[],this.emitConfigChangeEvent=()=>{this.dispatchEvent(new CustomEvent(cc.configChange,{bubbles:!0,composed:!0,detail:{config:this._config}}))}}set config(t){const e=function(t){if(!t)return null;const e=(t.starterCards||[]).filter(t=>Array.isArray(t.prompts)&&t.prompts.length).map((t,e)=>({id:t.id||`starter-${e}`,...t,visible:"boolean"!=typeof t.visible||t.visible,prompts:t.prompts.map((t,i)=>({id:t.id||`starter-${e}-prompt-${i}`,...t}))})),i=t.prompts||[],o=t.id,s=t.class;return{starterCards:e,prompts:i,...o?{id:o}:{},...s?{class:s}:{}}}(t);this._config=e,this._starterCardsMapped=e&&function(t){if(t.starterCards&&t.starterCards.length)return t.starterCards.map((t,e)=>{var i;return{key:null!==(i=t.id)&&void 0!==i?i:`starter-${e}`,card:t,prompts:t.prompts,index:e}})}(e)||[],this.emitConfigChangeEvent(),m.enqueue(()=>this.renderDOM())}get config(){return this._config}get starterCardsMapped(){return this._starterCardsMapped}get hasHiddenStarterCards(){return this.starterCardsMapped.some(t=>{var e;return!1===(null===(e=t.card)||void 0===e?void 0:e.visible)})}get collapsed(){var t,e,i;return!(null!==(i=null===(e=null===(t=this._config)||void 0===t?void 0:t.starterCards)||void 0===e?void 0:e.some(t=>t&&!0===t.expanded))&&void 0!==i&&i)}emitPromptSelect(t){this.dispatchEvent(new CustomEvent(cc.select,{bubbles:!0,composed:!0,detail:t}))}renderDOM(){var t;const e=this;if(!this._config)return void e.replaceChildren();const i=document.createDocumentFragment();for(const e of this.starterCardsMapped){if(!1===(null===(t=e.card)||void 0===t?void 0:t.visible))continue;const o=document.createElement("fabric-starter-card");o.id=`starter-${e.key}`;const s=hc(e.card.class);if(s&&(o.className=s),e.card.expanded&&(o.expanded=!0),e.card.title){const t=document.createElement("span");t.slot="title",t.className="fabric-starter-card-title",t.textContent=e.card.title,o.appendChild(t)}if(e.card.iconSrc){const t=document.createElement("img");t.slot="icon",t.src=e.card.iconSrc,e.card.iconAlt?t.alt=e.card.iconAlt:(t.alt="",t.setAttribute("aria-hidden","true")),o.appendChild(t)}e.prompts.forEach((t,e)=>{const i=document.createElement("fabric-prompt");i.id=t.id||`fabric-prompt-${e}`;const s=hc(t.class);i.className=s||"fabric-prompt",i.prompt=t.prompt,i.textContent=t.prompt,t.disabled&&(i.disabled=!0),o.appendChild(i)}),i.appendChild(o)}e.replaceChildren(i)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){}}t([r],pc.prototype,"_config",void 0);const uc=g(f(pc.compose({name:`${lo.prefix}-zero-prompt`,shadowOptions:null})),f(dc),f(kr));export{Eo as ActionContextButton,xo as ActionContextButtonAppearances,So as ActionContextButtonDefinition,Co as ActionContextButtonEventNames,wo as ActionContextButtonFormTargets,yo as ActionContextButtonShapes,$o as ActionContextButtonSizes,Lo as ActionContextButtonStyles,To as ActionContextButtonTemplate,ko as ActionContextButtonTypes,uo as ApprovalCard,Qi as ApprovalCardCollapsible,co as ApprovalCardCollapsibleDefinition,ro as ApprovalCardCollapsibleStyles,ao as ApprovalCardCollapsibleTemplate,bo as ApprovalCardDefinition,Zi as ApprovalCardEventNames,Vi as ApprovalCardSizes,ji as ApprovalCardStates,mo as ApprovalCardStyles,Gi as ApprovalCardSurfaces,fo as ApprovalCardTemplate,Ni as ApprovalCardTypes,Bo as BookmarkButton,Mo as BookmarkButtonAppearances,_o as BookmarkButtonDefinition,Oo as BookmarkButtonEventNames,Po as BookmarkButtonFormTargets,Ao as BookmarkButtonShapes,Io as BookmarkButtonSizes,Do as BookmarkButtonTypes,cs as ChainOfThought,us as ChainOfThoughtDefinition,ds as ChainOfThoughtEventNames,ls as ChainOfThoughtStates,os as ChainOfThoughtStep,as as ChainOfThoughtStepDefinition,is as ChainOfThoughtStepEventNames,es as ChainOfThoughtStepStates,ss as ChainOfThoughtStepStyles,ts as ChainOfThoughtStepSurfaces,ns as ChainOfThoughtStepTemplate,hs as ChainOfThoughtStyles,rs as ChainOfThoughtSurfaces,ps as ChainOfThoughtTemplate,qo as Citation,No as CitationDefinition,Go as CitationReference,Uo as CitationReferenceDefinition,Vo as CitationReferenceStyles,Zo as CitationReferenceTemplate,Ko as CitationStyles,jo as CitationTemplate,Ys as ContextualCommandGroup,tn as ContextualCommandGroupDefinition,Xs as ContextualCommandGroupEventNames,Js as ContextualCommandGroupStyles,Qs as ContextualCommandGroupTemplate,en as ContextualMenu,an as ContextualMenuDefinition,on as ContextualMenuEventNames,vs as ContextualMenuItem,dn as ContextualMenuItemDefinition,ms as ContextualMenuItemEventNames,rn as ContextualMenuItemStyles,ln as ContextualMenuItemTemplate,gs as ContextualMenuList,pn as ContextualMenuListDefinition,cn as ContextualMenuListStyles,hn as ContextualMenuListTemplate,sn as ContextualMenuStyles,nn as ContextualMenuTemplate,bs as ContextualTab,vn as ContextualTabDefinition,un as ContextualTabStyles,mn as ContextualTabTemplate,fs as ContextualTabpanel,bn as ContextualTabpanelDefinition,gn as ContextualTabpanelStyles,fn as ContextualTabpanelTemplate,cr as CreateFlair,ys as DEFAULT_CHARACTER_OVERFLOW_BUFFER,$s as DEFAULT_ERROR_MESSAGE,xs as DEFAULT_MAX_CHARS,Ln as DislikeButton,xn as DislikeButtonAppearances,In as DislikeButtonDefinition,En as DislikeButtonEventNames,kn as DislikeButtonFormTargets,yn as DislikeButtonShapes,$n as DislikeButtonSizes,Cn as DislikeButtonStates,wn as DislikeButtonTypes,qn as DismissButton,Pn as DismissButtonAppearances,Nn as DismissButtonDefinition,zn as DismissButtonEventNames,Rn as DismissButtonFormTargets,Dn as DismissButtonShapes,On as DismissButtonSizes,Bn as DismissButtonTypes,ws as ERROR_EXCEEDS_CHAR_LIMIT_ATTRIBUTE,ca as FeedbackGroup,ua as FeedbackGroupDefinition,Vn as FeedbackGroupEventNames,Gn as FeedbackGroupStates,ha as FeedbackGroupStyles,pa as FeedbackGroupTemplate,hr as FlairEventsNames,ka as InlineInputWidget,La as InlineInputWidgetDefinition,ma as InlineInputWidgetEventNames,Ca as InlineInputWidgetStyles,Ea as InlineInputWidgetTemplate,Ta as InlineMessage,Aa as InlineMessageDefinition,Sa as InlineMessageStyles,Ma as InlineMessageTemplate,ja as InlineOutputWidget,Va as InlineOutputWidgetDefinition,Ia as InlineOutputWidgetEventNames,Na as InlineOutputWidgetStyles,Ga as InlineOutputWidgetTemplate,Xo as LatencyLoader,Qo as LatencyLoaderDefinition,Yo as LatencyLoaderStyles,Jo as LatencyLoaderTemplate,sa as LikeButton,Zn as LikeButtonAppearances,da as LikeButtonDefinition,ta as LikeButtonEventNames,Jn as LikeButtonFormTargets,Un as LikeButtonShapes,Xn as LikeButtonSizes,Qn as LikeButtonStates,Yn as LikeButtonTypes,vr as OutputCard,br as OutputCardDefinition,Za as OutputCardEventNames,gr as OutputCardStyles,fr as OutputCardTemplate,yr as Prompt,Cr as PromptBubble,Tr as PromptBubbleDefinition,Er as PromptBubbleStyles,Lr as PromptBubbleTemplate,Br as PromptCard,Hr as PromptCardDefinition,Sr as PromptCardEvents,zr as PromptCardStyles,Fr as PromptCardTemplate,kr as PromptDefinition,xr as PromptEventNames,_r as PromptGallery,Kr as PromptGalleryDefinition,qr as PromptGalleryStyles,Wr as PromptGalleryTemplate,Xr as PromptPlaceholder,Qr as PromptPlaceholderDefinition,jr as PromptPlaceholderEventNames,Yr as PromptPlaceholderStyles,Jr as PromptPlaceholderTemplate,Rl as PromptStarter,Hl as PromptStarterDefinition,tl as PromptStarterEvents,el as PromptStarterFeedbackStates,zl as PromptStarterStyles,Fl as PromptStarterTemplate,$r as PromptStyles,wr as PromptTemplate,_l as Reference,Gl as ReferenceDefinition,Yl as ReferenceGroup,id as ReferenceGroupDefinition,Jl as ReferenceGroupStyles,ed as ReferenceGroupTemplate,Vl as ReferenceList,Xl as ReferenceListDefinition,Zl as ReferenceListStyles,Ul as ReferenceListTemplate,nd as ReferencePill,ld as ReferencePillDefinition,od as ReferencePillEventNames,hd as ReferencePillList,dd as ReferencePillListAppearances,md as ReferencePillListDefinition,cd as ReferencePillListEventNames,pd as ReferencePillListStyles,ud as ReferencePillListTemplate,ad as ReferencePillStyles,rd as ReferencePillTemplate,ql as ReferenceStyles,Nl as ReferenceTemplate,Cd as SendButton,gd as SendButtonAppearances,Sd as SendButtonDefinition,vd as SendButtonEventNames,xd as SendButtonFormTargets,fd as SendButtonShapes,bd as SendButtonSizes,yd as SendButtonTypes,Ad as SidecarShell,Dd as SidecarShellDefinition,Md as SidecarShellEventNames,Od as SidecarShellHeader,Hd as SidecarShellHeaderDefinition,Bd as SidecarShellHeaderStyles,Fd as SidecarShellHeaderTemplate,Id as SidecarShellStyles,Pd as SidecarShellTemplate,Wd as SourcesButton,Nd as SourcesButtonDefinition,_d as SourcesButtonFormTargets,Kd as SourcesButtonStyles,qd as SourcesButtonSurfaces,jd as SourcesButtonTemplate,ac as StarterCard,dc as StarterCardDefinition,nc as StarterCardEventNames,sc as StarterCardHeadingLevels,rc as StarterCardStyles,lc as StarterCardTemplate,Gd as Suggestions,Ud as SuggestionsDefinition,Xd as SuggestionsGroup,Qd as SuggestionsGroupDefinition,Vd as SuggestionsStyles,Zd as SuggestionsTemplate,Us as Textarea,oc as TextareaDefinition,ks as TextareaEventNames,pc as ZeroPrompt,uc as ZeroPromptDefinition,cc as ZeroPromptEventNames,tr as animationNames,Ua as convertKeyframeObjectToCss,dr as createFlairStyles,rr as fallbackAnimationStyles,ar as fallbackBaseStyles,lr as fallbackHighContrastStyles,Qa as fallbackTokenValues,Ja as flairTokenValues,sr as forcedColorStyles,Xa as generateKeyframesCSS,er as highContrastAnimationNames,or as houdiniAnimationStyles,ir as houdiniBaseStyles,nr as houdiniHighContrastStyles,Ya as registerProperty,pr as withFlair};