@fabric-msft/copilot-web 7.0.0

package/esm/components/citation-reference/citation-reference.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"citation-reference.styles.js","sourceRoot":"","sources":["../../../../src/components/citation-reference/citation-reference.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;IACf,oBAAoB;;;;;;;;;mBASL,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;aAGvB,uBAAuB;;;;yBAIX,mBAAmB;;;;;0BAKlB,mBAAmB;4BACjB,uBAAuB;mBAChC,kBAAkB;;;;;cAKvB,eAAe;aAChB,uBAAuB;kBAClB,iBAAiB;;;;;;;;aAQtB,uBAAuB;;;;;;;;;;qBAUf,iBAAiB;;;;;;;;iBAQrB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;;mCAKD,mBAAmB;;;gBAGtC,uBAAuB;;;;aAI1B,oBAAoB;;CAEhC,CAAC"}

package/esm/components/citation-reference/citation-reference.template.js

@@ -0,0 +1,14 @@
+import { slotted, when, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the CitationReference component.
+ * @public
+ */
+// TODO: add aria label back to anchor el
+// aria-label="${x => `Citation ${x.index}`}"
+function CitationReferenceTemplate() {
+  return html`<template slot="popover"><div class="base" part="base"><div class="reference-title-box reference-row"><a href="${x => x.citationHref}" id="citation-anchor" class="citation-number" tabindex="0" target="${x => x.target}" aria-label="${x => x.index}"><slot name="index" ${slotted("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" ${slotted("metadataTextOne")}></slot>${when(x => x.hasMetadataTextOne && x.hasMetadataTextTwo, html`<div class="divider"></div>`)}<slot name="metadata-text-two" ${slotted("metadataTextTwo")}></slot>${when(x => x.hasMetadataTextTwo && x.hasMetadataTextThree, html`<div class="divider"></div>`)}<slot name="metadata-text-three" ${slotted("metadataTextThree")}></slot><slot name="metadata-icon-end"></slot></div><div class="reference-quote"><slot name="excerpt"></slot></div></div></div></template>`;
+}
+const template = CitationReferenceTemplate();
+
+export { CitationReferenceTemplate, template };

package/esm/components/citation-reference/citation-reference.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"citation-reference.template.js","sourceRoot":"","sources":["../../../../src/components/citation-reference/citation-reference.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI9D;;;GAGG;AAEH,yCAAyC;AACzC,6CAA6C;AAC7C,MAAM,UAAU,yBAAyB;IAGvC,OAAO,IAAI,CAAG;;;;;oBAKI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;;;;sBAInB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;0BACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;;iCAEP,OAAO,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;;6CAeb,OAAO,CAAC,iBAAiB,CAAC;cACzD,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,CAAC,kBAAkB,EACnD,IAAI,CAAA;;eAEH,CACF;6CACgC,OAAO,CAAC,iBAAiB,CAAC;cACzD,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,CAAC,oBAAoB,EACrD,IAAI,CAAA;;eAEH,CACF;;;gBAGG,OAAO,CAAC,mBAAmB,CAAC;;;;;;;;;;;GAWzC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,yBAAyB,EAAE,CAAC"}

package/esm/components/citation-reference/define.js

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

package/esm/components/citation-reference/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/citation-reference/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAE/F,2BAA2B,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/citation-reference/index.js

@@ -0,0 +1,6 @@
+export { CitationReference } from "./citation-reference.js";
+export { definition as CitationReferenceDefinition } from "./citation-reference.definition.js";
+export { styles as CitationReferenceStyles } from "./citation-reference.styles.js";
+export { template as CitationReferenceTemplate } from "./citation-reference.template.js";
+export { AnchorTarget } from "@microsoft/fast-foundation";
+//# sourceMappingURL=index.js.map

package/esm/components/citation-reference/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/citation-reference/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAC/F,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,QAAQ,IAAI,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}

package/esm/components/contextual-command-group/contextual-command-group.definition.js

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

package/esm/components/contextual-command-group/contextual-command-group.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-command-group.definition.js","sourceRoot":"","sources":["../../../../src/components/contextual-command-group/contextual-command-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,sBAAsB,CAAC,OAAO,CAAC;IACvD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,2BAA2B;IACvD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/contextual-command-group/contextual-command-group.js

@@ -0,0 +1,473 @@
+import { __decorate } from 'tslib';
+import { attr, observable, Updates } from '@microsoft/fast-element';
+import { BaseTablist } from '@fluentui/web-components';
+import '../contextual-menu-item/contextual-menu-item.js';
+import '../contextual-menu-list/contextual-menu-list.js';
+import '../contextual-tabpanel/contextual-tabpanel.js';
+import { keyTab, keyEscape } from '@microsoft/fast-web-utilities';
+import '../textarea/textarea.js';
+import { ContextualCommandGroupEventNames } from './contextual-command-group.options.js';
+
+/**
+ * ContextualCommandGroup
+ * @summary A contextual command group component that provides rich interaction with tabs, lists, search, and prompts. Extends Fluent UI's Tabs component to provide a comprehensive command interface with search functionality, focus management, and prompt integration.
+ *
+ * @example
+ * ```html
+ * <fabric-contextual-command-group target="textareaId" open persist-visibility focus-trap>
+ *   <div slot="start">Start Content</div>
+ *   <fabric-contextual-tab slot="tab">Tab Content</fabric-contextual-tab>
+ *   <button slot="action">Action Button</button>
+ *   <input type="search" slot="search" />
+ *   <fabric-contextual-tabpanel slot="tabpanel">Tab Panel Content</fabric-contextual-tabpanel>
+ *   <div slot="end">End Content</div>
+ * </fabric-contextual-command-group>
+ * ```
+ *
+ * @attr {boolean} open - Controls the visibility state of the menu
+ * @attr {string} target - The ID of the textarea element to associate with the menu
+ * @attr {boolean} persist-visibility - When true, menu stays visible after selection
+ * @attr {boolean} focus-trap - When true, traps focus within menu requiring Escape to exit
+ *
+ * @prop {boolean} open - Controls the visibility state of the menu
+ * @prop {string} target - The ID of the textarea element to associate with the menu
+ * @prop {boolean} persistVisibility - When true, menu stays visible after selection
+ * @prop {boolean} focusTrap - When true, traps focus within menu requiring Escape to exit
+ * @prop {HTMLInputElement[]} search - Collection of search input elements
+ * @prop {ContextualMenuItem[]} menuitems - Collection of menu items for search filtering
+ * @prop {ContextualTab[]} tabs - Collection of navigation tabs
+ * @prop {Textarea | undefined} textarea - Associated textarea for prompt insertion by target attribute
+ * @prop {ContextualMenuList[]} menulists - Collection of menu lists
+ * @prop {string} prompt - The prompt text to be emitted
+ *
+ * @slot start - Content displayed before the header
+ * @slot tab - Tab elements within the menu
+ * @slot action - Additional actionable elements in the header
+ * @slot search - Search input elements
+ * @slot tabpanel - Tab panels containing menu content
+ * @slot end - Content displayed after the main content
+ *
+ * @csspart header - The header container
+ * @csspart tablist - The tab list container
+ * @csspart action - The action slot container
+ * @csspart tabpanel - The tab panel container
+ * @csspart search - The search input container
+ *
+ * @cssprop --contextual-command-group-width - Controls the width of the menu
+ * @cssprop --contextual-command-group-max-width - Controls the max width of the menu
+ * @cssprop --contextual-command-group-min-width - Controls the min width of the menu
+ * @cssprop --contextual-command-group-max-height - Controls the max height of the menu
+ *
+ * @method show - Displays the menu and optionally associates it with an event target
+ * @method hide - Hides the menu and clears search input if applicable
+ * @method tabpanelsChanged - Updates tab panel event listeners when the tabpanels collection changes
+ * @method focusMenu - Attempts to focus an appropriate element within the menu
+ * @method handleFocusOut - Handles focus-out events, optionally hiding the menu based on related targets and visibility settings
+ * @method handleKeydown - Handles keyboard events within the menu, including visibility toggling and focus trapping
+ * @method appendPromptToValue - Combines the current value and a prompt into a single string
+ * @method searchChanged - Adjusts searchable attributes based on changes to the search inputs
+ * @method tabsChanged - Handles updates to the tabs collection, adjusting tabbable attributes as necessary
+ * @method emitToggle - Emits a toggle event when visibility changes
+ * @method emitBeforeToggle - Emits a before-toggle event before visibility changes
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ * @method disconnectedCallback - Lifecycle callback when component is disconnected from DOM
+ *
+ * @fires toggle - Fires when visibility changes
+ * @fires before-toggle - Fires before visibility changes
+ *
+ * @extends Tabs from @fluentui/web-components
+ * @tagname fabric-contextual-command-group
+ * @public
+ */
+class ContextualCommandGroup extends BaseTablist {
+  constructor() {
+    super(...arguments);
+    /**
+     * Controls the visibility state of the menu.
+     * @attr open
+     * @default false
+     * @public
+     */
+    this.open = false;
+    /**
+     * Used to identify which textarea will receive selected prompts.
+     * @attr target
+     * @default ""
+     * @public
+     */
+    this.target = "";
+    /**
+     * Indicates whether the visibility of the menu should persist after losing focus.
+     * @attr persist-visibility
+     * @default false
+     * @public
+     */
+    this.persistVisibility = false;
+    /**
+     * Enables focus trapping within the menu when set to true.
+     * @attr focus-trap
+     * @default false
+     * @public
+     */
+    this.focusTrap = false;
+    /**
+     * A collection of tab panels within the menu.
+     * @observable
+     * @public
+     */
+    this.tabpanels = [];
+    /**
+     * A collection of search input elements associated with the menu.
+     * @observable
+     * @public
+     */
+    this.search = [];
+    /**
+     * A collection of tabs within the menu.
+     * @observable
+     * @public
+     */
+    this.tabs = [];
+    /**
+     * A collection of menu lists within the menu.
+     * @observable
+     * @public
+     */
+    this.menulists = [];
+    /**
+     * A collection of contextual menuitems within the menu.
+     * @observable
+     * @public
+     */
+    this.menuitems = [];
+    /**
+     * Handles input events on search fields to filter menu menuitems.
+     * @internal
+     */
+    this.handleSearchInput = event => {
+      const searchTerm = event.target.value.toLowerCase();
+      this.menulists.forEach(menulist => {
+        menulist.filterMenuItems(searchTerm);
+      });
+    };
+    /**
+     * Responds to custom prompt events, updating prompt data and optionally hiding the menu.
+     * @param e - The custom event containing prompt data.
+     * @returns `true` if no action is taken, otherwise void.
+     * @internal
+     */
+    this.handlePrompted = e => {
+      this.prompt = e.detail.prompt;
+      this.dispatchEvent(new CustomEvent(ContextualCommandGroupEventNames.promptSelect, {
+        detail: {
+          prompt: this.prompt,
+          target: this.target,
+          oldState: this.open ? "open" : "closed",
+          newState: this.open ? "closed" : "open"
+        },
+        bubbles: true,
+        composed: true
+      }));
+      if (this.textarea && this.prompt) {
+        const newValue = this.appendPromptToValue(this.textarea.value || "", this.prompt);
+        this.textarea.value = newValue;
+      }
+      if (!this.persistVisibility) {
+        this.hide();
+        if (this.textarea) {
+          this.textarea.focus();
+        } else {
+          return true;
+        }
+      }
+    };
+    /**
+     * Emits a toggle event indicating a change in the menu's visibility.
+     * @public
+     */
+    this.emitToggle = () => {
+      this.$emit(ContextualCommandGroupEventNames.toggle, {
+        oldState: this.open ? "closed" : "open",
+        newState: this.open ? "open" : "closed"
+      });
+    };
+    /**
+     * Emits an event before the menu's visibility changes.
+     * @public
+     */
+    this.emitBeforeToggle = () => {
+      this.$emit(ContextualCommandGroupEventNames.beforeToggle, {
+        oldState: this.open ? "open" : "closed",
+        newState: this.open ? "closed" : "open"
+      });
+    };
+  }
+  /**
+   * Displays the menu and optionally associates it with an event target.
+   * @public
+   */
+  show() {
+    this.emitBeforeToggle();
+    this.open = true;
+    this.emitToggle();
+  }
+  /**
+   * Hides the menu and clears search input if applicable.
+   * @public
+   */
+  hide() {
+    this.emitBeforeToggle();
+    this.open = false;
+    this.emitToggle();
+    if (this.search && this.search.length) {
+      this.search[0].value = "";
+      this.menulists.forEach(menulist => {
+        menulist.filterMenuItems("");
+      });
+    }
+  }
+  /**
+   * Updates tab panel event listeners when the tabpanels collection changes.
+   * @public
+   */
+  tabpanelsChanged() {
+    var _a;
+    (_a = this.tabpanels) === null || _a === void 0 ? void 0 : _a.forEach(panel => {
+      panel.addEventListener(ContextualCommandGroupEventNames.promptSelect, this.handlePrompted);
+    });
+  }
+  /**
+   * Attempts to focus an appropriate element within the menu.
+   * @returns `true` if no focusable elements are found.
+   * @public
+   */
+  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) {
+      this.menuitems[0].focus();
+    } else {
+      return true;
+    }
+  }
+  /**
+   * Handles focus-out events, optionally hiding the menu based on related targets and visibility settings.
+   * @param e - Focus event to handle.
+   * @public
+   */
+  handleFocusOut(e) {
+    const relatedTarget = e.relatedTarget;
+    if (!this.contains(relatedTarget) && !this.persistVisibility) {
+      this.hide();
+    }
+  }
+  /**
+   * Handles keyboard events within the menu, including visibility toggling and focus trapping.
+   * @param e - The keyboard event to handle.
+   * @returns `true` if no action is taken, otherwise void.
+   * @public
+   */
+  handleKeydown(e) {
+    if (e.defaultPrevented || this.disabled) {
+      return;
+    }
+    switch (e.key) {
+      case keyEscape:
+        if (!this.open) {
+          return true;
+        } else {
+          this.hide();
+          this.menulists.forEach(menulist => {
+            menulist.filterMenuItems("");
+          });
+          if (this.textarea) {
+            this.textarea.focus();
+            this.textarea.value = this.textarea.value ? this.textarea.value + "/" : "/";
+          }
+        }
+        break;
+      case "/":
+        e.preventDefault();
+        this.show();
+        Updates.enqueue(() => {
+          this.focusMenu();
+        });
+        break;
+      case keyTab:
+        if (this.focusTrap) {
+          e.preventDefault();
+          this.handleFocusTrapping(e.shiftKey);
+        }
+        break;
+      default:
+        return true;
+    }
+    return true;
+  }
+  /**
+   * Combines the current value and a prompt into a single string.
+   * @param currentValue - The existing value.
+   * @param prompt - The prompt to append.
+   * @returns The combined string.
+   */
+  appendPromptToValue(currentValue, prompt) {
+    return currentValue + prompt;
+  }
+  /**
+   * Adjusts searchable attributes based on changes to the search inputs.
+   * @public
+   */
+  searchChanged() {
+    if (this.search.length) {
+      this.setAttribute("data-searchable", "");
+    } else {
+      this.removeAttribute("data-searchable");
+    }
+  }
+  /**
+   * Handles updates to the tabs collection, adjusting tabbable attributes as necessary.
+   * @public
+   */
+  tabsChanged(_prev, _next) {
+    super.tabsChanged(_prev, _next);
+    if (this.tabs.length) {
+      this.setAttribute("data-tabbable", "");
+    } else {
+      this.removeAttribute("data-tabbable");
+    }
+  }
+  /**
+   * Manages focus trapping within the menu, cycling through focusable elements.
+   * @param isShiftTab - Whether the Shift+Tab key combination was pressed.
+   * @internal
+   */
+  handleFocusTrapping(isShiftTab) {
+    const focusableElements = this.getFocusableElements();
+    if (focusableElements.length === 0) return;
+    const currentFocusIndex = focusableElements.indexOf(document.activeElement);
+    let nextIndex;
+    if (isShiftTab) {
+      nextIndex = currentFocusIndex <= 0 ? focusableElements.length - 1 : currentFocusIndex - 1;
+    } else {
+      nextIndex = currentFocusIndex >= focusableElements.length - 1 ? 0 : currentFocusIndex + 1;
+    }
+    focusableElements[nextIndex].focus();
+  }
+  /**
+   * Retrieves all focusable elements within the menu.
+   * @returns An array of focusable elements.
+   * @internal
+   */
+  getFocusableElements() {
+    const elements = Array.from(this.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+    return elements.filter(el => {
+      const style = window.getComputedStyle(el);
+      return style.display !== "none" && style.visibility !== "hidden";
+    }).sort((a, b) => {
+      const aIndex = parseInt(a.getAttribute("tabindex") || "0", 10);
+      const bIndex = parseInt(b.getAttribute("tabindex") || "0", 10);
+      return aIndex - bIndex;
+    });
+  }
+  /**
+   * Adds event listeners for interactive elements within the menu.
+   * @internal
+   */
+  setEventListeners() {
+    if (this.search && this.search.length) {
+      this.search[0].addEventListener("input", this.handleSearchInput);
+    }
+    if (this.tabpanels.length) {
+      this.tabpanels.forEach(panel => {
+        panel.addEventListener(ContextualCommandGroupEventNames.promptSelect, this.handlePrompted);
+      });
+    }
+  }
+  /**
+   * Removes event listeners for interactive elements within the menu.
+   * @internal
+   */
+  removeEventListeners() {
+    var _a;
+    if (this.search && this.search.length) {
+      this.search[0].removeEventListener("input", this.handleSearchInput);
+    }
+    if (this.tabpanels && this.tabpanels.length) {
+      (_a = this.tabpanels) === null || _a === void 0 ? void 0 : _a.forEach(panel => {
+        panel.removeEventListener(ContextualCommandGroupEventNames.promptSelect, this.handlePrompted);
+      });
+    }
+  }
+  /**
+   * Initializes the menulists collection by gathering all menulists from tabpanels.
+   * @internal
+   */
+  setElements() {
+    this.tabpanels.forEach(e => {
+      const panel = e;
+      panel.menulists.forEach(menulist => {
+        this.menulists.push(menulist);
+      });
+    });
+    if (this.target) {
+      const target = document.querySelector(`#${this.target}`);
+      this.textarea = target;
+      if (target) {
+        target.addEventListener("keydown", this.handleKeydown.bind(this));
+      }
+    }
+  }
+  /**
+   * Clears the menulists collection.
+   * @internal
+   */
+  unsetElements() {
+    this.menulists = [];
+  }
+  /**
+   * Called when the menu is connected to the DOM, setting up event listeners.
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    Updates.enqueue(() => {
+      this.setElements();
+      this.setEventListeners();
+    });
+  }
+  /**
+   * Called when the menu is disconnected from the DOM, cleaning up event listeners.
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    Updates.enqueue(() => {
+      this.removeEventListeners();
+      this.unsetElements();
+    });
+  }
+}
+__decorate([attr({
+  mode: "boolean",
+  attribute: "open"
+})], ContextualCommandGroup.prototype, "open", void 0);
+__decorate([attr({
+  attribute: "target"
+})], ContextualCommandGroup.prototype, "target", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "persist-visibility"
+})], ContextualCommandGroup.prototype, "persistVisibility", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "focus-trap"
+})], ContextualCommandGroup.prototype, "focusTrap", void 0);
+__decorate([observable], ContextualCommandGroup.prototype, "tabpanels", void 0);
+__decorate([observable], ContextualCommandGroup.prototype, "search", void 0);
+__decorate([observable], ContextualCommandGroup.prototype, "tabs", void 0);
+__decorate([observable], ContextualCommandGroup.prototype, "textarea", void 0);
+__decorate([observable], ContextualCommandGroup.prototype, "menulists", void 0);
+__decorate([observable], ContextualCommandGroup.prototype, "menuitems", void 0);
+
+export { ContextualCommandGroup };

package/esm/components/contextual-command-group/contextual-command-group.js.map

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

package/esm/components/contextual-command-group/contextual-command-group.options.js

@@ -0,0 +1,11 @@
+/**
+ * ContextualCommandGroup event names
+ * @public
+ */
+const ContextualCommandGroupEventNames = {
+  toggle: "toggle",
+  beforeToggle: "before-toggle",
+  promptSelect: "prompt-select"
+};
+
+export { ContextualCommandGroupEventNames };

package/esm/components/contextual-command-group/contextual-command-group.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-command-group.options.js","sourceRoot":"","sources":["../../../../src/components/contextual-command-group/contextual-command-group.options.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;CACrB,CAAC"}

package/esm/components/contextual-command-group/contextual-command-group.styles.js

@@ -0,0 +1,11 @@
+import { css } from '@microsoft/fast-element';
+import { fontFamilyBase, fontSizeBase300, lineHeightBase300, colorNeutralForeground2, colorNeutralBackground1, borderRadiusXLarge, shadow16, spacingHorizontalS, spacingVerticalS, spacingHorizontalM, spacingVerticalSNudge, colorNeutralForegroundDisabled, borderRadiusMedium, colorNeutralStroke2, durationSlow, curveDecelerateMax, strokeWidthThicker, borderRadiusCircular, spacingHorizontalMNudge, display } from '@fluentui/web-components';
+
+const styles = css`
+  ${display("none")}
+
+  :host{flex-direction:column;box-sizing:border-box;font-family:${fontFamilyBase};font-size:${fontSizeBase300};line-height:${lineHeightBase300};color:${colorNeutralForeground2};background:${colorNeutralBackground1};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:${borderRadiusXLarge};box-shadow:${shadow16}}:host([open]){display:flex}.header{display:none}.search{display:none}.action{display:flex;align-items:center;justify-content:center;margin:0 ${spacingHorizontalS} 0 0}:host([data-tabbable]){height:244px;}:host([data-tabbable][data-searchable]){height:290px;}:host([data-tabbable]) .header{display:flex;padding:0 ${spacingHorizontalS}}:host([data-searchable]) .search{display:block;padding:${spacingVerticalS} ${spacingHorizontalM} ${spacingVerticalSNudge}}:host([disabled]){cursor:not-allowed;color:${colorNeutralForegroundDisabled}}:host([disabled]) ::slotted(fabric-contextual-tab){pointer-events:none;cursor:not-allowed;color:${colorNeutralForegroundDisabled}}:host([disabled]) ::slotted(fabric-contextual-tab:after){background-color:${colorNeutralForegroundDisabled}}:host([disabled])
+    ::slotted(fabric-contextual-tab[aria-selected="true"])::after{background-color:${colorNeutralForegroundDisabled}}:host([disabled]) ::slotted(fabric-contextual-tab:hover):before{content:unset}:host ::slotted(fabric-contextual-tab){border-radius:${borderRadiusMedium}}:host ::slotted(fabric-contextual-tab[aria-selected="true"])::before{background-color:${colorNeutralForegroundDisabled}}.tablist{display:flex;position:relative;width:max-content;box-sizing:border-box;border-bottom:2px solid ${colorNeutralStroke2};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:${durationSlow};transition-timing-function:${curveDecelerateMax}}:host ::slotted(fabric-contextual-tab)::after{height:${strokeWidthThicker};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset))
+      scaleX(var(--tabIndicatorScale))}:host ::slotted(fabric-contextual-tab)::before{height:${strokeWidthThicker};border-radius:${borderRadiusCircular};content:"";inset:0;position:absolute;margin-top:auto}:host ::slotted(fabric-contextual-tab[aria-selected="false"]:hover)::after{height:${strokeWidthThicker};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:${spacingHorizontalMNudge};inset-inline-start:${spacingHorizontalMNudge}}`;
+
+export { styles };

package/esm/components/contextual-command-group/contextual-command-group.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-command-group.styles.js","sourceRoot":"","sources":["../../../../src/components/contextual-command-group/contextual-command-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;mBAKA,cAAc;iBAChB,eAAe;mBACb,iBAAiB;aACvB,uBAAuB;kBAClB,uBAAuB;;;;;;qBAMpB,kBAAkB;kBACrB,QAAQ;;;;;;;;;;;;;;;;;;;gBAmBV,kBAAkB;;;;;;;;;;;;;iBAajB,kBAAkB;;;;;eAKpB,gBAAgB,IAAI,kBAAkB,IAAI,qBAAqB;;;;;aAKjE,8BAA8B;;;;;;aAM9B,8BAA8B;;;wBAGnB,8BAA8B;;;;wBAI9B,8BAA8B;;;;;;;qBAOjC,kBAAkB;;;;wBAIf,8BAA8B;;;;;;;;+BAQvB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;2BAyBvB,YAAY;kCACL,kBAAkB;;;cAGtC,kBAAkB;;;;;;;;;cASlB,kBAAkB;qBACX,oBAAoB;;;;;;;;cAQ3B,kBAAkB;;;;;;;;wBAQR,uBAAuB;0BACrB,uBAAuB;;CAEhD,CAAC"}

package/esm/components/contextual-command-group/contextual-command-group.template.js

@@ -0,0 +1,12 @@
+import { slotted, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(ContextualCommandGroup:class)} component.
+ * @public
+ */
+function contextCommandGroupTemplate() {
+  return html`<template role="group" @keydown="${(x, c) => x.handleKeydown(c.event)}" @focusout="${(x, c) => x.handleFocusOut(c.event)}" ?hidden="${x => x.hidden}" ?persist-visibility="${x => x.persistVisibility}" ?focus-trap="${x => x.focusTrap}" target="${x => x.target}" ?open="${x => x.open}"><slot name="start"></slot><div class="header" part="header"><div class="tablist" part="tablist" role="tablist"><slot name="tab" ${slotted("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" ${slotted("search")}></slot></div><slot name="tabpanel" ${slotted("tabpanels")}></slot></div><slot name="end"></slot></template>`;
+}
+const template = contextCommandGroupTemplate();
+
+export { contextCommandGroupTemplate, template };

package/esm/components/contextual-command-group/contextual-command-group.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-command-group.template.js","sourceRoot":"","sources":["../../../../src/components/contextual-command-group/contextual-command-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;;GAGG;AACH,MAAM,UAAU,2BAA2B;IAGzC,OAAO,IAAI,CAAG;;;kBAGE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;mBAClD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;iBACnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;6BACH,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;qBAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;gBACvB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;eAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;;;;6BAKC,OAAO,CAAC,MAAM,CAAC;;;;;;;;gCAQZ,OAAO,CAAC,QAAQ,CAAC;;gCAEjB,OAAO,CAAC,WAAW,CAAC;;;;GAIjD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,2BAA2B,EAAE,CAAC"}

package/esm/components/contextual-command-group/define.js

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

package/esm/components/contextual-command-group/define.js.map

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

package/esm/components/contextual-command-group/index.js

@@ -0,0 +1,6 @@
+export { ContextualCommandGroup } from "./contextual-command-group.js";
+export { ContextualCommandGroupEventNames } from "./contextual-command-group.options.js";
+export { definition as ContextualCommandGroupDefinition } from "./contextual-command-group.definition.js";
+export { styles as ContextualCommandGroupStyles } from "./contextual-command-group.styles.js";
+export { template as ContextualCommandGroupTemplate } from "./contextual-command-group.template.js";
+//# sourceMappingURL=index.js.map

package/esm/components/contextual-command-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/contextual-command-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,UAAU,IAAI,gCAAgC,EAAE,MAAM,0CAA0C,CAAC;AAC1G,OAAO,EAAE,MAAM,IAAI,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAC9F,OAAO,EAAE,QAAQ,IAAI,8BAA8B,EAAE,MAAM,wCAAwC,CAAC"}