@pnx-mixtape/mxds 0.0.21 → 0.0.23

package/dist/build/navigation.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.entry.js","sources":["../../src/Component/Navigation/Elements/Navigation.ts"],"sourcesContent":["/**\n * Main Navigation\n * @file Drop down navigation handler.\n */\n\nimport {\n  Keyboard,\n  makeAnchor,\n  DisclosureWidget,\n  DisclosureWidgetEvent,\n} from \"../../../Utility/utilities\"\n\ntype SubNavType = {\n  list: HTMLElement\n  trigger: HTMLButtonElement\n  link: HTMLAnchorElement\n  item?: HTMLLIElement\n  widget?: DisclosureWidget\n  linkWidget?: DisclosureWidget\n}\n\nexport default class Navigation extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  keyboard: Keyboard\n  subNavs?: Map<string, SubNavType>\n  flyout?: boolean\n  edgeCheck!: boolean\n  mq!: string\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n    this.flyout = this.hasAttribute(\"flyout\")\n  }\n\n  connectedCallback(): void {\n    const { signal }: AbortController = this.controller\n\n    // Add keyboard navigation events.\n    this.keyboard = new Keyboard()\n    this.keyboard.attachEventListeners(signal)\n\n    // Add keyboard focus handler for menu links.\n    this.addEventListener(\"focusin\", () => {\n      this.keyboard.attachMenu(this, this.links)\n    })\n    this.addEventListener(\"focusout\", () => {\n      this.keyboard.detachMenu()\n    })\n\n    if (!this.lists.length) return\n    this.subNavs = new Map()\n    this.lists.forEach((list: HTMLUListElement, index: number): void => {\n      const item: HTMLLIElement = list.closest(\"li\")\n      const link: HTMLAnchorElement = item.querySelector(\":scope > a\")\n      const id: string = makeAnchor(`subnav-${index}-${link.textContent}`, 30)\n      const trigger: HTMLButtonElement = item.querySelector(\n        \":scope > button.mx-nav__toggle\",\n      )\n      if (item && link && trigger) {\n        const labelId = `list-label-${id}`\n        link.setAttribute(\"id\", labelId)\n        list.setAttribute(\"id\", id)\n        list.setAttribute(\"aria-labelledby\", labelId)\n        const widget = new DisclosureWidget(trigger, list)\n        widget.init()\n        this.subNavs.set(id, { item, trigger, list, link, widget })\n      }\n    })\n\n    this.addEventListener(\"disclosure-toggle\", this.handleDisclosure)\n\n    if (!this.flyout) return\n    this.edgeCheck = this.hasAttribute(\"edgeCheck\")\n    this.mq = this.getAttribute(\"mq\") || \"(min-width: 720px)\"\n    this.handleBreakpoint(this.breakpoint)\n    this.breakpoint.addEventListener(\"change\", this.handleBreakpoint, {\n      signal,\n    })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n    this.subNavs.forEach((subNav: SubNavType): void => subNav.widget.detach())\n  }\n\n  handleDisclosure = ({ detail }: CustomEvent<DisclosureWidgetEvent>): void => {\n    const { isOpen, id } = detail\n    const { item } = this.subNavs.get(id)\n    item.classList.toggle(\"mx-nav--open\")\n    if (isOpen) {\n      this.keyboard.attachPopup(id, this.handleCloseAny)\n    } else {\n      this.keyboard.detachPopup(id)\n    }\n  }\n\n  handleCloseAny = (): void => {\n    this.subNavs.forEach(({ widget }: SubNavType): void => {\n      if (!widget) return\n      if (widget.isOpen) widget.handleToggle()\n    })\n  }\n\n  handleFlyout = (event: MouseEvent): void => {\n    const target = event.target as HTMLElement\n    const parent: HTMLLIElement = target.closest(\"li\")\n    if (!parent) return\n    const subnav: HTMLUListElement = parent.querySelector(\":scope > ul\")\n    if (!subnav) return\n    this.subNavs.forEach(({ widget, list }: SubNavType): void => {\n      if (!widget) return\n      if (widget.isOpen) widget.handleToggle()\n      if (list.id === subnav.id) widget.handleToggle()\n    })\n  }\n\n  handleBreakpoint = ({\n    matches,\n  }: MediaQueryList | MediaQueryListEvent): void => {\n    const { signal }: AbortController = this.controller\n    if (matches) {\n      this.addEventListener(\"mouseover\", this.handleFlyout, { signal })\n      this.addEventListener(\"mouseleave\", this.handleCloseAny, { signal })\n      if (this.edgeCheck) this.handleEdgeCheck()\n    } else {\n      this.removeEventListener(\"mouseover\", this.handleFlyout)\n      this.removeEventListener(\"mouseleave\", this.handleCloseAny)\n    }\n  }\n\n  handleEdgeCheck() {\n    const windowInnerWidth: number = window.innerWidth\n    const edgeCheck: IntersectionObserver = new IntersectionObserver(\n      ([{ boundingClientRect, target }], obs) => {\n        if (windowInnerWidth < boundingClientRect.right)\n          target.classList.add(\"mx-nav--reverse\")\n        obs.disconnect()\n      },\n    )\n    this.subNavs.forEach(({ list }: SubNavType): void => {\n      edgeCheck.observe(list)\n      const nestedLists: NodeListOf<HTMLUListElement> =\n        list.querySelectorAll(\"ul\")\n      nestedLists.forEach(nestedList => edgeCheck.observe(nestedList))\n    })\n  }\n\n  get links(): NodeListOf<HTMLAnchorElement> | null {\n    const links: NodeListOf<HTMLAnchorElement> | null =\n      this.querySelectorAll(\"a\")\n    if (!links.length) {\n      throw new Error(`${this.localName} must links`)\n    }\n    return links\n  }\n\n  get lists(): NodeListOf<HTMLUListElement> | null {\n    return this.querySelectorAll(\"li > ul\")\n  }\n\n  get breakpoint(): MediaQueryList {\n    return window.matchMedia(this.mq)\n  }\n}\n\ncustomElements.define(\"mx-nav\", Navigation)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-nav\": Navigation\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"navigation.entry.js","sources":["../../src/Utility/Elements/keyboard.ts","../../src/Component/Navigation/Elements/Navigation.ts"],"sourcesContent":["/**\n * Class for Keyboard navigation helper.\n */\n\nexport default class Keyboard {\n  constructor() {\n    window.Mixtape = window.Mixtape || {}\n    window.Mixtape.Popups = window.Mixtape.Popups || []\n    window.Mixtape.Menu = window.Mixtape.Menu || {}\n  }\n\n  attachPopup = (id: string, closefn: () => void): void => {\n    window.Mixtape.Popups.push({\n      id,\n      closefn,\n    })\n  }\n\n  detachPopup = (id: string): void => {\n    window.Mixtape.Popups = window.Mixtape.Popups.filter(item => item.id !== id)\n  }\n\n  attachMenu = (\n    context: HTMLElement,\n    items: NodeListOf<HTMLAnchorElement | HTMLButtonElement>,\n  ): void => {\n    window.Mixtape.Menu = {\n      context,\n      items,\n    }\n  }\n\n  detachMenu = (): void => {\n    window.Mixtape.Menu = null\n  }\n\n  getNextFocusableMenuItem = (active: number, back: boolean = false): number => {\n    if (!back) {\n      // If moving forward, it's the active index + 1, or 0 if we are at the\n      // end of the menu.\n      return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0\n    }\n    // If moving back, it's the active index - 1, or the menu length if we\n    // are at the start of the menu.\n    return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1\n  }\n\n  moveFocus = (target: HTMLElement, back: boolean = false): void => {\n    if (!window.Mixtape.Menu.items) return\n    let active: number = 0\n    // Retrieve the active menu item by looping through the list of menu links.\n    window.Mixtape.Menu.items.forEach((element, index): void => {\n      if (element === target) {\n        active = index\n      }\n    })\n    let focus: number = this.getNextFocusableMenuItem(active, back)\n\n    // Check if item is tabbable.\n    // Some menus, like the secondary nav have hidden items that require a\n    // toggle to be clicked before the items are tabbable. This allows invisible\n    // menu items to be skipped when moving focus with the this.\n    // Make sure tabbable.\n    let tabbable: string = window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n    if (tabbable !== \"-1\") {\n      window.Mixtape.Menu.items[focus].focus()\n    } else {\n      // Loop through items until we find a visible one.\n      while (tabbable === \"-1\") {\n        focus = this.getNextFocusableMenuItem(focus, back)\n        tabbable = window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n      }\n      window.Mixtape.Menu.items[focus].focus()\n    }\n\n    window.Mixtape.Menu.active = focus\n  }\n\n  handleGlobalClick = ({ target }: MouseEvent): void => {\n    const activePopup = window.Mixtape.Popups\n      ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n      : null\n    if (!activePopup) return\n\n    // Click away from a popup to close it.\n    // It's up to the popup class to preventDefault on it's contents to\n    // stop this from being triggered.\n    if (activePopup.id) {\n      const popupEl: HTMLElement = document.querySelector(`#${activePopup.id}`).parentElement\n      if (popupEl && (target === popupEl || popupEl?.contains(target as HTMLElement))) return\n      activePopup.closefn()\n    }\n  }\n\n  handleGlobalKeydown = (event: KeyboardEvent): void => {\n    const activePopup = window.Mixtape.Popups\n      ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n      : null\n    const target = event.target as HTMLElement\n\n    switch (event.key) {\n      // Escape always closes an open popup followed by any open popups.\n      case \"Escape\":\n        if (activePopup) {\n          activePopup.closefn()\n        }\n        break\n\n      // Down/Right arrows navigate focus forward, with wrapping.\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        if (window.Mixtape.Menu?.items) {\n          event.preventDefault()\n          this.moveFocus(target)\n        }\n        break\n\n      // Up/Left arrows navigate focus backwards, with wrapping.\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        if (window.Mixtape.Menu?.items) {\n          event.preventDefault()\n          this.moveFocus(target, true)\n        }\n        break\n\n      default:\n        break\n    }\n  }\n\n  attachEventListeners = (signal: AbortSignal): void => {\n    window.addEventListener(\"click\", this.handleGlobalClick, {\n      signal,\n    })\n    window.addEventListener(\"keydown\", this.handleGlobalKeydown, {\n      signal,\n    })\n  }\n}\n","/**\n * Main Navigation\n * @file Drop down navigation handler.\n */\n\nimport {\n  Keyboard,\n  makeAnchor,\n  DisclosureWidget,\n  DisclosureWidgetEvent,\n} from \"../../../Utility/utilities\"\n\ntype SubNavType = {\n  list: HTMLElement\n  trigger: HTMLButtonElement\n  link: HTMLAnchorElement\n  item?: HTMLLIElement\n  widget?: DisclosureWidget\n  linkWidget?: DisclosureWidget\n}\n\nexport default class Navigation extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  keyboard: Keyboard\n  subNavs?: Map<string, SubNavType>\n  flyout?: boolean\n  edgeCheck!: boolean\n  mq!: string\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n    this.flyout = this.hasAttribute(\"flyout\")\n  }\n\n  connectedCallback(): void {\n    const { signal }: AbortController = this.controller\n\n    // Add keyboard navigation events.\n    this.keyboard = new Keyboard()\n    this.keyboard.attachEventListeners(signal)\n\n    // Add keyboard focus handler for menu links.\n    this.addEventListener(\"focusin\", () => {\n      this.keyboard.attachMenu(this, this.links)\n    })\n    this.addEventListener(\"focusout\", () => {\n      this.keyboard.detachMenu()\n    })\n\n    if (!this.lists.length) return\n    this.subNavs = new Map()\n    this.lists.forEach((list: HTMLUListElement, index: number): void => {\n      const item: HTMLLIElement = list.closest(\"li\")\n      const link: HTMLAnchorElement = item.querySelector(\":scope > a\")\n      const id: string = makeAnchor(`subnav-${index}-${link.textContent}`, 30)\n      const trigger: HTMLButtonElement = item.querySelector(\":scope > button.mx-nav__toggle\")\n      if (item && link && trigger) {\n        const labelId = `list-label-${id}`\n        link.setAttribute(\"id\", labelId)\n        list.setAttribute(\"id\", id)\n        list.setAttribute(\"aria-labelledby\", labelId)\n        const widget = new DisclosureWidget(trigger, list)\n        widget.init()\n        this.subNavs.set(id, { item, trigger, list, link, widget })\n      }\n    })\n\n    this.addEventListener(\"disclosure-toggle\", this.handleDisclosure)\n\n    if (!this.flyout) return\n    this.edgeCheck = this.hasAttribute(\"edgeCheck\")\n    this.mq = this.getAttribute(\"mq\") || \"(min-width: 720px)\"\n    this.handleBreakpoint(this.breakpoint)\n    this.breakpoint.addEventListener(\"change\", this.handleBreakpoint, {\n      signal,\n    })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n    this.subNavs.forEach((subNav: SubNavType): void => subNav.widget.detach())\n  }\n\n  handleDisclosure = ({ detail }: CustomEvent<DisclosureWidgetEvent>): void => {\n    const { isOpen, id } = detail\n    const { item } = this.subNavs.get(id)\n    item.classList.toggle(\"mx-nav--open\")\n    if (isOpen) {\n      this.keyboard.attachPopup(id, this.handleCloseAny)\n    } else {\n      this.keyboard.detachPopup(id)\n    }\n  }\n\n  handleCloseAny = (): void => {\n    this.subNavs.forEach(({ widget }: SubNavType): void => {\n      if (!widget) return\n      if (widget.isOpen) widget.handleToggle()\n    })\n  }\n\n  handleFlyout = (event: MouseEvent): void => {\n    const target = event.target as HTMLElement\n    const parent: HTMLLIElement = target.closest(\"li\")\n    if (!parent) return\n    const subnav: HTMLUListElement = parent.querySelector(\":scope > ul\")\n    if (!subnav) return\n    this.subNavs.forEach(({ widget, list }: SubNavType): void => {\n      if (!widget) return\n      if (widget.isOpen) widget.handleToggle()\n      if (list.id === subnav.id) widget.handleToggle()\n    })\n  }\n\n  handleBreakpoint = ({ matches }: MediaQueryList | MediaQueryListEvent): void => {\n    const { signal }: AbortController = this.controller\n    if (matches) {\n      this.addEventListener(\"mouseover\", this.handleFlyout, { signal })\n      this.addEventListener(\"mouseleave\", this.handleCloseAny, { signal })\n      if (this.edgeCheck) this.handleEdgeCheck()\n    } else {\n      this.removeEventListener(\"mouseover\", this.handleFlyout)\n      this.removeEventListener(\"mouseleave\", this.handleCloseAny)\n    }\n  }\n\n  handleEdgeCheck() {\n    const windowInnerWidth: number = window.innerWidth\n    const edgeCheck: IntersectionObserver = new IntersectionObserver(\n      ([{ boundingClientRect, target }], obs) => {\n        if (windowInnerWidth < boundingClientRect.right) target.classList.add(\"mx-nav--reverse\")\n        obs.disconnect()\n      },\n    )\n    this.subNavs.forEach(({ list }: SubNavType): void => {\n      edgeCheck.observe(list)\n      const nestedLists: NodeListOf<HTMLUListElement> = list.querySelectorAll(\"ul\")\n      nestedLists.forEach(nestedList => edgeCheck.observe(nestedList))\n    })\n  }\n\n  get links(): NodeListOf<HTMLAnchorElement> | null {\n    const links: NodeListOf<HTMLAnchorElement> | null = this.querySelectorAll(\"a\")\n    if (!links.length) {\n      throw new Error(`${this.localName} must links`)\n    }\n    return links\n  }\n\n  get lists(): NodeListOf<HTMLUListElement> | null {\n    return this.querySelectorAll(\"li > ul\")\n  }\n\n  get breakpoint(): MediaQueryList {\n    return window.matchMedia(this.mq)\n  }\n}\n\nif (!customElements.get(\"mx-nav\")) customElements.define(\"mx-nav\", Navigation)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-nav\": Navigation\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/build/page.css

@@ -62,4 +62,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFvQztJQUNwQyxhQUFzQztJQUN0Qyx3Q0FBd0M7SUFDeEMsNkRBQTBEO0lBQzFELGtDQUFrQztJQUNsQyxxRUFBcUU7SUFDckUsa0NBQWtDO0lBQ2xDLG1DQUFtQzs7SUFFbkMsYUFBYTtJQUNiOzs7Ozs7OzRCQU93QjtJQVB4Qjs7Ozs7Ozs0QkFPd0I7RUF3QjFCOztJQXRCRTtNQUtFLHNCQUEwQztNQUExQywwQ0FBMEM7SUFDNUM7O0lBRUEsNkRBQTZEO0lBQzdEO01BQ0UsaUJBQWlCO01BQ2pCLGFBQWE7TUFDYiw4QkFBOEI7SUFTaEM7O01BUEU7UUFLRSxzQkFBMEM7UUFBMUMsMENBQTBDO01BQzVDOztFQUlKO0lBQ0Usc0JBQXNCO0VBQ3hCOztFQUVBO0lBQ0UscUJBQXFCO0VBQ3ZCOztFQUVBO0lBQ0UsbUJBQW1CO0VBQ3JCO0FBQ0YiLCJmaWxlIjoicGFnZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFBhZ2VcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgOndoZXJlKC5teC1wYWdlKSB7XG4gICAgLS1wbHVzOiB0b2tlbihcInNpemUuY29udGFpbmVyLnBsdXNcIik7XG4gICAgLS1taW51czogdG9rZW4oXCJzaXplLmNvbnRhaW5lci5taW51c1wiKTtcbiAgICAtLWRpZmY6IGNhbGModmFyKC0tcGx1cykgLSB2YXIoLS1taW51cykpO1xuICAgIC0tZ3V0dGVyOiBjbGFtcCh2YXIoLS1ndXR0ZXItbWluKSwgNnZ3LCB2YXIoLS1ndXR0ZXItbWF4KSk7XG4gICAgLS1mdWxsOiBtaW5tYXgodmFyKC0tZ3V0dGVyKSwgMWZyKTtcbiAgICAtLW5hcnJvdzogbWluKHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgpLCAxMDAlIC0gKHZhcigtLWd1dHRlcikgKiAyKSk7XG4gICAgLS1mZWF0dXJlOiBtaW5tYXgoMCwgdmFyKC0tbWludXMpKTtcbiAgICAtLWNvbnRhaW5lcjogbWlubWF4KDAsIHZhcigtLWRpZmYpKTtcblxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOlxuICAgICAgW2Z1bGwtc3RhcnRdIHZhcigtLWZ1bGwpXG4gICAgICBbY29udGFpbmVyLXN0YXJ0XSB2YXIoLS1jb250YWluZXIpXG4gICAgICBbZmVhdHVyZS1zdGFydF0gdmFyKC0tZmVhdHVyZSlcbiAgICAgIFtuYXJyb3ctc3RhcnRdIHZhcigtLW5hcnJvdykgW25hcnJvdy1lbmRdXG4gICAgICB2YXIoLS1mZWF0dXJlKSBbZmVhdHVyZS1lbmRdXG4gICAgICB2YXIoLS1jb250YWluZXIpIFtjb250YWluZXItZW5kXVxuICAgICAgdmFyKC0tZnVsbCkgW2Z1bGwtZW5kXTtcblxuICAgICZcbiAgICAgID4gOndoZXJlKFxuICAgICAgICAqOm5vdCgubXgtcGFnZSwgW2NsYXNzKj1cIm14LWJhY2tncm91bmQtLVwiXSksXG4gICAgICAgIC5teC1iYWNrZ3JvdW5kLS1ib3hcbiAgICAgICkge1xuICAgICAgZ3JpZC1jb2x1bW46IHZhcigtLWdyaWQtY29sdW1uLCBjb250YWluZXIpO1xuICAgIH1cblxuICAgIC8qIEltbWVkaWF0ZSBuZXN0ZWQgb3IgYWRkaW5nIGEgYmFja2dyb3VuZCB0cmlnZ2VycyBzdWJncmlkICovXG4gICAgJiA+IDp3aGVyZSgubXgtcGFnZSwgW2NsYXNzKj1cIm14LWJhY2tncm91bmQtLVwiXTpub3QoLm14LWJhY2tncm91bmQtLWJveCkpIHtcbiAgICAgIGdyaWQtY29sdW1uOiBmdWxsO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogc3ViZ3JpZDtcblxuICAgICAgJlxuICAgICAgICA+IDp3aGVyZShcbiAgICAgICAgICAqOm5vdCgubXgtcGFnZSwgW2NsYXNzKj1cIm14LWJhY2tncm91bmQtLVwiXSksXG4gICAgICAgICAgLm14LWJhY2tncm91bmQtLWJveFxuICAgICAgICApIHtcbiAgICAgICAgZ3JpZC1jb2x1bW46IHZhcigtLWdyaWQtY29sdW1uLCBjb250YWluZXIpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIDp3aGVyZSgubXgtcGFnZS0tZmVhdHVyZSA+ICosIC5teC1zZWN0aW9uLS1mZWF0dXJlKSB7XG4gICAgLS1ncmlkLWNvbHVtbjogZmVhdHVyZTtcbiAgfVxuXG4gIDp3aGVyZSgubXgtcGFnZS0tbmFycm93ID4gKiwgLm14LXNlY3Rpb24tLW5hcnJvdykge1xuICAgIC0tZ3JpZC1jb2x1bW46IG5hcnJvdztcbiAgfVxuXG4gIDp3aGVyZSgubXgtcGFnZS0tZnVsbCA+ICosIC5teC1zZWN0aW9uLS1mdWxsKSB7XG4gICAgLS1ncmlkLWNvbHVtbjogZnVsbDtcbiAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFvQztJQUNwQyxhQUFzQztJQUN0Qyx3Q0FBd0M7SUFDeEMsNkRBQTBEO0lBQzFELGtDQUFrQztJQUNsQyxxRUFBcUU7SUFDckUsa0NBQWtDO0lBQ2xDLG1DQUFtQzs7SUFFbkMsYUFBYTtJQUNiOzs7Ozs7OzRCQU93QjtJQVB4Qjs7Ozs7Ozs0QkFPd0I7RUFnQjFCOztJQWRFO01BQ0Usc0JBQTBDO01BQTFDLDBDQUEwQztJQUM1Qzs7SUFFQSw2REFBNkQ7SUFDN0Q7TUFDRSxpQkFBaUI7TUFDakIsYUFBYTtNQUNiLDhCQUE4QjtJQUtoQzs7TUFIRTtRQUNFLHNCQUEwQztRQUExQywwQ0FBMEM7TUFDNUM7O0VBSUo7SUFDRSxzQkFBc0I7RUFDeEI7O0VBRUE7SUFDRSxxQkFBcUI7RUFDdkI7O0VBRUE7SUFDRSxtQkFBbUI7RUFDckI7QUFDRiIsImZpbGUiOiJwYWdlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogUGFnZVxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICA6d2hlcmUoLm14LXBhZ2UpIHtcbiAgICAtLXBsdXM6IHRva2VuKFwic2l6ZS5jb250YWluZXIucGx1c1wiKTtcbiAgICAtLW1pbnVzOiB0b2tlbihcInNpemUuY29udGFpbmVyLm1pbnVzXCIpO1xuICAgIC0tZGlmZjogY2FsYyh2YXIoLS1wbHVzKSAtIHZhcigtLW1pbnVzKSk7XG4gICAgLS1ndXR0ZXI6IGNsYW1wKHZhcigtLWd1dHRlci1taW4pLCA2dncsIHZhcigtLWd1dHRlci1tYXgpKTtcbiAgICAtLWZ1bGw6IG1pbm1heCh2YXIoLS1ndXR0ZXIpLCAxZnIpO1xuICAgIC0tbmFycm93OiBtaW4odmFyKC0tY29udGFpbmVyLW1heC13aWR0aCksIDEwMCUgLSAodmFyKC0tZ3V0dGVyKSAqIDIpKTtcbiAgICAtLWZlYXR1cmU6IG1pbm1heCgwLCB2YXIoLS1taW51cykpO1xuICAgIC0tY29udGFpbmVyOiBtaW5tYXgoMCwgdmFyKC0tZGlmZikpO1xuXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6XG4gICAgICBbZnVsbC1zdGFydF0gdmFyKC0tZnVsbClcbiAgICAgIFtjb250YWluZXItc3RhcnRdIHZhcigtLWNvbnRhaW5lcilcbiAgICAgIFtmZWF0dXJlLXN0YXJ0XSB2YXIoLS1mZWF0dXJlKVxuICAgICAgW25hcnJvdy1zdGFydF0gdmFyKC0tbmFycm93KSBbbmFycm93LWVuZF1cbiAgICAgIHZhcigtLWZlYXR1cmUpIFtmZWF0dXJlLWVuZF1cbiAgICAgIHZhcigtLWNvbnRhaW5lcikgW2NvbnRhaW5lci1lbmRdXG4gICAgICB2YXIoLS1mdWxsKSBbZnVsbC1lbmRdO1xuXG4gICAgJiA+IDp3aGVyZSgqOm5vdCgubXgtcGFnZSwgW2NsYXNzKj1cIm14LWJhY2tncm91bmQtLVwiXSksIC5teC1iYWNrZ3JvdW5kLS1ib3gpIHtcbiAgICAgIGdyaWQtY29sdW1uOiB2YXIoLS1ncmlkLWNvbHVtbiwgY29udGFpbmVyKTtcbiAgICB9XG5cbiAgICAvKiBJbW1lZGlhdGUgbmVzdGVkIG9yIGFkZGluZyBhIGJhY2tncm91bmQgdHJpZ2dlcnMgc3ViZ3JpZCAqL1xuICAgICYgPiA6d2hlcmUoLm14LXBhZ2UsIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kLS1cIl06bm90KC5teC1iYWNrZ3JvdW5kLS1ib3gpKSB7XG4gICAgICBncmlkLWNvbHVtbjogZnVsbDtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHN1YmdyaWQ7XG5cbiAgICAgICYgPiA6d2hlcmUoKjpub3QoLm14LXBhZ2UsIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kLS1cIl0pLCAubXgtYmFja2dyb3VuZC0tYm94KSB7XG4gICAgICAgIGdyaWQtY29sdW1uOiB2YXIoLS1ncmlkLWNvbHVtbiwgY29udGFpbmVyKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICA6d2hlcmUoLm14LXBhZ2UtLWZlYXR1cmUgPiAqLCAubXgtc2VjdGlvbi0tZmVhdHVyZSkge1xuICAgIC0tZ3JpZC1jb2x1bW46IGZlYXR1cmU7XG4gIH1cblxuICA6d2hlcmUoLm14LXBhZ2UtLW5hcnJvdyA+ICosIC5teC1zZWN0aW9uLS1uYXJyb3cpIHtcbiAgICAtLWdyaWQtY29sdW1uOiBuYXJyb3c7XG4gIH1cblxuICA6d2hlcmUoLm14LXBhZ2UtLWZ1bGwgPiAqLCAubXgtc2VjdGlvbi0tZnVsbCkge1xuICAgIC0tZ3JpZC1jb2x1bW46IGZ1bGw7XG4gIH1cbn1cbiJdfQ== */

package/dist/build/popover.css

@@ -0,0 +1,119 @@
+/**
+ * Popover
+ *
+ * **Experimental** Using new CSS Anchoring and Popover API's, requires JS polyfill.
+ */
+
+@layer design-system.defaults {
+  mx-popover {
+    display: block;
+  }
+}
+
+@layer design-system.components {
+    .mx-popover__trigger:has( ~ :popover-open)::before,.mx-popover__trigger:has( ~ :popover-open) .mx-icon--chevron-down {
+      rotate: 180deg;
+    }
+
+  :where(.mx-popover) {
+    display: none;
+    opacity: 0;
+    position: absolute;
+    padding: var(--popover-padding, var(--spacing-xs));
+    background-color: var(--popover-background, var(--background, var(--colour-background)));
+    color: var(--popover-foreground, var(--foreground, var(--colour-foreground)));
+    border: 0 solid
+      var(--popover-line-colour, var(--line-colour, var(--colour-border)));
+    border: var(--popover-line-width, 0) solid
+      var(--popover-line-colour, var(--line-colour, var(--colour-border)));
+    border-radius: var(--popover-radius, var(--border-radius));
+    box-shadow: var(--popover-shadow, var(--box-shadow));
+    max-inline-size: 30ch;
+    max-inline-size: var(--popover-width, 30ch);
+    margin-block: var(--popover-top, var(--spacing-xxxs)) 0;
+    margin-inline: 0;
+    position-area: block-end center;
+    position-try-fallbacks: flip-block flip-inline;
+    inline-size: -moz-max-content;
+    inline-size: max-content;
+    min-inline-size: anchor-size(width);
+  }
+
+    [data-placement="bottom-start"]:where(.mx-popover) {
+      position-area: block-end span-inline-end;
+    }
+
+    [data-placement="bottom-end"]:where(.mx-popover) {
+      position-area: block-end span-inline-start;
+    }
+
+    [data-placement="top"]:where(.mx-popover) {
+      position-area: block-start center;
+      margin-block: 0 var(--popover-top, var(--spacing-xxxs));
+    }
+
+    [data-placement="top-start"]:where(.mx-popover) {
+      position-area: block-start span-inline-end;
+      margin-block: 0 var(--popover-top, var(--spacing-xxxs));
+    }
+
+    [data-placement="top-end"]:where(.mx-popover) {
+      position-area: block-start span-inline-start;
+      margin-block: 0 var(--popover-top, var(--spacing-xxxs));
+    }
+
+    [data-placement="right"]:where(.mx-popover) {
+      position-area: center inline-end;
+      margin-block: 0;
+      margin-inline: var(--popover-top, var(--spacing-xxs)) 0;
+    }
+
+    [data-placement="right-start"]:where(.mx-popover) {
+      position-area: span-block-end inline-end;
+      margin-block: 0;
+      margin-inline: var(--popover-top, var(--spacing-xxs)) 0;
+    }
+
+    [data-placement="right-end"]:where(.mx-popover) {
+      position-area: span-block-start inline-end;
+      margin-block: 0;
+      margin-inline: var(--popover-top, var(--spacing-xxs)) 0;
+    }
+
+    [data-placement="left"]:where(.mx-popover) {
+      position-area: center inline-start;
+      margin-block: 0;
+      margin-inline: 0 var(--popover-top, var(--spacing-xxs));
+    }
+
+    [data-placement="left-start"]:where(.mx-popover) {
+      position-area: span-block-end inline-start;
+      margin-block: 0;
+      margin-inline: 0 var(--popover-top, var(--spacing-xxs));
+    }
+
+    [data-placement="left-end"]:where(.mx-popover) {
+      position-area: span-block-start inline-start;
+      margin-block: 0;
+      margin-inline: 0 var(--popover-top, var(--spacing-xxs));
+    }
+
+    :where(.mx-popover):popover-open {
+      opacity: 1;
+      display: block;
+    }
+
+      @starting-style {
+
+    :where(.mx-popover):popover-open {
+        opacity: 0;
+        display: block;
+    }
+      }
+
+    :where(.mx-popover) :is(h2,h3) {
+      --heading-font-size: var(--font-size-m);
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcG92ZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0VBSUU7O0FBRUY7RUFDRTtJQUNFLGNBQWM7RUFDaEI7QUFDRjs7QUFFQTtJQUVJO01BRUUsY0FBYztJQUNoQjs7RUFHRjtJQUNFLGFBQWE7SUFDYixVQUFVO0lBQ1Ysa0JBQWtCO0lBQ2xCLGtEQUFrRDtJQUNsRCx3RkFBd0Y7SUFDeEYsNkVBQTZFO0lBQzdFOzBFQUNzRTtJQUR0RTswRUFDc0U7SUFDdEUsMERBQTBEO0lBQzFELG9EQUFvRDtJQUNwRCxxQkFBMkM7SUFBM0MsMkNBQTJDO0lBQzNDLHVEQUF1RDtJQUN2RCxnQkFBZ0I7SUFDaEIsK0JBQStCO0lBQy9CLDhDQUE4QztJQUM5Qyw2QkFBd0I7SUFBeEIsd0JBQXdCO0lBQ3hCLG1DQUFtQztFQTBFckM7O0lBeEVFO01BQ0Usd0NBQXdDO0lBQzFDOztJQUVBO01BQ0UsMENBQTBDO0lBQzVDOztJQUVBO01BQ0UsaUNBQWlDO01BQ2pDLHVEQUF1RDtJQUN6RDs7SUFFQTtNQUNFLDBDQUEwQztNQUMxQyx1REFBdUQ7SUFDekQ7O0lBRUE7TUFDRSw0Q0FBNEM7TUFDNUMsdURBQXVEO0lBQ3pEOztJQUVBO01BQ0UsZ0NBQWdDO01BQ2hDLGVBQWU7TUFDZix1REFBdUQ7SUFDekQ7O0lBRUE7TUFDRSx3Q0FBd0M7TUFDeEMsZUFBZTtNQUNmLHVEQUF1RDtJQUN6RDs7SUFFQTtNQUNFLDBDQUEwQztNQUMxQyxlQUFlO01BQ2YsdURBQXVEO0lBQ3pEOztJQUVBO01BQ0Usa0NBQWtDO01BQ2xDLGVBQWU7TUFDZix1REFBdUQ7SUFDekQ7O0lBRUE7TUFDRSwwQ0FBMEM7TUFDMUMsZUFBZTtNQUNmLHVEQUF1RDtJQUN6RDs7SUFFQTtNQUNFLDRDQUE0QztNQUM1QyxlQUFlO01BQ2YsdURBQXVEO0lBQ3pEOztJQUVBO01BQ0UsVUFBVTtNQUNWLGNBQWM7SUFNaEI7O01BSkU7O0lBSkY7UUFLSSxVQUFVO1FBQ1YsY0FBYztJQUVsQjtNQURFOztJQUdGO01BQ0UsdUNBQXVDO0lBQ3pDO0FBRUoiLCJmaWxlIjoicG9wb3Zlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFBvcG92ZXJcbiAqXG4gKiAqKkV4cGVyaW1lbnRhbCoqIFVzaW5nIG5ldyBDU1MgQW5jaG9yaW5nIGFuZCBQb3BvdmVyIEFQSSdzLCByZXF1aXJlcyBKUyBwb2x5ZmlsbC5cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5kZWZhdWx0cyB7XG4gIG14LXBvcG92ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtcG9wb3Zlcl9fdHJpZ2dlcjpoYXMofiA6cG9wb3Zlci1vcGVuKSB7XG4gICAgJjo6YmVmb3JlLFxuICAgICYgLm14LWljb24tLWNoZXZyb24tZG93biB7XG4gICAgICByb3RhdGU6IDE4MGRlZztcbiAgICB9XG4gIH1cblxuICA6d2hlcmUoLm14LXBvcG92ZXIpIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBhZGRpbmc6IHZhcigtLXBvcG92ZXItcGFkZGluZywgdmFyKC0tc3BhY2luZy14cykpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBvcG92ZXItYmFja2dyb3VuZCwgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKSk7XG4gICAgY29sb3I6IHZhcigtLXBvcG92ZXItZm9yZWdyb3VuZCwgdmFyKC0tZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWZvcmVncm91bmQpKSk7XG4gICAgYm9yZGVyOiB2YXIoLS1wb3BvdmVyLWxpbmUtd2lkdGgsIDApIHNvbGlkXG4gICAgICB2YXIoLS1wb3BvdmVyLWxpbmUtY29sb3VyLCB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1wb3BvdmVyLXJhZGl1cywgdmFyKC0tYm9yZGVyLXJhZGl1cykpO1xuICAgIGJveC1zaGFkb3c6IHZhcigtLXBvcG92ZXItc2hhZG93LCB2YXIoLS1ib3gtc2hhZG93KSk7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1wb3BvdmVyLXdpZHRoLCAzMGNoKTtcbiAgICBtYXJnaW4tYmxvY2s6IHZhcigtLXBvcG92ZXItdG9wLCB2YXIoLS1zcGFjaW5nLXh4eHMpKSAwO1xuICAgIG1hcmdpbi1pbmxpbmU6IDA7XG4gICAgcG9zaXRpb24tYXJlYTogYmxvY2stZW5kIGNlbnRlcjtcbiAgICBwb3NpdGlvbi10cnktZmFsbGJhY2tzOiBmbGlwLWJsb2NrIGZsaXAtaW5saW5lO1xuICAgIGlubGluZS1zaXplOiBtYXgtY29udGVudDtcbiAgICBtaW4taW5saW5lLXNpemU6IGFuY2hvci1zaXplKHdpZHRoKTtcblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9XCJib3R0b20tc3RhcnRcIl0ge1xuICAgICAgcG9zaXRpb24tYXJlYTogYmxvY2stZW5kIHNwYW4taW5saW5lLWVuZDtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PVwiYm90dG9tLWVuZFwiXSB7XG4gICAgICBwb3NpdGlvbi1hcmVhOiBibG9jay1lbmQgc3Bhbi1pbmxpbmUtc3RhcnQ7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD1cInRvcFwiXSB7XG4gICAgICBwb3NpdGlvbi1hcmVhOiBibG9jay1zdGFydCBjZW50ZXI7XG4gICAgICBtYXJnaW4tYmxvY2s6IDAgdmFyKC0tcG9wb3Zlci10b3AsIHZhcigtLXNwYWNpbmcteHh4cykpO1xuICAgIH1cblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9XCJ0b3Atc3RhcnRcIl0ge1xuICAgICAgcG9zaXRpb24tYXJlYTogYmxvY2stc3RhcnQgc3Bhbi1pbmxpbmUtZW5kO1xuICAgICAgbWFyZ2luLWJsb2NrOiAwIHZhcigtLXBvcG92ZXItdG9wLCB2YXIoLS1zcGFjaW5nLXh4eHMpKTtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PVwidG9wLWVuZFwiXSB7XG4gICAgICBwb3NpdGlvbi1hcmVhOiBibG9jay1zdGFydCBzcGFuLWlubGluZS1zdGFydDtcbiAgICAgIG1hcmdpbi1ibG9jazogMCB2YXIoLS1wb3BvdmVyLXRvcCwgdmFyKC0tc3BhY2luZy14eHhzKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD1cInJpZ2h0XCJdIHtcbiAgICAgIHBvc2l0aW9uLWFyZWE6IGNlbnRlciBpbmxpbmUtZW5kO1xuICAgICAgbWFyZ2luLWJsb2NrOiAwO1xuICAgICAgbWFyZ2luLWlubGluZTogdmFyKC0tcG9wb3Zlci10b3AsIHZhcigtLXNwYWNpbmcteHhzKSkgMDtcbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50PVwicmlnaHQtc3RhcnRcIl0ge1xuICAgICAgcG9zaXRpb24tYXJlYTogc3Bhbi1ibG9jay1lbmQgaW5saW5lLWVuZDtcbiAgICAgIG1hcmdpbi1ibG9jazogMDtcbiAgICAgIG1hcmdpbi1pbmxpbmU6IHZhcigtLXBvcG92ZXItdG9wLCB2YXIoLS1zcGFjaW5nLXh4cykpIDA7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD1cInJpZ2h0LWVuZFwiXSB7XG4gICAgICBwb3NpdGlvbi1hcmVhOiBzcGFuLWJsb2NrLXN0YXJ0IGlubGluZS1lbmQ7XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgICBtYXJnaW4taW5saW5lOiB2YXIoLS1wb3BvdmVyLXRvcCwgdmFyKC0tc3BhY2luZy14eHMpKSAwO1xuICAgIH1cblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9XCJsZWZ0XCJdIHtcbiAgICAgIHBvc2l0aW9uLWFyZWE6IGNlbnRlciBpbmxpbmUtc3RhcnQ7XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgICBtYXJnaW4taW5saW5lOiAwIHZhcigtLXBvcG92ZXItdG9wLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgIH1cblxuICAgICZbZGF0YS1wbGFjZW1lbnQ9XCJsZWZ0LXN0YXJ0XCJdIHtcbiAgICAgIHBvc2l0aW9uLWFyZWE6IHNwYW4tYmxvY2stZW5kIGlubGluZS1zdGFydDtcbiAgICAgIG1hcmdpbi1ibG9jazogMDtcbiAgICAgIG1hcmdpbi1pbmxpbmU6IDAgdmFyKC0tcG9wb3Zlci10b3AsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLXBsYWNlbWVudD1cImxlZnQtZW5kXCJdIHtcbiAgICAgIHBvc2l0aW9uLWFyZWE6IHNwYW4tYmxvY2stc3RhcnQgaW5saW5lLXN0YXJ0O1xuICAgICAgbWFyZ2luLWJsb2NrOiAwO1xuICAgICAgbWFyZ2luLWlubGluZTogMCB2YXIoLS1wb3BvdmVyLXRvcCwgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICB9XG5cbiAgICAmOnBvcG92ZXItb3BlbiB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAgIEBzdGFydGluZy1zdHlsZSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgOmlzKGgyLCBoMykge1xuICAgICAgLS1oZWFkaW5nLWZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLW0pO1xuICAgIH1cbiAgfVxufVxuIl19 */

package/dist/build/popover.entry.js

@@ -0,0 +1,2 @@
+import "./chunks/popover.entry-BQvyR0d5.js";
+//# sourceMappingURL=popover.entry.js.map

package/dist/build/popover.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.entry.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/build/section.css

@@ -144,4 +144,4 @@
     }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQkFBMkI7O0lBRTNCLHlCQUFxQzs7SUFBckMscUNBQXFDO0lBQ3JDLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLG9EQUFvRDtFQUN0RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDs7RUFFQTtJQUNFLDBEQUEwRDtFQUM1RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHNEQUFzRDtFQUN4RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDtBQUNGOztBQUVBOzs7O0VBSUU7O0FBRUY7Ozs7O0VBS0U7O0FBRUY7RUFDRTtJQUNFLG1EQUFtRDs7SUFFbkQsc0NBQXNDO0VBU3hDOztJQVBFO01BS0Usd0NBQXdDO0lBQzFDOztFQUdGO0lBQ0Usb0RBQW9EOztJQUVwRCxnQkFBZ0I7O0lBRWhCLDhCQUE4QjtFQTBCaEM7O0lBeEJFO01BS0UseUNBQXlDO0lBQzNDOztJQUVBLDZCQUE2Qjs7SUFFN0I7TUFNRSx1Q0FBdUM7SUFDekM7O0lBRUEsK0JBQStCOztJQUUvQjtNQUNFLG1DQUFtQztJQUNyQztBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxrQ0FBa0M7SUFDbEMsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLDhCQUE4QjtFQUNoQztBQUNGOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0VBS3BCOztJQUhFO01BQ0Usa0JBQWtCO0lBQ3BCO0FBRUoiLCJmaWxlIjoic2VjdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNlY3Rpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWNvbnRhaW5lciB7XG4gICAgLS1jb250YWluZXItbmFtZTogY29udGFpbmVyO1xuXG4gICAgY29udGFpbmVyLW5hbWU6IHZhcigtLWNvbnRhaW5lci1uYW1lKTtcbiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZGl2aWRlciB7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tY29sb3VyLWJvcmRlcik7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tcyB7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2VjdGlvbi1zLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWwge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXhsIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1zIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1sIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS10b3AteGwge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tYm90dG9tLXMge1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2VjdGlvbi1tLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1ib3R0b20tbCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS14bCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9ucyBicmVha291dHNcbiAqXG4gKiBVc2VzIGBzdWJncmlkYCBzbyBubyBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKi9cblxuLyoqXG4gKiBTZWN0aW9ucyBmbG93cyAmIGdyb3Vwc1xuICpcbiAqIFVzZXMgYDpoYXNgIHNvIGlzIG5vdCBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKiBzZWUgaHR0cHM6Ly93d3cuYnJhbS51cy8yMDIyLzEyLzEzL3F1YW50aXR5LXF1ZXJpZXMtZm9yLWlzbGFuZHMtb2YtZWxlbWVudHMtd2l0aC10aGUtc2FtZS1jbGFzcy10aGFua3MtdG8tY3NzLWhhcy9cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LXNlY3Rpb24tLWZsb3cge1xuICAgIC0tZmxvdy1zcGFjaW5nOiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcblxuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mbG93LXNwYWNpbmcpO1xuXG4gICAgJjppcyhcbiAgICAgIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0gKyAubXgtc2VjdGlvbi0tZmxvdyxcbiAgICAgIDpub3QoLm14LXNlY3Rpb24tLWZsb3c6bm90KC5teC1zZWN0aW9uLS1ncm91cCkgKyAubXgtc2VjdGlvbi0tZmxvdylcbiAgICApIHtcbiAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLWZsb3ctc3BhY2luZyk7XG4gICAgfVxuICB9XG5cbiAgLm14LXNlY3Rpb24tLWdyb3VwIHtcbiAgICAtLWdyb3VwLXNwYWNpbmc6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuXG4gICAgcGFkZGluZy1ibG9jazogMDtcblxuICAgIC8qIDpmaXJzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKVxuICAgICAgICArIC5teC1zZWN0aW9uLS1ncm91cFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXApXG4gICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG5cbiAgICAvKiA6bGFzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKTpoYXMoXG4gICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl1cbiAgICAgICksXG4gICAgICA6bm90KDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKVxuICAgICkge1xuICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLWdyb3VwLXNwYWNpbmcpO1xuICAgIH1cblxuICAgIC8qIDpzaW5nbGUtaW4taXNsYW5kLW9mLWNsYXNzICovXG5cbiAgICAmOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXAsIDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIGhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtc2VjdGlvbl9faGVhZGVyIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIEJhY2tncm91bmQgaW1hZ2VcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgOmlzKC5teC1zZWN0aW9uLS1oYXMtYmFja2dyb3VuZCwgLm14LXNlY3Rpb246aGFzKC5teC1iYWNrZ3JvdW5kLS1pbWFnZSkpIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICYgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQkFBMkI7O0lBRTNCLHlCQUFxQzs7SUFBckMscUNBQXFDO0lBQ3JDLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLG9EQUFvRDtFQUN0RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDs7RUFFQTtJQUNFLDBEQUEwRDtFQUM1RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHNEQUFzRDtFQUN4RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDtBQUNGOztBQUVBOzs7O0VBSUU7O0FBRUY7Ozs7O0VBS0U7O0FBRUY7RUFDRTtJQUNFLG1EQUFtRDs7SUFFbkQsc0NBQXNDO0VBU3hDOztJQVBFO01BS0Usd0NBQXdDO0lBQzFDOztFQUdGO0lBQ0Usb0RBQW9EOztJQUVwRCxnQkFBZ0I7O0lBRWhCLDhCQUE4QjtFQXVCaEM7O0lBckJFO01BSUUseUNBQXlDO0lBQzNDOztJQUVBLDZCQUE2Qjs7SUFFN0I7TUFJRSx1Q0FBdUM7SUFDekM7O0lBRUEsK0JBQStCOztJQUUvQjtNQUNFLG1DQUFtQztJQUNyQztBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxrQ0FBa0M7SUFDbEMsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLDhCQUE4QjtFQUNoQztBQUNGOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0VBS3BCOztJQUhFO01BQ0Usa0JBQWtCO0lBQ3BCO0FBRUoiLCJmaWxlIjoic2VjdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNlY3Rpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWNvbnRhaW5lciB7XG4gICAgLS1jb250YWluZXItbmFtZTogY29udGFpbmVyO1xuXG4gICAgY29udGFpbmVyLW5hbWU6IHZhcigtLWNvbnRhaW5lci1uYW1lKTtcbiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZGl2aWRlciB7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tY29sb3VyLWJvcmRlcik7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tcyB7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2VjdGlvbi1zLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWwge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXhsIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1zIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1sIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS10b3AteGwge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tYm90dG9tLXMge1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2VjdGlvbi1tLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1ib3R0b20tbCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS14bCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9ucyBicmVha291dHNcbiAqXG4gKiBVc2VzIGBzdWJncmlkYCBzbyBubyBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKi9cblxuLyoqXG4gKiBTZWN0aW9ucyBmbG93cyAmIGdyb3Vwc1xuICpcbiAqIFVzZXMgYDpoYXNgIHNvIGlzIG5vdCBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKiBzZWUgaHR0cHM6Ly93d3cuYnJhbS51cy8yMDIyLzEyLzEzL3F1YW50aXR5LXF1ZXJpZXMtZm9yLWlzbGFuZHMtb2YtZWxlbWVudHMtd2l0aC10aGUtc2FtZS1jbGFzcy10aGFua3MtdG8tY3NzLWhhcy9cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LXNlY3Rpb24tLWZsb3cge1xuICAgIC0tZmxvdy1zcGFjaW5nOiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcblxuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mbG93LXNwYWNpbmcpO1xuXG4gICAgJjppcyhcbiAgICAgIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0gKyAubXgtc2VjdGlvbi0tZmxvdyxcbiAgICAgIDpub3QoLm14LXNlY3Rpb24tLWZsb3c6bm90KC5teC1zZWN0aW9uLS1ncm91cCkgKyAubXgtc2VjdGlvbi0tZmxvdylcbiAgICApIHtcbiAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLWZsb3ctc3BhY2luZyk7XG4gICAgfVxuICB9XG5cbiAgLm14LXNlY3Rpb24tLWdyb3VwIHtcbiAgICAtLWdyb3VwLXNwYWNpbmc6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuXG4gICAgcGFkZGluZy1ibG9jazogMDtcblxuICAgIC8qIDpmaXJzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKSArIC5teC1zZWN0aW9uLS1ncm91cFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXApXG4gICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG5cbiAgICAvKiA6bGFzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKTpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXBbY2xhc3MqPVwibXgtYmFja2dyb3VuZFwiXSksXG4gICAgICA6bm90KDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKVxuICAgICkge1xuICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLWdyb3VwLXNwYWNpbmcpO1xuICAgIH1cblxuICAgIC8qIDpzaW5nbGUtaW4taXNsYW5kLW9mLWNsYXNzICovXG5cbiAgICAmOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXAsIDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIGhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtc2VjdGlvbl9faGVhZGVyIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIEJhY2tncm91bmQgaW1hZ2VcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgOmlzKC5teC1zZWN0aW9uLS1oYXMtYmFja2dyb3VuZCwgLm14LXNlY3Rpb246aGFzKC5teC1iYWNrZ3JvdW5kLS1pbWFnZSkpIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICYgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgfVxufVxuIl19 */

package/dist/build/sticky.entry.js

@@ -1,10 +1,14 @@
-import { c as createElement } from "./chunks/utilities-DXELy_An.js";
+import { c as createElement } from "./chunks/utilities-Ci7wwNeg.js";
 class Sticky extends HTMLElement {
+  internals_;
+  iO;
+  rO;
+  offsetPropName;
+  root = null;
+  rootMargin = "0px 0px 0px 0px";
+  thresholds = [0];
   constructor() {
     super();
-    this.root = null;
-    this.rootMargin = "0px 0px 0px 0px";
-    this.thresholds = [0];
     this.internals_ = this.attachInternals();
   }
   connectedCallback() {
@@ -33,10 +37,7 @@ class Sticky extends HTMLElement {
     this.rO = new ResizeObserver((entries) => {
       entries.forEach(({ borderBoxSize }) => {
         const [{ blockSize }] = borderBoxSize;
-        document.body.style.setProperty(
-          this.offsetPropName,
-          `${blockSize.toFixed(1)}px`
-        );
+        document.body.style.setProperty(this.offsetPropName, `${blockSize.toFixed(1)}px`);
       });
     });
     this.rO.observe(this);
@@ -48,13 +49,11 @@ class Sticky extends HTMLElement {
   get trigger() {
     let trigger = this.querySelector(".sticky__trigger");
     if (!trigger) {
-      trigger = createElement(
-        '<div class="sticky__trigger"></div>'
-      );
+      trigger = createElement('<div class="sticky__trigger"></div>');
       this.insertAdjacentElement("beforebegin", trigger);
     }
     return trigger;
   }
 }
-customElements.define("mx-sticky", Sticky);
+if (!customElements.get("mx-sticky")) customElements.define("mx-sticky", Sticky);
 //# sourceMappingURL=sticky.entry.js.map

package/dist/build/sticky.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.entry.js","sources":["../../src/Component/Sticky/Elements/Sticky.ts"],"sourcesContent":["/**\n * Sticky \"is-stuck\" and offset handler.\n */\n\nimport { createElement } from \"../../../Utility/utilities\"\n\ntype IOOptions = {\n  root: IntersectionObserver[\"root\"]\n  rootMargin: IntersectionObserver[\"rootMargin\"]\n  thresholds: IntersectionObserver[\"thresholds\"]\n}\n\nexport default class Sticky extends HTMLElement {\n  internals_: ElementInternals\n  iO: IntersectionObserver\n  rO?: ResizeObserver\n  offsetPropName?: string\n  root?: IOOptions[\"root\"] = null\n  rootMargin?: IOOptions[\"rootMargin\"] = \"0px 0px 0px 0px\"\n  thresholds?: IOOptions[\"thresholds\"] = [0]\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n  }\n\n  connectedCallback(): void {\n    this.offsetPropName = this.getAttribute(\"offsetpropname\")\n    const options: IOOptions = {\n      root: this.root,\n      rootMargin: this.rootMargin,\n      thresholds: this.thresholds,\n    }\n\n    // Toggle \"is-stuck\" and emit event.\n    this.iO = new IntersectionObserver(([{ boundingClientRect }]) => {\n      const isSticky: boolean = boundingClientRect.y < 0\n      this.classList.toggle(\"is-stuck\", isSticky)\n      const newEvent: CustomEvent<{\n        isSticky: boolean\n        options: IOOptions\n        target: Sticky\n      }> = new CustomEvent(\"sticky-toggle\", {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          isSticky,\n          options,\n          target: this,\n        },\n      })\n      this.dispatchEvent(newEvent)\n    }, options)\n    this.iO.observe(this.trigger)\n\n    // If offsetPropName, record its height.\n    if (!this.offsetPropName) return\n    this.rO = new ResizeObserver(entries => {\n      entries.forEach(({ borderBoxSize }) => {\n        const [{ blockSize }] = borderBoxSize\n        document.body.style.setProperty(\n          this.offsetPropName,\n          `${blockSize.toFixed(1)}px`,\n        )\n      })\n    })\n    this.rO.observe(this)\n  }\n\n  disconnectedCallback(): void {\n    this.iO.unobserve(this.trigger)\n    this.rO.disconnect()\n  }\n\n  get trigger(): HTMLDivElement {\n    let trigger: HTMLDivElement | null = this.querySelector(\".sticky__trigger\")\n    if (!trigger) {\n      trigger = createElement(\n        '<div class=\"sticky__trigger\"></div>',\n      ) as HTMLDivElement\n      this.insertAdjacentElement(\"beforebegin\", trigger)\n    }\n    return trigger\n  }\n}\n\ncustomElements.define(\"mx-sticky\", Sticky)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-sticky\": Sticky\n  }\n}\n"],"names":[],"mappings":";AAYA,MAAqB,eAAe,YAAY;AAAA,EAS9C,cAAc;AACZ,UAAA;AALF,SAAA,OAA2B;AAC3B,SAAA,aAAuC;AACvC,SAAA,aAAuC,CAAC,CAAC;AAIvC,SAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA,EAEA,oBAA0B;AACxB,SAAK,iBAAiB,KAAK,aAAa,gBAAgB;AACxD,UAAM,UAAqB;AAAA,MACzB,MAAM,KAAK;AAAA,MACX,YAAY,KAAK;AAAA,MACjB,YAAY,KAAK;AAAA,IAAA;AAInB,SAAK,KAAK,IAAI,qBAAqB,CAAC,CAAC,EAAE,mBAAA,CAAoB,MAAM;AAC/D,YAAM,WAAoB,mBAAmB,IAAI;AACjD,WAAK,UAAU,OAAO,YAAY,QAAQ;AAC1C,YAAM,WAID,IAAI,YAAY,iBAAiB;AAAA,QACpC,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,QAAA;AAAA,MACV,CACD;AACD,WAAK,cAAc,QAAQ;AAAA,IAC7B,GAAG,OAAO;AACV,SAAK,GAAG,QAAQ,KAAK,OAAO;AAG5B,QAAI,CAAC,KAAK,eAAgB;AAC1B,SAAK,KAAK,IAAI,eAAe,CAAA,YAAW;AACtC,cAAQ,QAAQ,CAAC,EAAE,oBAAoB;AACrC,cAAM,CAAC,EAAE,UAAA,CAAW,IAAI;AACxB,iBAAS,KAAK,MAAM;AAAA,UAClB,KAAK;AAAA,UACL,GAAG,UAAU,QAAQ,CAAC,CAAC;AAAA,QAAA;AAAA,MAE3B,CAAC;AAAA,IACH,CAAC;AACD,SAAK,GAAG,QAAQ,IAAI;AAAA,EACtB;AAAA,EAEA,uBAA6B;AAC3B,SAAK,GAAG,UAAU,KAAK,OAAO;AAC9B,SAAK,GAAG,WAAA;AAAA,EACV;AAAA,EAEA,IAAI,UAA0B;AAC5B,QAAI,UAAiC,KAAK,cAAc,kBAAkB;AAC1E,QAAI,CAAC,SAAS;AACZ,gBAAU;AAAA,QACR;AAAA,MAAA;AAEF,WAAK,sBAAsB,eAAe,OAAO;AAAA,IACnD;AACA,WAAO;AAAA,EACT;AACF;AAEA,eAAe,OAAO,aAAa,MAAM;"}
+{"version":3,"file":"sticky.entry.js","sources":["../../src/Component/Sticky/Elements/Sticky.ts"],"sourcesContent":["/**\n * Sticky \"is-stuck\" and offset handler.\n */\n\nimport { createElement } from \"../../../Utility/utilities\"\n\ntype IOOptions = {\n  root: IntersectionObserver[\"root\"]\n  rootMargin: IntersectionObserver[\"rootMargin\"]\n  thresholds: IntersectionObserver[\"thresholds\"]\n}\n\nexport default class Sticky extends HTMLElement {\n  internals_: ElementInternals\n  iO: IntersectionObserver\n  rO?: ResizeObserver\n  offsetPropName?: string\n  root?: IOOptions[\"root\"] = null\n  rootMargin?: IOOptions[\"rootMargin\"] = \"0px 0px 0px 0px\"\n  thresholds?: IOOptions[\"thresholds\"] = [0]\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n  }\n\n  connectedCallback(): void {\n    this.offsetPropName = this.getAttribute(\"offsetpropname\")\n    const options: IOOptions = {\n      root: this.root,\n      rootMargin: this.rootMargin,\n      thresholds: this.thresholds,\n    }\n\n    // Toggle \"is-stuck\" and emit event.\n    this.iO = new IntersectionObserver(([{ boundingClientRect }]) => {\n      const isSticky: boolean = boundingClientRect.y < 0\n      this.classList.toggle(\"is-stuck\", isSticky)\n      const newEvent: CustomEvent<{\n        isSticky: boolean\n        options: IOOptions\n        target: Sticky\n      }> = new CustomEvent(\"sticky-toggle\", {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          isSticky,\n          options,\n          target: this,\n        },\n      })\n      this.dispatchEvent(newEvent)\n    }, options)\n    this.iO.observe(this.trigger)\n\n    // If offsetPropName, record its height.\n    if (!this.offsetPropName) return\n    this.rO = new ResizeObserver(entries => {\n      entries.forEach(({ borderBoxSize }) => {\n        const [{ blockSize }] = borderBoxSize\n        document.body.style.setProperty(this.offsetPropName, `${blockSize.toFixed(1)}px`)\n      })\n    })\n    this.rO.observe(this)\n  }\n\n  disconnectedCallback(): void {\n    this.iO.unobserve(this.trigger)\n    this.rO.disconnect()\n  }\n\n  get trigger(): HTMLDivElement {\n    let trigger: HTMLDivElement | null = this.querySelector(\".sticky__trigger\")\n    if (!trigger) {\n      trigger = createElement('<div class=\"sticky__trigger\"></div>') as HTMLDivElement\n      this.insertAdjacentElement(\"beforebegin\", trigger)\n    }\n    return trigger\n  }\n}\n\nif (!customElements.get(\"mx-sticky\")) customElements.define(\"mx-sticky\", Sticky)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-sticky\": Sticky\n  }\n}\n"],"names":[],"mappings":";AAYA,MAAqB,eAAe,YAAY;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAA2B;AAAA,EAC3B,aAAuC;AAAA,EACvC,aAAuC,CAAC,CAAC;AAAA,EAEzC,cAAc;AACZ,UAAA;AACA,SAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA,EAEA,oBAA0B;AACxB,SAAK,iBAAiB,KAAK,aAAa,gBAAgB;AACxD,UAAM,UAAqB;AAAA,MACzB,MAAM,KAAK;AAAA,MACX,YAAY,KAAK;AAAA,MACjB,YAAY,KAAK;AAAA,IAAA;AAInB,SAAK,KAAK,IAAI,qBAAqB,CAAC,CAAC,EAAE,mBAAA,CAAoB,MAAM;AAC/D,YAAM,WAAoB,mBAAmB,IAAI;AACjD,WAAK,UAAU,OAAO,YAAY,QAAQ;AAC1C,YAAM,WAID,IAAI,YAAY,iBAAiB;AAAA,QACpC,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,QAAA;AAAA,MACV,CACD;AACD,WAAK,cAAc,QAAQ;AAAA,IAC7B,GAAG,OAAO;AACV,SAAK,GAAG,QAAQ,KAAK,OAAO;AAG5B,QAAI,CAAC,KAAK,eAAgB;AAC1B,SAAK,KAAK,IAAI,eAAe,CAAA,YAAW;AACtC,cAAQ,QAAQ,CAAC,EAAE,oBAAoB;AACrC,cAAM,CAAC,EAAE,UAAA,CAAW,IAAI;AACxB,iBAAS,KAAK,MAAM,YAAY,KAAK,gBAAgB,GAAG,UAAU,QAAQ,CAAC,CAAC,IAAI;AAAA,MAClF,CAAC;AAAA,IACH,CAAC;AACD,SAAK,GAAG,QAAQ,IAAI;AAAA,EACtB;AAAA,EAEA,uBAA6B;AAC3B,SAAK,GAAG,UAAU,KAAK,OAAO;AAC9B,SAAK,GAAG,WAAA;AAAA,EACV;AAAA,EAEA,IAAI,UAA0B;AAC5B,QAAI,UAAiC,KAAK,cAAc,kBAAkB;AAC1E,QAAI,CAAC,SAAS;AACZ,gBAAU,cAAc,qCAAqC;AAC7D,WAAK,sBAAsB,eAAe,OAAO;AAAA,IACnD;AACA,WAAO;AAAA,EACT;AACF;AAEA,IAAI,CAAC,eAAe,IAAI,WAAW,EAAG,gBAAe,OAAO,aAAa,MAAM;"}

package/dist/build/tabs.entry.js

@@ -1,87 +1,36 @@
-import { D as DropMenu } from "./chunks/drop-menu.entry-B4TtnC50.js";
-import { c as createElement, m as makeAnchor } from "./chunks/utilities-DXELy_An.js";
+import { D as DropMenu } from "./chunks/drop-menu.entry-fzV-_VFl.js";
+import { c as createElement, m as makeAnchor } from "./chunks/utilities-Ci7wwNeg.js";
+var PopoverPlacementModifier = /* @__PURE__ */ ((PopoverPlacementModifier2) => {
+  PopoverPlacementModifier2["TOP"] = "top";
+  PopoverPlacementModifier2["TOP_START"] = "top-start";
+  PopoverPlacementModifier2["TOP_END"] = "top-end";
+  PopoverPlacementModifier2["RIGHT"] = "right";
+  PopoverPlacementModifier2["RIGHT_START"] = "right-start";
+  PopoverPlacementModifier2["RIGHT_END"] = "right-end";
+  PopoverPlacementModifier2["LEFT"] = "left";
+  PopoverPlacementModifier2["LEFT_START"] = "left-start";
+  PopoverPlacementModifier2["LEFT_END"] = "left-end";
+  PopoverPlacementModifier2["BOTTOM"] = "bottom";
+  PopoverPlacementModifier2["BOTTOM_START"] = "bottom-start";
+  PopoverPlacementModifier2["BOTTOM_END"] = "bottom-end";
+  PopoverPlacementModifier2["TOP_CENTER"] = "top-center";
+  PopoverPlacementModifier2["LEFT_CENTER"] = "left-center";
+  PopoverPlacementModifier2["RIGHT_CENTER"] = "right-center";
+  PopoverPlacementModifier2["BOTTOM_CENTER"] = "right-center";
+  return PopoverPlacementModifier2;
+})(PopoverPlacementModifier || {});
 class Tabs extends HTMLElement {
+  internals_;
+  controller;
+  tabs;
+  mq;
+  locationHash;
+  tabFocus = 0;
+  tabListClasses;
+  dropTriggerClasses;
+  dropMenuId;
   constructor() {
     super();
-    this.tabFocus = 0;
-    this.handleBreakpoint = ({
-      matches
-    }) => {
-      const { signal } = this.controller;
-      this.dropMenuTrigger.toggleAttribute("hidden", !matches);
-      this.tabList.toggleAttribute("hidden", matches);
-      if (matches) {
-        this.dropMenuMenu.addEventListener(
-          "drop-menu-select",
-          this.handleDropMenuSelect,
-          { signal }
-        );
-        this.tabList.removeEventListener("click", this.handleClick);
-        this.tabList.removeEventListener("keydown", this.handleKeydown);
-      } else {
-        this.tabList.addEventListener("click", this.handleClick, { signal });
-        this.tabList.addEventListener("keydown", this.handleKeydown, { signal });
-        this.dropMenuMenu.removeEventListener(
-          "drop-menu-select",
-          this.handleDropMenuSelect
-        );
-      }
-    };
-    this.handleKeydown = ({ key }) => {
-      if (key === "ArrowRight" || key === "ArrowLeft") {
-        this.triggers[this.tabFocus].setAttribute("tabindex", "-1");
-        if (key === "ArrowRight") {
-          this.tabFocus += 1;
-          if (this.tabFocus >= this.triggers.length) {
-            this.tabFocus = 0;
-          }
-        } else if (key === "ArrowLeft") {
-          this.tabFocus -= 1;
-          if (this.tabFocus < 0) {
-            this.tabFocus = this.triggers.length - 1;
-          }
-        }
-        this.triggers[this.tabFocus].setAttribute("tabindex", "0");
-        this.triggers[this.tabFocus].focus();
-      }
-    };
-    this.handleClick = (event) => {
-      const target = event.target;
-      if (!(target instanceof HTMLButtonElement)) return;
-      event.preventDefault();
-      const id = target.getAttribute("aria-controls");
-      this.handleTabChange(id);
-    };
-    this.handleDropMenuSelect = (event) => {
-      const target = event.detail.target;
-      if (!(target instanceof HTMLButtonElement)) return;
-      const id = target.getAttribute("aria-controls");
-      this.handleTabChange(id);
-    };
-    this.handleTabChange = (id) => {
-      this.active = id;
-      this.handleUrlParams(id);
-      const { panel, tab, button } = this.tabs.get(id);
-      panel.focus({ preventScroll: true });
-      const newEvent = new CustomEvent("tab-toggle", {
-        bubbles: true,
-        cancelable: true,
-        detail: { id, tab, button, panel }
-      });
-      this.dispatchEvent(newEvent);
-    };
-    this.handleUrlParams = (id) => {
-      const urlParams = new URLSearchParams(
-        window.location.search
-      );
-      if (urlParams.get("tab") === id) return;
-      urlParams.set("tab", id);
-      window.history.replaceState(
-        {},
-        "",
-        `${window.location.pathname}?${urlParams.toString()}`
-      );
-    };
     this.internals_ = this.attachInternals();
     this.controller = new AbortController();
     this.mq = this.getAttribute("mq") || "(max-width: 720px)";
@@ -117,6 +66,63 @@ class Tabs extends HTMLElement {
   disconnectedCallback() {
     this.controller.abort();
   }
+  handleBreakpoint = ({ matches }) => {
+    const { signal } = this.controller;
+    this.dropMenuTrigger.toggleAttribute("hidden", !matches);
+    this.tabList.toggleAttribute("hidden", matches);
+    if (matches) {
+      this.dropMenuMenu.addEventListener("drop-menu-select", this.handleDropMenuSelect, { signal });
+      this.tabList.removeEventListener("click", this.handleClick);
+      this.tabList.removeEventListener("keydown", this.handleKeydown);
+    } else {
+      this.tabList.addEventListener("click", this.handleClick, { signal });
+      this.tabList.addEventListener("keydown", this.handleKeydown, { signal });
+      this.dropMenuMenu.removeEventListener("drop-menu-select", this.handleDropMenuSelect);
+    }
+  };
+  handleKeydown = ({ key }) => {
+    if (key === "ArrowRight" || key === "ArrowLeft") {
+      this.triggers[this.tabFocus].setAttribute("tabindex", "-1");
+      if (key === "ArrowRight") {
+        this.tabFocus += 1;
+        if (this.tabFocus >= this.triggers.length) {
+          this.tabFocus = 0;
+        }
+      } else if (key === "ArrowLeft") {
+        this.tabFocus -= 1;
+        if (this.tabFocus < 0) {
+          this.tabFocus = this.triggers.length - 1;
+        }
+      }
+      this.triggers[this.tabFocus].setAttribute("tabindex", "0");
+      this.triggers[this.tabFocus].focus();
+    }
+  };
+  handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof HTMLButtonElement)) return;
+    event.preventDefault();
+    const id = target.getAttribute("aria-controls");
+    this.handleTabChange(id);
+  };
+  handleDropMenuSelect = (event) => {
+    const target = event.detail.target;
+    if (!(target instanceof HTMLButtonElement)) return;
+    const id = target.getAttribute("aria-controls");
+    this.handleTabChange(id);
+  };
+  handleTabChange = (id) => {
+    this.active = id;
+    this.handleUrlParams(id);
+    const { panel, tab, button } = this.tabs.get(id);
+    panel.focus({ preventScroll: true });
+    const newEvent = new CustomEvent("tab-toggle", {
+      bubbles: true,
+      cancelable: true,
+      detail: { id, tab, button, panel }
+    });
+    this.dispatchEvent(newEvent);
+  };
   get dropMenu() {
     const existingMenu = this.querySelector("mx-dropmenu");
     if (existingMenu) return existingMenu;
@@ -127,16 +133,18 @@ class Tabs extends HTMLElement {
     tabDropMenu.setAttribute("closeOnClick", "true");
     const trigger = createElement(`<button
                   id="${name}"
-                  class="mx-drop-menu__trigger ${this.dropTriggerClasses}"
+                  class="mx-popover__trigger ${this.dropTriggerClasses}"
                   popovertarget="${this.dropMenuId}"
+                  style="anchor-name: --${this.dropMenuId}"
                   hidden
               ></button>`);
     const menu = createElement(
       `<div
-                  class="mx-drop-menu"
+                  class="mx-popover mx-drop-menu"
                   id="${this.dropMenuId}"
-                  aria-labelledby="${name}"
-                  anchor="${name}"
+                  aria-describedby="${name}"
+                  style="position-anchor: --${this.dropMenuId}"
+                  data-placement="${PopoverPlacementModifier.BOTTOM_START}"
                   popover
                   role="tablist"
               ></div>`
@@ -153,9 +161,7 @@ class Tabs extends HTMLElement {
   }
   get tabList() {
     this.tabListClasses = this.getAttribute("tabListClasses") || "mx-tabs__list";
-    const existingTabList = this.querySelector(
-      '[role="tablist"]:not([popover])'
-    );
+    const existingTabList = this.querySelector('[role="tablist"]:not([popover])');
     if (existingTabList) return existingTabList;
     const tabList = createElement(
       `<div class="${this.tabListClasses}" role="tablist" hidden></div>`
@@ -171,10 +177,15 @@ class Tabs extends HTMLElement {
     return triggers;
   }
   get panels() {
-    const panels = this.querySelectorAll('[role="tabpanel"]');
+    const panels = this.querySelectorAll("[data-tab]");
     if (!panels.length) {
-      throw new Error(`${this.localName} must contain [role="tabpanel"]`);
+      throw new Error(`${this.localName} must contain [data-tab]`);
     }
+    panels.forEach((panel) => {
+      panel.setAttribute("role", "tabpanel");
+      panel.setAttribute("tabindex", "0");
+      panel.setAttribute("aria-label", panel.getAttribute("data-tab"));
+    });
     return panels;
   }
   get active() {
@@ -197,6 +208,12 @@ class Tabs extends HTMLElement {
       }
     });
   }
+  handleUrlParams = (id) => {
+    const urlParams = new URLSearchParams(window.location.search);
+    if (urlParams.get("tab") === id) return;
+    urlParams.set("tab", id);
+    window.history.replaceState({}, "", `${window.location.pathname}?${urlParams.toString()}`);
+  };
 }
-customElements.define("mx-tabs", Tabs);
+if (!customElements.get("mx-tabs")) customElements.define("mx-tabs", Tabs);
 //# sourceMappingURL=tabs.entry.js.map