@nanoporetech-digital/components 5.3.1 → 5.4.1

package/dist/esm/table.worker-a37fa949.js.map

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

package/dist/nano-components/p-0301e8f7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sortableCss","orientationMap","horizontal","x","y","vertical","sortableIds","Sortable","handleItemSelectorChange","this","refreshKeyboardHandles","handleHandleSelectorChange","attachMutationObserver","handleCreateKeyboardHandleChange","handleSortableHostElement","_newVal","oldVal","removeEventHandlers","addEventHandlers","sortableHostElement","style","position","async","handleSelector","_a","keyboardHandleMap","size","clear","sortableHost","querySelectorAll","forEach","handle","getAttribute","setAttribute","sortableId","sortEle","closest","itemSelector","set","_b","_c","_ele","remove","ele","i","createKeyboardHandle","console","error","host","addAriaMsg","msg","ariaTextList","setTimeout","mIdx","indexOf","splice","updateUserSelectStyle","userSelect","MozUserSelect","msUserSelect","webkitUserSelect","hitTest","node","targets","left","l","top","t","width","w","height","h","getBoundingClientRect","filter","item","right","bottom","isAnimating","animatedElements","animateNode","dx","dy","animate","push","willChange","writeTask","animationPromise","Promise","resolve","transform","animationTiming","addEventListener","index","once","insertAtTarget","target","offsets","animationEnabled","sortableNodes","map","offsetLeft","offsetTop","isConnected","dropzoneNodes","append","nodeComparison","compareDocumentPosition","DOCUMENT_POSITION_FOLLOWING","parentNode","DOCUMENT_POSITION_PRECEDING","insertAdjacentElement","sortableNode","reset","draggedElementClone","undefined","removeChild","draggedElement","draggedElementOrigin","classList","placeholderClass","dropzoneActiveClass","length","dze","dragRequestPending","createClone","clone","cloneNode","id","Array","from","children","nodeChild","clonedNodeChild","originalNodeChild","offsetWidth","offsetHeight","Object","assign","dragResize","add","draggedClass","appendChild","removeEventListener","handleTrack","handleKeydown","addListeners","passive","mutationObserver","disconnect","MutationObserver","currHandles","values","newHandles","find","includes","observe","subtree","childList","e","targetElement","foundHandle","get","activateSort","isActive","keyboardSortActive","toggle","handleDraggedClass","grabbedHelperText","document","droppedHelperText","key","preventDefault","nanoGrabbedEv","nanoGrabbed","emit","element","defaultPrevented","nanoDropped","moveKeys","orientation","dropzoneSelector","currIdx","curDzIdx","curDropzone","prevEle","nextEle","finishOrder","focus","requestAnimationFrame","setFocus","then","button","handleMove","cancelable","clearTimeout","mouseDownTimer","resetTrack","window","trackStart","drag","initialEvent","relative","onMove","trackMove","onStop","didStop","targetHandle","nextSibling","constructor","hostRef","Map","updated","originalIndex","targetIndex","querySelector","orderChangeEv","nanoOrderChange","reorderHelperText","activeDropzone","readTask","el","textContent","trim","itemDescriptor","elements","_number","_element","handleTpl","div","globalThis","createElement","innerHTML","duration","easing","bind","nanoDebounce","connectedCallback","insertAdjacentHTML","helperText","disconnectedCallback","render","Host","class","role","part","str"],"sources":["./src/components/sortable/sortable.scss?tag=nano-sortable&encapsulation=shadow","./src/components/sortable/sortable.tsx"],"sourcesContent":["@use '../../global/style/utilities/globals' as g;\n\n:host {\n  position: relative;\n  display: block;\n}\n\n.sortable__live-region {\n  @include g.visually-hide();\n}\n","import {\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Component,\n  ComponentInterface,\n  Watch,\n  Method,\n  State,\n  Host,\n  readTask,\n  writeTask,\n  Build,\n} from '@stencil/core';\nimport { drag } from '../../utils/drag';\nimport { nanoDebounce } from '../..';\nimport { addListeners } from '../../utils/events';\n\n// Orientation map to limit dragging to horizontal or vertical.\nconst orientationMap = {\n  horizontal: { x: 1, y: 0 },\n  vertical: { x: 0, y: 1 },\n};\n\nlet sortableIds = 0;\n\n/**\n * An accessible and flexible re-order / sort utility component.\n *\n *- Drag and drop via mouse, touch or keyboard\n *- Live announcements for screen readers\n *- Works with or without an explicit handle (although with is preferable)\n\n * @part announcements - the a11y, live region. Visually hidden by default\n *\n * @slot - The default slot containing any items you might want to sort\n */\n@Component({\n  tag: 'nano-sortable',\n  shadow: true,\n  styleUrl: 'sortable.scss',\n})\nexport class Sortable implements ComponentInterface {\n  /// Public API & surface ///\n\n  /** A css query selector which matches a set of elements that should be sortable. e.g. `<li>` or `<tr>` */\n  @Prop() itemSelector = 'li';\n  @Watch('itemSelector')\n  handleItemSelectorChange() {\n    this.refreshKeyboardHandles();\n  }\n\n  /** A css query selector which matches an element *within* the `itemSelector` element\n   * which will act like a drag handle. **Note** For keyboard a11y it's recommended\n   * to use `handleSelector` when possible. Alternatively, the `createKeyboardHandle` prop will be used */\n  @Prop() handleSelector?: string;\n  @Watch('handleSelector')\n  handleHandleSelectorChange() {\n    this.refreshKeyboardHandles();\n    this.attachMutationObserver();\n  }\n\n  /** When dragging between grouped collections of items, it is possible to drag all sortable items from one group to another.\n   * At that point, you will not be able to drag items back to the original group.\n   * A `dropzoneSelector` allows you to define a placeholder area where items can always be dropped.\n   */\n  @Prop() dropzoneSelector?: string;\n\n  /** Accessibility helper text applied to handle controls */\n  @Prop() helperText =\n    'Press \"Space\" or \"Enter\" to enable element reordering and use the arrow keys to reorder items.' +\n    'Press \"Escape\" to cancel reordering. Alternatively, use your mouse to drag / reorder.';\n\n  /**\n   * As a sortable element is interacted with, announcements are made to screen readers\n   * - informing the user what is changing.\n   * By default, the text from the element is extracted to describe the interacted with element.\n   * Use this function to provide a more meaningful, concise item descriptor\n   * @param el the element being interacted with\n   * @returns a string, describing the element being interacted with\n   */\n  @Prop() itemDescriptor = (el: Element) => `\"${el?.textContent.trim()}\"`;\n\n  /**\n   * Used to generate a screen reader live update, informing the user of the current element being grabbed.\n   * @param el the element that has been grabbed by the user\n   * @returns a string, describing the element being grabbed\n   */\n  @Prop() grabbedHelperText = (el: Element) =>\n    `${this.itemDescriptor(el)} grabbed`;\n\n  /**\n   * Used to generate a screen reader live update, informing the user of the current element being dropped.\n   * @param el the element that has been dropped by the user\n   * @returns a string, describing the element that has been dropped\n   */\n  @Prop() droppedHelperText = (el: Element) =>\n    `${this.itemDescriptor(el)} dropped`;\n\n  /**\n   *  Used to generate a screen reader live update, informing the user when items have been reordered.\n   * @param el the element that has been reordered by the user\n   * @param elements the elements in the sortable list\n   * @param position the new position of the dropped element\n   * @returns a string, describing the element being dropped\n   */\n  @Prop() reorderHelperText = (\n    el: Element,\n    elements: Element[],\n    position: number\n  ) =>\n    `The list has been reordered, ${this.itemDescriptor(\n      el\n    )} is now item ${position} of ${elements.length}`;\n\n  /**\n   * A function that should attach a keyboard accessible control.\n   * When a `handleSelector` is not used - to allow keyboard accessibility -\n   * `createKeyboardHandle` should render a focusable element.\n   *\n   * If your sortable item is itself focusable,\n   * you must use this function to render a control *outside* of the focusable element.\n   * @param _number\n   * @param _element\n   * @returns a function that attaches a keyboard accessible handle control element.\n   * The function itself *must* return the handle element.\n   */\n  @Prop() createKeyboardHandle = (_number: number, _element: Element) => {\n    const handleTpl = /* html */ `\n      <nano-icon-button\n        slot=\"end\"\n        icon-name=\"light/arrows\"\n        class=\"nano-sortable__keyboard-handle visually-hidden\"\n        label=\"Re-order this item\"\n      ></nano-icon-button>`;\n    const div = globalThis.document.createElement('div');\n    div.innerHTML = handleTpl;\n\n    const handle = div.children[0] as HTMLElement;\n    _element.append(handle);\n    return handle;\n  };\n  @Watch('createKeyboardHandle')\n  handleCreateKeyboardHandleChange() {\n    this.refreshKeyboardHandles();\n  }\n\n  /** use `sortableHostElement` to watch a sortable list without needing to wrap in `nano-sortable`.\n   * Note that the `sortableHostElement` element css `position` will be set to `relative` */\n  @Prop() sortableHostElement?: HTMLElement;\n  @Watch('sortableHostElement')\n  handleSortableHostElement(_newVal?, oldVal?: HTMLElement) {\n    if (oldVal) this.removeEventHandlers(oldVal);\n\n    this.addEventHandlers();\n    this.refreshKeyboardHandles();\n    this.attachMutationObserver();\n\n    if (this.sortableHostElement) {\n      // sortable host must have position relative\n      this.sortableHostElement.style.position = 'relative';\n    }\n  }\n\n  /** Items being sorted will animate into place */\n  @Prop() animationEnabled = true;\n\n  /** Use this class to change how the element looks whilst being sorted */\n  @Prop() draggedClass = 'nano-sortable__dragged';\n\n  /** Use this class to change how the handle looks whilst being sorted */\n  @Prop() handleDraggedClass = 'nano-sortable__handle-dragged';\n\n  /** Use this class to change how the element looks when acting as a placeholder */\n  @Prop() placeholderClass = 'nano-sortable__placeholder';\n\n  /** Used in-conjunction with `dropzoneSelector`, applied when a dropzone is dragged over */\n  @Prop() dropzoneActiveClass?: string = '';\n\n  /** The css animation timing applied when `animationEnabled` is `true` */\n  @Prop() animationTiming: any = { duration: 200, easing: 'ease-out' };\n\n  /** The axis to lock dragging elements to. `undefined` means any axis */\n  @Prop() orientation?: 'horizontal' | 'vertical';\n\n  /** Dragged items by default, will take whatever default css is applied in situ.\n   * When sortable items' dimensions are dynamic (i.e they can shrink / grow via the space allowed) dragging items can look 'wrong'.\n   * Apply `dragResize` to read & recreate the dragged items current dimensions when dragged.  */\n  @Prop() dragResize = false;\n\n  /** Fired when an the order changes. Use this to update any underlying data model.\n   * `event.preventDefault()` to prevent the element being moved; will revert to original position. */\n  @Event() nanoOrderChange: EventEmitter<{\n    element: HTMLElement;\n    originalIndex: number;\n    targetIndex: number;\n  }>;\n\n  /** Fired when a sortable element is picked-up; via keyboard, mouse or touch.\n   * `event.preventDefault()` to prevent the element being picked-up. */\n  @Event() nanoGrabbed: EventEmitter<{ element: HTMLElement; index: number }>;\n\n  /** Fired when a sortable element is dropped after having been picked up. */\n  @Event() nanoDropped: EventEmitter<{ element: HTMLElement }>;\n\n  /** If sortable elements change dynamically, use this method to add handle controls to new elements */\n  @Method()\n  async refreshKeyboardHandles() {\n    if (this.handleSelector) {\n      if (this.keyboardHandleMap?.size) {\n        this.keyboardHandleMap.clear();\n      }\n\n      this.sortableHost\n        .querySelectorAll<HTMLElement>(this.handleSelector)\n        .forEach((handle) => {\n          if (!handle.getAttribute('aria-describedby'))\n            handle.setAttribute('aria-describedby', this.sortableId);\n          const sortEle = handle.closest<HTMLElement>(this.itemSelector);\n          if (sortEle) this.keyboardHandleMap.set(handle, sortEle);\n        });\n      return;\n    }\n\n    if (this.keyboardHandleMap?.size) {\n      this.keyboardHandleMap?.forEach((_ele, handle) => handle.remove());\n      this.keyboardHandleMap.clear();\n    }\n    this.sortableHost\n      .querySelectorAll<HTMLElement>(this.itemSelector)\n      .forEach((ele, i) => {\n        const handle = this.createKeyboardHandle(i, ele);\n        if (!handle) {\n          console.error(\n            '`createKeyboardHandle` *must* return the handle element it creates'\n          );\n          return;\n        }\n        this.keyboardHandleMap.set(handle, ele);\n        handle.setAttribute('aria-describedby', this.sortableId);\n      });\n  }\n\n  /// Private state & logic ///\n\n  @Element() host: HTMLNanoSortableElement;\n  private dragRequestPending = false;\n  private draggedElement?: HTMLElement;\n  private draggedElementClone?: HTMLElement;\n  private draggedElementOrigin?: HTMLElement;\n  private sortableNodes: HTMLElement[] = [];\n  private dropzoneNodes: HTMLElement[] = [];\n  private animatedElements: HTMLElement[] = [];\n  private animationPromise?: Promise<void>;\n  private keyboardHandleMap: Map<HTMLElement, HTMLElement> = new Map();\n  private sortableId = `nano-sortable-${sortableIds++}`;\n  private mouseDownTimer: number;\n  private mutationObserver: MutationObserver;\n\n  @State() keyboardSortActive = false;\n  @State() ariaTextList: string[] = [];\n\n  /**\n   * Get instance of sortable host.\n   * By default it is `nano-sortable` which can be overridden by property `sortableHostElement`\n   */\n  get sortableHost() {\n    if (this.sortableHostElement) return this.sortableHostElement;\n    return this.host;\n  }\n\n  /**\n   * Queues aria messages which are then displayed in a 'live' region.\n   * Messages are cleared after 10s\n   * @param msg aria message to announce\n   */\n  private addAriaMsg(msg: string) {\n    this.ariaTextList = [...this.ariaTextList, msg];\n\n    setTimeout(() => {\n      const mIdx = this.ariaTextList.indexOf(msg);\n      this.ariaTextList.splice(mIdx, 1);\n      this.ariaTextList = [...this.ariaTextList];\n    }, 10000);\n  }\n\n  /**\n   * Try to stop text highlight whilst dragging\n   * @param userSelect\n   */\n  private updateUserSelectStyle(userSelect: '' | 'none') {\n    this.host.style.userSelect = userSelect;\n    // @ts-ignore\n    this.host.style.MozUserSelect = userSelect;\n    // @ts-ignore\n    this.host.style.msUserSelect = userSelect;\n    this.host.style.webkitUserSelect = userSelect;\n  }\n\n  /**\n   * Fast and simple hit test to check whether the center of a node intersects with the rectangle of any of the\n   * given targets. Returns an array of matches.\n   * @param node\n   * @param targets\n   * @returns all the items that currently intersect with the target node\n   */\n  private hitTest(node: HTMLElement, targets: HTMLElement[]): HTMLElement[] {\n    const {\n      left: l,\n      top: t,\n      width: w,\n      height: h,\n    } = node.getBoundingClientRect();\n    const x = l + w / 2;\n    const y = t + h / 2;\n\n    return targets.filter((item) => {\n      const { left, right, top, bottom } = item.getBoundingClientRect();\n      return !(x < left || x > right || y < top || y > bottom);\n    });\n  }\n\n  /**\n   * Returns a boolean indicating whether the node is currently in an animation.\n   * @param node\n   * @returns whether a node is currently animating or not\n   */\n  private isAnimating(node: HTMLElement) {\n    return this.animatedElements.indexOf(node) !== -1;\n  }\n\n  /**\n   * Triggers a CSS animation on a node with the given dx and dy. Used following dom updates to make it appear as\n   * if nodes animate from their old to their new position in the dom. */\n  private animateNode(node: HTMLElement, dx = 0, dy = 0) {\n    if (!node.animate) {\n      return;\n    }\n\n    // keep a stack of currently animating nodes to exclude as drag & drop targets.\n    this.animatedElements.push(node);\n\n    node.style.willChange = 'transform';\n\n    // animate from dx/dy (old node position) to none (new node position)\n    writeTask(() => {\n      this.animationPromise = new Promise((resolve) => {\n        node\n          .animate(\n            [\n              { transform: `translate3d(${dx}px, ${dy}px, 0)` },\n              { transform: 'none' },\n            ],\n            this.animationTiming\n          )\n          .addEventListener(\n            'finish',\n            () => {\n              const index = this.animatedElements.indexOf(node);\n              node.style.willChange = '';\n\n              if (index !== -1) {\n                // splice out when done to unlock as a valid target\n                this.animatedElements.splice(index, 1);\n              }\n\n              resolve();\n              delete this.animationPromise;\n            },\n            { once: true }\n          );\n      });\n    });\n  }\n\n  /**\n   * Inserts node at target to update sibling sorting. If the node precedes the target, it is inserted after it;\n   * If it follows the target, it is inserted before it. This ensures any node can be dragged from the very\n   * beginning to the very end and vice versa. The animateNode function is called for all nodes that moved because\n   * of this dom update */\n  private insertAtTarget(node: Element, target: HTMLElement) {\n    if (!node || !target) return;\n\n    let offsets: any[] = [];\n    if (this.animationEnabled) {\n      offsets = this.sortableNodes.map((item) => ({\n        x: item.offsetLeft,\n        y: item.offsetTop,\n      }));\n    }\n\n    if (!node.isConnected || !target.isConnected) return;\n\n    if (this.dropzoneNodes.indexOf(target) > -1) {\n      target.append(node);\n    } else {\n      const nodeComparison = node.compareDocumentPosition(target);\n      let position;\n\n      if (nodeComparison & this.host.DOCUMENT_POSITION_FOLLOWING) {\n        position =\n          target.parentNode === node.parentNode ? 'afterend' : 'beforebegin';\n      }\n      if (nodeComparison & this.host.DOCUMENT_POSITION_PRECEDING) {\n        position =\n          target.parentNode === node.parentNode ? 'beforebegin' : 'afterend';\n      }\n      if (position) target.insertAdjacentElement(position, node);\n    }\n\n    if (this.animationEnabled) {\n      this.sortableNodes.forEach((sortableNode, i) => {\n        const { x, y } = offsets[i];\n        const dx = x - sortableNode.offsetLeft;\n        const dy = y - sortableNode.offsetTop;\n        if (dx !== 0 || dy !== 0) {\n          this.animateNode(sortableNode, dx, dy);\n        }\n      });\n    }\n  }\n\n  private reset() {\n    if (\n      this.draggedElementClone !== undefined &&\n      this.draggedElementClone.parentNode !== null\n    ) {\n      this.draggedElementClone.parentNode.removeChild(this.draggedElementClone);\n    }\n\n    if (\n      this.draggedElement &&\n      this.draggedElement.parentNode &&\n      this.draggedElementOrigin\n    ) {\n      this.draggedElement.classList.remove(this.placeholderClass);\n    }\n\n    if (this.dropzoneActiveClass && this.dropzoneNodes.length) {\n      this.dropzoneNodes.forEach((dze) =>\n        dze.classList.remove(this.dropzoneActiveClass)\n      );\n    }\n\n    delete this.draggedElementClone;\n    delete this.draggedElement;\n\n    this.dropzoneNodes = [];\n    this.sortableNodes = [];\n    this.animatedElements = [];\n    this.dragRequestPending = false;\n    this.updateUserSelectStyle('');\n  }\n\n  /**\n   * Clones a given node to visually drag around. The original node is left in the same flow as its siblings.\n   * Clone styles are added onto the style object directly, since the ::slotted()\n   * selector can't universally target nodes that may be nested an unknown amount of shadow dom levels deep\n   * @param node html node to clone\n   * @returns the cloned html node\n   */\n  private createClone(node: HTMLElement): HTMLElement {\n    const clone = node.cloneNode(true) as HTMLElement;\n    if (node.id) clone.id = 'clone__' + clone.id;\n\n    /**\n     * Bugfix for table row sorting.\n     * During dragging table rows shrink, so we manually set them width of original node.\n     */\n    Array.from(clone.children).forEach((nodeChild: HTMLElement, index) => {\n      const clonedNodeChild = nodeChild;\n      const originalNodeChild = node.children.item(index) as HTMLElement;\n\n      if (originalNodeChild) {\n        clonedNodeChild.style.width = `${originalNodeChild.offsetWidth}px`;\n      }\n    });\n    const {\n      offsetLeft: x,\n      offsetTop: y,\n      offsetWidth: w,\n      offsetHeight: h,\n    } = node;\n\n    Object.assign(clone.style, {\n      position: 'absolute',\n      left: `calc(${x}px - var(--grab-offset-x, 0px))`,\n      top: `calc(${y}px - var(--grab-offset-y, 0px))`,\n      height: this.dragResize ? `${h}px` : undefined,\n      width: this.dragResize ? `${w}px` : undefined,\n      willChange: 'transform,opacity',\n    });\n\n    clone.classList.add(this.draggedClass);\n\n    return node.parentNode!.appendChild(clone);\n  }\n\n  /// Event handlers ///\n\n  private removeEventHandlers(ele?: HTMLElement) {\n    ele = ele || this.sortableHost;\n    ele.removeEventListener('mousedown', this.handleTrack);\n    ele.removeEventListener('touchstart', this.handleTrack);\n    ele.removeEventListener('keydown', this.handleKeydown);\n  }\n\n  private addEventHandlers(ele?: HTMLElement) {\n    ele = ele || this.sortableHost;\n    addListeners(ele, 'mousedown touchstart', this.handleTrack, {\n      passive: true,\n    });\n    ele.addEventListener('keydown', this.handleKeydown);\n  }\n\n  /**\n   * Watch for any changes in grab-able handle elements.\n   */\n  private attachMutationObserver() {\n    if (!Build.isBrowser) return;\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n      this.mutationObserver = undefined;\n    }\n\n    this.mutationObserver = new MutationObserver(() => {\n      const currHandles = Array.from(this.keyboardHandleMap.values());\n      const newHandles = Array.from(\n        this.sortableHost.querySelectorAll<HTMLElement>(this.itemSelector)\n      );\n\n      // simple test for equality\n      if (\n        currHandles.length !== newHandles.length ||\n        !!newHandles.find((h) => !currHandles.includes(h))\n      ) {\n        this.refreshKeyboardHandles();\n      }\n    });\n    this.mutationObserver.observe(this.sortableHost, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  private handleKeydown(e: KeyboardEvent) {\n    const targetElement = e.target as HTMLElement;\n    let foundHandle: HTMLElement;\n    let sortEle: HTMLElement;\n\n    if (this.handleSelector) {\n      foundHandle = targetElement.closest(this.handleSelector);\n      sortEle = targetElement.closest(this.itemSelector);\n    } else {\n      sortEle = this.keyboardHandleMap.get(targetElement);\n      foundHandle = targetElement;\n    }\n\n    // have we found a handle and matching sort element from the keydown element\n    if (!foundHandle || !sortEle) return;\n\n    const activateSort = (isActive: boolean) => {\n      this.keyboardSortActive = isActive;\n      this.draggedElement = isActive ? sortEle : undefined;\n      sortEle.classList.toggle(this.draggedClass, isActive);\n      foundHandle.classList.toggle(this.handleDraggedClass, isActive);\n\n      if (isActive) {\n        this.addAriaMsg(this.grabbedHelperText(sortEle));\n        document.addEventListener('mousedown', () => activateSort(false), {\n          once: true,\n        });\n      } else {\n        this.addAriaMsg(this.droppedHelperText(sortEle));\n      }\n    };\n\n    // start editing this element's order?\n    if ([' ', 'Space', 'Enter'].includes(e.key)) {\n      e.preventDefault();\n\n      if (!this.keyboardSortActive) {\n        // grabbed the element\n        activateSort(true);\n\n        this.sortableNodes =\n          Array.from(this.sortableHost.querySelectorAll(this.itemSelector)) ||\n          [];\n        const nanoGrabbedEv = this.nanoGrabbed.emit({\n          element: sortEle,\n          index: this.sortableNodes.indexOf(sortEle),\n        });\n\n        if (nanoGrabbedEv.defaultPrevented) {\n          activateSort(false);\n          return;\n        }\n      } else {\n        // dropped the element\n        activateSort(false);\n        this.nanoDropped.emit({ element: sortEle });\n      }\n      return;\n    }\n    if (!this.keyboardSortActive) return;\n\n    // Tabbing away from this handle - deactivate\n    if (['Escape', 'Tab'].includes(e.key)) activateSort(false);\n\n    let moveKeys = ['Home', 'End'];\n    if (!this.orientation || this.orientation === 'horizontal')\n      moveKeys = [...moveKeys, 'ArrowRight', 'ArrowLeft'];\n    if (!this.orientation || this.orientation === 'vertical')\n      moveKeys = [...moveKeys, 'ArrowUp', 'ArrowDown'];\n\n    if (!moveKeys.includes(e.key)) return;\n\n    // move the element with the keyboard\n    e.preventDefault();\n\n    /** Collect all elements that have drag positions.\n     * Both sortable elements and 'dropzones' (placeholders where items can always be placed) */\n\n    this.sortableNodes =\n      Array.from(this.sortableHost.querySelectorAll(this.itemSelector)) || [];\n    this.dropzoneNodes =\n      Array.from(this.sortableHost.querySelectorAll(this.dropzoneSelector)) ||\n      [];\n    const currIdx = this.sortableNodes.indexOf(this.draggedElement);\n    let curDzIdx: number = -1;\n\n    if (this.dropzoneNodes.length) {\n      const curDropzone = this.draggedElement.closest<HTMLElement>(\n        this.dropzoneSelector\n      );\n      curDzIdx = this.dropzoneNodes.indexOf(curDropzone);\n      curDzIdx = curDzIdx > -1 ? curDzIdx : -1;\n    }\n\n    /** If we don't have a next / prev sortable element in our list, test to see if there's a dropzone instead */\n    const prevEle =\n      currIdx - 1 < 0 && curDzIdx > -1\n        ? this.dropzoneNodes[curDzIdx - 1]\n        : this.sortableNodes[currIdx - 1];\n    const nextEle =\n      currIdx + 1 === this.sortableNodes.length && curDzIdx > -1\n        ? this.dropzoneNodes[curDzIdx + 1]\n        : this.sortableNodes[currIdx + 1];\n\n    if (e.key === 'Home') {\n      this.insertAtTarget(this.draggedElement, this.sortableNodes[0]);\n    }\n    if (e.key === 'End') {\n      this.insertAtTarget(\n        this.draggedElement,\n        this.sortableNodes[this.sortableNodes.length - 1]\n      );\n    }\n    if (['ArrowRight', 'ArrowDown'].includes(e.key)) {\n      this.insertAtTarget(this.draggedElement, nextEle);\n    }\n    if (['ArrowLeft', 'ArrowUp'].includes(e.key)) {\n      this.insertAtTarget(this.draggedElement, prevEle);\n    }\n\n    this.finishOrder();\n    this.draggedElement = sortEle;\n\n    const focus = () => {\n      requestAnimationFrame(() => {\n        typeof foundHandle['setFocus'] === 'function'\n          ? (foundHandle as HTMLNanoIconButtonElement).setFocus()\n          : foundHandle.focus();\n      });\n    };\n\n    // replace focus to handle so we don't 'drop' the element\n    if (this.animationPromise) this.animationPromise.then(() => focus());\n    else focus();\n  }\n\n  /** Tracks a pointer from touchstart/mousedown to touchend/mouseup. */\n  private handleTrack(e: PointerEvent) {\n    // ignore if we've started dragging or right click\n    if (this.dragRequestPending || (e.button && e.button !== 1)) return;\n\n    // ignore touchmove events (namespace it so we can remove it)\n    const handleMove = (e: Event) => {\n      if (e.cancelable) e.preventDefault();\n      clearTimeout(this.mouseDownTimer);\n    };\n\n    // remove temporary events and reset timer\n    const resetTrack = () => {\n      clearTimeout(this.mouseDownTimer);\n      document.removeEventListener('touchmove', handleMove);\n      document.removeEventListener('contextmenu', this.finishOrder);\n    };\n    resetTrack();\n\n    // start a timer - only start dragging if pressed for 150ms\n    this.mouseDownTimer = window?.setTimeout(() => {\n      // ignore if this is not a valid drag target\n      if (!this.trackStart(e)) return;\n\n      // ignore touchmove events (they scroll the screen)\n      document.addEventListener('touchmove', handleMove, {\n        passive: false,\n      });\n      // cancel if user presses and holds (without move) for context menu\n      document.addEventListener('contextmenu', this.finishOrder);\n\n      this.addAriaMsg(this.grabbedHelperText(this.draggedElement));\n\n      drag(this.sortableHost, {\n        initialEvent: e,\n        relative: true,\n        onMove: (x, y) => {\n          this.trackMove(x, y);\n        },\n        onStop: () => {\n          this.nanoDropped.emit({ element: this.draggedElement });\n          resetTrack();\n\n          const didStop = () => {\n            this.addAriaMsg(this.droppedHelperText(this.draggedElement));\n            requestAnimationFrame(() => this.finishOrder());\n          };\n          if (this.animationPromise) {\n            this.animationPromise.then(() => didStop());\n          } else didStop();\n        },\n      });\n    }, 150);\n\n    // reset track timer & cancel DnD on mouseup / touchend / touchmove\n    addListeners(\n      document,\n      'mouseup touchend touchmove',\n      () => clearTimeout(this.mouseDownTimer),\n      { once: true }\n    );\n  }\n\n  /**\n   * Initialized a drag and drop sequence if a child node was clicked that matches the itemSelector property.\n   * OR If a handleSelector is defined, a node matching this selector must be clicked instead\n   * @returns boolean - whether tracking for this event should continue or not\n   */\n  private trackStart(e: Event) {\n    const targetElement = e.target as HTMLElement;\n    let targetHandle: HTMLElement;\n\n    // If we have a handle set, return now if not being pressed\n    if (this.handleSelector) {\n      targetHandle = targetElement.closest(this.handleSelector);\n\n      if (!targetHandle) return;\n      targetHandle.classList.add(this.handleDraggedClass);\n    }\n\n    // Check that we've found the target element via itemSelector\n    const node = targetElement.closest<HTMLElement>(this.itemSelector);\n    if (!node) return false;\n\n    this.sortableNodes =\n      Array.from(this.sortableHost.querySelectorAll(this.itemSelector)) || [];\n    const nanoGrabbedEv = this.nanoGrabbed.emit({\n      element: node,\n      index: this.sortableNodes.indexOf(node),\n    });\n    if (nanoGrabbedEv.defaultPrevented) return false;\n\n    // Element found... start everything\n    e.preventDefault();\n    this.updateUserSelectStyle('none');\n    this.dragRequestPending = true;\n    this.draggedElement = node;\n    this.dropzoneNodes =\n      Array.from(this.sortableHost.querySelectorAll(this.dropzoneSelector)) ||\n      [];\n    this.draggedElementClone = this.createClone(node);\n    this.draggedElementOrigin = node.nextSibling as HTMLElement;\n    this.animatedElements = [];\n    this.draggedElement!.classList.add(this.placeholderClass);\n    return true;\n  }\n\n  /** Ends re-ordering */\n  private finishOrder = () => {\n    if (!this.draggedElement) return;\n\n    const updated = Array.from(\n      this.sortableHost.querySelectorAll<HTMLElement>(this.itemSelector)\n    ).filter((ele) => ele !== this.draggedElementClone);\n    const originalIndex = this.sortableNodes.indexOf(this.draggedElement);\n    const targetIndex = updated.indexOf(this.draggedElement);\n\n    if (this.handleSelector) {\n      const targetHandle = this.draggedElement.querySelector(\n        this.handleSelector\n      );\n      targetHandle.classList.remove(this.handleDraggedClass);\n    }\n\n    if (originalIndex !== targetIndex) {\n      const orderChangeEv = this.nanoOrderChange.emit({\n        element: this.draggedElement,\n        originalIndex,\n        targetIndex,\n      });\n\n      if (orderChangeEv.defaultPrevented) {\n        /** Event was prevented, wait a moment to send element back to whence it came - gives a nicer visual queue */\n        this.animationPromise = new Promise((resolve) => {\n          setTimeout(() => {\n            this.insertAtTarget(this.draggedElement, updated[originalIndex]);\n            this.reset();\n            this.dragRequestPending = false;\n            resolve();\n          }, 200);\n        });\n        return;\n      }\n      this.addAriaMsg(\n        this.reorderHelperText(this.draggedElement, updated, targetIndex + 1)\n      );\n    }\n\n    this.reset();\n    this.dragRequestPending = false;\n  };\n\n  /**\n   * Moves the active node's clone to follow the pointer. The node that the clone intersects with (via hitTest) is\n   * the insert point for updated sorting */\n  private trackMove = (x: number, y: number) => {\n    if (!this.draggedElementClone) {\n      return;\n    }\n\n    if (this.orientation) {\n      x = x * orientationMap[this.orientation].x;\n      y = y * orientationMap[this.orientation].y;\n    }\n\n    writeTask(() => {\n      Object.assign(this.draggedElementClone!.style, {\n        transform: `translate3d(${x}px, ${y}px, 0)`,\n      });\n    });\n\n    let target = this.hitTest(this.draggedElementClone!, this.sortableNodes)[0];\n    let activeDropzone: HTMLElement;\n\n    if (this.dropzoneSelector && this.dropzoneActiveClass) {\n      readTask(() => {\n        activeDropzone = this.draggedElement.closest(this.dropzoneSelector);\n\n        writeTask(() => {\n          this.dropzoneNodes\n            .filter((dze) => dze !== activeDropzone)\n            .forEach((dze) => dze.classList.remove(this.dropzoneActiveClass));\n          activeDropzone.classList.add(this.dropzoneActiveClass);\n        });\n      });\n    }\n\n    // didn't find a target - let's test to see if we can use a drop-zone instead\n    if (!target && this.dropzoneNodes.length) {\n      target = this.hitTest(this.draggedElementClone!, this.dropzoneNodes)[0];\n      if (this.draggedElement.closest(this.dropzoneSelector) === target) return;\n    }\n\n    if (\n      // if clone intersects with a valid target,\n      target &&\n      // other than its own origin,\n      target !== this.draggedElement &&\n      // and the target isn't currently animating, which causes false hit tests,\n      !this.isAnimating(target)\n    ) {\n      this.insertAtTarget(this.draggedElement!, target);\n    }\n  };\n\n  /// Component lifecycle ///\n\n  constructor() {\n    this.handleTrack = this.handleTrack.bind(this);\n    this.handleKeydown = this.handleKeydown.bind(this);\n    this.refreshKeyboardHandles = this.refreshKeyboardHandles.bind(this);\n    this.refreshKeyboardHandles = nanoDebounce(\n      this.refreshKeyboardHandles,\n      500\n    );\n  }\n\n  connectedCallback() {\n    this.addEventHandlers();\n    this.refreshKeyboardHandles();\n    this.attachMutationObserver();\n\n    if (Build.isBrowser && !this.host.querySelector(`#${this.sortableId}`)) {\n      // inject a light-dom / a11y description that we can connect sortable items to\n      this.host.insertAdjacentHTML(\n        'beforeend',\n        `<div class=\"visually-hidden\" id=\"${this.sortableId}\">${this.helperText}</div>`\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeEventHandlers();\n    this.host.querySelector(`#${this.sortableId}`)?.remove();\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n      this.mutationObserver = undefined;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"sortable__live-region\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions\"\n          aria-atomic=\"true\"\n          role=\"log\"\n          part=\"announcements\"\n        >\n          {this.ariaTextList.map((str) => (\n            <div>{str}</div>\n          ))}\n        </div>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nano-components/p-35d3072e.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-export{T as nano_table}from"./p-00a18187.js";import"./p-f6a8467a.js";import"./p-ee045579.js";import"./p-7bff5224.js";import"./p-9ebbb814.js";
-//# sourceMappingURL=p-35d3072e.entry.js.map

package/dist/nano-components/p-c579d9aa.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import{c as t}from"./p-00a18187.js";import"./p-f6a8467a.js";import"./p-ee045579.js";import"./p-7bff5224.js";import"./p-9ebbb814.js";const o="table.worker";const p="stencil.table.worker";const s=new URL("p-f258383d.js",import.meta.url).href;const r=new Blob(['importScripts("'+s+'")'],{type:"text/javascript"});const e=URL.createObjectURL(r);const c=t(e,o,p);URL.revokeObjectURL(e);export{c as worker,p as workerMsgId,o as workerName,s as workerPath};
-//# sourceMappingURL=p-c579d9aa.js.map

package/dist/nano-components/p-ede12d35.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import{r as i,c as t,h as s,g as e}from"./p-f6a8467a.js";import{g as o}from"./p-74a7fc4f.js";import{P as n}from"./p-51bc8b59.js";import{a as r}from"./p-f88fa15c.js";const a=":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--width:auto;--border:var(--nano-layer-border-style, 1px solid var(--nano-layer-border-color, rgba(0, 0, 0, 0.1)));--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--background:var(--nano-layer-bg, #fff);--padding:10px 0;--overflow:auto;--dropdown-z-index:var(--nano-layer-index-dropdown, 300);--min-width:0;--box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));--menu-height:var(--max-menu-height, 50vh);display:flex}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--dropdown-z-index);min-inline-size:var(--min-width);border:0;background:none;padding:0;overflow:visible}.dropdown__positioner::backdrop{display:none}.dropdown__positioner[popover],.dropdown__positioner:popover-open{inset:unset}@media (max-width: 35.9375em){.dropdown__positioner{z-index:100}}.dropdown__panel{padding:var(--padding);background:var(--background);min-inline-size:var(--min-width);inline-size:var(--width);border:var(--border);border-radius:var(--border-radius);color:currentcolor;box-shadow:var(--box-shadow);opacity:0;transition:0.2s ease opacity, 0.2s ease transform, 0.2s ease min-block-size;min-block-size:20px;overflow:var(--overflow);box-sizing:content-box !important}.dropdown__panel.loading{overflow-y:hidden}.dropdown__panel.top{transform:translateY(-20px) translateZ(0)}.dropdown__panel.bottom{transform:translateY(20px) translateZ(0)}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:translateY(0) translateZ(0)}.dropdown__panel ::slotted(nano-menu){max-block-size:var(--menu-height)}.dropdown__accessible-title{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}";let h=0;const d=class{constructor(s){i(this,s);this.nanoShow=t(this,"nanoShow",7);this.nanoAfterShow=t(this,"nanoAfterShow",7);this.nanoHide=t(this,"nanoHide",7);this.nanoAfterHide=t(this,"nanoAfterHide",7);this.dropdownId=`dropdown-${h++}`;this.labelId=this.dropdownId+"-title";this.ignoreOpenWatcher=false;this.didLoad=false;this.togglePanel=()=>{if(!this.autoOpen)return;this.open?this.hide():this.show()};this.handleTriggerKeyDown=i=>{if(["ArrowDown","ArrowUp"," "].includes(i.key)){this.show();i.preventDefault();i.stopPropagation();if(this.menu)this.menu.setFocus()}};this.handleTriggerSlotChange=()=>{this.updateAccessibleTrigger()};this.autoOpen=true;this.open=false;this.closeOnSelect=true;this.containingElement=undefined;this.tetherTo=null;this.placement="bottom-start";this.distance=2;this.skidding=0;this.hoist=false;this.dialogTitle=undefined;this.eventType=undefined}get menu(){return this.host.querySelector("nano-menu")}handleOpenChange(){if(this.ignoreOpenWatcher)return;this.open?this.show():this.hide();if(this.accessibleTrigger){this.accessibleTrigger.setAttribute("aria-expanded",this.open.toString());return}this.updateAccessibleTrigger()}handleTetherToChange(){this.createPopover();this.updateAccessibleTrigger()}handlePopoverOptionsChange(){if(!this.popover)return;this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,skidding:this.skidding,distance:this.distance})}secondaryOpen(i){if(!i.detail.secondaryMenu)return;i.stopPropagation();this.panel.classList.add("loading");this.panel.addEventListener("transitionend",(()=>{this.panel.classList.remove("loading")}),{once:true});this.panel.style.minHeight=i.detail.secondaryMenu.scrollHeight+"px"}secondaryClose(i){if(!i.detail.secondaryMenu)return;i.stopPropagation();if(!i.target.parentElement)return;this.panel.style.minHeight=i.target.parentElement.scrollHeight+"px"}handlePanelSelect(i){const t=i.target;if(this.closeOnSelect&&t.tagName.toLowerCase()==="nano-menu")this.hide()}async show(){var i;this.ignoreOpenWatcher=true;this.open=true;const t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;this.ignoreOpenWatcher=false;return}this.popover.show();if(typeof((i=this.positioner)===null||i===void 0?void 0:i.showPopover)==="function"){this.positioner.showPopover()}this.ignoreOpenWatcher=false;document.addEventListener("mousedown",this.handleDocumentMouseDown);document.addEventListener("keydown",this.handleDocumentKeyDown)}async hide(){var i;this.ignoreOpenWatcher=true;this.open=false;const t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;this.ignoreOpenWatcher=false;return}if(this.popover)this.popover.hide();this.ignoreOpenWatcher=false;if(typeof((i=this.positioner)===null||i===void 0?void 0:i.hidePopover)==="function"){this.positioner.hidePopover()}document.removeEventListener("mousedown",this.handleDocumentMouseDown);document.removeEventListener("keydown",this.handleDocumentKeyDown);if(this.accessibleTrigger&&this.focusEleInDropDwn()){this.accessibleTrigger.focus()}}focusEleInDropDwn(i){var t;const s=o();if(i&&((t=i.composedPath())===null||t===void 0?void 0:t.length)){const t=i.composedPath().includes(this.containingElement);return!i.composedPath().includes(this.accessibleTrigger)&&t}return s&&s.closest(this.containingElement.tagName.toLowerCase())===this.containingElement&&s!==this.accessibleTrigger}updateAccessibleTrigger(){if(!this.didLoad)return;let i;this.accessibleTrigger=null;if(!this.tetherTo){const t=Array.from(this.host.querySelectorAll('[slot="trigger"]'));i=t.map(r)[0]}else{i=r(this.tetherTo)}if(i){i.setAttribute("aria-haspopup","true");i.setAttribute("aria-expanded",this.open?"true":"false");this.accessibleTrigger=i}}handleDocumentKeyDown(i){if(i.key==="Escape"){this.hide();return}if(i.key==="Tab"){setTimeout((()=>{if(document.activeElement&&document.activeElement.closest(this.containingElement.tagName.toLowerCase())!==this.containingElement){this.hide();return}}))}if(this.menu&&["ArrowDown","ArrowUp"].includes(i.key)){if(!this.open||this.focusEleInDropDwn(i))return;i.preventDefault();this.menu.setFocus();return}const t=i.composedPath();if(this.menu&&t.length&&!t.find((i=>i!==this.menu))){this.menu.dispatchEvent(new KeyboardEvent(i.type,i));return}}handleDocumentMouseDown(i){if(!this.focusEleInDropDwn(i)){this.hide();return}}createPopover(){if(!this.tetherTo&&!this.trigger||!this.positioner)return;if(this.popover){if(this.open)this.hide();this.popover.destroy();this.popover=null}this.popover=new n(this.tetherTo||this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>this.nanoAfterHide.emit(),onAfterShow:()=>this.nanoAfterShow.emit(),onTransitionEnd:()=>{if(!this.open){this.panel.scrollTop=0}else if(this.menu){this.menu.showActiveElement()}}});if(this.open){this.show()}}connectedCallback(){this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this);this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this);if(!this.containingElement)this.containingElement=this.host}componentDidLoad(){this.didLoad=true;this.createPopover();setTimeout((()=>this.updateAccessibleTrigger()),100)}disconnectedCallback(){if(this.host.isConnected)this.hide();if(this.popover)this.popover.destroy()}render(){return s("div",{part:"base",id:this.dropdownId,class:{dropdown:true,"dropdown--open":this.open}},s("span",{part:"trigger",class:"dropdown__trigger",ref:i=>this.trigger=i,onKeyDown:this.handleTriggerKeyDown,onClick:this.togglePanel},s("slot",{name:"trigger",onSlotchange:this.handleTriggerSlotChange})),s("div",{ref:i=>this.positioner=i,class:"dropdown__positioner",popover:"manual",id:this.dropdownId+"-positioner"},s("div",{ref:i=>this.panel=i,part:"panel",class:`dropdown__panel ${this.placement.split("-").join(" ")}`,"aria-hidden":!this.open,role:this.host.getAttribute("role")==="group"?"group":"dialog","aria-modal":this.host.getAttribute("role")==="group"?undefined:"true","aria-labelledby":this.dialogTitle?this.labelId:undefined},this.dialogTitle&&s("span",{id:this.labelId,class:"dropdown__accessible-title","aria-live":this.host.getAttribute("role")==="group"?undefined:"polite"},this.dialogTitle),s("slot",null))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],tetherTo:["handleTetherToChange"],placement:["handlePopoverOptionsChange"],distance:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"]}}};d.style=a;export{d as nano_dropdown};
-//# sourceMappingURL=p-ede12d35.entry.js.map

package/dist/nano-components/p-ede12d35.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownCss","dropDownIds","Dropdown","this","dropdownId","labelId","ignoreOpenWatcher","didLoad","togglePanel","autoOpen","open","hide","show","handleTriggerKeyDown","event","includes","key","preventDefault","stopPropagation","menu","setFocus","handleTriggerSlotChange","updateAccessibleTrigger","host","querySelector","handleOpenChange","accessibleTrigger","setAttribute","toString","handleTetherToChange","createPopover","handlePopoverOptionsChange","popover","setOptions","strategy","hoist","placement","skidding","distance","secondaryOpen","ev","detail","secondaryMenu","panel","classList","add","addEventListener","remove","once","style","minHeight","scrollHeight","secondaryClose","target","parentElement","handlePanelSelect","closeOnSelect","tagName","toLowerCase","async","nanoShow","emit","defaultPrevented","_a","positioner","showPopover","document","handleDocumentMouseDown","handleDocumentKeyDown","nanoHide","hidePopover","removeEventListener","focusEleInDropDwn","focus","e","activeElement","getActiveElement","composedPath","length","ddInPath","containingElement","closest","tetherTo","assignedElements","Array","from","querySelectorAll","map","getNearestTabbableElement","setTimeout","ePath","find","el","dispatchEvent","KeyboardEvent","type","trigger","destroy","Popover","transitionElement","onAfterHide","nanoAfterHide","onAfterShow","nanoAfterShow","onTransitionEnd","scrollTop","showActiveElement","connectedCallback","bind","componentDidLoad","disconnectedCallback","isConnected","render","h","part","id","class","dropdown","ref","onKeyDown","onClick","name","onSlotchange","split","join","role","getAttribute","undefined","dialogTitle"],"sources":["./src/components/dropdown/dropdown.scss?tag=nano-dropdown&encapsulation=shadow","./src/components/dropdown/dropdown.tsx"],"sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n   * @prop --width: width of the dropdown. Defaults to 'auto'\n   * @prop --border: Defaults to #{$layer-border-style}\n   * @prop --border-radius: Defaults to #{$layer-bg-color};\n   * @prop --background: Defaults to #{$layer-bg-color};\n   * @prop --padding: padding of the drop down. Default to '10px 0';\n   * @prop --overflow: `nano-menu` with nested `nav-item` requires hidden overflow. This can be overidden;\n   * @prop --dropdown-z-index: Defaults to #{$layer-index-dropdown};\n   * @prop --min-width: Defaults to 0;\n   * @prop --box-shadow: #{$layer-shadow-large};\n   * @prop --max-menu-height: max height of a slotted menu. defaults to 50vh\n   */\n\n  --width: auto;\n  --border: #{$layer-border-style};\n  --border-radius: #{$layer-border-radius};\n  --background: #{$layer-bg-color};\n  --padding: 10px 0;\n  --overflow: auto;\n  --dropdown-z-index: #{$layer-index-dropdown};\n  --min-width: 0;\n  --box-shadow: #{$layer-shadow-large};\n  --menu-height: var(--max-menu-height, 50vh);\n\n  display: flex;\n}\n\n.dropdown {\n  position: relative;\n\n  &__trigger {\n    display: block;\n  }\n\n  &__positioner {\n    position: absolute;\n    z-index: var(--dropdown-z-index);\n    min-inline-size: var(--min-width);\n    border: 0;\n    background: none;\n    padding: 0;\n    overflow: visible;\n\n    &::backdrop { display: none; }\n\n    &[popover],\n    &:popover-open {\n      inset: unset;\n    }\n\n    @media (max-width: 35.9375em) {\n      z-index: 100;\n    }\n  }\n\n  &__panel {\n    padding: var(--padding);\n    background: var(--background);\n    min-inline-size: var(--min-width);\n    inline-size: var(--width);\n    border: var(--border);\n    border-radius: var(--border-radius);\n    color: currentcolor;\n    box-shadow: var(--box-shadow);\n    opacity: 0;\n    transition: 0.2s ease opacity, 0.2s ease transform, 0.2s ease min-block-size;\n    min-block-size: 20px;\n    overflow: var(--overflow);\n    box-sizing: content-box !important;\n\n    &.loading {\n      overflow-y: hidden;\n    }\n\n    &.top {\n      transform: translateY(-20px) translateZ(0);\n    }\n\n    &.bottom {\n      transform: translateY(20px) translateZ(0);\n    }\n\n    .dropdown__positioner.popover-visible & {\n      opacity: 1;\n      transform: translateY(0) translateZ(0);\n    }\n\n    ::slotted(nano-menu) {\n      max-block-size: var(--menu-height);\n    }\n  }\n\n  &__accessible-title {\n    @include visually-hide();\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  Method,\n  Prop,\n  Watch,\n  h,\n  Listen,\n  ComponentInterface,\n  EventEmitter,\n} from '@stencil/core';\nimport { getActiveElement } from '../../utils/active-element';\nimport Popover, { PopoverPlacement } from '../../utils/popover';\nimport { getNearestTabbableElement } from '../../utils/tabbable';\nimport type { NavItemEventDetail } from '../../interface';\n\nlet dropDownIds = 0;\n\n/**\n * Dropdowns show additional content in a panel.\n * Designed to work well with nano-menu components to provide a list of options (`nano-nav-items` / `nano-option`).\n * @slot trigger - The dropdown's trigger.\n * @slot - The dropdown's content.\n */\n@Component({\n  tag: 'nano-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n})\nexport class Dropdown implements ComponentInterface {\n  private dropdownId = `dropdown-${dropDownIds++}`;\n  private labelId = this.dropdownId + '-title';\n  private ignoreOpenWatcher = false;\n  private panel: HTMLElement;\n  private popover: Popover;\n  private trigger: HTMLElement;\n  private positioner: HTMLElement;\n  private accessibleTrigger: HTMLElement;\n  private didLoad = false;\n  private get menu() {\n    return this.host.querySelector('nano-menu') as HTMLNanoMenuElement;\n  }\n\n  @Element() host: HTMLNanoDropdownElement;\n\n  /** Determines if the dropdown should open automatically when the trigger is clicked */\n  @Prop() autoOpen = true;\n\n  /** Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    if (this.ignoreOpenWatcher) return;\n\n    this.open ? this.show() : this.hide();\n\n    if (this.accessibleTrigger) {\n      this.accessibleTrigger.setAttribute(\n        'aria-expanded',\n        this.open.toString()\n      );\n      return;\n    }\n\n    this.updateAccessibleTrigger();\n  }\n\n  /**\n   * Determines whether the dropdown should hide when a menu item is selected.\n   */\n  @Prop() closeOnSelect = true;\n\n  /**\n   * The dropdown will close when the user interacts outside of this element (e.g. clicking).\n   */\n  @Prop({ mutable: true }) containingElement: HTMLElement;\n\n  /**\n   * If you don't want to use the trigger slot, you can use this to 'tether' the dropdown to another element.\n   * And you will still need to control when the component is opened (using show() / hide() or the `open` prop)\n   */\n  @Prop() tetherTo: HTMLElement = null;\n\n  @Watch('tetherTo')\n  handleTetherToChange() {\n    this.createPopover();\n    this.updateAccessibleTrigger();\n  }\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside of the viewport.\n   */\n  @Prop() placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * The distance in pixels from which to offset the panel away from its trigger.\n   */\n  @Prop() distance = 2;\n\n  /**\n   * The distance in pixels from which to offset the panel along its trigger.\n   */\n  @Prop() skidding = 0;\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  @Watch('placement')\n  @Watch('distance')\n  @Watch('skidding')\n  @Watch('hoist')\n  handlePopoverOptionsChange() {\n    if (!this.popover) return;\n\n    this.popover.setOptions({\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      skidding: this.skidding,\n      distance: this.distance,\n    });\n  }\n\n  /**\n   * Title used to describe the dropdown content for accessibility\n   */\n  @Prop() dialogTitle!: string;\n\n  // Events\n\n  /**\n   * Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened.\n   */\n  @Event() nanoShow: EventEmitter;\n\n  /**\n   * Emitted after the dropdown opens and all transitions are complete.\n   */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /**\n   * Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed.\n   */\n  @Event() nanoHide: EventEmitter;\n\n  /**\n   * Emitted after the dropdown closes and all transitions are complete.\n   */\n  @Event() nanoAfterHide: EventEmitter;\n\n  // this is a massive hack to make stencil expose the `EventEmitter` type in the final build\n  // because the `Dropdown` class is used as a type in `nano-datalist`\n  /** @internal */\n  @Prop() eventType: EventEmitter;\n\n  // Listeners\n\n  @Listen('nanoOpen')\n  secondaryOpen(ev: CustomEvent) {\n    if (!(ev.detail as NavItemEventDetail).secondaryMenu) return;\n    ev.stopPropagation();\n\n    this.panel.classList.add('loading');\n    this.panel.addEventListener(\n      'transitionend',\n      () => {\n        this.panel.classList.remove('loading');\n      },\n      { once: true }\n    );\n\n    this.panel.style.minHeight =\n      (ev.detail as NavItemEventDetail).secondaryMenu.scrollHeight + 'px';\n  }\n\n  @Listen('nanoClose')\n  secondaryClose(ev: CustomEvent) {\n    if (!(ev.detail as NavItemEventDetail).secondaryMenu) return;\n    ev.stopPropagation();\n    if (!(ev.target as HTMLElement).parentElement) return;\n    this.panel.style.minHeight =\n      (ev.target as HTMLElement).parentElement.scrollHeight + 'px';\n  }\n\n  @Listen('nanoSelect')\n  handlePanelSelect(event: CustomEvent) {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (this.closeOnSelect && target.tagName.toLowerCase() === 'nano-menu')\n      this.hide();\n  }\n\n  // Methods\n\n  /** Shows the dropdown panel */\n  @Method()\n  async show() {\n    this.ignoreOpenWatcher = true;\n    this.open = true;\n\n    const nanoShow = this.nanoShow.emit();\n\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      this.ignoreOpenWatcher = false;\n      return;\n    }\n\n    this.popover.show();\n\n    // @ts-expect-error\n    if (typeof this.positioner?.showPopover === 'function') {\n      // @ts-expect-error\n      this.positioner.showPopover();\n    }\n\n    this.ignoreOpenWatcher = false;\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  /** Hides the dropdown panel */\n  @Method()\n  async hide() {\n    this.ignoreOpenWatcher = true;\n    this.open = false;\n\n    const nanoHide = this.nanoHide.emit();\n\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      this.ignoreOpenWatcher = false;\n      return;\n    }\n\n    if (this.popover) this.popover.hide();\n    this.ignoreOpenWatcher = false;\n\n    // @ts-expect-error\n    if (typeof this.positioner?.hidePopover === 'function') {\n      // @ts-expect-error\n      this.positioner.hidePopover();\n    }\n\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n\n    if (this.accessibleTrigger && this.focusEleInDropDwn()) {\n      this.accessibleTrigger.focus();\n    }\n  }\n\n  // Private methods\n\n  /**\n   * Decides if the current active element or element\n   * connected to the current event is connected to the Dropdown\n   * @param e\n   * @returns whether the current focus is within the dropdown\n   */\n  private focusEleInDropDwn(e?: Event) {\n    const activeElement = getActiveElement();\n\n    if (e && e.composedPath()?.length) {\n      const ddInPath = e.composedPath().includes(this.containingElement);\n      return !e.composedPath().includes(this.accessibleTrigger) && ddInPath;\n    }\n\n    return (\n      activeElement &&\n      activeElement.closest(this.containingElement.tagName.toLowerCase()) ===\n        this.containingElement &&\n      activeElement !== this.accessibleTrigger\n    );\n  }\n\n  private togglePanel = () => {\n    if (!this.autoOpen) return;\n    this.open ? this.hide() : this.show();\n  };\n\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  private updateAccessibleTrigger() {\n    if (!this.didLoad) return;\n\n    let accessibleTrigger: HTMLElement;\n    this.accessibleTrigger = null;\n\n    if (!this.tetherTo) {\n      const assignedElements = Array.from(\n        this.host.querySelectorAll('[slot=\"trigger\"]')\n      );\n      accessibleTrigger = assignedElements.map(getNearestTabbableElement)[0];\n    } else {\n      accessibleTrigger = getNearestTabbableElement(this.tetherTo);\n    }\n\n    if (accessibleTrigger) {\n      accessibleTrigger.setAttribute('aria-haspopup', 'true');\n      accessibleTrigger.setAttribute(\n        'aria-expanded',\n        this.open ? 'true' : 'false'\n      );\n      this.accessibleTrigger = accessibleTrigger;\n    }\n  }\n\n  // Handlers\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    // Close when escape is pressed\n    if (event.key === 'Escape') {\n      this.hide();\n      return;\n    }\n\n    // Close when tabbing results in the focus leaving the close element\n    if (event.key === 'Tab') {\n      setTimeout(() => {\n        if (\n          document.activeElement &&\n          document.activeElement.closest(\n            this.containingElement.tagName.toLowerCase()\n          ) !== this.containingElement\n        ) {\n          this.hide();\n          return;\n        }\n      });\n    }\n\n    // If a menu is present, focus on it when certain keys are pressed\n    if (this.menu && ['ArrowDown', 'ArrowUp'].includes(event.key)) {\n      // must have menu item, must have pressed down, must be open and must not have focus within dd\n      if (!this.open || this.focusEleInDropDwn(event)) return;\n      event.preventDefault();\n      this.menu.setFocus();\n      return;\n    }\n\n    // All other keys focus the menu and pass the event through to menu (necessary for type-to-search to work)\n    const ePath = event.composedPath();\n    if (this.menu && ePath.length && !ePath.find((el) => el !== this.menu)) {\n      this.menu.dispatchEvent(new KeyboardEvent(event.type, event));\n      return;\n    }\n  }\n\n  private handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the close element\n\n    if (!this.focusEleInDropDwn(event)) {\n      this.hide();\n      return;\n    }\n  }\n\n  private handleTriggerKeyDown = (event: KeyboardEvent) => {\n    // Open the panel when pressing down or up while focused on the trigger\n    if (['ArrowDown', 'ArrowUp', ' '].includes(event.key)) {\n      this.show();\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (this.menu) this.menu.setFocus();\n    }\n  };\n\n  private handleTriggerSlotChange = () => {\n    this.updateAccessibleTrigger();\n  };\n\n  private createPopover() {\n    if ((!this.tetherTo && !this.trigger) || !this.positioner) return;\n\n    if (this.popover) {\n      if (this.open) this.hide();\n      this.popover.destroy();\n      this.popover = null;\n    }\n\n    this.popover = new Popover(this.tetherTo || this.trigger, this.positioner, {\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.panel,\n      onAfterHide: () => this.nanoAfterHide.emit(),\n      onAfterShow: () => this.nanoAfterShow.emit(),\n      onTransitionEnd: () => {\n        if (!this.open) {\n          this.panel.scrollTop = 0;\n        } else if (this.menu) {\n          this.menu.showActiveElement();\n        }\n      },\n    });\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  // Stencil hooks\n\n  connectedCallback() {\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    if (!this.containingElement) this.containingElement = this.host;\n  }\n\n  componentDidLoad() {\n    this.didLoad = true;\n    this.createPopover();\n    setTimeout(() => this.updateAccessibleTrigger(), 100);\n  }\n\n  disconnectedCallback() {\n    if (this.host.isConnected) this.hide();\n    if (this.popover) this.popover.destroy();\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        id={this.dropdownId}\n        class={{\n          dropdown: true,\n          'dropdown--open': this.open,\n        }}\n      >\n        <span\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          ref={(el) => (this.trigger = el)}\n          onKeyDown={this.handleTriggerKeyDown}\n          onClick={this.togglePanel}\n        >\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange} />\n        </span>\n\n        <div\n          ref={(el) => (this.positioner = el)}\n          class=\"dropdown__positioner\"\n          // @ts-ignore\n          popover=\"manual\"\n          id={this.dropdownId + '-positioner'}\n        >\n          <div\n            ref={(el) => (this.panel = el)}\n            part=\"panel\"\n            class={`dropdown__panel ${this.placement.split('-').join(' ')}`}\n            aria-hidden={!this.open}\n            role={\n              this.host.getAttribute('role') === 'group' ? 'group' : 'dialog'\n            }\n            aria-modal={\n              this.host.getAttribute('role') === 'group' ? undefined : 'true'\n            }\n            aria-labelledby={this.dialogTitle ? this.labelId : undefined}\n          >\n            {this.dialogTitle && (\n              <span\n                id={this.labelId}\n                class=\"dropdown__accessible-title\"\n                aria-live={\n                  this.host.getAttribute('role') === 'group'\n                    ? undefined\n                    : 'polite'\n                }\n              >\n                {this.dialogTitle}\n              </span>\n            )}\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nano-components/p-f6a8467a.js

@@ -1,6 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-const t="nano-components";let e;let n;let s;let i=false;let o=false;let l=false;let f=false;let c=null;let r=false;const u={isDev:false,isBrowser:true,isServer:false,isTesting:false};const a=t=>{const e=new URL(t,Ce.t);return e.origin!==Ee.location.origin?e.href:e.pathname};const d=(t,e="")=>{{return()=>{}}};const h=(t,e)=>{{return()=>{}}};const b="r";const $="o";const p="s";const m="t";const g="c";const y="s-id";const j="sty-id";const v="c-id";const O="{visibility:hidden}.hydrated{visibility:inherit}";const w="sf-id";const S="http://www.w3.org/1999/xlink";const x={};const _=t=>t!=null;const E=t=>{t=typeof t;return t==="object"||t==="function"};function T(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const k=(t,e,...n)=>{let s=null;let i=null;let o=null;let l=false;let f=false;const c=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!E(s)){s=String(s)}if(l&&f){c[c.length-1].i+=s}else{c.push(l?C(null,s):s)}f=l}}};r(n);if(e){if(e.key){i=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,c,L)}const u=C(t,null);u.o=e;if(c.length>0){u.l=c}{u.u=i}{u.h=o}return u};const C=(t,e)=>{const n={$:0,p:t,i:e,m:null,l:null};{n.o=null}{n.u=null}{n.h=null}return n};const M={};const N=t=>t&&t.p===M;const L={forEach:(t,e)=>t.map(I).forEach(e),map:(t,e)=>t.map(I).map(e).map(R)};const I=t=>({vattrs:t.o,vchildren:t.l,vkey:t.u,vname:t.h,vtag:t.p,vtext:t.i});const R=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return k(t.vtag,e,...t.vchildren||[])}const e=C(t.vtag,t.vtext);e.o=t.vattrs;e.l=t.vchildren;e.u=t.vkey;e.h=t.vname;return e};const H=(t,e)=>{if(!t["s-hsf"]||!t.parentNode)return;let n=t.parentNode.__childNodes||t.parentNode.childNodes;let s;const i=n.length;let o=0;for(o;o<i;o++){s=n[o];if(s["s-sr"]&&e&&s["s-psn"]===t["s-sn"]){H(s,true);continue}if(s["s-sn"]!==t["s-sn"])continue;if(s.nodeType===1&&s["s-sf"]){s.hidden=e;s.style.display=e?"none":""}else if(!!s["s-sfc"]){if(e){s["s-sfc"]=s.textContent||undefined;s.textContent=""}else if(!s.textContent||s.textContent.trim()===""){s.textContent=s["s-sfc"]}}}};const U=t=>{if(!t)return;const e=t.__childNodes||t.childNodes;let n;let s;let i;let o;let l;let f;for(s=0,i=e.length;s<i;s++){if(e[s]["s-sr"]){l=e[s]["s-sn"];n=e[s];H(n,false);for(o=0;o<i;o++){f=e[o].nodeType;if(e[o]["s-sf"])continue;if(e[o]["s-hn"]!==n["s-hn"]||l!==""){if(f===1&&l===e[o]["s-sn"]){H(n,true);st(e[o]);break}}else if(e[o]["s-sn"]===l){if(f===1||f===3&&e[o]&&e[o].textContent&&e[o].textContent.trim()!==""){H(n,true);st(e[o]);break}}}}U(e[s])}};const A=(t,e)=>{D(t,e);q(t);V(t);G(t);z(t);K(t);Q(t);X(t);J(t);W(t,e);F(t,e);B(t,e)};const P=t=>{t.__cloneNode=t.cloneNode;t.cloneNode=function(e){const n=this;const s=t.__cloneNode.call(n,false);if(e){let t=0;let e,i;const o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-sf","s-sfc","s-hsf"];for(;t<n.__childNodes.length;t++){e=n.__childNodes[t]["s-nr"];i=o.every((e=>!n.__childNodes[t][e]));if(e){s.__appendChild(e.cloneNode(true))}if(i){s.__appendChild(n.__childNodes[t].cloneNode(true))}}}return s}};const D=(t,e)=>{if(!globalThis.Node)return;class n extends Array{item(t){return this[t]}}let s=Object.getOwnPropertyDescriptor(e||Node.prototype,"childNodes");if(!s){s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(Node.prototype),"childNodes")}if(s)Object.defineProperty(t,"__childNodes",s);let i=Object.getOwnPropertyDescriptor(e||Element.prototype,"children");if(i)Object.defineProperty(t,"__children",i);const o=Object.getOwnPropertyDescriptor(e||Element.prototype,"childElementCount");if(o)Object.defineProperty(t,"__childElementCount",o);Object.defineProperty(t,"children",{get(){return this.childNodes.map((t=>{if(t.nodeType===1)return t;else return null})).filter((t=>!!t))}});Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}});Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});Object.defineProperty(t,"childElementCount",{get(){return t.children.length}});if(!s)return;Object.defineProperty(t,"childNodes",{get(){const t=this.__childNodes;const e=new n;for(let n=0;n<t.length;n++){const s=t[n]["s-nr"];if(s&&(s.nodeType!==8||s.nodeValue.indexOf($+".")!==0)){e.push(s)}}return e}})};const W=(t,e)=>{if(!globalThis.Element)return;let n=Object.getOwnPropertyDescriptor(e||Element.prototype,"innerHTML");if(!n)n=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML");if(n)Object.defineProperty(t,"__innerHTML",n);Object.defineProperty(t,"innerHTML",{get:function(){let t="";this.childNodes.forEach((e=>t+=e.outerHTML||e.textContent));return t},set:function(t){this.childNodes.forEach((t=>{if(t["s-ol"]){try{t["s-ol"].remove()}catch(t){}}t.remove()}));this.insertAdjacentHTML("beforeend",t)}})};const F=(t,e)=>{if(!globalThis.Element)return;let n=Object.getOwnPropertyDescriptor(e||Element.prototype,"innerText");if(!n)n=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerText");if(n)Object.defineProperty(t,"__innerText",n);Object.defineProperty(t,"innerText",{get:function(){let t="";this.childNodes.forEach((e=>{if(e.innerText)t+=e.innerText;else if(e.textContent)t+=e.textContent.trimEnd()}));return t},set:function(t){this.childNodes.forEach((t=>{if(t["s-ol"])t["s-ol"].remove();t.remove()}));this.insertAdjacentHTML("beforeend",t)}})};const B=(t,e)=>{if(!globalThis.Node)return;const n=Object.getOwnPropertyDescriptor(e||Node.prototype,"textContent");if(n)Object.defineProperty(t,"__textContent",n);Object.defineProperty(t,"textContent",{get:function(){let t="";this.childNodes.forEach((e=>t+=e.textContent||""));return t},set:function(t){this.childNodes.forEach((t=>{if(t["s-ol"])t["s-ol"].remove();t.remove()}));this.insertAdjacentHTML("beforeend",t)}})};const q=t=>{if(t.__insertBefore)return;t.__insertBefore=t.insertBefore;t.insertBefore=function(t,e){const n=t["s-sn"]=lt(t);const s=ft(this.__childNodes,n);if(s){let i=false;this.childNodes.forEach((o=>{if(o===e||e===null){i=true;ot(t,s);if(e===null){this.__append(t);return}if(n===e["s-sn"]){const n=e.parentNode.__insertBefore||e.parentNode.insertBefore;n.call(e.parentNode,t,e);st(t)}else{this.__append(t)}return}}));if(i){return t}}return this.__insertBefore(t,e)}};const V=t=>{if(t.__appendChild)return;t.__appendChild=t.appendChild;t.appendChild=function(t){const e=t["s-sn"]=lt(t);const n=ft(this.__childNodes||this.childNodes,e);if(n){ot(t,n);const e=ct(n);const s=e[e.length-1];if(s.parentNode){const e=s.parentNode;e.__insertBefore?e.__insertBefore(t,s.nextSibling):e.insertBefore(t,s.nextSibling);st(t)}if(n["s-hsf"]){U(n.parentNode)}return t}if(t.nodeType===1&&!!t.getAttribute("slot")&&this.__childNodes)t.hidden=true;return this.__appendChild(t)}};const z=t=>{if(t.__prepend)return;t.__prepend=t.prepend;t.prepend=function(...t){t.forEach((t=>{if(typeof t==="string"){t=this.ownerDocument.createTextNode(t)}const e=t["s-sn"]=lt(t);const n=ft(this.__childNodes,e);if(n){ot(t,n);const e=ct(n);const s=e[0];if(s.parentNode){s.parentNode.insertBefore(t,s.nextSibling);st(t)}if(n["s-hsf"]){U(n.parentNode)}return}if(t.nodeType===1&&!!t.getAttribute("slot")&&this.__childNodes)t.hidden=true;return this.__prepend(t)}))}};const G=t=>{if(t.__append)return;t.__append=t.append;t.append=function(...t){t.forEach((t=>{if(typeof t==="string"){t=this.ownerDocument.createTextNode(t)}this.appendChild(t)}))}};const J=t=>{if(t.__replaceChildren)return;t.__replaceChildren=t.replaceChildren;t.replaceChildren=function(...t){const e=ft(this.__childNodes,"");if(e){const n=ct(e);n.forEach((t=>{if(!t["s-sr"]){t.remove()}}));this.append(...t)}}};const K=t=>{if(t.__insertAdjacentHTML)return;t.__insertAdjacentHTML=t.insertAdjacentHTML;t.insertAdjacentHTML=function(t,e){if(t!=="afterbegin"&&t!=="beforeend"){return this.__insertAdjacentHTML(t,e)}const n=this.ownerDocument.createElement("_");let s;n.innerHTML=e;if(t==="afterbegin"){while(s=n.firstChild){this.prepend(s)}}else if(t==="beforeend"){while(s=n.firstChild){this.append(s)}}}};const Q=t=>{if(t.__insertAdjacentText)return;t.__insertAdjacentText=t.insertAdjacentText;t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)}};const X=t=>{if(t.__insertAdjacentElement)return;t.__insertAdjacentElement=t.insertAdjacentElement;t.insertAdjacentElement=function(t,e){if(t!=="afterbegin"&&t!=="beforeend"){return this.__insertAdjacentElement(t,e)}if(t==="afterbegin"){this.prepend(e)}else if(t==="beforeend"){this.append(e)}}};const Y=t=>{if(!t||t.__nextSibling||!globalThis.Node)return;Z(t);et(t);tt(t);nt(t)};const Z=(t,e)=>{if(!t||t.__nextSibling)return;const n=Object.getOwnPropertyDescriptor(e||Node.prototype,"nextSibling");if(n)Object.defineProperty(t,"__nextSibling",n);else{t.__nextSibling=t.nextSibling||true}Object.defineProperty(t,"nextSibling",{get:function(){var t;const e=(t=this["s-ol"])===null||t===void 0?void 0:t.parentNode.childNodes;const n=e===null||e===void 0?void 0:e.indexOf(this);if(e&&n>-1){return e[n+1]}return this.__nextSibling}})};const tt=(t,e)=>{if(!t||t.__nextElementSibling||!t.nextSiblingElement)return;const n=Object.getOwnPropertyDescriptor(e||Element.prototype,"nextElementSibling");if(n)Object.defineProperty(t,"__nextElementSibling",n);else{t.__nextElementSibling=t.nextSiblingElement||true}Object.defineProperty(t,"nextElementSibling",{get:function(){var t;const e=(t=this["s-ol"])===null||t===void 0?void 0:t.parentNode.children;const n=e===null||e===void 0?void 0:e.indexOf(this);if(e&&n>-1){return e[n+1]}return this.__nextElementSibling}})};const et=(t,e)=>{if(!t||t.__previousSibling)return;const n=Object.getOwnPropertyDescriptor(e||Node.prototype,"previousSibling");if(n)Object.defineProperty(t,"__previousSibling",n);else{t.__previousSibling=t.previousSibling||true}Object.defineProperty(t,"previousSibling",{get:function(){var t;const e=(t=this["s-ol"])===null||t===void 0?void 0:t.parentNode.childNodes;const n=e===null||e===void 0?void 0:e.indexOf(this);if(e&&n>-1){return e[n-1]}return this.__previousSibling}})};const nt=(t,e)=>{if(!t||t.__previousElementSibling||!t.previousElementSibling)return;const n=Object.getOwnPropertyDescriptor(e||Element.prototype,"previousElementSibling");if(n)Object.defineProperty(t,"__previousElementSibling",n);else{t.__previousElementSibling=t.previousSiblingElement||true}Object.defineProperty(t,"previousElementSibling",{get:function(){var t;const e=(t=this["s-ol"])===null||t===void 0?void 0:t.parentNode.children;const n=e===null||e===void 0?void 0:e.indexOf(this);if(e&&n>-1){return e[n-1]}return this.__previousElementSibling}})};const st=t=>{if(!t||t.__remove)return;t.__remove=t.remove||true;it(t.parentNode);t.remove=function(){if(this.parentNode){return this.parentNode.removeChild(this)}return this.__remove()}};const it=t=>{if(!t||t.__removeChild)return;t.__removeChild=t.removeChild;t.removeChild=function(t){if(t&&typeof t["s-sn"]!=="undefined"){const e=ft(this.__childNodes||this.childNodes,t["s-sn"]);t.parentElement.__removeChild(t);if(e&&e["s-hsf"]){U(e.parentElement)}return}return this.__removeChild(t)}};const ot=(t,e,n)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const s=document.createTextNode("");s["s-nr"]=t;if(e["s-cr"]&&e["s-cr"].parentNode){const t=e["s-cr"].parentNode;const i=t.__appendChild||t.appendChild;if(typeof n!=="undefined"){s["s-oo"]=n;const o=t.__childNodes||t.childNodes;const l=[s];o.forEach((t=>{if(t["s-nr"])l.push(t)}));l.sort(((t,e)=>{if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return-1;else if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return 1;return 0}));l.forEach((t=>i.call(e["s-cr"].parentNode,t)))}else{i.call(e["s-cr"].parentNode,s)}}t["s-ol"]=s};const lt=t=>t["s-sn"]||t.nodeType===1&&t.getAttribute("slot")||t.slot||"";const ft=(t,e)=>{let n=0;let s;if(!t)return null;for(;n<t.length;n++){s=t[n];if(s["s-sr"]&&s["s-sn"]===e){return s}s=ft(s.childNodes,e);if(s){return s}}return null};const ct=t=>{const e=[t];const n=t["s-sn"]||"";while((t=t.nextSibling)&&t["s-sn"]===n){e.push(t)}return e};const rt=(t,e,n,s)=>{const i=d("hydrateClient",e);const o=t.shadowRoot;const l=[];const f=[];const c=[];const r=o?[]:null;let u=C(e,null);u.m=t;if(!Ce.g){at(Te.body,Ce.g=new Map)}t[y]=n;t.removeAttribute(y);s.j=ut(u,l,f,r,t,t,n,c);let a=0;const h=l.length;let b;for(a;a<h;a++){b=l[a];const n=b.v+"."+b.O;const s=Ce.g.get(n);const i=b.m;if(!o){i["s-hn"]=e.toUpperCase();if(b.p==="slot"){i["s-cr"]=t["s-cr"]}}if(s&&s.isConnected){if(o&&s["s-en"]===""){s.parentNode.insertBefore(i,s.nextSibling)}s.parentNode.removeChild(s);if(!o){i["s-oo"]=parseInt(b.O)}}Ce.g.delete(n)}const $=[];let p=0;const m=c.length;let g;let j;let v;let O;for(p;p<m;p++){g=c[p];if(!g||!g.length)continue;v=g.length;j=0;for(j;j<v;j++){O=g[j];if(!$[O.hostId]){$[O.hostId]=Ce.g.get(O.hostId)}if(!$[O.hostId])continue;const t=$[O.hostId];if(!t.shadowRoot||!o){O.slot["s-cr"]=t["s-cr"];if(!O.slot["s-cr"]&&t.shadowRoot){O.slot["s-cr"]=t}else{const e=t.__childNodes||t.childNodes;O.slot["s-cr"]=e[0]}ot(O.node,O.slot,O.node["s-oo"]);Y(O.node)}if(t.shadowRoot&&O.node.parentElement!==t){t.appendChild(O.node)}}}if(o){let e=0;const n=r.length;for(e;e<n;e++){o.appendChild(r[e])}Array.from(t.childNodes).forEach((t=>{if(t.nodeType===8&&typeof t["s-sn"]!=="string"){t.parentNode.removeChild(t)}}))}s.S=t;i()};const ut=(t,e,n,s,i,o,l,f=[])=>{let c;let r;let u;let a;const d=i["s-sc"];if(o.nodeType===1){c=o.getAttribute(v);if(c){r=c.split(".");if(r[0]===l||r[0]==="0"){u=dt({v:r[0],O:r[1],_:r[2],T:r[3],p:o.tagName.toLowerCase(),m:o,o:{class:o.className}});e.push(u);o.removeAttribute(v);if(!t.l){t.l=[]}const l=u.m.getAttribute("s-sn");if(typeof l==="string"){u.m["s-sn"]=l;u.m.removeAttribute("s-sn")}const f=u.m.getAttribute(w);if(f){u.m.removeAttribute(w);const t=n.find((t=>t.m["s-sn"]===u.m["s-sn"]||t.h===u.m["s-sn"]));if(t){u.m["s-sf"]=true;u.m["s-hn"]=i.tagName;t.l=t.l||[];t.l[u.T]=u;if(t.m.nodeType===1){t.m.appendChild(u.m)}}}else if(u.T!==undefined){t.l[u.T]=u}if(d)o["s-si"]=d;t=u;if(s&&u._==="0"&&!f){s[u.T]=u.m}}}const h=o.__childNodes||o.childNodes;for(a=h.length-1;a>=0;a--){ut(t,e,n,s,i,h[a],l,f)}if(o.shadowRoot){for(a=o.shadowRoot.childNodes.length-1;a>=0;a--){ut(t,e,n,s,i,o.shadowRoot.childNodes[a],l,f)}}}else if(o.nodeType===8){r=o.nodeValue.split(".");if(r[1]===l||r[1]==="0"){c=r[0];u=dt({v:r[1],O:r[2],_:r[3],T:r[4]||"0",m:o});if(c===m){let f=u.m=o.nextSibling;if(u.m&&u.m.nodeType===3){u.i=u.m.textContent;e.push(u);o.remove();if(r[5]==="1"){f["s-sf"]=true;f["s-sn"]=r[6]||"";f["s-sfc"]=f.textContent;f["s-hn"]=i.tagName;const t=n.find((t=>t.m["s-sn"]===f["s-sn"]||t.h===f["s-sn"]));if(t){t.l=t.l||[];t.l[u.T]=u;if(t.m.nodeType===1){t.m.appendChild(f)}}}else{if(l===u.v){if(!t.l){t.l=[]}t.l[u.T]=u}if(s&&u._==="0"){s[u.T]=u.m}}}}else if(c===g){u.m=o.nextSibling;if(u.m&&u.m.nodeType===8){e.push(u);o.remove()}}else if(u.v===l){if(c===p){u.p="slot";t.o=undefined;const i=o["s-sn"]=u.h=r[5]||"";o["s-sr"]=true;if(r[6]==="1"){o["s-hsf"]=true}if(r[7]==="1"){let t=o.previousSibling;while(!!t&&t.nodeType!==8){t=t.previousSibling}o["s-sfc"]=t.nodeValue}const l=(t===null||t===void 0?void 0:t.m)?t.m["s-id"]||t.m.getAttribute("s-id"):"";if(s){const e=u.m=Te.createElement(u.p);if(u.h){u.m.setAttribute("name",i)}if(l&&l!==u.v){t.m.insertBefore(e,t.m.children[0])}else{o.parentNode.insertBefore(u.m,o)}ht(f,r[2],i,o,u.v);o.remove();if(u._==="0"){s[u.T]=u.m}}else{const n=u.m;const s=l&&l!==u.v&&t.m.shadowRoot;ht(f,r[2],i,o,s?l:u.v);if(s){t.m.insertBefore(n,t.m.children[0])}e.push(u)}n.push(u);if(!t.l){t.l=[]}t.l[u.T]=u}else if(c===b){if(s){o.remove()}else{i["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.p==="style"){const e=C(null,o.textContent);e.m=o;e.T="0";t.l=[e]}return t};const at=(t,e)=>{if(t.nodeType===1){const n=t[y]||t.getAttribute(y);if(n){e.set(n,t)}let s=0;const i=t.__childNodes||t.childNodes;for(;s<i.length;s++){at(i[s],e)}if(t.shadowRoot){for(s=0;s<t.shadowRoot.childNodes.length;s++){at(t.shadowRoot.childNodes[s],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===$){e.set(n[1]+"."+n[2],t);t["s-en"]=n[3]}}};const dt=t=>{const e={$:0,v:null,O:null,_:null,T:"0",m:null,o:null,l:null,u:null,h:null,p:null,i:null};return Object.assign(Object.assign({},e),t)};const ht=(t,e,n,s,i)=>{let o=s.nextSibling;t[e]=t[e]||[];while(o&&(o["s-sn"]===n||n===""&&!o["s-sn"]&&(o.nodeType===8&&o.nodeValue.indexOf(".")!==1||o.nodeType===3))&&!o["s-sf"]){o["s-sn"]=n;t[e].push({slot:s,node:o,hostId:i});o=o.nextSibling}};const bt=t=>_e.map((e=>e(t))).find((t=>!!t));const $t=(t,e)=>{if(t!=null&&!E(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const pt=t=>ge(t).S;const mt=(t,e,n)=>{const s=pt(t);return{emit:t=>gt(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const gt=(t,e,n)=>{const s=Ce.ce(e,n);t.dispatchEvent(s);return s};const yt=new WeakMap;const jt=(t,e,n)=>{let s=xe.get(t);if(Ne&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}xe.set(t,s)};const vt=(t,e,n,s)=>{var i;let o=wt(e);const l=xe.get(o);t=t.nodeType===11?t:Te;if(l){if(typeof l==="string"){t=t.head||t;let e=yt.get(t);let n;if(!e){yt.set(t,e=new Set)}if(!e.has(o)){if(t.host&&(n=t.querySelector(`[${j}="${o}"]`))){n.innerHTML=l}else{{n=Te.createElement("style");n.innerHTML=l}const e=(i=Ce.k)!==null&&i!==void 0?i:T(Te);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const Ot=t=>{const e=t.C;const n=t.S;const s=e.$;const i=d("attachStyles",e.M);const o=vt(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}i()};const wt=(t,e)=>"sc-"+t.M;const St=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const xt=(t,e,n,s,i,o)=>{if(n!==s){let l=ve(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const i=Et(n);const o=Et(s);if(t["s-si"]&&o.indexOf(t["s-si"])<0){o.push(t["s-si"])}e.remove(...i.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!i.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!l&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(ve(Ee,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){Ce.rel(t,e,n,false)}if(s){Ce.ael(t,e,s,false)}}else{const c=E(s);if((l||c&&s!==null)&&!i){try{if(!t.tagName.includes("-")){const i=s==null?"":s;if(e==="list"){l=false}else if(n==null||t[e]!=i){t[e]=i}}else{t[e]=s}}catch(t){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){e=f;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(S,e)}else{t.removeAttribute(e)}}}else if((!l||o&4||i)&&!c){s=s===true?"":s;if(r){t.setAttributeNS(S,e,s)}else{t.setAttribute(e,s)}}}}};const _t=/\s/;const Et=t=>!t?[]:t.split(_t);const Tt=(t,e,n,s)=>{const i=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.o||x;const l=e.o||x;{for(s in o){if(!(s in l)){xt(i,s,o[s],undefined,n,e.$)}}}for(s in l){xt(i,s,o[s],l[s],n,e.$)}};const kt=(t,o,c,r)=>{const u=o.l[c];let a=0;let d;let h;let b;if(!i){l=true;if(u.p==="slot"){if(e){r.classList.add(e+"-s")}u.$|=u.l?2:1}}if(u.i!==null){d=u.m=Te.createTextNode(u.i)}else if(u.$&(1|2)){d=u.m=Te.createTextNode("")}else{d=u.m=Te.createElement(u.p);{Tt(null,u,f)}if(_(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.l){for(a=0;a<u.l.length;++a){h=kt(t,u,a,d);if(h){d.__appendChild?d.__appendChild(h):d.appendChild(h)}}}}{d["s-hn"]=s;if(u.$&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.h||"";if(o.h){d["s-psn"]=o.h}if(u.$&2){if(u.l){for(a=0;a<u.l.length;++a){let e=d.nodeType===1?d:r;while(e.nodeType!==1){e=e.parentNode}h=kt(t,u,a,e);h["s-sf"]=d["s-hsf"]=true;if(typeof h["s-sn"]==="undefined"){h["s-sn"]=u.h||""}if(h.nodeType===3){h["s-sfc"]=h.textContent}if(h&&(!t||!t.l)){e.appendChild(h)}}}if(t&&t.l)At(t,u)}b=t&&t.l&&t.l[c];if(b&&b.p===u.p&&t.m){Ct(t.m,false)}}}return d};const Ct=(t,e)=>{Ce.$|=1;const n=t.__childNodes||t.childNodes;for(let t=n.length-1;t>=0;t--){const i=n[t];if(i["s-hn"]!==s&&i["s-ol"]){Ut(i).insertBefore(i,Ht(i));i["s-ol"].remove();i["s-ol"]=undefined;l=true}if(e){Ct(i,e)}}Ce.$&=~1};const Mt=(t,e,n,i,o,l)=>{let f=t["s-cr"]&&t["s-cr"].parentNode||t;let c;if(f.shadowRoot&&f.tagName===s){f=f.shadowRoot}for(;o<=l;++o){if(i[o]){c=kt(null,n,o,t);if(c){i[o].m=c;f.insertBefore(c,Ht(e))}}}};const Nt=t=>{const e=t.__childNodes||t.childNodes;let n;let s;let i;for(s=0,i=e.length;s<i;s++){n=e[s];if(n["s-ol"]){if(n["s-hn"])n["s-hn"]=undefined}else{Nt(n)}}};const Lt=(t,e,n,s,i)=>{for(;e<=n;++e){if(s=t[e]){i=s.m;Ft(s);{o=true;Nt(i);if(i["s-ol"]){i["s-ol"].remove()}else{Ct(i,true)}}i.remove()}}};const It=(t,e,n,s)=>{const i=[];const l={};let f=0;let c=0;let r=0;let u=0;let a=0;let d=e.length-1;let h=e[0];let b=e[d];let $=s.length-1;let p=s[0];let m=s[$];let g;let y;let j;let v;let O;let w;let S;let x;let _;while(f<=d&&c<=$){if(h==null){h=e[++f]}else if(b==null){b=e[--d]}else if(p==null){p=s[++c]}else if(m==null){m=s[--$]}else if(Rt(h,p)){At(h,p);h=e[++f];p=s[++c]}else if(Rt(b,m)){At(b,m);b=e[--d];m=s[--$]}else if(Rt(h,m)){if(h.p==="slot"||m.p==="slot"){Ct(h.m.parentNode,false)}At(h,m);t.insertBefore(h.m,b.m.nextSibling);h=e[++f];m=s[--$]}else if(Rt(b,p)){if(h.p==="slot"||m.p==="slot"){Ct(b.m.parentNode,false)}At(b,p);t.insertBefore(b.m,h.m);b=e[--d];p=s[++c]}else{r=-1;{for(u=f;u<=d;++u){if(e[u]&&e[u].u!==null&&e[u].u===p.u){r=u;break}}}if(r>=0){y=e[r];if(y.p!==p.p){g=kt(e&&e[c],n,r,t)}else{At(y,p);e[r]=undefined;g=y.m}p=s[++c]}else{g=kt(e&&e[c],n,c,t);p=s[++c]}if(g){{Ut(h.m).insertBefore(g,Ht(h.m))}}}}if(f>d){Mt(t,s[$+1]==null?null:s[$+1].m,n,s,c,$)}else if(c>$){Lt(e,f,d)}if(t.parentNode&&n.m["s-hsf"]){j=t.parentNode.__childNodes||t.parentNode.childNodes;v=j.length-1;for(u=0;u<=v;++u){S=j[u];if(S["s-hsf"]){i.push(S);continue}if(S["s-sf"]){if(!l[S["s-sn"]])l[S["s-sn"]]=[];l[S["s-sn"]].push(S)}}O=i.length-1;for(u=0;u<=O;++u){x=i[u];if(typeof l[x["s-sn"]]==="undefined")continue;w=l[x["s-sn"]].length-1;for(a=0;a<=w;++a){_=l[x["s-sn"]][a];x.parentNode.insertBefore(_,x)}}o=true}};const Rt=(t,e)=>{if(t.p===e.p){if(t.p==="slot"){return t.h===e.h}{return t.u===e.u}}return false};const Ht=t=>t&&t["s-ol"]||t;const Ut=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const At=(t,e)=>{const n=e.m=t.m;const s=t.l;const i=e.l;const o=e.p;const l=e.i;let c;if(l===null){{if(o==="slot");else{Tt(t,e,f)}}if(s!==null&&i!==null){It(n,s,e,i)}else if(i!==null){if(t.i!==null){n.textContent=""}Mt(n,null,e,i,0,i.length-1)}else if(s!==null){Lt(s,0,s.length-1)}}else if(c=n["s-cr"]){c.parentNode.textContent=l}else if(t.i!==l){n.textContent=l;if(n["s-sf"]){n["s-sfc"]=l}}};const Pt=[];const Dt=t=>{let e;let n;let s;let i;let l;let f;let c=0;const r=t.__childNodes||t.childNodes;const u=r.length;for(;c<u;c++){e=r[c];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){if(e["s-hsf"]){o=true}s=n.parentNode.__childNodes||n.parentNode.childNodes;i=e["s-sn"];for(f=s.length-1;f>=0;f--){n=s[f];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(Wt(n,i)){l=Pt.find((t=>t.N===n));o=true;n["s-sn"]=n["s-sn"]||i;if(l){l.L=e}else{Pt.push({L:e,N:n})}if(n["s-sr"]){Pt.map((t=>{if(Wt(t.N,n["s-sn"])){l=Pt.find((t=>t.N===n));if(l&&!t.L){t.L=l.L}}}))}}else if(!Pt.some((t=>t.N===n))){Pt.push({N:n})}}}}if(e.nodeType===1){Dt(e)}}};const Wt=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const Ft=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.l&&t.l.map(Ft)}};const Bt=(t,f)=>{const c=t.S;const r=t.C;const u=t.j||C(null,null);const a=N(f)?f:k(null,null,f);s=c.tagName;if(r.I){a.o=a.o||{};r.I.map((([t,e])=>a.o[e]=c[t]))}a.p=null;a.$|=4;t.j=a;a.m=u.m=c.shadowRoot||c;{e=c["s-sc"]}{n=c["s-cr"];i=(r.$&1)!==0;o=false}At(u,a);{Ce.$|=1;if(l){Dt(a.m);let t;let e;let n;let s;let i;let o;let l;let f=0;for(;f<Pt.length;f++){t=Pt[f];e=t.N;if(!e["s-ol"]){n=Te.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(f=0;f<Pt.length;f++){t=Pt[f];e=t.N;if(t.L){s=t.L.parentNode;i=t.L.__nextSibling||t.L.nextSibling;n=e["s-ol"];l=i;while(n=n.__previousSibling||n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.__nextSibling||o.nextSibling;if(!o||!o["s-nr"]){i=o;break}}}if(!i&&s!==e.parentNode||(e.__nextSibling||e.nextSibling)!==i){if(e!==i){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,i);e.hidden=false}else{s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){U(a.m)}Ce.$&=~1;Pt.length=0}};const qt=(t,e)=>{if(e&&!t.R&&e["s-p"]){e["s-p"].push(new Promise((e=>t.R=e)))}};const Vt=(t,e)=>{{t.$|=16}if(t.$&4){t.$|=512;return}qt(t,t.H);const n=()=>zt(t,e);return De(n)};const zt=(t,e)=>{const n=t.S;const s=d("scheduleUpdate",t.C.M);const i=t.U;let o;if(e){{t.$|=256;if(t.A){t.A.map((([t,e])=>Zt(i,t,e,n)));t.A=null}}{o=Zt(i,"componentWillLoad",undefined,n)}}{o=te(o,(()=>Zt(i,"componentWillRender",undefined,n)))}s();return te(o,(()=>Gt(t,i,e)))};const Gt=async(t,e,n)=>{const s=t.S;const i=d("update",t.C.M);const o=s["s-rc"];if(n){Ot(t)}const l=d("render",t.C.M);{Jt(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}l();i();{const e=s["s-p"];const n=()=>Qt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.$|=4;e.length=0}}};const Jt=(t,e,n)=>{try{c=e;e=e.render();{t.$&=~16}{t.$|=2}{{{Bt(t,e)}}}}catch(e){Oe(e,t.S)}c=null;return null};const Kt=()=>c;const Qt=t=>{const e=t.C.M;const n=t.S;const s=d("postUpdate",e);const i=t.U;const o=t.H;{Zt(i,"componentDidRender",undefined,n)}if(!(t.$&64)){t.$|=64;{ee(n)}{Zt(i,"componentDidLoad",undefined,n)}s();{t.P(n);if(!o){Yt()}}}else{{Zt(i,"componentDidUpdate",undefined,n)}s()}{t.D(n)}{if(t.R){t.R();t.R=undefined}if(t.$&512){Ae((()=>Vt(t,false)))}t.$&=~(4|512)}};const Xt=t=>{{const e=ge(t);const n=e.S.isConnected;if(n&&(e.$&(2|16))===2){Vt(e,false)}return n}};const Yt=e=>{{ee(Te.documentElement)}Ae((()=>gt(Ee,"appload",{detail:{namespace:t}})))};const Zt=(t,e,n,s)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Oe(t,s)}}return undefined};const te=(t,e)=>t&&t.then?t.then(e):e();const ee=t=>t.classList.add("hydrated");const ne=(t,e)=>ge(t).W.get(e);const se=(t,e,n,s,i=true)=>{const o=ge(t);const l=o.S;const f=o.W.get(e);const c=o.$;const r=o.U;n=$t(n,s.F[e][0]);const u=Number.isNaN(f)&&Number.isNaN(n);const a=n!==f&&!u;if((!(c&8)||f===undefined)&&a){o.W.set(e,n);if(r){if(s.B&&c&128&&i){const t=s.B[e];if(t){t.map((t=>{try{r[t](n,f,e)}catch(t){Oe(t,l)}}))}}if((c&(2|16))===2){if(r.componentShouldUpdate){if(r.componentShouldUpdate(n,f,e)===false){return}}Vt(o,false)}}}};const ie=(t,e,n)=>{if(e.F){if(t.watchers){e.B=t.watchers}const s=Object.entries(e.F);const i=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){if((s&2048)===0){Object.defineProperty(i,t,{get(){return ne(this,t)},set(n){se(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&2048){{Object.defineProperty(i,t,{get(){const e=ge(this);const n=e?e.U:i;if(!n)return;return n[t]},configurable:true,enumerable:true})}}if(s&4096){const n=Object.getOwnPropertyDescriptor(i,t).set;Object.defineProperty(i,t,{set(s){const i=ge(this);if(n){n.apply(this,[s]);se(this,t,i.S[t],e);return}if(!i)return;const o=(n=false)=>{i.U[t]=s;se(this,t,i.U[t],e,!n)};if(i.U){o()}else{i.q.then((()=>o(true)))}}})}}else if(n&1&&s&64){Object.defineProperty(i,t,{value(...e){const n=ge(this);return n.q.then((()=>n.U[t](...e)))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(t,e,s){Ce.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(i.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}const o=Object.getOwnPropertyDescriptor(i,e);if(!o.get||!!o.set){this[e]=s===null&&typeof this[e]==="boolean"?false:s}}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const i=s[1]||t;n.set(i,t);if(s[0]&512){e.I.push([t,i])}return i}))}}return t};const oe=async(t,e,n,s,i)=>{if((e.$&32)===0){{e.$|=32;i=Se(n,e);if(i.then){const t=h();i=await i;t()}if(!i.isProxied){{n.B=i.watchers}ie(i,n,2);i.isProxied=true}const s=d("createInstance",n.M);{e.$|=8}try{new i(e)}catch(e){Oe(e,t)}{e.$&=~8}{e.$|=128}s();le(e.U,t)}if(i.style){let t=i.style;const e=wt(n);if(!xe.has(e)){const s=d("registerStyles",n.M);jt(e,t,!!(n.$&1));s()}}}const o=e.H;const l=()=>Vt(e,true);if(o&&o["s-rc"]){o["s-rc"].push(l)}else{l()}};const le=(t,e)=>{{Zt(t,"connectedCallback",undefined,e)}};const fe=t=>{if((Ce.$&1)===0){const e=ge(t);const n=e.C;const s=d("connectedCallback",n.M);if(!(e.$&1)){e.$|=1;let s;{s=t.getAttribute(y);if(s){if(n.$&1){const e=vt(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(n.$&2){let e=wt(n);t["s-sc"]=e}rt(t,n.M,s,e)}}if(!s){if(n.$&(4|8)){ce(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){qt(e,e.H=n);break}}}if(n.F){Object.entries(n.F).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{oe(t,e,n)}}else if(e){de(t,e,n.V);le(e.U)}s()}};const ce=t=>{const e=t["s-cr"]=Te.createComment("");e["s-cn"]=true;const n=t.__firstChild||t.firstChild;if(!!n){t.__insertBefore?t.__insertBefore(e,n):t.insertBefore(e,n)}else{t.__appendChild?t.__appendChild(e):t.appendChild(e)}};const re=t=>{if((Ce.$&1)===0){const e=ge(t);const n=e.U;{if(e.G){e.G.map((t=>t()));e.G=undefined}}{Zt(n,"disconnectedCallback",undefined,t)}}};const ue=(t,e={})=>{var n;const s=d();const i=[];const o=e.exclude||[];const l=Ee.customElements;const f=Te.head;const c=f.querySelector("meta[charset]");const r=Te.createElement("style");const u=[];const a=Te.querySelectorAll(`[${j}]`);let h;let b=true;Object.assign(Ce,e);Ce.t=new URL(e.resourcesUrl||"./",Te.baseURI).href;{Ce.$|=2}t.map((t=>{t[1].map((n=>{const s={$:n[0],M:n[1],F:n[2],V:n[3]};{s.F=n[2]}{s.V=n[3]}{s.I=[]}{s.B={}}const f=e.transformTagName?e.transformTagName(s.M):s.M;const c=class extends HTMLElement{constructor(t){super(t);t=this;{const e=wt(s,bt(t));const n=Array.from(a).find((t=>t.getAttribute(j)===e));if(n){if(s.$&1){jt(e,St(n.innerHTML),true)}else{jt(e,n.innerHTML,false)}}}je(t,s);if(s.$&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(h){clearTimeout(h);h=null}if(b){u.push(this)}else{Ce.jmp((()=>fe(this)))}}disconnectedCallback(){Ce.jmp((()=>re(this)))}componentOnReady(){return ge(this).J}};if(s.$&4||s.$&8){A(c.prototype);{P(c.prototype)}}s.K=t[0];if(!o.includes(f)&&!l.get(f)){i.push(f);l.define(f,ie(c,s,1))}}))}));{r.innerHTML=i+O;r.setAttribute("data-styles","");const t=(n=Ce.k)!==null&&n!==void 0?n:T(Te);if(t!=null){r.setAttribute("nonce",t)}f.insertBefore(r,c?c.nextSibling:f.firstChild)}b=false;if(u.length){u.map((t=>t.connectedCallback()))}else{{Ce.jmp((()=>h=setTimeout(Yt,30)))}}s()};const ae=(t,e)=>e;const de=(t,e,n,s)=>{if(n){n.map((([n,s,i])=>{const o=be(t,n);const l=he(e,i);const f=$e(n);Ce.ael(o,s,l,f);(e.G=e.G||[]).push((()=>Ce.rel(o,s,l,f)))}))}};const he=(t,e)=>n=>{try{{if(t.$&256){t.U[e](n)}else{(t.A=t.A||[]).push([e,n])}}}catch(e){Oe(e,t.S||null)}};const be=(t,e)=>{if(e&8)return Ee;if(e&16)return Te.body;return t};const $e=t=>(t&2)!==0;const pe=t=>Ce.k=t;const me=new WeakMap;const ge=t=>me.get(t);const ye=(t,e)=>me.set(e.U=t,e);const je=(t,e)=>{const n={$:0,S:t,C:e,W:new Map};{n.q=new Promise((t=>n.D=t))}{n.J=new Promise((t=>n.P=t));t["s-p"]=[];t["s-rc"]=[]}de(t,n,e.V);return me.set(t,n)};const ve=(t,e)=>e in t;const Oe=(t,e)=>(0,console.error)(t,e);const we=new Map;const Se=(t,e,n)=>{const s=t.M.replace(/-/g,"_");const i=t.K;const o=we.get(i);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((t=>{if(i){we.set(i,t)}return t[s]}),(t=>{Oe(t,e.S)}))};const xe=new Map;const _e=[];const Ee=typeof window!=="undefined"?window:{};const Te=Ee.document||{head:{}};const ke=Ee.HTMLElement||class{};const Ce={$:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Me=t=>Promise.resolve(t);const Ne=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Le=[];const Ie=[];const Re=(t,e)=>n=>{t.push(n);if(!r){r=true;if(e&&Ce.$&4){Ae(Ue)}else{Ce.raf(Ue)}}};const He=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Oe(t)}}t.length=0};const Ue=()=>{He(Le);{He(Ie);if(r=Le.length>0){Ce.raf(Ue)}}};const Ae=t=>Me().then(t);const Pe=Re(Le,false);const De=Re(Ie,true);export{u as B,ae as F,ke as H,M as a,ue as b,mt as c,Pe as d,Kt as e,Xt as f,pt as g,k as h,a as i,Oe as j,Me as p,ye as r,pe as s,De as w};
-//# sourceMappingURL=p-f6a8467a.js.map