@fabric-msft/copilot-web 7.0.0

package/esm/components/inline-output-widget/inline-output-widget.js

@@ -0,0 +1,352 @@
+import { __decorate, __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
+import { attr, observable, FASTElement, Updates } from '@microsoft/fast-element';
+import { InlineOutputWidgetEventNames } from './inline-output-widget.options.js';
+
+var _InlineOutputWidget_instances, _InlineOutputWidget_eventController, _InlineOutputWidget_setInlineInputWidget, _InlineOutputWidget_attachListeners, _InlineOutputWidget_detachListeners, _InlineOutputWidget_emitOpenEvent, _InlineOutputWidget_emitDismissEvent, _InlineOutputWidget_emitAcceptEvent, _InlineOutputWidget_emitRejectEvent, _InlineOutputWidget_getPromptValue, _InlineOutputWidget_emitLoadEvent, _InlineOutputWidget_emitHideEvent;
+/**
+ * InlineOutputWidget
+ * @summary A container for inline output UX. Renders an optional header (icon/title/dismiss), a message area, an optional input area, and actions. Supports loading state with a progress bar and stop control.
+ *
+ * @example
+ * ```html
+ * <fabric-inline-output-widget loading open>
+ *   <!-- Optional header slots -->
+ *   <svg slot="icon" width="16" height="16" aria-hidden="true"></svg>
+ *   <span slot="title">Assistant</span>
+ *   <fabric-dismiss-button slot="dismiss" icon-only></fabric-dismiss-button>
+ *
+ *   <!-- Message(s) -->
+ *   <fabric-inline-message slot="message">Hello there</fabric-inline-message>
+ *
+ *   <!-- Optional inline input widget -->
+ *   <fabric-inline-input-widget>
+ *     <fabric-send-button slot="send-button" icon-only></fabric-send-button>
+ *   </fabric-inline-input-widget>
+ *
+ *   <!-- Loading affordances -->
+ *   <span slot="loading-message">Loading...</span>
+ *   <span slot="escape-loading-tag">ESC</span>
+ *   <fabric-stop-button slot="stop-button"></fabric-stop-button>
+ *
+ *   <!-- Actions -->
+ *   <div slot="actions"></div>
+ * </fabric-inline-output-widget>
+ * ```
+ *
+ * @attr {boolean} loading - Whether the widget is in a loading state; shows progress and stop controls when true
+ * @attr {boolean} open - Whether the widget is open/visible
+ * @attr {boolean} inline - Whether the widget is inline
+ *
+ * @prop {boolean} loading - Whether the widget is in a loading state
+ * @prop {boolean} open - Whether the widget is open/visible
+ * @prop {boolean} inline - Whether the widget is inline
+ * @prop {HTMLElement[]} slottedStopButton - Collected stop-loading button elements
+ * @prop {HTMLElement[]} slottedInlineInput - Collected inline input elements
+ *
+ * @slot icon - Optional header icon
+ * @slot title - Optional header title
+ * @slot dismiss - Optional dismiss affordance in the header
+ * @slot message - Message content (e.g., <fabric-inline-message>)
+ * @slot - Default slot for the inline input widget
+ * @slot actions - Action buttons row
+ * @slot stop-button - Stop control shown during loading
+ * @slot loading-message - Text shown during loading
+ * @slot escape-loading-tag - Small tag showing the ESC hint
+ *
+ * @csspart inline-output - Root container
+ * @csspart inline-output-content - Content container (hidden while loading)
+ * @csspart header - Header row (icon/title/dismiss)
+ * @csspart messages - Messages container
+ * @csspart default - Default area for inline input widget
+ * @csspart actions - Actions container
+ * @csspart loading-container - Loading overlay/container
+ * @csspart loading-content-container - Loading content container
+ * @csspart loading-interactions - Loading interaction row (stop + ESC)
+ * @csspart escape-loading-tag - ESC tag part
+ * @csspart progress-bar - Progress bar part
+ *
+ * @cssprop --inline-output-max-width - Maximum width of the output widget (default: 592px)
+ * @cssprop --inline-output-width - Width of the output widget (default: 100%)
+ * @cssprop --default-content-margin - Margin for default content area
+ *
+ * @method stopLoading - Sets loading to false
+ * @method hide - Sets open to false
+ * @method show - Sets open to true
+ * @method accept - Emits accept event
+ * @method reject - Emits reject event
+ * @method dismiss - Dismisses the widget; hides it if not loading and emits dismissed
+ * @method loadingChanged - Handles changes to loading state and emits load event
+ * @method openChanged - Handles changes to open state and emits show/hide events
+ * @method slottedStopButtonChanged - Handles changes to slotted stop button elements
+ *
+ * @fires load - Loading state changed
+ * @fires accept - Output accepted
+ * @fires reject - Output rejected
+ * @fires dismissed - Widget dismissed via dismiss()
+ * @fires show - Widget shown
+ * @fires hide - Widget hidden
+ *
+ * @extends FASTElement
+ * @tagname fabric-inline-output-widget
+ * @public
+ */
+class InlineOutputWidget extends FASTElement {
+  constructor() {
+    super(...arguments);
+    _InlineOutputWidget_instances.add(this);
+    // Controller for event listeners; aborted on detach to avoid leaks/duplication
+    _InlineOutputWidget_eventController.set(this, null);
+    /**
+     * Whether the inline output widget is in a loading state.
+     * When true, displays a progress bar and optional stop loading button.
+     *
+     * @public
+     * @defaultValue undefined
+     */
+    this.loading = false;
+    /**
+     * Collection of stop loading button elements.
+     *
+     * @public
+     */
+    this.slottedStopButton = [];
+    /**
+     * Collection of slotted inline input elements.
+     *
+     * @public
+     */
+    this.slottedInlineInput = [];
+  }
+  /**
+   * Stops the loading state of the component.
+   * Sets loading to false.
+   *
+   * @public
+   */
+  stopLoading() {
+    this.loading = false;
+  }
+  /**
+   * Hides the widget by setting open to false.
+   *
+   * @public
+   */
+  hide() {
+    this.open = false;
+  }
+  /**
+   * Shows the widget by setting open to true.
+   *
+   * @public
+   */
+  show() {
+    this.open = true;
+  }
+  /**
+   * Accepts the current output and emits an accept event.
+   *
+   * @fires accept - Indicates the output was accepted
+   * @public
+   */
+  accept() {
+    __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_emitAcceptEvent).call(this);
+  }
+  /**
+   * Rejects the current output, emits a reject event, and resets the widget.
+   *
+   * @fires reject - Indicates the output was rejected
+   * @public
+   */
+  reject() {
+    __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_emitRejectEvent).call(this);
+  }
+  /**
+   * Callback for when loading state changes.
+   * Emits a loading event with the new state.
+   *
+   * @param prev - Previous loading state
+   * @param next - New loading state
+   * @fires load - Indicates loading state changed
+   * @public
+   */
+  loadingChanged(prev, next) {
+    if (prev !== next) {
+      __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_emitLoadEvent).call(this);
+    }
+  }
+  openChanged(prev, next) {
+    if (prev !== next) {
+      // Explicitly reflect the boolean attribute to ensure presence matches state
+      const hasOpenAttr = this.hasAttribute("open");
+      if (!!next && !hasOpenAttr) {
+        this.setAttribute("open", "");
+      } else if (!next && hasOpenAttr) {
+        this.removeAttribute("open");
+      }
+      if (next) {
+        __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_emitOpenEvent).call(this);
+      } else {
+        __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_emitHideEvent).call(this);
+      }
+    }
+  }
+  /**
+   * React to changes in the slotted stop button collection by wiring click events
+   * to stop loading.
+   * @param _prev Previously slotted stop button elements
+   * @param next Newly slotted stop button elements
+   * @internal
+   */
+  slottedStopButtonChanged(_prev, next) {
+    var _a;
+    const signal = (_a = __classPrivateFieldGet(this, _InlineOutputWidget_eventController, "f")) === null || _a === void 0 ? void 0 : _a.signal;
+    const handler = () => this.stopLoading();
+    (next !== null && next !== void 0 ? next : []).forEach(el => {
+      el.addEventListener("click", handler, signal ? {
+        signal
+      } : undefined);
+    });
+  }
+  /**
+   * Dismisses the inline output widget.
+   *
+   * @public
+   */
+  dismiss() {
+    if (this.loading) {
+      this.stopLoading();
+    } else {
+      this.hide();
+      __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_emitDismissEvent).call(this);
+    }
+  }
+  /**
+   * Lifecycle callback when component is connected to the DOM.
+   * Initializes elements and registers required components.
+   *
+   * @internal
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_attachListeners).call(this);
+    Updates.enqueue(() => {
+      __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_setInlineInputWidget).call(this);
+    });
+  }
+  /**
+   * Lifecycle callback when component is disconnected from the DOM.
+   *
+   * @internal
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_detachListeners).call(this);
+  }
+}
+_InlineOutputWidget_eventController = new WeakMap(), _InlineOutputWidget_instances = new WeakSet(), _InlineOutputWidget_setInlineInputWidget = function _InlineOutputWidget_setInlineInputWidget() {
+  if (this.slottedInlineInput.length > 0) {
+    const input = this.slottedInlineInput[0];
+    input.setAttribute("single-line", "");
+    input.setAttribute("inline", "");
+    input.setAttribute("open", "");
+    input.setAttribute("data-context", "inline-output-widget");
+  }
+}, _InlineOutputWidget_attachListeners = function _InlineOutputWidget_attachListeners() {
+  var _a;
+  // Abort any previous listeners first (defensive in HMR scenarios)
+  (_a = __classPrivateFieldGet(this, _InlineOutputWidget_eventController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+  __classPrivateFieldSet(this, _InlineOutputWidget_eventController, new AbortController(), "f");
+  const signal = __classPrivateFieldGet(this, _InlineOutputWidget_eventController, "f").signal;
+  this.addEventListener("dismiss", this.dismiss, {
+    signal
+  });
+  // When the slotted inline-input-widget asks to hide the output widget, honor it
+  this.addEventListener("hide-output-widget", () => this.hide(), {
+    signal
+  });
+  this.addEventListener("keydown", event => {
+    if (event.key === "Escape" && this.loading) {
+      this.stopLoading();
+    }
+  }, {
+    signal
+  });
+}, _InlineOutputWidget_detachListeners = function _InlineOutputWidget_detachListeners() {
+  var _a;
+  // Abort will remove all listeners registered with the signal in #attachListeners
+  (_a = __classPrivateFieldGet(this, _InlineOutputWidget_eventController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+  __classPrivateFieldSet(this, _InlineOutputWidget_eventController, null, "f");
+}, _InlineOutputWidget_emitOpenEvent = function _InlineOutputWidget_emitOpenEvent() {
+  this.dispatchEvent(new CustomEvent(InlineOutputWidgetEventNames.show, {
+    bubbles: true,
+    composed: true,
+    // Spec expects only { loading: true }
+    detail: {
+      loading: true
+    }
+  }));
+}, _InlineOutputWidget_emitDismissEvent = function _InlineOutputWidget_emitDismissEvent() {
+  this.dispatchEvent(new CustomEvent(InlineOutputWidgetEventNames.dismissed, {
+    bubbles: true,
+    composed: true,
+    detail: {
+      dismissed: true,
+      id: this.id
+    }
+  }));
+}, _InlineOutputWidget_emitAcceptEvent = function _InlineOutputWidget_emitAcceptEvent() {
+  this.dispatchEvent(new CustomEvent(InlineOutputWidgetEventNames.accept, {
+    bubbles: true,
+    composed: true,
+    detail: {
+      accepted: true,
+      id: this.id,
+      prompt: __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_getPromptValue).call(this)
+    }
+  }));
+}, _InlineOutputWidget_emitRejectEvent = function _InlineOutputWidget_emitRejectEvent() {
+  this.dispatchEvent(new CustomEvent(InlineOutputWidgetEventNames.reject, {
+    bubbles: true,
+    composed: true,
+    detail: {
+      accepted: false,
+      id: this.id,
+      prompt: __classPrivateFieldGet(this, _InlineOutputWidget_instances, "m", _InlineOutputWidget_getPromptValue).call(this)
+    }
+  }));
+}, _InlineOutputWidget_getPromptValue = function _InlineOutputWidget_getPromptValue() {
+  var _a;
+  const el = (_a = this.slottedInlineInput) === null || _a === void 0 ? void 0 : _a[0];
+  const v = el === null || el === void 0 ? void 0 : el.value;
+  return typeof v === "string" ? v : "";
+}, _InlineOutputWidget_emitLoadEvent = function _InlineOutputWidget_emitLoadEvent() {
+  this.dispatchEvent(new CustomEvent(InlineOutputWidgetEventNames.load, {
+    bubbles: true,
+    composed: true,
+    // Only report the loading flag per spec expectations
+    detail: {
+      loading: this.loading
+    }
+  }));
+}, _InlineOutputWidget_emitHideEvent = function _InlineOutputWidget_emitHideEvent() {
+  this.dispatchEvent(new CustomEvent(InlineOutputWidgetEventNames.hide, {
+    bubbles: true,
+    composed: true,
+    detail: {
+      open: this.open
+    }
+  }));
+};
+__decorate([attr({
+  mode: "boolean"
+})], InlineOutputWidget.prototype, "loading", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], InlineOutputWidget.prototype, "open", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], InlineOutputWidget.prototype, "inline", void 0);
+__decorate([observable], InlineOutputWidget.prototype, "slottedStopButton", void 0);
+__decorate([observable], InlineOutputWidget.prototype, "slottedInlineInput", void 0);
+
+export { InlineOutputWidget };

package/esm/components/inline-output-widget/inline-output-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-output-widget.js","sourceRoot":"","sources":["../../../../src/components/inline-output-widget/inline-output-widget.ts"],"names":[],"mappings":"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"}

package/esm/components/inline-output-widget/inline-output-widget.options.js

@@ -0,0 +1,16 @@
+import './inline-output-widget.js';
+
+/**
+ * @public
+ * InlineOutput event names
+ */
+const InlineOutputWidgetEventNames = {
+  load: "load",
+  accept: "accept",
+  reject: "reject",
+  dismissed: "dismissed",
+  show: "show",
+  hide: "hide"
+};
+
+export { InlineOutputWidgetEventNames };

package/esm/components/inline-output-widget/inline-output-widget.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-output-widget.options.js","sourceRoot":"","sources":["../../../../src/components/inline-output-widget/inline-output-widget.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;;GAGG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACJ,CAAC"}

package/esm/components/inline-output-widget/inline-output-widget.styles.js

@@ -0,0 +1,13 @@
+import { fontFamilyBase, fontSizeBase300, fontWeightRegular, lineHeightBase300, colorNeutralBackground1, borderRadiusXLarge, shadow16, colorNeutralStrokeAccessible, colorTransparentBackground, spacingVerticalS, spacingHorizontalS, spacingVerticalSNudge, spacingHorizontalXS, typographyBody1StrongStyles, fontSizeBase400, spacingVerticalXS, colorNeutralForeground1, typographyCaption1Styles, colorNeutralStroke1, colorNeutralForeground2, borderRadiusMedium } from '@fluentui/web-components';
+import { sizeVerticalXXL, sizeVerticalXL, sizeHorizontalXXL } from '@fabric-msft/theme';
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+
+const styles = css`
+  ${display("none")}
+
+  :host{max-width:var(--inline-output-max-width,592px);width:var(--inline-output-width,100%);height:fit-content;position:relative;font-family:${fontFamilyBase};font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300};background-color:${colorNeutralBackground1};border-radius:${borderRadiusXLarge};box-shadow:${shadow16}}:host([open]){display:inline-block}:host([inline]){border-bottom:1px solid ${colorNeutralStrokeAccessible};box-shadow:none;border:none;background-color:${colorTransparentBackground}}:host([loading]) .inline-output-content{display:none}.inline-output{position:relative}.inline-output-content{padding:${spacingVerticalS} ${spacingHorizontalS};display:flex;flex-direction:column}.messages{gap:${spacingVerticalSNudge};display:flex;flex-direction:column}.actions{display:flex;padding-top:${spacingVerticalS};gap:${spacingHorizontalXS};margin-top:var(--default-content-margin,${spacingVerticalS})}.loading-container{display:none;height:fit-content;border-radius:${borderRadiusXLarge};border-bottom-color:var(--colorNeutralStroke1);padding:${spacingVerticalS} ${spacingHorizontalS};${typographyBody1StrongStyles}}.header{height:auto;font-size:${fontSizeBase400};display:flex;justify-content:space-between;margin-bottom:${spacingVerticalXS}}.title{display:flex;align-items:center;gap:8px}.loading-window-container{overflow-x:hidden;margin:0px;color:${colorNeutralForeground1};background-color:${colorNeutralBackground1};border-radius:${borderRadiusXLarge}}:host fabric-progress-bar{height:4px;position:absolute;inset-inline-start:0;bottom:0;background:${colorTransparentBackground}}:host fabric-progress-bar::part(indicator){background-image:linear-gradient(
+      to right,#117865 10%,#dcf41f 60%,#42b8b2 100%)}.loading-content-container{height:${sizeVerticalXXL};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 ${spacingHorizontalS};align-items:center}.loading-stop-button::part(content){display:flex;align-items:center;width:49px;justify-content:space-between;${typographyCaption1Styles}}.loading-stop-icon{height:${sizeVerticalXL};padding-inline-end:${spacingHorizontalXS}}.escape-loading-tag{border:1px solid ${colorNeutralStroke1};color:${colorNeutralForeground2};border-radius:${borderRadiusMedium};padding:0 ${spacingHorizontalS};margin-inline-start:${spacingHorizontalXS};${typographyCaption1Styles}
+    width:${sizeHorizontalXXL};height:${sizeVerticalXL};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}`;
+
+export { styles };

package/esm/components/inline-output-widget/inline-output-widget.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-output-widget.styles.js","sourceRoot":"","sources":["../../../../src/components/inline-output-widget/inline-output-widget.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;mBAOA,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;wBACZ,uBAAuB;qBAC1B,kBAAkB;kBACrB,QAAQ;;;;;;;;+BAQK,4BAA4B;;;wBAGnC,0BAA0B;;;;;;;;;;;;eAYnC,gBAAgB,IAAI,kBAAkB;;;;;;WAM1C,qBAAqB;;;;;;;mBAOb,gBAAgB;WACxB,mBAAmB;gDACkB,gBAAgB;;;;;;qBAM3C,kBAAkB;;eAExB,gBAAgB,IAAI,kBAAkB;MAC/C,2BAA2B;;;;;iBAKhB,eAAe;;;qBAGX,iBAAiB;;;;;;;;;;;;aAYzB,uBAAuB;wBACZ,uBAAuB;qBAC1B,kBAAkB;;;;;;;;kBAQrB,0BAA0B;;;;;;;;;;;;;cAa9B,eAAe;;;;;;;;;;iBAUZ,kBAAkB;;;;;;;;;MAS7B,wBAAwB;;;;cAIhB,cAAc;0BACF,mBAAmB;;;;wBAIrB,mBAAmB;aAC9B,uBAAuB;qBACf,kBAAkB;iBACtB,kBAAkB;2BACR,mBAAmB;MACxC,wBAAwB;aACjB,iBAAiB;cAChB,cAAc;;;;;;;;;;;;;;;;CAgB3B,CAAC"}

package/esm/components/inline-output-widget/inline-output-widget.template.js

@@ -0,0 +1,18 @@
+import { slotted, elements, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(InlineWidgetOutput:class)} component.
+ * @public
+ */
+function inlineOutputWidgetTemplate() {
+  return html`<template ?open=${x => x.open} ?loading=${x => x.loading} ?inline=${x => x.inline} aria-hidden="${x => !x.open ? "true" : "false"}"><div class="inline-output" part="inline-output"><div class="inline-output-content" part="inline-output-content" aria-hidden="${x => x.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 ${slotted({
+    property: "slottedInlineInput",
+    filter: elements()
+  })}></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" ${slotted({
+    property: "slottedStopButton",
+    filter: elements()
+  })}></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>`;
+}
+const template = inlineOutputWidgetTemplate();
+
+export { inlineOutputWidgetTemplate, template };

package/esm/components/inline-output-widget/inline-output-widget.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-output-widget.template.js","sourceRoot":"","sources":["../../../../src/components/inline-output-widget/inline-output-widget.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIlE;;;GAGG;AACH,MAAM,UAAU,0BAA0B;IAGxC,OAAO,IAAI,CAAG;;cAEF,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;iBACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;gBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;qBACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;;;;;yBAM/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;gBAgB9C,OAAO,CAAC;QACR,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,QAAQ,EAAE;KACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;kBAsBE,OAAO,CAAC;QACR,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE,QAAQ,EAAE;KACnB,CAAC;;;;;;;;;;;;;;;;GAgBf,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,0BAA0B,EAAE,CAAC"}

package/esm/components/latency-loader/define.js

@@ -0,0 +1,4 @@
+import { DesignSystem } from "../design-system.js";
+import { definition } from "./latency-loader.definition.js";
+definition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/latency-loader/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/latency-loader/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/latency-loader/index.js

@@ -0,0 +1,5 @@
+export { LatencyLoader } from "./latency-loader.js";
+export { definition as LatencyLoaderDefinition } from "./latency-loader.definition.js";
+export { template as LatencyLoaderTemplate } from "./latency-loader.template.js";
+export { styles as LatencyLoaderStyles } from "./latency-loader.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/latency-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/latency-loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/esm/components/latency-loader/latency-loader.definition.js

@@ -0,0 +1,21 @@
+import { DesignSystem } from '../design-system.js';
+import { LatencyLoader } from './latency-loader.js';
+import { styles } from './latency-loader.styles.js';
+import { template } from './latency-loader.template.js';
+
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fabric-latency-loader\>
+ */
+const definition = LatencyLoader.compose({
+  name: `${DesignSystem.prefix}-latency-loader`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/latency-loader/latency-loader.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"latency-loader.definition.js","sourceRoot":"","sources":["../../../../src/components/latency-loader/latency-loader.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/latency-loader/latency-loader.js

@@ -0,0 +1,75 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { initializePulsingDotCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL, pulsingDot } from '@fluentui-copilot/pulsing-dot';
+import { hasHoudini, addModule } from '@fluentui-contrib/houdini-utils';
+
+/**
+ * @summary A minimal host element that wires up the Copilot pulsing-dot
+ * animation using Houdini Paint Worklet when available, with a JS fallback.
+ *
+ * @example
+ * ```html
+ * <!-- The internal template should assign a reference to `loaderEl` -->
+ * <fabric-latency-loader></fabric-latency-loader>
+ * ```
+ *
+ * @prop {HTMLElement} loaderEl - The target element that renders the pulsing dot.
+ *
+ * @extends FASTElement
+ * @public
+ */
+class LatencyLoader extends FASTElement {
+  /**
+   * Lifecycle hook: initializes pulsing-dot custom properties (once per
+   * window), attempts to load the Houdini Paint Worklet module, and either
+   * enables the worklet-driven animation or falls back to the JS helper.
+   *
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    // Initialize custom properties once per window to avoid duplicate CSS.registerProperty calls
+    try {
+      if (typeof window !== "undefined") {
+        const key = "__faiPulsingDotPropsRegistered__";
+        const w = window;
+        if (!w[key]) {
+          initializePulsingDotCustomProperties(window);
+          w[key] = true;
+        }
+      }
+    } catch {
+      // Swallow errors in non-browser/test contexts
+    }
+    // Load hosted worklet module from package defaults and enable Houdini animation when ready
+    const el = this.loaderEl;
+    if (!el) {
+      return;
+    }
+    if (hasHoudini()) {
+      addModule(DEFAULT_BASE_URL, DEFAULT_FILE_URL).then(() => {
+        el.classList.add("houdini-ready");
+      }).catch(() => {
+        // Fallback: use package-provided animation helper
+        this.animationCleanup = pulsingDot(el);
+      });
+    } else {
+      // Fallback: use package-provided animation helper
+      this.animationCleanup = pulsingDot(el);
+    }
+  }
+  /**
+   * Lifecycle hook: cleans up any lingering animations when the element is
+   * removed from the DOM.
+   *
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.animationCleanup) {
+      this.animationCleanup.cleanup();
+      this.animationCleanup = undefined;
+    }
+  }
+}
+
+export { LatencyLoader };

package/esm/components/latency-loader/latency-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"latency-loader.js","sourceRoot":"","sources":["../../../../src/components/latency-loader/latency-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,oCAAoC,EACrC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAGxE;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAgB5C;;;;;;OAMG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,6FAA6F;QAC7F,IAAI,CAAC;YACH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,GAAG,GAAG,kCAAkC,CAAC;gBAC/C,MAAM,CAAC,GAAG,MAA4C,CAAC;gBACvD,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;oBACZ,oCAAoC,CAAC,MAAM,CAAC,CAAC;oBAC7C,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;gBAChB,CAAC;YACH,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,8CAA8C;QAChD,CAAC;QAED,2FAA2F;QAC3F,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QACzB,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,IAAI,UAAU,EAAE,EAAE,CAAC;YACjB,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;iBAC1C,IAAI,CAAC,GAAG,EAAE;gBACT,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACpC,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,kDAAkD;gBAClD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACN,kDAAkD;YAClD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QACpC,CAAC;IACH,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}

package/esm/components/latency-loader/latency-loader.styles.js

@@ -0,0 +1,11 @@
+import { css } from '@microsoft/fast-element';
+import { pulsingDotTokens } from '@fluentui-copilot/pulsing-dot';
+
+const styles = css`
+  :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:${pulsingDotTokens.colorStop1};--fai-chain-of-thought-latency-color-stop-2:${pulsingDotTokens.colorStop2};--fai-chain-of-thought-latency-circle-1-gradient-color-1:${pulsingDotTokens.circle1GradientColor1};--fai-chain-of-thought-latency-circle-1-gradient-color-2:${pulsingDotTokens.circle1GradientColor2};--fai-chain-of-thought-latency-circle-2-gradient-color-1:${pulsingDotTokens.circle2GradientColor1};--fai-chain-of-thought-latency-circle-2-gradient-color-2:${pulsingDotTokens.circle2GradientColor2};--fai-chain-of-thought-latency-circle-3-gradient-color-1:${pulsingDotTokens.circle3GradientColor1};--fai-chain-of-thought-latency-circle-3-gradient-color-2:${pulsingDotTokens.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 ${pulsingDotTokens.animationDuration}
+      ${pulsingDotTokens.animationTimingFunction}
+      ${pulsingDotTokens.animationIterationCount}}@media (forced-colors:active){.latency-loader{--fai-chain-of-thought-latency-circle-1-gradient-color-1:${pulsingDotTokens.circle1GradientColorHC1};--fai-chain-of-thought-latency-circle-1-gradient-color-2:${pulsingDotTokens.circle1GradientColorHC2};--fai-chain-of-thought-latency-circle-2-gradient-color-1:${pulsingDotTokens.circle2GradientColorHC1};--fai-chain-of-thought-latency-circle-2-gradient-color-2:${pulsingDotTokens.circle2GradientColorHC2};--fai-chain-of-thought-latency-circle-3-gradient-color-1:${pulsingDotTokens.circle3GradientColorHC1};--fai-chain-of-thought-latency-circle-3-gradient-color-2:${pulsingDotTokens.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}}`;
+
+export { styles };

package/esm/components/latency-loader/latency-loader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"latency-loader.styles.js","sourceRoot":"","sources":["../../../../src/components/latency-loader/latency-loader.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;mDAgB0B,gBAAgB,CAAC,UAAU;mDAC3B,gBAAgB,CAAC,UAAU;;gEAEd,gBAAgB,CAAC,qBAAqB;gEACtC,gBAAgB,CAAC,qBAAqB;gEACtC,gBAAgB,CAAC,qBAAqB;gEACtC,gBAAgB,CAAC,qBAAqB;gEACtC,gBAAgB,CAAC,qBAAqB;gEACtC,gBAAgB,CAAC,qBAAqB;;;;;;;;;;;;iCAYrE,gBAAgB,CAAC,iBAAiB;QAC3D,gBAAgB,CAAC,uBAAuB;QACxC,gBAAgB,CAAC,uBAAuB;;;;;kEAKkB,gBAAgB,CAAC,uBAAuB;kEACxC,gBAAgB,CAAC,uBAAuB;kEACxC,gBAAgB,CAAC,uBAAuB;kEACxC,gBAAgB,CAAC,uBAAuB;kEACxC,gBAAgB,CAAC,uBAAuB;kEACxC,gBAAgB,CAAC,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHzG,CAAC"}

package/esm/components/latency-loader/latency-loader.template.js

@@ -0,0 +1,8 @@
+import { ref, html } from '@microsoft/fast-element';
+
+function LatencyLoaderTemplate() {
+  return html`<template aria-hidden="true"><div class="latency-loader" ${ref("loaderEl")} aria-hidden="true"></div></template>`;
+}
+const template = LatencyLoaderTemplate();
+
+export { LatencyLoaderTemplate, template };

package/esm/components/latency-loader/latency-loader.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"latency-loader.template.js","sourceRoot":"","sources":["../../../../src/components/latency-loader/latency-loader.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG9E,MAAM,UAAU,qBAAqB;IAGnC,OAAO,IAAI,CAAG;;oCAEoB,GAAG,CAAC,UAAU,CAAC;;GAEhD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,qBAAqB,EAAE,CAAC"}

package/esm/components/like-button/define.js

@@ -0,0 +1,4 @@
+import { DesignSystem } from "../design-system.js";
+import { definition as LikeButtonDefinition } from "./like-button.definition.js";
+LikeButtonDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/like-button/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/like-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/like-button/index.js

@@ -0,0 +1,4 @@
+export { LikeButton } from "./like-button.js";
+export { definition as LikeButtonDefinition } from "./like-button.definition.js";
+export { LikeButtonAppearances, LikeButtonEventNames, LikeButtonFormTargets, LikeButtonShapes, LikeButtonSizes, LikeButtonStates, LikeButtonTypes } from "./like-button.options.js";
+//# sourceMappingURL=index.js.map

package/esm/components/like-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/like-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EAChB,MAAM,0BAA0B,CAAC"}

package/esm/components/like-button/like-button.cem.js

@@ -0,0 +1,8 @@
+export { LikeButton } from "./like-button.js";
+export { styles as likeButtonStyles } from "./like-button.styles.js";
+export { template as likeButtonTemplate } from "./like-button.template.js";
+export { definition as LikeButtonDefinition } from "./like-button.definition.js";
+import { definition as LikeButtonDefinition } from "./like-button.definition.js";
+import { DesignSystem } from "../design-system.js";
+LikeButtonDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=like-button.cem.js.map

package/esm/components/like-button/like-button.cem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"like-button.cem.js","sourceRoot":"","sources":["../../../../src/components/like-button/like-button.cem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEjF,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}