@fabric-msft/copilot-web 7.0.0

package/esm/components/prompt-gallery/prompt-gallery.js

@@ -0,0 +1,230 @@
+import { __decorate } from 'tslib';
+import { attr, observable, FASTElement, Updates } from '@microsoft/fast-element';
+import { keyTab } from '@microsoft/fast-web-utilities';
+import '../prompt-card/prompt-card.js';
+import { isTabbable } from 'tabbable';
+
+/**
+ * PromptGallery
+ * @summary A modal dialog component that provides a gallery interface for displaying and managing suggested prompts. Features focus trapping, keyboard navigation, and filtering capabilities for prompt selection and management.
+ *
+ * @example
+ * ```html
+ * <fabric-prompt-gallery saved-prompts-only>
+ *   <span slot="title">Prompt Gallery</span>
+ *   <fabric-dismiss-button slot="dismiss-button"></fabric-dismiss-button>
+ *   <fabric-contextual-command-group slot="actions">
+ *     <!-- action items here -->
+ *   </fabric-contextual-command-group>
+ *   <fabric-prompt-card slot="prompt-cards"></fabric-prompt-card>
+ *   <div slot="footer">Footer content here</div>
+ * </fabric-prompt-gallery>
+ * ```
+ *
+ * @attr {boolean} saved-prompts-only - When true, shows only bookmarked prompts
+ * @attr {string} aria-describedby - ID of element describing the dialog
+ * @attr {string} aria-labelledby - ID of element labeling the dialog
+ *
+ * @prop {boolean} savedPromptsOnly - Whether the prompt gallery is in saved prompts mode
+ * @prop {string} ariaDescribedby - The ID of the element that describes the dialog
+ * @prop {string} ariaLabelledby - The ID of the element that labels the dialog
+ * @prop {HTMLDialogElement} dialog - The HTML dialog element
+ * @prop {HTMLElement[]} dismissButton - Collection of dismiss button elements
+ * @prop {HTMLElement[]} actions - Collection of action elements
+ * @prop {HTMLElement[]} promptCards - Collection of prompt card elements
+ * @prop {HTMLElement[]} footer - Collection of footer elements
+ *
+ * @slot title - The title of the prompt gallery
+ * @slot dismiss-button - Content for the dismiss/close button
+ * @slot actions - Additional actionable elements in the header
+ * @slot prompt-cards - The main content area containing prompt cards
+ * @slot footer - Content displayed at the bottom of the gallery
+ *
+ * @csspart dialog - The dialog container
+ * @csspart dialog-body - The dialog body container
+ * @csspart prompt-gallery-body - The main body container
+ * @csspart actions - The actions slot container
+ * @csspart footer - The footer container
+ *
+ * @cssprop --dialog-backdrop - Custom property for dialog backdrop styling
+ * @cssprop --dialog-starting-scale - Custom property for dialog animation scale
+ *
+ * @method getFocusableElements - Retrieves all focusable elements within the prompt gallery
+ * @method handleFocusTrapping - Manages focus trapping within the prompt gallery, cycling through focusable elements
+ * @method handleKeyDown - Handles key down events within the prompt gallery
+ * @method toggleSavedPrompts - Toggles the saved prompts mode
+ * @method filterPromptCards - Filters the prompt cards by category
+ * @method emitBeforeToggle - Emits an event before the dialog's open state changes
+ * @method emitToggle - Emits an event after the dialog's open state changes
+ * @method show - Shows the prompt gallery dialog
+ * @method hide - Hides the prompt gallery dialog
+ * @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 beforetoggle - Fires before visibility changes
+ *
+ * @extends FASTElement
+ * @tagname fabric-prompt-gallery
+ * @public
+ */
+class PromptGallery extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * @public
+     * Whether the prompt gallery is in saved prompts mode
+     */
+    this.savedPromptsOnly = false;
+    /**
+     * @public
+     * Method to toggle the saved prompts mode
+     */
+    this.toggleSavedPrompts = savedOnly => {
+      const slottedPromptCards = this.promptCards;
+      const notBookmarked = slottedPromptCards.filter(promptCard => !promptCard.bookmarked);
+      if (savedOnly) {
+        notBookmarked === null || notBookmarked === void 0 ? void 0 : notBookmarked.forEach(promptCard => {
+          promptCard.setAttribute("hidden", "true");
+        });
+        this.savedPromptsOnly = true;
+      } else {
+        notBookmarked === null || notBookmarked === void 0 ? void 0 : notBookmarked.forEach(promptCard => {
+          promptCard.removeAttribute("hidden");
+        });
+        this.savedPromptsOnly = false;
+      }
+    };
+    /**
+     * @public
+     * Method to toggle the prompt category
+     */
+    this.filterPromptCards = category => {
+      const slottedPromptCards = this.promptCards;
+      slottedPromptCards.forEach(promptCard => {
+        promptCard.removeAttribute("hidden");
+      });
+      if (!category) {
+        return;
+      }
+      const filteredPromptCards = slottedPromptCards.filter(promptCard => promptCard.category !== category);
+      filteredPromptCards.forEach(promptCard => {
+        promptCard.setAttribute("hidden", "true");
+      });
+    };
+    /**
+     * @public
+     * Method to emit an event before the dialog's open state changes
+     * HTML spec proposal: https://github.com/whatwg/html/issues/9733
+     */
+    this.emitBeforeToggle = () => {
+      var _a, _b;
+      this.$emit("beforetoggle", {
+        oldState: ((_a = this.dialog) === null || _a === void 0 ? void 0 : _a.open) ? "open" : "closed",
+        newState: ((_b = this.dialog) === null || _b === void 0 ? void 0 : _b.open) ? "closed" : "open"
+      });
+    };
+    /**
+     * @public
+     * Method to emit an event after the dialog's open state changes
+     * HTML spec proposal: https://github.com/whatwg/html/issues/9733
+     */
+    this.emitToggle = () => {
+      var _a, _b;
+      this.$emit("toggle", {
+        oldState: ((_a = this.dialog) === null || _a === void 0 ? void 0 : _a.open) ? "closed" : "open",
+        newState: ((_b = this.dialog) === null || _b === void 0 ? void 0 : _b.open) ? "open" : "closed"
+      });
+    };
+    /**
+     * @private
+     * Event handler for when a prompt is selected
+     */
+    this._promptSelectHandler = _e => this.hide();
+  }
+  /**
+   * Retrieves all focusable elements within the prompt gallery.
+   * @returns An array of focusable elements.
+   */
+  getFocusableElements() {
+    const elements = [...(this.dismissButton || []), ...(this.actions || []), ...(this.promptCards || []), ...(this.footer || [])];
+    return elements;
+  }
+  /**
+   * Manages focus trapping within the prompt gallery, cycling through focusable elements.
+   * @param isShiftTab - Whether the Shift+Tab key combination was pressed.
+   */
+  handleFocusTrapping(isShiftTab) {
+    var _a;
+    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;
+    }
+    if (!isTabbable(focusableElements[nextIndex]) && focusableElements[nextIndex].tagName === "FABRIC-PROMPT-CARD") {
+      const promptCardContainer = (_a = focusableElements[nextIndex].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".prompt-card-container");
+      promptCardContainer === null || promptCardContainer === void 0 ? void 0 : promptCardContainer.focus();
+    } else {
+      focusableElements[nextIndex].focus();
+    }
+  }
+  handleKeyDown(e) {
+    if (e.defaultPrevented) return;
+    switch (e.key) {
+      case keyTab:
+        e.preventDefault();
+        this.handleFocusTrapping(e.shiftKey);
+        break;
+      default:
+        return true;
+    }
+  }
+  /**
+   * @public
+   * Method to show the prompt gallery dialog
+   */
+  show() {
+    Updates.enqueue(() => {
+      var _a;
+      this.emitBeforeToggle();
+      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.showModal();
+      this.emitToggle();
+    });
+  }
+  /**
+   * @public
+   * Method to hide the prompt gallery dialog
+   */
+  hide() {
+    var _a;
+    this.emitBeforeToggle();
+    (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.close();
+    this.emitToggle();
+  }
+  /**
+   * Called when the prompt gallery is connected to the DOM, setting up event listeners.
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("prompt-select", this._promptSelectHandler);
+  }
+  /**
+   * Called when the prompt gallery is disconnected from the DOM, cleaning up event listeners.
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("prompt-select", this._promptSelectHandler);
+  }
+}
+__decorate([attr], PromptGallery.prototype, "savedPromptsOnly", void 0);
+__decorate([observable], PromptGallery.prototype, "dialog", void 0);
+__decorate([observable], PromptGallery.prototype, "dismissButton", void 0);
+__decorate([observable], PromptGallery.prototype, "actions", void 0);
+__decorate([observable], PromptGallery.prototype, "promptCards", void 0);
+__decorate([observable], PromptGallery.prototype, "footer", void 0);
+
+export { PromptGallery };

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

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

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

@@ -0,0 +1,10 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { colorBackgroundOverlay, shadow64, borderRadiusXLarge, colorNeutralBackground1, spacingVerticalXXL, spacingHorizontalXXL, spacingVerticalS, colorNeutralForeground1, typographySubtitle1Styles, spacingVerticalM, spacingHorizontalM, spacingHorizontalS, durationGentle, curveDecelerateMid, curveLinear, curveAccelerateMid } from '@fluentui/web-components';
+
+const styles = css`
+  ${display("flex")}
+
+  :host{--dialog-backdrop:${colorBackgroundOverlay};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}.prompt-gallery-dialog{border:none;box-sizing:border-box;padding:0;background-color:transparent;box-shadow:${shadow64};border-radius:${borderRadiusXLarge}}.prompt-gallery-dialog-body{width:604px;border:none;background-color:${colorNeutralBackground1};border-radius:${borderRadiusXLarge};display:flex;flex-direction:column;padding:${spacingVerticalXXL} ${spacingHorizontalXXL};gap:${spacingVerticalS};box-sizing:border-box}.prompt-gallery-header{display:flex;justify-content:space-between;align-items:center;color:${colorNeutralForeground1}}.prompt-gallery-header-title{${typographySubtitle1Styles}}.prompt-gallery-body{display:flex;flex-direction:column;gap:${spacingVerticalM};padding:${spacingVerticalM} 0;height:556px;}.prompt-gallery-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:${spacingHorizontalM}}.prompt-gallery-footer{display:flex;justify-content:flex-end}.prompt-gallery-actions{display:flex;gap:${spacingHorizontalS}}@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${durationGentle};transition-timing-function:${curveDecelerateMid};opacity:0}::backdrop{transition-timing-function:${curveLinear}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${curveAccelerateMid}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-gallery.styles.js","sourceRoot":"","sources":["../../../../src/components/prompt-gallery/prompt-gallery.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACL,kBAAkB,EAClB,yBAAyB,EACzB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;yBAGM,sBAAsB;;;;;;;;;;;;;kBAa7B,QAAQ;qBACL,kBAAkB;;;;;;wBAMf,uBAAuB;qBAC1B,kBAAkB;;;eAGxB,kBAAkB,IAAI,oBAAoB;WAC9C,gBAAgB;;;;;;;;aAQd,uBAAuB;;;;MAI9B,yBAAyB;;;;;WAKpB,gBAAgB;eACZ,gBAAgB;;;;;;WAMpB,kBAAkB;;;;;;;;WAQlB,kBAAkB;;;;;;;;;;6BAUA,cAAc;oCACP,kBAAkB;;;;;oCAKlB,WAAW;;;;;;;;;;;;;;oCAcX,kBAAkB;;;;;;;;;;;;;CAarD,CAAC"}

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

@@ -0,0 +1,24 @@
+import { ref, slotted, elements, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(PromptGallery:class)} component.
+ * @public
+ */
+function promptGalleryTemplate() {
+  return html`<template saved-prompts-only=${x => x.savedPromptsOnly}><dialog @dismiss=${x => x.hide()} class="prompt-gallery-dialog" part="dialog" ${ref("dialog")} role="dialog" type="modal" aria-modal="true" aria-describedby="${x => x.ariaDescribedby}" aria-labelledby="${x => x.ariaLabelledby}"><div class="prompt-gallery-dialog-body" @keydown=${(x, c) => x.handleKeyDown(c.event)} part="dialog-body"><div class="prompt-gallery-header"><slot name="title" class="prompt-gallery-header-title"></slot><slot name="dismiss-button" ${slotted({
+    property: "dismissButton",
+    filter: elements()
+  })}></slot></div><div class="prompt-gallery-body" part="prompt-gallery-body"><div class="prompt-gallery-actions"><slot name="actions" class="prompt-gallery-actions" part="actions" ${slotted({
+    property: "actions",
+    filter: elements()
+  })}></slot></div><slot name="prompt-cards" class="prompt-gallery-cards" ${slotted({
+    property: "promptCards",
+    filter: elements()
+  })}</slot></div><slot name="footer" class="prompt-gallery-footer" part="footer" ${slotted({
+    property: "footer",
+    filter: elements()
+  })}></slot></div></dialog></template>`;
+}
+const template = promptGalleryTemplate();
+
+export { promptGalleryTemplate, template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-gallery.template.js","sourceRoot":"","sources":["../../../../src/components/prompt-gallery/prompt-gallery.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIvE;;;GAGG;AACH,MAAM,UAAU,qBAAqB;IAGnC,OAAO,IAAI,CAAG;mCACmB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB;;mBAEzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;;;UAGxB,GAAG,CAAC,QAAQ,CAAC;;;;4BAIK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe;2BACzB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc;;;;qBAI7B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;;;;gBAOxD,OAAO,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;;;;;;;kBASxD,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;;;;kBAMpD,OAAO,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;;;;;cAO5D,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;;;GAK9D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,qBAAqB,EAAE,CAAC"}

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

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

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

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

package/esm/components/prompt-placeholder/index.js

@@ -0,0 +1,6 @@
+export { PromptPlaceholder } from "./prompt-placeholder.js";
+export { definition as PromptPlaceholderDefinition } from "./prompt-placeholder.definition.js";
+export { styles as PromptPlaceholderStyles } from "./prompt-placeholder.styles.js";
+export { template as PromptPlaceholderTemplate } from "./prompt-placeholder.template.js";
+export { PromptPlaceholderEventNames } from "./prompt-placeholder.options.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/prompt-placeholder/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,2BAA2B,EAAE,MAAM,iCAAiC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-placeholder.definition.js","sourceRoot":"","sources":["../../../../src/components/prompt-placeholder/prompt-placeholder.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC;IAClD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,qBAAqB;IACjD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/prompt-placeholder/prompt-placeholder.js

@@ -0,0 +1,84 @@
+import { __classPrivateFieldGet } from 'tslib';
+import { Text } from '@fabric-msft/fabric-web';
+import { PromptPlaceholderEventNames } from './prompt-placeholder.options.js';
+
+var _PromptPlaceholder_instances, _PromptPlaceholder_handlePointerDown, _PromptPlaceholder_handlePointerUp, _PromptPlaceholder_handleClick, _PromptPlaceholder_emitPlaceholderSelect;
+/**
+ * PromptPlaceholder
+ * @summary A styled placeholder marker component for use within prompt starters. Extends the Text component to provide visual distinction for replaceable text segments and enables automatic detection by parent prompt-starter components.
+ *
+ * @example
+ * ```html
+ * <fabric-prompt-starter prompt="Tell me about [topic] in detail">
+ *   <fabric-text size="300" weight="semibold">
+ *     Tell me about
+ *     <fabric-prompt-placeholder>[topic]</fabric-prompt-placeholder>
+ *     in detail
+ *   </fabric-text>
+ * </fabric-prompt-starter>
+ * ```
+ *
+ * @fires placeholder-select - Fired when the placeholder is clicked/selected
+ *
+ * @slot - Default slot for the placeholder display content
+ *
+ * @extends Text
+ * @tagname fabric-prompt-placeholder
+ * @public
+ */
+class PromptPlaceholder extends Text {
+  constructor() {
+    super(...arguments);
+    _PromptPlaceholder_instances.add(this);
+    _PromptPlaceholder_handlePointerDown.set(this, () => {
+      this.toggleAttribute("pressed", true);
+    });
+    _PromptPlaceholder_handlePointerUp.set(this, () => {
+      this.removeAttribute("pressed");
+    });
+    _PromptPlaceholder_handleClick.set(this, () => {
+      __classPrivateFieldGet(this, _PromptPlaceholder_instances, "m", _PromptPlaceholder_emitPlaceholderSelect).call(this);
+    });
+  }
+  /**
+   * Gets the placeholder value from the element's text content.
+   * @public
+   */
+  getPlaceholderValue() {
+    var _a;
+    return ((_a = this.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || "";
+  }
+  /**
+   * @internal
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("pointerdown", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerDown, "f"));
+    this.addEventListener("pointerup", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerUp, "f"));
+    this.addEventListener("pointerleave", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerUp, "f"));
+    this.addEventListener("pointercancel", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerUp, "f"));
+    this.addEventListener("click", __classPrivateFieldGet(this, _PromptPlaceholder_handleClick, "f"));
+  }
+  /**
+   * @internal
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("pointerdown", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerDown, "f"));
+    this.removeEventListener("pointerup", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerUp, "f"));
+    this.removeEventListener("pointerleave", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerUp, "f"));
+    this.removeEventListener("pointercancel", __classPrivateFieldGet(this, _PromptPlaceholder_handlePointerUp, "f"));
+    this.removeEventListener("click", __classPrivateFieldGet(this, _PromptPlaceholder_handleClick, "f"));
+  }
+}
+_PromptPlaceholder_handlePointerDown = new WeakMap(), _PromptPlaceholder_handlePointerUp = new WeakMap(), _PromptPlaceholder_handleClick = new WeakMap(), _PromptPlaceholder_instances = new WeakSet(), _PromptPlaceholder_emitPlaceholderSelect = function _PromptPlaceholder_emitPlaceholderSelect() {
+  this.dispatchEvent(new CustomEvent(PromptPlaceholderEventNames["placeholder-select"], {
+    bubbles: true,
+    composed: true,
+    detail: {
+      target: this
+    }
+  }));
+};
+
+export { PromptPlaceholder };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-placeholder.js","sourceRoot":"","sources":["../../../../src/components/prompt-placeholder/prompt-placeholder.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAI;IAA3C;;;QAiCE,+CAAqB,GAAS,EAAE;YAC9B,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC,EAAC;QAEF,6CAAmB,GAAS,EAAE;YAC5B,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,EAAC;QAEF,yCAAe,GAAS,EAAE;YACxB,uBAAA,IAAI,8EAAuB,MAA3B,IAAI,CAAyB,CAAC;QAChC,CAAC,EAAC;IAWJ,CAAC;IArDC;;;OAGG;IACI,mBAAmB;;QACxB,OAAO,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,KAAI,EAAE,CAAC;IACxC,CAAC;IAED;;OAEG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,uBAAA,IAAI,4CAAmB,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,uBAAA,IAAI,0CAAiB,CAAC,CAAC;QAC1D,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,uBAAA,IAAI,0CAAiB,CAAC,CAAC;QAC7D,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,uBAAA,IAAI,0CAAiB,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAA,IAAI,sCAAa,CAAC,CAAC;IACpD,CAAC;IAED;;OAEG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,uBAAA,IAAI,4CAAmB,CAAC,CAAC;QACjE,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,uBAAA,IAAI,0CAAiB,CAAC,CAAC;QAC7D,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,uBAAA,IAAI,0CAAiB,CAAC,CAAC;QAChE,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,uBAAA,IAAI,0CAAiB,CAAC,CAAC;QACjE,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,uBAAA,IAAI,sCAAa,CAAC,CAAC;IACvD,CAAC;CAuBF;;IARG,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,EAAE;QACjE,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;KACzB,CAAC,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Configuration options for PromptPlaceholder component.
+ * @public
+ */
+/**
+ * Event names for the PromptPlaceholder component.
+ * @public
+ */
+const PromptPlaceholderEventNames = {
+  "placeholder-select": "placeholder-select"
+};
+
+export { PromptPlaceholderEventNames };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-placeholder.options.js","sourceRoot":"","sources":["../../../../src/components/prompt-placeholder/prompt-placeholder.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,oBAAoB,EAAE,oBAAoB;CAClC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { TextStyles, colorNeutralForeground3, spacingVerticalXS, fontWeightSemibold, colorBrandForeground2Hover, colorBrandForeground2Pressed } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+/**
+ * Styles for the PromptPlaceholder component.
+ * Extends TextStyles with placeholder-specific color.
+ * @public
+ */
+const styles = css`
+  ${TextStyles}
+
+  :host{color:${colorNeutralForeground3};text-decoration:underline dashed;text-underline-offset:${spacingVerticalXS};cursor:pointer;font-weight:${fontWeightSemibold}}:host(:hover){color:${colorBrandForeground2Hover}}:host([pressed]){color:${colorBrandForeground2Pressed}}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-placeholder.styles.js","sourceRoot":"","sources":["../../../../src/components/prompt-placeholder/prompt-placeholder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACX,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,UAAU;;;aAGD,uBAAuB;;6BAEP,iBAAiB;;mBAE3B,kBAAkB;;;;aAIxB,0BAA0B;;;;aAI1B,4BAA4B;;CAExC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { html } from '@microsoft/fast-element';
+
+/**
+ * The template for the PromptPlaceholder component.
+ * @public
+ */
+const template = html`<slot></slot>`;
+
+export { template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-placeholder.template.js","sourceRoot":"","sources":["../../../../src/components/prompt-placeholder/prompt-placeholder.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA2C,IAAI,CAAmB;;CAEtF,CAAC"}

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

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

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

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

package/esm/components/prompt-starter/index.js

@@ -0,0 +1,6 @@
+export { PromptStarter } from "./prompt-starter.js";
+export { definition as PromptStarterDefinition } from "./prompt-starter.definition.js";
+export { template as PromptStarterTemplate } from "./prompt-starter.template.js";
+export { styles as PromptStarterStyles } from "./prompt-starter.styles.js";
+export { PromptStarterEvents as PromptCardEvents, PromptStarterEvents, PromptStarterFeedbackStates } from "./prompt-starter.options.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/prompt-starter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EACL,mBAAmB,IAAI,gBAAgB,EACvC,mBAAmB,EACnB,2BAA2B,EAM5B,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +1,28 @@
+import { composeDefinitions, fromFAST, TooltipDefinition } from '@fabric-msft/fabric-web';
+import { definition as definition$1 } from '../feedback-group/feedback-group.definition.js';
+import { PromptStarter } from './prompt-starter.js';
+import { styles } from './prompt-starter.styles.js';
+import { template } from './prompt-starter.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/** @internal */
+const PromptStarterDefinition = PromptStarter.compose({
+  name: `${DesignSystem.prefix}-prompt-starter`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+/**
+ * Composed element definition for `<fabric-prompt-starter>`, registering the
+ * `fabric-tooltip` and `fabric-feedback-group` (and its dependencies) before
+ * the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-prompt-starter>`
+ */
+const definition = composeDefinitions(fromFAST(PromptStarterDefinition), fromFAST(TooltipDefinition), definition$1);
+
+export { definition };

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

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-starter.definition.js","sourceRoot":"","sources":["../../../../src/components/prompt-starter/prompt-starter.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACvG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,gBAAgB;AAChB,MAAM,uBAAuB,GAAG,aAAa,CAAC,OAAO,CAAC;IACpD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,uBAAuB,CAAC,EACjC,QAAQ,CAAC,iBAAiB,CAAC,EAC3B,uBAAuB,CACxB,CAAC"}