@fabric-msft/fabric-web 5.0.1 → 7.0.0

package/esm/components/drawer-body/drawer-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-body.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;CAAG"}

package/esm/components/drawer-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/esm/components/dropdown/define.js.map

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

package/esm/components/dropdown/dropdown.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.definition.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}

package/esm/components/dropdown/dropdown.js

@@ -0,0 +1,164 @@
+import { Dropdown as Dropdown$1 } from '@fluentui/web-components';
+import { toggleState } from '../../util/element-internals.js';
+
+/**
+ * Dropdown
+ * @summary A Fabric UI Dropdown component that provides a list of options for users to choose from, with support for single or multiple selections, and customizable appearance and size.
+ *
+ * @example
+ * ```html
+ * <fabric-dropdown appearance="outline" size="medium" placeholder="Select an option">
+ *   <fluent-listbox slot="listbox">
+ *     <fluent-option value="option1">Option 1</fluent-option>
+ *     <fluent-option value="option2">Option 2</fluent-option>
+ *     <fluent-option value="option3">Option 3</fluent-option>
+ *   </fluent-listbox>
+ *   <span slot="indicator">▼</span>
+ * </fabric-dropdown>
+ * ```
+ *
+ * @attr {DropdownAppearance | undefined} appearance - The appearance of the dropdown.
+ * @attr {DropdownSize | undefined} size - The size of the dropdown.
+ * @attr {string} aria-labelledby - The `aria-labelledby` attribute value of the dropdown.
+ * @attr {boolean} disabled - The disabled state of the dropdown.
+ * @attr {string} id - Sets the listbox ID to a unique value if one is not provided.
+ * @attr {string} value - The value of the selected option.
+ * @attr {string} name - The name of the dropdown.
+ * @attr {string} placeholder - The placeholder text of the dropdown.
+ * @attr {DropdownType | undefined} type - The dropdown type.
+ *
+ * @prop {DropdownAppearance | undefined} appearance - The appearance of the dropdown.
+ * @prop {DropdownSize | undefined} size - The size of the dropdown.
+ * @prop {string} ariaLabelledBy - The `aria-labelledby` attribute value of the dropdown.
+ * @prop {boolean} disabled - The disabled state of the dropdown.
+ * @prop {string} id - Sets the listbox ID to a unique value if one is not provided.
+ * @prop {string} value - The value of the selected option.
+ * @prop {string} name - The name of the dropdown.
+ * @prop {string} placeholder - The placeholder text of the dropdown.
+ * @prop {DropdownType | undefined} type - The dropdown type.
+ *
+ * @slot - The default slot. Accepts a {@link (Listbox:class)} element.
+ * @slot indicator - The indicator slot.
+ * @slot control - The control slot. This slot is automatically populated and should not be manually manipulated.
+ *
+ * @csspart control - The dropdown control container.
+ * @csspart indicator - The dropdown indicator.
+ *
+ * @method disabledChanged - Updates the disabled state of the options when the disabled property changes.
+ * @method nameChanged - Updates the name of the options when the name property changes.
+ * @method changeHandler - Handles the change events for the dropdown.
+ * @method checkValidity - Checks the validity of the element and returns the result.
+ * @method clickHandler - Handles the click events for the dropdown.
+ * @method inputHandler - Handles the input events for the dropdown from the control element.
+ * @method insertControl - Inserts the control element based on the dropdown type.
+ * @method keydownHandler - Handles the keydown events for the dropdown, including Home/End key support per WAI-ARIA Combobox pattern.
+ * @method reportValidity - Reports the validity of the element.
+ * @method selectOption - Selects an option by index.
+ *
+ * @extends FluentDropdown
+ * @tagname fabric-dropdown
+ * @public
+ */
+class Dropdown extends Dropdown$1 {
+  constructor() {
+    super(...arguments);
+    this._pointerFocused = false;
+    this.handlePointerDown = () => {
+      this._pointerFocused = true;
+      toggleState(this.elementInternals, "focus-visible", false);
+    };
+    this.focusVisibleIn = () => {
+      if (!this._pointerFocused) {
+        toggleState(this.elementInternals, "focus-visible", true);
+      }
+      this._pointerFocused = false;
+    };
+    this.focusVisibleOut = () => {
+      this._pointerFocused = false;
+      toggleState(this.elementInternals, "focus-visible", false);
+    };
+  }
+  /**
+   * Inserts the control element based on the dropdown type.
+   *
+   * @public
+   * @remarks
+   * This method can be overridden in derived classes to provide custom control elements, though this is not recommended.
+   */
+  insertControl() {
+    super.insertControl();
+    if (this.control) {
+      // Adding style here so user can still 'opt-out' of the normal whitespace by slotting in their own button
+      // (as opposed to adding the style in the styles.ts file which would target all buttons slotted in to control slot).
+      this.control.style.whiteSpace = "normal";
+    }
+  }
+  /**
+   * Wires focus-visible tracking handlers using a shared AbortSignal.
+   *
+   * @remarks
+   * EventListeners are used instead of :has(:focus-visible) due to
+   * Chromium bug: https://issues.chromium.org/issues/40062355
+   * And FluentUI WC bug where :focus-within is used and adds unintended focus ring on mouse-click
+   */
+  attachEventListeners() {
+    var _a;
+    (_a = this.events) === null || _a === void 0 ? void 0 : _a.abort();
+    this.events = new AbortController();
+    const {
+      signal
+    } = this.events;
+    this.addEventListener("pointerdown", this.handlePointerDown, {
+      signal
+    });
+    this.addEventListener("focusin", this.focusVisibleIn, {
+      signal
+    });
+    this.addEventListener("focusout", this.focusVisibleOut, {
+      signal
+    });
+  }
+  /**
+   * @internal
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.attachEventListeners();
+  }
+  /**
+   * @internal
+   */
+  disconnectedCallback() {
+    var _a;
+    (_a = this.events) === null || _a === void 0 ? void 0 : _a.abort();
+    this.events = undefined;
+    super.disconnectedCallback();
+  }
+  /**
+   * Handles the keydown events for the dropdown.
+   * Extends the base handler with Home/End key support per the
+   * WAI-ARIA Combobox pattern (https://www.w3.org/WAI/ARIA/apg/patterns/combobox/).
+   *
+   * @param e - the keyboard event
+   * @public
+   */
+  keydownHandler(e) {
+    if (e.key === "Home" || e.key === "End") {
+      e.preventDefault();
+      if (!this.open) {
+        this.listbox.showPopover();
+      }
+      this.activeIndex = e.key === "Home" ? 0 : this.enabledOptions.length - 1;
+      return true;
+    }
+    // Prevent the button's native Enter→click from firing clickHandler,
+    // which would togglePopover() and immediately close the listbox
+    // that the base keydownHandler just opened.
+    if (e.key === "Enter" && !this.open) {
+      e.preventDefault();
+    }
+    return super.keydownHandler(e);
+  }
+}
+
+export { Dropdown };

package/esm/components/dropdown/dropdown.js.map

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

package/esm/components/dropdown/dropdown.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.options.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,wBAAwB,EAC9C,YAAY,IAAI,kBAAkB,EAClC,YAAY,IAAI,kBAAkB,EACnC,MAAM,0BAA0B,CAAC;AAGlC,8CAA8C;AAC9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,GAAG,wBAAwB,EAAW,CAAC;AAK5E,wCAAwC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,GAAG,kBAAkB,EAAW,CAAC;AAKhE,iDAAiD;AACjD,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,GAAG,kBAAkB,EAAW,CAAC"}

package/esm/components/dropdown/dropdown.styles.js

@@ -0,0 +1,10 @@
+import { DropdownStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+import { focusVisibleState } from '../styles/states/states.js';
+
+const styles = css`
+  ${DropdownStyles}
+
+  ::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${focusVisibleState})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;
+
+export { styles };

package/esm/components/dropdown/dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;;oCAYkB,iBAAiB;;;;CAIpD,CAAC"}

package/esm/components/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,aAAa,EACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/esm/components/field/define.js.map

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

package/esm/components/field/field.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.definition.js","sourceRoot":"","sources":["../../../../src/components/field/field.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../src/components/field/field.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,WAAW,EAErB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IACpC;;;;;;;;;;;OAWG;IACK,0BAA0B;;QAChC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,QAAQ,GAAa,EAAE,CAAC;QAE9B,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvC,IAAI,KAAK,YAAY,WAAW,EAAE,CAAC;gBACjC,uDAAuD;gBACvD,mEAAmE;gBACnE,MAAM,SAAS,GACb,KAAK,KAAK,CAAC;oBACT,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS;oBAC3B,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,EAAE,CAAC;gBACzC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,SAAS,CAAC;gBACjC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBAExB,+DAA+D;gBAC/D,IAAI,KAAK,YAAY,gBAAgB,EAAE,CAAC;oBACtC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,0EAA0E;QAC1E,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAED;;;;;;;OAOG;IACM,gBAAgB,CAAC,IAAY,EAAE,IAAY;QAClD,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACnC,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;IAED;;;;;;;OAOG;IACM,YAAY,CACnB,IAAgC,EAChC,IAAgC;QAEhC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/B,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;CACF"}

package/esm/components/field/field.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.options.js","sourceRoot":"","sources":["../../../../src/components/field/field.options.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAOX;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAClD,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAGjD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,kBAAkB;IACnC,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,eAAe;IAC7B,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,SAA4C;CAChD,CAAC"}

package/esm/components/field/field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.styles.js","sourceRoot":"","sources":["../../../../src/components/field/field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,WAAW;CACd,CAAC"}

package/esm/components/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAM5B,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/components/filter-pill/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/filter-pill/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/filter-pill/filter-pill.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-pill.definition.js","sourceRoot":"","sources":["../../../../src/components/filter-pill/filter-pill.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;AACnD;;;;;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/filter-pill/filter-pill.js.map

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

package/esm/components/filter-pill/filter-pill.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-pill.options.js","sourceRoot":"","sources":["../../../../src/components/filter-pill/filter-pill.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEpE,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,WAAW;CACN,CAAC;AAGX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,iBAAiB;CACZ,CAAC;AAGX,gDAAgD;AAChD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,kBAAkB;CAC1B,CAAC;AAIX,2CAA2C;AAC3C,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC;AAGX,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAGX;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,aAAa,EAAE,gBAAgB;CACvB,CAAC"}

package/esm/components/filter-pill/filter-pill.styles.js

@@ -0,0 +1,54 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalSNudge, colorNeutralBackground4, colorNeutralForeground1, strokeWidthThin, colorNeutralStroke1, spacingHorizontalM, spacingHorizontalXXXL, borderRadiusMedium, fontSizeBase300, fontFamilyBase, fontWeightSemibold, lineHeightBase300, durationFaster, curveEasyEase, spacingHorizontalMNudge, colorNeutralBackground1Hover, colorNeutralForeground1Hover, colorNeutralStroke1Hover, colorNeutralBackground1Pressed, colorNeutralStroke1Pressed, colorNeutralForeground1Pressed, colorTransparentStroke, strokeWidthThick, shadow4, colorStrokeFocus2, fontSizeBase600, spacingHorizontalXS, spacingHorizontalS, borderRadiusSmall, fontSizeBase200, lineHeightBase200, fontWeightRegular, spacingVerticalXXXL, spacingVerticalS, borderRadiusLarge, spacingHorizontalL, fontSizeBase400, lineHeightBase400, borderRadiusCircular, borderRadiusNone, colorNeutralBackground4Hover, colorNeutralStroke2, colorNeutralBackgroundInverted, colorNeutralForegroundOnBrand, shadow2, colorTransparentBackground, colorNeutralForeground2, colorTransparentBackgroundHover, colorTransparentBackgroundPressed, colorSubtleBackground, colorSubtleBackgroundHover, colorNeutralForeground2Hover, colorSubtleBackgroundPressed, colorNeutralForeground2Pressed, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorBrandBackground, colorNeutralStrokeOnBrand, colorBrandBackgroundHover, colorBrandBackgroundPressed, colorNeutralBackgroundDisabled, colorNeutralStrokeDisabled, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorSubtleBackgroundSelected, colorNeutralForeground2Selected, colorTransparentBackgroundSelected, colorNeutralForeground2BrandSelected, display } from '@fluentui/web-components';
+import { sizeVerticalXXXL, sizeVerticalXL, sizeHorizontalXL, sizeVerticalXXL, sizeHorizontalXXL } from '@fabric-msft/theme';
+import '../../util/debug.js';
+import '@microsoft/fast-web-utilities';
+import '../../util/support.js';
+import '../../util/icons.js';
+import { forcedColorsStylesheetBehavior } from '../../util/match-media-stylesheet-behaviors.js';
+import '../../util/platform.js';
+import { mediumState, largeState, iconOnlyState, smallState, circularState, squareState, primaryState, outlineState, subtleState, transparentState, pressedState } from '../styles/states/states.js';
+
+/**
+ * The styles for the FilterPill component.
+ *
+ * @public
+ * @privateRemarks
+ */
+const styles = css`
+  ${display("inline-flex")}
+
+  :host{--icon-spacing:${spacingHorizontalSNudge};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${sizeVerticalXXXL};outline-style:none;background-color:${colorNeutralBackground4};color:${colorNeutralForeground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};padding:0 ${spacingHorizontalM};min-width:calc(${spacingHorizontalXXXL} * 3);border-radius:${borderRadiusMedium};font-size:${fontSizeBase300};font-family:${fontFamilyBase};font-weight:${fontWeightSemibold};line-height:${lineHeightBase300};transition-duration:${durationFaster};transition-property:background,border,color;transition-timing-function:${curveEasyEase};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${spacingHorizontalSNudge}}:host(${mediumState}) .content{padding:0 ${spacingHorizontalMNudge}}:host(${largeState}) .content{padding:0 ${spacingHorizontalM}}:host(:hover){background-color:${colorNeutralBackground1Hover};color:${colorNeutralForeground1Hover};border-color:${colorNeutralStroke1Hover}}:host(:hover:active){background-color:${colorNeutralBackground1Pressed};border-color:${colorNeutralStroke1Pressed};color:${colorNeutralForeground1Pressed};outline-style:none}:host(:focus-visible){border-color:${colorTransparentStroke};outline:${strokeWidthThick} solid ${colorTransparentStroke};box-shadow:${shadow4},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${fontSizeBase600};height:${sizeVerticalXL};width:${sizeHorizontalXL}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${iconOnlyState}){width:${sizeVerticalXXXL};height:${sizeVerticalXXXL};min-width:${sizeVerticalXXXL};min-height:${sizeVerticalXXXL};max-width:${sizeVerticalXXXL};max-height:${sizeVerticalXXXL}}:host(${smallState}){--icon-spacing:${spacingHorizontalXS};min-height:${sizeVerticalXXL};min-width:calc(${spacingHorizontalXXXL} * 2);padding:0 ${spacingHorizontalS};border-radius:${borderRadiusSmall};font-size:${fontSizeBase200};line-height:${lineHeightBase200};font-weight:${fontWeightRegular}}:host(${smallState}${iconOnlyState}){width:${sizeVerticalXXL};height:${sizeVerticalXXL};min-width:${sizeVerticalXXL};min-height:${sizeVerticalXXL};max-width:${sizeVerticalXXL};max-height:${sizeVerticalXXL}}:host(${largeState}){min-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});border-radius:${borderRadiusLarge};padding:0 ${spacingHorizontalL};font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(${largeState}${iconOnlyState}){min-width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});max-width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});max-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});min-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});height:calc(${spacingVerticalXXXL} + ${spacingVerticalS})}:host(${largeState}) ::slotted(svg){font-size:${fontSizeBase600};height:${sizeVerticalXXL};width:${sizeHorizontalXXL}}:host(:is(${circularState},${circularState}:focus-visible)){border-radius:${borderRadiusCircular}}:host(:is(${squareState},${squareState}:focus-visible)){border-radius:${borderRadiusNone}}:host(${primaryState}){background-color:${colorNeutralBackground4};color:${colorNeutralForeground1};border-color:transparent}:host(${primaryState}:hover){background-color:${colorNeutralBackground4Hover};color:${colorNeutralForeground1}}:host(${primaryState}:is(:hover,:hover:active)){border-color:${colorNeutralStroke2}}:host(${primaryState}:hover:active){border-color:${colorTransparentStroke};background-color:${colorNeutralBackgroundInverted};color:${colorNeutralForegroundOnBrand}}:host(${primaryState}:focus-visible){border-color:${colorNeutralForegroundOnBrand};box-shadow:${shadow2},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}:host(${outlineState}){background-color:${colorTransparentBackground};color:${colorNeutralForeground2}}:host(${outlineState}:hover){background-color:${colorTransparentBackgroundHover}}:host(${outlineState}:hover:active){background-color:${colorTransparentBackgroundPressed}}:host(${subtleState}){background-color:${colorSubtleBackground};color:${colorNeutralForeground2};border-color:transparent}:host(${subtleState}:hover){background-color:${colorSubtleBackgroundHover};color:${colorNeutralForeground2Hover};border-color:transparent}:host(${subtleState}:hover:active){background-color:${colorSubtleBackgroundPressed};color:${colorNeutralForeground2Pressed};border-color:transparent}:host(${subtleState}:hover) ::slotted(svg){fill:${colorNeutralForeground2BrandHover}}:host(${subtleState}:hover:active) ::slotted(svg){fill:${colorNeutralForeground2BrandPressed}}:host(${transparentState}){background-color:${colorTransparentBackground};color:${colorNeutralForeground2}}:host(${transparentState}:hover){background-color:${colorTransparentBackgroundHover};color:${colorNeutralForeground2BrandHover}}:host(${transparentState}:hover:active){background-color:${colorTransparentBackgroundPressed};color:${colorNeutralForeground2BrandPressed}}:host(:is(${transparentState},${transparentState}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host(
+    [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
+        :focus-visible
+      )
+  ){border-color:${colorNeutralStrokeOnBrand}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${colorNeutralForegroundOnBrand};background-color:${colorBrandBackgroundHover}}:host([appearance="primary-on-brand"]:hover:active){background-color:${colorBrandBackgroundPressed}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${colorNeutralForegroundOnBrand};box-shadow:${shadow2},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}:host(
+    :is(
+      :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
+    )
+  ),:host(
+    :is(
+      :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
+    ):hover
+  ),:host(
+    :is(
+        :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
+      ):hover:active
+  ){background-color:${colorNeutralBackgroundDisabled};border-color:${colorNeutralStrokeDisabled};color:${colorNeutralForegroundDisabled};cursor:not-allowed}:host(${primaryState}:is(:disabled,[disabled-focusable])),:host(
+    ${primaryState}:is(:disabled,[disabled-focusable]):is(
+      :hover,:hover:active
+    )
+  ){border-color:transparent}:host(${outlineState}:is(:disabled,[disabled-focusable])),:host(
+    ${outlineState}:is(:disabled,[disabled-focusable]):is(
+      :hover,:hover:active
+    )
+  ){background-color:${colorTransparentBackground}}:host(${subtleState}:is(:disabled,[disabled-focusable])),:host(
+    ${subtleState}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
+  ){background-color:${colorTransparentBackground};border-color:transparent}:host(${transparentState}:is(:disabled,[disabled-focusable])),:host(
+    ${transparentState}:is(:disabled,[disabled-focusable]):is(
+      :hover,:hover:active
+    )
+  ){border-color:transparent;background-color:${colorTransparentBackground}}:host(${pressedState}){border-color:${colorTransparentStroke};background-color:${colorNeutralBackgroundInverted};color:${colorNeutralForegroundInverted};border-width:${strokeWidthThin}}:host(${pressedState}:hover){border-color:${colorNeutralStroke1Hover};background-color:${colorNeutralBackground1Hover};color:${colorNeutralForeground1Hover}}:host(${pressedState}:active){border-color:${colorNeutralStroke1Pressed};background-color:${colorNeutralBackground1Pressed};color:${colorNeutralForeground1Pressed}}:host(${pressedState}${primaryState}){border-color:${colorTransparentStroke};background-color:${colorNeutralBackgroundInverted};color:${colorNeutralForegroundInverted}}:host(${pressedState}${primaryState}:hover){background-color:${colorNeutralForeground1};color:${colorNeutralForegroundInverted}}:host(${pressedState}${primaryState}:active){border-color:${colorTransparentStroke};background-color:${colorNeutralBackgroundInverted};color:${colorNeutralForegroundInverted}}:host(${pressedState}${subtleState}){border-color:transparent;background-color:${colorSubtleBackgroundSelected};color:${colorNeutralForeground2Selected}}:host(${pressedState}${subtleState}:hover){background-color:${colorSubtleBackgroundHover};color:${colorNeutralForeground2Hover}}:host(${pressedState}${subtleState}:active){background-color:${colorSubtleBackgroundPressed};color:${colorNeutralForeground2Pressed}}:host(${pressedState}${outlineState}),:host(${pressedState}${transparentState}){background-color:${colorTransparentBackgroundSelected};color:${colorNeutralForeground1};border-color:${colorNeutralStroke1Pressed}}:host(${pressedState}${outlineState}){border-width:${strokeWidthThick}}:host(${pressedState}${outlineState}:hover),:host(${pressedState}${transparentState}:hover){background-color:${colorTransparentBackgroundHover}}:host(${pressedState}${outlineState}:active),:host(${pressedState}${transparentState}:active){background-color:${colorTransparentBackgroundPressed};border-width:${strokeWidthThick}}:host(${pressedState}${transparentState}){border-color:transparent;color:${colorNeutralForeground2BrandSelected}}:host(${pressedState}${transparentState}:hover){color:${colorNeutralForeground2BrandHover}}:host(${pressedState}${transparentState}:active){color:${colorNeutralForeground2BrandPressed}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    :host(${pressedState}),:host(${pressedState}${primaryState}),:host(${pressedState}${subtleState}),:host(${pressedState}${outlineState}),:host(${pressedState}${transparentState}){background:SelectedItem;color:SelectedItemText}`));
+
+export { styles };

package/esm/components/filter-pill/filter-pill.styles.js.map

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

package/esm/components/filter-pill/filter-pill.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-pill.template.js","sourceRoot":"","sources":["../../../../src/components/filter-pill/filter-pill.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB;IAGhC,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU;eACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;cACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;mBACR,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;oBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;kBACpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;gBAIpB,OAAO,CAAC,uBAAuB,CAAC;;;;GAI7C,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,kBAAkB,EAAE,CAAC"}

package/esm/components/filter-pill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter-pill/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACrB,MAAM,0BAA0B,CAAC"}

package/esm/components/image/define.js.map

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

package/esm/components/image/image.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.definition.js","sourceRoot":"","sources":["../../../../src/components/image/image.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/components/image/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;CAAG"}

package/esm/components/image/image.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.options.js","sourceRoot":"","sources":["../../../../src/components/image/image.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,cAAc,EAC1B,UAAU,IAAI,gBAAgB,EAC/B,MAAM,0BAA0B,CAAC;AAGlC,oCAAoC;AACpC,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,GAAG,cAAc,EAAW,CAAC;AAGxD,sCAAsC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,GAAG,gBAAgB,EAAW,CAAC"}

package/esm/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/components/label/define.js.map

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

package/esm/components/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/esm/components/label/label.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.definition.js","sourceRoot":"","sources":["../../../../src/components/label/label.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;CAAG"}

package/esm/components/label/label.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.options.js","sourceRoot":"","sources":["../../../../src/components/label/label.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,eAAe,EAC5B,WAAW,IAAI,iBAAiB,EACjC,MAAM,0BAA0B,CAAC;AAGlC,qCAAqC;AACrC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,GAAG,eAAe,EAAW,CAAC;AAG1D,uCAAuC;AACvC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,GAAG,iBAAiB,EAAW,CAAC"}

package/esm/components/link/define.js.map

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

package/esm/components/link/index.js

@@ -0,0 +1,5 @@
+export { Link } from "./link.js";
+export { template as LinkTemplate } from "./link.template.js";
+export { LinkAppearances, LinkTargets, AnchorTargets } from "./link.options.js";
+export { definition as LinkDefinition } from "./link.definition.js";
+//# sourceMappingURL=index.js.map

package/esm/components/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/components/link/link.definition.js

@@ -0,0 +1,20 @@
+import { Link } from './link.js';
+import { template } from './link.template.js';
+import { LinkStyles } from '@fluentui/web-components';
+import { DesignSystem } from '../design-system.js';
+
+/**
+ * The Fabric Link component.
+ *
+ * @public
+ */
+const definition = Link.compose({
+  name: `${DesignSystem.prefix}-link`,
+  template,
+  styles: LinkStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/link/link.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.definition.js","sourceRoot":"","sources":["../../../../src/components/link/link.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,OAAO;IACnC,QAAQ;IACR,MAAM,EAAE,UAAU;IAClB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/link/link.js

@@ -0,0 +1,80 @@
+import { Link as Link$1 } from '@fluentui/web-components';
+import { isActionModifierKey } from '../../util/platform.js';
+import { LinkTargets } from './link.options.js';
+
+/**
+ * Link
+ * @summary A Link Custom HTML Element based on Fluent UI's Link with custom styling and behavior.
+ *
+ * @example
+ * ```html
+ * <fabric-link href="https://example.com" appearance="subtle">
+ *   Visit Example
+ * </fabric-link>
+ * ```
+ *
+ * @attr {LinkAppearance} appearance - The appearance the link should have.
+ * @attr {boolean | undefined} inline - The link is inline with text. In chromium browsers, if the link is contained within a semantic text element (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `p`) or `fluent-text`, `:host-context()` ensures inline links are styled appropriately.
+ * @attr {string | undefined} download - Prompts the user to save the linked URL.
+ * @attr {string | undefined} href - The URL the hyperlink references.
+ * @attr {string | undefined} hreflang - Hints at the language of the referenced resource.
+ * @attr {string | undefined} ping - The ping attribute.
+ * @attr {string | undefined} referrerpolicy - The referrerpolicy attribute. See The `referrerpolicy` attribute.
+ * @attr {string | undefined} rel - The rel attribute. See The `rel` attribute.
+ * @attr {string | undefined} target - The target attribute.
+ * @attr {string | undefined} type - The type attribute.
+ *
+ * @prop {string} appearance - The appearance the link should have.
+ * @prop {boolean} inline - The link is inline with text. In chromium browsers, if the link is contained within a semantic text element (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `p`) or `fluent-text`, `:host-context()` ensures inline links are styled appropriately.
+ * @prop {string} download - Prompts the user to save the linked URL.
+ * @prop {string} href - The URL the hyperlink references.
+ * @prop {string} hreflang - Hints at the language of the referenced resource.
+ * @prop {string} ping - The ping attribute.
+ * @prop {string} referrerpolicy - The referrerpolicy attribute. See The `referrerpolicy` attribute.
+ * @prop {string} rel - The rel attribute. See The `rel` attribute.
+ * @prop {string} target - The target attribute.
+ * @prop {string} type - The type attribute.
+ *
+ * @slot - The default slot for link content.
+ * @slot start - Content which can be provided before the link content
+ * @slot end - Content which can be provided after the link content
+ *
+ * @csspart control - The anchor element.
+ * @csspart content - The element wrapping anchor content.
+ *
+ * @method keydownHandler - Handles keydown events for the anchor.
+ *
+ * @extends FluentLink
+ * @tagname fabric-link
+ * @public
+ */
+class Link extends Link$1 {
+  /**
+   * Overrides the upstream `clickHandler` to prevent double-tab navigation
+   * when `target="_blank"` is set. The base `BaseAnchor.clickHandler` only
+   * checks for modifier keys (Ctrl/Cmd) but ignores the `target` attribute,
+   * causing both the native proxy anchor click and `handleNavigation()` to
+   * each open a new tab.
+   *
+   * TODO: Remove this override once the upstream fix lands in `@fluentui/web-components`.
+   *
+   * @param e - The pointer event
+   * @returns true to allow event propagation
+   * @override
+   */
+  clickHandler(e) {
+    if (this.href) {
+      const newTab = isActionModifierKey(e) || this.target === LinkTargets._blank;
+      if (newTab) {
+        e.preventDefault();
+        window.open(this.href, "_blank");
+      } else {
+        // Delegate to the base class for same-tab navigation
+        return super.clickHandler(e);
+      }
+    }
+    return true;
+  }
+}
+
+export { Link };

package/esm/components/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,OAAO,IAAK,SAAQ,UAAU;IAClC;;;;;;;;;;;;OAYG;IACa,YAAY,CAAC,CAAe;QAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,MAAM,MAAM,GACV,mBAAmB,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,CAAC;YAC/D,IAAI,MAAM,EAAE,CAAC;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,qDAAqD;gBACrD,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/esm/components/link/link.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.options.js","sourceRoot":"","sources":["../../../../src/components/link/link.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,oBAAoB,EACtC,UAAU,IAAI,gBAAgB,EAC9B,YAAY,IAAI,kBAAkB,EACnC,MAAM,0BAA0B,CAAC;AAGlC,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,oBAAoB;CACf,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;AAE9C,sCAAsC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,GAAG,gBAAgB,EAAW,CAAC;AAE5D,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC;AAEtC,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,GAAG,kBAAkB,EAAW,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC"}

package/esm/components/link/link.template.js

@@ -0,0 +1,18 @@
+import { html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(Link:class)} component.
+ *
+ * Overrides the upstream Fluent template to eliminate whitespace text nodes
+ * around the slot, which caused text-decoration (underline) to bleed into
+ * adjacent whitespace when the link is displayed inline.
+ *
+ * @public
+ */
+function linkTemplate() {
+  // prettier-ignore
+  return html`<template tabindex="0" @click="${(x, c) => x.clickHandler(c.event)}" @keydown="${(x, c) => x.keydownHandler(c.event)}"><slot></slot></template>`;
+}
+const template = linkTemplate();
+
+export { linkTemplate, template };

package/esm/components/link/link.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY;IAC1B,kBAAkB;IAClB,OAAO,IAAI,CAAG,kCAAkC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAqB,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC,4BAA4B,CAAC;AACnM,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,EAAE,CAAC"}

package/esm/components/listbox/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/listbox/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/listbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/components/listbox/listbox.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.definition.js","sourceRoot":"","sources":["../../../../src/components/listbox/listbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;QACpB,oEAAoE;KACrE;CACF,CAAC,CAAC"}