@fabric-msft/copilot-web 7.0.0

package/esm/components/action-context-button/action-context-button.js

@@ -0,0 +1,86 @@
+import { __decorate } from 'tslib';
+import { observable } from '@microsoft/fast-element';
+import { Button } from '@fabric-msft/fabric-web';
+import { ActionContextButtonEventNames } from './action-context-button.options.js';
+
+/**
+ * ActionContextButton
+ * @summary An opinionated button component for displaying contextual action information with icon and text.
+ * Extends Fabric Button with opinionated defaults: appearance="subtle", size="medium", shape="rounded".
+ *
+ * @example
+ * ```html
+ * <fabric-action-context-button>
+ *   <svg slot="start" width="16" height="16">...</svg>
+ *   Artifact name
+ * </fabric-action-context-button>
+ * ```
+ *
+ * @attr {boolean} disabled - Whether the button is disabled
+ *
+ * @slot start - Content which can be provided before the button content (typically a 16px icon)
+ * @slot - The default slot for button text content
+ * @slot end - Content which can be provided after the button content
+ *
+ * @csspart content - The button content container with text truncation
+ *
+ * @fires action-context-click - CustomEvent (no detail) fired when the button is clicked
+ *
+ * @extends Button from @fabric-msft/fabric-web
+ * @tagname fabric-action-context-button
+ * @public
+ */
+class ActionContextButton extends Button {
+  constructor() {
+    super(...arguments);
+    /**
+     * The text content extracted from the default slot for the title attribute.
+     * @internal
+     */
+    this.slotTextContent = "";
+    /**
+     * The slotted content in the default slot.
+     * @internal
+     */
+    this.defaultSlottedContent = [];
+    /**
+     * Emits the action-context-click event.
+     * @internal
+     */
+    this.emitActionContextClickEvent = () => {
+      this.dispatchEvent(new CustomEvent(ActionContextButtonEventNames["action-context-click"], {
+        bubbles: true,
+        composed: true
+      }));
+    };
+  }
+  /**
+   * Observer for defaultSlottedContent changes.
+   * Extracts text content from slotted nodes for the title attribute.
+   * @internal
+   */
+  defaultSlottedContentChanged() {
+    this.slotTextContent = this.defaultSlottedContent.map(node => {
+      var _a, _b;
+      return (_b = (_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+    }).filter(Boolean).join(" ");
+  }
+  /**
+   * Handles click events for the button.
+   * Overrides Button's clickHandler to emit custom event after base behavior.
+   * @method
+   * @public
+   */
+  clickHandler(e) {
+    if (this.disabled) {
+      return;
+    }
+    super.clickHandler(e);
+    this.emitActionContextClickEvent();
+    return true;
+  }
+}
+__decorate([observable], ActionContextButton.prototype, "slotTextContent", void 0);
+__decorate([observable], ActionContextButton.prototype, "defaultSlottedContent", void 0);
+
+export { ActionContextButton };

package/esm/components/action-context-button/action-context-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-context-button.js","sourceRoot":"","sources":["../../../../src/components/action-context-button/action-context-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,mBAAoB,SAAQ,MAAM;IAA/C;;QACE;;;WAGG;QAEI,oBAAe,GAAW,EAAE,CAAC;QAEpC;;;WAGG;QAEI,0BAAqB,GAAkB,EAAE,CAAC;QAcjD;;;WAGG;QACK,gCAA2B,GAAG,GAAS,EAAE;YAC/C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,6BAA6B,CAAC,sBAAsB,CAAC,EAAE;gBACrE,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IAgBJ,CAAC;IAvCC;;;;OAIG;IACO,4BAA4B;QACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,eAAC,OAAA,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,mCAAI,EAAE,CAAA,EAAA,CAAC;aAC7C,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAeD;;;;;OAKG;IACI,YAAY,CAAC,CAAQ;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAhDQ;IADN,UAAU;4DACyB;AAO7B;IADN,UAAU;kEACsC"}

package/esm/components/action-context-button/action-context-button.options.js

@@ -0,0 +1,31 @@
+import { ButtonAppearances, ButtonShapes, ButtonSizes, ButtonFormTargets, ButtonTypes } from '@fabric-msft/fabric-web';
+
+/** Appearance values for {@link ActionContextButton}. */
+const ActionContextButtonAppearances = {
+  ...ButtonAppearances
+};
+/** Shape values for {@link ActionContextButton}. */
+const ActionContextButtonShapes = {
+  ...ButtonShapes
+};
+/** Size values for {@link ActionContextButton}. */
+const ActionContextButtonSizes = {
+  ...ButtonSizes
+};
+/** Form target values for {@link ActionContextButton}. */
+const ActionContextButtonFormTargets = {
+  ...ButtonFormTargets
+};
+/** Type values for {@link ActionContextButton}. */
+const ActionContextButtonTypes = {
+  ...ButtonTypes
+};
+/**
+ * @public
+ * ActionContextButton event names
+ */
+const ActionContextButtonEventNames = {
+  "action-context-click": "action-context-click"
+};
+
+export { ActionContextButtonAppearances, ActionContextButtonEventNames, ActionContextButtonFormTargets, ActionContextButtonShapes, ActionContextButtonSizes, ActionContextButtonTypes };

package/esm/components/action-context-button/action-context-button.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-context-button.options.js","sourceRoot":"","sources":["../../../../src/components/action-context-button/action-context-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,uBAAuB,EAC5C,YAAY,IAAI,kBAAkB,EAClC,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC5C,WAAW,IAAI,iBAAiB,EACjC,MAAM,yBAAyB,CAAC;AAGjC,yDAAyD;AACzD,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,GAAG,uBAAuB;CAClB,CAAC;AAKX,MAAM,CAAC,MAAM,6BAA6B,GAAG,8BAA8B,CAAC;AAE5E,oDAAoD;AACpD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,GAAG,kBAAkB,EAAW,CAAC;AAM5E,mDAAmD;AACnD,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,GAAG,iBAAiB,EAAW,CAAC;AAI1E,0DAA0D;AAC1D,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,GAAG,uBAAuB;CAClB,CAAC;AAMX,mDAAmD;AACnD,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,GAAG,iBAAiB,EAAW,CAAC;AAa1E;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,sBAAsB,EAAE,sBAAsB;CACtC,CAAC"}

package/esm/components/action-context-button/action-context-button.styles.js

@@ -0,0 +1,11 @@
+import { ButtonStyles } from '@fabric-msft/fabric-web';
+import { css } from '@microsoft/fast-element';
+import { fontWeightRegular, fontSizeBase300, colorNeutralBackground3, spacingVerticalXXS, spacingVerticalXS, spacingHorizontalSNudge, colorNeutralForeground3, spacingHorizontalXS, colorNeutralBackground3Hover, colorNeutralBackground3Pressed } from '@fluentui/web-components';
+import { sizeHorizontalXL, sizeVerticalXL } from '@fabric-msft/theme';
+
+const styles = css`
+  ${ButtonStyles}
+
+  :host{max-width:100%;font-weight:${fontWeightRegular};font-size:${fontSizeBase300};background-color:${colorNeutralBackground3};border:none;padding-block:${spacingVerticalXXS};padding-inline-start:${spacingVerticalXS};padding-inline-end:${spacingHorizontalSNudge};color:${colorNeutralForeground3};display:inline-flex;align-items:center;gap:${spacingHorizontalXS};min-width:0;min-height:0;}:host(:hover:not([disabled])){background-color:${colorNeutralBackground3Hover};border:none}:host(:active:not([disabled])),:host([aria-pressed="true"]){background-color:${colorNeutralBackground3Pressed};border:none}.content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1;padding-block-end:${spacingVerticalXXS}}::slotted(:not([slot])){display:inline}::slotted([slot="start"]){width:${sizeHorizontalXL};height:${sizeVerticalXL};flex-shrink:0;margin-inline-end:0;}::slotted(svg[slot="start"]){width:${sizeHorizontalXL};height:${sizeVerticalXL}}`;
+
+export { styles };

package/esm/components/action-context-button/action-context-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-context-button.styles.js","sourceRoot":"","sources":["../../../../src/components/action-context-button/action-context-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;mBAIG,iBAAiB;iBACnB,eAAe;wBACR,uBAAuB;;;qBAG1B,kBAAkB;4BACX,iBAAiB;0BACnB,uBAAuB;aACpC,uBAAuB;;;;WAIzB,mBAAmB;;;;;;wBAMN,4BAA4B;;;;;;wBAM5B,8BAA8B;;;;;;;;;;;yBAW7B,kBAAkB;;;;;;;;;;aAU9B,gBAAgB;cACf,cAAc;;;;;;aAMf,gBAAgB;cACf,cAAc;;CAE3B,CAAC"}

package/esm/components/action-context-button/action-context-button.template.js

@@ -0,0 +1,13 @@
+import { slotted, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(ActionContextButton:class)} component.
+ * Extends Fabric Button template with preserved event handlers and accessibility.
+ * @public
+ */
+const template = html`<template tabindex="${x => {
+  var _a;
+  return x.disabled ? null : (_a = x.tabIndex) !== null && _a !== void 0 ? _a : 0;
+}}" title="${x => x.slotTextContent}" @click="${(x, c) => x.clickHandler(c.event)}" @keypress="${(x, c) => x.keypressHandler(c.event)}"><slot name="start"></slot><span class="content" part="content"><slot ${slotted("defaultSlottedContent")}></slot></span></template>`;
+
+export { template };

package/esm/components/action-context-button/action-context-button.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-context-button.template.js","sourceRoot":"","sources":["../../../../src/components/action-context-button/action-context-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA6C,IAAI,CAAqB;;gBAE3E,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,CAAC,CAAC,CAAA,EAAA;aACjD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe;cACvB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;cAIxD,OAAO,CAAC,uBAAuB,CAAC;;;CAG7C,CAAC"}

package/esm/components/action-context-button/define.js

@@ -0,0 +1,3 @@
+import { definition } from "./action-context-button.definition.js";
+definition.define();
+//# sourceMappingURL=define.js.map

package/esm/components/action-context-button/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/action-context-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAEnE,UAAU,CAAC,MAAM,EAAE,CAAC"}

package/esm/components/action-context-button/index.js

@@ -0,0 +1,6 @@
+export { ActionContextButton } from "./action-context-button.js";
+export { definition as ActionContextButtonDefinition } from "./action-context-button.definition.js";
+export { template as ActionContextButtonTemplate } from "./action-context-button.template.js";
+export { styles as ActionContextButtonStyles } from "./action-context-button.styles.js";
+export { ActionContextButtonEventNames, ActionContextButtonAppearances, ActionContextButtonShapes, ActionContextButtonSizes, ActionContextButtonFormTargets, ActionContextButtonTypes } from "./action-context-button.options.js";
+//# sourceMappingURL=index.js.map

package/esm/components/action-context-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action-context-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,UAAU,IAAI,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACpG,OAAO,EAAE,QAAQ,IAAI,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,yBAAyB,EACzB,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACzB,MAAM,oCAAoC,CAAC"}

package/esm/components/approval-card/approval-card.definition.js

@@ -0,0 +1,27 @@
+import { composeDefinitions, fromFAST } from '@fabric-msft/fabric-web';
+import { ApprovalCard } from './approval-card.js';
+import { definition as definition$1 } from '../approval-card-collapsible/approval-card-collapsible.definition.js';
+import { styles } from './approval-card.styles.js';
+import { template } from './approval-card.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/** @internal */
+const ApprovalCardDefinition = ApprovalCard.compose({
+  name: `${DesignSystem.prefix}-approval-card`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+/**
+ * Composed element definition for `<fabric-approval-card>`, registering the
+ * `fabric-approval-card-collapsible` dependency before the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-approval-card>`
+ */
+const definition = composeDefinitions(fromFAST(ApprovalCardDefinition), fromFAST(definition$1));
+
+export { definition };

package/esm/components/approval-card/approval-card.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card.definition.js","sourceRoot":"","sources":["../../../../src/components/approval-card/approval-card.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,IAAI,iCAAiC,EAAE,MAAM,sEAAsE,CAAC;AACvI,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,gBAAgB;AAChB,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,CAAC;IAClD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,sBAAsB,CAAC,EAChC,QAAQ,CAAC,iCAAiC,CAAC,CAC5C,CAAC"}

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

@@ -0,0 +1,304 @@
+import { __decorate, __classPrivateFieldGet } from 'tslib';
+import { attr, observable, FASTElement } from '@microsoft/fast-element';
+import { uniqueId } from '@microsoft/fast-web-utilities';
+import { ApprovalCardStates, ApprovalCardTypes, ApprovalCardSurfaces, ApprovalCardSizes, ApprovalCardEventNames } from './approval-card.options.js';
+import '../approval-card-collapsible/approval-card-collapsible.js';
+import '../approval-card-collapsible/approval-card-collapsible.template.js';
+import '../approval-card-collapsible/approval-card-collapsible.styles.js';
+import { definition } from '../approval-card-collapsible/approval-card-collapsible.definition.js';
+
+var _ApprovalCard_instances, _ApprovalCard_emitToggle;
+/**
+ * ApprovalCard
+ * @summary A structured surface for reviewing, approving, or dismissing AI-generated actions.
+ * Adapts between pending (rich card with controls), in-process (loading state with spinner),
+ * and approved (condensed inline confirmation) states.
+ *
+ * @example
+ * ```html
+ * <fabric-approval-card
+ *   state="pending"
+ *   type="complex"
+ *   size="immersive"
+ *   expanded="false"
+ * >
+ *   <span slot="action-name">Deploy to Production</span>
+ *   <p slot="description">This will deploy version 2.1.0 to production servers.</p>
+ *   <pre slot="optional-info">Config details...</pre>
+ *   <fabric-button slot="primary-action" appearance="primary">Approve</fabric-button>
+ *   <fabric-button slot="dismiss" appearance="secondary">Dismiss</fabric-button>
+ * </fabric-approval-card>
+ * ```
+ *
+ * @attr {ApprovalCardState} state - Governs layout density and control visibility
+ *   (pending | in-process | approved).
+ * @attr {ApprovalCardType} type - Determines structure (simple | complex).
+ * @attr {ApprovalCardSize} size - Controls padding and spacing (immersive | sidecar).
+ * @attr {boolean} expanded - Controls accordion state
+ *   (only applies when type="complex" and optional-info has content).
+ * @attr {string | undefined} aria-labelledby - Points to element containing action-name text.
+ *
+ * @slot action-name - Title text for all variants.
+ * @slot primary-action - Accepts Button or Split Button for main action.
+ * @slot dismiss - Dismiss control (secondary button).
+ * @slot description - Paragraph describing the action. Only available for complex type cards.
+ * @slot optional-info - Additional content region. When content is slotted, enables
+ *   collapsible behavior with chevron for type="complex" in pending state.
+ * @slot status-icon - Icon shown in in-process and approved states (e.g., spinner or checkmark).
+ * @slot action-context - Optional inline element in in-process and approved states.
+ *
+ * @fires toggle - Fires when accordion expands/collapses in type="complex"
+ *   (when optional-info has content) with { expanded: boolean } detail.
+ *
+ * @tagname fabric-approval-card
+ *
+ * @public
+ */
+class ApprovalCard extends FASTElement {
+  constructor() {
+    super(...arguments);
+    _ApprovalCard_instances.add(this);
+    /**
+     * The state of the approval card.
+     * @public
+     * @type {ApprovalCardState}
+     * @default "pending"
+     */
+    this.state = ApprovalCardStates.pending;
+    /**
+     * The type of the approval card.
+     * @public
+     * @type {ApprovalCardType}
+     * @default "simple"
+     */
+    this.type = ApprovalCardTypes.simple;
+    /**
+     * The surface context of the approval card.
+     * Controls padding and spacing based on the Copilot surface context.
+     * @public
+     * @type {ApprovalCardSurface}
+     * @default "immersive"
+     */
+    this.surface = ApprovalCardSurfaces.immersive;
+    /**
+     * Whether the size and surface attributes are currently being synced.
+     * Prevents infinite loops when one updates the other.
+     * @private
+     */
+    this._syncingSizeAndSurface = false;
+    /**
+     * The size of the approval card.
+     * @public
+     * @deprecated Use `surface` instead. The `size` attribute will be removed in a future version.
+     * @type {ApprovalCardSize}
+     * @default "immersive"
+     */
+    this.size = ApprovalCardSizes.immersive;
+    /**
+     * Whether the accordion is expanded
+     * (only applies to type="complex" with optional-info content).
+     * @public
+     * @type {boolean}
+     * @default false
+     */
+    this.expanded = false;
+    /**
+     * Whether the optional-info slot has content.
+     * @internal
+     */
+    this.hasOptionalInfo = false;
+    /**
+     * Internal ID for the heading element.
+     * @public
+     */
+    this.headingId = uniqueId("approval-card-heading-");
+    /**
+     * Direct light-DOM children assigned to slot="optional-info".
+     * Populated by the root template's children() directive.
+     * @internal
+     */
+    this.optionalInfoChildren = [];
+  }
+  /**
+   * Handles changes to the surface attribute.
+   * Syncs the deprecated size attribute to match.
+   * @public
+   */
+  surfaceChanged() {
+    if (!this._syncingSizeAndSurface) {
+      this._syncingSizeAndSurface = true;
+      this.size = this.surface;
+      this._syncingSizeAndSurface = false;
+    }
+  }
+  /**
+   * Handles changes to the size attribute.
+   * Syncs the surface attribute to match and logs a deprecation warning.
+   * @public
+   */
+  sizeChanged() {
+    if (!this._syncingSizeAndSurface) {
+      this._syncingSizeAndSurface = true;
+      console.warn(`[ApprovalCard] The "size" attribute is deprecated. Use "surface" instead. The "size" attribute will be removed in a future version.`);
+      this.surface = this.size;
+      this._syncingSizeAndSurface = false;
+    }
+  }
+  /**
+   * Handles changes to the optional-info light-DOM collection.
+   * @internal
+   */
+  optionalInfoChildrenChanged() {
+    this.hasOptionalInfo = this.optionalInfoChildren.length > 0;
+  }
+  /**
+   * Called when the element is connected to the DOM.
+   * Defines the collapsible and primes optional-info state before FAST renders.
+   * @public
+   */
+  connectedCallback() {
+    definition.define();
+    this.hasOptionalInfo = this.hasLightDomOptionalInfo();
+    super.connectedCallback();
+  }
+  /**
+   * Handles changes to the state attribute.
+   * @public
+   */
+  stateChanged(oldValue) {
+    queueMicrotask(() => {
+      this.updateLiveRegion();
+    });
+    if (oldValue === "pending" && this.state === "approved") {
+      queueMicrotask(() => {
+        this.manageFocusOnApproval();
+      });
+    }
+  }
+  /**
+   * Handles toggle events from the collapsible.
+   * Returning true prevents FAST's default preventDefault() behavior for event handlers.
+   * @public
+   */
+  handleCollapsibleToggle(e) {
+    e.stopPropagation();
+    const detail = e.detail;
+    this.expanded = !!(detail === null || detail === void 0 ? void 0 : detail.expanded);
+    __classPrivateFieldGet(this, _ApprovalCard_instances, "m", _ApprovalCard_emitToggle).call(this);
+    return true;
+  }
+  /**
+   * Checks the host light DOM for direct slot="optional-info" children.
+   * @private
+   */
+  hasLightDomOptionalInfo() {
+    return Array.from(this.children).some(el => el instanceof HTMLElement && el.slot === "optional-info");
+  }
+  /**
+   * Updates the live region to announce state changes.
+   * Reads the accessible name from the status-icon slot if available for localization support.
+   * @private
+   */
+  updateLiveRegion() {
+    var _a;
+    const liveRegion = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("[data-approval-status]");
+    if (!liveRegion) {
+      return;
+    }
+    if (this.state === "approved" || this.state === "in-process") {
+      liveRegion.textContent = "";
+      setTimeout(() => {
+        var _a, _b;
+        const statusIconSlot = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="status-icon"]');
+        let statusLabel = "";
+        if (statusIconSlot) {
+          const assignedElements = statusIconSlot.assignedElements();
+          for (const el of assignedElements) {
+            const ariaLabel = el.getAttribute("aria-label");
+            if (ariaLabel) {
+              statusLabel = ariaLabel.trim();
+              break;
+            }
+          }
+        }
+        const actionNameSlot = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="action-name"]');
+        let labelText = "";
+        if (actionNameSlot) {
+          const assignedNodes = actionNameSlot.assignedNodes();
+          labelText = assignedNodes.map(node => {
+            var _a;
+            return ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || "";
+          }).filter(text => text.length > 0).join(" ");
+        }
+        if (statusLabel && labelText) {
+          liveRegion.textContent = `${statusLabel}: ${labelText}`;
+        } else if (statusLabel) {
+          liveRegion.textContent = statusLabel;
+        } else if (labelText) {
+          liveRegion.textContent = labelText;
+        }
+      }, 100);
+    } else {
+      liveRegion.textContent = "";
+    }
+  }
+  /**
+   * Manages focus when transitioning from pending to approved state.
+   * Moves focus to the collapsible button (if complex type with optional info)
+   * or falls back to the host.
+   * @private
+   */
+  manageFocusOnApproval() {
+    var _a, _b;
+    const activeElement = document.activeElement;
+    const primaryActionSlot = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="primary-action"]');
+    const dismissSlot = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="dismiss"]');
+    const isActiveInActionRow = (primaryActionSlot === null || primaryActionSlot === void 0 ? void 0 : primaryActionSlot.assignedElements().includes(activeElement)) || (dismissSlot === null || dismissSlot === void 0 ? void 0 : dismissSlot.assignedElements().includes(activeElement));
+    if (!isActiveInActionRow) {
+      return;
+    }
+    setTimeout(() => {
+      var _a, _b;
+      if (this.type === "complex" && this.hasOptionalInfo) {
+        const collapsible = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("fabric-approval-card-collapsible");
+        if (collapsible) {
+          const collapsibleButton = (_b = collapsible.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("button[part='button']");
+          if (collapsibleButton) {
+            collapsibleButton.focus();
+            return;
+          }
+        }
+      }
+      if (!this.hasAttribute("tabindex")) {
+        this.tabIndex = -1;
+      }
+      this.focus();
+    }, 0);
+  }
+}
+_ApprovalCard_instances = new WeakSet(), _ApprovalCard_emitToggle = function _ApprovalCard_emitToggle() {
+  this.dispatchEvent(new CustomEvent(ApprovalCardEventNames.toggle, {
+    bubbles: true,
+    composed: true,
+    detail: {
+      expanded: this.expanded
+    }
+  }));
+};
+__decorate([attr], ApprovalCard.prototype, "state", void 0);
+__decorate([attr], ApprovalCard.prototype, "type", void 0);
+__decorate([attr], ApprovalCard.prototype, "surface", void 0);
+__decorate([attr], ApprovalCard.prototype, "size", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], ApprovalCard.prototype, "expanded", void 0);
+__decorate([observable], ApprovalCard.prototype, "hasOptionalInfo", void 0);
+__decorate([attr({
+  attribute: "aria-labelledby"
+})], ApprovalCard.prototype, "ariaLabelledby", void 0);
+__decorate([attr({
+  attribute: "heading-id"
+})], ApprovalCard.prototype, "headingId", void 0);
+__decorate([observable], ApprovalCard.prototype, "optionalInfoChildren", void 0);
+
+export { ApprovalCard };

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

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

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

@@ -0,0 +1,41 @@
+/**
+ * @public
+ * The state variations for the ApprovalCard component.
+ */
+const ApprovalCardStates = {
+  pending: "pending",
+  inProcess: "in-process",
+  approved: "approved"
+};
+/**
+ * @public
+ * The type variations for the ApprovalCard component.
+ */
+const ApprovalCardTypes = {
+  simple: "simple",
+  complex: "complex"
+};
+/**
+ * @public
+ * The surface variations for the ApprovalCard component.
+ * Determines padding and spacing based on the Copilot surface context.
+ */
+const ApprovalCardSurfaces = {
+  immersive: "immersive",
+  sidecar: "sidecar"
+};
+/**
+ * @public
+ * @deprecated Use `ApprovalCardSurfaces` instead. The `size` attribute will be removed in a future version.
+ * The size variations for the ApprovalCard component.
+ */
+const ApprovalCardSizes = ApprovalCardSurfaces;
+/**
+ * @public
+ * Event names for the ApprovalCard component.
+ */
+const ApprovalCardEventNames = {
+  toggle: "toggle"
+};
+
+export { ApprovalCardEventNames, ApprovalCardSizes, ApprovalCardStates, ApprovalCardSurfaces, ApprovalCardTypes };

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card.options.js","sourceRoot":"","sources":["../../../../src/components/approval-card/approval-card.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,UAAU;CACZ,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;CACV,CAAC;AAQX;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAStD;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,MAAM,EAAE,QAAQ;CACR,CAAC"}