@fabric-msft/copilot-web 7.0.0

package/dts/components/inline-input-widget/inline-input-widget.d.ts

@@ -0,0 +1,520 @@
+import { FASTElement } from "@microsoft/fast-element";
+import { ContextualMenu } from "../contextual-menu/contextual-menu.js";
+/**
+ * InlineInputWidget
+ * @summary A rich text input component that supports single and multiline input with advanced features. Provides autocomplete suggestions, character counting, accessibility support, and contextual menu integration.
+ *
+ * @example
+ * ```html
+ * <fabric-inline-input-widget
+ *   value=""
+ *   inline
+ *   open
+ *   singleline
+ *   maxlength="140"
+ *   minlength="1"
+ *   placeholder="Enter text here"
+ *   error
+ *   show-character-count
+ *   aria-label="Input field"
+ *   aria-controls="menu-id">
+ *   <div slot="start">Start content</div>
+ *   <div slot="end">End content</div>
+ *   <div slot="icon">Icon content</div>
+ *   <fabric-contextual-menu slot="menu"></fabric-contextual-menu>
+ *   <fabric-button slot="send-button">Send</fabric-button>
+ *   <fabric-button slot="action">Action</fabric-button>
+ *   <fabric-dismiss-button slot="dismiss-button"></fabric-dismiss-button>
+ *   <div slot="divider">Divider content</div>
+ *   <div slot="error-icon">Error icon</div>
+ *   <div slot="error-message">Error message</div>
+ * </fabric-inline-input-widget>
+ * ```
+ *
+ * @attr {string} value - The current input value
+ * @attr {boolean} inline - Whether the input is in inline mode
+ * @attr {boolean} open - Whether the input is open/expanded
+ * @attr {boolean} singleline - Whether to restrict to single line input
+ * @attr {number} maxlength - Maximum allowed characters
+ * @attr {number} minlength - Minimum required characters (default: 1)
+ * @attr {string} placeholder - Placeholder text
+ * @attr {boolean} error - Whether the input is in an error state
+ * @attr {boolean} show-character-count - Whether the character count is shown on the text field
+ * @attr {string} aria-label - The aria-label for the textarea
+ * @attr {string} aria-controls - The aria-controls attribute for the text field
+ *
+ * @prop {string} value - The current input value
+ * @prop {boolean} inline - Whether the input is in inline mode
+ * @prop {boolean} open - Whether the input is open/expanded
+ * @prop {boolean} singleline - Whether to restrict to single line input
+ * @prop {number} maxlength - Maximum allowed characters
+ * @prop {number} minlength - Minimum required characters (default: 1)
+ * @prop {string} placeholder - Placeholder text
+ * @prop {boolean} error - Whether the input is in an error state
+ * @prop {boolean} showCharacterCount - Whether the character count is shown on the text field
+ * @prop {string} ariaLabel - The aria-label for the textarea
+ * @prop {string} ariaControls - The aria-controls attribute for the text field
+ * @prop {number} characterCount - The number of characters currently inputed into the text input
+ * @prop {HTMLElement[]} actionButtons - The action buttons for the text field
+ * @prop {HTMLButtonElement[]} dismissButton - The dismiss button for the text field
+ * @prop {HTMLButtonElement[]} sendButton - The submit button(s) for the text field
+ * @prop {ContextualMenu[]} menu - Reference to the contextual menu element
+ * @prop {HTMLTextAreaElement} textareacontrol - A reference to the internal textarea element
+ * @prop {string} textareaId - The unique ID for the textarea element
+ *
+ * @slot start - Content to display before the input
+ * @slot end - Content to display after the input
+ * @slot icon - Slot for icon content
+ * @slot menu - Slot for contextual menu
+ * @slot action - Slot for action buttons
+ * @slot send-button - Slot for the send button
+ * @slot dismiss-button - Slot for dismiss button
+ * @slot divider - Slot for divider content between send and dismiss buttons
+ * @slot error-icon - Slot for error icon
+ * @slot error-message - Slot for error message
+ *
+ * @csspart start - The start slot container
+ * @csspart inline-input - The inline input container
+ * @csspart icon - The icon container
+ * @csspart textfield - The outer text field container
+ * @csspart textarea-container - The inner textarea container
+ * @csspart textarea - The inner textarea element
+ * @csspart actions - The container for action buttons
+ * @csspart dismiss - The container for the dismiss button
+ * @csspart character-count - The character count container
+ * @csspart errors-container - The container for error messages
+ * @csspart error-message - The error message container
+ * @csspart end - The end slot container
+ *
+ * @cssprop --inline-input-max-width - Controls the maximum width of the input widget (default: 592px)
+ * @cssprop --inline-input-width - Controls the width of the input widget (default: 100%)
+ * @cssprop --inline-input-position - Controls the position of the input widget (default: relative)
+ *
+ * @method show - Shows the widget by setting open to true
+ * @method hide - Hides the widget by setting open to false
+ * @method send - Emits a prompt event with the current input value
+ * @method dismiss - Dismisses the widget and hides the menu
+ * @method handleMenu - Handles opening/showing the contextual menu
+ * @method handleKeydown - Handles keyboard events for the entire component
+ *
+ * @fires change - Fired when the input value changes
+ * @fires prompt - Fired when a prompt is sent
+ * @fires hide - Fired when the component is hidden
+ * @fires show - Fired when the component is shown
+ * @fires dismiss - Fired when the component is dismissed
+ *
+ * @extends FASTElement
+ * @tagname fabric-inline-input-widget
+ * @public
+ */
+export declare class InlineInputWidget extends FASTElement {
+    #private;
+    /**
+     * Lifecycle callback when component is connected to the DOM.
+     * Initializes elements and registers required components.
+     *
+     * @public
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle callback when component is disconnected from the DOM.
+     * Cleans up event listeners and resources.
+     * @public
+     */
+    disconnectedCallback(): void;
+    /**
+     * The value of the text field.
+     * @public
+     * @remarks
+     * HTML Attribute: `value`
+     */
+    value: string;
+    /**
+     * Whether the text field is in inline mode.
+     *
+     * @public
+     */
+    inline?: boolean;
+    /**
+     * Whether the text field is open.
+     *
+     * @public
+     */
+    open?: boolean;
+    /**
+     * Whether the text field is limited to single line input.
+     *
+     * @public
+     */
+    singleline?: boolean;
+    /**
+     * The maximum number of characters a user can enter.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `maxlength`
+     */
+    maxlength?: number;
+    /**
+     * The minimum number of characters a user can enter.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Attributes/minlength | `minlength`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `minlength`
+     */
+    minlength: number;
+    /**
+     * Sets the placeholder value of the element, generally used to provide a hint to the user.
+     * @see The {@link https://developer.mozilla.org/docs/Web/HTML/Attributes/placeholder | `placeholder`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `placeholder`
+     * This attribute is not a valid substitute for a label.
+     */
+    placeholder: string;
+    /**
+     * whether the text field is in an error state
+     *
+     * @public boolean
+     */
+    error?: boolean;
+    /**
+     * Ensure error surfaces even when the host hasn't been opened yet.
+     * When error becomes true, open the widget so the error container is visible
+     * and its computed styles can be measured in tests.
+     * @public
+     */
+    errorChanged(_prev: boolean | undefined, next: boolean | undefined): void;
+    /**
+     * whether the character count is shown on the text field
+     *
+     * @public boolean
+     */
+    showCharacterCount: boolean;
+    /**
+     * The aria-controls attribute for the text field.
+     *
+     * @public
+     */
+    ariaControls: string;
+    /**
+     * The number of characters currently inputed into the text input
+     *
+     * @public
+     */
+    characterCount: number;
+    /**
+     * The action buttons for the text field.
+     *
+     * @public
+     * @type {HTMLElement[]}
+     */
+    actionButtons: HTMLElement[];
+    /**
+     * The dismiss button for the text field.
+     *
+     * @public
+     * @type {HTMLElement[]}
+     */
+    dismissButton: HTMLButtonElement[];
+    /**
+     * The submit button(s) for the text field.
+     *
+     * @public
+     * @type {HTMLElement[]}
+     */
+    sendButton: HTMLButtonElement[];
+    /**
+     * Reference to the contextual menu element
+     * @public
+     */
+    menu?: ContextualMenu[];
+    /**
+     * Reference to the menu list element
+     * @private
+     */
+    private menuList?;
+    /**
+     * A reference to the internal textarea element.
+     *
+     * @internal
+     */
+    textareacontrol: HTMLTextAreaElement;
+    /**
+     * The unique ID for the textarea element
+     * @public
+     */
+    textareaId: string;
+    /**
+     * The aria-label for the textarea
+     * @public
+     */
+    ariaLabel: string;
+    /**
+     * Shows the widget by setting open to true.
+     * @public
+     */
+    show(): void;
+    /**
+     * Hides the widget by setting open to false.
+     * @public
+     */
+    hide(): void;
+    /**
+     * Listens to changes to the open property and emits show hide events respectively
+     * @public
+     */
+    openChanged(prev: boolean, next: boolean): void;
+    /**
+     * Handles runtime changes to the singleline attribute.
+     * Updates textarea wrap attribute and re-filters existing value.
+     * @param prev - Previous singleline state
+     * @param next - New singleline state
+     * @public
+     */
+    singlelineChanged(_prev: boolean, next: boolean): void;
+    send(): void;
+    /**
+     * Handles click events on the textarea.
+     * Shows the menu if there are matching items or no value.
+     * @public
+     */
+    handleMenu: () => void;
+    /**
+     * Dismisses the widget and hides the menu.
+     * @public
+     */
+    dismiss: () => void;
+    /**
+     * Handles keyboard events specifically for the textarea.
+     * Prevents default newline on Enter (Shift+Enter in multiline inserts a new line).
+     * @param e - The keyboard event
+     * @private
+     */
+    private handleTextareaKeydown;
+    /**
+     * Handles keyboard events for the entire component.
+     * Manages tab navigation, escape key, and Enter-to-send behavior.
+     * @param e - The keyboard event
+     * @returns true to allow default behavior, false to prevent it
+     * @public
+     */
+    handleKeydown: (e: KeyboardEvent) => boolean;
+    /** Minimum height of the textarea in pixels
+     * @private
+     */
+    private static readonly MIN_TEXTAREA_HEIGHT;
+    /** Fixed width offset for textarea in pixels
+     * @private
+     */
+    private static readonly TEXTAREA_WIDTH_OFFSET;
+    /** Timeout in milliseconds for accessibility announcements
+     * @private
+     */
+    private static readonly ANNOUNCEMENT_TIMEOUT;
+    /** ResizeObserver instance
+     * @private
+     */
+    private resizeObserver;
+    /** Flag to prevent resize observer feedback loops
+     * @private
+     */
+    private isUpdatingLayout;
+    /**
+     * Unique ID for the menu to be referenced by aria attributes
+     * @private
+     */
+    private menuId;
+    /**
+     * Ordered array of focusable elements in the component
+     * @private
+     */
+    private focusableElements;
+    /**
+     * Tracks if the menu was closed via escape key
+     * @private
+     */
+    private menuEscapeDismissed;
+    /** Tracks if component was manually dismissed
+     * @private
+     */
+    private wasDismissed;
+    /** Flag to prevent infinite recursion during value filtering
+     * @private
+     */
+    private isFilteringValue;
+    /**
+     * Attaches all event listeners to the component and its children.
+     * Called during component initialization.
+     * @private
+     */
+    private attachEventListeners;
+    /**
+     * Removes all event listeners from the component and its children.
+     * Called during component cleanup.
+     * @private
+     */
+    private removeEventHandlers;
+    /**
+     * Updates the internal list of focusable elements.
+     * This list is used for keyboard navigation and focus management.
+     * @private
+     */
+    private updateFocusableElements;
+    /**
+     * Finds the next focusable element in the tab sequence.
+     * @param currentElement - The currently focused element
+     * @returns The next focusable element or null if none found
+     * @private
+     */
+    private getNextFocusableElement;
+    /**
+     * Finds the previous focusable element in the tab sequence.
+     * @param currentElement - The currently focused element
+     * @returns The previous focusable element or null if none found
+     * @private
+     */
+    private getPreviousFocusableElement;
+    /**
+     * Handles changes to the input value.
+     * Updates the textarea, send button state, and emits change event.
+     * Filters newlines in singleline mode to ensure consistent state.
+     * @param prev - Previous value
+     * @param next - New value
+     * @protected
+     */
+    protected valueChanged(prev: string, next: string): void;
+    /**
+     * Updates the send button's enabled/disabled state based on input length.
+     * @private
+     */
+    private updateSubmitButtonState;
+    /**
+     * Updates the textarea's state including character count and height.
+     * @private
+     */
+    private updateTextAreaState;
+    /**
+     * Adjusts the textarea height based on content.
+     * Handles transition between single and multiline states.
+     * @private
+     */
+    private updateTextAreaHeight;
+    /**
+     * Checks if an element is within the component's menu.
+     * @param element - The element to check
+     * @returns true if the element is within the menu
+     * @private
+     */
+    private isWithinMenu;
+    /**
+     * Handles tab key navigation within the component.
+     * @param e - The keyboard event
+     * @param target - The current target element
+     * @returns true to allow default behavior, false to prevent it
+     * @private
+     */
+    private handleTabNavigation;
+    /**
+     * Handles input events from the textarea.
+     * Updates component state and filters menu items.
+     * Strips newlines in singleline mode (handles paste operations).
+     * @param e - The input event
+     * @private
+     */
+    private handleInput;
+    /**
+     * Handles native change events from the textarea. Ensures component
+     * emits its change event and value stays in sync.
+     * @private
+     */
+    private handleChange;
+    /**
+     * Filters menu items based on the current input value and updates the menu state.
+     * Shows the menu if there are matching items after an escape dismissal.
+     * Announces available suggestions to screen readers.
+     * @private
+     */
+    private handleMenuFiltering;
+    /**
+     * @returns {boolean} True if there are visible menu items, false otherwise
+     * @private
+     */
+    private hasVisibleMenuItems;
+    /**
+     * Announces the number of available suggestions to screen readers.
+     * Uses the announce method to create a temporary ARIA live region.
+     * @private
+     */
+    private announceAvailableSuggestions;
+    /**
+     * Handles focus leaving the component.
+     * Hides the menu if focus moves outside the component.
+     *
+     * @param e - The focus event
+     * @private
+     */
+    private handleFocusOut;
+    /**
+     * Handles prompt selection from menu items.
+     * Updates the value and hides the menu.
+     *
+     * @param e - The prompt select event
+     * @private
+     */
+    private handleSelect;
+    /**
+     * Sets initial state of elements in the text field.
+     * Initializes buttons, IDs, and event listeners.
+     *
+     * @protected
+     */
+    protected setElements(): void;
+    /**
+     * Initializes the send button by setting its initial disabled state.
+     * The send button is disabled by default until valid input is provided.
+     * @private
+     */
+    private initializeSubmitButton;
+    /**
+     * React to changes in the slotted send button collection.
+     * Ensure disabled state is correct even if value was set before slotting.
+     * @param _prev
+     * @param _next
+     * @internal
+     */
+    sendButtonChanged(_prev: HTMLButtonElement[] | undefined, _next: HTMLButtonElement[] | undefined): void;
+    /**
+     * Initializes the textarea control by setting its ID and wrapping behavior.
+     * If singleline mode is enabled, text wrapping is disabled.
+     * @private
+     */
+    private initializeTextArea;
+    /**
+     * Initializes the menu component by setting its ID if it exists.
+     * The menu is used for displaying suggestions and autocomplete options.
+     * @private
+     */
+    private initializeMenu;
+    /**
+     * Public wrapper so tests can spy on the method name and native change
+     * events can call into the same emission logic.
+     * @internal
+     */
+    emitChangeEvent(): void;
+    /**
+     * Announces a message to screen readers using ARIA live region
+     * @param message - The message to announce
+     * @private
+     */
+    private announce;
+    /**
+     * Handles menu close events.
+     * @param e - The menu close event
+     * @private
+     */
+    private handleMenuClose;
+}
+//# sourceMappingURL=inline-input-widget.d.ts.map

package/dts/components/inline-input-widget/inline-input-widget.d.ts.map

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

package/dts/components/inline-input-widget/inline-input-widget.definition.d.ts

@@ -0,0 +1,9 @@
+import { InlineInputWidget } from "./inline-input-widget.js";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-inline-input-widget>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof InlineInputWidget>;
+//# sourceMappingURL=inline-input-widget.definition.d.ts.map

package/dts/components/inline-input-widget/inline-input-widget.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-input-widget.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-input-widget/inline-input-widget.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAK7D;;;;;GAKG;AACH,eAAO,MAAM,UAAU,mFAOrB,CAAC"}

package/dts/components/inline-input-widget/inline-input-widget.options.d.ts

@@ -0,0 +1,25 @@
+import type { StaticallyComposableHTML } from "@fabric-msft/fabric-web";
+import type { StartEndOptions } from "@fluentui/web-components";
+import { InlineInputWidget } from "./inline-input-widget.js";
+/**
+ * Event names used by the InlineInputWidget component.
+ * @public
+ */
+export declare const InlineInputWidgetEventNames: {
+    readonly change: "change";
+    readonly prompt: "prompt";
+    readonly show: "show";
+    readonly hide: "hide";
+    readonly send: "send";
+    readonly dismiss: "dismiss";
+};
+/**
+ * Configuration options for the InlineInputWidget component.
+ * Extends StartEndOptions to support start/end slots and adds custom icon options.
+ *
+ * @public
+ */
+export type InlineInputWidgetOptions = StartEndOptions<InlineInputWidget> & {
+    errorIcon?: StaticallyComposableHTML<InlineInputWidget>;
+};
+//# sourceMappingURL=inline-input-widget.options.d.ts.map

package/dts/components/inline-input-widget/inline-input-widget.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-input-widget.options.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-input-widget/inline-input-widget.options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;GAGG;AACH,eAAO,MAAM,2BAA2B;;;;;;;CAO9B,CAAC;AAEX;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;CACzD,CAAC"}

package/dts/components/inline-input-widget/inline-input-widget.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=inline-input-widget.styles.d.ts.map

package/dts/components/inline-input-widget/inline-input-widget.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-input-widget.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-input-widget/inline-input-widget.styles.ts"],"names":[],"mappings":"AA0CA,eAAO,MAAM,MAAM,iDAuRlB,CAAC"}

package/dts/components/inline-input-widget/inline-input-widget.template.d.ts

@@ -0,0 +1,10 @@
+import type { ElementViewTemplate } from "@microsoft/fast-element";
+import type { InlineInputWidget } from "./inline-input-widget.js";
+import type { InlineInputWidgetOptions } from "./inline-input-widget.options.js";
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(InlineInput:class)} component.
+ * @public
+ */
+export declare function inlineInputWidgetTemplate<T extends InlineInputWidget>(options?: InlineInputWidgetOptions): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<InlineInputWidget>;
+//# sourceMappingURL=inline-input-widget.template.d.ts.map

package/dts/components/inline-input-widget/inline-input-widget.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-input-widget.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-input-widget/inline-input-widget.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAmBjF;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EACnE,OAAO,GAAE,wBAA6B,GACrC,mBAAmB,CAAC,CAAC,CAAC,CAmGxB;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,iBAAiB,CAGxD,CAAC"}

package/dts/components/inline-message/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/inline-message/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-message/define.ts"],"names":[],"mappings":""}

package/dts/components/inline-message/index.d.ts

@@ -0,0 +1,6 @@
+export { InlineMessage } from "./inline-message.js";
+export { definition as InlineMessageDefinition } from "./inline-message.definition.js";
+export { template as InlineMessageTemplate } from "./inline-message.template.js";
+export { styles as InlineMessageStyles } from "./inline-message.styles.js";
+export type { InlineMessageOptions } from "./inline-message.options.js";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/inline-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-message/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,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/dts/components/inline-message/inline-message.cem.d.ts

@@ -0,0 +1,5 @@
+export { InlineMessage } from "./inline-message.js";
+export { styles as inlineMessageStyles } from "./inline-message.styles.js";
+export { template as inlineMessageTemplate } from "./inline-message.template.js";
+export { definition as InlineMessageDefinition } from "./inline-message.definition.js";
+//# sourceMappingURL=inline-message.cem.d.ts.map

package/dts/components/inline-message/inline-message.cem.d.ts.map

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

package/dts/components/inline-message/inline-message.d.ts

@@ -0,0 +1,42 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * InlineMessage
+ * @summary Inline output is displayed when Copilot finished generating the response.
+ *
+ * @example
+ * ```html
+ * <!-- Basic message -->
+ * <fabric-inline-message>
+ *   Your password must be at least 8 characters long.
+ * </fabric-inline-message>
+ *
+ * <!-- With icon and title header -->
+ * <fabric-inline-message>
+ *   <svg slot="icon" width="16" height="16"></svg>
+ *   Your password must be at least 8 characters long.
+ * </fabric-inline-message>
+ *
+ * <!-- Error variant -->
+ * <fabric-inline-message error>
+ *   <div>Something went wrong.</div>
+ * </fabric-inline-message>
+ * ```
+ *
+ * @attr {boolean} error - Indicates whether the message is an error message
+ *
+ * @prop {boolean} error - Indicates whether the message is an error message
+ *
+ * @slot start - Content placed at the start of the message container
+ * @slot icon - Icon rendered within the optional header (shown when present)
+ * @slot - Default slot for the message body content
+ * @slot end - Content placed at the end of the message container
+ *
+ *
+ * @extends FASTElement
+ * @tagname fabric-inline-message
+ * @public
+ */
+export declare class InlineMessage extends FASTElement {
+    error?: boolean;
+}
+//# sourceMappingURL=inline-message.d.ts.map

package/dts/components/inline-message/inline-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-message.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-message/inline-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAQ,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAErC,KAAK,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dts/components/inline-message/inline-message.definition.d.ts

@@ -0,0 +1,9 @@
+import { InlineMessage } from "./inline-message.js";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <inline-message>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof InlineMessage>;
+//# sourceMappingURL=inline-message.definition.d.ts.map