@nanoporetech-digital/components 1.13.13 → 1.13.14

package/dist/nano-components/p-6e10a36a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/tabs/tab-group.scss?tag=nano-tab-group&encapsulation=shadow","src/components/tabs/tab-group.tsx"],"names":["TabGroup","[object Object]","hostRef","this","initialTouchX","initialTouchY","hasScrollControls","hideControlRight","hideControlLeft","isLegacy","document","head","attachShadow","placement","noScrollControls","storeMethod","updateScrollControls","includes","nav","scrollWidth","clientWidth","tabs","handleClick","event","tab","target","closest","setActiveTab","handleKeyDown","key","preventDefault","activeEl","activeElement","tagName","toLowerCase","getAllTabs","index","indexOf","length","isRtl","Math","max","min","setFocus","scrollIntoView","handleTabScroll","endRight","scrollLeft","handleBtnClick","goRight","navWidth","getNavWidth","leftAmt","scroll","left","behavior","e","handleTouchStart","touch","changedTouches","pageX","pageY","handleTouchEnd","distX","distY","xDiff","clientX","yDiff","clientY","isHorizontalSwipe","abs","currIndex","findIndex","el","active","toGo","activePanel","setAttribute","activeTab","panel","find","syncActiveTabIndicator","rightBtn","displayTransition","leftBtn","setTimeout","includeDisabled","Array","from","host","querySelectorAll","filter","disabled","emitEvents","previousTab","map","getAllPanels","name","removeAttribute","nanoTabHide","emit","nanoTabShow","panels","getAttribute","forEach","getActiveTab","width","height","clientHeight","offset","getOffset","offsetTop","top","scrollTop","offsetLeft","activeTabIndicator","style","transform","computedStyle","getComputedStyle","parseFloat","paddingLeft","paddingRight","IntersectionObserver","entries","observer","intersectionRatio","setAriaLabels","storeId","ComponentStore","init","unobserve","observe","focusVisible","tabGroup","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","mutations","some","mutation","attributeName","attributes","childList","subtree","requestAnimationFrame","dir","ownerDocument","disconnect","h","Host","class","Object","assign","createColorClasses","color","legacy","part","ref","nano-tab-group","nano-tab-group--top","nano-tab-group--start","nano-tab-group--has-scroll-controls","nano-tab-group--has-scroll-controls-left","nano-tab-group--has-scroll-controls-right","onClick","onKeyDown","nano-tab-group__scroll-button","nano-tab-group__scroll-button--left","btn","onScroll","role","nano-tab-group__scroll-button--right","onTouchStart","onTouchEnd"],"mappings":"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","sourcesContent":["@import \"../../global/style/utilities/globals\";\n@import \"../../global/style/nano-theme/form\";\n@import \"../../global/style/nano-theme/base\";\n@import \"../../global/style/nano-theme/layers\";\n\n/**\n  * @prop --indicator-transition: Only relevant to placement 'start'. defaults to #{$transition-fast};\n  * @prop --indicator-color: defaults to #{$color-lightblue} on placement 'top' and #{$color-blue} on placement 'start';\n  * @prop --indicator-track-color: Only relevant to placement 'start'. defaults to #{$color-lightgrey};\n  * @prop --indicator-size: defaults to 5px on placement 'top' and 2px on placement 'start';\n\n  * @prop --border-radius: defaults to #{$layer-border-radius};\n  * @prop --background-rgb: will be used as the default background colour for tabs and content. defaults to #{$layer-bg-color-rgb};\n  * @prop --shadow-opacity: opacity of the shadow behind tabs. defaults to 0.1;\n  * @prop --scroll-btn-color: defaults to 'currentColor';\n\n  * @prop --content-padding: defaults to 2rem 2.5rem;\n  * @prop --content-bg: defaults to rgb(var(--background-rgb));\n  * @prop --content-border-radius: defaults to var(--border-radius);\n\n  * @prop --tabs-padding-start: defaults to 2.5rem on placement 'top' and 0 on placement 'start';\n  * @prop --tabs-padding-end: defaults to 2.5rem on placement 'top' and 0 on placement 'start';\n  * @prop --tabs-padding-top: defaults to 0;\n  * @prop --tabs-padding-bottom: defaults to 0;\n  * @prop --tabs-bg-rgb: defaults to var(--bg-color);\n  * @prop --tab-border-radius: defaults to var(--border-radius);\n  * @prop --tab-text-color: defaults to #{$color-blue} on placement 'top' and #{$color-darkgrey} on placement 'start';\n  */\n\n:host {\n  --indicator-transition: #{$transition-fast};\n  --indicator-color: #{$color-lightblue};\n  --indicator-track-color: #{$color-lightgrey};\n  --indicator-size: 5px;\n\n  --border-radius: #{$layer-border-radius};\n  --background-rgb: #{$layer-bg-color-rgb};\n  --scroll-btn-color: 'currentColor';\n\n  --content-padding: 2rem 2.5rem;\n  --content-bg: rgb(var(--background-rgb));\n  --content-border-radius: var(--border-radius);\n\n  --tabs-padding-start: 2.5rem;\n  --tabs-padding-end: 2.5rem;\n  --tabs-padding-top: 0;\n  --tabs-padding-bottom: 0;\n  --tabs-bg-rgb: var(--background-rgb);\n  --tab-border-radius: var(--border-radius);\n  --tab-text-color: #{$color-blue};\n\n  --shadow-opacity: 0.1;\n\n  display: block;\n  position: relative;\n  z-index: #{$layer-index-raised};\n\n  @media only screen and (max-width: 768px) {\n    --tabs-padding-start: 1.5rem;\n    --tabs-padding-end: 1.5rem;\n  }\n\n  ::slotted(nano-tab) {\n    --tab-indicator-color: var(--indicator-color);\n    --tab-indicator-size: var(--indicator-size);\n    --bg-rgb: var(--tabs-bg-rgb);\n    --border-radius: var(--tab-border-radius);\n  }\n}\n\n// IE bugfix - set this stuff statically\n:host(.legacy) {\n  ::slotted(nano-tab) {\n    --tab-indicator-color: #{$color-lightblue};\n    --border-radius: 3px;\n    --tab-indicator-size: 5px;\n    --bg-rgb: 255, 255, 255;\n  }\n}\n\n:host([placement=\"start\"]), :host([placement=\"end\"]) {\n  --content-padding: 1rem;\n  --tabs-padding-start: 0;\n  --tabs-padding-end: 0;\n  --tabs-padding-top: 0;\n  --tabs-padding-bottom: 0;\n  --tab-text-color: #{$color-darkgrey};\n  --indicator-color: #{$color-blue};\n  --indicator-size: 2px;\n}\n\n:host(.nano-color) {\n  --indicator-color: var(--nano-color-tint, #{nano-color(primary, tint)});\n  --tab-text-color: rgba(var(--nano-color-base-rgb), .7);\n\n  ::slotted(nano-tab) {\n    --active-text-color: var(--nano-color-shade, #{nano-color(primary, shade)});\n  }\n}\n\n.nano-tab-group {\n  display: flex;\n  border-radius: 0;\n  width: 100%;\n\n  &__tabs {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n\n  &__active-tab-indicator {\n    position: absolute;\n    transition: var(--indicator-transition) transform ease;\n  }\n\n  &__body {\n    background: var(--content-bg);\n  }\n\n  &:not(.focus-visible) ::slotted(nano-tab) {\n    --focus-shadow: none;\n  }\n\n  .nano-tab-group__nav-container {\n    position: relative;\n    display: flex;\n    flex: 1 0 auto;\n  }\n\n  button {\n    appearance: none;\n    background-color: transparent;\n  }\n\n  &__scroll-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    border: unset;\n    z-index: 2;\n    transition: #{$transition-fast} ease opacity;\n    opacity: 0;\n    color: var(--scroll-btn-color);\n\n    &:focus {\n      outline: none;\n    }\n\n    &.is-shown {\n      opacity: 1;\n    }\n\n    &.focus-visible:focus {\n      box-shadow: #{$control-focus-style} inset;\n    }\n\n    &--left {\n      left: 0;\n    }\n\n    &--right {\n      right: 0;\n    }\n\n    nano-icon {\n      font-size: 16px;\n    }\n  }\n\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n  // Top\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n  &--top {\n    flex-direction: column;\n\n    .nano-tab-group__nav-container {\n      &::after {\n        content: '';\n        width: 86%;\n        box-shadow: 0 10px 40px 10px rgba(0, 0, 0, var(--shadow-opacity)) ;\n        height: 10px;\n        position: absolute;\n        left: 7%;\n        bottom: -10px;\n        border-radius: 10px;\n        z-index: -1;\n      }\n    }\n\n    .nano-tab-group__nav {\n      @include hide-scrollbar();\n      @include padding(var(--tabs-padding-top), var(--tabs-padding-end), var(--tabs-padding-bottom), var(--tabs-padding-start));\n      display: flex;\n      overflow-x: auto;\n      overflow-y: hidden;\n      transition: #{$transition-medium} ease;\n      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);\n      mask-repeat: no-repeat;\n      mask-image: linear-gradient(\n        to left,\n        rgba(0,0,0,0) 0,\n        rgba(0,0,0,0) var(--tabs-padding-start),\n        rgba(0,0,0,1) calc(var(--tabs-padding-start) * 2),\n        rgba(0,0,0,1) calc(100% - (var(--tabs-padding-end) * 2)),\n        rgba(0,0,0,0) calc(100% - var(--tabs-padding-end)),\n        rgba(0,0,0,0)\n      );\n      mask-size: calc(100% + calc(var(--tabs-padding-end) * 4));\n      mask-position: calc(var(--tabs-padding-end) * -2);\n\n      &::after {\n        content: ' ';\n        @include padding(var(--tabs-padding-top), var(--tabs-padding-end), var(--tabs-padding-bottom), 0);\n        line-height: 1;\n        flex: 0 0 auto;\n      }\n    }\n\n    &.nano-tab-group--has-scroll-controls-left {\n      .nano-tab-group__nav {\n        mask-position: 0px;\n        mask-size: calc(100% + (var(--tabs-padding-end) * 2));\n      }\n    }\n\n    &.nano-tab-group--has-scroll-controls-right {\n      .nano-tab-group__nav {\n        mask-position: calc(var(--tabs-padding-end) * -1);\n        mask-size: calc(100% + var(--tabs-padding-end));\n      }\n    }\n\n    &.nano-tab-group--has-scroll-controls-left.nano-tab-group--has-scroll-controls-right {\n      .nano-tab-group__nav {\n        mask-size: 100%;\n        mask-position: 0;\n      }\n    }\n\n    .nano-tab-group__tabs {\n      flex: 1 1 auto;\n      position: relative;\n      flex-direction: row;\n      text-align: center;\n      color: var(--tab-text-color);\n      width: auto;\n    }\n\n    .nano-tab-group__body {\n      order: 2;\n      background: var(--content-bg);\n      position: relative;\n      overflow: hidden;\n      width: auto;\n      display: flex;\n      justify-content: center;\n      padding: var(--content-padding);\n      border-radius: var(--content-border-radius);\n    }\n  }\n\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n  // Start\n  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n  &--start {\n    flex-direction: row;\n\n    .nano-tab-group__tabs {\n      flex: 0 0 auto;\n      flex-direction: column;\n      color: var(--tab-text-color);\n      background: rgb(var(--tabs-bg-rgb));\n\n      @include ltr-host() {\n        border-left: solid var(--indicator-size) var(--indicator-track-color);\n        text-align: left;\n      }\n\n      @include rtl-host() {\n        border-right: solid var(--indicator-size) var(--indicator-track-color);\n        text-align: right;\n      }\n    }\n\n    .nano-tab-group__active-tab-indicator {\n      @include ltr-host() {\n        left: calc(-1 * 2px);\n        border-left: solid var(--indicator-size) var(--indicator-color);\n      }\n\n      @include rtl-host() {\n        right: calc(-1 * 2px);\n        border-right: solid var(--indicator-size) var(--indicator-color);\n      }\n    }\n\n    .nano-tab-group__body {\n      flex: 1 1 auto;\n      order: 2;\n      padding: var(--content-padding);\n      overflow: hidden;\n      @include border-radius(0, var(--content-border-radius), var(--content-border-radius), 0)\n    }\n  }\n}\n","import {\n  Component,\n  Element,\n  ComponentInterface,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { scrollIntoView } from '../../utils/scroll';\nimport { focusVisible } from '../../utils/focus-visible';\nimport {\n  displayTransition,\n  createColorClasses,\n  getOffset,\n} from '../../utils/utils';\nimport { Color } from '../../interface';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\n/**\n * A tradtional tab implementation. It nests `nano-tab` and `nano-tab-content` sub-components.\n *\n * Tabs can be stacked vertically or horizontally (which presents different styling variations) using the `placement` attribute.\n * Horizonal tabs that don't fit will overflow and scroll appropriately.\n * Tab-content can also be swiped to change tabs.\n *\n * @slot tabs - Add `nano-tab` elements to add clickable tabs.\n * @slot tab-content-header = a header bar displayed above tab content.\n * @slot - Add `nano-tab-content` elements to add tabbable content.\n */\n\n@Component({\n  tag: 'nano-tab-group',\n  styleUrl: 'tab-group.scss',\n  shadow: true,\n})\nexport class TabGroup implements ComponentInterface {\n  private activeTab: HTMLNanoTabElement;\n  private activePanel: HTMLNanoTabContentElement;\n  private activeTabIndicator: HTMLElement;\n  private nav: HTMLElement;\n  private tabGroup: HTMLElement;\n  private tabs: HTMLElement;\n  private rightBtn: HTMLButtonElement;\n  private leftBtn: HTMLButtonElement;\n\n  private isRtl: boolean;\n  private initialTouchX: number = null;\n  private initialTouchY: number = null;\n\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n\n  @Element() host: HTMLNanoTabGroupElement;\n\n  @State() hasScrollControls = false;\n  @State() hideControlRight = true;\n  @State() hideControlLeft = true;\n  @State() isLegacy = !document.head.attachShadow;\n  @State() tab: string;\n\n  /**\n   * The placement of the tabs.\n   */\n  @Prop() placement: 'top' | 'start' = 'top';\n\n  /**\n   * Disables the scroll arrows that appear when tabs overflow.\n   */\n  @Prop() noScrollControls = false;\n\n  /**\n   * The color to use from the application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Store the currently open tab (against this ID) in the component store.\n   * Use in conjunction with storeMethod\n   */\n  @Prop() storeId?: string;\n\n  /**\n   * The method of storage.\n   * Either session storage, url hash (after the '#') or url query (after the '?').\n   */\n  @Prop() storeMethod: StorageMethods = 'session';\n\n  @Watch('tab')\n  handleTabNameChange() {\n    if (this.activeTab && this.activeTab.panel === this.tab) return;\n    const tab = this.getAllTabs().find((el) => el.panel === this.tab);\n    this.setActiveTab(tab);\n  }\n\n  @Watch('placement')\n  handlePlacementChange() {\n    this.syncActiveTabIndicator();\n  }\n\n  @Watch('noScrollControls')\n  handleNoScrollControlsChange() {\n    this.updateScrollControls();\n  }\n\n  @Watch('hideControlRight')\n  hideRightBtn() {\n    if (!this.rightBtn) return;\n    displayTransition(this.rightBtn, 'is-shown', !this.hideControlRight);\n  }\n\n  @Watch('hideControlLeft')\n  hideLeftBtn() {\n    if (!this.leftBtn) return;\n    displayTransition(this.leftBtn, 'is-shown', !this.hideControlLeft);\n  }\n\n  @Watch('hasScrollControls')\n  watchScrollControls() {\n    if (this.hasScrollControls) setTimeout((_) => this.handleTabScroll(), 20);\n    else\n      setTimeout((_) => {\n        this.hideControlLeft = this.hideControlRight = true;\n      }, 20);\n  }\n\n  /** Emitted when a tab is shown. */\n  @Event() nanoTabShow: EventEmitter;\n\n  /** Emitted when a tab is hidden. */\n  @Event() nanoTabHide: EventEmitter;\n\n  /** Shows the specified tab panel. */\n  @Method()\n  async show(panel: string) {\n    if (this.activeTab && this.activeTab.panel === panel) return;\n\n    const tabs = this.getAllTabs();\n    const tab = tabs.find((el) => el.panel === panel);\n\n    if (tab) this.setActiveTab(tab);\n  }\n\n  // Internal Methods\n\n  private getAllTabs(includeDisabled = false) {\n    const tabs = Array.from(this.host.querySelectorAll('nano-tab')) as [\n      HTMLNanoTabElement\n    ];\n    if (includeDisabled) return tabs;\n    return tabs.filter((el: any) => !el.disabled);\n  }\n\n  private getAllPanels() {\n    return Array.from(this.host.querySelectorAll('nano-tab-content')) as [\n      HTMLNanoTabContentElement\n    ];\n  }\n\n  private getActiveTab() {\n    return this.getAllTabs().find((el) => el.active);\n  }\n\n  private updateScrollControls = () => {\n    if (this.noScrollControls) {\n      this.hasScrollControls = false;\n    } else {\n      this.hasScrollControls =\n        ['top'].includes(this.placement) &&\n        this.nav.scrollWidth > this.nav.clientWidth &&\n        this.nav.scrollWidth > this.tabs.clientWidth;\n    }\n  };\n\n  private setActiveTab(tab: HTMLNanoTabElement, emitEvents = true) {\n    if (tab && tab !== this.activeTab && !tab.disabled) {\n      const previousTab = this.activeTab;\n      this.activeTab = tab;\n      this.tab = tab.panel;\n\n      // Sync tabs and panels\n      this.getAllTabs().map((el) => (el.active = el === this.activeTab));\n      this.getAllPanels().map((el) => {\n        if (el.name === this.activeTab.panel) {\n          el.active = true;\n          this.activePanel = el;\n        } else el.active = false;\n        el.removeAttribute('animation-dir');\n      });\n      // active tab can be changed on init - this won't be ready. No big thing\n      // try {\n      this.syncActiveTabIndicator();\n      if (['top'].includes(this.placement)) {\n        scrollIntoView(this.activeTab, this.nav, 'horizontal', 'center');\n      }\n      // }\n      // catch(e) {}\n\n      // Emit events\n      if (emitEvents) {\n        if (previousTab) {\n          this.nanoTabHide.emit({ name: previousTab.panel });\n        }\n\n        this.nanoTabShow.emit({ name: this.activeTab.panel });\n      }\n    }\n  }\n\n  private setAriaLabels() {\n    const tabs = this.getAllTabs();\n    const panels = this.getAllPanels();\n\n    // Link each tab with its corresponding panel\n    tabs.map((tab) => {\n      const panel = panels.find((el) => el.name === tab.panel);\n      if (panel) {\n        tab.setAttribute('aria-controls', panel.getAttribute('id'));\n        panel.setAttribute('aria-labelledby', tab.getAttribute('id'));\n      }\n    });\n  }\n\n  private syncActiveTabIndicator() {\n    this.getAllTabs(true).forEach((tab) =>\n      tab.setAttribute(\n        'direction',\n        this.placement === 'top' ? 'horizontal' : 'vertical'\n      )\n    );\n\n    const tab = this.getActiveTab();\n    const width = tab.clientWidth;\n    const height = tab.clientHeight;\n    const offset = getOffset(tab, this.nav);\n    const offsetTop = offset.top + this.nav.scrollTop;\n    const offsetLeft = offset.left + this.nav.scrollLeft;\n\n    switch (this.placement) {\n      case 'top':\n        this.activeTabIndicator.style.width = `${width}px`;\n        this.activeTabIndicator.style.height = null;\n        this.activeTabIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'start':\n        this.activeTabIndicator.style.width = null;\n        this.activeTabIndicator.style.height = `${height}px`;\n        this.activeTabIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n  }\n\n  private getNavWidth() {\n    if (!this.nav) return 0;\n    const computedStyle = getComputedStyle(this.nav);\n    let clientWidth = this.nav.clientWidth;\n    return (clientWidth -=\n      parseFloat(computedStyle.paddingLeft) +\n      parseFloat(computedStyle.paddingRight));\n  }\n\n  // Event handlers\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('nano-tab');\n\n    if (tab) this.setActiveTab(tab);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      const target = event.target as HTMLElement;\n      const tab = target.closest('nano-tab');\n\n      if (tab) {\n        this.setActiveTab(tab);\n        event.preventDefault();\n      }\n    }\n\n    // Move focus left or right\n    if (\n      [\n        'ArrowLeft',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowDown',\n        'Home',\n        'End',\n      ].includes(event.key)\n    ) {\n      const activeEl = document.activeElement as any;\n\n      if (activeEl && activeEl.tagName.toLowerCase() === 'nano-tab') {\n        const tabs = this.getAllTabs();\n        let index = tabs.indexOf(activeEl);\n\n        if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = tabs.length - 1;\n        } else if (\n          (this.isRtl && event.key === 'ArrowRight') ||\n          (!this.isRtl && event.key === 'ArrowLeft')\n        ) {\n          index = Math.max(0, index - 1);\n        } else if (\n          (this.isRtl && event.key === 'ArrowLeft') ||\n          (!this.isRtl && event.key === 'ArrowRight')\n        ) {\n          index = Math.min(tabs.length - 1, index + 1);\n        }\n        tabs[index].setFocus();\n\n        if (['top'].includes(this.placement)) {\n          scrollIntoView(tabs[index], this.nav, 'horizontal', 'center');\n        }\n        event.preventDefault();\n      }\n    }\n  };\n\n  private handleTabScroll = () => {\n    if (!this.hasScrollControls) {\n      this.hideControlLeft = this.hideControlRight = true;\n      return;\n    }\n    let endRight = this.isRtl\n      ? this.nav.scrollLeft === 0\n      : this.nav.scrollWidth - this.nav.scrollLeft === this.nav.clientWidth;\n    let endLeft = this.isRtl\n      ? this.nav.scrollWidth + this.nav.scrollLeft === this.nav.clientWidth\n      : this.nav.scrollLeft === 0;\n\n    if (endLeft) {\n      this.hideControlLeft = true;\n      this.hideControlRight = false;\n    } else if (endRight) {\n      this.hideControlLeft = false;\n      this.hideControlRight = true;\n    } else {\n      this.hideControlRight = false;\n      this.hideControlLeft = false;\n    }\n  };\n\n  private handleBtnClick = (goRight: boolean = false) => {\n    const navWidth = this.getNavWidth();\n    let leftAmt;\n    if (goRight) leftAmt = this.nav.scrollLeft + navWidth - 20;\n    else leftAmt = this.nav.scrollLeft - navWidth + 20;\n\n    try {\n      this.nav.scroll({\n        left: leftAmt,\n        behavior: 'smooth',\n      });\n    } catch (e) {\n      this.nav.scrollLeft = leftAmt;\n    }\n  };\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    this.initialTouchX = touch.pageX;\n    this.initialTouchY = touch.pageY;\n  };\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled\n    const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled\n    const threshold = 70;\n\n    var xDiff = this.initialTouchX - touch.clientX;\n    var yDiff = this.initialTouchY - touch.clientY;\n\n    const isHorizontalSwipe =\n      Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\n\n    const tabs = this.getAllTabs();\n    const currIndex = tabs.findIndex((el) => el.active);\n\n    if (isHorizontalSwipe) {\n      const toGo =\n        (distX < 0 && this.placement === 'top') ||\n        (distX > 0 && this.placement !== 'top')\n          ? 1\n          : -1;\n\n      if (tabs[currIndex + toGo]) {\n        this.setActiveTab(tabs[currIndex + toGo]);\n\n        if (Math.abs(xDiff) > Math.abs(yDiff)) {\n          if (xDiff > 0) this.activePanel.setAttribute('animation-dir', 'left');\n          else this.activePanel.setAttribute('animation-dir', 'right');\n        }\n      }\n    }\n    this.initialTouchX = null;\n    this.initialTouchY = null;\n  };\n\n  // Stencil hooks\n\n  componentDidLoad() {\n    // Initial IO - watching for all content to be loaded\n    const observer = new IntersectionObserver((entries, observer) => {\n      if (entries[0].intersectionRatio > 0) {\n        this.setAriaLabels();\n        this.setActiveTab(this.getActiveTab() || this.getAllTabs()[0], false);\n\n        if (this.storeId)\n          ComponentStore.init(this, ['tab'], this.storeMethod, this.storeId);\n        observer.unobserve(entries[0].target);\n      }\n    });\n    observer.observe(this.host);\n    focusVisible.observe(this.tabGroup);\n\n    if (this.leftBtn) {\n      focusVisible.observe(this.leftBtn);\n      focusVisible.observe(this.rightBtn);\n    }\n\n    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());\n    this.resizeObserver.observe(this.nav);\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      if (\n        mutations.some((mutation) => {\n          return !['aria-labelledby', 'aria-controls'].includes(\n            mutation.attributeName\n          );\n        })\n      ) {\n        setTimeout(() => this.setAriaLabels());\n      }\n      setTimeout(() => this.handleTabScroll(), 500);\n    });\n    this.mutationObserver.observe(this.host, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    requestAnimationFrame(() => this.updateScrollControls());\n  }\n\n  connectedCallback() {\n    this.isRtl =\n      this.host.dir === 'rtl' ||\n      (this.host.ownerDocument as Document).dir === 'rtl';\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) this.mutationObserver.disconnect();\n\n    focusVisible.unobserve(this.tabGroup);\n    if (this.leftBtn) {\n      focusVisible.unobserve(this.leftBtn);\n      focusVisible.unobserve(this.rightBtn);\n    }\n    if (this.resizeObserver) this.resizeObserver.unobserve(this.nav);\n  }\n\n  render() {\n    this.isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color), legacy: this.isLegacy }}\n        dir={this.isRtl ? 'rtl' : null}\n      >\n        <div\n          part=\"base\"\n          ref={(el) => (this.tabGroup = el)}\n          class={{\n            'nano-tab-group': true,\n            'nano-tab-group--top': this.placement === 'top',\n            'nano-tab-group--start': this.placement === 'start',\n            'nano-tab-group--has-scroll-controls': this.hasScrollControls,\n            'nano-tab-group--has-scroll-controls-left': !this.hideControlLeft,\n            'nano-tab-group--has-scroll-controls-right': !this.hideControlRight,\n          }}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div class=\"nano-tab-group__nav-container\">\n            {this.placement === 'top' && (\n              <button\n                class={{\n                  'nano-tab-group__scroll-button': true,\n                  'nano-tab-group__scroll-button--left': true,\n                }}\n                ref={(btn) => (this.leftBtn = btn)}\n                onClick={() => this.handleBtnClick(false)}\n              >\n                <nano-icon name=\"light/chevron-left\"></nano-icon>\n              </button>\n            )}\n            <div\n              ref={(el) => (this.nav = el)}\n              key=\"nav\"\n              part=\"nav\"\n              class=\"nano-tab-group__nav\"\n              onScroll={this.handleTabScroll}\n            >\n              <div\n                ref={(el) => (this.tabs = el)}\n                part=\"tabs\"\n                class=\"nano-tab-group__tabs\"\n                role=\"tablist\"\n              >\n                <div\n                  ref={(el) => (this.activeTabIndicator = el)}\n                  part=\"active-tab-indicator\"\n                  class=\"nano-tab-group__active-tab-indicator\"\n                />\n                <slot name=\"tabs\" />\n              </div>\n            </div>\n            {this.placement === 'top' && (\n              <button\n                class={{\n                  'nano-tab-group__scroll-button': true,\n                  'nano-tab-group__scroll-button--right': true,\n                }}\n                ref={(btn) => (this.rightBtn = btn)}\n                onClick={() => this.handleBtnClick(true)}\n              >\n                <nano-icon name=\"light/chevron-right\"></nano-icon>\n              </button>\n            )}\n          </div>\n          <slot name=\"tab-content-header\" />\n          <div\n            part=\"body\"\n            class=\"nano-tab-group__body\"\n            onTouchStart={this.handleTouchStart}\n            onTouchEnd={this.handleTouchEnd}\n          >\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-6ecf2f5c.js

@@ -1,2 +0,0 @@
-const n=/^(\d{4})-(\d{2})-(\d{2})$/;var t;function r(n,t,r){var e=parseInt(r,10),a=parseInt(t,10),u=parseInt(n,10);if(Number.isInteger(u)&&Number.isInteger(a)&&Number.isInteger(e)&&a>0&&a<=12&&e>0&&e<=31&&u>0)return new Date(u,a-1,e)}function e(t){if(!t)return;const e=t.match(n);return e?r(e[1],e[2],e[3]):void 0}function a(n){if(!n)return"";var t=n.getDate().toString(10),r=(n.getMonth()+1).toString(10),e=n.getFullYear().toString(10);return n.getDate()<10&&(t=`0${t}`),n.getMonth()<9&&(r=`0${r}`),`${e}-${r}-${t}`}function u(n,t){var r=new Date(n);return r.setDate(r.getDate()+t),r}function s(n,r=t.Monday){var e=new Date(n),a=e.getDay(),u=(a<r?7:0)+a-r;return e.setDate(e.getDate()-u),e}function o(n,r=t.Monday){var e=new Date(n),a=e.getDay(),u=6+(a<r?-7:0)-(a-r);return e.setDate(e.getDate()+u),e}function c(n){return new Date(n.getFullYear(),n.getMonth(),1)}function i(n){return new Date(n.getFullYear(),n.getMonth()+1,0)}function f(n,t){const r=new Date(n);return r.setMonth(t),r}function $(n,t){const r=new Date(n);return r.setFullYear(t),r}function d(n,t,r){return D(n,t,r)===n}function D(n,t,r){const e=n.getTime();return t&&t instanceof Date&&e<t.getTime()?t:r&&r instanceof Date&&e>r.getTime()?r:n}function w(){return Math.random().toString(16).slice(-4)}function v(n){return`${n}-${w()}${w()}-${w()}-${w()}-${w()}-${w()}${w()}${w()}`}!function(n){n[n.Sunday=0]="Sunday",n[n.Monday=1]="Monday",n[n.Tuesday=2]="Tuesday",n[n.Wednesday=3]="Wednesday",n[n.Thursday=4]="Thursday",n[n.Friday=5]="Friday",n[n.Saturday=6]="Saturday"}(t||(t={}));export{t as D,a,v as b,r as c,u as d,o as e,f,c as g,i as h,d as i,D as j,$ as k,e as p,s}
-//# sourceMappingURL=p-6ecf2f5c.js.map

package/dist/nano-components/p-6ecf2f5c.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/date-utils.ts"],"names":["ISO_DATE_FORMAT","DaysOfWeek","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","Number","isInteger","Date","parseISODate","value","matches","match","printISODate","date","d","getDate","toString","m","getMonth","y","getFullYear","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","chr4","Math","random","slice","createIdentifier","prefix"],"mappings":"AAAA,MAAMA,EAAkB,gCAEZC,WAUIC,EAAWC,EAAcC,EAAeC,GACtD,IAAIC,EAASC,SAASF,EAAK,IACvBG,EAAWD,SAASH,EAAO,IAC3BK,EAAUF,SAASJ,EAAM,IAY7B,GATEO,OAAOC,UAAUF,IACjBC,OAAOC,UAAUH,IACjBE,OAAOC,UAAUL,IACjBE,EAAW,GACXA,GAAY,IACZF,EAAS,GACTA,GAAU,IACVG,EAAU,EAGV,OAAO,IAAIG,KAAKH,EAASD,EAAW,EAAGF,YAO3BO,EAAaC,GAC3B,IAAKA,EACH,OAGF,MAAMC,EAAUD,EAAME,MAAMhB,GAC5B,OAAIe,EACKb,EAAWa,EAAQ,GAAIA,EAAQ,GAAIA,EAAQ,SADpD,WAScE,EAAaC,GAC3B,IAAKA,EACH,MAAO,GAGT,IAAIC,EAAID,EAAKE,UAAUC,SAAS,IAC5BC,GAAKJ,EAAKK,WAAa,GAAGF,SAAS,IACnCG,EAAIN,EAAKO,cAAcJ,SAAS,IAYpC,OATIH,EAAKE,UAAY,KACnBD,EAAI,IAAIA,KAIND,EAAKK,WAAa,IACpBD,EAAI,IAAIA,KAGH,GAAGE,KAAKF,KAAKH,aAkBNO,EAAQR,EAAYS,GAClC,IAAIR,EAAI,IAAIP,KAAKM,GAEjB,OADAC,EAAES,QAAQT,EAAEC,UAAYO,GACjBR,WAeOU,EACdX,EACAY,EAA6B7B,EAAW8B,QAExC,IAAIZ,EAAI,IAAIP,KAAKM,GACbb,EAAMc,EAAEa,SACRC,GAAQ5B,EAAMyB,EAAiB,EAAI,GAAKzB,EAAMyB,EAGlD,OADAX,EAAES,QAAQT,EAAEC,UAAYa,GACjBd,WAGOe,EACdhB,EACAY,EAA6B7B,EAAW8B,QAExC,IAAIZ,EAAI,IAAIP,KAAKM,GACbb,EAAMc,EAAEa,SACRC,EAAyC,GAAjC5B,EAAMyB,GAAkB,EAAI,IAAUzB,EAAMyB,GAGxD,OADAX,EAAES,QAAQT,EAAEC,UAAYa,GACjBd,WAGOgB,EAAajB,GAC3B,OAAO,IAAIN,KAAKM,EAAKO,cAAeP,EAAKK,WAAY,YAGvCa,EAAWlB,GACzB,OAAO,IAAIN,KAAKM,EAAKO,cAAeP,EAAKK,WAAa,EAAG,YAG3Cc,EAASnB,EAAYd,GACnC,MAAMe,EAAI,IAAIP,KAAKM,GAEnB,OADAC,EAAEkB,SAASjC,GACJe,WAGOmB,EAAQpB,EAAYf,GAClC,MAAMgB,EAAI,IAAIP,KAAKM,GAEnB,OADAC,EAAEoB,YAAYpC,GACPgB,WAMOqB,EAAQtB,EAAYuB,EAAYC,GAC9C,OAAOC,EAAMzB,EAAMuB,EAAKC,KAASxB,WAMnByB,EAAMzB,EAAYuB,EAAYC,GAC5C,MAAME,EAAO1B,EAAK2B,UAElB,OAAIJ,GAAOA,aAAe7B,MAAQgC,EAAOH,EAAII,UACpCJ,EAELC,GAAOA,aAAe9B,MAAQgC,EAAOF,EAAIG,UACpCH,EAEFxB,WAwCO4B,IACd,OAAOC,KAAKC,SAAS3B,SAAS,IAAI4B,OAAO,YAO3BC,EAAiBC,GAC/B,MAAO,GAAGA,KAAUL,MAASA,OAAUA,OAAUA,OAAUA,OAAUA,MAASA,MAASA,OAvNzF,SAAY7C,GACVA,EAAAA,EAAA,OAAA,GAAA,SACAA,EAAAA,EAAA,OAAA,GAAA,SACAA,EAAAA,EAAA,QAAA,GAAA,UACAA,EAAAA,EAAA,UAAA,GAAA,YACAA,EAAAA,EAAA,SAAA,GAAA,WACAA,EAAAA,EAAA,OAAA,GAAA,SACAA,EAAAA,EAAA,SAAA,GAAA,WAPF,CAAYA,IAAAA,EAAU","sourcesContent":["const ISO_DATE_FORMAT = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nexport enum DaysOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport function createDate(year: string, month: string, day: string): Date {\n  var dayInt = parseInt(day, 10);\n  var monthInt = parseInt(month, 10);\n  var yearInt = parseInt(year, 10);\n\n  const isValid =\n    Number.isInteger(yearInt) && // all parts should be integers\n    Number.isInteger(monthInt) &&\n    Number.isInteger(dayInt) &&\n    monthInt > 0 && // month must be 1-12\n    monthInt <= 12 &&\n    dayInt > 0 && // day must be 1-31\n    dayInt <= 31 &&\n    yearInt > 0;\n\n  if (isValid) {\n    return new Date(yearInt, monthInt - 1, dayInt);\n  }\n}\n\n/**\n * @param value date string in ISO format YYYY-MM-DD\n */\nexport function parseISODate(value: string): Date {\n  if (!value) {\n    return;\n  }\n\n  const matches = value.match(ISO_DATE_FORMAT);\n  if (matches) {\n    return createDate(matches[1], matches[2], matches[3]);\n  }\n}\n\n/**\n * print date in format YYYY-MM-DD\n * @param date\n */\nexport function printISODate(date: Date): string {\n  if (!date) {\n    return '';\n  }\n\n  var d = date.getDate().toString(10);\n  var m = (date.getMonth() + 1).toString(10);\n  var y = date.getFullYear().toString(10);\n\n  // days are not zero-indexed, so pad if less than 10\n  if (date.getDate() < 10) {\n    d = `0${d}`;\n  }\n\n  // months *are* zero-indexed, pad if less than 9!\n  if (date.getMonth() < 9) {\n    m = `0${m}`;\n  }\n\n  return `${y}-${m}-${d}`;\n}\n\n/**\n * Compare if two dates are equal in terms of day, month, and year\n */\nexport function isEqual(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false;\n  }\n\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function addDays(date: Date, days: number): Date {\n  var d = new Date(date);\n  d.setDate(d.getDate() + days);\n  return d;\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  const d = new Date(date);\n  d.setMonth(date.getMonth() + months);\n  return d;\n}\n\nexport function addYears(date: Date, years: number): Date {\n  const d = new Date(date);\n  d.setFullYear(date.getFullYear() + years);\n  return d;\n}\n\nexport function startOfWeek(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date {\n  var d = new Date(date);\n  var day = d.getDay();\n  var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\n\n  d.setDate(d.getDate() - diff);\n  return d;\n}\n\nexport function endOfWeek(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date {\n  var d = new Date(date);\n  var day = d.getDay();\n  var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\n\n  d.setDate(d.getDate() + diff);\n  return d;\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function endOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const d = new Date(date);\n  d.setMonth(month);\n  return d;\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const d = new Date(date);\n  d.setFullYear(year);\n  return d;\n}\n\n/**\n * Check if date is within a min and max\n */\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\n  return clamp(date, min, max) === date;\n}\n\n/**\n * Ensures date is within range, returns min or max if out of bounds\n */\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\n  const time = date.getTime();\n\n  if (min && min instanceof Date && time < min.getTime()) {\n    return min;\n  }\n  if (max && max instanceof Date && time > max.getTime()) {\n    return max;\n  }\n  return date;\n}\n\n/**\n * given start and end date, return an (inclusive) array of all dates in between\n * @param start\n * @param end\n */\nfunction getDaysInRange(start: Date, end: Date): Date[] {\n  const days: Date[] = [];\n  let current = start;\n\n  while (!isEqual(current, end)) {\n    days.push(current);\n    current = addDays(current, 1);\n  }\n\n  days.push(current);\n\n  return days;\n}\n\n/**\n * given a date, return an array of dates from a calendar perspective\n * @param date\n * @param firstDayOfWeek\n */\nexport function getViewOfMonth(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date[] {\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\n\n  return getDaysInRange(start, end);\n}\n\n/**\n * Form random hash\n */\nexport function chr4() {\n  return Math.random().toString(16).slice(-4);\n}\n\n/**\n * Create random identifier with a prefix\n * @param prefix\n */\nexport function createIdentifier(prefix) {\n  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;\n}\n"]}

package/dist/nano-components/p-6f57bcc8.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o}from"./p-7a6bc3c5.js";const e=class{constructor(o){t(this,o),this.aspectRatio="16:9",this.fit="cover",this.handleSlotChange=()=>{this.setAspectRatio()}}handleAspectRatioChange(){this.setAspectRatio()}setAspectRatio(){const t=this.aspectRatio.split(":"),o=parseInt(t[0]),e=parseInt(t[1]);this.base.style.paddingBottom=o&&e?e/o*100+"%":null}render(){return o("div",{ref:t=>this.base=t,part:"base",class:{"aspect-ratio":!0,"aspect-ratio--cover":"cover"===this.fit,"aspect-ratio--contain":"contain"===this.fit}},o("slot",{onSlotchange:this.handleSlotChange}))}static get watchers(){return{aspectRatio:["handleAspectRatioChange"]}}};e.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.aspect-ratio{position:relative}.aspect-ratio ::slotted(*){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.aspect-ratio--cover ::slotted(embed),.aspect-ratio--cover ::slotted(iframe),.aspect-ratio--cover ::slotted(img),.aspect-ratio--cover ::slotted(video){-o-object-fit:cover !important;object-fit:cover !important}.aspect-ratio--contain ::slotted(embed),.aspect-ratio--contain ::slotted(iframe),.aspect-ratio--contain ::slotted(img),.aspect-ratio--contain ::slotted(video){-o-object-fit:contain !important;object-fit:contain !important}";export{e as nano_aspect_ratio}
-//# sourceMappingURL=p-6f57bcc8.entry.js.map

package/dist/nano-components/p-6f57bcc8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/aspect-ratio/aspect-ratio.scss?tag=nano-aspect-ratio&encapsulation=shadow","src/components/aspect-ratio/aspect-ratio.tsx"],"names":["AspectRadio","[object Object]","hostRef","this","aspectRatio","fit","handleSlotChange","setAspectRatio","split","x","parseInt","y","base","style","paddingBottom","h","ref","el","part","class","aspect-ratio","aspect-ratio--cover","aspect-ratio--contain","onSlotchange"],"mappings":"2CAAA,MCaaA,EAAW,MALxBC,YAAAC,aAUUC,KAAAC,YAAc,OAGdD,KAAAE,IAA2B,QAO3BF,KAAAG,iBAAmB,KACzBH,KAAKI,kBALPN,0BACEE,KAAKI,iBAOCN,iBACN,MAAMO,EAAQL,KAAKC,YAAYI,MAAM,KAC/BC,EAAIC,SAASF,EAAM,IACnBG,EAAID,SAASF,EAAM,IACzBL,KAAKS,KAAKC,MAAMC,cAAgBL,GAAKE,EAAQA,EAAIF,EAAK,IAAb,IAAsB,KAGjER,SACE,OACEc,EAAA,MAAA,CACEC,IAAMC,GAAQd,KAAKS,KAAOK,EAC1BC,KAAK,OACLC,MAAO,CACLC,gBAAgB,EAChBC,sBAAoC,UAAblB,KAAKE,IAC5BiB,wBAAsC,YAAbnB,KAAKE,MAGhCU,EAAA,OAAA,CAAMQ,aAAcpB,KAAKG,oGDlDV","sourcesContent":[":host {\n  display: block;\n}\n\n.aspect-ratio {\n  position: relative;\n\n  ::slotted(*) {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n  }\n\n  &--cover {\n    ::slotted(embed),\n    ::slotted(iframe),\n    ::slotted(img),\n    ::slotted(video) {\n      object-fit: cover !important;\n    }\n  }\n\n  &--contain {\n    ::slotted(embed),\n    ::slotted(iframe),\n    ::slotted(img),\n    ::slotted(video) {\n      object-fit: contain !important;\n    }\n  }\n}\n","import { Component, Prop, Watch, h, ComponentInterface } from '@stencil/core';\n\n/**\n * Displays media in the desired aspect ratio.\n * You can slot in any replaced element, including `<iframe>`, `<img>`, and `<video>`.\n * As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.\n * The default aspect ratio is 16:9.\n */\n@Component({\n  tag: 'nano-aspect-ratio',\n  styleUrl: 'aspect-ratio.scss',\n  shadow: true,\n})\nexport class AspectRadio implements ComponentInterface {\n  base: HTMLElement;\n\n  /** The aspect ratio of the embedded media in the format of `width:height`, e.g. `16:9`, `4:3`, or `1:1`.\n   * Ratios not in this format will be ignored. */\n  @Prop() aspectRatio = '16:9';\n\n  /** Determines how content will be resized to fit its container. */\n  @Prop() fit: 'cover' | 'contain' = 'cover';\n\n  @Watch('aspectRatio')\n  handleAspectRatioChange() {\n    this.setAspectRatio();\n  }\n\n  private handleSlotChange = () => {\n    this.setAspectRatio();\n  };\n\n  private setAspectRatio() {\n    const split = this.aspectRatio.split(':');\n    const x = parseInt(split[0]);\n    const y = parseInt(split[1]);\n    this.base.style.paddingBottom = x && y ? `${(y / x) * 100}%` : null;\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.base = el)}\n        part=\"base\"\n        class={{\n          'aspect-ratio': true,\n          'aspect-ratio--cover': this.fit === 'cover',\n          'aspect-ratio--contain': this.fit === 'contain',\n        }}\n      >\n        <slot onSlotchange={this.handleSlotChange} />\n      </div>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-72bba223.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-3b21dfce.system.js","./p-a057ad2d.system.js"],(function(n){"use strict";var i,t,r,e,o,a;return{setters:[function(n){i=n.k;t=n.r;r=n.h;e=n.e;o=n.g},function(n){a=n.c}],execute:function(){var s;var c=function(){if(!s){var n=window;n.Nanoicons=n.Nanoicons||{};s=n.Nanoicons.map=n.Nanoicons.map||new Map}return s};var l=function(n){var i=d(n.src);if(i){return i}i=u(n.name,n.icon);if(i){return f(i)}if(n.icon){i=d(n.icon);if(i){return i}}return null};var f=function(n){var t=c().get(n);if(t){return t}return i("../node_modules/@fortawesome/fontawesome-pro/svgs/"+n+".svg")};var u=function(n,i){if(!n&&i&&!v(i)){n=i}if(g(n)){n=h(n)}if(!g(n)||n.trim()===""){return null}var t=n.replace(/[a-z]|-|\/|\d/gi,"");if(t!==""){console.warn("invalid characters in icon name "+n);return null}return n};var d=function(n){if(g(n)){n=n.trim();if(v(n)){return n}}return null};var v=function(n){return n.length>0&&/(\/|\.)/.test(n)};var g=function(n){return typeof n==="string"};var h=function(n){return n.toLowerCase()};var m=function(n){if(n){var i=document.createElement("div");i.innerHTML=n;for(var t=i.childNodes.length-1;t>=0;t--){if(i.childNodes[t].nodeName.toLowerCase()!=="svg"){i.removeChild(i.childNodes[t])}}var r=i.firstElementChild;if(r&&r.nodeName.toLowerCase()==="svg"){var e=r.getAttribute("class")||"";r.setAttribute("class",(e+" sc-nano-icon s-nano-icon svg").trim());if(p(r)){return i.innerHTML}}}return""};var p=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var i=0;i<n.attributes.length;i++){var t=n.attributes[i].value;if(g(t)&&t.toLowerCase().indexOf("on")===0){return false}}for(var i=0;i<n.childNodes.length;i++){if(!p(n.childNodes[i])){return false}}}return true};var b=new Map;var w=new Map;var y=function(n){var i=w.get(n);if(!i){i=fetch(n).then((function(i){if(i.ok){return i.text().then((function(i){b.set(n,m(i))}))}b.set(n,"")}));w.set(n,i)}return i};var x=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:export{screen:1000}:host{--color:var(--nano-color-base, "currentColor");--primary-color:var(--nano-color-tint, "currentColor");--secondary-color:var(--nano-color-shade, "currentColor");--stroke-width:32px;--primary-opacity:.8;--secondary-opacity:1;--icon-size:var(--nano-icon-size, 1em);--icon-margin-top:var(--nano-icon-margin-top, 0);--icon-margin-end:var(--nano-icon-margin-end, 0);--icon-margin-bottom:var(--nano-icon-margin-bottom, 0);--icon-margin-start:var(--nano-icon-margin-start, 0);display:inline-block;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;color:var(--color);margin-left:var(--icon-margin-start);margin-right:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end)}}:host .nanoicon{stroke:currentColor}.nanoicon-fill-none{fill:none}.nanoicon-stroke-width{stroke-width:32px;stroke-width:var(--stroke-width)}.icon-inner,.nanoicon,svg,.svg{display:block;height:100%;width:100%;overflow:visible}:host(.loading){opacity:0}.fa-primary{color:var(--primary-color);opacity:var(--primary-opacity, 1)}.fa-secondary{color:var(--secondary-color);opacity:var(--secondary-opacity) !important}:host(.flip-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.icon-small){font-size:18px !important}:host(.icon-large){font-size:32px !important}';var k=!!document.head.attachShadow;var z=n("nano_icon",function(){function n(n){t(this,n);this.isVisible=false;this.isLoading=true;this.lazy=true}n.prototype.setAriaLabel=function(){if(!this.ariaLabel){var n=u(this.name,this.icon);if(n){this.ariaLabel=n.split("/").slice(-1)[0].replace(/\-/g," ")}}};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.componentWillLoad=function(){this.setAriaLabel()};n.prototype.waitUntilVisible=function(n,i,t){var r=this;if(k&&this.lazy&&typeof window!=="undefined"&&window.IntersectionObserver){var e=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting||n[1]&&n[1].isIntersecting){e.disconnect();r.io=undefined;t()}}),{rootMargin:i});e.observe(n)}else{t()}};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var i=l(this);if(i){if(b.has(i)){this.svgContent=b.get(i);this.isLoading=false}else{y(i).then((function(){n.svgContent=b.get(i);n.isLoading=false}))}}}this.setAriaLabel()};n.prototype.render=function(){var n;var i=this.flipRtl||this.name&&(this.name.indexOf("arrow")>-1||this.name.indexOf("chevron")>-1)&&this.el.ownerDocument.dir==="rtl"&&this.flipRtl!==false;return r(e,{role:"img",class:Object.assign(Object.assign({},a(this.color)),(n={loading:this.isLoading},n["icon-"+this.size]=!!this.size,n["flip-rtl"]=!!i,n))},this.svgContent?r("div",{class:"icon-inner",innerHTML:this.svgContent}):r("div",{class:"icon-inner"}))};Object.defineProperty(n,"assetsDirs",{get:function(){return["../../../node_modules/@fortawesome/fontawesome-pro/svgs"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}());z.style=x}}}));
-//# sourceMappingURL=p-72bba223.system.entry.js.map

package/dist/nano-components/p-72bba223.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/icon/utils.ts","src/components/icon/validate.ts","src/components/icon/request.ts","src/components/icon/icon.scss?tag=nano-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"names":["CACHED_MAP","getIconMap","win","window","Nanoicons","map","Map","getUrl","i","url","getSrc","src","getName","name","icon","getNamedUrl","iconName","get","getAssetPath","isSrc","isStr","toLower","trim","invalidChars","replace","console","warn","str","length","test","val","toLowerCase","validateContent","svgContent","div","document","createElement","innerHTML","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","getAttribute","setAttribute","isValid","elm","nodeType","attributes","value","indexOf","iconContent","requests","getSvgContent","req","fetch","then","rsp","ok","text","set","iconCss","CANSHADOW","head","attachShadow","Icon","exports","class_1","hostRef","this","isVisible","isLoading","lazy","prototype","setAriaLabel","ariaLabel","label","split","slice","connectedCallback","_this","waitUntilVisible","el","loadIcon","disconnectedCallback","io","disconnect","undefined","componentWillLoad","rootMargin","cb","IntersectionObserver","io_1","data","isIntersecting","observe","url_1","has","render","flipRtl","ownerDocument","dir","h","Host","role","class","Object","assign","createColorClasses","color","_a","loading","size"],"mappings":"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","sourcesContent":["import { getAssetPath } from '@stencil/core';\nimport { Icon } from './icon';\n\nlet CACHED_MAP: Map<string, string>;\n\nexport const getIconMap = (): Map<string, string> => {\n  if (!CACHED_MAP) {\n    const win = window as any;\n    win.Nanoicons = win.Nanoicons || {};\n    CACHED_MAP = win.Nanoicons.map = win.Nanoicons.map || new Map();\n  }\n  return CACHED_MAP;\n};\n\nexport const addIcons = (icons: { [name: string]: string }) => {\n  const map = getIconMap();\n  Object.keys(icons).forEach((name) => map.set(name, icons[name]));\n};\n\nexport const getUrl = (i: Icon) => {\n  let url = getSrc(i.src);\n  if (url) {\n    return url;\n  }\n\n  url = getName(i.name, i.icon);\n  if (url) {\n    return getNamedUrl(url);\n  }\n\n  if (i.icon) {\n    url = getSrc(i.icon);\n    if (url) {\n      return url;\n    }\n  }\n  return null;\n};\n\nconst getNamedUrl = (iconName: string) => {\n  const url = getIconMap().get(iconName);\n  if (url) {\n    return url;\n  }\n  return getAssetPath(\n    `../node_modules/@fortawesome/fontawesome-pro/svgs/${iconName}.svg`\n  );\n};\n\nexport const getName = (\n  iconName: string | undefined,\n  icon: string | undefined\n) => {\n  if (!iconName && icon && !isSrc(icon)) {\n    iconName = icon;\n  }\n  if (isStr(iconName)) {\n    iconName = toLower(iconName);\n  }\n\n  if (!isStr(iconName) || iconName.trim() === '') {\n    return null;\n  }\n\n  // only allow alpha characters and dash\n  const invalidChars = iconName.replace(/[a-z]|-|\\/|\\d/gi, '');\n  if (invalidChars !== '') {\n    console.warn('invalid characters in icon name ' + iconName);\n    return null;\n  }\n  return iconName;\n};\n\nexport const getSrc = (src: string | undefined) => {\n  if (isStr(src)) {\n    src = src.trim();\n    if (isSrc(src)) {\n      return src;\n    }\n  }\n  return null;\n};\n\nexport const isSrc = (str: string) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val: any): val is string => typeof val === 'string';\nexport const toLower = (val: string) => val.toLowerCase();\n","import { isStr } from './utils';\n\nexport const validateContent = (svgContent: string | null) => {\n  if (svgContent) {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n      if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n        div.removeChild(div.childNodes[i]);\n      }\n    }\n\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n      const svgClass = svgElm.getAttribute('class') || '';\n      svgElm.setAttribute(\n        'class',\n        (svgClass + ' sc-nano-icon s-nano-icon svg').trim()\n      );\n\n      // root element must be an svg\n      // lets double check we've got valid elements\n      // do not allow scripts\n      if (isValid(svgElm as any)) {\n        return div.innerHTML;\n      }\n    }\n  }\n  return '';\n};\n\nexport const isValid = (elm: HTMLElement) => {\n  if (elm.nodeType === 1) {\n    if (elm.nodeName.toLowerCase() === 'script') {\n      return false;\n    }\n\n    for (let i = 0; i < elm.attributes.length; i++) {\n      const val = elm.attributes[i].value;\n      if (isStr(val) && val.toLowerCase().indexOf('on') === 0) {\n        return false;\n      }\n    }\n\n    for (let i = 0; i < elm.childNodes.length; i++) {\n      if (!isValid(elm.childNodes[i] as any)) {\n        return false;\n      }\n    }\n  }\n  return true;\n};\n","import { validateContent } from './validate';\nexport const iconContent = new Map<string, string>();\nconst requests = new Map<string, Promise<any>>();\n\nexport const getSvgContent = (url: string) => {\n  // see if we already have a request for this url\n  let req = requests.get(url);\n  if (!req) {\n    // we don't already have a request\n    req = fetch(url).then((rsp) => {\n      if (rsp.ok) {\n        return rsp.text().then((svgContent) => {\n          iconContent.set(url, validateContent(svgContent));\n        });\n      }\n      iconContent.set(url, '');\n    });\n\n    // cache for the same requests\n    requests.set(url, req);\n  }\n  return req;\n};\n","@import \"../../global/style/utilities/globals\";\n\n:host {\n  /**\n  * @prop --color: defaults to current context color\n  * @prop --primary-color: used for duotone icons to set the primary color\n  * @prop --secondary-color: used for duotone icons to set the secondary color\n  * @prop --primary-opacity: used for duotone icons to set the primary opacity\n  * @prop --secondary-opacity: used for duotone icons to set the secondary opacity\n  * @prop --stroke-width: 32px default stroke width\n  */\n\n  --color: var(--nano-color-base, 'currentColor');\n  --primary-color: var(--nano-color-tint, 'currentColor');\n  --secondary-color: var(--nano-color-shade, 'currentColor');\n\n  --stroke-width: 32px;\n  --primary-opacity: .8;\n  --secondary-opacity: 1;\n\n  --icon-size: var(--nano-icon-size, 1em);\n  --icon-margin-top: var(--nano-icon-margin-top, 0);\n  --icon-margin-end: var(--nano-icon-margin-end, 0);\n  --icon-margin-bottom: var(--nano-icon-margin-bottom, 0);\n  --icon-margin-start: var(--nano-icon-margin-start, 0);\n\n  display: inline-block;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  min-width: var(--icon-size);\n  min-height: var(--icon-size);\n  contain: strict;\n  fill: currentColor;\n  box-sizing: content-box !important;\n  transition: opacity .3s ease;\n  color: var(--color);\n\n  @include margin(var(--icon-margin-top), var(--icon-margin-end), var(--icon-margin-bottom), var(--icon-margin-start));\n}\n\n:host .nanoicon {\n  stroke: currentColor;\n}\n\n.nanoicon-fill-none {\n  fill: none;\n}\n\n.nanoicon-stroke-width {\n  stroke-width: 32px;\n  stroke-width: var(--stroke-width);\n}\n\n.icon-inner,\n.nanoicon,\nsvg,\n.svg {\n  display: block;\n  height: 100%;\n  width: 100%;\n  overflow: visible;\n}\n\n:host(.loading) {\n  opacity: 0;\n}\n\n.fa-primary {\n  color: var(--primary-color);\n  opacity: var(--primary-opacity, 1);\n}\n\n.fa-secondary {\n  color: var(--secondary-color);\n  opacity: var(--secondary-opacity) !important;\n}\n\n/* Icon RTL\n * -----------------------------------------------------------\n */\n:host(.flip-rtl) .icon-inner {\n  transform: scaleX(-1);\n}\n\n/* Icon Sizes\n * -----------------------------------------------------------\n */\n:host(.icon-small) {\n  font-size: 18px !important;\n}\n\n:host(.icon-large) {\n  font-size: 32px !important;\n}\n","import {\n  Build,\n  Component,\n  Element,\n  Host,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { getSvgContent, iconContent } from './request';\nimport { getName, getUrl } from './utils';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils/theme';\n\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * An SVG loader / helper. Comes bundled with all fontawesome pro icons by default but can use any custom SVG (with an correct path). Lazily loads SVG for each icon, so will only request the icons that you're using and that are visible.\n */\n@Component({\n  tag: 'nano-icon',\n  assetsDirs: ['../../../node_modules/@fortawesome/fontawesome-pro/svgs'],\n  styleUrl: 'icon.scss',\n  shadow: true,\n})\nexport class Icon {\n  private io?: IntersectionObserver;\n\n  @Element() el!: HTMLNanoIconElement;\n\n  @State() private svgContent?: string;\n  @State() private isVisible = false;\n  @State() private isLoading = true;\n\n  /**\n   * Color to use from your application's color palette.\n   * Default options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Specifies the label to use for accessibility. Defaults to the icon name.\n   */\n  @Prop({ mutable: true, reflect: true }) ariaLabel?: string;\n\n  /**\n   * Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`.\n   */\n  @Prop() flipRtl?: boolean;\n\n  /**\n   * Specifies which icon to use from the built-in set of icons.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies the exact `src` of an SVG file to use.\n   */\n  @Prop() src?: string;\n\n  /**\n   * A combination of both `name` and `src`. If a `src` url is detected\n   * it will set the `src` property. Otherwise it assumes it's a built-in named\n   * SVG and set the `name` property.\n   */\n  @Prop() icon?: any;\n\n  /**\n   * The size of the icon.\n   * Available options are: `\"small\"` and `\"large\"`.\n   */\n  @Prop() size?: 'small' | 'large';\n\n  /**\n   * If enabled, nano-icon will be loaded lazily when it's visible in the viewport.\n   * Default, `false`.\n   */\n  @Prop() lazy = true;\n\n  private setAriaLabel() {\n    if (!this.ariaLabel) {\n      const label = getName(this.name, this.icon);\n      // user did not provide a label\n      // come up with the label based on the icon name\n      if (label) {\n        this.ariaLabel = label.split('/').slice(-1)[0].replace(/\\-/g, ' ');\n      }\n    }\n  }\n\n  connectedCallback() {\n    // purposely do not return the promise here because loading\n    // the svg file should not hold up loading the app\n    // only load the svg if it's visible\n    this.waitUntilVisible(this.el, '50px', () => {\n      this.isVisible = true;\n      this.loadIcon();\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  componentWillLoad() {\n    this.setAriaLabel();\n  }\n\n  private waitUntilVisible(\n    el: HTMLElement,\n    rootMargin: string,\n    cb: () => void\n  ) {\n    if (\n      Build.isBrowser &&\n      CANSHADOW &&\n      this.lazy &&\n      typeof window !== 'undefined' &&\n      (window as any).IntersectionObserver\n    ) {\n      const io = (this.io = new (window as any).IntersectionObserver(\n        (data: IntersectionObserverEntry[]) => {\n          if (data[0].isIntersecting || (data[1] && data[1].isIntersecting)) {\n            io.disconnect();\n            this.io = undefined;\n            cb();\n          }\n        },\n        { rootMargin }\n      ));\n\n      io.observe(el);\n    } else {\n      // browser doesn't support IntersectionObserver\n      // so just fallback to always show it\n      cb();\n    }\n  }\n\n  @Watch('name')\n  @Watch('src')\n  @Watch('icon')\n  loadIcon() {\n    if (Build.isBrowser && this.isVisible) {\n      const url = getUrl(this);\n      if (url) {\n        if (iconContent.has(url)) {\n          // sync if it's already loaded\n          this.svgContent = iconContent.get(url);\n          this.isLoading = false;\n        } else {\n          // async if it hasn't been loaded\n          getSvgContent(url).then(() => {\n            this.svgContent = iconContent.get(url);\n            this.isLoading = false;\n          });\n        }\n      }\n    }\n    this.setAriaLabel();\n  }\n\n  render() {\n    const flipRtl =\n      this.flipRtl ||\n      (this.name &&\n        (this.name.indexOf('arrow') > -1 ||\n          this.name.indexOf('chevron') > -1) &&\n        (this.el.ownerDocument as Document).dir === 'rtl' &&\n        this.flipRtl !== false);\n\n    return (\n      <Host\n        role=\"img\"\n        class={{\n          ...createColorClasses(this.color),\n          loading: this.isLoading,\n          [`icon-${this.size}`]: !!this.size,\n          'flip-rtl': !!flipRtl,\n        }}\n      >\n        {Build.isBrowser && this.svgContent ? (\n          <div class=\"icon-inner\" innerHTML={this.svgContent}></div>\n        ) : (\n          <div class=\"icon-inner\"></div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-7a6bc3c5.js

@@ -1,2 +0,0 @@
-const t="nano-components";let e,n,s,o=!1,l=!1,i=!1,r=null,c=!1;const f="undefined"!=typeof window?window:{},u=f.CSS,a=f.document||{head:{}},h=f.HTMLElement||class{},d={t:0,o:"",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)},b=(()=>(a.head.attachShadow+"").indexOf("[native")>-1)(),m=t=>Promise.resolve(t),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(t){}return!1})(),$=(t,e,n)=>{n&&n.map((([n,s,o])=>{const l=j(t,n),i=y(e,o),r=O(n);d.ael(l,s,i,r),(e.l=e.l||[]).push((()=>d.rel(l,s,i,r)))}))},y=(t,e)=>n=>{try{256&t.t?t.i[e](n):(t.u=t.u||[]).push([e,n])}catch(s){At(s,t.h||null)}},j=(t,e)=>8&e?f:t,O=t=>0!=(2&t),v="http://www.w3.org/1999/xlink",w=new WeakMap,g=t=>"sc-"+t.m,_={},k=t=>"object"==(t=typeof t)||"function"===t,T=(t,e,...n)=>{let s=null,o=null,l=null,i=!1,r=!1,c=[];const f=e=>{for(let n=0;n<e.length;n++)s=e[n],Array.isArray(s)?f(s):null!=s&&"boolean"!=typeof s&&((i="function"!=typeof t&&!k(s))&&(s+=""),i&&r?c[c.length-1].p+=s:c.push(i?C(null,s):s),r=i)};if(f(n),e){e.key&&(o=e.key),e.name&&(l=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,x);const u=C(t,null);return u.$=e,c.length>0&&(u.j=c),u.O=o,u.v=l,u},C=(t,e)=>({t:0,g:t,p:e,_:null,j:null,$:null,O:null,v:null}),M={},x={forEach:(t,e)=>t.map(E).forEach(e),map:(t,e)=>t.map(E).map(e).map(S)},E=t=>({vattrs:t.$,vchildren:t.j,vkey:t.O,vname:t.v,vtag:t.g,vtext:t.p}),S=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),T(t.vtag,e,...t.vchildren||[])}const e=C(t.vtag,t.vtext);return e.$=t.vattrs,e.j=t.vchildren,e.O=t.vkey,e.v=t.vname,e},L=(t,e,n,s,o,l)=>{if(n!==s){let r=Ut(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,o=N(n),l=N(s);e.remove(...o.filter((t=>t&&!l.includes(t)))),e.add(...l.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)s&&null!=s[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in s)n&&s[e]===n[e]||(e.includes("-")?t.style.setProperty(e,s[e]):t.style[e]=s[e])}else if("key"===e);else if("ref"===e)s&&s(t);else if(r||"o"!==e[0]||"n"!==e[1]){const f=k(s);if((r||f&&null!==s)&&!o)try{if(t.tagName.includes("-"))t[e]=s;else{let o=null==s?"":s;"list"===e?r=!1:null!=n&&t[e]==o||(t[e]=o)}}catch(i){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==s||!1===s?!1===s&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(v,e):t.removeAttribute(e)):(!r||4&l||o)&&!f&&(s=!0===s?"":s,u?t.setAttributeNS(v,e,s):t.setAttribute(e,s))}else e="-"===e[2]?e.slice(3):Ut(f,c)?c.slice(2):c[2]+e.slice(3),n&&d.rel(t,e,n,!1),s&&d.ael(t,e,s,!1)}},H=/\s/,N=t=>t?t.split(H):[],R=(t,e,n,s)=>{const o=11===e._.nodeType&&e._.host?e._.host:e._,l=t&&t.$||_,i=e.$||_;for(s in l)s in i||L(o,s,l[s],void 0,n,e.t);for(s in i)L(o,s,l[s],i[s],n,e.t)},P=t=>{const e=t.cloneNode;t.cloneNode=function(t){const n=this,s=e.call(n,!1);if(t){let t,e,o=0,l=["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(;o<n.__childNodes.length;o++)t=n.__childNodes[o]["s-nr"],e=l.every((t=>!n.__childNodes[o][t])),t&&s.__appendChild(t.cloneNode(!0)),e&&s.__appendChild(n.__childNodes[o].cloneNode(!0))}return s}},D=t=>{class e extends Array{item(t){return this[t]}}const n=Object.getOwnPropertyDescriptor(Node.prototype,"childNodes");n&&Object.defineProperty(t,"__childNodes",n);let s=Object.getOwnPropertyDescriptor(Element.prototype,"children");s||(s=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")),s&&Object.defineProperty(t,"__children",s);const o=Object.getOwnPropertyDescriptor(Element.prototype,"childElementCount");o&&Object.defineProperty(t,"__childElementCount",o),Object.defineProperty(t,"children",{get(){return this.childNodes.flatMap((t=>1===t.nodeType?t:[]))}}),Object.defineProperty(t,"childElementCount",{get:()=>t.children.length}),n&&Object.defineProperty(t,"childNodes",{get(){const t=this.__childNodes,n=new e;for(let e=0;e<t.length;e++){const s=t[e]["s-nr"];s&&n.push(s)}return n}})},U=t=>{let e=Object.getOwnPropertyDescriptor(Element.prototype,"innerHTML");e||(e=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")),e&&Object.defineProperty(t,"__innerHTML",e),Object.defineProperty(t,"innerHTML",{get:function(){let t="";return this.childNodes.forEach((e=>t+=e.outerHTML||e.textContent)),t},set:function(t){this.childNodes.forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},A=t=>{let e=Object.getOwnPropertyDescriptor(Element.prototype,"innerText");e||(e=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerText")),e&&Object.defineProperty(t,"__innerText",e),Object.defineProperty(t,"innerText",{get:function(){let t="";return this.childNodes.forEach((e=>t+=e.innerText||e.textContent.trimEnd())),t},set:function(t){this.childNodes.forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},W=t=>{const e=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");e&&Object.defineProperty(t,"__textContent",e),Object.defineProperty(t,"textContent",{get:function(){let t="";return this.childNodes.forEach((e=>t+=e.textContent||"")),t},set:function(t){this.childNodes.forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},B=t=>{t&&!t.__remove&&(t.__remove=t.remove||!0,F(t.parentNode),t.remove=function(){return this.parentNode?this.parentNode.removeChild(this):this.__remove()})},F=t=>{t&&!t.__removeChild&&(t.__removeChild=t.removeChild,t.removeChild=function(t){if(t["s-sn"]){const e=X(this.__childNodes||this.childNodes,t["s-sn"]);return this.__removeChild(t),void(e&&e["s-hsf"]&&tt(this))}return this.__removeChild(t)})},q=t=>{t.__appendChild||(t.__appendChild=t.appendChild,t.appendChild=function(t){const e=t["s-sn"]=Q(t),n=X(this.__childNodes,e);if(n){const s=document.createTextNode("");s["s-nr"]=t,n["s-cr"].parentNode&&n["s-cr"].parentNode.__appendChild(s),t["s-ol"]=s,B(t);const o=Y(n,e),l=o[o.length-1];return l.parentNode.insertBefore(t,l.nextSibling),F(t.parentNode),void(n["s-hsf"]&&tt(n.parentNode))}return 1===t.nodeType&&t.getAttribute("slot")&&this.__childNodes&&(t.hidden=!0),this.__appendChild(t)})},V=t=>{t.__prepend||(t.__prepend=t.prepend,t.prepend=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t));const e=t["s-sn"]=Q(t),n=X(this.__childNodes,e);if(n){const s=document.createTextNode("");s["s-nr"]=t,n["s-cr"].parentNode&&n["s-cr"].parentNode.__appendChild(s),t["s-ol"]=s,B(t);const o=Y(n,e)[0];return o.parentNode.insertBefore(t,o.nextSibling),F(t.parentNode),void(n["s-hsf"]&&tt(n.parentNode))}return 1===t.nodeType&&t.getAttribute("slot")&&this.__childNodes&&(t.hidden=!0),this.__prepend(t)}))})},z=t=>{t.__append||(t.__append=t.append,t.append=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t)),this.appendChild(t)}))})},G=t=>{t.__replaceChildren||(t.__replaceChildren=t.replaceChildren,t.replaceChildren=function(...t){const e=X(this.__childNodes,"");e&&(Y(e,"").forEach((t=>{t["s-sr"]||t.remove()})),this.append(...t))})},I=t=>{t.__insertAdjacentHTML||(t.__insertAdjacentHTML=t.insertAdjacentHTML,t.insertAdjacentHTML=function(t,e){if("afterbegin"!==t&&"beforeend"!==t)return this.__insertAdjacentHTML(t,e);const n=this.ownerDocument.createElement("_");let s;if(n.innerHTML=e,"afterbegin"===t)for(;s=n.firstChild;)this.prepend(s);else if("beforeend"===t)for(;s=n.firstChild;)this.append(s)})},J=t=>{t.__insertAdjacentText||(t.__insertAdjacentText=t.insertAdjacentText,t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)})},K=t=>{t.__insertAdjacentElement||(t.__insertAdjacentElement=t.insertAdjacentElement,t.insertAdjacentElement=function(t,e){if("afterbegin"!==t&&"beforeend"!==t)return this.__insertAdjacentElement(t,e);"afterbegin"===t?this.prepend(e):"beforeend"===t&&this.append(e)})},Q=t=>t["s-sn"]||1===t.nodeType&&t.getAttribute("slot")||t.slot||"",X=(t,e)=>{let n,s=0;if(!t)return null;for(;s<t.length;s++){if(n=t[s],n["s-sr"]&&n["s-sn"]===e)return n;if(n=X(n.childNodes,e),n)return n}return null},Y=(t,e)=>{const n=[t];for(;(t=t.nextSibling)&&t["s-sn"]===e;)n.push(t);return n},Z=(t,e)=>{if(!t["s-hsf"])return;let n=t;for(;(n=n.previousSibling||n.parentNode)&&n.tagName!==t["s-hn"];)n["s-sr"]&&e&&n["s-psn"]&&n["s-psn"]===t["s-sn"]?Z(n,!0):n["s-sn"]===t["s-sn"]&&(1===n.nodeType?(n.hidden=e,n.style.display=e?"none":""):n["s-sfc"]&&(e?(n["s-sfc"]=n.textContent,n.textContent=""):""===n.textContent.trim()&&(n.textContent=n["s-sfc"])))},tt=t=>{let e,n,s,o,l,i,r=t.__childNodes||t.childNodes;for(n=0,s=r.length;n<s;n++){if(e=r[n],e["s-sr"])for(l=e["s-sn"],Z(e,!1),o=0;o<s;o++)if(i=r[o].nodeType,!r[o]["s-sf"])if(r[o]["s-hn"]!==e["s-hn"]||""!==l){if(1===i&&l===r[o]["s-sn"]){Z(e,!0),B(r[o]);break}}else if(r[o]["s-sn"]===l&&(1===i||3===i&&""!==r[o].textContent.trim())){Z(e,!0),B(r[o]);break}tt(e)}},et=(t,l,r,c)=>{let f,u,h,d=l.j[r],b=0;if(o||(i=!0,"slot"===d.g&&(e&&c.classList.add(e+"-s"),d.t|=d.j?2:1)),null!==d.p)f=d._=a.createTextNode(d.p);else if(3&d.t)f=d._=a.createTextNode("");else if(f=d._=a.createElement(d.g),R(null,d,!1),null!=e&&f["s-si"]!==e&&f.classList.add(f["s-si"]=e),d.j)for(b=0;b<d.j.length;++b)u=et(t,d,b,f),u&&(f.__appendChild?f.__appendChild(u):f.appendChild(u));if(f["s-hn"]=s,3&d.t){if(f["s-sr"]=!0,f["s-cr"]=n,f["s-sn"]=d.v||"",l.v&&(f["s-psn"]=l.v),2&d.t&&d.j)for(b=0;b<d.j.length;++b){let e=1===f.nodeType?f:c;for(;1!==e.nodeType;)e=e.parentNode;u=et(t,d,b,e),u["s-sf"]=f["s-hsf"]=!0,void 0===u["s-sn"]&&(u["s-sn"]=d.v||""),3===u.nodeType&&(u["s-sfc"]=u.textContent),u&&(e.__appendChild?e.__appendChild(u):e.appendChild(u))}h=t&&t.j&&t.j[r],h&&h.g===d.g&&t._&&nt(t._,!1)}return f},nt=(t,e)=>{d.t|=1;const n=t.__childNodes||t.childNodes;for(let o=n.length-1;o>=0;o--){const t=n[o];t["s-hn"]!==s&&t["s-ol"]&&(ct(t).insertBefore(t,rt(t)),t["s-ol"].remove(),t["s-ol"]=void 0,i=!0),e&&nt(t,e)}d.t&=-2},st=(t,e,n,o,l,i)=>{let r,c=t["s-cr"]&&t["s-cr"].parentNode||t;for(c.shadowRoot&&c.tagName===s&&(c=c.shadowRoot);l<=i;++l)o[l]&&(r=et(null,n,l,t),r&&(o[l]._=r,c.insertBefore(r,rt(e))))},ot=t=>{let e,n,s,o=t.__childNodes||t.childNodes;for(n=0,s=o.length;n<s;n++)e=o[n],e["s-ol"]?e["s-hn"]&&(e["s-hn"]=void 0):ot(e)},lt=(t,e,n,s,o)=>{for(;e<=n;++e)(s=t[e])&&(o=s._,dt(s),l=!0,ot(o),o["s-ol"]?o["s-ol"].remove():nt(o,!0),o.remove())},it=(t,e)=>t.g===e.g&&("slot"===t.g?t.v===e.v:t.O===e.O),rt=t=>t&&t["s-ol"]||t,ct=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,ft=(t,e)=>{const n=e._=t._,s=t.j,o=e.j,i=e.p;let r;null===i?("slot"===e.g||R(t,e,!1),null!==s&&null!==o?((t,e,n,s)=>{let o,i,r,c,f,u,a,h,d,b=0,m=0,p=0,$=0,y=0,j=e.length-1,O=e[0],v=e[j],w=s.length-1,g=s[0],_=s[w],k=[],T={};for(;b<=j&&m<=w;)if(null==O)O=e[++b];else if(null==v)v=e[--j];else if(null==g)g=s[++m];else if(null==_)_=s[--w];else if(it(O,g))ft(O,g),O=e[++b],g=s[++m];else if(it(v,_))ft(v,_),v=e[--j],_=s[--w];else if(it(O,_))"slot"!==O.g&&"slot"!==_.g||nt(O._.parentNode,!1),ft(O,_),t.insertBefore(O._,v._.nextSibling),O=e[++b],_=s[--w];else if(it(v,g))"slot"!==O.g&&"slot"!==_.g||nt(v._.parentNode,!1),ft(v,g),t.insertBefore(v._,O._),v=e[--j],g=s[++m];else{for(p=-1,$=b;$<=j;++$)if(e[$]&&null!==e[$].O&&e[$].O===g.O){p=$;break}p>=0?(i=e[p],i.g!==g.g?o=et(e&&e[m],n,p,t):(ft(i,g),e[p]=void 0,o=i._),g=s[++m]):(o=et(e&&e[m],n,m,t),g=s[++m]),o&&ct(O._).insertBefore(o,rt(O._))}if(b>j?st(t,null==s[w+1]?null:s[w+1]._,n,s,m,w):m>w&&lt(e,b,j),t.parentNode&&n._["s-hsf"]){for(r=t.parentNode.__childNodes||t.parentNode.childNodes,c=r.length-1,$=0;$<=c;++$)a=r[$],a["s-hsf"]?k.push(a):a["s-sf"]&&(T[a["s-sn"]]||(T[a["s-sn"]]=[]),T[a["s-sn"]].push(a));for(f=k.length-1,$=0;$<=f;++$)if(h=k[$],T[h["s-sn"]])for(u=T[h["s-sn"]].length-1,y=0;y<=u;++y)d=T[h["s-sn"]][y],h.parentNode.insertBefore(d,h);l=!0}})(n,s,e,o):null!==o?(null!==t.p&&(n.textContent=""),st(n,null,e,o,0,o.length-1)):null!==s&&lt(s,0,s.length-1)):(r=n["s-cr"])?r.parentNode.textContent=i:t.p!==i&&(n.textContent=i,n["s-sf"]&&(n["s-sfc"]=i))},ut=[],at=t=>{let e,n,s,o,i,r,c=0,f=t.__childNodes||t.childNodes,u=f.length;for(;c<u;c++){if(e=f[c],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(e["s-hsf"]&&(l=!0),s=n.parentNode.__childNodes||n.parentNode.childNodes,o=e["s-sn"],r=s.length-1;r>=0;r--)n=s[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(ht(n,o)?(i=ut.find((t=>t.k===n)),l=!0,n["s-sn"]=n["s-sn"]||o,i?i.T=e:ut.push({T:e,k:n}),n["s-sr"]&&ut.map((t=>{ht(t.k,n["s-sn"])&&(i=ut.find((t=>t.k===n)),i&&!t.T&&(t.T=i.T))}))):ut.some((t=>t.k===n))||ut.push({k:n}));1===e.nodeType&&at(e)}},ht=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,dt=t=>{t.$&&t.$.ref&&t.$.ref(null),t.j&&t.j.map(dt)},bt=t=>Rt(t).h,mt=(t,e,n)=>{const s=bt(t);return{emit:t=>pt(s,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},pt=(t,e,n)=>{const s=d.ce(e,n);return t.dispatchEvent(s),s},$t=(t,e)=>{e&&!t.C&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.C=e)))},yt=(t,e)=>{if(t.t|=16,!(4&t.t))return $t(t,t.M),Qt((()=>jt(t,e)));t.t|=512},jt=(t,e)=>{const n=t.h,s=t.i;let o;return e&&(t.t|=256,t.u&&(t.u.map((([t,e])=>Tt(s,t,e,n))),t.u=null),o=Tt(s,"componentWillLoad",void 0,n)),Ct(o,(()=>Ot(t,s,e)))},Ot=async(t,e,n)=>{const s=t.h,o=s["s-rc"];n&&(t=>{const e=t.S,n=t.h,s=e.t,o=((t,e)=>{let n=g(e),s=Ft.get(n);if(t=11===t.nodeType?t:a,s)if("string"==typeof s){let e,o=w.get(t=t.head||t);o||w.set(t,o=new Set),o.has(n)||(e=a.createElement("style"),e.innerHTML=s,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(s)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,s]);return n})(b&&n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&s&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&s&&n.classList.add(o+"-s"))})(t);vt(t,e),o&&(o.map((t=>t())),s["s-rc"]=void 0);{const e=s["s-p"],n=()=>gt(t);0===e.length?n():(Promise.all(e).then(n),t.t|=4,e.length=0)}},vt=(t,c)=>{try{r=c,c=c.render(),t.t&=-17,t.t|=2,((t,r)=>{const c=t.h,f=t.S,u=t.L||C(null,null),h=(t=>t&&t.g===M)(r)?r:T(null,null,r);if(s=c.tagName,f.H&&(h.$=h.$||{},f.H.map((([t,e])=>h.$[e]=c[t]))),h.g=null,h.t|=4,t.L=h,h._=u._=c.shadowRoot||c,e=c["s-sc"],n=c["s-cr"],o=b&&0!=(1&f.t),l=!1,ft(u,h),d.t|=1,i){let t,e,n,s,o,l;at(h._);let i=0;for(;i<ut.length;i++)t=ut[i],e=t.k,e["s-ol"]||(n=a.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(i=ut.length-1;i>=0;i--)if(t=ut[i],e=t.k,t.T){for(s=t.T.parentNode,o=t.T.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(l=n["s-nr"],l&&l["s-sn"]===e["s-sn"]&&s===l.parentNode&&(l=l.nextSibling,!l||!l["s-nr"])){o=l;break}(!o&&s!==e.parentNode||e.nextSibling!==o)&&e!==o&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),s.insertBefore(e,o),e.hidden=!1)}else 1===e.nodeType&&(e.hidden=!0)}l&&tt(h._),d.t&=-2,ut.length=0})(t,c)}catch(f){At(f,t.h)}return r=null,null},wt=()=>r,gt=t=>{const e=t.h,n=t.i,s=t.M;Tt(n,"componentDidRender",void 0,e),64&t.t?Tt(n,"componentDidUpdate",void 0,e):(t.t|=64,Mt(e),Tt(n,"componentDidLoad",void 0,e),t.N(e),s||kt()),t.R(e),t.C&&(t.C(),t.C=void 0),512&t.t&&Jt((()=>yt(t,!1))),t.t&=-517},_t=t=>{{const e=Rt(t),n=e.h.isConnected;return n&&2==(18&e.t)&&yt(e,!1),n}},kt=()=>{Mt(a.documentElement),Jt((()=>pt(f,"appload",{detail:{namespace:"nano-components"}})))},Tt=(t,e,n,s)=>{if(t&&t[e])try{return t[e](n)}catch(o){At(o,s)}},Ct=(t,e)=>t&&t.then?t.then(e):e(),Mt=t=>t.classList.add("hydrated"),xt=(t,e,n,s,o=!0)=>{const l=Rt(t),i=l.h,r=l.P.get(e),c=l.t,f=l.i;if(n=((t,e)=>null==t||k(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,s.D[e][0]),!(8&c&&void 0!==r||n===r)&&(l.P.set(e,n),f)){if(s.U&&128&c&&o){const t=s.U[e];t&&t.map((t=>{try{f[t](n,r,e)}catch(s){At(s,i)}}))}2==(18&c)&&yt(l,!1)}},Et=(t,e,n)=>{if(e.D){t.watchers&&(e.U=t.watchers);const s=Object.entries(e.D),o=t.prototype;if(s.map((([t,[s]])=>{31&s||2&n&&32&s?0==(2048&s)?Object.defineProperty(o,t,{get(){return((t,e)=>Rt(this).P.get(e))(0,t)},set(n){xt(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&2048&s&&(Object.defineProperty(o,t,{get(){return Rt(this).i[t]},configurable:!0,enumerable:!0}),4096&s&&Object.defineProperty(o,t,{set(n){const s=Rt(this),o=(o=!1)=>{s.i[t]=n,xt(this,t,s.i[t],e,!o)};s.i?o():s.A.then((()=>o(!0)))}})):1&n&&64&s&&Object.defineProperty(o,t,{value(...e){const n=Rt(this);return n.A.then((()=>n.i[t](...e)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(t,e,s){d.jmp((()=>{const e=n.get(t),l=Object.getOwnPropertyDescriptor(o,e);l&&l.get&&!l.set||(this.hasOwnProperty(e)&&(s=this[e],delete this[e]),this[e]=(null!==s||"boolean"!=typeof this[e])&&s)}))},t.observedAttributes=s.filter((([t,e])=>15&e[0])).map((([t,s])=>{const o=s[1]||t;return n.set(o,t),512&s[0]&&e.H.push([t,o]),o}))}}return t},St=(t,e)=>{Tt(t,"connectedCallback",void 0,e)},Lt=(t,e={})=>{const n=[],s=e.exclude||[],o=f.customElements,l=a.head,i=l.querySelector("meta[charset]"),r=a.createElement("style"),c=[];let u,h=!0;Object.assign(d,e),d.o=new URL(e.resourcesUrl||"./",a.baseURI).href,t.map((t=>t[1].map((l=>{const i={t:l[0],m:l[1],D:l[2],W:l[3]};i.D=l[2],i.W=l[3],i.H=[],i.U={},!b&&1&i.t&&(i.t|=8);const r=e.transformTagName?e.transformTagName(i.m):i.m,f=class extends HTMLElement{constructor(t){super(t),Dt(t=this,i),1&i.t&&(b?t.attachShadow({mode:"open"}):"shadowRoot"in t||(t.shadowRoot=t))}connectedCallback(){u&&(clearTimeout(u),u=null),h?c.push(this):d.jmp((()=>(t=>{if(0==(1&d.t)){const e=Rt(t),n=e.S,s=()=>{};if(1&e.t)$(t,e,n.W),St(e.i,t);else{e.t|=1,12&n.t&&(t=>{const e=t["s-cr"]=a.createComment("");e["s-cn"]=!0,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){$t(e,e.M=n);break}}n.D&&Object.entries(n.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,s,o)=>{if(0==(32&e.t)){{if(e.t|=32,(o=Bt(n,e)).then){const t=()=>{};o=await o,t()}o.isProxied||(n.U=o.watchers,Et(o,n,2),o.isProxied=!0);const s=()=>{};e.t|=8;try{new o(e)}catch(r){At(r,t)}e.t&=-9,e.t|=128,s(),St(e.i,t)}if(o.style){let t=o.style;const e=g(n);if(!Ft.has(e)){const s=()=>{};8&n.t&&(t=await __sc_import_nano_components("./p-df044021.js").then((n=>n.scopeCss(t,e,!1)))),((t,e,n)=>{let s=Ft.get(t);p&&n?(s=s||new CSSStyleSheet,s.replace(e)):s=e,Ft.set(t,s)})(e,t,!!(1&n.t)),s()}}}const l=e.M,i=()=>yt(e,!0);l&&l["s-rc"]?l["s-rc"].push(i):i()})(t,e,n)}s()}})(this)))}disconnectedCallback(){d.jmp((()=>(t=>{if(0==(1&d.t)){const e=Rt(t),n=e.i;e.l&&(e.l.map((t=>t())),e.l=void 0),Tt(n,"disconnectedCallback",void 0,t)}})(this)))}componentOnReady(){return Rt(this).B}};(4&i.t||8&i.t)&&((t=>{D(t),q(t),z(t),V(t),I(t),J(t),K(t),G(t),U(t),A(t),W(t)})(f.prototype),P(f.prototype)),i.F=t[0],s.includes(r)||o.get(r)||(n.push(r),o.define(r,Et(f,i,1)))})))),r.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),l.insertBefore(r,i?i.nextSibling:l.firstChild),h=!1,c.length?c.map((t=>t.connectedCallback())):d.jmp((()=>u=setTimeout(kt,30)))},Ht=t=>{const e=new URL(t,d.o);return e.origin!==f.location.origin?e.href:e.pathname},Nt=new WeakMap,Rt=t=>Nt.get(t),Pt=(t,e)=>Nt.set(e.i=t,e),Dt=(t,e)=>{const n={t:0,h:t,S:e,P:new Map};return n.A=new Promise((t=>n.R=t)),n.B=new Promise((t=>n.N=t)),t["s-p"]=[],t["s-rc"]=[],$(t,n,e.W),Nt.set(t,n)},Ut=(t,e)=>e in t,At=(t,e)=>(0,console.error)(t,e),Wt=new Map,Bt=(t,e)=>{const n=t.m.replace(/-/g,"_"),s=t.F,o=Wt.get(s);return o?o[n]:__sc_import_nano_components(`./${s}.entry.js`).then((t=>(Wt.set(s,t),t[n])),(t=>{At(t,e.h)}))},Ft=new Map,qt=[],Vt=[],zt=(t,e)=>n=>{t.push(n),c||(c=!0,e&&4&d.t?Jt(It):d.raf(It))},Gt=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(e){At(e)}t.length=0},It=()=>{Gt(qt),Gt(Vt),(c=qt.length>0)&&d.raf(It)},Jt=t=>m().then(t),Kt=zt(qt,!1),Qt=zt(Vt,!0),Xt={isDev:!1,isBrowser:!0,isServer:!1,isTesting:!1};export{Xt as B,u as C,h as H,t as N,m as a,Lt as b,mt as c,a as d,M as e,Qt as f,bt as g,T as h,Kt as i,_t as j,Ht as k,wt as l,d as p,Pt as r,f as w}
-//# sourceMappingURL=p-7a6bc3c5.js.map