@fabric-msft/copilot-web 7.0.0

package/esm/components/output-card/output-card.js

@@ -0,0 +1,338 @@
+import { __decorate, __classPrivateFieldGet } from 'tslib';
+import { attr, observable, FASTElement } from '@microsoft/fast-element';
+import { OutputCardEventNames } from './output-card.options.js';
+import { withFlair } from '../../util/flair/flair.decorator.js';
+import { FlairEventsNames } from '../../util/flair/options.js';
+
+var _OutputCard_instances, _OutputCard_emitCancelLoadingEvent;
+/**
+ * OutputCard
+ * @summary A card component that displays content with an optional toolbar, actions, feedback, and references sections. The toolbar appears when the card is focused or hovered, providing quick access to actions with flair animation support.
+ *
+ * @example
+ * ```html
+ * <fabric-output-card loading show-toolbar>
+ *   <div>Main content goes here</div>
+ *   <fabric-button slot="toolbar-buttons">Action</fabric-button>
+ *   <fabric-button slot="actions">Action</fabric-button>
+ *   <fabric-feedback-group slot="feedback"></fabric-feedback-group>
+ *   <span slot="feedback-question">Was this helpful?</span>
+ *   <fabric-reference-list slot="references"></fabric-reference-list>
+ *   <div slot="loading-content">Loading...</div>
+ *   <fabric-button slot="cancel-button">Cancel</fabric-button>
+ * </fabric-output-card>
+ * ```
+ *
+ * @attr {boolean} loading - Controls whether the card is in a loading state. When true, displays loading content and cancel button
+ * @attr {boolean} show-toolbar - Controls whether the toolbar is always visible. When true, toolbar remains visible regardless of hover/focus state
+ *
+ * @prop {boolean} loading - Controls whether the card is in a loading state
+ * @prop {boolean} showToolbar - Controls whether the toolbar is always visible
+ * @prop {Popover} popoverRef - Reference to the popover element used for the toolbar
+ * @prop {HTMLElement[]} toolbarButtonRefs - Collection of toolbar button elements
+ * @prop {HTMLElement[]} actionsRef - Collection of action button elements
+ * @prop {HTMLElement[]} feedbackRef - Collection of feedback elements
+ * @prop {HTMLElement[]} referencesRef - Collection of reference elements
+ *
+ * @slot - Default slot for the main content
+ * @slot toolbar-buttons - Slot for buttons that appear in the toolbar
+ * @slot actions - Slot for action buttons below the main content
+ * @slot feedback - Slot for feedback elements (e.g., thumbs up/down)
+ * @slot feedback-question - Slot for the feedback question text
+ * @slot references - Slot for reference content
+ * @slot loading-content - Slot for custom loading message
+ * @slot cancel-button - Slot for custom cancel button during loading
+ *
+ * @csspart main-container - The main container of the OutputCard
+ * @csspart toolbar - The toolbar container
+ * @csspart toolbar-content - The content area of the toolbar
+ * @csspart base - The base container for the main content
+ * @csspart content - The main content container
+ * @csspart actions - The actions container
+ * @csspart feedback - The feedback container
+ * @csspart references - The references container
+ * @csspart cancel-button-container - The container for the cancel button
+ *
+ * @method handleKeyDown - Handles keyboard events for the card
+ * @method handleToolbarButtonKeyDown - Handles keyboard events for toolbar buttons
+ * @method toolbarButtonRefsChanged - Handles changes to toolbar button references
+ * @method handleBaseComponentBlur - Handles blur events on the base component
+ * @method controlToolbar - Controls the toolbar visibility
+ * @method handleMouseenter - Handles mouse enter events
+ * @method handleMouseleave - Handles mouse leave events
+ * @method handleBaseComponentFocus - Handles focus events on the base component
+ * @method cancelLoading - Cancels the loading state
+ * @method playFlair - Plays the flair animation
+ * @method loadingChanged - Handles changes to the loading state
+ * @method popoverRefChanged - Handles changes to the popover reference
+ * @method handleFocusOut - Handles focus out events
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ * @method disconnectedCallback - Lifecycle callback when component is disconnected from DOM
+ *
+ * @fires output-card-mouseenter - Fires when mouse enters the card
+ * @fires output-card-mouseleave - Fires when mouse leaves the card
+ * @fires output-card-focus - Fires when the card receives focus
+ * @fires output-card-cancel-loading - Fires when loading is cancelled
+ * @fires flair-play - Fires when the flair animation starts
+ *
+ * @extends FASTElement
+ * @tagname fabric-output-card
+ * @public
+ */
+let OutputCard = class OutputCard extends FASTElement {
+  constructor() {
+    super(...arguments);
+    _OutputCard_instances.add(this);
+    /**
+     * Controls whether the toolbar should be suppressed from opening
+     * @internal
+     */
+    this.suppressToolbarOpen = false;
+    /**
+     * Handles keyboard events on the base component
+     * @param e - The keyboard event
+     * @public
+     */
+    this.handleKeyDown = e => {
+      var _a, _b;
+      if (e.key === "Tab") {
+        if (!e.shiftKey && ((_a = this.toolbarButtonRefs) === null || _a === void 0 ? void 0 : _a.length) && !this.suppressToolbarOpen) {
+          this.controlToolbar(true);
+        }
+      } else if (e.key === "Escape" && ((_b = this.popoverRef) === null || _b === void 0 ? void 0 : _b.open)) {
+        e.preventDefault();
+        this.suppressToolbarOpen = true;
+        this.controlToolbar(false);
+        this.focus();
+      }
+    };
+    /**
+     * Handles keyboard events on toolbar buttons
+     * @param e - The keyboard event
+     * @public
+     */
+    this.handleToolbarButtonKeyDown = e => {
+      if (e.key === "Tab") {
+        const isLastButton = e.target === this.toolbarButtonRefs[this.toolbarButtonRefs.length - 1];
+        const isFirstButton = e.target === this.toolbarButtonRefs[0];
+        if (e.shiftKey && isFirstButton) {
+          this.suppressToolbarOpen = true;
+          this.controlToolbar(false);
+        } else if (!e.shiftKey && isLastButton) {
+          this.suppressToolbarOpen = true;
+          this.controlToolbar(false);
+        }
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        this.suppressToolbarOpen = true;
+        this.controlToolbar(false);
+        this.focus();
+      }
+    };
+    /**
+     * Handles blur events on the base component
+     * Manages toolbar visibility and focus state when focus leaves the component
+     * @param e - The focus event
+     * @public
+     */
+    this.handleBaseComponentBlur = e => {
+      var _a;
+      const movingToToolbar = (_a = this.toolbarButtonRefs) === null || _a === void 0 ? void 0 : _a.includes(e.relatedTarget);
+      if (!this.showToolbar && !movingToToolbar) {
+        this.controlToolbar(false);
+      }
+    };
+    /**
+     * Handles mouse enter events on the card
+     * @param e - The mouse event
+     * @fires output-card-mouseenter
+     * @public
+     */
+    this.handleMouseenter = e => {
+      if (!this.loading && !this.suppressToolbarOpen && !this.contains(document.activeElement)) {
+        this.dispatchEvent(new CustomEvent(OutputCardEventNames.MOUSEENTER, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            target: e.target
+          }
+        }));
+        this.controlToolbar(true);
+      }
+    };
+    /**
+     * Handles mouse leave events on the card
+     * @param e - The mouse event
+     * @fires output-card-mouseleave
+     * @public
+     */
+    this.handleMouseleave = e => {
+      if (!this.loading) {
+        this.dispatchEvent(new CustomEvent(OutputCardEventNames.MOUSELEAVE, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            target: e.target
+          }
+        }));
+        if (this.showToolbar !== true && !this.contains(document.activeElement)) {
+          this.controlToolbar(false);
+        }
+      }
+    };
+    /**
+     * Handles focus events on the base component
+     * @param e - The focus event
+     * @fires output-card-focus
+     * @public
+     */
+    this.handleBaseComponentFocus = e => {
+      if (!this.loading && !this.suppressToolbarOpen) {
+        this.dispatchEvent(new CustomEvent(OutputCardEventNames.FOCUS, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            target: e.target
+          }
+        }));
+        this.controlToolbar(true);
+      }
+    };
+    /**
+     * Cancels the loading state
+     * @fires output-card-cancel-loading
+     * @public
+     */
+    this.cancelLoading = () => {
+      this.loading = false;
+      __classPrivateFieldGet(this, _OutputCard_instances, "m", _OutputCard_emitCancelLoadingEvent).call(this);
+    };
+    /**
+     * Handles focus leaving the entire component
+     * @param e - The focusout event
+     * @public
+     */
+    this.handleFocusOut = e => {
+      // Check if focus is moving outside the component
+      const movingWithinComponent = e.relatedTarget && this.contains(e.relatedTarget);
+      if (!movingWithinComponent) {
+        if (!this.showToolbar) {
+          this.controlToolbar(false);
+        }
+        // Always reset suppression when focus completely leaves the component
+        this.suppressToolbarOpen = false;
+      }
+    };
+  }
+  /**
+   * Handles changes to the toolbar button references
+   * Sets up event listeners and focus handlers for toolbar buttons
+   * @public
+   */
+  toolbarButtonRefsChanged() {
+    if (this.toolbarButtonRefs) {
+      this.toolbarButtonRefs.forEach(button => {
+        var _a;
+        button.removeEventListener("keydown", this.handleToolbarButtonKeyDown);
+        button.addEventListener("keydown", this.handleToolbarButtonKeyDown);
+        button.setAttribute("tabindex", ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.open) ? "0" : "-1");
+      });
+    }
+  }
+  /**
+   * Controls the visibility of the toolbar and manages button states
+   * @param open - Whether to open or close the toolbar
+   * @public
+   */
+  controlToolbar(open) {
+    if (this.popoverRef) {
+      this.popoverRef.open = open;
+      if (this.toolbarButtonRefs) {
+        this.toolbarButtonRefs.forEach(button => {
+          button.setAttribute("tabindex", open ? "0" : "-1");
+        });
+      }
+    }
+  }
+  /**
+   * Plays the flair animation
+   * @fires flair-play - Event fired when flair animation starts
+   * @public
+   */
+  playFlair() {
+    this.dispatchEvent(new CustomEvent(FlairEventsNames.PLAY, {
+      bubbles: false
+    }));
+  }
+  /**
+   * Handles changes to the loading state
+   * Closes the toolbar when loading starts if it was visible
+   * @public
+   */
+  loadingChanged() {
+    if (this.loading && this.showToolbar) {
+      this.controlToolbar(false);
+    }
+  }
+  /**
+   * Handles changes to the popover reference
+   * Opens the toolbar if it should be shown and component is not loading
+   * @pubic
+   */
+  popoverRefChanged() {
+    if (this.showToolbar && !this.loading) {
+      this.controlToolbar(true);
+    }
+  }
+  /**
+   * Lifecycle callback when the component is connected to the DOM
+   * Sets up event listeners.
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keydown", this.handleKeyDown);
+    this.addEventListener("focusout", this.handleFocusOut);
+    this.addEventListener("dismiss", this.cancelLoading);
+  }
+  /**
+   * Lifecycle callback when the component is disconnected from the DOM
+   * Cleans up event listeners and focus handlers
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("keydown", this.handleKeyDown);
+    this.removeEventListener("focusout", this.handleFocusOut);
+    if (this.toolbarButtonRefs) {
+      this.toolbarButtonRefs.forEach(button => {
+        button.removeEventListener("keydown", this.handleToolbarButtonKeyDown);
+      });
+    }
+  }
+};
+_OutputCard_instances = new WeakSet();
+_OutputCard_emitCancelLoadingEvent = function _OutputCard_emitCancelLoadingEvent() {
+  this.dispatchEvent(new CustomEvent(OutputCardEventNames.CANCEL_LOADING, {
+    bubbles: true,
+    composed: true,
+    detail: {
+      target: this
+    }
+  }));
+};
+__decorate([attr({
+  mode: "boolean"
+})], OutputCard.prototype, "loading", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "show-toolbar"
+})], OutputCard.prototype, "showToolbar", void 0);
+__decorate([observable], OutputCard.prototype, "popoverRef", void 0);
+__decorate([observable], OutputCard.prototype, "toolbarButtonRefs", void 0);
+__decorate([observable], OutputCard.prototype, "actionsRef", void 0);
+__decorate([observable], OutputCard.prototype, "feedbackRef", void 0);
+__decorate([observable], OutputCard.prototype, "referencesRef", void 0);
+OutputCard = __decorate([withFlair()], OutputCard);
+
+export { OutputCard };

package/esm/components/output-card/output-card.js.map

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

package/esm/components/output-card/output-card.options.js

@@ -0,0 +1,14 @@
+/**
+ * @public
+ * OutputCard event names
+ */
+const OutputCardEventNames = {
+  KEYDOWN: "output-card-keydown",
+  LOADING: "output-card-loading",
+  CANCEL_LOADING: "output-card-cancel-loading",
+  MOUSEENTER: "output-card-mouseenter",
+  MOUSELEAVE: "output-card-mouseleave",
+  FOCUS: "output-card-focus"
+};
+
+export { OutputCardEventNames };

package/esm/components/output-card/output-card.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-card.options.js","sourceRoot":"","sources":["../../../../src/components/output-card/output-card.options.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,qBAAqB;IAC9B,cAAc,EAAE,4BAA4B;IAC5C,UAAU,EAAE,wBAAwB;IACpC,UAAU,EAAE,wBAAwB;IACpC,KAAK,EAAE,mBAAmB;CAClB,CAAC"}

package/esm/components/output-card/output-card.styles.js

@@ -0,0 +1,12 @@
+import { fontWeightRegular, fontFamilyBase, fontSizeBase300, lineHeightBase300, borderRadiusXLarge, shadow2, spacingVerticalM, spacingHorizontalL, colorNeutralForeground1, spacingVerticalS, spacingHorizontalXS, spacingHorizontalNone, spacingHorizontalS, spacingVerticalXS } from '@fluentui/web-components';
+import { display } from '@microsoft/fast-foundation';
+import { sizeHorizontalXXL, sizeVerticalXXL, sizeHorizontalXXXL, sizeVerticalXXXL } from '@fabric-msft/theme';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${display("block")}
+
+  :host{width:288px;}:host([loading]){pointer-events:none}:host .main-container{font-weight:${fontWeightRegular};font-family:${fontFamilyBase};font-size:${fontSizeBase300};line-height:${lineHeightBase300};border-radius:${borderRadiusXLarge};box-sizing:border-box;box-shadow:${shadow2};padding:${spacingVerticalM} ${spacingHorizontalL}}:host(:focus-visible){border-color:${colorNeutralForeground1};outline-color:${colorNeutralForeground1}}:host([loading]:focus-visible){outline:none;border-color:none}:host([loading]) .main-container{border:0px;padding:0px;overflow-x:hidden;pointer-events:none}:host([loading]) .base,:host([loading]) .references,:host([loading]) .feedback-actions{display:none;visibility:hidden}.loading-window-container{display:none;visibility:hidden;overflow-x:hidden;margin:0px}:host([loading]) .loading-window-container{display:block;visibility:visible}.loading-window-container fluent-progress-bar{height:4px}.loading-window-container fluent-progress-bar::part(indicator){background-image:linear-gradient(
+      to right,#117865 10%,#dcf41f 60%,#42b8b2 100%)}.loading-message-container{padding:${spacingVerticalM} ${spacingHorizontalL};overflow-x:hidden}.cancel-button-container{visibility:hidden;display:none}:host([loading]) .cancel-button-container{visibility:visible;display:flex;justify-content:center;margin-top:${spacingVerticalS};pointer-events:auto}:host([loading]) .cancel-button-container fluent-button::part(content){display:flex;justify-content:center;align-items:center}:host([loading]) .cancel-button-container svg{margin-inline-end:4px}fabric-popover::part(popover){--popoverHorizontalNudge:17px;--popoverVerticalNudge:-5px;min-height:unset;padding:4px 8px}::slotted([slot="toolbar-buttons"]){box-sizing:border-box;min-width:${sizeHorizontalXXL};min-height:${sizeVerticalXXL};padding:${spacingHorizontalXS}}::slotted([slot="feedback"]){box-sizing:border-box;min-width:${sizeHorizontalXXXL};min-height:${sizeVerticalXXXL};padding:${spacingHorizontalNone}}::slotted([slot="actions"]){box-sizing:border-box;min-width:${sizeHorizontalXXXL};min-height:${sizeVerticalXXXL};margin-inline-end:${spacingHorizontalS}}.content{margin-bottom:${spacingVerticalM}}.content ::slotted(p){margin-top:0}.actions{display:flex;justify-content:flex-start;flex-grow:1;margin-bottom:${spacingVerticalXS}}.feedback{display:flex;justify-content:space-between;flex-grow:1;margin-bottom:${spacingVerticalXS}}.feedback-question-container{display:flex;align-items:center}.feedback-actions{display:flex;flex-direction:row;flex-wrap:wrap}`;
+
+export { styles };

package/esm/components/output-card/output-card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-card.styles.js","sourceRoot":"","sources":["../../../../src/components/output-card/output-card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;mBAUD,iBAAiB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;qBACf,kBAAkB;;;kBAGrB,OAAO;eACV,gBAAgB,IAAI,kBAAkB;;;;oBAIjC,uBAAuB;qBACtB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgD7B,gBAAgB,IAAI,kBAAkB;;;;;;;;;;;;;kBAanC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;iBAuBjB,iBAAiB;kBAChB,eAAe;eAClB,mBAAmB;;;;;iBAKjB,kBAAkB;kBACjB,gBAAgB;eACnB,qBAAqB;;;;iBAInB,kBAAkB;kBACjB,gBAAgB;yBACT,kBAAkB;;;;qBAItB,gBAAgB;;;;;;;;;;;qBAWhB,iBAAiB;;;;;;;qBAOjB,iBAAiB;;;;;;;;;;;;;CAarC,CAAC"}

package/esm/components/output-card/output-card.template.js

@@ -0,0 +1,12 @@
+import { ref, slotted, when, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(OutputCard:class)} component.
+ * @public
+ */
+function outputCardTemplate() {
+  return html`<template tabindex="0" role="group" @focus="${(x, c) => x.handleBaseComponentFocus(c.event)}" @blur="${(x, c) => x.handleBaseComponentBlur(c.event)}" @focusout="${(x, c) => x.handleFocusOut(c.event)}" @mouseenter="${(x, c) => x.handleMouseenter(c.event)}" @mouseleave="${(x, c) => x.handleMouseleave(c.event)}"><div class="main-container" part="main-container" aria-busy="${x => x.loading}"><fabric-popover part="toolbar" class="toolbar" position="above-end" non-clickable reposition-mode="none" ${ref("popoverRef")}><span slot="popover-content" id="output-card-popover-toolbar-button-group" part="toolbarContent"><slot name="toolbar-buttons" ${slotted("toolbarButtonRefs")}></slot></span><div slot="popover-trigger" class="base" part="base"><div class="content" part="content" id="output-card-main-content"><slot></slot></div></div></fabric-popover>${when(x => x.loading, html`<div class="loading-container"><div class="loading-window-container" aria-live="polite" aria-busy="true"><div class="loading-message-container"><slot name="loading-content"></slot></div><fluent-progress-bar thickness="thick"></fluent-progress-bar></div></div>`)}<div class="feedback-actions" id="output-card-actions"><div class="actions" part="actions"><slot name="actions" ${slotted("actionsRef")}></slot></div><div class="feedback" part="feedback" id="output-card-feedback"><div class="feedback-question-container"><slot name="feedback-question"></slot></div><div><slot name="feedback" ${slotted("feedbackRef")}></slot></div></div></div><div class="references" part="references" id="output-card-references"><slot name="references" ${slotted("referencesRef")}></slot></div></div>${when(x => x.loading, html`<div class="cancel-button-container" part="cancel-button-container"><slot name="cancel-button"></slot></div>`)}</template>`;
+}
+const template = outputCardTemplate();
+
+export { outputCardTemplate, template };

package/esm/components/output-card/output-card.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-card.template.js","sourceRoot":"","sources":["../../../../src/components/output-card/output-card.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAInE;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IAGhC,OAAO,IAAI,CAAG;;;;gBAIA,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC5D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAmB,CAAC;mBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;qBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAmB,CAAC;qBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAmB,CAAC;;;;;qBAKnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;;;;;;;;YAQzB,GAAG,CAAC,YAAY,CAAC;;;;;;;2CAOc,OAAO,CAAC,mBAAmB,CAAC;;;;;;;;;UAS7D,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAChB,IAAI,CAAA;;;;;;;;;;;;;WAaH,CACF;;;;mCAI0B,OAAO,CAAC,YAAY,CAAC;;;;;;;sCAOlB,OAAO,CAAC,aAAa,CAAC;;;;;oCAKxB,OAAO,CAAC,eAAe,CAAC;;;;QAIpD,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAChB,IAAI,CAAA;;;;SAIH,CACF;;GAEJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAoC,kBAAkB,EAAE,CAAC"}

package/esm/components/prompt/define.js

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

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

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

package/esm/components/prompt/index.js

@@ -0,0 +1,6 @@
+export { Prompt } from "./prompt.js";
+export { PromptEventNames } from "./prompt.options.js";
+export { definition as PromptDefinition } from "./prompt.definition.js";
+export { template as PromptTemplate } from "./prompt.template.js";
+export { styles as PromptStyles } from "./prompt.styles.js";
+//# sourceMappingURL=index.js.map

package/esm/components/prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/prompt/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/esm/components/prompt/prompt.definition.js

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

package/esm/components/prompt/prompt.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.definition.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;QACjC,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}

package/esm/components/prompt/prompt.js

@@ -0,0 +1,135 @@
+import { __decorate } from 'tslib';
+import { attr, FASTElement } from '@microsoft/fast-element';
+import { PromptEventNames } from './prompt.options.js';
+import { keyTab, keySpace, keyEnter } from '@microsoft/fast-web-utilities';
+
+/**
+ * Prompt
+ * @summary Focusable Copilot suggestion chip that emits `fabric-prompt-select` when activated via click, keyboard, or the `select()` method.
+ *
+ * @example Basic usage
+ * ```html
+ * <fabric-prompt prompt="Explain quantum computing">
+ *   Explain quantum computing
+ * </fabric-prompt>
+ * ```
+ *
+ * @remarks
+ * Consumers must set the `prompt` attribute/property to ensure event detail contains the canonical text. Slot content is never read back into the prompt value.
+ *
+ * @attr {string} prompt - Canonical prompt text propagated in `fabric-prompt-select` detail. Default: "".
+ * @attr {boolean} disabled - Prevents interaction via click, keyboard, and `select()`. Default: false.
+ *
+ * @prop {HTMLButtonElement} promptbutton - Reference to the internal focusable control once connected.
+ *
+ * @fires fabric-prompt-select - Bubbles and is composed; includes `{ prompt, id }` detail.
+ *
+ * @slot - Default slot for visual prompt content (e.g., descriptive text or inline formatting).
+ *
+ * @tagname fabric-prompt
+ * @extends FASTElement
+ * @public
+ */
+class Prompt extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Canonical prompt text surfaced to consumers via event detail.
+     *
+     * @public
+     * @attr
+     * @type {string}
+     * @default ""
+     */
+    this.prompt = "";
+    /**
+     * Disables interaction and prevents `select()` from emitting events.
+     *
+     * @public
+     * @attr
+     * @type {boolean}
+     * @default false
+     */
+    this.disabled = false;
+  }
+  /**
+   * Lifecycle hook that wires click and keyboard handlers after connection.
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("click", this.handleClick);
+    this.addEventListener("keydown", this.handleKeyDown);
+  }
+  /**
+   * Lifecycle hook that removes event listeners to avoid leaks.
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("click", this.handleClick);
+    this.removeEventListener("keydown", this.handleKeyDown);
+  }
+  /**
+   * Programmatically selects the prompt, emitting `fabric-prompt-select` when enabled.
+   *
+   * @public
+   * @returns {boolean} True when the prompt emitted; false if disabled.
+   */
+  select() {
+    if (this.disabled) return false; // guard programmatic calls
+    this.emitPromptSelectEvent();
+    return true;
+  }
+  /**
+   * Dispatches the bubbled, composed prompt select event with canonical detail.
+   * @internal
+   */
+  emitPromptSelectEvent() {
+    this.dispatchEvent(new CustomEvent(PromptEventNames.select, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        prompt: this.prompt,
+        id: this.id
+      }
+    }));
+  }
+  /**
+   * Handles pointer activation by delegating to `select()` when enabled.
+   * @internal
+   */
+  handleClick() {
+    if (this.disabled) {
+      return;
+    } else {
+      this.select();
+    }
+  }
+  /**
+   * Keyboard interaction model: Enter/Space activate; Tab yields to outer roving focus.
+   * @internal
+   * @param e - The keyboard event originating from the host or internal button.
+   * @returns {void | boolean} Returns true for Tab to allow external handlers to continue roving focus.
+   */
+  handleKeyDown(e) {
+    if (this.disabled) {
+      return;
+    }
+    switch (e.key) {
+      case keyEnter:
+      case keySpace:
+        e.preventDefault();
+        this.select();
+        break;
+      case keyTab:
+        return true;
+    }
+  }
+}
+__decorate([attr], Prompt.prototype, "prompt", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], Prompt.prototype, "disabled", void 0);
+
+export { Prompt };

package/esm/components/prompt/prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,MAAO,SAAQ,WAAW;IAAvC;;QAqBE;;;;;;;WAOG;QAEI,WAAM,GAAW,EAAE,CAAC;QAE3B;;;;;;;WAOG;QAEI,aAAQ,GAAY,KAAK,CAAC;IAuEnC,CAAC;IA/GC;;;OAGG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACvD,CAAC;IAED;;;OAGG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC1D,CAAC;IAgCD;;;;;OAKG;IACI,MAAM;QACX,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC,CAAC,2BAA2B;QAE5D,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACK,qBAAqB;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE;YACvC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE;SAC7C,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,WAAW;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACK,aAAa,CAAC,CAAgB;QACpC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,QAAQ,CAAC;YACd,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,MAAM;YACR,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC;YACd;gBACE,MAAM;QACV,CAAC;IACH,CAAC;CACF;AAlFQ;IADN,IAAI;sCACsB;AAWpB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wCACO"}

package/esm/components/prompt/prompt.options.js

@@ -0,0 +1,9 @@
+/**
+ * @public
+ * Prompt event names
+ */
+const PromptEventNames = {
+  select: "fabric-prompt-select"
+};
+
+export { PromptEventNames };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.options.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.options.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,sBAAsB;CACtB,CAAC"}

package/esm/components/prompt/prompt.styles.js

@@ -0,0 +1,8 @@
+import { fontFamilyBase, colorStrokeFocus1, spacingVerticalS, spacingHorizontalL, colorTransparentStroke, colorNeutralForeground1, typographyBody1Styles, borderRadiusLarge, colorNeutralBackground3, colorBrandStroke2, colorNeutralBackground3Hover, colorBrandStroke2Pressed, colorNeutralBackground3Pressed, colorNeutralForegroundDisabled, colorNeutralBackgroundDisabled } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  :host{${fontFamilyBase}
+    width:inherit;display:flex;flex-wrap:wrap}:host([hidden]){display:none}button{width:100%;-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:none;cursor:pointer;border-radius:0;box-shadow:none}:host([disabled]) button{cursor:default}:host(:focus-visible) button{outline:2px solid ${colorStrokeFocus1};outline-offset:2px}.prompt{padding:${spacingVerticalS} ${spacingHorizontalL};border:2px solid ${colorTransparentStroke};color:${colorNeutralForeground1};${typographyBody1Styles};display:flex;justify-content:flex-start;border-radius:${borderRadiusLarge};background:${colorNeutralBackground3};text-align:start}:host(:hover) .prompt{border-color:${colorBrandStroke2};background:${colorNeutralBackground3Hover};cursor:pointer}:host(:active) .prompt{border-color:${colorBrandStroke2Pressed};background:${colorNeutralBackground3Pressed}}:host([disabled]) .prompt{color:${colorNeutralForegroundDisabled};background:${colorNeutralBackgroundDisabled};border-radius:${borderRadiusLarge};border-color:${colorTransparentStroke};cursor:not-allowed}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.styles.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;MAEnB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAkCK,iBAAiB;;;;;eAK3B,gBAAgB,IAAI,kBAAkB;wBAC7B,sBAAsB;aACjC,uBAAuB;MAC9B,qBAAqB;;;qBAGN,iBAAiB;kBACpB,uBAAuB;;;;;oBAKrB,iBAAiB;kBACnB,4BAA4B;;;;;oBAK1B,wBAAwB;kBAC1B,8BAA8B;;;;aAInC,8BAA8B;kBACzB,8BAA8B;qBAC3B,iBAAiB;oBAClB,sBAAsB;;;CAGzC,CAAC"}

package/esm/components/prompt/prompt.template.js

@@ -0,0 +1,12 @@
+import { ref, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the `Prompt` component.
+ * @public
+ */
+function promptTemplate() {
+  return html`<button prompt="${x => x.prompt}" ?disabled="${x => x.disabled}" ${ref("promptbutton")}><div class="prompt"><slot></slot></div></button>`;
+}
+const template = promptTemplate();
+
+export { promptTemplate, template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.template.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAG;;gBAEA,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;mBACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;QAC5B,GAAG,CAAC,cAAc,CAAC;;;;;;GAMxB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}

package/esm/components/prompt-bubble/define.js

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