@fabric-msft/copilot-web 7.0.0

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

@@ -0,0 +1,162 @@
+import { css } from '@microsoft/fast-element';
+import { colorNeutralStroke1, spacingVerticalM, colorNeutralBackground1, borderRadiusXLarge, spacingVerticalMNudge, fontFamilyBase, spacingHorizontalS, fontSizeBase400, fontWeightRegular, lineHeightBase400, colorNeutralForeground1, spacingHorizontalXS, fontSizeBase300, lineHeightBase300, colorNeutralForeground2, colorNeutralStroke2, colorNeutralForeground3, spacingHorizontalL, borderRadius4XLarge, fontWeightSemibold, spacingVerticalXS, borderRadius2XLarge, spacingHorizontalM, spacingHorizontalSNudge, spacingVerticalSNudge, display } from '@fluentui/web-components';
+import { sizeVerticalXXL, sizeHorizontalL } from '@fabric-msft/theme';
+
+const styles = css`
+  ${display("block")}
+
+  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{border:1px solid ${colorNeutralStroke1};padding:${spacingVerticalM};background:${colorNeutralBackground1};border-radius:${borderRadiusXLarge};display:flex;flex-direction:column;gap:${spacingVerticalMNudge};font-family:${fontFamilyBase}}.header-row{display:flex;align-items:center;gap:${spacingHorizontalS}}.action-name-wrapper{margin:0;font-size:${fontSizeBase400};font-weight:${fontWeightRegular};line-height:${lineHeightBase400};color:${colorNeutralForeground1}}.action-row{display:flex;justify-content:flex-start;align-items:center;gap:${spacingHorizontalXS}}.description-row{display:block}.description-row:empty{display:none}:host([state="pending"]) ::slotted([slot="status-icon"]),:host([state="pending"]) ::slotted([slot="action-context"]){display:none}:host([state="pending"]) .header-row > slot[name="status-icon"],:host([state="pending"]) .header-content > slot[name="action-context"]{display:none}:host([type="simple"]) .description-row{display:none}::slotted(span[slot="action-context"]){font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightRegular};color:${colorNeutralForeground1};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}:host(:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="primary-action"]),:host(:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="dismiss"]){display:none}:host(:is([state="approved"],[state="in-process"])) .action-row{display:none}:host(:is([state="approved"],[state="in-process"])) .container{border:none;border-radius:0;padding:0;background:transparent}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-name"]),:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-context"]){color:${colorNeutralForeground2}}:host(:is([state="approved"],[state="in-process"])) .details-panel{border:1px solid ${colorNeutralStroke2};border-radius:${borderRadiusXLarge};padding:${spacingVerticalM};background:transparent;display:flex;flex-direction:column;gap:${spacingVerticalMNudge};overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}:host(:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible::part(button){padding:0;min-height:${sizeVerticalXXL};height:auto;justify-content:flex-start}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    .approved-header{width:auto}:host(:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible::part(description){display:none}:host(:is([state="approved"],[state="in-process"]))
+    .details-panel
+    ::slotted(*){margin:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host(:is([state="approved"],[state="in-process"]))
+    .details-panel
+    ::slotted(*:not(:last-child)){margin-bottom:${spacingVerticalMNudge}}::slotted([slot="description"]){font-size:${fontSizeBase300};line-height:${lineHeightBase300};color:${colorNeutralForeground2};margin:0;}::slotted([slot="optional-info"]){font-size:${fontSizeBase300};line-height:${lineHeightBase300}}:host([type="complex"][state="pending"])
+    fabric-approval-card-collapsible::part(button),:host([type="complex"][state="pending"]) ::slotted([slot="action-name"]){color:${colorNeutralForeground2};align-items:flex-start}:host([type="complex"][state="pending"]) ::slotted([slot="description"]){color:${colorNeutralForeground3}}:host(:is([size="immersive"],[surface="immersive"])) .container{padding:${spacingVerticalM} ${spacingHorizontalL};border-radius:${borderRadius4XLarge}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    .action-name-wrapper{font-size:${fontSizeBase400};line-height:${lineHeightBase400};font-weight:${fontWeightSemibold}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="description"]){font-size:${fontSizeBase400};line-height:${lineHeightBase400};margin-block-start:${spacingVerticalXS}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="optional-info"]){margin-block-start:${spacingVerticalM}}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    .action-row{margin-block-start:0}:host(
+      :is(
+          [size="immersive"],[surface="immersive"]
+        )[type="complex"][state="pending"]
+    )
+    .container{gap:${spacingVerticalM}}:host(:is([size="sidecar"],[surface="sidecar"])) .container{padding:${spacingVerticalM};border-radius:${borderRadius2XLarge}}:host(:is([size="sidecar"],[surface="sidecar"])[type="simple"])
+    .action-name-wrapper{font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightRegular}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .container{padding:${spacingVerticalM} ${spacingHorizontalM};gap:${spacingVerticalM}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .action-name-wrapper{font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightSemibold}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .header-row{column-gap:${spacingHorizontalSNudge}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="description"]){margin-block-start:0}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    ::slotted([slot="optional-info"]){margin-block-start:${spacingVerticalM}}:host(
+      :is(
+          [size="sidecar"],[surface="sidecar"]
+        )[type="complex"][state="pending"]
+    )
+    .action-row{margin-block-start:0}:host(
+      :is([size="immersive"],[surface="immersive"]):is(
+        [state="approved"],[state="in-process"]
+      )
+    )
+    .details-panel{border-radius:18px;padding:${spacingVerticalM};gap:${spacingVerticalM}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .approved-header{font-size:${fontSizeBase400};line-height:${lineHeightBase400};column-gap:${spacingHorizontalSNudge}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-name"]){font-weight:${fontWeightSemibold}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .container{gap:${spacingVerticalMNudge}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .details-panel
+    ::slotted([slot="description"]){font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .header-row{column-gap:${spacingHorizontalSNudge}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .action-name-wrapper{font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightRegular};color:${colorNeutralForeground2}}:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-name"]),:host(
+      :is([size="immersive"],[surface="immersive"])[type="simple"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-context"]){color:${colorNeutralForeground2}}:host(
+      :is([state="approved"],[state="in-process"]):is(
+        [size="sidecar"],[surface="sidecar"]
+      )
+    )
+    .details-panel{min-width:0;max-width:100%;box-sizing:border-box}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .approved-header,:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .header-row{column-gap:${spacingHorizontalSNudge}}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .container{gap:${spacingHorizontalSNudge}}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    .details-panel{padding:${spacingVerticalM};gap:${spacingVerticalM}}:host(
+      :is([size="sidecar"],[surface="sidecar"])[type="complex"]:is(
+          [state="approved"],[state="in-process"]
+        )
+    )
+    ::slotted([slot="action-name"]){font-weight:${fontWeightSemibold};font-size:${fontSizeBase300};line-height:${lineHeightBase300}}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    .approved-header,:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-name"]),:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible{color:${colorNeutralForeground2}}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="description"]){color:${colorNeutralForeground3};margin-block-end:0}:host([type="complex"]:is([state="approved"],[state="in-process"]))
+    fabric-approval-card-collapsible::part(panel){margin-block-start:${spacingVerticalSNudge}}.approved-header{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:${spacingHorizontalS};row-gap:${spacingHorizontalXS};align-items:center;min-width:0;width:100%}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    .header-row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:${spacingHorizontalSNudge};row-gap:${spacingHorizontalXS};align-items:center;min-width:0;width:100%}.approved-header{font-size:${fontSizeBase400};font-weight:${fontWeightRegular};line-height:${lineHeightBase400};color:${colorNeutralForeground2}}.header-content{display:flex;align-items:center;gap:${spacingHorizontalS};flex-wrap:wrap;min-width:0;row-gap:${spacingHorizontalXS}}::slotted([slot="status-icon"]){width:${sizeHorizontalL};height:${sizeHorizontalL};grid-column:1;align-self:center;justify-self:start;display:inline-flex;align-items:center;justify-content:center}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="status-icon"]){grid-column:1;align-self:center}:host([state="approved"]) ::slotted([slot="status-icon"]){margin-block-start:${spacingHorizontalXS}}::slotted(svg[slot="status-icon"]){width:${sizeHorizontalL};height:${sizeHorizontalL};display:block}::slotted([slot="action-name"]){white-space:nowrap;min-width:0;flex-shrink:0}:host([type="complex"][state="approved"]) ::slotted([slot="action-name"]){color:${colorNeutralForeground2};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}:host([type="simple"]:is([state="approved"],[state="in-process"]))
+    ::slotted([slot="action-name"]){flex-shrink:0}::slotted([slot="action-context"]){flex:0 1 auto;min-width:0;max-width:100%;width:auto;align-self:center}`;
+
+export { styles };

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

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

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

@@ -0,0 +1,30 @@
+import { children, elements, when, html } from '@microsoft/fast-element';
+
+const hasCollapsible = x => x.type === "complex" && x.hasOptionalInfo;
+const isPending = x => x.state === "pending";
+/**
+ * The template for the ApprovalCard component.
+ *
+ * Two structural forks:
+ * 1. Collapsible (complex + hasOptionalInfo) vs Flat (everything else)
+ * 2. Within collapsible: pending vs final (description placement differs)
+ *
+ * All other state/type differences are CSS-driven:
+ * - status-icon / action-context slots: hidden in pending via CSS
+ * - action-row: hidden in final states via CSS
+ * - description-row: hidden for simple type via CSS
+ *
+ * @public
+ */
+function approvalCardTemplate() {
+  return html`<template aria-labelledby="${x => {
+    var _a;
+    return (_a = x.ariaLabelledby) !== null && _a !== void 0 ? _a : x.headingId;
+  }}" ${children({
+    property: "optionalInfoChildren",
+    filter: elements("[slot='optional-info']")
+  })}><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-approval-status></div><div class="container">${when(hasCollapsible, html` ${when(isPending, html`<fabric-approval-card-collapsible ?expanded="${x => x.expanded}" @toggle="${(x, c) => x.handleCollapsibleToggle(c.event)}"><h3 slot="header" id="${x => x.headingId}" class="action-name-wrapper"><slot name="action-name"></slot></h3><div slot="description"><slot name="description"></slot></div><slot name="optional-info"></slot></fabric-approval-card-collapsible>`, html`<fabric-approval-card-collapsible ?expanded="${x => x.expanded}" @toggle="${(x, c) => x.handleCollapsibleToggle(c.event)}"><div slot="header" class="approved-header"><slot name="status-icon"></slot><div class="header-content"><div id="${x => x.headingId}" class="action-name-wrapper"><slot name="action-name"></slot></div><slot name="action-context"></slot></div></div><div class="details-panel" role="group" aria-labelledby="${x => x.headingId}"><slot name="description"></slot><slot name="optional-info"></slot></div></fabric-approval-card-collapsible>`)} `, html`<div class="header-row"><slot name="status-icon"></slot><div class="header-content"><div id="${x => x.headingId}" class="action-name-wrapper" role="${x => x.state === "pending" ? "heading" : null}" aria-level="${x => x.state === "pending" ? "3" : null}"><slot name="action-name"></slot></div><slot name="action-context"></slot></div></div><div class="description-row"><slot name="description"></slot></div>`)}<div class="action-row"><slot name="primary-action"></slot><slot name="dismiss"></slot></div></div></template>`;
+}
+const template = approvalCardTemplate();
+
+export { approvalCardTemplate, template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card.template.js","sourceRoot":"","sources":["../../../../src/components/approval-card/approval-card.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIzE,MAAM,cAAc,GAAG,CAAC,CAAe,EAAW,EAAE,CAClD,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,CAAC,eAAe,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,CAAe,EAAW,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC;AAEtE;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,oBAAoB;IAGlC,OAAO,IAAI,CAAG;;yBAES,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,cAAc,mCAAI,CAAC,CAAC,SAAS,CAAA,EAAA;QACvD,QAAQ,CAAC;QACT,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE,QAAQ,CAAC,wBAAwB,CAAC;KAC3C,CAAC;;;;;;;;;;;UAWE,IAAI,CACJ,cAAc,EACd,IAAI,CAAG;cACH,IAAI,CACJ,SAAS,EACT,IAAI,CAAG;;+BAEU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;6BACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAClB,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAc,CAAC;;;;0BAIrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;eAU7B,EACD,IAAI,CAAG;;+BAEU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;6BACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAClB,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAc,CAAC;;;;;;8BAMjC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;;uCAWT,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;;;;eAM1C,CACF;WACF,EACD,IAAI,CAAG;;;;;wBAKO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;0BAEhB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;gCAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;;;;;;;;;;WAUhE,CACF;;;;;;;;GAQN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,oBAAoB,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/approval-card/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAErF,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from "./approval-card.js";
+export { ApprovalCardStates, ApprovalCardTypes, ApprovalCardSurfaces, ApprovalCardSizes, ApprovalCardEventNames } from "./approval-card.options.js";
+export { definition as ApprovalCardDefinition } from "./approval-card.definition.js";
+export { styles as ApprovalCardStyles } from "./approval-card.styles.js";
+export { template as ApprovalCardTemplate } from "./approval-card.template.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/approval-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +1,22 @@
+import { ApprovalCardCollapsible } from './approval-card-collapsible.js';
+import { styles } from './approval-card-collapsible.styles.js';
+import { template } from './approval-card-collapsible.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/**
+ * Definition for the ApprovalCardCollapsible component.
+ * @internal - This component is not exposed publicly; it's only used internally by ApprovalCard.
+ *
+ * @remarks
+ * HTML Element: <fabric-approval-card-collapsible>
+ */
+const definition = ApprovalCardCollapsible.compose({
+  name: `${DesignSystem.prefix}-approval-card-collapsible`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card-collapsible.definition.js","sourceRoot":"","sources":["../../../../src/components/approval-card-collapsible/approval-card-collapsible.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,CAAC;IACxD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,4BAA4B;IACxD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,91 @@
+import { __decorate } from 'tslib';
+import { attr, FASTElement } from '@microsoft/fast-element';
+import { uniqueId } from '@microsoft/fast-web-utilities';
+import { hasInteractiveElementInPath } from '../../util/component-utilities/is-interactive-element.js';
+
+/**
+ * @internal
+ * Event names for the ApprovalCardCollapsible component.
+ */
+const ApprovalCardCollapsibleEventNames = {
+  toggle: "toggle"
+};
+/**
+ * ApprovalCardCollapsible
+ * @summary Internal collapsible component used by complex approval-card variants.
+ * Provides multi-line header support (unlike fabric-accordion's fixed height).
+ *
+ * @internal
+ *
+ * @attr {boolean} expanded - Controls collapsed/expanded state
+ *
+ * @slot header - Multi-line heading content (typically h3 with action-name)
+ * @slot description - Always-visible description below header
+ * @slot - Default slot for collapsible content (optional-info)
+ *
+ * @fires toggle - Fires when expand/collapse state changes with { expanded: boolean } detail
+ *
+ * @tagname approval-card-collapsible
+ */
+class ApprovalCardCollapsible extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Controls the expanded/collapsed state
+     * @public
+     * @remarks
+     * HTML Attribute: expanded
+     */
+    this.expanded = false;
+    /**
+     * Unique identifier for ARIA relationships.
+     * Initialized with a generated value but can be overridden.
+     * @public
+     * @remarks
+     * HTML Attribute: id
+     */
+    this.id = uniqueId("approval-card-collapsible-");
+    /**
+     * Emits the toggle event.
+     * @internal
+     */
+    this.emitToggle = () => {
+      this.dispatchEvent(new CustomEvent(ApprovalCardCollapsibleEventNames.toggle, {
+        bubbles: true,
+        composed: true,
+        detail: {
+          expanded: this.expanded
+        }
+      }));
+    };
+  }
+  /**
+   * Handles header click while allowing embedded interactive controls (e.g., action-context button)
+   * to receive clicks without toggling the accordion.
+   * @public
+   */
+  handleHeaderClick(event) {
+    if (event.defaultPrevented) {
+      return;
+    }
+    // Don't toggle if click originated from an interactive element inside the header
+    if (hasInteractiveElementInPath(event, event.currentTarget)) {
+      return;
+    }
+    this.toggleExpanded();
+  }
+  /**
+   * Toggles the expanded state and emits toggle event
+   * @public
+   */
+  toggleExpanded() {
+    this.expanded = !this.expanded;
+    this.emitToggle();
+  }
+}
+__decorate([attr({
+  mode: "boolean"
+})], ApprovalCardCollapsible.prototype, "expanded", void 0);
+__decorate([attr], ApprovalCardCollapsible.prototype, "id", void 0);
+
+export { ApprovalCardCollapsible };

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card-collapsible.js","sourceRoot":"","sources":["../../../../src/components/approval-card-collapsible/approval-card-collapsible.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAEtF;;;GAGG;AACH,MAAM,iCAAiC,GAAG;IACxC,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,uBAAwB,SAAQ,WAAW;IAAxD;;QACE;;;;;WAKG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEa,OAAE,GAAW,QAAQ,CAAC,4BAA4B,CAAC,CAAC;QAsBpE;;;WAGG;QACK,eAAU,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iCAAiC,CAAC,MAAM,EAAE;gBACxD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;aACpC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;IAUJ,CAAC;IA1CC;;;;OAIG;IACI,iBAAiB,CAAC,KAAiB;QACxC,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,iFAAiF;QACjF,IACE,2BAA2B,CAAC,KAAK,EAAE,KAAK,CAAC,aAA4B,CAAC,EACtE,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAgBD;;;OAGG;IACI,cAAc;QACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;CACF;AAtDQ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;yDACO;AAUjB;IADf,IAAI;mDAC+D"}

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

@@ -0,0 +1,12 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalS, fontFamilyBase, fontSizeBase300, lineHeightBase300, fontWeightMedium, colorNeutralForeground1, borderRadiusMedium } from '@fluentui/web-components';
+import { sizeVerticalXXL, sizeHorizontalM } from '@fabric-msft/theme';
+
+/**
+ * Styles for the ApprovalCardCollapsible component.
+ * @public
+ */
+const styles = css`
+  :host{display:block}.button{height:auto;min-height:${sizeVerticalXXL};display:flex;align-items:center;justify-content:space-between;gap:${spacingHorizontalS};width:100%;padding:0;margin:0;border:none;background:transparent;text-align:start;cursor:pointer;font-family:${fontFamilyBase};font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightMedium};color:${colorNeutralForeground1}}.button:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:${borderRadiusMedium}}.header-content{flex:1;min-width:0;display:contents}.chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center}.chevron svg{width:${sizeHorizontalM};height:7px}.button > .chevron-expanded{display:none}.button > .chevron-collapsed{display:block}:host([expanded]) .button > .chevron-expanded{display:block}:host([expanded]) .button > .chevron-collapsed{display:none}.description-content{margin-top:${spacingHorizontalS}}.panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 200ms ease-out,visibility 0s 200ms;visibility:visible}:host([expanded]) .panel{grid-template-rows:1fr;transition:grid-template-rows 200ms ease-out,visibility 0s}.panel-content{overflow:hidden;min-height:0}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card-collapsible.styles.js","sourceRoot":"","sources":["../../../../src/components/approval-card-collapsible/approval-card-collapsible.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEtE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;kBAQP,eAAe;;;;;;WAMtB,kBAAkB;;;;;;;;;;;;mBAYV,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,gBAAgB;aACtB,uBAAuB;;;;;;qBAMf,kBAAkB;;;;;;;;;;;;;;;;;;;;;;aAsB1B,eAAe;;;;;;;;;;;;;;;;;;;;;;;kBAuBV,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;CAwBnC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { html } from '@microsoft/fast-element';
+import { chevronDownFilled, chevronUpFilled } from '../assets/icon.js';
+
+/**
+ * The template for the ApprovalCardCollapsible component.
+ * @public
+ */
+const template = html`<template><button class="button" part="button" type="button" aria-expanded="${x => String(x.expanded)}" aria-controls="${x => x.id}-panel" id="${x => x.id}-button" @click="${(x, c) => x.handleHeaderClick(c.event)}"><div class="header-content"><slot name="header"></slot></div><span class="chevron chevron-collapsed">${chevronDownFilled}</span><span class="chevron chevron-expanded">${chevronUpFilled}</span></button><div class="description-content" part="description"><slot name="description"></slot></div><div class="panel" part="panel" id="${x => x.id}-panel" aria-labelledby="${x => x.id}-button"><div class="panel-content"><slot></slot></div></div></template>`;
+
+export { template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card-collapsible.template.js","sourceRoot":"","sources":["../../../../src/components/approval-card-collapsible/approval-card-collapsible.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiD,IAAI,CAAyB;;;;;;uBAM5E,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;uBACzB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;YACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;gBACP,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAmB,CAAC;;;;;gDAKpB,iBAAiB;+CAClB,eAAe;;;;;;;;;;YAUlD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;yBACE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;;;;;;;CAOnC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/approval-card-collapsible/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAE5G,iCAAiC,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * @internal - This component is not exposed publicly; it's only used internally by ApprovalCard.
+ */
+export { ApprovalCardCollapsible } from "./approval-card-collapsible.js";
+export { template as ApprovalCardCollapsibleTemplate } from "./approval-card-collapsible.template.js";
+export { styles as ApprovalCardCollapsibleStyles } from "./approval-card-collapsible.styles.js";
+export { definition as ApprovalCardCollapsibleDefinition } from "./approval-card-collapsible.definition.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/approval-card-collapsible/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,+BAA+B,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,UAAU,IAAI,iCAAiC,EAAE,MAAM,2CAA2C,CAAC"}

package/esm/components/assets/icon.js

@@ -0,0 +1,82 @@
+import { html } from '@microsoft/fast-element';
+
+const chevronUpFilled = html.partial(`<svg
+  width="12"
+  height="7"
+  viewBox="0 0 12 7"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <path
+    d="M0.147077 6.35337C-0.0485327 6.15846 -0.0490966 5.84188 0.145817 5.64627L5.6108 0.161785C5.82574 -0.0539287 6.17505 -0.0539278 6.39 0.161785L11.855 5.64627C12.0499 5.84188 12.0493 6.15846 11.8537 6.35337C11.6581 6.54829 11.3415 6.54772 11.1466 6.35211L6.0004 1.18753L0.854183 6.35211C0.659269 6.54772 0.342687 6.54829 0.147077 6.35337Z"
+    fill="currentColor"
+  />
+</svg>`);
+const chevronDownFilled = html.partial(`<svg
+  width="12"
+  height="7"
+  viewBox="0 0 12 7"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <path
+    d="M11.8537 0.145818C12.0493 0.340732 12.0499 0.657314 11.855 0.852924L6.39 6.33741C6.17505 6.55312 5.82574 6.55312 5.6108 6.33741L0.145817 0.852923C-0.0490969 0.657313 -0.0485323 0.340731 0.147077 0.145817C0.342687 -0.0490966 0.659269 -0.0485327 0.854182 0.147077L6.0004 5.31166L11.1466 0.147077C11.3415 -0.0485322 11.6581 -0.0490961 11.8537 0.145818Z"
+    fill="currentColor"
+  />
+</svg>`);
+// Legacy exports for backward compatibility
+const chevronUp20Filled = chevronUpFilled;
+const chevronDown20Filled = chevronDownFilled;
+const chevronRight16Regular = html.partial(`
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z" fill="currentColor"/>
+</svg>
+`);
+html.partial(`<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class="chevron-collapsed"
+>
+  <path
+    d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z"
+    fill="currentColor"
+  />
+</svg>`);
+html.partial(`<svg
+  width="20"
+  height="20"
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class="chevron-collapsed"
+>
+  <path
+    d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
+    fill="currentColor"
+  />
+</svg>`);
+/**
+ * Shield with exclamation icon (16x16) for excluded sources.
+ */
+const shieldExclamation16Regular = html.partial(`<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+>
+  <path
+    d="M8.35464 2.14678C8.15946 1.95123 7.84268 1.95105 7.64728 2.14638C6.40416 3.38902 5.02923 4 3.5 4C3.22386 4 3 4.22386 3 4.5V7.50126C3 10.7196 4.64126 12.9075 7.84189 13.9743C7.94452 14.0086 8.05548 14.0086 8.15811 13.9743C11.3587 12.9075 13 10.7196 13 7.50126V4.5C13 4.22386 12.7761 4 12.5 4C10.9689 4 9.5947 3.38913 8.35464 2.14678ZM4 4.98118C5.47941 4.86879 6.81393 4.25491 8.00042 3.18917C9.18521 4.25528 10.5195 4.86895 12 4.98121V7.50126C12 8.9349 11.6373 10.0655 10.9787 10.9453C10.3414 11.7967 9.37047 12.4885 8 12.9715C6.62953 12.4885 5.65858 11.7967 5.02127 10.9453C4.36269 10.0655 4 8.9349 4 7.50126V4.98118ZM8.5 5.5C8.5 5.22386 8.27614 5 8 5C7.72386 5 7.5 5.22386 7.5 5.5V8.5C7.5 8.77614 7.72386 9 8 9C8.27614 9 8.5 8.77614 8.5 8.5V5.5ZM8.75 10.75C8.75 11.1642 8.41421 11.5 8 11.5C7.58579 11.5 7.25 11.1642 7.25 10.75C7.25 10.3358 7.58579 10 8 10C8.41421 10 8.75 10.3358 8.75 10.75Z"
+    fill="currentColor"
+  />
+</svg>`);
+
+export { chevronDown20Filled, chevronDownFilled, chevronRight16Regular, chevronUp20Filled, chevronUpFilled, shieldExclamation16Regular };

package/esm/components/assets/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/assets/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;OAYrC,CAAC,CAAC;AAET,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;OAYvC,CAAC,CAAC;AAET,4CAA4C;AAC5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;AACjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAErD,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;CAIjD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAa1C,CAAC,CAAC;AAET,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAa1C,CAAC,CAAC;AAET;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;OAYhD,CAAC,CAAC"}

package/esm/components/bookmark-button/bookmark-button.definition.js

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

package/esm/components/bookmark-button/bookmark-button.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookmark-button.definition.js","sourceRoot":"","sources":["../../../../src/components/bookmark-button/bookmark-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,gBAAgB;AAChB,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,CAAC;IACtD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,kBAAkB;IAC9C,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,wBAAwB,CAAC,EAClC,QAAQ,CAAC,gBAAgB,CAAC,CAC3B,CAAC"}