@fabric-msft/copilot-web 7.0.0

package/esm/components/contextual-menu-list/contextual-menu-list.js

@@ -0,0 +1,318 @@
+import { __decorate } from 'tslib';
+import { attr, observable, FASTElement, Updates } from '@microsoft/fast-element';
+import { ContextualMenuItem } from '../contextual-menu-item/contextual-menu-item.js';
+import { keyTab, keyHome, keyEnd, keyArrowUp, keyArrowDown } from '@microsoft/fast-web-utilities';
+
+/**
+ * ContextualMenuList
+ * @summary A menu list component that provides rich interaction with menu items and keyboard navigation. Manages focus, filtering, and accessibility for a collection of contextual menu items.
+ *
+ * @example
+ * ```html
+ * <fabric-contextual-menu-list>
+ *   <fabric-contextual-menu-item slot="start">Start Item</fabric-contextual-menu-item>
+ *   <fabric-contextual-menu-item>Main Item</fabric-contextual-menu-item>
+ *   <fabric-contextual-menu-item slot="end">End Item</fabric-contextual-menu-item>
+ * </fabric-contextual-menu-list>
+ * ```
+ *
+ * @attr {boolean} hidden - Controls visibility of the menu list
+ *
+ * @prop {boolean} hidden - Controls visibility of the menu list
+ * @prop {ContextualMenuItem[]} menuitems - Collection of menu items
+ * @prop {number} focusIndex - Index of the currently focused option
+ *
+ * @slot - Default slot for containing menu items
+ * @slot start - Content to display before the main content
+ * @slot end - Content to display after the main content
+ *
+ * @csspart menu-list - Styles the menu list container
+ *
+ * @method updateFocusableItems - Updates focus management for visible menu items
+ * @method filterMenuItems - Filters menu list items based on a search term
+ * @method focus - Focuses the menu list and sets focus to the first option
+ * @method handleMenuKeyDown - Handles keyboard navigation within the menu
+ * @method removeItemListeners - Removes event listeners from menu items
+ * @method setFocus - Sets focus to a specific option by index
+ * @method setItems - Initializes menu items and sets up event listeners
+ * @method handleFocusOut - Handles focus leaving the menu list
+ * @method handleItemFocus - Handles focus on individual menu items
+ * @method isOptionElement - Checks if an element is a valid option element
+ * @method isFocusableElement - Checks if an element can receive focus
+ * @method connectedCallback - Lifecycle callback when component is connected to DOM
+ * @method disconnectedCallback - Lifecycle callback when component is disconnected from DOM
+ *
+ * @extends FASTElement
+ * @tagname fabric-contextual-menu-list
+ * @public
+ */
+class ContextualMenuList extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Controls visibility of the menu list.
+     * @type {boolean}
+     * @attr
+     * @public
+     */
+    this.hidden = false;
+    /**
+     * Collection of menu menuitems within the menu list
+     * @public
+     */
+    this.menuitems = [];
+    /**
+     * Index of the currently focused option
+     * @public
+     */
+    this.focusIndex = -1;
+    /**
+     * Handles focus leaving the menulist
+     * @param e - Focus event to handle
+     * @private
+     */
+    this.handleFocusOut = e => {
+      // Only handle when focus is actually leaving the menu list
+      if (!this.contains(e.relatedTarget)) {
+        // Reset all items to non-focusable
+        this.menuitems.forEach(item => {
+          item.setAttribute("tabindex", "-1");
+        });
+        // Find first visible item and make it focusable
+        const firstVisibleItem = this.menuitems.find(item => !item.hasAttribute("hidden") && this.isFocusableElement(item));
+        if (firstVisibleItem) {
+          firstVisibleItem.setAttribute("tabindex", "0");
+        }
+        // Reset focus index to -1 to indicate we're outside the menu
+        this.focusIndex = -1;
+      }
+    };
+    /**
+     * Handles focus on individual menu items
+     * @param e - Focus event to handle
+     * @private
+     */
+    this.handleItemFocus = e => {
+      const targetItem = e.target;
+      // If we're coming from outside the menu or no item was focused
+      if (this.focusIndex === -1) {
+        // Get visible items
+        const visibleItems = this.menuitems.filter(item => !item.hasAttribute("hidden") && this.isFocusableElement(item));
+        // Reset all items to non-focusable
+        this.menuitems.forEach(item => item.setAttribute("tabindex", "-1"));
+        // Always focus the first visible item when entering the menu
+        const firstVisibleItem = visibleItems[0];
+        if (firstVisibleItem) {
+          firstVisibleItem.setAttribute("tabindex", "0");
+          firstVisibleItem.focus();
+          this.focusIndex = this.menuitems.indexOf(firstVisibleItem);
+          return;
+        }
+      } else {
+        // Normal focus handling within the menu
+        if (targetItem === this.menuitems[this.focusIndex]) {
+          return;
+        }
+        // Update focus state
+        this.menuitems[this.focusIndex].setAttribute("tabindex", "-1");
+        this.focusIndex = this.menuitems.indexOf(targetItem);
+        targetItem.setAttribute("tabindex", "0");
+      }
+    };
+    /**
+     * Checks if an element is a valid option element
+     * @param el - Element to check
+     * @returns True if element is a valid option
+     * @protected
+     */
+    this.isOptionElement = el => {
+      return el instanceof ContextualMenuItem || el.getAttribute("role") === "option";
+    };
+    /**
+     * Checks if an element can receive focus
+     * @param el - Element to check
+     * @returns True if element can receive focus
+     * @private
+     */
+    this.isFocusableElement = el => {
+      return this.isOptionElement(el);
+    };
+  }
+  /**
+   * Updates focus management for visible menu items
+   * @private
+   */
+  updateFocusableItems() {
+    // Reset all items to non-focusable
+    this.menuitems.forEach(item => {
+      item.setAttribute("tabindex", "-1");
+    });
+    // Get visible items
+    const visibleItems = this.menuitems.filter(item => !item.hasAttribute("hidden") && this.isFocusableElement(item));
+    // Always make the first visible item focusable
+    if (visibleItems.length > 0) {
+      visibleItems[0].setAttribute("tabindex", "0");
+      this.focusIndex = this.menuitems.indexOf(visibleItems[0]);
+    } else {
+      this.focusIndex = -1;
+    }
+  }
+  /**
+   * Filters menu list menuitems based on a search term.
+   * @param searchTerm - The search term to use for filtering.
+   */
+  filterMenuItems(searchTerm) {
+    const normalizedSearchTerm = searchTerm.toLowerCase();
+    let firstMatchFound = false;
+    // First pass: hide/show items based on search term
+    this.menuitems.forEach(item => {
+      var _a;
+      const mainText = ((_a = item.mainText) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "";
+      const matches = mainText.includes(normalizedSearchTerm);
+      if (searchTerm.length > 0 && !matches) {
+        item.hide();
+        item.setAttribute("tabindex", "-1");
+      } else {
+        item.show();
+        // Set tabindex based on whether this is the first visible item
+        if (!firstMatchFound) {
+          item.setAttribute("tabindex", "0");
+          this.focusIndex = this.menuitems.indexOf(item);
+          firstMatchFound = true;
+        } else {
+          item.setAttribute("tabindex", "-1");
+        }
+      }
+    });
+    // If no matches were found, reset focus index
+    if (!firstMatchFound) {
+      this.focusIndex = -1;
+    }
+  }
+  /**
+   * Focuses the menulist and sets focus to the first option
+   * @public
+   */
+  focus() {
+    this.setFocus(0, 1);
+  }
+  /**
+   * Handles keyboard navigation within the menu
+   * @param e - Keyboard event to handle
+   * @returns true if no action is taken, otherwise void
+   * @public
+   */
+  handleMenuKeyDown(e) {
+    if (e.defaultPrevented || this.menuitems === undefined) {
+      return;
+    }
+    switch (e.key) {
+      case keyArrowDown:
+        this.setFocus(this.focusIndex + 1, 1);
+        return;
+      case keyArrowUp:
+        this.setFocus(this.focusIndex - 1, -1);
+        return;
+      case keyEnd:
+        this.setFocus(this.menuitems.length - 1, -1);
+        return;
+      case keyHome:
+        this.setFocus(0, 1);
+        return;
+      case keyTab:
+        return true;
+      default:
+        return true;
+    }
+  }
+  /**
+   * Removes event listeners from menu items
+   * @param items - Optional array of items to remove listeners from
+   * @private
+   */
+  removeItemListeners(items = this.menuitems) {
+    items.forEach(item => {
+      item.removeEventListener("focus", this.handleItemFocus);
+    });
+  }
+  /**
+   * Sets focus to a specific option by index
+   * @param focusIndex - Index of the option to focus
+   * @param adjustment - Direction of focus movement
+   * @private
+   */
+  setFocus(_focusIndex, adjustment) {
+    var _a;
+    if (!((_a = this.menuitems) === null || _a === void 0 ? void 0 : _a.length)) {
+      return;
+    }
+    // Get only visible items
+    const visibleItems = this.menuitems.filter(item => !item.hasAttribute("hidden") && this.isFocusableElement(item));
+    if (visibleItems.length === 0) {
+      return;
+    }
+    // Find the currently focused item in the visible items array
+    let currentVisibleIndex = visibleItems.findIndex(item => item === this.menuitems[this.focusIndex]);
+    // If no item is focused, start from beginning or end based on direction
+    if (currentVisibleIndex === -1) {
+      currentVisibleIndex = adjustment > 0 ? -1 : visibleItems.length;
+    }
+    // Calculate the next index in the visible items array
+    let nextVisibleIndex = currentVisibleIndex + adjustment;
+    // Handle wrapping
+    if (nextVisibleIndex < 0) {
+      nextVisibleIndex = visibleItems.length - 1;
+    } else if (nextVisibleIndex >= visibleItems.length) {
+      nextVisibleIndex = 0;
+    }
+    // Update focus state
+    this.menuitems.forEach(item => item.setAttribute("tabindex", "-1"));
+    const nextItem = visibleItems[nextVisibleIndex];
+    nextItem.setAttribute("tabindex", "0");
+    nextItem.focus();
+    this.focusIndex = this.menuitems.indexOf(nextItem);
+  }
+  /**
+   * Initializes menu items and sets up event listeners
+   * @public
+   */
+  setItems() {
+    const children = Array.from(this.children);
+    this.removeItemListeners(children);
+    const newItems = children.filter(child => child instanceof ContextualMenuItem);
+    this.menuitems = newItems;
+    // Add focus listeners to all items
+    this.menuitems.forEach(item => {
+      item.addEventListener("focus", this.handleItemFocus);
+    });
+    // Initialize focus management
+    this.updateFocusableItems();
+  }
+  /**
+   * Called when the menulist is connected to the DOM
+   * Sets up initial items and event listeners
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    Updates.enqueue(() => {
+      this.setItems();
+    });
+  }
+  /**
+   * Called when the menulist is disconnected from the DOM
+   * Cleans up event listeners and resets state
+   * @public
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeItemListeners();
+    this.menuitems = [];
+  }
+}
+__decorate([attr({
+  mode: "boolean"
+})], ContextualMenuList.prototype, "hidden", void 0);
+__decorate([observable], ContextualMenuList.prototype, "menuitems", void 0);
+
+export { ContextualMenuList };

package/esm/components/contextual-menu-list/contextual-menu-list.js.map

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

package/esm/components/contextual-menu-list/contextual-menu-list.styles.js

@@ -0,0 +1,9 @@
+import { colorNeutralBackground1, borderRadiusMedium, display } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${display("flex")}
+
+  :host{width:100%}.menu-list{position:relative;overflow-y:auto;width:100%;row-gap:2px;display:flex;flex-direction:column;background:${colorNeutralBackground1};max-height:var(--menu-list-max-height,190px);border-radius:var(--menu-list-border-radius,${borderRadiusMedium});.menu-list::-webkit-scrollbar{width:4px;padding:4px}.menu-list::-webkit-scrollbar-track{background-color:transparent;border-radius:4px;}.menu-list::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px;margin-inline-end:4px}.menu-list::-webkit-scrollbar-button{display:none;}`;
+
+export { styles };

package/esm/components/contextual-menu-list/contextual-menu-list.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-menu-list.styles.js","sourceRoot":"","sources":["../../../../src/components/contextual-menu-list/contextual-menu-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;kBAcD,uBAAuB;;oDAEW,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAqBrE,CAAC"}

package/esm/components/contextual-menu-list/contextual-menu-list.template.js

@@ -0,0 +1,12 @@
+import { slotted, html } from '@microsoft/fast-element';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(ContextualMenuList:class)} component.
+ * @public
+ */
+function contextMenuListTemplate() {
+  return html`<template @keydown="${(x, c) => x.handleMenuKeyDown(c.event)}" @focusout="${(x, c) => x.handleFocusOut(c.event)}" aria-label="${x => x.ariaLabel}" ?hidden="${x => x.hidden}" aria-hidden="${x => x.hidden ? "true" : "false"}" role="menu"><slot name="start"></slot><div class="menu-list" part="menu-list"><slot ${slotted("menuitems")}></slot></div><slot name="end"></slot></template>`;
+}
+const template = contextMenuListTemplate();
+
+export { contextMenuListTemplate, template };

package/esm/components/contextual-menu-list/contextual-menu-list.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-menu-list.template.js","sourceRoot":"","sources":["../../../../src/components/contextual-menu-list/contextual-menu-list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IAGrC,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAsB,CAAC;mBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAChD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;iBACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;qBACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;;;;gBAKzC,OAAO,CAAC,WAAW,CAAC;;;;GAIjC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,uBAAuB,EAAE,CAAC"}

package/esm/components/contextual-menu-list/define.js

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

package/esm/components/contextual-menu-list/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/contextual-menu-list/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAClG,4BAA4B,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/contextual-menu-list/index.js

@@ -0,0 +1,5 @@
+export { ContextualMenuList } from "./contextual-menu-list.js";
+export { definition as ContextualMenuListDefinition } from "./contextual-menu-list.definition.js";
+export { styles as ContextualMenuListStyles } from "./contextual-menu-list.styles.js";
+export { template as ContextualMenuListTemplate } from "./contextual-menu-list.template.js";
+//# sourceMappingURL=index.js.map

package/esm/components/contextual-menu-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/contextual-menu-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,UAAU,IAAI,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAClG,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,QAAQ,IAAI,0BAA0B,EAAE,MAAM,oCAAoC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tab.definition.js","sourceRoot":"","sources":["../../../../src/components/contextual-tab/contextual-tab.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,50 @@
+import { Tab } from '@fluentui/web-components';
+
+/**
+ * ContextualTab
+ * @summary A tab component that provides navigation control within the contextual menu system. Extends Fluent UI's Tab component with start/end content positioning for enhanced layout flexibility.
+ *
+ * @example
+ * ```html
+ * <fabric-contextual-tab id="tab1" selected>
+ *   <div slot="start">Start Content</div>
+ *   Tab Content
+ *   <div slot="end">End Content</div>
+ * </fabric-contextual-tab>
+ * ```
+ *
+ * @attr {boolean} disabled - Whether the tab is disabled
+ * @attr {boolean} selected - Whether the tab is currently selected
+ * @attr {string} id - The unique identifier for the tab
+ * @attr {string} aria-selected - Whether the tab is currently selected
+ * @attr {string} aria-disabled - Whether the tab is disabled
+ * @attr {string} tabindex - Tab order for keyboard navigation
+ *
+ * @prop {boolean} disabled - Whether the tab is disabled
+ * @prop {boolean} selected - Whether the tab is currently selected
+ * @prop {string} id - The unique identifier for the tab
+ * @prop {string} ariaSelected - Whether the tab is currently selected
+ * @prop {string} ariaDisabled - Whether the tab is disabled
+ * @prop {string} tabindex - Tab order for keyboard navigation
+ *
+ * @slot - Default slot for tab content
+ * @slot start - Content to display before the main content
+ * @slot end - Content to display after the main content
+ *
+ * @csspart content - Styles the main content container
+ * @csspart start - Styles the start content container
+ * @csspart end - Styles the end content container
+ *
+ * @method click - Programmatically triggers a click on the tab
+ * @method focus - Focuses the tab element
+ * @method blur - Removes focus from the tab element
+ *
+ * @fires change - Fires when tab selection changes
+ *
+ * @extends Tab from @fluentui/web-components
+ * @tagname fabric-contextual-tab
+ * @public
+ */
+class ContextualTab extends Tab {}
+
+export { ContextualTab };

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tab.js","sourceRoot":"","sources":["../../../../src/components/contextual-tab/contextual-tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,OAAO,aAAc,SAAQ,GAAG;CAAG"}

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

@@ -0,0 +1,8 @@
+import { css } from '@microsoft/fast-element';
+import { TabStyles } from '@fluentui/web-components';
+
+const styles = css`
+  ${TabStyles}
+  :host{flex-shrink:0}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tab.styles.js","sourceRoot":"","sources":["../../../../src/components/contextual-tab/contextual-tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,SAAS;;;;CAIZ,CAAC"}

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

@@ -0,0 +1,5 @@
+import { TabTemplate } from '@fluentui/web-components';
+
+const template = TabTemplate;
+
+export { template };

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tab.template.js","sourceRoot":"","sources":["../../../../src/components/contextual-tab/contextual-tab.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC"}

package/esm/components/contextual-tab/define.js

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

package/esm/components/contextual-tab/define.js.map

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

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

@@ -0,0 +1,5 @@
+export { ContextualTab } from "./contextual-tab.js";
+export { definition as ContextualTabDefinition } from "./contextual-tab.definition.js";
+export { styles as ContextualTabStyles } from "./contextual-tab.styles.js";
+export { template as ContextualTabTemplate } from "./contextual-tab.template.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/contextual-tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/esm/components/contextual-tabpanel/contextual-tabpanel.definition.js

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

package/esm/components/contextual-tabpanel/contextual-tabpanel.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tabpanel.definition.js","sourceRoot":"","sources":["../../../../src/components/contextual-tabpanel/contextual-tabpanel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACnD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,sBAAsB;IAClD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/contextual-tabpanel/contextual-tabpanel.js

@@ -0,0 +1,77 @@
+import { __decorate } from 'tslib';
+import { observable, FASTElement } from '@microsoft/fast-element';
+import { ContextualMenuList } from '../contextual-menu-list/contextual-menu-list.js';
+
+/**
+ * ContextualTabpanel
+ * @summary A panel component that provides a contextual tab panel interface and manages menu list collections with proper filtering and event handling.
+ *
+ * @example
+ * ```html
+ * <fabric-contextual-tabpanel id="example-panel" aria-labelledby="example-tab" tabindex="0">
+ *   <fabric-contextual-menu-list slot="start">
+ *     <fabric-contextual-menu-item>Menu Item 1</fabric-contextual-menu-item>
+ *   </fabric-contextual-menu-list>
+ *   <fabric-contextual-menu-list>
+ *     <fabric-contextual-menu-item>Menu Item 2</fabric-contextual-menu-item>
+ *   </fabric-contextual-menu-list>
+ *   <fabric-contextual-menu-list slot="end">
+ *     <fabric-contextual-menu-item>Menu Item 3</fabric-contextual-menu-item>
+ *   </fabric-contextual-menu-list>
+ * </fabric-contextual-tabpanel>
+ * ```
+ *
+ * @attr {boolean} hidden - Whether the panel is hidden from view
+ * @attr {string} id - Unique identifier for the panel
+ * @attr {string} aria-labelledby - References the ID of the tab that labels this panel
+ * @attr {string} tabindex - Tab order for keyboard navigation
+ *
+ * @prop {boolean} hidden - Whether the panel is hidden from view
+ * @prop {string} id - Unique identifier for the panel
+ * @prop {string} aria-labelledby - References the ID of the tab that labels this panel
+ * @prop {string} tabindex - Tab order for keyboard navigation
+ * @prop {ContextualMenuList[]} menulists - The collection of `ContextualMenuList` elements within this panel
+ *
+ * @slot - Default slot for containing menu lists
+ * @slot start - Content to display before the main content
+ * @slot end - Content to display after the main content
+ *
+ * @method menulistsChanged - Handles changes to the `menulists` property, filtering the list to include only valid `ContextualMenuList` items
+ *
+ * @fires promptselect - Fires when a prompt is selected in a menu list. Event bubbles and is composed
+ *
+ * @extends FASTElement
+ * @tagname fabric-contextual-tabpanel
+ * @public
+ */
+class ContextualTabpanel extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * The collection of `ContextualMenuList` elements within this panel.
+     * Used to manage and filter menu lists for the panel.
+     * @type {ContextualMenuList[]}
+     * @observable
+     * @public
+     */
+    this.menulists = [];
+  }
+  /**
+   * Handles changes to the `menulists` property, filtering the list to include only valid `ContextualMenuList` items.
+   * This ensures that only proper menulist elements are included in the panel's collection.
+   *
+   * @param oldValue - The previous value of the `menulists` property
+   * @param newValue - The new value of the `menulists` property
+   * @returns {void}
+   * @public
+   */
+  menulistsChanged(_oldValue, newValue) {
+    const filteredList = newValue.filter(item => item instanceof ContextualMenuList);
+    if (filteredList.length !== this.menulists.length || !filteredList.every((item, index) => item === this.menulists[index])) {
+      this.menulists = filteredList;
+    }
+  }
+}
+__decorate([observable], ContextualTabpanel.prototype, "menulists", void 0);
+
+export { ContextualTabpanel };

package/esm/components/contextual-tabpanel/contextual-tabpanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tabpanel.js","sourceRoot":"","sources":["../../../../src/components/contextual-tabpanel/contextual-tabpanel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAErF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAW;IAAnD;;QACE;;;;;;WAMG;QAEI,cAAS,GAAyB,EAAE,CAAC;IA0B9C,CAAC;IAxBC;;;;;;;;OAQG;IACI,gBAAgB,CACrB,SAA+B,EAC/B,QAA8B;QAE9B,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAClC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,kBAAkB,CAC7C,CAAC;QAEF,IACE,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM;YAC7C,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EACpE,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC;QAChC,CAAC;IACH,CAAC;CACF;AA1BQ;IADN,UAAU;qDACiC"}

package/esm/components/contextual-tabpanel/contextual-tabpanel.styles.js

@@ -0,0 +1,9 @@
+import { css } from '@microsoft/fast-element';
+import { spacingVerticalXS, display } from '@fluentui/web-components';
+
+const styles = css`
+  ${display("block")}
+
+  :host{box-sizing:border-box;padding:${spacingVerticalXS};overflow:hidden}`;
+
+export { styles };

package/esm/components/contextual-tabpanel/contextual-tabpanel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-tabpanel.styles.js","sourceRoot":"","sources":["../../../../src/components/contextual-tabpanel/contextual-tabpanel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;eAIL,iBAAiB;;;CAG/B,CAAC"}

package/esm/components/contextual-tabpanel/contextual-tabpanel.template.js

@@ -0,0 +1,13 @@
+import { slotted, html } from '@microsoft/fast-element';
+import './contextual-tabpanel.js';
+
+/**
+ * The template for the {@link @fabric-msft/copilot-web#(ContextualTabpanel:class)} component.
+ * @public
+ */
+function tabPanelTemplate() {
+  return html`<template slot="tabpanel" role="tabpanel"><slot name="start"></slot><slot ${slotted("menulists")}></slot><slot name="end"></slot></template>`;
+}
+const template = tabPanelTemplate();
+
+export { tabPanelTemplate, template };