@nanoporetech-digital/components 1.13.22 → 1.15.1

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/checkbox/checkbox-group.scss?tag=nano-checkbox-group&encapsulation=scoped","src/components/checkbox/checkbox-group.tsx"],"names":["checkboxGroupCss","CheckboxGroup","exports","class_1","hostRef","_this","this","grpId","grpIds","errorMessage","showErrorMsg","hasHelperSlot","validateOn","showInlineError","min","max","disabled","legend","handleInvalid","ev","invalid","customValidate","preventDefault","setTimeout","_","showInlineValidation","nativeCbs","length","forEach","cb","i","validity","valid","validationMessage","checkboxes","setFocus","nanoValidate","emit","isValid","originalEvent","prototype","reportValidity","validateFirst","handleCbChange","onlyCbs","filter","type","checked","setError","handleComponentChange","checkboxTypes","getClassMap","map","handleDisabledChange","attachSlotObserver","mo","MutationObserver","handleSlotChange","observe","host","childList","forceUpdate","Array","from","querySelectorAll","querySelector","_a","Promise","all","reduce","acc","push","getInputElement","_b","sent","addEventListener","componentWillLoad","debounce","bind","connectedCallback","disconnectedCallback","disconnect","render","isRtl","ownerDocument","dir","legendId","moreId","h","Host","Object","assign","class","nanogroupcb","show-error","id","role","aria-labelledby","name"],"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\n:host {\n  /**\n   * @prop --control-margin-top: Margin between controls. Default depends on control type;\n   * @prop --control-margin-end: Margin between controls. Default depends on control type;\n   * @prop --control-margin-bottom: Margin between controls. Default depends on control type;\n   * @prop --control-margin-start: Margin between controls. Default depends on control type;\n\n   * @prop --invalid-msg-color: Default #{nano-color(danger, base)};\n   * @prop --invalid-msg-font-size: Default #{$input-help-font-size};\n\n   * @prop --help-msg-color: Font color applied to slot=\"helper\". Default #{$input-help-color};\n\n   * @prop --label-color: Default #{$label-color};\n   * @prop --label-color--invalid: Default #{$label-color-invalid};\n   * @prop --label-font-size: Default #{$label-font-size};\n   * @prop --label-padding: space between legend and control. Default #{$input-padding-bottom};\n  */\n\n  --control-margin-top: 0;\n  --control-margin-end: 0;\n  --control-margin-bottom: 0;\n  --control-margin-start: 0;\n  --invalid-msg-color: #{nano-color(danger, base)};\n  --invalid-msg-font-size: #{$input-help-font-size};\n  --help-msg-color: #{$input-help-color};\n  --label-color: #{$label-color};\n  --label-color--invalid: #{$label-color-invalid};\n  --label-font-size: #{$label-font-size};\n  --label-padding: #{$input-padding-bottom};\n\n  display: block;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\n:host([types-tag]),\n:host([types-segment]) {\n  --control-margin-top: 0;\n  --control-margin-end: 8px;\n  --control-margin-bottom: 8px;\n  --control-margin-start: 0;\n}\n\n:host([types-checkbox]),\n:host([types-radio]) {\n  --control-margin-top: 0;\n  --control-margin-end: 10px;\n  --control-margin-bottom: 0;\n  --control-margin-start: 0;\n}\n\n.nanogroupcb {\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  &__legend,\n  &__error,\n  &__help,\n  &__more {\n    display: block;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__legend {\n    font-size: var(--label-font-size);\n    padding: 0 0 var(--label-padding);\n    margin: 0;\n    line-height: 1;\n\n    :host([invalid]:not([invalid='false'])) & {\n      color: var(--label-color--invalid);\n    }\n  }\n\n  &__more {\n    height: 1em;\n\n    @include margin(\n      calc(var(--label-padding) - var(--control-margin-bottom)),\n      0,\n      var(--label-padding),\n      3px\n    );\n\n    position: relative;\n  }\n\n  &__error,\n  &__help {\n    top: 0;\n    left: 0;\n    position: absolute;\n    font-size: var(--invalid-msg-font-size);\n    line-height: 1.2;\n    transition: 0.3s ease-out opacity;\n\n    .show-error & {\n      opacity: 1;\n    }\n  }\n\n  &__error {\n    color: var(--invalid-msg-color);\n    font-stretch: condensed;\n    opacity: 0;\n\n    .show-error & {\n      opacity: 1;\n    }\n  }\n\n  &__help {\n    font-style: italic;\n    opacity: 1;\n    color: var(--help-msg-color);\n\n    .show-error & {\n      opacity: 0;\n    }\n  }\n\n  &__cbs {\n    margin: 0;\n    padding: 0;\n    line-height: 1;\n    display: flex;\n    flex-wrap: wrap;\n\n    ::slotted(*:not([type='tag']):not([type='segment']):not([type='segment-pill'])) {\n      --check-base-size: 1.2em;\n\n      font-size: 0.85em;\n    }\n\n    ::slotted(*) {\n      margin-left: var(--control-margin-start);\n      margin-top: var(--control-margin-top);\n      margin-right: var(--control-margin-end);\n      margin-bottom: var(--control-margin-bottom);\n    }\n  }\n}\n\n/* autoprefixer: ignore next */\n@supports ((margin-inline-start: 0) or (-webkit-margin-start: 0)) {\n  .nanogroupcb__cbs {\n    &::slotted(*),\n    ::slotted(*) {\n      margin-left: unset;\n      margin-right: unset;\n      margin-inline-start: var(--control-margin-start);\n      margin-inline-end: var(--control-margin-end);\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  h,\n  ComponentInterface,\n  State,\n  Listen,\n  Watch,\n  Host,\n  Method,\n  forceUpdate,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport {\n  CssClassMap,\n  ControlValidityEventDetail,\n  ControlValidity,\n} from '../../interface';\nimport { debounce, getClassMap } from '../../utils/utils';\n\n/**\n * `nano-checkbox-group` is an optional wrapper for all `nano-checkbox` controls.\n * It provides a convenient place to anchor a collective label and any validation issues.\n *\n * @slot - Used for grouping checkboxes inside the group wrapper\n * @slot helper - helper text to accompany the form field underneath.\n */\n@Component({\n  tag: 'nano-checkbox-group',\n  styleUrl: 'checkbox-group.scss',\n  scoped: true,\n})\nexport class CheckboxGroup implements ComponentInterface {\n  private mo?: MutationObserver;\n  private checkboxTypes: CssClassMap;\n  private grpId = `nano-checkbox-group-${grpIds++}`;\n\n  @Element() host: HTMLNanoCheckboxGroupElement;\n\n  // internal state\n\n  @State() checkboxes: HTMLNanoCheckboxElement[];\n  @State() nativeCbs: HTMLInputElement[];\n  @State() errorMessage: string = '';\n  @State() showErrorMsg = false;\n  @State() hasHelperSlot = false;\n\n  // public properties\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * The minimum number of checkboxes required to be valid. Only relevant for checkbox type controls.\n   * A validation error will be thrown if not enough controls are checked.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum number of checkboxes allowed. Only relevant for checkbox type controls.\n   * Other controls will automatically be disabled upon reaching this number.\n   */\n  @Prop() max: number = null;\n\n  /**\n   * Disable all the nested form controls\n   */\n  @Prop({ reflect: true }) disabled: boolean | null = null;\n\n  /**\n   * A common label for children controls\n   */\n  @Prop() legend: string = '';\n\n  /**\n   * @internal - just a hook for styling on the current validity state\n   */\n  @Prop({ reflect: true, mutable: true }) invalid: boolean;\n\n  // Public methods\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    if (validateFirst) this.showInlineValidation();\n    return {\n      isValid: !this.invalid,\n      errorMessage: this.errorMessage,\n    };\n  }\n\n  // Events\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // listeners & watchers\n\n  /**\n   * Notes on validation... custom validation messages should be set\n   * no matter whether we show inline messages or native html5.\n   * this will mean forms cannot submit when there are pending validation issues.\n   */\n  @Listen('nanoChange')\n  @Watch('validateOn')\n  @Watch('min')\n  @Watch('max')\n  handleCbChange() {\n    if (this.invalid) this.showErrorMsg = this.invalid = false;\n    this.customValidate();\n\n    if (this.validateOn !== 'dirty') return;\n    this.showInlineValidation();\n  }\n\n  @Watch('nativeCbs')\n  customValidate() {\n    if (!this.nativeCbs || !this.nativeCbs.length || !this.checkboxes) return;\n\n    // we only care about checkbox controls.\n    let onlyCbs = this.nativeCbs.filter((cb) => cb.type === 'checkbox');\n    if (!onlyCbs || !onlyCbs.length) return;\n\n    let checked = onlyCbs.filter((cb) => cb.checked).length;\n    let invalid = false;\n\n    this.checkboxes.forEach((cb) => {\n      cb.setError('');\n      if (invalid) return;\n\n      if (this.min && checked < this.min) {\n        cb.setError(`You must select a minimum of ${this.min} values.`);\n        invalid = true;\n      }\n      if (this.max && checked > this.max) {\n        cb.setError(`Only up to ${this.max} values are allowed.`);\n        invalid = true;\n      }\n    });\n    return invalid;\n  }\n\n  @Watch('checkboxes')\n  handleComponentChange() {\n    this.checkboxTypes = getClassMap(\n      this.checkboxes.map((cb) => 'types-' + cb.type)\n    );\n  }\n\n  @Watch('disabled')\n  @Watch('checkboxes')\n  handleDisabledChange() {\n    if (this.disabled === null) return;\n    this.checkboxes.map((cb) => (cb.disabled = this.disabled));\n  }\n\n  // private methods\n\n  private attachSlotObserver() {\n    const mo = (this.mo = new MutationObserver(() => this.handleSlotChange()));\n    mo.observe(this.host, { childList: true });\n  }\n\n  private async handleSlotChange() {\n    forceUpdate(this.host);\n    this.checkboxes = Array.from(this.host.querySelectorAll('nano-checkbox'));\n    this.hasHelperSlot = !!this.host.querySelector('[slot=\"helper\"]');\n\n    this.nativeCbs = await Promise.all(\n      this.checkboxes.reduce((acc: Array<Promise<HTMLInputElement>>, cb) => {\n        acc.push(cb.getInputElement());\n        return acc;\n      }, [])\n    );\n\n    this.nativeCbs.forEach((cb) =>\n      cb.addEventListener('invalid', this.handleInvalid)\n    );\n  }\n\n  private handleInvalid = (ev: Event) => {\n    this.invalid = true;\n\n    if (this.validateOn === 'submit') {\n      this.invalid = this.showErrorMsg = this.customValidate();\n    }\n    if (!!this.showInlineError) ev.preventDefault();\n\n    setTimeout((_) => this.showInlineValidation(ev), 20);\n  };\n\n  private showInlineValidation = (ev?: Event) => {\n    if (!this.nativeCbs || !this.nativeCbs.length) return;\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n    this.showErrorMsg = false;\n    this.invalid = false;\n\n    this.nativeCbs.forEach((cb, i) => {\n      if (!cb.validity.valid) {\n        this.errorMessage = cb.validationMessage;\n        this.showErrorMsg = true;\n        this.invalid = true;\n        if (!!this.showInlineError) this.checkboxes[i].setFocus();\n      }\n    });\n    this.nanoValidate.emit({\n      isValid: !this.invalid,\n      errorMessage: this.errorMessage,\n      originalEvent: ev,\n    });\n  };\n\n  // stencil hooks\n\n  componentWillLoad() {\n    this.showInlineValidation = debounce(this.showInlineValidation, 20);\n    this.customValidate = this.customValidate.bind(this);\n  }\n\n  connectedCallback() {\n    this.attachSlotObserver();\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n  }\n\n  render() {\n    let isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n    const legendId = this.grpId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot ? this.grpId + '-more' : '';\n\n    return (\n      <Host {...this.checkboxTypes} dir={isRtl ? 'rtl' : null}>\n        <fieldset\n          disabled={this.disabled}\n          class={{ nanogroupcb: true, 'show-error': this.showErrorMsg }}\n        >\n          <legend class=\"nanogroupcb__legend\" id={legendId}>\n            {this.legend}\n          </legend>\n          <div\n            class=\"nanogroupcb__cbs\"\n            role=\"group\"\n            aria-labelledby={legendId + ' ' + moreId}\n          >\n            <slot />\n          </div>\n          {(this.showInlineError || this.hasHelperSlot) && (\n            <div class=\"nanogroupcb__more\" id={moreId}>\n              {!!this.showInlineError ? (\n                <div class=\"nanogroupcb__error\">{this.errorMessage}</div>\n              ) : (\n                ''\n              )}\n              <div class=\"nanogroupcb__help\">\n                <slot name=\"helper\" />\n              </div>\n            </div>\n          )}\n        </fieldset>\n      </Host>\n    );\n  }\n}\n\nlet grpIds = 0;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/resize-observe/resize-observe.tsx","src/components/skeleton/skeleton.scss?tag=nano-skeleton&encapsulation=shadow","src/components/skeleton/skeleton.tsx"],"names":["ResizeObserve","exports","class_1","hostRef","_this","this","classNames","assessChanges","currentWidth","currentHeight","changedStates","h","Map","w","hasChanged","Object","keys","appliedStates","forEach","dimType","dim","state","bp","applied","set","applyChanges","prototype","dimensionChanged","statesChanged","states","ro","attachRO","toBpDir","bpDir","bpDirSpl","split","filter","bs","length","parseInt","dir","map","st","trim","includes","_a","key","classes","slice","_b","_c","changes","__spreadArray","push","cl","nanoResizeStateChange","emit","toSimpleObj","stateMaps","retObj","ResizeObserver","entries","_i","entries_1","entry","contentRect","width","height","observe","el","connectedCallback","debounce","componentDidLoad","readTask","getBoundingClientRect","disconnectedCallback","disconnect","render","Host","class","join","ref","div","skeletonCss","Skeleton","class_2","animated","skeleton","animate"],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  State,\n  Watch,\n  ComponentInterface,\n  Event,\n  EventEmitter,\n  readTask,\n} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { debounce } from '../../utils/utils';\nimport type { ResizeStateChangeEventDetail } from '../../interface';\n\ntype ResizeObserverState = { states?: string[]; applied?: boolean };\ninterface StateMaps {\n  h: Map<number, ResizeObserverState>;\n  w: Map<number, ResizeObserverState>;\n}\n\n/**\n * A Resize-Observer utility component.\n * Takes a string list of sizes and optional class-names. Adds class-names and fires `nanoResizeStateChange` events when the component reaches those sizes.\n * @slot - Main slot for any content.\n */\n@Component({\n  tag: 'nano-resize-observe',\n  shadow: true,\n  styles: `:host { display: inline-block } div { height: 100%; }`,\n})\nexport class ResizeObserve implements ComponentInterface {\n  private ro: ResizeObserver;\n  private appliedStates: StateMaps;\n  private el: HTMLDivElement;\n\n  @Element() host: HTMLNanoResizeObserveElement;\n  @State() currentWidth: number;\n  @State() currentHeight: number;\n  @State() classNames: string[] = [];\n\n  /** string list of sizes and optional class-names. Adds class-names and fires nanoResizeStateChange events. Upon hitting breakpoints.\n   * Format: `states=\"800w, 300h class1 class2\"` */\n  @Prop() states: string;\n\n  /** A resize break point is switched on or off */\n  @Event() nanoResizeStateChange!: EventEmitter<ResizeStateChangeEventDetail>;\n\n  @Watch('currentHeight')\n  @Watch('currentWidth')\n  dimensionChanged() {\n    this.assessChanges();\n  }\n\n  @Watch('states')\n  statesChanged() {\n    if (!this.states) return;\n    if (!this.ro) this.attachRO();\n\n    const toBpDir = (bpDir: string) => {\n      const bpDirSpl = bpDir.split(/(\\d+)/).filter((bs) => bs.length);\n      return { bp: parseInt(bpDirSpl[0]), dir: bpDirSpl[1] };\n    };\n    this.appliedStates = { h: new Map(), w: new Map() };\n\n    // parse state string\n    this.states.split(',').map((st) => {\n      st = st.trim();\n      if (st.includes(' ')) {\n        const [key, ...classes] = st.split(' ');\n        const { bp, dir } = toBpDir(key);\n        this.appliedStates[dir as keyof StateMaps].set(bp, {\n          states: classes,\n          applied: false,\n        });\n      } else {\n        const { bp, dir } = toBpDir(st);\n        this.appliedStates[dir as keyof StateMaps].set(bp, { applied: false });\n      }\n    });\n  }\n\n  private assessChanges = () => {\n    if (!this.currentWidth && !this.currentHeight) return;\n    const changedStates: StateMaps = { h: new Map(), w: new Map() };\n    let hasChanged = false;\n\n    Object.keys(this.appliedStates).forEach((dimType) => {\n      let dim: number;\n      if (dimType === 'h') dim = this.currentHeight;\n      else dim = this.currentWidth;\n\n      this.appliedStates[dimType].forEach(\n        (state: ResizeObserverState, bp: number) => {\n          if (dim >= bp && state.applied === false) {\n            state.applied = true;\n            changedStates[dimType].set(bp, state);\n            hasChanged = true;\n          } else if (dim < bp && state.applied === true) {\n            state.applied = false;\n            changedStates[dimType].set(bp, state);\n            hasChanged = true;\n          }\n        }\n      );\n    });\n    if (hasChanged) this.applyChanges(changedStates);\n  };\n\n  private applyChanges(changes: StateMaps) {\n    let classNames = [...this.classNames];\n    Object.keys(changes).forEach((dimType: keyof StateMaps) => {\n      changes[dimType].forEach((state) => {\n        if (!state.states) return;\n        state.states.map((st) => {\n          if (state.applied) classNames.push(st);\n          else classNames = classNames.filter((cl) => cl !== st);\n        });\n      });\n    });\n    this.classNames = classNames;\n    this.nanoResizeStateChange.emit(this.toSimpleObj(changes));\n  }\n\n  private toSimpleObj(stateMaps: StateMaps) {\n    const retObj = {};\n    Object.keys(stateMaps).forEach((dimType: keyof StateMaps) => {\n      stateMaps[dimType].forEach((state: ResizeObserverState, bp: number) => {\n        retObj[bp + dimType] = state.applied;\n      });\n    });\n    return retObj;\n  }\n\n  private attachRO() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.currentWidth = entry.contentRect.width;\n        this.currentHeight = entry.contentRect.height;\n      }\n    });\n    this.ro.observe(this.el);\n  }\n\n  connectedCallback() {\n    this.assessChanges = debounce(this.assessChanges, 50);\n  }\n\n  componentDidLoad() {\n    if (!this.states) return;\n    if (!this.currentWidth || !this.currentHeight) {\n      readTask(() => {\n        const { width, height } = this.el.getBoundingClientRect();\n        this.currentWidth = width;\n        this.currentHeight = height;\n      });\n    }\n    this.statesChanged();\n  }\n\n  disconnectedCallback() {\n    if (this.ro) this.ro.disconnect();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [this.classNames.join(' ')]: true,\n        }}\n      >\n        <div ref={(div) => (this.el = div)}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/nano-theme/components';\n\n:host {\n  /**\n   * @prop --base-color-rgb: default #{$skeleton-color-rgb};\n   * @prop --color: default var(--nano-skeleton-color, rgba(var(--base-color-rgb), 1));\n   * @prop --tint: default var(--nano-skeleton-tint, rgba(var(--base-color-rgb), .3));\n   */\n\n  --base-color-rgb: #{$skeleton-color-rgb};\n  --color: var(--nano-skeleton-color, rgba(var(--base-color-rgb), 1));\n  --tint: var(--nano-skeleton-tint, rgba(var(--base-color-rgb), 0.5));\n\n  display: block;\n  position: relative;\n  border-radius: 0.25rem;\n  height: 1em;\n}\n\n.skeleton {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n\n.skeleton__indicator {\n  flex: 1 1 auto;\n  background: var(--color);\n  border-radius: inherit;\n}\n\n.skeleton.animate .skeleton__indicator {\n  background:\n    linear-gradient(\n      270deg,\n      var(--tint),\n      var(--color),\n      var(--color),\n      var(--tint)\n    );\n  background-size: 400% 100%;\n  animation: loader 6s ease-in-out infinite;\n}\n\n@keyframes loader {\n  0% {\n    background-position: 200% 0;\n  }\n\n  to {\n    background-position: -200% 0;\n  }\n}\n","import { Component, Prop, h, ComponentInterface } from '@stencil/core';\n\n/**\n * Skeletons are used to show where content will eventually be drawn.\n * Simple containers for scaffolding layouts that mimic what users will see when content has finished loading.\n * Prevents large areas of empty space during asynchronous operations.\n */\n@Component({\n  tag: 'nano-skeleton',\n  styleUrl: 'skeleton.scss',\n  shadow: true,\n})\nexport class Skeleton implements ComponentInterface {\n  /** When `true`, the skeleton will animate. */\n  @Prop() animated = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          skeleton: true,\n          animate: this.animated,\n        }}\n      >\n        <div class=\"skeleton__indicator\" />\n      </div>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-f55560d3.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=v(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,v=t=>0!=(2&t),w="http://www.w3.org/1999/xlink",O=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.v=o,u.O=l,u},C=(t,e)=>({t:0,g:t,p:e,_:null,j:null,$:null,v:null,O: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.v,vname:t.O,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.v=t.vkey,e.O=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(w,e):t.removeAttribute(e)):(!r||4&l||o)&&!f&&(s=!0===s?"":s,u?t.setAttributeNS(w,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.O||"",l.O&&(f["s-psn"]=l.O),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.O||""),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.O===e.O:t.v===e.v),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,v=e[0],w=e[j],O=s.length-1,g=s[0],_=s[O],k=[],T={};for(;b<=j&&m<=O;)if(null==v)v=e[++b];else if(null==w)w=e[--j];else if(null==g)g=s[++m];else if(null==_)_=s[--O];else if(it(v,g))ft(v,g),v=e[++b],g=s[++m];else if(it(w,_))ft(w,_),w=e[--j],_=s[--O];else if(it(v,_))"slot"!==v.g&&"slot"!==_.g||nt(v._.parentNode,!1),ft(v,_),t.insertBefore(v._,w._.nextSibling),v=e[++b],_=s[--O];else if(it(w,g))"slot"!==v.g&&"slot"!==_.g||nt(w._.parentNode,!1),ft(w,g),t.insertBefore(w._,v._),w=e[--j],g=s[++m];else{for(p=-1,$=b;$<=j;++$)if(e[$]&&null!==e[$].v&&e[$].v===g.v){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(v._).insertBefore(o,rt(v._))}if(b>j?st(t,null==s[O+1]?null:s[O+1]._,n,s,m,O):m>O&&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,(()=>vt(t,s,e)))},vt=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=O.get(t=t.head||t);o||O.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);wt(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)}},wt=(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,i;at(h._);let r=0;for(;r<ut.length;r++)t=ut[r],e=t.k,e["s-ol"]||(n=a.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<ut.length;r++)if(t=ut[r],e=t.k,t.T){for(s=t.T.parentNode,o=t.T.nextSibling,n=e["s-ol"],i=o;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):s.insertBefore(e,i))}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},Ot=()=>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);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-e33dd8b9.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,Ot as l,d as p,Pt as r,f as w}
-//# sourceMappingURL=p-f55560d3.js.map