@fabric-msft/copilot-web 7.0.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"like-button.definition.js","sourceRoot":"","sources":["../../../../src/components/like-button/like-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/like-button/like-button.js

@@ -0,0 +1,158 @@
+import { __decorate, __classPrivateFieldGet } from 'tslib';
+import { attr } from '@microsoft/fast-element';
+import { DesignSystem } from '../design-system.js';
+import { ToggleButton, ButtonDefinition } from '@fluentui/web-components';
+import { LikeButtonStates, LikeButtonEventNames } from './like-button.options.js';
+
+var _LikeButton_instances, _LikeButton_attachListeners, _LikeButton_detachListeners;
+/**
+ * LikeButton
+ * @summary A like button component that provides feedback interaction. Extends Fluent UI's ToggleButton to provide like-specific behavior with visual feedback and event handling.
+ *
+ * @example
+ * ```html
+ * <fabric-like-button
+ *   disabled
+ *   target="post123"
+ *   state="none"
+ *   size="large"
+ *   icon-only
+ *   appearance="primary"
+ *   pressed
+ *   aria-label="Like this post"
+ *   aria-disabled="false">
+ *   <span slot="like-icon">Like Icon</span>
+ *   <span slot="liked-icon">Liked Icon</span>
+ * </fabric-like-button>
+ * ```
+ *
+ * @attr {boolean} disabled - Whether the button is disabled
+ * @attr {string} target - The target element ID associated with the like action
+ * @attr {LikeButtonState} state - The current feedback state of the button ("none" | "liked")
+ * @attr {"small" | "medium" | "large" | undefined} size - The size of the button
+ * @attr {boolean} icon-only - Whether the button shows only an icon
+ * @attr {"primary" | "outline" | "subtle" | "transparent" | undefined} appearance - The appearance of the button, defaults to "transparent"
+ * @attr {"circular" | "rounded" | "square" | undefined} shape - The shape of the button
+ * @attr {boolean} pressed - Whether the button is in a pressed state
+ * @attr {string} aria-label - The accessible label for the button
+ * @attr {string} aria-disabled - Indicates if the button is disabled for accessibility
+ *
+ * @prop {boolean | undefined} disabled - Whether the button is disabled
+ * @prop {string | undefined} target - The target of like feedback button
+ * @prop {LikeButtonState} state - The current feedback state
+ * @prop {string | undefined} size - The size of the button
+ * @prop {boolean | undefined} iconOnly - Whether the button shows only an icon
+ * @prop {string | undefined} appearance - The appearance of the button
+ * @prop {string | undefined} shape - The shape of the button
+ * @prop {boolean | undefined} pressed - Whether the button is in a pressed state
+ * @prop {string | undefined} ariaLabel - The accessible label for the button
+ * @prop {string | undefined} ariaDisabled - Indicates if the button is disabled for accessibility
+ *
+ *
+ * @csspart feedback-button - The main button container
+ * @csspart like-icon - The container for the like icon
+ * @csspart liked-icon - The container for the liked state icon
+ *
+ * @method handleClick - Handles click events on the button, toggles state and emits events
+ * @method emitAddLikeEvent - Emits an add like event with target and status details
+ * @method emitRemoveLikeEvent - Emits a remove like event with target and status details
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ *
+ * @fires add-like - Fires when like is added
+ * @fires remove-like - Fires when like is removed
+ *
+ * @extends ToggleButton from @fluentui/web-components
+ * @tagname fabric-like-button
+ * @public
+ */
+class LikeButton extends ToggleButton {
+  constructor() {
+    super(...arguments);
+    _LikeButton_instances.add(this);
+    /**
+     * The current feedback state.
+     *
+     * @public
+     */
+    this.state = LikeButtonStates.none;
+  }
+  /**
+   * Handles click events for the button.
+   * @public
+   */
+  clickHandler(e) {
+    if (this.disabled) {
+      return;
+    }
+    super.clickHandler(e);
+    if (this.state === LikeButtonStates.liked) {
+      this.state = LikeButtonStates.none;
+      this.emitRemoveLikeEvent();
+    } else {
+      this.state = LikeButtonStates.liked;
+      this.emitAddLikeEvent();
+    }
+    return true;
+  }
+  /**
+   * Emits an add like event.
+   * @internal
+   */
+  emitAddLikeEvent() {
+    this.dispatchEvent(new CustomEvent(LikeButtonEventNames.addLike, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        purpose: "add like",
+        target: this.target,
+        status: this.state
+      }
+    }));
+  }
+  /**
+   * Emits a remove like event.
+   */
+  emitRemoveLikeEvent() {
+    this.dispatchEvent(new CustomEvent(LikeButtonEventNames.removeLike, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        purpose: "remove like",
+        target: this.target,
+        status: this.state
+      }
+    }));
+  }
+  /**
+   * Lifecycle callback when component is connected to the DOM.
+   * Initializes elements and registers required components.
+   *
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    ButtonDefinition.define(DesignSystem.registry);
+    __classPrivateFieldGet(this, _LikeButton_instances, "m", _LikeButton_attachListeners).call(this);
+  }
+  /**
+   * Lifecycle callback when component is disconnected from the DOM.
+   * Removes event listeners to prevent memory leaks.
+   *
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    __classPrivateFieldGet(this, _LikeButton_instances, "m", _LikeButton_detachListeners).call(this);
+  }
+}
+_LikeButton_instances = new WeakSet(), _LikeButton_attachListeners = function _LikeButton_attachListeners() {
+  this.addEventListener("click", this.clickHandler);
+  this.addEventListener("keypress", this.keypressHandler);
+}, _LikeButton_detachListeners = function _LikeButton_detachListeners() {
+  this.removeEventListener("click", this.clickHandler);
+  this.removeEventListener("keypress", this.keypressHandler);
+};
+__decorate([attr], LikeButton.prototype, "target", void 0);
+__decorate([attr], LikeButton.prototype, "state", void 0);
+
+export { LikeButton };

package/esm/components/like-button/like-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"like-button.js","sourceRoot":"","sources":["../../../../src/components/like-button/like-button.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,MAAM,OAAO,UAAW,SAAQ,YAAY;IAA5C;;;QASE;;;;WAIG;QAEI,UAAK,GAAoB,gBAAgB,CAAC,IAAI,CAAC;IAmGxD,CAAC;IAjGC;;;OAGG;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,IAAI,CAAC,KAAK,KAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC1C,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACK,gBAAgB;QACtB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,CAAC,OAAO,EAAE;YAC5C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,OAAO,EAAE,UAAU;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,KAAK;aACnB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,mBAAmB;QACzB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,CAAC,UAAU,EAAE;YAC/C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,OAAO,EAAE,aAAa;gBACtB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,KAAK;aACnB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAoBD;;;;;OAKG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,gBAAgB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE/C,uBAAA,IAAI,0DAAiB,MAArB,IAAI,CAAmB,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACI,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,uBAAA,IAAI,0DAAiB,MAArB,IAAI,CAAmB,CAAC;IAC1B,CAAC;CACF;;IAtCG,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAClD,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC1D,CAAC;IAOC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACrD,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;AAC7D,CAAC;AAhFM;IADN,IAAI;0CACkB;AAQhB;IADN,IAAI;yCACiD"}

package/esm/components/like-button/like-button.options.js

@@ -0,0 +1,52 @@
+import { ButtonAppearances, ButtonShapes, ButtonSizes, ButtonTypes, ButtonFormTargets } from '@fabric-msft/fabric-web';
+
+/**
+ * LikeButton appearance options (re-exports from Fabric button appearances).
+ */
+const LikeButtonAppearances = {
+  ...ButtonAppearances
+};
+/**
+ * LikeButton shape options (re-exports from Fabric button shapes).
+ */
+const LikeButtonShapes = {
+  ...ButtonShapes
+};
+/**
+ * LikeButton size options (re-exports from Fabric button sizes).
+ */
+const LikeButtonSizes = {
+  ...ButtonSizes
+};
+/**
+ * LikeButton type options (re-exports from Fabric button types).
+ */
+const LikeButtonTypes = {
+  ...ButtonTypes
+};
+/**
+ * LikeButton form target options (re-exports from Fabric button form targets).
+ */
+const LikeButtonFormTargets = {
+  ...ButtonFormTargets
+};
+/**
+ * @public
+ * The feedback state of the button
+ */
+const LikeButtonStates = {
+  none: "none",
+  liked: "liked"
+};
+/**
+ * @public
+ * FeedbackButton event names
+ */
+const LikeButtonEventNames = {
+  /** Emitted when the user adds a like */
+  addLike: "add-like",
+  /** Emitted when the user removes their like */
+  removeLike: "remove-like"
+};
+
+export { LikeButtonAppearances, LikeButtonEventNames, LikeButtonFormTargets, LikeButtonShapes, LikeButtonSizes, LikeButtonStates, LikeButtonTypes };

package/esm/components/like-button/like-button.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"like-button.options.js","sourceRoot":"","sources":["../../../../src/components/like-button/like-button.options.ts"],"names":[],"mappings":"AAKA,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;AAYjC;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,uBAAuB;CAClB,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,kBAAkB;CACb,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,iBAAiB;CACZ,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,iBAAiB;CACZ,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,uBAAuB;CAClB,CAAC;AAGX;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,wCAAwC;IACxC,OAAO,EAAE,UAAU;IACnB,+CAA+C;IAC/C,UAAU,EAAE,aAAa;CACjB,CAAC"}

package/esm/components/like-button/like-button.styles.js

@@ -0,0 +1,12 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { fontSizeBase500, fontSizeBase400, fontSizeBase600, colorBrandBackground } from '@fluentui/web-components';
+import { ButtonStyles } from '@fabric-msft/fabric-web';
+
+const styles = css`
+  ${display("block")}
+  ${ButtonStyles}
+
+  :host svg{font-size:${fontSizeBase500}}:host([size="small"]) svg{font-size:${fontSizeBase400}}:host([size="large"]) svg{font-size:${fontSizeBase600}}:host([state="liked"]) .like-icon{display:none}.like-icon{display:flex}:host([state="liked"]) .liked-icon{display:flex}:host([pressed]) svg{color:${colorBrandBackground}}.liked-icon{display:none}`;
+
+export { styles };

package/esm/components/like-button/like-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"like-button.styles.js","sourceRoot":"","sources":["../../../../src/components/like-button/like-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;IAChB,YAAY;;;iBAGC,eAAe;;;;iBAIf,eAAe;;;;iBAIf,eAAe;;;;;;;;;;;;;;;;aAgBnB,oBAAoB;;;;;;CAMhC,CAAC"}

package/esm/components/like-button/like-button.template.js

@@ -0,0 +1,18 @@
+import { html } from '@microsoft/fast-element';
+import { LikeButtonStates } from './like-button.options.js';
+
+const likeSVG = html`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.05 2.3c.34-.98 1.63-1.43 2.43-.6.17.17.33.36.44.52.32.48.45 1.12.5 1.73.05.63.02 1.3-.05 1.91-.06.62-.16 1.18-.24 1.59v.05H14a3 3 0 0 1 2.95 3.54l-.69 3.76a4.5 4.5 0 0 1-5.6 3.53l-5.6-1.52a2.5 2.5 0 0 1-1.8-1.92l-.35-1.77c-.28-1.39.78-2.56 1.9-3 .33-.13.62-.3.85-.5 1.7-1.5 2.32-2.72 3.38-4.84.36-.71.72-1.68 1-2.49Zm1.97 5.58v-.04a13.7 13.7 0 0 0 .13-.58c.08-.4.17-.93.23-1.5.06-.58.09-1.18.04-1.73a2.73 2.73 0 0 0-.33-1.25 3.26 3.26 0 0 0-.33-.39c-.2-.2-.63-.16-.76.23-.29.82-.67 1.83-1.05 2.6-1.07 2.14-1.76 3.5-3.62 5.15-.34.3-.74.52-1.13.68-.88.34-1.45 1.14-1.3 1.87l.35 1.77c.11.56.53 1 1.08 1.15l5.6 1.53c1.98.54 4-.73 4.36-2.75l.68-3.76a2 2 0 0 0-1.96-2.36h-1.5a.5.5 0 0 1-.5-.62Z" fill="currentColor"></path></svg>`;
+const likedSVG = html`<svg fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.48 1.7c-.8-.83-2.09-.38-2.43.6-.28.8-.64 1.77-1 2.48C8 6.9 7.38 8.1 5.67 9.63c-.23.2-.52.36-.84.49-1.13.44-2.2 1.61-1.91 3l.35 1.77a2.5 2.5 0 0 0 1.8 1.92l5.6 1.52a4.5 4.5 0 0 0 5.6-3.53l.69-3.76A3 3 0 0 0 14 7.5h-.89l.01-.05c.08-.41.18-.97.24-1.59.07-.6.1-1.28.05-1.9a3.68 3.68 0 0 0-.5-1.74 4.16 4.16 0 0 0-.44-.52Z" fill="currentColor"></path></svg>`;
+/**
+ * The template for the LikeButton component.
+ * @public
+ */
+function likeButtonTemplate() {
+  return html`<template class="like-button" tabindex="${x => {
+    var _a;
+    return x.disabled ? null : (_a = x.tabIndex) !== null && _a !== void 0 ? _a : 0;
+  }}" state="${x => x.state}" target="${x => x.target}" ?pressed="${x => x.state === LikeButtonStates.liked}"><span class="content"><div class="like-icon icon"><span class="like-icon">${likeSVG}</span></div><div class="liked-icon icon"><span class="liked-icon">${likedSVG}</span></div></span></template>`;
+}
+const template = likeButtonTemplate();
+
+export { likeButtonTemplate, template };

package/esm/components/like-button/like-button.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"like-button.template.js","sourceRoot":"","sources":["../../../../src/components/like-button/like-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,OAAO,GAAG,IAAI,CAAA;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;;;;;;;;;CAcpB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IAGhC,OAAO,IAAI,CAAG;;;kBAGE,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;eACjD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;gBACb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;kBACb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,gBAAgB,CAAC,KAAK;;;;oCAIvB,OAAO;;;qCAGN,QAAQ;;;;GAI1C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAoC,kBAAkB,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/output-card/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+export { OutputCard } from "./output-card.js";
+export { definition as OutputCardDefinition } from "./output-card.definition.js";
+export { template as OutputCardTemplate } from "./output-card.template.js";
+export { styles as OutputCardStyles } from "./output-card.styles.js";
+export { OutputCardEventNames } from "./output-card.options.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/output-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,28 @@
+import { ButtonDefinition, ProgressBarDefinition } from '@fluentui/web-components';
+import { composeDefinitions, fromFAST, PopoverDefinition } from '@fabric-msft/fabric-web';
+import { OutputCard } from './output-card.js';
+import { styles } from './output-card.styles.js';
+import { template } from './output-card.template.js';
+import { DesignSystem } from '../design-system.js';
+
+/** @internal */
+const OutputCardDefinition = OutputCard.compose({
+  name: `${DesignSystem.prefix}-output-card`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+/**
+ * Composed element definition for `<fabric-output-card>`, registering the
+ * `fabric-popover`, `fluent-button`, and `fluent-progress-bar` dependencies
+ * before the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-output-card>`
+ */
+const definition = composeDefinitions(fromFAST(OutputCardDefinition), fromFAST(PopoverDefinition), fromFAST(ButtonDefinition), fromFAST(ProgressBarDefinition));
+
+export { definition };

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

@@ -0,0 +1 @@
+{"version":3,"file":"output-card.definition.js","sourceRoot":"","sources":["../../../../src/components/output-card/output-card.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,IAAI,2BAA2B,EACrD,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,gBAAgB;AAChB,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,oBAAoB,CAAC,EAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAC3B,QAAQ,CAAC,gBAAgB,CAAC,EAC1B,QAAQ,CAAC,2BAA2B,CAAC,CACtC,CAAC"}