@fabric-msft/fabric-web 7.0.0 → 7.3.1

package/esm/components/dynamic-tab/dynamic-tab.definition.js

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

package/esm/components/dynamic-tab/dynamic-tab.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.definition.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,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;AAErD,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;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,oBAAoB,CAAC,EAC9B,QAAQ,CAAC,gBAAgB,CAAC,CAC3B,CAAC"}

package/esm/components/dynamic-tab/dynamic-tab.js

@@ -0,0 +1,232 @@
+import { attr, FASTElement } from '@microsoft/fast-element';
+import { DynamicTabEventNames } from './dynamic-tab.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;
+};
+/**
+ * Dynamic Tab
+ * @summary A dismissible tab component for use in dynamic tab lists, similar to browser tabs.
+ *
+ * @example
+ * ```html
+ * <fabric-dynamic-tab id="tab-1" selected>
+ *   <fabric-svg-icon slot="icon" name="document-20-regular"></fabric-svg-icon>
+ *   Document.docx
+ * </fabric-dynamic-tab>
+ * ```
+ *
+ * @attr {boolean} selected - Whether the tab is currently selected.
+ * @attr {boolean} disabled - Whether the tab is disabled.
+ * @attr {boolean} no-dismiss - When present, prevents the tab from being dismissed/closed.
+ * @attr {boolean} no-rename - When present, prevents the tab from being renamed.
+ * @attr {boolean} modified - Whether the tab has unsaved changes (shows indicator instead of dismiss).
+ *
+ * @slot icon - Optional icon displayed before the label (defaults to document icon).
+ * @slot dismiss-icon - Optional custom icon for the dismiss button.
+ * @slot - The tab label text.
+ *
+ * @fires dismiss - Fires when the dismiss button is clicked.
+ * @fires select - Fires when the tab is clicked to select.
+ * @fires rename-request - Fires when rename is requested via F2 key.
+ *
+ * @extends FASTElement
+ * @tagname fabric-dynamic-tab
+ * @public
+ */
+class DynamicTab extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Internal unique ID used when no id attribute is provided.
+     * Ensures aria-describedby references don't collide across instances.
+     * @internal
+     */
+    this.internalId = `fabric-dynamic-tab-${DynamicTab.idCounter++}`;
+    /**
+     * Whether the tab is currently selected.
+     * @public
+     * @remarks
+     * HTML Attribute: `selected`
+     */
+    this.selected = false;
+    /**
+     * Whether the tab is disabled.
+     * @public
+     * @remarks
+     * HTML Attribute: `disabled`
+     */
+    this.disabled = false;
+    /**
+     * When present, prevents the tab from being dismissed/closed.
+     * @public
+     * @remarks
+     * HTML Attribute: `no-dismiss`
+     */
+    this.noDismiss = false;
+    /**
+     * When present, prevents the tab from being renamed.
+     * @public
+     * @remarks
+     * HTML Attribute: `no-rename`
+     */
+    this.noRename = false;
+    /**
+     * Whether the tab has unsaved changes.
+     * When true, shows a modified indicator instead of the dismiss button.
+     * @public
+     * @remarks
+     * HTML Attribute: `modified`
+     */
+    this.modified = false;
+    /**
+     * Accessible label for the close/dismiss button.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-tab-label`
+     */
+    this.closeTabLabel = "";
+    /**
+     * Accessible label for the modified indicator.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `modified-label`
+     */
+    this.modifiedLabel = "";
+    /**
+     * Accessible hint text for dismissible tabs.
+     * Override for i18n/localization.
+     * @public
+     * @remarks
+     * HTML Attribute: `close-hint-label`
+     */
+    this.closeHintLabel = "";
+  }
+  /**
+   * Returns the effective ID for ARIA references.
+   * Uses the consumer-provided id attribute if set, otherwise falls back to internal ID.
+   * @internal
+   */
+  get effectiveId() {
+    return this.id || this.internalId;
+  }
+  /**
+   * Handles click events on the tab.
+   * @internal
+   */
+  handleClick(_event) {
+    if (this.disabled) return;
+    this.emitSelect();
+  }
+  /**
+   * Handles keyboard events.
+   * @internal
+   */
+  handleKeydown(event) {
+    if (this.disabled) return true;
+    switch (event.key) {
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        this.emitSelect();
+        return false;
+      case "F2":
+        if (!this.noRename) {
+          event.preventDefault();
+          this.emitRenameRequest();
+          return false;
+        }
+        break;
+    }
+    return true;
+  }
+  /**
+   * Handles dismiss button click.
+   * @internal
+   */
+  handleDismissClick(event) {
+    event.stopPropagation();
+    this.emitDismiss();
+  }
+  /**
+   * Emits the dismiss event.
+   * Can be called programmatically to trigger tab dismissal.
+   * @public
+   */
+  emitDismiss() {
+    this.dispatchEvent(new CustomEvent(DynamicTabEventNames.dismiss, {
+      detail: {
+        id: this.id
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Emits the select event.
+   * @internal
+   */
+  emitSelect() {
+    this.dispatchEvent(new CustomEvent(DynamicTabEventNames.select, {
+      detail: {
+        id: this.id
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /**
+   * Emits the rename-request event.
+   * @internal
+   */
+  emitRenameRequest() {
+    var _a, _b;
+    this.dispatchEvent(new CustomEvent(DynamicTabEventNames["rename-request"], {
+      detail: {
+        id: this.id,
+        currentName: (_b = (_a = this.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : ""
+      },
+      bubbles: true,
+      composed: true
+    }));
+  }
+}
+/**
+ * Static counter for generating unique internal IDs.
+ * @internal
+ */
+DynamicTab.idCounter = 0;
+__decorate([attr({
+  mode: "boolean"
+})], DynamicTab.prototype, "selected", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], DynamicTab.prototype, "disabled", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "no-dismiss"
+})], DynamicTab.prototype, "noDismiss", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "no-rename"
+})], DynamicTab.prototype, "noRename", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], DynamicTab.prototype, "modified", void 0);
+__decorate([attr({
+  attribute: "close-tab-label"
+})], DynamicTab.prototype, "closeTabLabel", void 0);
+__decorate([attr({
+  attribute: "modified-label"
+})], DynamicTab.prototype, "modifiedLabel", void 0);
+__decorate([attr({
+  attribute: "close-hint-label"
+})], DynamicTab.prototype, "closeHintLabel", void 0);
+
+export { DynamicTab };

package/esm/components/dynamic-tab/dynamic-tab.js.map

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

package/esm/components/dynamic-tab/dynamic-tab.options.js

@@ -0,0 +1,11 @@
+/**
+ * Event names for {@link DynamicTab}.
+ * @public
+ */
+const DynamicTabEventNames = {
+  dismiss: "dismiss",
+  select: "select",
+  "rename-request": "rename-request"
+};
+
+export { DynamicTabEventNames };

package/esm/components/dynamic-tab/dynamic-tab.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.options.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.options.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,gBAAgB;CAC1B,CAAC"}

package/esm/components/dynamic-tab/dynamic-tab.styles.js

@@ -0,0 +1,13 @@
+import { css } from '@microsoft/fast-element';
+import { fontFamilyBase, spacingHorizontalXS, spacingVerticalSNudge, spacingHorizontalS, borderRadiusMedium, colorSubtleBackground, colorSubtleBackgroundHover, fontWeightSemibold, colorSubtleBackgroundPressed, colorSubtleBackgroundSelected, colorStrokeFocus2, colorNeutralForegroundDisabled, colorNeutralForeground1, fontSizeBase300, fontWeightRegular, lineHeightBase300, colorNeutralStroke2 } from '@fluentui/web-components';
+import { visuallyHidden } from '../styles/patterns/patterns.js';
+
+/**
+ * Styles for the DynamicTab component.
+ * @public
+ */
+const styles = css`
+  ${visuallyHidden}
+  :host{outline:none}.root{display:inline-flex;position:relative;box-sizing:border-box;font-family:${fontFamilyBase};outline:none;min-width:180px;}.container{display:flex;align-items:center;gap:${spacingHorizontalXS};padding:${spacingVerticalSNudge} ${spacingHorizontalS};border-radius:${borderRadiusMedium};background:${colorSubtleBackground};width:100%;box-sizing:border-box;cursor:pointer}:host(:hover:not([disabled]):not([selected])) .container{background:${colorSubtleBackgroundHover}}:host(:hover:not([disabled])) .label{font-weight:${fontWeightSemibold}}:host(:active:not([disabled])) .container{background:${colorSubtleBackgroundPressed}}:host([selected]) .container{background:${colorSubtleBackgroundSelected}}:host([selected]) .label{font-weight:${fontWeightSemibold}}:host([selected]) .divider{display:none}:host(:focus-visible) .container{outline:2px solid ${colorStrokeFocus2};outline-offset:-2px}:host([disabled]){cursor:not-allowed}:host([disabled]) .container{cursor:not-allowed}:host([disabled]) .label{color:${colorNeutralForegroundDisabled}}:host([disabled]) .icon{color:${colorNeutralForegroundDisabled}}.icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${colorNeutralForeground1}}.label{flex:1;font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300};color:${colorNeutralForeground1};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dismiss-button{flex-shrink:0;--button-padding-inline:0;--button-min-width:20px;padding:0;padding-inline-start:${spacingHorizontalXS};min-width:unset;min-height:unset;border:unset}.modified-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${colorNeutralForeground1}}.modified-indicator svg{width:6px;height:6px}.divider{position:absolute;inset-inline-end:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:${colorNeutralStroke2};display:var(--tab-divider-display,block)}`;
+
+export { styles };

package/esm/components/dynamic-tab/dynamic-tab.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.styles.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;mBASC,cAAc;;;;;;;;WAQtB,mBAAmB;eACf,qBAAqB,IAAI,kBAAkB;qBACrC,kBAAkB;kBACrB,qBAAqB;;;;;;;;kBAQrB,0BAA0B;;;;mBAIzB,kBAAkB;;;;;kBAKnB,4BAA4B;;;;;kBAK5B,6BAA6B;;;;mBAI5B,kBAAkB;;;;;;;;;yBASZ,iBAAiB;;;;;;;;;;;;;;aAc7B,8BAA8B;;;;aAI9B,8BAA8B;;;;;;;;;;;aAW9B,uBAAuB;;;;;;iBAMnB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;;;;;;;;;;;4BAaR,mBAAmB;;;;;;;;;;;;;;aAclC,uBAAuB;;;;;;;;;;;;;;;;kBAgBlB,mBAAmB;;;CAGpC,CAAC"}

package/esm/components/dynamic-tab/dynamic-tab.template.js

@@ -0,0 +1,18 @@
+import { when, html } from '@microsoft/fast-element';
+import { documentIcon, modifiedIndicatorSVG, dismissIcon } from '../../util/icons.js';
+import { getString } from '@fabric-msft/localization';
+
+/**
+ * Template for the DynamicTab component.
+ * @public
+ */
+function dynamicTabTemplate() {
+  return html`<template role="tab" aria-selected="${x => x.selected}" aria-disabled="${x => x.disabled}" aria-describedby="${x => !x.noDismiss ? `${x.effectiveId}-hint` : undefined}" @click="${(x, c) => x.handleClick(c.event)}" @keydown="${(x, c) => x.handleKeydown(c.event)}"><div class="root"><div class="container"><span class="icon"><slot name="icon">${documentIcon}</slot></span><span class="label"><slot></slot></span>${when(x => x.modified, html`<span class="modified-indicator" aria-label="${x => x.modifiedLabel || getString("DynamicTab_Modified")}">${modifiedIndicatorSVG}</span>`)} ${when(x => !x.noDismiss && !x.disabled && !x.modified, html`<fabric-button class="dismiss-button" icon-only appearance="transparent" aria-label="${x => x.closeTabLabel || getString("DynamicTab_CloseTab")}" @click="${(x, c) => x.handleDismissClick(c.event)}" tabindex="-1"><slot name="dismiss-icon">${dismissIcon}</slot></fabric-button>`)}</div>${when(x => !x.noDismiss, html`<span id="${x => `${x.effectiveId}-hint`}" class="visually-hidden">${x => x.closeHintLabel || getString("DynamicTab_CloseHint")}</span>`)} ${when(x => !x.selected, html`<div class="divider"></div>`)}</div></template>`;
+}
+/**
+ * The template for the DynamicTab component.
+ * @public
+ */
+const template = dynamicTabTemplate();
+
+export { dynamicTabTemplate, template };

package/esm/components/dynamic-tab/dynamic-tab.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab.template.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IAGhC,OAAO,IAAI,CAAG;;;uBAGO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;0BACd,CAAC,CAAC,EAAE,EAAE,CACxB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,OAAO,CAAC,CAAC,CAAC,SAAS;gBAC1C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;;gCAKrC,YAAY;;;;;YAKhC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EACjB,IAAI,CAAG;;;8BAGW,CAAC,CAAC,EAAE,EAAE,CAClB,CAAC,CAAC,aAAa,IAAI,SAAS,CAAC,qBAAqB,CAAC;;kBAEnD,oBAAoB;;aAEzB,CACF;YACC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,EACjD,IAAI,CAAG;;;;;8BAKW,CAAC,CAAC,EAAE,EAAE,CAClB,CAAC,CAAC,aAAa,IAAI,SAAS,CAAC,qBAAqB,CAAC;0BAC3C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACjB,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAmB,CAAC;;;4CAGjB,WAAW;;aAE1C,CACF;;UAED,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACnB,IAAI,CAAG;;oBAEG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,OAAO;;;gBAGlC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,SAAS,CAAC,sBAAsB,CAAC;;WAEjE,CACF;UACC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,EAClB,IAAI,CAAG;;WAEN,CACF;;;GAGN,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,kBAAkB,EAAE,CAAC"}

package/esm/components/dynamic-tab/index.js

@@ -0,0 +1,6 @@
+export { DynamicTab } from "./dynamic-tab.js";
+export { DynamicTabEventNames } from "./dynamic-tab.options.js";
+export { template as DynamicTabTemplate } from "./dynamic-tab.template.js";
+export { styles as DynamicTabStyles } from "./dynamic-tab.styles.js";
+export { definition as DynamicTabDefinition } from "./dynamic-tab.definition.js";
+//# sourceMappingURL=index.js.map

package/esm/components/dynamic-tab/index.js.map

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

package/esm/components/dynamic-tab-list/define.js

@@ -0,0 +1,12 @@
+import { DesignSystem } from "../design-system.js";
+import { definition } from "./dynamic-tab-list.definition.js";
+import { definition as PopoverDefinition } from "../popover/popover.definition.js";
+import { definition as MenuListDefinition } from "../menu-list/menu-list.definition.js";
+import { definition as MenuItemDefinition } from "../menu-item/menu-item.definition.js";
+// Ensure popover is registered for context menu support
+PopoverDefinition.define(DesignSystem.registry);
+// Ensure menu components are registered for built-in manage tabs menu
+MenuListDefinition.define(DesignSystem.registry);
+MenuItemDefinition.define(DesignSystem.registry);
+definition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/dynamic-tab-list/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAExF,wDAAwD;AACxD,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AAEhD,sEAAsE;AACtE,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACjD,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AAEjD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js

@@ -0,0 +1,19 @@
+import { DesignSystem } from '../design-system.js';
+import { DynamicTabList } from './dynamic-tab-list.js';
+import { styles } from './dynamic-tab-list.styles.js';
+import { template } from './dynamic-tab-list.template.js';
+
+/**
+ * The Fabric DynamicTabList component definition.
+ * @public
+ */
+const definition = DynamicTabList.compose({
+  name: `${DesignSystem.prefix}-dynamic-tab-list`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+
+export { definition };

package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-tab-list.definition.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,mBAAmB;IAC/C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}