@fabric-msft/copilot-web 7.0.0

package/esm/components/suggestions/suggestions.js

@@ -0,0 +1,125 @@
+import { __decorate } from 'tslib';
+import { attr, FASTElement } from '@microsoft/fast-element';
+
+/**
+ * Suggestions
+ * @summary An interactive suggestion component that supports loading states and user prompts. Provides clickable suggestion buttons with accessibility features and event handling for prompt selection.
+ *
+ * @example
+ * ```html
+ * <fabric-suggestions loading="false" prompt="Would you like to continue?">
+ *   <!-- Content is automatically generated by the template -->
+ * </fabric-suggestions>
+ * ```
+ *
+ * @attr {boolean} loading - Indicates whether the suggestion is in a loading state
+ * @attr {string} prompt - The prompt text associated with the suggestion
+ *
+ * @prop {boolean} loading - Indicates whether the suggestion is in a loading state
+ * @prop {string} prompt - The prompt text associated with the suggestion
+ * @prop {SuggestionsData} data - Getter/setter for suggestion data including id and prompt
+ *
+ * @slot suggestions - Default slot for the suggestions content
+ *
+ * @csspart suggestion-button - The button element used for selecting suggestions
+ * @csspart prompt-container - The container wrapping the suggestion prompt
+ * @csspart prompt - The element displaying the suggestion prompt text
+ * @csspart loading-bar - A loading bar displayed when loading
+ *
+ * @method handleClick - Handles click events on the suggestion and emits selection event
+ * @method emitSuggestionsSelectEvent - Emits a suggestions-select event with prompt details
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ * @method disconnectedCallback - Lifecycle callback when component is disconnected from DOM
+ *
+ * @fires suggestionsselect - Emits when the suggestion button is clicked
+ *
+ * @extends FASTElement
+ * @tagname fabric-suggestions
+ * @public
+ */
+class Suggestions extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Indicates whether the suggestion is in a loading state.
+     *
+     * @public
+     * @type {boolean}
+     * @attr
+     */
+    this.loading = false;
+  }
+  /**
+   * Sets the suggestion data.
+   * @public
+   * @param {SuggestionsData} value - The suggestion data to set.
+   */
+  set data(value) {
+    if (value.id) {
+      this.id = value.id;
+    }
+    this.prompt = value.prompt || "";
+  }
+  /**
+   * Gets the suggestion data.
+   * @public
+   */
+  get data() {
+    return {
+      id: this.id,
+      prompt: this.prompt || ""
+    };
+  }
+  /**
+   * Emits a "suggestions-select" event with the current prompt value.
+   *
+   * @returns {void}
+   * @fires select
+   * @private
+   */
+  emitSuggestionsSelectEvent() {
+    this.dispatchEvent(new CustomEvent("suggestionsselect", {
+      detail: {
+        target: this,
+        prompt: this.prompt
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Handles click events on the suggestion.
+   *
+   * @param e - The event object.
+   * @returns {void}
+   * @public
+   */
+  handleClick(_e) {
+    this.emitSuggestionsSelectEvent();
+  }
+  /**
+   * Called when the element is connected to the DOM.
+   * Defines the button component.
+   *
+   * @returns {void}
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  /**
+   * Called when the element is disconnected from the DOM.
+   *
+   * @returns {void}
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+}
+__decorate([attr({
+  mode: "boolean"
+})], Suggestions.prototype, "loading", void 0);
+__decorate([attr], Suggestions.prototype, "prompt", void 0);
+
+export { Suggestions };

package/esm/components/suggestions/suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.js","sourceRoot":"","sources":["../../../../src/components/suggestions/suggestions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QACE;;;;;;WAMG;QAEI,YAAO,GAAY,KAAK,CAAC;IAmFlC,CAAC;IAvEC;;;;OAIG;IACH,IAAI,IAAI,CAAC,KAAsB;QAC7B,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;IACnC,CAAC;IAED;;;OAGG;IACH,IAAI,IAAI;QACN,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,EAAqB,CAAC;IACvE,CAAC;IAED;;;;;;OAMG;IACK,0BAA0B;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;YACnC,MAAM,EAAE;gBACN,MAAM,EAAE,IAAI;gBACZ,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;;;;OAMG;IACI,WAAW,CAAC,EAAS;QAC1B,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAED;;;;;;OAMG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;CACF;AAnFQ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACM;AAUzB;IADN,IAAI;2CACkB"}

package/esm/components/suggestions/suggestions.options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=suggestions.options.js.map

package/esm/components/suggestions/suggestions.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.options.js","sourceRoot":"","sources":["../../../../src/components/suggestions/suggestions.options.ts"],"names":[],"mappings":""}

package/esm/components/suggestions/suggestions.styles.js

@@ -0,0 +1,11 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { colorTransparentBackground, durationFaster, curveEasyEase, strokeWidthThin, colorBrandStroke2, borderRadiusXLarge, spacingHorizontalS, colorNeutralForeground2, fontFamilyBase, fontWeightRegular, fontSizeBase200, lineHeightBase200, spacingHorizontalXS, spacingHorizontalM, colorNeutralStroke2, colorNeutralStencil1, borderRadius2XLarge, spacingVerticalS, colorBrandBackground2, colorBrandBackground2Pressed, colorBrandStroke2Pressed, colorStrokeFocus2, colorSubtleBackground } from '@fluentui/web-components';
+import { sizeVerticalXXL } from '@fabric-msft/theme';
+
+const styles = css`
+  ${display("inline-flex")}
+
+  :host{height:fit-content;width:fit-content;min-height:${sizeVerticalXXL};background-color:${colorTransparentBackground};justify-content:flex-end;position:relative}button{height:fit-content;min-height:${sizeVerticalXXL};min-width:unset;vertical-align:center;cursor:pointer;transition-duration:${durationFaster};transition-property:background,border,color;transition-timing-function:${curveEasyEase};border:${strokeWidthThin} solid ${colorBrandStroke2};border-radius:${borderRadiusXLarge};padding:2px ${spacingHorizontalS};color:${colorNeutralForeground2};font-family:${fontFamilyBase};font-weight:${fontWeightRegular};font-size:${fontSizeBase200};background-color:${colorTransparentBackground};justify-content:center;text-align:start;line-height:${lineHeightBase200};display:inline-flex;align-items:center;padding:${spacingHorizontalXS} ${spacingHorizontalM}}:host .prompt-container{overflow:hidden}button[disabled]{border-color:${colorNeutralStroke2};cursor:not-allowed}:host([loading]) .prompt{display:none}:host :not([loading]) .loading-bar{display:none}:host([loading]) .loading-bar{display:inline-flex;background-color:${colorNeutralStencil1};border-radius:${borderRadius2XLarge};margin:${spacingVerticalS} ${spacingHorizontalM};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:${colorBrandBackground2};color:${colorNeutralForeground2};border-color:${colorBrandStroke2};border-width:${strokeWidthThin}}button:not([disabled]):active{background-color:${colorBrandBackground2Pressed};border-color:${colorBrandStroke2Pressed};border-width:${strokeWidthThin}}:host(:focus-visible){outline-color:${colorStrokeFocus2};border-radius:${borderRadiusXLarge};background-color:${colorSubtleBackground}}:host(:focus-visible) button:not([disabled]){border-color:transparent}`;
+
+export { styles };

package/esm/components/suggestions/suggestions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.styles.js","sourceRoot":"","sources":["../../../../src/components/suggestions/suggestions.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,4BAA4B,EAC5B,wBAAwB,EACxB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,aAAa,EACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;kBAKR,eAAe;wBACT,0BAA0B;;;;;;kBAMhC,eAAe;;;;2BAIN,cAAc;;kCAEP,aAAa;cACjC,eAAe,UAAU,iBAAiB;qBACnC,kBAAkB;mBACpB,kBAAkB;aACxB,uBAAuB;mBACjB,cAAc;mBACd,iBAAiB;iBACnB,eAAe;wBACR,0BAA0B;;;mBAG/B,iBAAiB;;;eAGrB,mBAAmB,IAAI,kBAAkB;;;;;;;oBAOpC,mBAAmB;;;;;;;;;;;wBAWf,oBAAoB;qBACvB,mBAAmB;cAC1B,gBAAgB,IAAI,kBAAkB;;;;;;;;;;;;;;;;;;;wBAmB5B,qBAAqB;aAChC,uBAAuB;oBAChB,iBAAiB;oBACjB,eAAe;;;wBAGX,4BAA4B;oBAChC,wBAAwB;oBACxB,eAAe;;;qBAGd,iBAAiB;qBACjB,kBAAkB;wBACf,qBAAqB;;;;;CAK5C,CAAC"}

package/esm/components/suggestions/suggestions.template.js

@@ -0,0 +1,12 @@
+import { html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(suggestions:class)} component.
+ * @public
+ */
+function suggestionsTemplate() {
+  return html`<template slot="suggestions" ?loading="${x => x.loading}" aria-busy="${x => x.loading}" aria-live="polite" prompt="${x => x.prompt}"><button @click="${(x, c) => x.handleClick(c.event)}" ?disabled="${x => x.loading}" part="suggestion-button" class="suggestion-button"><div class="prompt-container" part="prompt-container"><span class="prompt" part="prompt">${x => x.prompt}</span><div class="loading-bar" part="loading-bar"></div></div></button></template>`;
+}
+const template = suggestionsTemplate();
+
+export { suggestionsTemplate, template };

package/esm/components/suggestions/suggestions.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.template.js","sourceRoot":"","sources":["../../../../src/components/suggestions/suggestions.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IAGjC,OAAO,IAAI,CAAG;;;kBAGE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;;gBAEnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;kBAGb,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC;qBAC7B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;;;;;+CAKU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;;;GAK3D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,mBAAmB,EAAE,CAAC"}

package/esm/components/suggestions-group/define.js

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

package/esm/components/suggestions-group/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/suggestions-group/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC7F,0BAA0B,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/suggestions-group/index.js

@@ -0,0 +1,5 @@
+export { SuggestionsGroup } from "./suggestions-group.js";
+export { definition as SuggestionsGroupDefinition } from "./suggestions-group.definition.js";
+export { template as SuggestionsGroupTemplate } from "./suggestions-group.template.js";
+export { styles as SuggestionsGroupStyles } from "./suggestions-group.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/suggestions-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/suggestions-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,QAAQ,IAAI,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/esm/components/suggestions-group/suggestions-group.definition.js

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

package/esm/components/suggestions-group/suggestions-group.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-group.definition.js","sourceRoot":"","sources":["../../../../src/components/suggestions-group/suggestions-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;IACjD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,oBAAoB;IAChD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/suggestions-group/suggestions-group.js

@@ -0,0 +1,383 @@
+import { __decorate } from 'tslib';
+import { observable, attr, FASTElement, Updates } from '@microsoft/fast-element';
+import '../suggestions/suggestions.js';
+import { keyEnter, keySpace, keyEscape, keyTab, keyArrowDown, keyArrowRight, keyArrowUp, keyArrowLeft } from '@microsoft/fast-web-utilities';
+
+/**
+ * SuggestionsGroup
+ * @summary A `SuggestionsGroup` component responsible for managing and rendering a group of suggestion elements.
+ *
+ * @example
+ * ```html
+ * <fabric-suggestions-group loading="false">
+ *   <fabric-suggestions slot="suggestions"></fabric-suggestions>
+ *   <div slot="action">Action content here</div>
+ * </fabric-suggestions-group>
+ * ```
+ *
+ * @attr {boolean} suggestionsData - An array of suggestions data to render the suggestions dynamically.
+ * @attr {boolean} loading - Indicates whether the suggestions group is in a loading state. If true, child suggestion elements display a loading indicator.
+ *
+ * @prop {boolean} suggestionsData - An array of suggestions data used to dynamically render suggestion elements.
+ * @prop {boolean} loading - Indicates whether the suggestions group is in a loading state. If true, child suggestion elements display a loading indicator.
+ * @prop {HTMLElement[]} slottedSuggestions - The slotted suggestion elements in the component.
+ * @prop {HTMLElement[]} slottedAction - The slotted action elements within the component.
+ *
+ * @slot suggestions - Slot for individual suggestion elements.
+ * @slot action - Slot for action elements that may interact with the suggestions.
+ *
+ * @csspart suggestions - The container for suggestion elements.
+ * @csspart action - The container for action elements related to the suggestions.
+ *
+ * @method suggestionsDataChanged - Handles changes to the `suggestionsData` property.
+ * @method setSuggestions - Initializes the suggestions by assigning unique IDs and adding necessary event listeners.
+ * @method renderSuggestions - Renders the suggestion elements using the provided data and attaches them to the slot.
+ * @method clearSuggestions - Clears the existing suggestion elements from the component.
+ * @method focusFirstElement - Focuses the first focusable element in the suggestions group.
+ * @method blurSuggestions - Blurs the suggestions group and resets tabindexes.
+ * @method handleSuggestionsGroupKeyDown - Handles keydown events within the suggestions group.
+ *
+ * @fires promptselect - Dispatched when a suggestion is selected via user interaction, with detail containing the source and data of the selection.
+ *
+ * @extends FASTElement
+ * @tagname fabric-suggestions-group
+ * @public
+ */
+class SuggestionsGroup extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * An array of suggestions data to render the suggestions dynamically.
+     * @public
+     * @type {boolean}
+     * @attr
+     */
+    this.suggestionsData = [];
+    /**
+     * Indicates whether the suggestions group is in a loading state.
+     * When `true`, all child `Suggestions` elements will display a loading indicator.
+     *
+     * @public
+     * @type {boolean}
+     * @attr
+     */
+    this.loading = false;
+    /**
+     * The slotted suggestion elements.
+     *
+     * @public
+     * @observable
+     */
+    this.slottedSuggestions = [];
+    /**
+     * The slotted action elements.
+     *
+     * @public
+     * @observable
+     */
+    this.slottedAction = [];
+    /**
+     * Emits a "promptselect" event with the given detail.
+     *
+     * @param detail - The event detail.
+     * @returns {void}
+     * @fires promptselect
+     * @private
+     */
+    this.handlePromptSelect = event => {
+      event.stopPropagation();
+      const customEvent = event;
+      const detail = customEvent.detail;
+      this.dispatchEvent(new CustomEvent("promptselect", {
+        bubbles: true,
+        composed: true,
+        detail: {
+          source: "SuggestionsGroup",
+          ...detail
+        }
+      }));
+    };
+  }
+  /**
+   * Called when the element is connected to the DOM.
+   * Initializes the suggestions
+   *
+   * @returns {void}
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("suggestionsselect", this.handlePromptSelect);
+  }
+  /**
+   * Called when the element is disconnected to the DOM.
+   * Removes event listeners on suggestions
+   *
+   * @returns {void}
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("suggestionsselect", this.handlePromptSelect);
+  }
+  /**
+   * Handles changes to the `suggestionsData` property.
+   * @param oldValue - The previous array of suggestions data.
+   * @param newValue - The new array of suggestions data.
+   * @returns {void}
+   * @public
+   */
+  suggestionsDataChanged(_oldValue, newValue) {
+    this.renderSuggestions(newValue);
+  }
+  /**
+   * Handles changes to the `slottedSuggestions` property.
+   * Re-initializes suggestions when the slotted suggestions change.
+   *
+   * @param oldValue - The previous array of slotted suggestion elements.
+   * @param newValue - The new array of slotted suggestion elements.
+   * @returns {void}
+   * @internal
+   */
+  slottedSuggestionsChanged(oldValue, newValue) {
+    if (oldValue !== newValue) {
+      Updates.next().then(() => {
+        this.setSuggestions();
+      });
+    }
+  }
+  /**
+   * Handles changes to the `loading` property.
+   * Updates the loading state of all suggestions.
+   *
+   * @param oldValue - The previous value of `loading`.
+   * @param newValue - The new value of `loading`.
+   * @returns {void}
+   * @internal
+   */
+  loadingChanged(oldValue, newValue) {
+    if (oldValue !== newValue) {
+      Updates.next().then(() => {
+        this.setSuggestions();
+      });
+    }
+  }
+  /**
+   * Updates the state of each suggestion based on the loading status and index position.
+   *
+   * @returns {void}
+   * @public
+   */
+  setSuggestions() {
+    const lastIndex = this.slottedSuggestions.length - 1;
+    this.slottedSuggestions.forEach((el, index) => {
+      const suggestion = el;
+      suggestion.loading = !!this.loading;
+      suggestion.hidden = this.loading && index > 2;
+      suggestion.removeAttribute("data-last-suggestion");
+      suggestion.removeAttribute("data-last-loading");
+      if (this.loading && index === 2) {
+        suggestion.setAttribute("data-last-loading", "");
+      } else if (!this.loading && index === lastIndex) {
+        suggestion.setAttribute("data-last-suggestion", "");
+      }
+    });
+  }
+  /**
+   * Renders the suggestions based on the provided data.
+   * @param data - The array of suggestions data.
+   * @returns {void}
+   * @public
+   */
+  renderSuggestions(data) {
+    this.clearSuggestions();
+    data.forEach((suggestionData, index) => {
+      const suggestion = document.createElement("fabric-suggestions");
+      suggestion.data = suggestionData;
+      suggestion.slot = "suggestions";
+      suggestion.loading = this.loading;
+      if (index === data.length - 1) {
+        suggestion.setAttribute("data-last-suggestion", "");
+      }
+      this.appendChild(suggestion);
+    });
+  }
+  /**
+   * Clears the existing suggestions from the suggestions slot.
+   * @returns {void}
+   * @public
+   */
+  clearSuggestions() {
+    if (!this.slottedSuggestions) return;
+    this.slottedSuggestions.forEach(suggestion => {
+      this.removeChild(suggestion);
+    });
+  }
+  /**
+   * Handles the Tab key event to cycle focus.
+   *
+   * @param event - The keyboard event.
+   * @returns {void}
+   * @private
+   */
+  handleTabKey(event) {
+    const focusableElements = this.focusableElements;
+    const activeElement = document.activeElement;
+    const currentIndex = focusableElements.indexOf(activeElement);
+    if (currentIndex === -1) {
+      return;
+    }
+    event.preventDefault();
+    if (event.shiftKey) {
+      const prevIndex = (currentIndex - 1 + focusableElements.length) % focusableElements.length;
+      this.focusPrompt(focusableElements[prevIndex]);
+    } else {
+      const nextIndex = (currentIndex + 1) % focusableElements.length;
+      this.focusPrompt(focusableElements[nextIndex]);
+    }
+  }
+  /**
+   * Handles keydown events on the component.
+   *
+   * @param event - The keyboard event.
+   * @returns {void | boolean}
+   * @public
+   */
+  handleKeyDown(event) {
+    if (event.key === keyEnter || event.key === keySpace) {
+      this.focusFirstElement();
+    } else if (event.key === keyEscape) {
+      this.blurSuggestions();
+    } else if (event.key === keyTab) {
+      this.blurSuggestions();
+      return true;
+    } else {
+      return true;
+    }
+  }
+  /**
+   * Focuses the first focusable element in the suggestions group.
+   *
+   * @returns {void}
+   * @public
+   */
+  focusFirstElement() {
+    const focusableElements = this.focusableElements;
+    focusableElements.forEach(element => {
+      element.tabIndex = 0;
+    });
+    const firstElement = focusableElements[0];
+    Updates.next().then(() => {
+      this.focusPrompt(firstElement);
+    });
+  }
+  /**
+   * Blurs the suggestions group and resets tabindexes.
+   *
+   * @returns {void}
+   * @public
+   */
+  blurSuggestions() {
+    const focusableElements = this.focusableElements;
+    focusableElements.forEach(element => {
+      element.tabIndex = -1;
+    });
+    this.focus();
+  }
+  /**
+   * Handles keydown events within the suggestions group.
+   *
+   * @param event - The keyboard event.
+   * @returns {void}
+   * @public
+   */
+  handleSuggestionsGroupKeyDown(event) {
+    const key = event.key;
+    if (key === keyTab) {
+      event.stopImmediatePropagation();
+      this.handleTabKey(event);
+    } else if (key === keyArrowDown || key === keyArrowRight) {
+      event.preventDefault();
+      this.focusNextPrompt();
+    } else if (key === keyArrowUp || key === keyArrowLeft) {
+      event.preventDefault();
+      this.focusPreviousPrompt();
+    } else if (key === keyEnter) {
+      event.preventDefault();
+      this.selectActivePrompt(event);
+    }
+  }
+  /**
+   * Selects the active prompt.
+   *
+   * @param event - The keyboard event.
+   * @returns {void}
+   * @private
+   */
+  selectActivePrompt(e) {
+    const activeElement = document.activeElement;
+    if (activeElement.tagName === "FABRIC-SUGGESTIONS") {
+      e.stopPropagation();
+      const activePrompt = activeElement;
+      activePrompt.handleClick(e);
+    }
+  }
+  /**
+   * Focuses the next prompt element.
+   *
+   * @returns {void}
+   * @private
+   */
+  focusNextPrompt() {
+    if (this.focusableElements && this.focusableElements.length > 0) {
+      const activeElement = document.activeElement;
+      const index = this.focusableElements.findIndex(prompt => prompt === activeElement);
+      const nextIndex = (index + 1) % this.focusableElements.length;
+      this.focusPrompt(this.focusableElements[nextIndex]);
+    }
+  }
+  /**
+   * Focuses the previous prompt element.
+   *
+   * @returns {void}
+   * @private
+   */
+  focusPreviousPrompt() {
+    if (this.focusableElements && this.focusableElements.length > 0) {
+      const activeElement = document.activeElement;
+      const index = this.focusableElements.findIndex(prompt => prompt === activeElement);
+      const prevIndex = (index - 1 + this.focusableElements.length) % this.focusableElements.length;
+      this.focusPrompt(this.focusableElements[prevIndex]);
+    }
+  }
+  /**
+   * Sets focus to the specified prompt element.
+   *
+   * @param prompt - The prompt element to focus.
+   * @returns {void}
+   * @private
+   */
+  focusPrompt(prompt) {
+    prompt.focus();
+  }
+  /**
+   * Gets the focusable elements within the suggestions group.
+   *
+   * @public
+   */
+  get focusableElements() {
+    const focusable = [...this.slottedSuggestions];
+    if (this.slottedAction) {
+      focusable.push(this.slottedAction[0]);
+    }
+    return focusable;
+  }
+}
+__decorate([observable], SuggestionsGroup.prototype, "suggestionsData", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], SuggestionsGroup.prototype, "loading", void 0);
+__decorate([observable], SuggestionsGroup.prototype, "slottedSuggestions", void 0);
+__decorate([observable], SuggestionsGroup.prototype, "slottedAction", void 0);
+
+export { SuggestionsGroup };

package/esm/components/suggestions-group/suggestions-group.js.map

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

package/esm/components/suggestions-group/suggestions-group.styles.js

@@ -0,0 +1,9 @@
+import { css } from '@microsoft/fast-element';
+import { spacingVerticalXS, spacingHorizontalXS, display } from '@fluentui/web-components';
+
+const styles = css`
+  ${display("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:${spacingVerticalXS} ${spacingHorizontalXS}}`;
+
+export { styles };

package/esm/components/suggestions-group/suggestions-group.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-group.styles.js","sourceRoot":"","sources":["../../../../src/components/suggestions-group/suggestions-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;cAqBZ,iBAAiB,IAAI,mBAAmB;;CAErD,CAAC"}

package/esm/components/suggestions-group/suggestions-group.template.js

@@ -0,0 +1,18 @@
+import { slotted, elements, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(SuggestionsGroup:class)} component.
+ * @public
+ */
+function suggestionsGroupTemplate() {
+  return html`<template tabindex="0" role="group" focusable="true" ?loading="${x => x.loading}" @keydown="${(x, c) => x.handleKeyDown(c.event)}"><div class="suggestions-group" part="suggestions-group" @keydown="${(x, c) => x.handleSuggestionsGroupKeyDown(c.event)}"><div class="suggestions" part="suggestions"><slot name="suggestions" ${slotted({
+    property: "slottedSuggestions",
+    filter: elements()
+  })}></slot><div class="action" part="action"><slot name="action" ${slotted({
+    property: "slottedAction",
+    filter: elements()
+  })}></slot></div></div></div></template>`;
+}
+const template = suggestionsGroupTemplate();
+
+export { suggestionsGroupTemplate, template };

package/esm/components/suggestions-group/suggestions-group.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-group.template.js","sourceRoot":"","sources":["../../../../src/components/suggestions-group/suggestions-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE;;;GAGG;AACH,MAAM,UAAU,wBAAwB;IAGtC,OAAO,IAAI,CAAG;;;;;kBAKE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;kBAChB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;;oBAKjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnB,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;;cAKrD,OAAO,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;;;gBAK7D,OAAO,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;;;;GAMvE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,wBAAwB,EAAE,CAAC"}

package/esm/components/textarea/define.js

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

package/esm/components/textarea/define.js.map

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