@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/tag/tag.definition.js

@@ -1,19 +1,21 @@
-import { Tag } from "./tag";
-import { styles } from "./tag.styles";
-import { template } from "./tag.template";
-import { DesignSystem } from "../design-system";
+import { Tag } from './tag.js';
+import { styles } from './tag.styles.js';
+import { template } from './tag.template.js';
+import { DesignSystem } from '../design-system.js';
+
 /**
  *
  * @public
  * @remarks
  * HTML Element: <fabric-tag>
  */
-export const definition = Tag.compose({
-    name: `${DesignSystem.prefix}-tag`,
-    template,
-    styles,
-    shadowOptions: {
-        mode: DesignSystem.shadowRootMode
-    }
+const definition = Tag.compose({
+  name: `${DesignSystem.prefix}-tag`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=tag.definition.js.map
+
+export { definition };

package/dist/esm/components/tag/tag.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,MAAM;IAClC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"tag.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,MAAM;IAClC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/dist/esm/components/tag/tag.js

@@ -1,11 +1,14 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { ButtonDefinition } from '@fluentui/web-components';
+import { observable, attr, FASTElement } from '@microsoft/fast-element';
+import { TagEventNames } from './tag.options.js';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { ButtonDefinition } from "@fluentui/web-components";
-import { FASTElement, attr, observable } from "@microsoft/fast-element";
 /**
  * Tag
  * @summary A Tag component that displays one or two lines of text, is dismissable via a dismiss button, and can contain a preceding picture or icon before the text.
@@ -43,10 +46,13 @@ import { FASTElement, attr, observable } from "@microsoft/fast-element";
  * @slot text - The text of the tag.
  * @slot textSecondary - The secondary text of the tag.
  * @slot dismissIcon - The dismiss icon of the tag.
+ * @slot - The default slot for additional tag content.
  *
  * @csspart container - The container of the tag.
  * @csspart content - The content of the tag.
  * @csspart dismissButton - The dismiss button of the tag.
+ * @csspart image - Part wrapping the image slot for sizing and layout.
+ * @csspart textContent - Part wrapping the text slots for layout and truncation.
  *
  * @method sizeChanged - Called when the size property changes.
  * @method textPrimarySlottedChanged - Called when the textPrimarySlotted property changes.
@@ -62,207 +68,255 @@ import { FASTElement, attr, observable } from "@microsoft/fast-element";
  * @tagname fabric-tag
  * @public
  */
-export class Tag extends FASTElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * dismissButton
-         *
-         * Controls whether the dismiss button is shown
-         * @public
-         * @type {boolean}
-         * @defaultValue false
-         * @attr dismiss-button
-         */
-        this.dismissButton = false;
-        /**
-         * disabled
-         *
-         * Controls whether the tag is disabled
-         * @public
-         * @type {boolean}
-         */
-        this.disabled = false;
-        /**
-         * size
-         *
-         * The size of the tag
-         * @public
-         * @type {TagSize}
-         * @defaultValue "medium"
-         */
-        this.size = "medium";
-        /**
-         * shape
-         *
-         * The shape of the tag container
-         * @public
-         * @type {TagShape}
-         * @defaultValue "rounded"
-         */
-        this.shape = "rounded";
-        /**
-         * appearance
-         *
-         * The appearance style of the tag
-         * @public
-         * @type {TagAppearance}
-         * @defaultValue "filled"
-         */
-        this.appearance = "filled";
-        /**
-         * textPrimarySlotted
-         *
-         * The primary text of the tag that has been slotted
-         * @public
-         * @type {HTMLElement[]}
-         * @defaultValue []
-         */
-        this.textPrimarySlotted = [];
-        /**
-         * The secondary text of the tag
-         * @type {HTMLElement[]}
-         * @defaultValue []
-         * @public
-         */
-        this.textSecondarySlotted = [];
-        /**
-         * textSizePrimary
-         *
-         * The text size of the tag
-         * @type {TagTextSize}
-         * @defaultValue "body1"
-         * @public
-         */
-        this.textSizePrimary = "body1";
-        /**
-         * The leading icon of the tag
-         * @type {HTMLElement[]}
-         * @defaultValue []
-         * @public
-         */
-        this.leadingIconSlotted = [];
-    }
-    sizeChanged() {
-        this.handleTextSize();
-    }
+class Tag extends FASTElement {
+  constructor() {
+    super(...arguments);
     /**
-     * @summary This method is called when the textPrimarySlotted property changes.
+     * dismissButton
+     *
+     * Controls whether the dismiss button is shown
      * @public
+     * @type {boolean}
+     * @defaultValue false
+     * @attr dismiss-button
      */
-    textPrimarySlottedChanged() {
-        var _a;
-        if (this.textPrimarySlotted.length > 0) {
-            this.textPrimaryContent = `Dismiss button for ${((_a = this.textPrimarySlotted[0]) === null || _a === void 0 ? void 0 : _a.textContent) || "untitled"} tag`;
-        }
-    }
-    textSecondarySlottedChanged() {
-        this.handleTextSize();
-    }
+    this.dismissButton = false;
     /**
-     * handleTextSize
-     * handles the text size of the tag, which changes depending on the size of the tag
+     * disabled
+     *
+     * Controls whether the tag is disabled
      * @public
+     * @type {boolean}
      */
-    handleTextSize() {
-        var _a;
-        switch (this.size) {
-            case "extraSmall":
-            case "small":
-                this.textSizePrimary = "caption1";
-                break;
-            default:
-                if (((_a = this.textSecondarySlotted) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                    this.textSizePrimary = "caption1";
-                }
-                else {
-                    this.textSizePrimary = "body1";
-                }
-                break;
-        }
-    }
+    this.disabled = false;
     /**
-     * Sets the size of the SVG icon to match the size of the tag. This is necessary because otherwise the developer has to set the size of the SVG icon manually.
+     * size
+     *
+     * The size of the tag
      * @public
+     * @type {TagSize}
+     * @defaultValue "medium"
      */
-    compensateSVGSize() {
-        var _a;
-        let sizeWidth, sizeHeight;
-        if (this.size === "small") {
-            sizeWidth = 16;
-            sizeHeight = 16;
-        }
-        else if (this.size === "extraSmall") {
-            sizeWidth = 12;
-            sizeHeight = 12;
-        }
-        else {
-            sizeWidth = 20;
-            sizeHeight = 20;
-        }
-        const svg = (_a = this.leadingIconSlotted[0]) === null || _a === void 0 ? void 0 : _a.querySelector("svg");
-        svg === null || svg === void 0 ? void 0 : svg.setAttribute("height", sizeHeight.toString());
-        svg === null || svg === void 0 ? void 0 : svg.setAttribute("width", sizeWidth.toString());
-    }
-    leadingIconSlottedChanged() {
-        if (this.leadingIconSlotted.length > 0) {
-            this.classList.add("hasLeadingIcon");
-            this.compensateSVGSize();
-        }
-        else {
-            this.classList.remove("hasLeadingIcon");
-        }
-    }
+    this.size = "medium";
     /**
-     * emitDismissEvent
+     * shape
      *
+     * The shape of the tag container
      * @public
+     * @type {TagShape}
+     * @defaultValue "rounded"
+     */
+    this.shape = "rounded";
+    /**
+     * appearance
      *
-     * emits the dismiss event for the tag
+     * The appearance style of the tag
+     * @public
+     * @type {TagAppearance}
+     * @defaultValue "filled"
      */
-    emitDismissEvent() {
-        this.dispatchEvent(new CustomEvent("dismiss"));
-    }
+    this.appearance = "filled";
+    /**
+     * textPrimarySlotted
+     *
+     * The primary text of the tag that has been slotted
+     * @public
+     * @type {HTMLElement[]}
+     * @defaultValue []
+     */
+    this.textPrimarySlotted = [];
+    /**
+     * The secondary text of the tag
+     * @type {HTMLElement[]}
+     * @defaultValue []
+     * @public
+     */
+    this.textSecondarySlotted = [];
     /**
-     * connectedCallback
-     * connectedCallback for the tag
+     * textSizePrimary
+     *
+     * The text size of the tag
+     * @type {TagTextSize}
+     * @defaultValue "body1"
      * @public
      */
-    connectedCallback() {
-        super.connectedCallback();
-        if (!customElements.get("fluent-button")) {
-            ButtonDefinition.define(customElements);
+    this.textSizePrimary = "body1";
+    /**
+     * The leading icon of the tag
+     * @type {HTMLElement[]}
+     * @defaultValue []
+     * @public
+     */
+    this.leadingIconSlotted = [];
+  }
+  /**
+   * attachEventListeners
+   *
+   * Reattaches dismiss button listeners when the reference changes.
+   * @public
+   */
+  dismissButtonRefChanged() {
+    this.attachEventListeners();
+  }
+  sizeChanged() {
+    this.handleTextSize();
+  }
+  /**
+   * @summary This method is called when the textPrimarySlotted property changes.
+   * @public
+   */
+  textPrimarySlottedChanged() {
+    var _a;
+    if (this.textPrimarySlotted.length > 0) {
+      this.textPrimaryContent = `Dismiss button for ${((_a = this.textPrimarySlotted[0]) === null || _a === void 0 ? void 0 : _a.textContent) || "untitled"} tag`;
+    }
+  }
+  /**
+   * textSecondarySlottedChanged
+   *
+   * Updates derived text size when secondary text slot content changes.
+   * @public
+   */
+  textSecondarySlottedChanged() {
+    this.handleTextSize();
+  }
+  /**
+   * handleTextSize
+   * handles the text size of the tag, which changes depending on the size of the tag
+   * @public
+   */
+  handleTextSize() {
+    var _a;
+    switch (this.size) {
+      case "extraSmall":
+      case "small":
+        this.textSizePrimary = "caption1";
+        break;
+      default:
+        if (((_a = this.textSecondarySlotted) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          this.textSizePrimary = "caption1";
+        } else {
+          this.textSizePrimary = "body1";
         }
+        break;
+    }
+  }
+  /**
+   * Sets the size of the SVG icon to match the size of the tag. This is necessary because otherwise the developer has to set the size of the SVG icon manually.
+   * @public
+   */
+  compensateSVGSize() {
+    var _a;
+    let sizeWidth, sizeHeight;
+    if (this.size === "small") {
+      sizeWidth = 16;
+      sizeHeight = 16;
+    } else if (this.size === "extraSmall") {
+      sizeWidth = 12;
+      sizeHeight = 12;
+    } else {
+      sizeWidth = 20;
+      sizeHeight = 20;
+    }
+    const svg = (_a = this.leadingIconSlotted[0]) === null || _a === void 0 ? void 0 : _a.querySelector("svg");
+    svg === null || svg === void 0 ? void 0 : svg.setAttribute("height", sizeHeight.toString());
+    svg === null || svg === void 0 ? void 0 : svg.setAttribute("width", sizeWidth.toString());
+  }
+  /**
+   * leadingIconSlottedChanged
+   *
+   * Applies state for leading icon presence and updates icon sizing.
+   * @public
+   */
+  leadingIconSlottedChanged() {
+    if (this.leadingIconSlotted.length > 0) {
+      this.classList.add("hasLeadingIcon");
+      this.compensateSVGSize();
+    } else {
+      this.classList.remove("hasLeadingIcon");
+    }
+  }
+  /**
+   * emitDismissEvent
+   *
+   * @public
+   *
+   * emits the dismiss event for the tag
+   */
+  emitDismissEvent() {
+    this.emitDismiss();
+  }
+  /**
+   * attachEventListeners
+   *
+   * Ensures the dismiss button listener is attached and kept in sync.
+   * @private
+   */
+  attachEventListeners() {
+    var _a;
+    (_a = this.events) === null || _a === void 0 ? void 0 : _a.abort();
+    this.events = new AbortController();
+    const {
+      signal
+    } = this.events;
+    if (this.dismissButtonRef) {
+      this.dismissButtonRef.addEventListener("click", this.emitDismissEvent.bind(this), {
+        signal
+      });
+    }
+  }
+  /**
+   * emitDismiss
+   *
+   * Emits the dismiss event.
+   * @private
+   */
+  emitDismiss() {
+    this.dispatchEvent(new CustomEvent(TagEventNames.dismiss, {
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * connectedCallback
+   * connectedCallback for the tag
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    if (!customElements.get("fluent-button")) {
+      ButtonDefinition.define(customElements);
     }
+    this.attachEventListeners();
+  }
+  /**
+   * disconnectedCallback
+   *
+   * Cleans up event listeners when the element disconnects.
+   * @public
+   */
+  disconnectedCallback() {
+    var _a;
+    (_a = this.events) === null || _a === void 0 ? void 0 : _a.abort();
+    this.events = undefined;
+    super.disconnectedCallback();
+  }
 }
-__decorate([
-    attr({ mode: "boolean", attribute: "dismiss-button" })
-], Tag.prototype, "dismissButton", void 0);
-__decorate([
-    attr({ mode: "boolean" })
-], Tag.prototype, "disabled", void 0);
-__decorate([
-    attr
-], Tag.prototype, "size", void 0);
-__decorate([
-    attr
-], Tag.prototype, "shape", void 0);
-__decorate([
-    attr
-], Tag.prototype, "appearance", void 0);
-__decorate([
-    observable
-], Tag.prototype, "textPrimaryContent", void 0);
-__decorate([
-    observable
-], Tag.prototype, "textPrimarySlotted", void 0);
-__decorate([
-    observable
-], Tag.prototype, "textSecondarySlotted", void 0);
-__decorate([
-    observable
-], Tag.prototype, "textSizePrimary", void 0);
-__decorate([
-    observable
-], Tag.prototype, "leadingIconSlotted", void 0);
-//# sourceMappingURL=tag.js.map
+__decorate([observable], Tag.prototype, "dismissButtonRef", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "dismiss-button"
+})], Tag.prototype, "dismissButton", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], Tag.prototype, "disabled", void 0);
+__decorate([attr], Tag.prototype, "size", void 0);
+__decorate([attr], Tag.prototype, "shape", void 0);
+__decorate([attr], Tag.prototype, "appearance", void 0);
+__decorate([observable], Tag.prototype, "textPrimaryContent", void 0);
+__decorate([observable], Tag.prototype, "textPrimarySlotted", void 0);
+__decorate([observable], Tag.prototype, "textSecondarySlotted", void 0);
+__decorate([observable], Tag.prototype, "textSizePrimary", void 0);
+__decorate([observable], Tag.prototype, "leadingIconSlotted", void 0);
+
+export { Tag };

package/dist/esm/components/tag/tag.js.map

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

package/dist/esm/components/tag/tag.options.js

@@ -1,2 +1,28 @@
-export {};
-//# sourceMappingURL=tag.options.js.map
+/** Size values for {@link Tag}. */
+const TagSizes = {
+  extraSmall: "extraSmall",
+  small: "small",
+  medium: "medium"
+};
+/** Primary text size values for {@link Tag}. */
+const TagTextSizes = {
+  caption1: "caption1",
+  body1: "body1"
+};
+/** Shape values for {@link Tag}. */
+const TagShapes = {
+  rounded: "rounded",
+  circular: "circular"
+};
+/** Appearance values for {@link Tag}. */
+const TagAppearances = {
+  filled: "filled",
+  outline: "outline",
+  brand: "brand"
+};
+/** Event names for Tag. */
+const TagEventNames = {
+  dismiss: "dismiss"
+};
+
+export { TagAppearances, TagEventNames, TagShapes, TagSizes, TagTextSizes };

package/dist/esm/components/tag/tag.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.options.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.options.ts"],"names":[],"mappings":""}
+{"version":3,"file":"tag.options.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.options.ts"],"names":[],"mappings":"AAEA,mCAAmC;AACnC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAKX,gDAAgD;AAChD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;CACN,CAAC;AAKX,oCAAoC;AACpC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACZ,CAAC;AAKX,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACN,CAAC;AAKX,2BAA2B;AAC3B,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;CACV,CAAC"}