@fabric-msft/fabric-web 5.0.0 → 7.0.0

package/esm/components/accordion-menu/accordion-menu.js

@@ -0,0 +1,254 @@
+import { attr, observable, FASTElement, Observable, Updates } from '@microsoft/fast-element';
+import { isHTMLElement } from '@microsoft/fast-web-utilities';
+import { AccordionMenuPanel } from '../accordion-menu-panel/accordion-menu-panel.js';
+import { AccordionMenuExpandModes } from './accordion-menu.options.js';
+import { MenuItem } from '../menu-item/menu-item.js';
+import { MenuItemRoles } from '../menu-item/menu-item.options.js';
+import { MenuList } from '../menu-list/menu-list.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;
+};
+/**
+ * AccordionMenu
+ * @summary An AccordionMenu component that provides an interactive accordion interface, allowing for expandable and collapsible sections. Implements ARIA Accordion.
+ *
+ * @example
+ * ```html
+ * <fabric-accordion-menu expand-mode="single">
+ *   <fabric-accordion-item>
+ *     <fabric-accordion-menu-panel>
+ *       <!-- content for first panel -->
+ *     </fabric-accordion-menu-panel>
+ *   </fabric-accordion-item>
+ *   <fabric-accordion-item>
+ *     <fabric-accordion-menu-panel>
+ *       <!-- content for second panel -->
+ *     </fabric-accordion-menu-panel>
+ *   </fabric-accordion-item>
+ *   <!-- additional accordion items here -->
+ * </fabric-accordion-menu>
+ * ```
+ *
+ * @attr {AccordionMenuExpandMode} expand-mode - Controls the expand mode of the Accordion, either allowing single or multiple item expansion.
+ *
+ * @prop {ElementInternals} elementInternals - Internal element state used to manage the component.
+ * @prop {HTMLElement[]} slottedElements - The slotted accordion menu items.
+ * @prop {AccordionMenuExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing single or multiple item expansion.
+ *
+ * @slot - The default slot for the accordion items.
+ *
+ * @csspart accordion-menu - Represents the accordion menu container.
+ *
+ * @method expandmodeChanged - Handles changes to the `expandmode` attribute.
+ * @method handleChange - Handles changes to observed properties.
+ * @method clearSelections - Clears the selections of menu items.
+ * @method findExpandedItem - Finds the first expanded item in the accordion.
+ * @method setItems - Sets up the accordion items.
+ * @method isSingleExpandMode - Checks if the accordion is in single expand mode.
+ * @method setSingleExpandMode - Controls the behavior of the accordion in single expand mode.
+ *
+ * @fires change - Fires a custom 'change' event when the active item changes.
+ *
+ * @extends FASTElement
+ * @tagname fabric-accordion-menu
+ * @public
+ */
+class AccordionMenu extends FASTElement {
+  /** Constructor for the AccordionMenu component. */
+  constructor() {
+    super();
+    /** Internal element state used to manage the component. */
+    this.elementInternals = this.attachInternals();
+    /**
+     * Controls the expand mode of the Accordion, either allowing
+     * single or multiple item expansion.
+     * HTML attribute: expand-mode
+     * @public
+     */
+    this.expandmode = AccordionMenuExpandModes.multi;
+    /**
+     * The slotted accordion menu items.
+     * @public
+     */
+    this.slottedElements = [];
+    /**
+     * check if the item is a menu item
+     */
+    this.isMenuItemElement = el => {
+      return el instanceof MenuItem || isHTMLElement(el) && el.getAttribute("role") in MenuList.focusableElementRoles;
+    };
+    /**
+     * Removes event listeners from items.
+     */
+    this.removeItemListeners = items => {
+      items.forEach(item => {
+        Observable.getNotifier(item).unsubscribe(this, "disabled");
+        Observable.getNotifier(item).unsubscribe(this, "expanded");
+      });
+    };
+    this.elementInternals.role = "menu";
+  }
+  /** Lifecycle method called when the component is connected to the DOM. */
+  connectedCallback() {
+    super.connectedCallback();
+    Updates.enqueue(() => {
+      this.setItems();
+    });
+  }
+  /** Lifecycle method called when the component is disconnected from the DOM. */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeItemListeners(this.slottedElements);
+    this.slottedElements = [];
+  }
+  /**
+   * Handles changes to the `expandmode` attribute.
+   * @param prev - The previous value.
+   * @param next - The next value.
+   */
+  expandmodeChanged(_prev, next) {
+    if (!this.$fastController.isConnected) {
+      return;
+    }
+    const expandedItem = this.findExpandedItem();
+    if (!expandedItem) {
+      return;
+    }
+    if (next === AccordionMenuExpandModes.single) {
+      this.setSingleExpandMode(expandedItem);
+    } else {
+      expandedItem === null || expandedItem === void 0 ? void 0 : expandedItem.removeAttribute("aria-disabled");
+    }
+  }
+  /**
+   * Handles changes to observed properties.
+   * @param source - The source element.
+   * @param propertyName - The name of the property that changed.
+   */
+  handleChange(source, propertyName) {
+    if (propertyName === "disabled") {
+      this.setItems();
+    } else if (propertyName === "expanded") {
+      const sourcePanel = source;
+      if (sourcePanel.expanded && this.isSingleExpandMode()) {
+        this.setSingleExpandMode(sourcePanel);
+      }
+    }
+  }
+  /**
+   * Clears the selections of menu items.
+   */
+  clearSelections() {
+    if (this.slottedElements === undefined) {
+      return;
+    }
+    this.slottedElements.forEach(item => {
+      if (item instanceof AccordionMenuPanel && item.menuList) {
+        item.menuList.forEach(menuItem => {
+          var _a;
+          const menuList = menuItem;
+          (_a = menuList.menuItems) === null || _a === void 0 ? void 0 : _a.forEach(menuItem => {
+            if (menuItem instanceof MenuItem) {
+              menuItem.checked = false;
+            }
+          });
+        });
+      }
+    });
+  }
+  /**
+   * Finds the first expanded item in the accordion.
+   */
+  findExpandedItem() {
+    var _a;
+    if (this.slottedElements.length === 0) {
+      return null;
+    }
+    return (_a = this.slottedElements.find(item => item instanceof AccordionMenuPanel && item.expanded)) !== null && _a !== void 0 ? _a : this.slottedElements[0];
+  }
+  /**
+   * Sets up the accordion items.
+   */
+  setItems() {
+    var _a;
+    if (this.slottedElements.length === 0) {
+      return;
+    }
+    const children = Array.from(this.children);
+    this.removeItemListeners(children);
+    children.forEach(child => Observable.getNotifier(child).subscribe(this, "disabled"));
+    this.slottedElements = children.filter(child => !child.hasAttribute("disabled"));
+    // Set initial tabindex for each accordion item
+    this.slottedElements.forEach(item => {
+      if (item instanceof AccordionMenuPanel) {
+        Observable.getNotifier(item).subscribe(this, "expanded");
+      }
+    });
+    if (this.isSingleExpandMode()) {
+      const expandedItem = this.findExpandedItem();
+      this.setSingleExpandMode(expandedItem);
+    }
+    /**
+     * Set the indent attribute on MenuItem elements based on their
+     * position in the MenuList. Each MenuItem element has a data-indent attribute that is
+     * used to set the indent of the element's start slot content.
+     */
+    const filteredMenuListItems = (_a = this.slottedElements) === null || _a === void 0 ? void 0 : _a.filter(this.isMenuItemElement);
+    const indent = filteredMenuListItems === null || filteredMenuListItems === void 0 ? void 0 : filteredMenuListItems.reduce((accum, current) => {
+      const elementValue = AccordionMenu.elementIndent(current);
+      return Math.max(accum, elementValue);
+    }, 0);
+    filteredMenuListItems === null || filteredMenuListItems === void 0 ? void 0 : filteredMenuListItems.forEach(item => {
+      if (item instanceof MenuItem) {
+        item.setAttribute("data-indent", `${indent}`);
+      }
+    });
+  }
+  static elementIndent(el) {
+    const role = el.getAttribute("role");
+    const startSlot = el.querySelector("[slot=start]");
+    if (role && role !== MenuItemRoles.menuitem) {
+      return startSlot ? 2 : 1;
+    }
+    return startSlot ? 1 : 0;
+  }
+  /**
+   * Checks if the accordion is in single expand mode.
+   */
+  isSingleExpandMode() {
+    return this.expandmode === AccordionMenuExpandModes.single;
+  }
+  /**
+   * Controls the behavior of the accordion in single expand mode.
+   */
+  setSingleExpandMode(expandedItem) {
+    if (this.slottedElements.length === 0) {
+      return;
+    }
+    const currentItems = Array.from(this.slottedElements);
+    currentItems.forEach(item => {
+      if (item instanceof AccordionMenuPanel) {
+        if (item === expandedItem) {
+          item.expanded = true;
+          this.setAttribute("aria-disabled", "true");
+        } else {
+          item.expanded = false;
+          if (!item.hasAttribute("disabled")) {
+            this.removeAttribute("aria-disabled");
+          }
+        }
+      }
+    });
+  }
+}
+__decorate([attr({
+  attribute: "expand-mode"
+})], AccordionMenu.prototype, "expandmode", void 0);
+__decorate([observable], AccordionMenu.prototype, "slottedElements", void 0);
+
+export { AccordionMenu };

package/esm/components/accordion-menu/accordion-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu/accordion-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAI5C,mDAAmD;IACnD;QACE,KAAK,EAAE,CAAC;QALV,2DAA2D;QACpD,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAuBnE;;;;;WAKG;QAEI,eAAU,GAA4B,wBAAwB,CAAC,KAAK,CAAC;QA2B5E;;;WAGG;QAEI,oBAAe,GAAkB,EAAE,CAAC;QAyH3C;;WAEG;QACO,sBAAiB,GAAG,CAAC,EAAW,EAAqB,EAAE;YAC/D,OAAO,CACL,EAAE,YAAY,QAAQ;gBACtB,CAAC,aAAa,CAAC,EAAE,CAAC;oBACf,EAAE,CAAC,YAAY,CAAC,MAAM,CAAY,IAAI,QAAQ,CAAC,qBAAqB,CAAC,CACzE,CAAC;QACJ,CAAC,CAAC;QAiCF;;WAEG;QACK,wBAAmB,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC3D,KAAK,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;gBAClC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;gBAC3D,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QApOA,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC;IACtC,CAAC;IAED,0EAA0E;IACnE,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,+EAA+E;IACxE,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC5B,CAAC;IAWD;;;;OAIG;IACI,iBAAiB,CACtB,KAA8B,EAC9B,IAA6B;QAE7B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC7C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,KAAK,wBAAwB,CAAC,MAAM,EAAE,CAAC;YAC7C,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACL,YAAmC,aAAnC,YAAY,uBAAZ,YAAY,CAAyB,eAAe,CAAC,eAAe,CAAC,CAAC;QACzE,CAAC;IACH,CAAC;IASD;;;;OAIG;IACI,YAAY,CAAC,MAAmB,EAAE,YAAoB;QAC3D,IAAI,YAAY,KAAK,UAAU,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;aAAM,IAAI,YAAY,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,WAAW,GAAG,MAA4B,CAAC;YACjD,IAAI,WAAW,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;gBACtD,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;IACH,CAAC;IAED;;OAEG;IACI,eAAe;QACpB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,IAAI,IAAI,YAAY,kBAAkB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACxD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;;oBACjC,MAAM,QAAQ,GAAG,QAAoB,CAAC;oBACtC,MAAA,QAAQ,CAAC,SAAS,0CAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;wBACvC,IAAI,QAAQ,YAAY,QAAQ,EAAE,CAAC;4BACjC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;wBAC3B,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,gBAAgB;;QACtB,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,MAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,CAAC,IAAsC,EAAE,EAAE,CACzC,IAAI,YAAY,kBAAkB,IAAI,IAAI,CAAC,QAAQ,CACtD,mCAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAC7B,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,QAAQ;;QACd,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAkB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAkB,CAAC;QAC3E,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAEnC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAkB,EAAE,EAAE,CACtC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAC1D,CAAC;QAEF,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,MAAM,CACpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAC3C,CAAC;QAEF,+CAA+C;QAC/C,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YACjD,IAAI,IAAI,YAAY,kBAAkB,EAAE,CAAC;gBACvC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAwB,CAAC;YACnE,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC;QACzC,CAAC;QAED;;;;WAIG;QACH,MAAM,qBAAqB,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAE,MAAM,CACxD,IAAI,CAAC,iBAAiB,CACvB,CAAC;QACF,MAAM,MAAM,GACV,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,CAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YACpE,MAAM,YAAY,GAAG,aAAa,CAAC,aAAa,CAC9C,OAAsB,CACvB,CAAC;YAEF,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,YAAsB,CAAwB,CAAC;QACxE,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YACnD,IAAI,IAAI,YAAY,QAAQ,EAAE,CAAC;gBAC7B,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,MAAM,CAAC,aAAa,CAAC,EAAe;QAC1C,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAEnD,IAAI,IAAI,IAAI,IAAI,KAAK,aAAa,CAAC,QAAQ,EAAE,CAAC;YAC5C,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;QAED,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAaD;;OAEG;IACK,kBAAkB;QACxB,OAAO,IAAI,CAAC,UAAU,KAAK,wBAAwB,CAAC,MAAM,CAAC;IAC7D,CAAC;IAED;;OAEG;IACK,mBAAmB,CAAC,YAAyB;QACnD,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACtD,YAAY,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YACzC,IAAI,IAAI,YAAY,kBAAkB,EAAE,CAAC;gBACvC,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;oBAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;oBACrB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;oBACtB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;wBACnC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CAWF;AA5MQ;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;iDACyC;AAgCrE;IADN,UAAU;sDACgC"}

package/esm/components/accordion-menu/accordion-menu.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu.options.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu/accordion-menu.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}

package/esm/components/accordion-menu/accordion-menu.styles.js

@@ -0,0 +1,9 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalXL, spacingHorizontalL, spacingVerticalXXS, display } from '@fluentui/web-components';
+
+const styles = css`
+  ${display("flex")}
+
+  :host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${spacingHorizontalXL} * 15);min-width:calc(${spacingHorizontalL} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${spacingVerticalXXS}}`;
+
+export { styles };

package/esm/components/accordion-menu/accordion-menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu.styles.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu/accordion-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;sBAMG,mBAAmB;sBACnB,kBAAkB;;;;;;eAMzB,kBAAkB;;CAEhC,CAAC"}

package/esm/components/accordion-menu/accordion-menu.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu.template.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu/accordion-menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIxD;;GAEG;AACH,MAAM,UAAU,qBAAqB;IAGnC,OAAO,IAAI,CAAG;;;UAGN,OAAO,CAAC;QACR,QAAQ,EAAE,iBAAiB;KAC5B,CAAC;;;GAGP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,qBAAqB,EAAE,CAAC"}

package/esm/components/accordion-menu/define.js.map

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

package/esm/components/accordion-menu/index.js.map

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

package/esm/components/accordion-menu-panel/accordion-menu-panel.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.definition.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/accordion-menu-panel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACnD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,uBAAuB;IACnD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/accordion-menu-panel/accordion-menu-panel.js

@@ -0,0 +1,255 @@
+import { observable, attr, FASTElement, Updates } from '@microsoft/fast-element';
+import { keyEscape, keySpace, keyEnter, uniqueId } from '@microsoft/fast-web-utilities';
+import { toggleState } from '../../util/element-internals.js';
+import '../menu-list/menu-list.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;
+};
+/**
+ * AccordionMenuPanel
+ * @summary An AccordionMenuPanel component that provides expandable and collapsible sections within an accordion menu.
+ *
+ * @example
+ * ```html
+ * <fabric-accordion-menu>
+ *   <fabric-accordion-menu-panel id="examplePanel" expanded>
+ *     <div slot="heading">Section 1</div>
+ *     <span slot="marker-expanded">-</span>
+ *     <span slot="marker-collapsed">+</span>
+ *     <fabric-menu-list>
+ *       <fabric-menu-item>Content for section 1</fabric-menu-item>
+ *       <fabric-menu-item>Content for section 2</fabric-menu-item>
+ *     </fabric-menu-list>
+ *   </fabric-accordion-menu-panel>
+ * </fabric-accordion-menu>
+ * ```
+ *
+ * @attr {boolean} expanded - Expands or collapses the item.
+ * @attr {boolean} disabled - Disables the accordion item.
+ * @attr {string} id - The item ID.
+ * @attr {AccordionMenuPanelSize} size - Defines the accordion header font size.
+ * @attr {boolean} block - Sets the width of the focus state.
+ * @attr {AccordionMenuPanelMarkerPosition} marker-position - Sets expand and collapsed icon position.
+ *
+ * @prop {ElementInternals} elementInternals - Internal element state used to manage the component.
+ * @prop {MenuList[] | undefined} menuList - The menu list element if present.
+ * @prop {HTMLElement | undefined} headingElement - Reference to the heading element.
+ * @prop {boolean} expanded - Expands or collapses the item.
+ * @prop {boolean} disabled - Disables an accordion item
+ * @prop {string} id - The item ID.
+ * @prop {AccordionMenuPanelSize | undefined} size - Defines accordion header font size.
+ * @prop {boolean} block - Sets the width of the focus state.
+ * @prop {AccordionMenuPanelMarkerPosition | undefined} markerPosition - Sets expand and collapsed icon position.
+ *
+ * @slot heading - Slot for the heading content.
+ * @slot marker-expanded - Slot for the expanded icon.
+ * @slot marker-collapsed - Slot for the collapsed icon.
+ * @slot - Default slot for the accordion item content.
+ *
+ * @csspart heading - Represents the heading of the accordion item.
+ * @csspart heading-content - Represents the content container of the heading.
+ * @csspart markers - Represents the container for expand/collapse icons.
+ * @csspart content - Represents the content of the accordion item.
+ *
+ * @method focusFirstMenuItem - Focus the first menu item in the menu list.
+ * @method expandedChanged - Handles expanded changes.
+ * @method disabledChanged - Handles disabled changes.
+ * @method sizeChanged - Handles changes to size attribute.
+ * @method blockChanged - Handles changes to block attribute.
+ * @method markerPositionChanged - Handles changes to marker-position attribute.
+ *
+ * @fires expanded-change - Event fired when the expanded state changes.
+ *
+ * @extends FASTElement
+ * @tagname fabric-accordion-menu-panel
+ * @public
+ */
+class AccordionMenuPanel extends FASTElement {
+  /** Constructor for the AccordionMenuPanel component. */
+  constructor() {
+    super();
+    /** Internal element state used to manage the component. */
+    this.elementInternals = this.attachInternals();
+    /** The menu list element if present */
+    this.menuList = [];
+    /**
+     * Handles click events.
+     * @param e - The click event.
+     */
+    this.handleClick = e => {
+      if (this.disabled) {
+        e.preventDefault();
+        return;
+      }
+      this.expanded = !this.expanded;
+    };
+    /**
+     * Handles keydown events.
+     * @param e - The keyboard event.
+     */
+    this.handleKeyDown = e => {
+      var _a;
+      if (e.defaultPrevented) {
+        return;
+      }
+      if (e.key === "Tab") {
+        return true;
+      }
+      switch (e.key) {
+        case keyEnter:
+        case keySpace:
+          e.preventDefault();
+          this.expanded = !this.expanded;
+          break;
+        case keyEscape:
+          if (this.expanded) {
+            e.preventDefault();
+            this.expanded = false;
+            (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.focus();
+          }
+          break;
+        default:
+          return;
+      }
+    };
+    /**
+     * Expands or collapses the item.
+     *
+     * @public
+     * @remarks
+     * HTML attribute: expanded
+     */
+    this.expanded = false;
+    /**
+     * Disables an accordion item
+     *
+     * @public
+     * @remarks
+     * HTML attribute: disabled
+     */
+    this.disabled = false;
+    /**
+     * The item ID
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: id
+     */
+    this.id = uniqueId("accordion-");
+    /**
+     * Sets the width of the focus state.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: block
+     */
+    this.block = false;
+    this.elementInternals.role = "button";
+  }
+  /** Lifecycle method called when the component is connected to the DOM. */
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  /** Lifecycle method called when the component is disconnected from the DOM. */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+  /**
+   * Focus the first menu item in the menu list
+   */
+  focusFirstMenuItem() {
+    if (!this.menuList) {
+      return;
+    }
+    Updates.enqueue(() => {
+      var _a;
+      if (this.menuList) {
+        const menuList = this.menuList;
+        if ((_a = menuList[0]) === null || _a === void 0 ? void 0 : _a.menuItems) {
+          const menuItem = menuList[0].menuItems[0];
+          menuItem.focus();
+        }
+      }
+    });
+  }
+  /**
+   * Handles expanded changes
+   * @param prev - previous value
+   * @param next - next value
+   */
+  expandedChanged(prev, next) {
+    if (next !== prev) {
+      toggleState(this.elementInternals, "expanded", next);
+      this.$emit("expanded-change", {
+        expanded: next
+      });
+      if (next) {
+        this.focusFirstMenuItem();
+      }
+    }
+  }
+  /**
+   * Handles disabled changes
+   * @param prev - previous value
+   * @param next - next value
+   */
+  disabledChanged(_prev, next) {
+    toggleState(this.elementInternals, "disabled", next);
+  }
+  /**
+   * Handles changes to size attribute
+   * @param prev - previous value
+   * @param next - next value
+   */
+  sizeChanged(prev, next) {
+    if (prev) {
+      toggleState(this.elementInternals, prev, false);
+    }
+    if (next) {
+      toggleState(this.elementInternals, next, true);
+    }
+  }
+  /**
+   * Handles changes to block attribute
+   * @param prev - previous value
+   * @param next - next value
+   */
+  blockChanged(_prev, next) {
+    toggleState(this.elementInternals, "block", next);
+  }
+  /**
+   * Handles changes to marker-position attribute
+   * @param prev - previous value
+   * @param next - next value
+   */
+  markerPositionChanged(prev, next) {
+    if (prev) {
+      toggleState(this.elementInternals, `align-${prev}`, false);
+    }
+    if (next) {
+      toggleState(this.elementInternals, `align-${next}`, true);
+    }
+  }
+}
+__decorate([observable], AccordionMenuPanel.prototype, "menuList", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], AccordionMenuPanel.prototype, "expanded", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], AccordionMenuPanel.prototype, "disabled", void 0);
+__decorate([attr], AccordionMenuPanel.prototype, "id", void 0);
+__decorate([attr], AccordionMenuPanel.prototype, "size", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], AccordionMenuPanel.prototype, "block", void 0);
+__decorate([attr({
+  attribute: "marker-position"
+})], AccordionMenuPanel.prototype, "markerPosition", void 0);
+
+export { AccordionMenuPanel };

package/esm/components/accordion-menu-panel/accordion-menu-panel.js.map

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

package/esm/components/accordion-menu-panel/accordion-menu-panel.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.options.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/accordion-menu-panel.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;CACjB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACF,CAAC"}

package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js

@@ -0,0 +1,14 @@
+import { css } from '@microsoft/fast-element';
+import { disabledState, expandedState, smallState, largeState, extraLargeState, alignEndState } from '../styles/states/states.js';
+import { borderRadiusMedium, colorStrokeFocus2, spacingHorizontalS, typographyCaption1StrongStyles, spacingHorizontalMNudge, spacingHorizontalXS, colorNeutralForeground3, colorTransparentBackground, colorNeutralForegroundDisabled, fontSizeBase200, lineHeightBase200, fontSizeBase400, lineHeightBase400, fontSizeBase500, lineHeightBase500, spacingHorizontalXXS, spacingHorizontalSNudge, strokeWidthThin, colorNeutralStroke2, display } from '@fluentui/web-components';
+import { sizeVerticalXXXL } from '@fabric-msft/theme';
+
+const styles = css`
+  ${display("block")}
+
+  :host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${borderRadiusMedium};outline:2px solid ${colorStrokeFocus2}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${sizeVerticalXXXL};align-items:center;position:relative;padding-inline:${spacingHorizontalS} ${spacingHorizontalS};border-radius:${borderRadiusMedium};${typographyCaption1StrongStyles}
+    grid-template-columns:auto auto 1fr auto;padding:0px ${spacingHorizontalMNudge};margin:1px;gap:${spacingHorizontalXS};cursor:pointer;color:${colorNeutralForeground3};background:${colorTransparentBackground};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${spacingHorizontalS}}:host(${disabledState}) .heading{color:${colorNeutralForegroundDisabled};cursor:not-allowed}:host(${disabledState}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
+      brightness(88%) contrast(87%)}:host(${expandedState}) .content{display:block}:host(${expandedState}) .default-marker-collapsed,:host(${expandedState}) ::slotted([slot="marker-collapsed"]),:host(:not(${expandedState})) :is(.default-marker-expanded,.content),:host(:not(${expandedState})) ::slotted([slot="marker-expanded"]){display:none}:host(${expandedState}) ::slotted([slot="marker-expanded"]),:host(:not(${expandedState})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${smallState}) .heading{font-size:${fontSizeBase200};line-height:${lineHeightBase200}}:host(${largeState}) .heading{font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(${extraLargeState}) .heading{font-size:${fontSizeBase500};line-height:${lineHeightBase500}}:host(${alignEndState}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${alignEndState})
+    :is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${spacingHorizontalS};padding-inline-end:${spacingHorizontalXXS}}:host([block]){max-width:100%}:host(${alignEndState}) .heading{padding-inline:${spacingHorizontalS}}:host(${alignEndState}:has([slot='start'])) .heading{padding-inline:${spacingHorizontalSNudge} ${spacingHorizontalS}}:host(:not(:first-child)) .heading{border-block-start:${strokeWidthThin} solid ${colorNeutralStroke2};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`;
+
+export { styles };

package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/accordion-menu-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,EACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,0BAA0B,EAC1B,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,OAAO,EACP,8BAA8B,EAC/B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;qBAYC,kBAAkB;yBACd,iBAAiB;;;;;;;;;;;;;;cAc5B,gBAAgB;;;sBAGR,kBAAkB,IAAI,kBAAkB;qBACzC,kBAAkB;MACjC,8BAA8B;;mBAEjB,uBAAuB;;WAE/B,mBAAmB;;aAEjB,uBAAuB;kBAClB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiClB,kBAAkB;;;UAGlC,aAAa;aACV,8BAA8B;;;;UAIjC,aAAa;;;;;UAKb,aAAa;;;;UAIb,aAAa;UACb,aAAa;eACR,aAAa;eACb,aAAa;;;;UAIlB,aAAa;eACR,aAAa;;;;UAIlB,UAAU;iBACH,eAAe;mBACb,iBAAiB;;;UAG1B,UAAU;iBACH,eAAe;mBACb,iBAAiB;;;UAG1B,eAAe;iBACR,eAAe;mBACb,iBAAiB;;;UAG1B,aAAa;;;;UAIb,aAAa;;4BAEK,kBAAkB;0BACpB,oBAAoB;;;;;;;UAOpC,aAAa;sBACD,kBAAkB;;;UAG9B,aAAa;sBACD,uBAAuB,IAAI,kBAAkB;;;;0BAIzC,eAAe,UAAU,mBAAmB;;;;;;;;;CASrE,CAAC"}

package/esm/components/accordion-menu-panel/accordion-menu-panel.template.js

@@ -0,0 +1,13 @@
+import { ref, slotted, html } from '@microsoft/fast-element';
+import { chevronUpIcon, chevronDownIcon } from '../../util/icons.js';
+
+function accordionMenuPanelTemplate() {
+  return html`<template @keydown="${(x, c) => x.handleKeyDown(c.event)}"><div ${ref("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${x => x.expanded}" aria-controls="${x => x.id}-panel" aria-disabled="${x => x.disabled}" id="${x => x.id}" @click="${(x, c) => x.handleClick(c.event)}" @keydown="${(x, c) => x.handleKeyDown(c.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${chevronUpIcon}</slot><slot name="marker-collapsed">${chevronDownIcon}</slot></div></div><div class="content" part="content" id="${x => x.id}-panel" ?hidden="${x => !x.expanded}"><slot ${slotted("menuList")}></slot></div></template>`;
+}
+/**
+ * The template for the accordion menu panel component.
+ * @public
+ */
+const template = accordionMenuPanelTemplate();
+
+export { accordionMenuPanelTemplate, template };

package/esm/components/accordion-menu-panel/accordion-menu-panel.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-menu-panel.template.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/accordion-menu-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,UAAU,0BAA0B;IAGxC,OAAO,IAAI,CAAG;0BACU,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;UAEnE,GAAG,CAAC,gBAAgB,CAAC;;;;;yBAKN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;yBACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;cAC5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;kBACP,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;;;;yCAO9B,aAAa;0CACZ,eAAe;;;;;;cAM3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;mBACN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ;;gBAErB,OAAO,CAAC,UAAU,CAAC;;;GAGhC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GACnB,0BAA0B,EAAE,CAAC"}

package/esm/components/accordion-menu-panel/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/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/accordion-menu-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EACL,uBAAuB,EACvB,iCAAiC,EAClC,MAAM,mCAAmC,CAAC;AAK3C,OAAO,EAAE,QAAQ,IAAI,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,EAAE,MAAM,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,UAAU,IAAI,4BAA4B,EAAE,MAAM,sCAAsC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-button.definition.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-button.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/anchor-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,OAAO,YAAa,SAAQ,kBAAkB;CAAG"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-button.options.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/anchor-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,IAAI,4BAA4B,EACtD,iBAAiB,IAAI,uBAAuB,EAC5C,gBAAgB,IAAI,sBAAsB,EAC1C,YAAY,IAAI,kBAAkB,EACnC,MAAM,0BAA0B,CAAC;AAGlC,kDAAkD;AAClD,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,GAAG,4BAA4B;CACvB,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAE9D,6CAA6C;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,GAAG,uBAAuB,EAAW,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEpD,4CAA4C;AAC5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,GAAG,sBAAsB,EAAW,CAAC;AAExE,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAElD,8CAA8C;AAC9C,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,GAAG,kBAAkB,EAAW,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC"}

package/esm/components/anchor-button/define.js.map

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

package/esm/components/anchor-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACd,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.definition.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,OAAO,MAAO,SAAQ,YAAY;CAAG"}