@nanoporetech-digital/components 2.9.0 → 2.11.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/checkbox/checkbox.scss?tag=nano-checkbox&encapsulation=scoped","src/components/checkbox/checkbox.tsx"],"names":["checkboxCss","checkboxIds","Checkbox","[object Object]","hostRef","this","inputId","inputType","hasFocus","checked","disabled","value","required","type","indeterminate","_invalid","handleInvalid","ev","target","validity","valid","handleChange","handleFocus","nanoFocus","emit","handleBlur","nanoBlur","input","name","form","host","closest","radios","Array","from","querySelectorAll","document","filter","radio","map","el","nanoChange","invalid","validityMessage","validationMessage","validateFirst","reportValidity","isValid","errorMessage","message","updateStatus","length","setCustomValidity","focus","focusVisible","force","blur","e","querySelector","requestAnimationFrame","typeChange","isRadioChecked","observe","unobserve","labelId","isRtl","ownerDocument","dir","h","Host","class","Object","assign","createColorClasses","color","nanocb","nanocb--checked","nanocb--invalid","nanocb--disabled","nanocb--focused","nanocb--indeterminate","htmlFor","aria-labelledby","onBlur","onFocus","onChange","ref","id","onInvalid","label","hidden"],"mappings":";;;wIAAA,MAAMA,EAAc,k/VCmBpB,IAAIC,EAAc,MAcLC,EAAQ,MALrBC,YAAAC,4HAMUC,KAAAC,QAAU,WAAWL,MAIpBI,KAAAE,UAAkC,WAGHF,KAAAG,SAAW,MAKXH,KAAAI,QAAmB,MA4BlCJ,KAAAK,SAAoB,MAMpBL,KAAAM,MAAgB,KAUhBN,KAAAO,SAAoB,MAKpBP,KAAAQ,KAKJ,WAiBmBR,KAAAS,cAAyB,MAgBxDT,KAAAU,SAAW,MA6GZV,KAAAW,cAAiBC,IACvBZ,KAAKU,UAAaE,EAAGC,OAA4BC,SAASC,OAGpDf,KAAAgB,aAAgBJ,IACtBZ,KAAKI,QAAWQ,EAAGC,OAA4BT,QAC/CJ,KAAKS,cAAgB,OAGfT,KAAAiB,YAAc,KACpBjB,KAAKG,SAAW,KAChBH,KAAKkB,UAAUC,QAGTnB,KAAAoB,WAAa,KACnBpB,KAAKG,SAAW,MAChBH,KAAKqB,SAASF,QAjNhBrB,4BACEE,KAAKsB,MAAMlB,QAAUJ,KAAKI,QAE1B,GAAIJ,KAAKE,YAAc,SAAWF,KAAKuB,MAAQvB,KAAKI,QAAS,CAC3D,IAAIoB,EAAOxB,KAAKyB,KAAKC,QAAQ,QAC7B,IAAIC,EACJ,GAAIH,EAAM,CACRG,EAASC,MAAMC,KACbL,EAAKM,iBAAiB,uBAAuB9B,KAAKuB,eAE/C,CACLI,EAASC,MAAMC,KACbE,SAASD,iBAAiB,uBAAuB9B,KAAKuB,WACtDS,QAAQC,IAAWA,EAAMP,QAAQ,UAErCC,EAAOO,KAAKC,IACV,GAAIA,IAAOnC,KAAKyB,KAAMU,EAAG/B,QAAU,SAGvCJ,KAAKoC,WAAWjB,KAAK,CAAEb,MAAON,KAAKM,MAAOF,QAASJ,KAAKI,UAmC1DN,aACE,GAAIE,KAAKQ,OAAS,YAAcR,KAAKQ,OAAS,MAC5CR,KAAKE,UAAY,gBACdF,KAAKE,UAAY,QAcxBJ,4BACEE,KAAKI,QAAU,MACfJ,KAAKsB,MAAMb,cAAgBT,KAAKS,cAOlC4B,cAEE,OAAOrC,KAAKU,SAOd4B,sBAEE,IAAKtC,KAAKsB,MAAO,MAAO,GACxB,OAAOtB,KAAKsB,MAAMiB,kBAkCpBzC,wBACE,GAAIE,KAAKsB,MAAO,OAAOtB,KAAKsB,MAS9BxB,qBACE0C,EAAyB,OAEzB,GAAIA,EAAexC,KAAKsB,MAAMmB,iBAC9BzC,KAAKU,UAAYV,KAAKsB,MAAMR,SAASC,MAErC,MAAO,CACL2B,SAAU1C,KAAKqC,QACfM,aAAc3C,KAAKsB,MAAMiB,mBAS7BzC,eAAe8C,EAAiBC,EAAe,MAC7C,IAAK7C,KAAKsB,MAAO,OACjB,GAAIuB,EAAc7C,KAAKU,WAAakC,EAAQE,OAC5C9C,KAAKsB,MAAMyB,kBAAkBH,GAO/B9C,iBACE,GAAIE,KAAKsB,MAAO,CACdtB,KAAKsB,MAAM0B,QACXC,EAAaC,MAAMlD,KAAKsB,QAQ5BxB,oBACE,GAAIE,KAAKsB,MAAO,CACdtB,KAAKsB,MAAM6B,OACXF,EAAaC,MAAMlD,KAAKsB,MAAO,QAKnCxB,QAAQsD,GACN,MAAM5B,EAAOxB,KAAKwB,KACdO,SAASsB,cAAc,IAAMrD,KAAKwB,MAClCxB,KAAKyB,KAAKC,QAAQ,QACtB,IAAKF,GAAQ4B,EAAEvC,SAAWb,KAAKyB,KAAKC,QAAQ,QAAS,OAErD1B,KAAKI,QAAU,MA0BTN,iBACNwD,uBAAsB,IAAOtD,KAAKI,QAAUJ,KAAKsB,MAAMlB,UAKzDN,oBACEE,KAAKuD,aAGPzD,mBACEE,KAAKsB,MAAMb,cAAgBT,KAAKS,cAChCT,KAAKwD,iBACLP,EAAaQ,QAAQzD,KAAKsB,OAG5BxB,uBACEmD,EAAaS,UAAU1D,KAAKsB,OAG9BxB,SACE,MAAM6D,EAAU3D,KAAKC,QAAU,OAC/B,IAAI2D,EAAS5D,KAAKyB,KAAKoC,cAA2BC,MAAQ,MAE1D,OACEC,EAACC,EAAI,CACHC,MAAKC,OAAAC,OAAA,GAAOC,EAAmBpE,KAAKqE,QACpCP,IAAKF,EAAQ,MAAQ,MAErBG,EAAA,QAAA,CACEE,MAAO,CACLK,OAAQ,KACRC,kBAAmBvE,KAAKI,QACxBoE,kBAAmBxE,KAAKqC,QACxBoC,mBAAoBzE,KAAKK,SACzBqE,kBAAmB1E,KAAKG,SACxBwE,wBAAyB3E,KAAKS,eAEhCmE,QAAS5E,KAAKC,SAEd8D,EAAA,QAAA,CACEvD,KAAMR,KAAKE,UACXqB,KAAMvB,KAAKuB,KACXC,KAAMxB,KAAKwB,KACXjB,SAAUP,KAAKO,SACfH,QAASJ,KAAKI,QACdC,SAAUL,KAAKK,SACfC,MAAON,KAAKM,MAAKuE,kBACAlB,EACjBmB,OAAQ9E,KAAKoB,WACb2D,QAAS/E,KAAKiB,YACd+D,SAAUhF,KAAKgB,aACfiE,IAAM3D,GAAWtB,KAAKsB,MAAQA,EAC9B4D,GAAIlF,KAAKC,QACTkF,UAAWnF,KAAKW,gBAElBoD,EAAA,OAAA,CAAME,MAAO,gCAAkCjE,KAAKQ,OAEpDuD,EAAA,MAAA,CAAKmB,GAAIvB,EAASM,MAAO,gCAAkCjE,KAAKQ,MAC7DR,KAAKoF,SAAWpF,KAAKoF,MAAMtC,QAAUiB,EAAA,OAAA,KAAO/D,KAAKoF,OAClDrB,EAAA,OAAA,CAAMsB,OAAQrF,KAAKoF,SAAWpF,KAAKoF,MAAMtC,QACvCiB,EAAA,OAAA","sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@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-invalid-style: Control box-shadow when invalid. Defaults to to #{$control-invalid-style};\n   * @prop --focus-shadow: Control focus box-shadow. Defaults to to #{$control-focus-style};\n   * @prop --padding: padding around radio and checkbox controls. Defaults to initial;\n   * @prop --control-padding: padding around tag and segmented controls text. Various defaults.\n\n   * @prop --check-bg-color: Initial Bg color of radio / checkbox controls. Changes for [checked] and [disabled] states. Defaults to #{map.get($colors, white)};\n   * @prop --check-border-style: Initial border style. Defaults to 1px solid #{map.get($colors, palegrey)};\n   * @prop --check-checked-bg-color: Checked bg of controls (not tag). Defaults to #{map.get($colors, darkgrey)};\n   * @prop --check-checked-border-color: Checked border color of radio / checkbox controls. Defaults to #{map.get($colors, darkgrey)};\n   * @prop --check-checked-higlight-color: Checked forgrdound / icon color. Defaults to #{map.get($colors, white)};\n   * @prop --check-base-size: Relative scaling size for check controls. Defaults to to inherit;\n\n   * @prop --cb-border-radius: Checkbox border radius. Defaults to to 2px and 5px on [has-focus];\n   * @prop --radio-border-radius: Radio border radius. Defaults to to 50%;\n   * @prop --tagbox-rgb: an rba list for tags which can be used to generate --tagbox-border-color and --tagbox-bg-color. Defaults to #{color-to-rgb-list(map.get($colors, lightblue))};\n   * @prop --tagbox-border-color: Defaults to rgba(var(--tagbox-rgb), .5);\n   * @prop --tagbox-bg-color: Defaults to rgba(var(--tagbox-rgb), .1);\n   * @prop --segment-color: Segment, unselected text color. (selected color is --check-checked-higlight-color). Defaults to #{map.get($colors, blue)};\n   * @prop --segment-border-radius: Defaults to 3px;\n   * @prop --segment-shadow: 0 1px 4px rgba(0,0,0,.2);\n  */\n\n  --focus-shadow: #{$control-focus-style};\n  --invalid-shadow: #{$control-focus-size + ' ' map.get($colors, red)};\n  --padding: initial;\n  --check-bg-color: #{map.get($colors, white)};\n  --check-border-style: 1px solid #{map.get($colors, palegrey)};\n  --check-checked-bg-color: #{map.get($colors, darkgrey)};\n  --check-checked-border-color: #{map.get($colors, darkgrey)};\n  --check-checked-higlight-color: #{map.get($colors, white)};\n  --check-base-size: inherit;\n\n  // type specific\n\n  --tagbox-rgb: #{color-to-rgb-list(map.get($colors, lightblue))};\n  --tagbox-border-color: rgba(var(--tagbox-rgb), 0.5);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), 0.2);\n  --tagbox-border-radius: 0;\n  --segment-color: #{map.get($colors, blue)};\n  --segment-border-radius: 3px;\n  --segment-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  --cb-border-radius: 2px;\n  --radio-border-radius: 50%;\n\n  display: inline-block;\n  max-width: 100%;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\n:host([type='tag']) {\n  text-transform: uppercase;\n\n  --control-padding: 0.2rem 1rem;\n}\n\n:host([type='segment']) {\n  --check-border-style: none;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host([type='segment-pill']) {\n  --check-border-style: 1px solid #{rgba(map.get($colors, palegrey), 0.5)};\n  --segment-border-radius: 5px;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host(.nano-color) {\n  --tagbox-rgb: var(--nano-color-base-rgb);\n  --focus-shadow: #{$control-focus-size} var(--nano-color-shade);\n}\n\n:host([checked]:not([checked='false'])) {\n  --tagbox-border-color: rgba(var(--tagbox-rgb), 0.8);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), 0.5);\n}\n\n:host([has-focus]:not([has-focus='false'])) {\n  --cb-border-radius: 5px;\n}\n\n:host([disabled]:not([disabled='false'])) {\n  opacity: 0.7;\n\n  --tagbox-rgb: #{color-to-rgb-list(map.get($colors, mediumgrey))};\n  --check-bg-color: #{rgba(map.get($colors, mediumgrey), 0.5)};\n  --check-checked-bg-color: #{rgba(map.get($colors, mediumgrey), 0.5)};\n  --segment-color: #{map.get($colors, darkgrey)};\n}\n\n.nanocb {\n  padding: var(--padding);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &__input {\n    @include border-radius(var(--cb-border-radius, 3px));\n\n    font-size: var(--check-base-size);\n    position: relative;\n    height: 1.5em;\n    width: 1.5em;\n    min-width: 1.5em;\n    border: var(--check-border-style);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n\n    &::before {\n      @include border-radius(var(--cb-border-radius));\n\n      position: absolute;\n      content: '';\n      left: 0.625em;\n      top: 0.625em;\n      width: 0;\n      height: 0;\n      border: 2px solid var(--check-checked-higlight-color);\n      transform: scale(0);\n    }\n\n    &--radio {\n      @include border-radius(var(--radio-border-radius));\n\n      background-color: var(--check-bg-color);\n    }\n\n    &--checkbox {\n      background-color: var(--check-bg-color);\n\n      &::after {\n        @include border-radius(var(--cb-border-radius));\n\n        position: absolute;\n        content: '';\n        left: 0.75em;\n        top: 0.75em;\n        height: 0;\n        width: 0;\n        border: solid var(--check-checked-higlight-color);\n        border-width: 0 0.1875em 0.1875em 0;\n        transform: rotate(0deg) scale(0);\n        opacity: 1;\n        transition: all 0.15s ease-out;\n\n        .nanocb--indeterminate & {\n          border-width: 0 0 0.1875em 0;\n        }\n      }\n    }\n\n    &--segment,\n    &--segment-pill {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n\n    &--tag {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n\n  &--invalid:not(.nanocb--focused) {\n    .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--invalid-shadow);\n\n      &--tag + .nanocb__label,\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        box-shadow: var(--invalid-shadow);\n        z-index: 1;\n      }\n    }\n  }\n\n  input {\n    @include visually-hide();\n\n    &:focus ~ .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--focus-shadow);\n    }\n\n    &.focus-visible:focus ~ .nanocb__input {\n      &--tag + .nanocb__label,\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        box-shadow: var(--focus-shadow);\n        z-index: 1;\n      }\n    }\n\n    &:checked ~ .nanocb__input {\n      @include border-radius(var(--cb-border-radius));\n\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-border-color);\n\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        color: var(--check-checked-higlight-color);\n        background-color: var(--check-checked-bg-color);\n        box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);\n      }\n\n      &--radio {\n        border-radius: var(--radio-border-radius);\n        border-width: 0.3125em;\n        background-color: var(--check-checked-higlight-color);\n\n        &::after {\n          border: solid var(--check-checked-border-color);\n          border-width: 0 0.125em 0.125em 0;\n          opacity: 0;\n        }\n\n        &::before {\n          border-radius: var(--radio-border-radius);\n        }\n      }\n\n      &--checkbox {\n        &::after {\n          transform: rotate(45deg) scale(1);\n          opacity: 1;\n          left: 0.475em;\n          top: 0.1875em;\n          width: 0.375em;\n          height: 0.75em;\n          border-radius: 0;\n        }\n      }\n\n      &--tag + .nanocb__label::after {\n        transform: rotate(45deg);\n      }\n    }\n\n    &:indeterminate ~ .nanocb__input--checkbox {\n      @include border-radius(var(--input-border-radius, 5px));\n\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-bg-color);\n\n      &::after {\n        transform: scale(1);\n        opacity: 1;\n        left: 0.3125em;\n        top: 0;\n        width: 0.7em;\n        height: 0.7em;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &__label {\n    @include padding(0, 0, 0, 10px);\n\n    display: flex;\n    align-items: center;\n    font-stretch: condensed;\n    line-height: 1;\n    flex: 1;\n    justify-content: space-between;\n\n    &--segment,\n    &--segment-pill {\n      border: var(--check-border-style);\n      border-radius: var(--segment-border-radius);\n      box-shadow: var(--segment-shadow);\n      display: inline-flex;\n      padding: var(--control-padding);\n      background: var(--check-bg-color);\n      color: var(--segment-color);\n      align-items: center;\n      width: 100%;\n    }\n\n    &--segment-pill {\n      // first\n      @include ltr-host(':first-of-type') {\n        border-radius:\n          var(--segment-border-radius) 0 0\n          var(--segment-border-radius);\n        border-right: none;\n      }\n\n      @include rtl-host(':first-of-type') {\n        border-radius:\n          0 var(--segment-border-radius)\n          var(--segment-border-radius) 0;\n        border-left: none;\n      }\n      // middle\n      @include ltr-host(':not(:last-of-type):not(:first-of-type)') {\n        border-radius: 0 0 0 0;\n        border-right: none;\n      }\n\n      @include rtl-host(':not(:last-of-type):not(:first-of-type)') {\n        border-left: none;\n      }\n      // last\n      @include ltr-host(':last-of-type') {\n        border-radius:\n          0 var(--segment-border-radius)\n          var(--segment-border-radius) 0;\n      }\n\n      @include rtl-host(':last-of-type') {\n        border-radius:\n          var(--segment-border-radius) 0 0\n          var(--segment-border-radius);\n      }\n      // single\n      @include host(':first-of-type:last-of-type') {\n        border-radius: var(--segment-border-radius);\n        border: var(--check-border-style);\n      }\n    }\n\n    &--tag {\n      letter-spacing: 2px;\n      font-weight: 500;\n      font-size: 0.65em;\n      line-height: 1.4;\n      padding: var(--control-padding);\n      border: 2px solid #b5aea7;\n      border-color: var(--tagbox-border-color);\n      background-color: var(--tagbox-bg-color);\n      transition: all 0.2s;\n      border-radius: var(--cb-border-radius);\n      width: 100%;\n\n      &::after {\n        content: '+';\n\n        @include margin(0, 0, 0, 0.3125em);\n\n        font-weight: 200;\n        position: relative;\n        font-family: inherit;\n        font-size: 1.8em;\n        display: inline-block;\n        transform: rotate(0deg);\n        transform-origin: center;\n      }\n\n      span {\n        display: block;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  h,\n  ComponentInterface,\n  State,\n  Watch,\n  Method,\n  Element,\n  Host,\n  Listen,\n} from '@stencil/core';\nimport { CheckboxChangeEventDetail, ControlValidity } from '../../interface';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils';\nimport { focusVisible } from '../../utils/focus-visible';\n\nlet checkboxIds = 0;\n\n/**\n * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.\n * They appear as checked when activated.\n * They can be checked by mouse, keyboard, touch or programmatically by setting the checked property.\n *\n * @slot - if you do not set a label attribute, you can use this slot for more complex markup\n */\n@Component({\n  tag: 'nano-checkbox',\n  styleUrl: 'checkbox.scss',\n  scoped: true,\n})\nexport class Checkbox implements ComponentInterface {\n  private inputId = `nano-cb-${checkboxIds++}`;\n  private input: HTMLInputElement;\n\n  @Element() private host: HTMLNanoCheckboxElement;\n  @State() inputType: 'checkbox' | 'radio' = 'checkbox';\n\n  /** @internal */\n  @Prop({ mutable: true, reflect: true }) hasFocus = false;\n\n  /**\n   * checked property that can be used to get/set the value. accepts only boolean values\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  @Watch('checked')\n  async handleCheckedChange() {\n    this.input.checked = this.checked;\n\n    if (this.inputType === 'radio' && this.name && this.checked) {\n      let form = this.host.closest('form');\n      let radios: Element[];\n      if (form) {\n        radios = Array.from(\n          form.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        );\n      } else {\n        radios = Array.from(\n          document.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        ).filter((radio) => !radio.closest('form'));\n      }\n      radios.map((el: HTMLNanoCheckboxElement) => {\n        if (el !== this.host) el.checked = false;\n      });\n    }\n    this.nanoChange.emit({ value: this.value, checked: this.checked });\n  }\n\n  /**\n   * If `true`, the user cannot interact with the checkbox.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * The value of a checkbox is analogous to the value of an `<input type='checkbox'>`,\n   * it's only present when `checked` is true.\n   */\n  @Prop({ reflect: true }) value: string = 'on';\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Set to true to make the field required.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Controls the underlying field type and style.\n   */\n  @Prop({ reflect: true }) type:\n    | 'radio'\n    | 'checkbox'\n    | 'tag'\n    | 'segment'\n    | 'segment-pill' = 'checkbox';\n\n  @Watch('type')\n  typeChange() {\n    if (this.type === 'checkbox' || this.type === 'tag')\n      this.inputType = 'checkbox';\n    else this.inputType = 'radio';\n  }\n\n  /**\n   * label property that can be used to set the label text. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")\n   */\n  @Prop({ mutable: true, reflect: true }) indeterminate: boolean = false;\n\n  @Watch('indeterminate')\n  handleIndeterminateChange() {\n    this.checked = false;\n    this.input.indeterminate = this.indeterminate;\n  }\n\n  /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    return this._invalid;\n  }\n  @State() _invalid = false;\n\n  /**\n   * Current validation message - if any. @readonly\n   */\n  @Prop()\n  get validityMessage() {\n    if (!this.input) return '';\n    return this.input.validationMessage;\n  }\n\n  /**\n   * Color to use from your application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * The form element to associate the input with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * Emited when the checkbox is toggled\n   */\n  @Event() nanoChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  /**\n   * Emited when the checkbox is focused\n   */\n  @Event() nanoFocus: EventEmitter;\n\n  /**\n   * Emited when the checkbox is blurred\n   */\n  @Event() nanoBlur: EventEmitter;\n\n  // public methods\n\n  /**\n   * Returns the native input control\n   */\n  @Method()\n  async getInputElement() {\n    if (this.input) return this.input;\n  }\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `Promise<{ isValid: boolean, errorMessage: string }>`\n   */\n  @Method()\n  async reportValidity(\n    validateFirst: boolean = false\n  ): Promise<ControlValidity> {\n    if (validateFirst) this.input.reportValidity();\n    this._invalid = !this.input.validity.valid;\n\n    return {\n      isValid: !this.invalid,\n      errorMessage: this.input.validationMessage,\n    };\n  }\n\n  /**\n   * Sets a custom validation message.\n   * If `message` is not empty, the field will be considered invalid. Use in conjunction with `nano-checkbox-group`\n   */\n  @Method()\n  async setError(message: string, updateStatus = true) {\n    if (!this.input) return;\n    if (updateStatus) this._invalid = !!message.length;\n    this.input.setCustomValidity(message);\n  }\n\n  /**\n   * Sets focus on the checkbox.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) {\n      this.input.focus();\n      focusVisible.force(this.input);\n    }\n  }\n\n  /**\n   * Removes focus from the checkbox.\n   */\n  @Method()\n  async removeFocus() {\n    if (this.input) {\n      this.input.blur();\n      focusVisible.force(this.input, false);\n    }\n  }\n\n  @Listen('reset', { target: 'body' })\n  onReset(e) {\n    const form = this.form\n      ? document.querySelector('#' + this.form)\n      : this.host.closest('form');\n    if (!form || e.target !== this.host.closest('form')) return;\n\n    this.checked = false;\n  }\n\n  // private handlers\n\n  private handleInvalid = (ev: Event) => {\n    this._invalid = !(ev.target as HTMLInputElement).validity.valid;\n  };\n\n  private handleChange = (ev: InputEvent) => {\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.indeterminate = false;\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  };\n\n  /* Although many radio components can be 'checked',\n  the underlying control may not be. Check */\n  private isRadioChecked() {\n    requestAnimationFrame(() => (this.checked = this.input.checked));\n  }\n\n  // Stencil hooks\n\n  componentWillLoad() {\n    this.typeChange();\n  }\n\n  componentDidLoad() {\n    this.input.indeterminate = this.indeterminate;\n    this.isRadioChecked();\n    focusVisible.observe(this.input);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.input);\n  }\n\n  render() {\n    const labelId = this.inputId + '-lbl';\n    let isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        dir={isRtl ? 'rtl' : null}\n      >\n        <label\n          class={{\n            nanocb: true,\n            'nanocb--checked': this.checked,\n            'nanocb--invalid': this.invalid,\n            'nanocb--disabled': this.disabled,\n            'nanocb--focused': this.hasFocus,\n            'nanocb--indeterminate': this.indeterminate,\n          }}\n          htmlFor={this.inputId}\n        >\n          <input\n            type={this.inputType}\n            name={this.name}\n            form={this.form}\n            required={this.required}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            aria-labelledby={labelId}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onChange={this.handleChange}\n            ref={(input) => (this.input = input)}\n            id={this.inputId}\n            onInvalid={this.handleInvalid}\n          />\n          <span class={'nanocb__input nanocb__input--' + this.type}></span>\n\n          <div id={labelId} class={'nanocb__label nanocb__label--' + this.type}>\n            {this.label && !!this.label.length && <span>{this.label}</span>}\n            <span hidden={this.label && !!this.label.length}>\n              <slot />\n            </span>\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/{p-5ae80fd7.js → p-ef7f1e9c.js}

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{g as r}from"./p-ab5813a7.js";var n=function(){var r;var n=new Promise((function(n){r=n}));return{promise:n,resolve:r}};var e=function(e,t){var o=e.prototype;var a=o.componentWillLoad;o.componentWillLoad=function(){var e=this;var o=r(this);var i=n();var s=new CustomEvent("openWormhole",{bubbles:true,composed:true,detail:{consumer:this,fields:t,updater:function(r,n){e[r]=n},onOpen:i}});o.dispatchEvent(s);return i.promise.then((function(){if(a){return a.call(e)}}))}};var t;(function(r){r["Filter"]="filter";r["Page"]="page";r["Replica"]="replica";r["Init"]="init"})(t||(t={}));const o=(r,n)=>e(r,n);export{t as S,o as W};
-//# sourceMappingURL=p-5ae80fd7.js.map
+import{g as r}from"./p-b5c33aff.js";var n=function(){var r;var n=new Promise((function(n){r=n}));return{promise:n,resolve:r}};var e=function(e,t){var o=e.prototype;var i=o.componentWillLoad;o.componentWillLoad=function(){var e=this;var o=r(this);var a=n();var s=new CustomEvent("openWormhole",{bubbles:true,composed:true,detail:{consumer:this,fields:t,updater:function(r,n){e[r]=n},onOpen:a}});o.dispatchEvent(s);return a.promise.then((function(){if(i){return i.call(e)}}))}};var t;(function(r){r["Filter"]="filter";r["Page"]="page";r["Replica"]="replica";r["Init"]="init"})(t||(t={}));const o=(r,n)=>e(r,n);export{t as S,o as W};
+//# sourceMappingURL=p-ef7f1e9c.js.map

package/dist/nano-components/{p-59b3d24b.system.js → p-f48be9f5.system.js}

@@ -1,5 +1,5 @@
 var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function s(e){try{f(r.next(e))}catch(t){a(t)}}function o(e){try{f(r["throw"](e))}catch(t){a(t)}}function f(e){e.done?n(e.value):i(e.value).then(s,o)}f((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return f([e,t])}}function f(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(o){s=[6,o];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var n=0,r=t.length,i=e.length;n<r;n++,i++)e[i]=t[n];return e};
 /*!
  * Web Components for Nanopore digital Web Apps
- */System.register([],(function(e,t){"use strict";return{execute:function(){var n=this;var r=e("N","nano-components");var i;var a;var s;var o=false;var f=false;var l=false;var c=false;var u=null;var $=false;var d=e("w",typeof window!=="undefined"?window:{});var v=e("C",d.CSS);var h=e("d",d.document||{head:{}});var p=e("H",d.HTMLElement||function(){function e(){}return e}());var m=e("p",{$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,n,r){return e.addEventListener(t,n,r)},rel:function(e,t,n,r){return e.removeEventListener(t,n,r)},ce:function(e,t){return new CustomEvent(e,t)}});var g=function(){return(h.head.attachShadow+"").indexOf("[native")>-1}();var y=e("a",(function(e){return Promise.resolve(e)}));var _=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replace==="function"}catch(e){}return false}();var b=function(e,t,n,r){if(n){n.map((function(n){var r=n[0],i=n[1],a=n[2];var s=w(e,r);var o=N(t,a);var f=C(r);m.ael(s,i,o,f);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return m.rel(s,i,o,f)}))}))}};var N=function(e,t){return function(n){try{{if(e.$flags$&256){e.$lazyInstance$[t](n)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}}}catch(r){st(r,e.$hostElement$||null)}}};var w=function(e,t){if(t&8)return d;if(t&16)return h.body;return e};var C=function(e){return(e&2)!==0};var T="{visibility:hidden}.hydrated{visibility:inherit}";var x="http://www.w3.org/1999/xlink";var j=function(e,t){if(t===void 0){t=""}{return function(){return}}};var S=function(e,t){{return function(){return}}};var E=new WeakMap;var O=function(e,t,n){var r=lt.get(e);if(_&&n){r=r||new CSSStyleSheet;r.replace(t)}else{r=t}lt.set(e,r)};var R=function(e,t,n,r){var i=P(t);var a=lt.get(i);e=e.nodeType===11?e:h;if(a){if(typeof a==="string"){e=e.head||e;var s=E.get(e);var o=void 0;if(!s){E.set(e,s=new Set)}if(!s.has(i)){{if(m.$cssShim$){o=m.$cssShim$.createHostStyle(r,i,a,!!(t.$flags$&10));var f=o["s-sc"];if(f){i=f;s=null}}else{o=h.createElement("style");o.innerHTML=a}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(i)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets),[a])}}return i};var L=function(e){var t=e.$cmpMeta$;var n=e.$hostElement$;var r=t.$flags$;var i=j("attachStyles",t.$tagName$);var a=R(g&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$,n);if(r&10){n["s-sc"]=a;n.classList.add(a+"-h");if(r&2){n.classList.add(a+"-s")}}i()};var P=function(e,t){return"sc-"+e.$tagName$};var A={};var k=function(e){return e!=null};var M=function(e){e=typeof e;return e==="object"||e==="function"};var H=e("h",(function(e,t){var n=[];for(var r=2;r<arguments.length;r++){n[r-2]=arguments[r]}var i=null;var a=null;var s=null;var o=false;var f=false;var l=[];var c=function(t){for(var n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){c(i)}else if(i!=null&&typeof i!=="boolean"){if(o=typeof e!=="function"&&!M(i)){i=String(i)}if(o&&f){l[l.length-1].$text$+=i}else{l.push(o?I(null,i):i)}f=o}}};c(n);if(t){if(t.key){a=t.key}if(t.name){s=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,l,z)}var $=I(e,null);$.$attrs$=t;if(l.length>0){$.$children$=l}{$.$key$=a}{$.$name$=s}return $}));var I=function(e,t){var n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{n.$attrs$=null}{n.$key$=null}{n.$name$=null}return n};var B=e("e",{});var D=function(e){return e&&e.$tag$===B};var z={forEach:function(e,t){return e.map(q).forEach(t)},map:function(e,t){return e.map(q).map(t).map(U)}};var q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var U=function(e){if(typeof e.vtag==="function"){var t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H.apply(void 0,__spreadArray([e.vtag,t],e.vchildren||[]))}var n=I(e.vtag,e.vtext);n.$attrs$=e.vattrs;n.$children$=e.vchildren;n.$key$=e.vkey;n.$name$=e.vname;return n};var V=function(e,t,n,r,i,a){if(n!==r){var s=at(e,t);var o=t.toLowerCase();if(t==="class"){var f=e.classList;var l=F(n);var c=F(r);f.remove.apply(f,l.filter((function(e){return e&&!c.includes(e)})));f.add.apply(f,c.filter((function(e){return e&&!l.includes(e)})))}else if(t==="style"){{for(var u in n){if(!r||r[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in r){if(!n||r[u]!==n[u]){if(u.includes("-")){e.style.setProperty(u,r[u])}else{e.style[u]=r[u]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(at(d,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n){m.rel(e,t,n,false)}if(r){m.ael(e,t,r,false)}}else{var $=M(r);if((s||$&&r!==null)&&!i){try{if(!e.tagName.includes("-")){var v=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!=v){e[t]=v}}else{e[t]=r}}catch(p){}}var h=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;h=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(h){e.removeAttributeNS(x,t)}else{e.removeAttribute(t)}}}else if((!s||a&4||i)&&!$){r=r===true?"":r;if(h){e.setAttributeNS(x,t,r)}else{e.setAttribute(t,r)}}}}};var W=/\s/;var F=function(e){return!e?[]:e.split(W)};var G=function(e,t,n,r){var i=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var a=e&&e.$attrs$||A;var s=t.$attrs$||A;{for(r in a){if(!(r in s)){V(i,r,a[r],undefined,n,t.$flags$)}}}for(r in s){V(i,r,a[r],s[r],n,t.$flags$)}};var J=function(e){var t=e.cloneNode;e.cloneNode=function(e){var n=this;var r=t.call(n,false);if(e){var i=0;var a=void 0,s=void 0;var o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-sf","s-sfc","s-hsf"];for(;i<n.__childNodes.length;i++){a=n.__childNodes[i]["s-nr"];s=o.every((function(e){return!n.__childNodes[i][e]}));if(a){r.__appendChild(a.cloneNode(true))}if(s){r.__appendChild(n.__childNodes[i].cloneNode(true))}}}return r}};var K=function(e){Q(e);ne(e);ie(e);re(e);se(e);oe(e);fe(e);ae(e);X(e);Y(e);Z(e)};var Q=function(e){var t=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype.item=function(e){return this[e]};return t}(Array);var n=Object.getOwnPropertyDescriptor(Node.prototype,"childNodes");if(n)Object.defineProperty(e,"__childNodes",n);var r=Object.getOwnPropertyDescriptor(Element.prototype,"children");if(!r)r=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children");if(r)Object.defineProperty(e,"__children",r);var i=Object.getOwnPropertyDescriptor(Element.prototype,"childElementCount");if(i)Object.defineProperty(e,"__childElementCount",i);Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){if(e.nodeType===1)return e;else return null})).filter((function(e){return!!e}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});if(!n)return;Object.defineProperty(e,"childNodes",{get:function(){var e=this.__childNodes;var n=new t;for(var r=0;r<e.length;r++){var i=e[r]["s-nr"];if(i){n.push(i)}}return n}})};var X=function(e){var t=Object.getOwnPropertyDescriptor(Element.prototype,"innerHTML");if(!t)t=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML");if(t)Object.defineProperty(e,"__innerHTML",t);Object.defineProperty(e,"innerHTML",{get:function(){var e="";this.childNodes.forEach((function(t){return e+=t.outerHTML||t.textContent}));return e},set:function(e){this.childNodes.forEach((function(e){if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var Y=function(e){var t=Object.getOwnPropertyDescriptor(Element.prototype,"innerText");if(!t)t=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerText");if(t)Object.defineProperty(e,"__innerText",t);Object.defineProperty(e,"innerText",{get:function(){var e="";this.childNodes.forEach((function(t){return e+=t.innerText||t.textContent.trimEnd()}));return e},set:function(e){this.childNodes.forEach((function(e){if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var Z=function(e){var t=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");if(t)Object.defineProperty(e,"__textContent",t);Object.defineProperty(e,"textContent",{get:function(){var e="";this.childNodes.forEach((function(t){return e+=t.textContent||""}));return e},set:function(e){this.childNodes.forEach((function(e){if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var ee=function(e){if(!e||e.__remove)return;e.__remove=e.remove||true;te(e.parentNode);e.remove=function(){if(this.parentNode){return this.parentNode.removeChild(this)}return this.__remove()}};var te=function(e){if(!e||e.__removeChild)return;e.__removeChild=e.removeChild;e.removeChild=function(e){if(e["s-sn"]){var t=ce(this.__childNodes||this.childNodes,e["s-sn"]);this.__removeChild(e);if(t&&t["s-hsf"])de(this);return}return this.__removeChild(e)}};var ne=function(e){if(e.__appendChild)return;e.__appendChild=e.appendChild;e.appendChild=function(e){var t=e["s-sn"]=le(e);var n=ce(this.__childNodes,t);if(n){var r=document.createTextNode("");r["s-nr"]=e;if(n["s-cr"].parentNode){n["s-cr"].parentNode.__appendChild(r)}e["s-ol"]=r;ee(e);var i=ue(n,t);var a=i[i.length-1];a.parentNode.insertBefore(e,a.nextSibling);te(e.parentNode);if(n["s-hsf"])de(n.parentNode);return}if(e.nodeType===1&&!!e.getAttribute("slot")&&this.__childNodes)e.hidden=true;return this.__appendChild(e)}};var re=function(e){if(e.__prepend)return;e.__prepend=e.prepend;e.prepend=function(){var e=this;var t=[];for(var n=0;n<arguments.length;n++){t[n]=arguments[n]}t.forEach((function(t){if(typeof t==="string"){t=e.ownerDocument.createTextNode(t)}var n=t["s-sn"]=le(t);var r=ce(e.__childNodes,n);if(r){var i=document.createTextNode("");i["s-nr"]=t;if(r["s-cr"].parentNode){r["s-cr"].parentNode.__appendChild(i)}t["s-ol"]=i;ee(t);var a=ue(r,n);var s=a[0];s.parentNode.insertBefore(t,s.nextSibling);te(t.parentNode);if(r["s-hsf"])de(r.parentNode);return}if(t.nodeType===1&&!!t.getAttribute("slot")&&e.__childNodes)t.hidden=true;return e.__prepend(t)}))}};var ie=function(e){if(e.__append)return;e.__append=e.append;e.append=function(){var e=this;var t=[];for(var n=0;n<arguments.length;n++){t[n]=arguments[n]}t.forEach((function(t){if(typeof t==="string"){t=e.ownerDocument.createTextNode(t)}e.appendChild(t)}))}};var ae=function(e){if(e.__replaceChildren)return;e.__replaceChildren=e.replaceChildren;e.replaceChildren=function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=ce(this.__childNodes,"");if(n){var r=ue(n,"");r.forEach((function(e){if(!e["s-sr"]){e.remove()}}));this.append.apply(this,e)}}};var se=function(e){if(e.__insertAdjacentHTML)return;e.__insertAdjacentHTML=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,t){if(e!=="afterbegin"&&e!=="beforeend"){return this.__insertAdjacentHTML(e,t)}var n=this.ownerDocument.createElement("_");var r;n.innerHTML=t;if(e==="afterbegin"){while(r=n.firstChild){this.prepend(r)}}else if(e==="beforeend"){while(r=n.firstChild){this.append(r)}}}};var oe=function(e){if(e.__insertAdjacentText)return;e.__insertAdjacentText=e.insertAdjacentText;e.insertAdjacentText=function(e,t){this.insertAdjacentHTML(e,t)}};var fe=function(e){if(e.__insertAdjacentElement)return;e.__insertAdjacentElement=e.insertAdjacentElement;e.insertAdjacentElement=function(e,t){if(e!=="afterbegin"&&e!=="beforeend"){return this.__insertAdjacentElement(e,t)}if(e==="afterbegin"){this.prepend(t)}else if(e==="beforeend"){this.append(t)}}};var le=function(e){return e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||e.slot||""};var ce=function(e,t){var n=0;var r;if(!e)return null;for(;n<e.length;n++){r=e[n];if(r["s-sr"]&&r["s-sn"]===t){return r}r=ce(r.childNodes,t);if(r){return r}}return null};var ue=function(e,t){var n=[e];while((e=e.nextSibling)&&e["s-sn"]===t){n.push(e)}return n};var $e=function(e,t){if(!e["s-hsf"])return;var n=e;while((n=n.previousSibling||n.parentNode)&&n.tagName!==e["s-hn"]){if(n["s-sr"]&&t&&n["s-psn"]&&n["s-psn"]===e["s-sn"]){$e(n,true);continue}if(n["s-sn"]!==e["s-sn"])continue;if(n.nodeType===1){n.hidden=t;n.style.display=t?"none":""}else if(!!n["s-sfc"]){if(t){n["s-sfc"]=n.textContent;n.textContent=""}else if(n.textContent.trim()===""){n.textContent=n["s-sfc"]}}}};var de=function(e){var t=e.__childNodes||e.childNodes;var n;var r;var i;var a;var s;var o;for(r=0,i=t.length;r<i;r++){n=t[r];if(n["s-sr"]){s=n["s-sn"];$e(n,false);for(a=0;a<i;a++){o=t[a].nodeType;if(t[a]["s-sf"])continue;if(t[a]["s-hn"]!==n["s-hn"]||s!==""){if(o===1&&s===t[a]["s-sn"]){$e(n,true);ee(t[a]);break}}else if(t[a]["s-sn"]===s){if(o===1||o===3&&t[a].textContent.trim()!==""){$e(n,true);ee(t[a]);break}}}}de(n)}};var ve=function(e,t,n,r){var f=t.$children$[n];var u=0;var $;var d;var v;if(!o){l=true;if(f.$tag$==="slot"){if(i){r.classList.add(i+"-s")}f.$flags$|=f.$children$?2:1}}if(f.$text$!==null){$=f.$elm$=h.createTextNode(f.$text$)}else if(f.$flags$&(1|2)){$=f.$elm$=h.createTextNode("")}else{$=f.$elm$=h.createElement(f.$tag$);{G(null,f,c)}if(k(i)&&$["s-si"]!==i){$.classList.add($["s-si"]=i)}if(f.$children$){for(u=0;u<f.$children$.length;++u){d=ve(e,f,u,$);if(d){$.__appendChild?$.__appendChild(d):$.appendChild(d)}}}}{$["s-hn"]=s;if(f.$flags$&(2|1)){$["s-sr"]=true;$["s-cr"]=a;$["s-sn"]=f.$name$||"";if(t.$name$)$["s-psn"]=t.$name$;if(f.$flags$&2){if(f.$children$){for(u=0;u<f.$children$.length;++u){var p=$.nodeType===1?$:r;while(p.nodeType!==1){p=p.parentNode}d=ve(e,f,u,p);d["s-sf"]=$["s-hsf"]=true;if(typeof d["s-sn"]==="undefined")d["s-sn"]=f.$name$||"";if(d.nodeType===3){d["s-sfc"]=d.textContent}if(d){p.__appendChild?p.__appendChild(d):p.appendChild(d)}}}}v=e&&e.$children$&&e.$children$[n];if(v&&v.$tag$===f.$tag$&&e.$elm$){he(e.$elm$,false)}}}return $};var he=function(e,t){m.$flags$|=1;var n=e.__childNodes||e.childNodes;for(var r=n.length-1;r>=0;r--){var i=n[r];if(i["s-hn"]!==s&&i["s-ol"]){Ne(i).insertBefore(i,be(i));i["s-ol"].remove();i["s-ol"]=undefined;l=true}if(t){he(i,t)}}m.$flags$&=~1};var pe=function(e,t,n,r,i,a){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var f;if(o.shadowRoot&&o.tagName===s){o=o.shadowRoot}for(;i<=a;++i){if(r[i]){f=ve(null,n,i,e);if(f){r[i].$elm$=f;o.insertBefore(f,be(t))}}}};var me=function(e){var t;var n;var r;var i=e.__childNodes||e.childNodes;for(n=0,r=i.length;n<r;n++){t=i[n];if(t["s-ol"]){if(t["s-hn"])t["s-hn"]=undefined}else{me(t)}}};var ge=function(e,t,n,r,i){for(;t<=n;++t){if(r=e[t]){i=r.$elm$;je(r);{f=true;me(i);if(i["s-ol"]){i["s-ol"].remove()}else{he(i,true)}}i.remove()}}};var ye=function(e,t,n,r){var i=0;var a=0;var s=0;var o=0;var l=0;var c=t.length-1;var u=t[0];var $=t[c];var d=r.length-1;var v=r[0];var h=r[d];var p;var m;var g;var y;var _=[];var b;var N={};var w;var C;var T;var x;while(i<=c&&a<=d){if(u==null){u=t[++i]}else if($==null){$=t[--c]}else if(v==null){v=r[++a]}else if(h==null){h=r[--d]}else if(_e(u,v)){we(u,v);u=t[++i];v=r[++a]}else if(_e($,h)){we($,h);$=t[--c];h=r[--d]}else if(_e(u,h)){if(u.$tag$==="slot"||h.$tag$==="slot"){he(u.$elm$.parentNode,false)}we(u,h);e.insertBefore(u.$elm$,$.$elm$.nextSibling);u=t[++i];h=r[--d]}else if(_e($,v)){if(u.$tag$==="slot"||h.$tag$==="slot"){he($.$elm$.parentNode,false)}we($,v);e.insertBefore($.$elm$,u.$elm$);$=t[--c];v=r[++a]}else{s=-1;{for(o=i;o<=c;++o){if(t[o]&&t[o].$key$!==null&&t[o].$key$===v.$key$){s=o;break}}}if(s>=0){m=t[s];if(m.$tag$!==v.$tag$){p=ve(t&&t[a],n,s,e)}else{we(m,v);t[s]=undefined;p=m.$elm$}v=r[++a]}else{p=ve(t&&t[a],n,a,e);v=r[++a]}if(p){{Ne(u.$elm$).insertBefore(p,be(u.$elm$))}}}}if(i>c){pe(e,r[d+1]==null?null:r[d+1].$elm$,n,r,a,d)}else if(a>d){ge(t,i,c)}if(e.parentNode&&n.$elm$["s-hsf"]){g=e.parentNode.__childNodes||e.parentNode.childNodes;y=g.length-1;for(o=0;o<=y;++o){C=g[o];if(C["s-hsf"]){_.push(C);continue}if(C["s-sf"]){if(!N[C["s-sn"]])N[C["s-sn"]]=[];N[C["s-sn"]].push(C)}}b=_.length-1;for(o=0;o<=b;++o){T=_[o];if(!N[T["s-sn"]])continue;w=N[T["s-sn"]].length-1;for(l=0;l<=w;++l){x=N[T["s-sn"]][l];T.parentNode.insertBefore(x,T)}}f=true}};var _e=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var be=function(e){return e&&e["s-ol"]||e};var Ne=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var we=function(e,t){var n=t.$elm$=e.$elm$;var r=e.$children$;var i=t.$children$;var a=t.$tag$;var s=t.$text$;var o;if(s===null){{if(a==="slot");else{G(e,t,c)}}if(r!==null&&i!==null){ye(n,r,t,i)}else if(i!==null){if(e.$text$!==null){n.textContent=""}pe(n,null,t,i,0,i.length-1)}else if(r!==null){ge(r,0,r.length-1)}}else if(o=n["s-cr"]){o.parentNode.textContent=s}else if(e.$text$!==s){n.textContent=s;if(n["s-sf"]){n["s-sfc"]=s}}};var Ce=[];var Te=function(e){var t;var n;var r;var i;var a;var s;var o=0;var l=e.__childNodes||e.childNodes;var c=l.length;for(;o<c;o++){t=l[o];if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){if(t["s-hsf"]){f=true}r=n.parentNode.__childNodes||n.parentNode.childNodes;i=t["s-sn"];for(s=r.length-1;s>=0;s--){n=r[s];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==t["s-hn"]){if(xe(n,i)){a=Ce.find((function(e){return e.$nodeToRelocate$===n}));f=true;n["s-sn"]=n["s-sn"]||i;if(a){a.$slotRefNode$=t}else{Ce.push({$slotRefNode$:t,$nodeToRelocate$:n})}if(n["s-sr"]){Ce.map((function(e){if(xe(e.$nodeToRelocate$,n["s-sn"])){a=Ce.find((function(e){return e.$nodeToRelocate$===n}));if(a&&!e.$slotRefNode$){e.$slotRefNode$=a.$slotRefNode$}}}))}}else if(!Ce.some((function(e){return e.$nodeToRelocate$===n}))){Ce.push({$nodeToRelocate$:n})}}}}if(t.nodeType===1){Te(t)}}};var xe=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var je=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(je)}};var Se=function(e,t){var n=e.$hostElement$;var r=e.$cmpMeta$;var c=e.$vnode$||I(null,null);var u=D(t)?t:H(null,null,t);s=n.tagName;if(r.$attrsToReflect$){u.$attrs$=u.$attrs$||{};r.$attrsToReflect$.map((function(e){var t=e[0],r=e[1];return u.$attrs$[r]=n[t]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=c.$elm$=n.shadowRoot||n;{i=n["s-sc"]}{a=n["s-cr"];o=g&&(r.$flags$&1)!==0;f=false}we(c,u);{m.$flags$|=1;if(l){Te(u.$elm$);var $=void 0;var d=void 0;var v=void 0;var p=void 0;var y=void 0;var _=void 0;var b=void 0;var N=0;for(;N<Ce.length;N++){$=Ce[N];d=$.$nodeToRelocate$;if(!d["s-ol"]){v=h.createTextNode("");v["s-nr"]=d;d.parentNode.insertBefore(d["s-ol"]=v,d)}}for(N=0;N<Ce.length;N++){$=Ce[N];d=$.$nodeToRelocate$;if($.$slotRefNode$){p=$.$slotRefNode$.parentNode;y=$.$slotRefNode$.nextSibling;v=d["s-ol"];b=y;while(v=v.previousSibling){_=v["s-nr"];if(_&&_["s-sn"]===d["s-sn"]&&p===_.parentNode){_=_.nextSibling;if(!_||!_["s-nr"]){y=_;break}}}if(!y&&p!==d.parentNode||d.nextSibling!==y){if(d!==y){if(!d["s-hn"]&&d["s-ol"]){d["s-hn"]=d["s-ol"].parentNode.nodeName}p.insertBefore(d,y);d.hidden=false}else{p.insertBefore(d,b)}}}else{if(d.nodeType===1){d.hidden=true}}}}if(f){de(u.$elm$)}m.$flags$&=~1;Ce.length=0}};var Ee=e("g",(function(e){return nt(e).$hostElement$}));var Oe=e("c",(function(e,t,n){var r=Ee(e);return{emit:function(e){return Re(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}}}));var Re=function(e,t,n){var r=m.ce(t,n);e.dispatchEvent(r);return r};var Le=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var Pe=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}Le(e,e.$ancestorComponent$);var n=function(){return Ae(e,t)};return mt(n)};var Ae=function(e,t){var n=e.$hostElement$;var r=j("scheduleUpdate",e.$cmpMeta$.$tagName$);var i=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],r=e[1];return ze(i,t,r,n)}));e.$queuedListeners$=null}}{a=ze(i,"componentWillLoad",undefined,n)}}r();return qe(a,(function(){return ke(e,i,t)}))};var ke=function(e,t,r){return __awaiter(n,void 0,void 0,(function(){var n,i,a,s,o,f;return __generator(this,(function(l){n=e.$hostElement$;i=j("update",e.$cmpMeta$.$tagName$);a=n["s-rc"];if(r){L(e)}s=j("render",e.$cmpMeta$.$tagName$);{Me(e,t)}if(m.$cssShim$){m.$cssShim$.updateHost(n)}if(a){a.map((function(e){return e()}));n["s-rc"]=undefined}s();i();{o=n["s-p"];f=function(){return Ie(e)};if(o.length===0){f()}else{Promise.all(o).then(f);e.$flags$|=4;o.length=0}}return[2]}))}))};var Me=function(e,t,n){try{u=t;t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{Se(e,t)}}}}catch(r){st(r,e.$hostElement$)}u=null;return null};var He=e("l",(function(){return u}));var Ie=function(e){var t=e.$cmpMeta$.$tagName$;var n=e.$hostElement$;var r=j("postUpdate",t);var i=e.$lazyInstance$;var a=e.$ancestorComponent$;{ze(i,"componentDidRender",undefined,n)}if(!(e.$flags$&64)){e.$flags$|=64;{Ue(n)}{ze(i,"componentDidLoad",undefined,n)}r();{e.$onReadyResolve$(n);if(!a){De()}}}else{{ze(i,"componentDidUpdate",undefined,n)}r()}{e.$onInstanceResolve$(n)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){ht((function(){return Pe(e,false)}))}e.$flags$&=~(4|512)}};var Be=e("j",(function(e){{var t=nt(e);var n=t.$hostElement$.isConnected;if(n&&(t.$flags$&(2|16))===2){Pe(t,false)}return n}}));var De=function(e){{Ue(h.documentElement)}ht((function(){return Re(d,"appload",{detail:{namespace:r}})}))};var ze=function(e,t,n,r){if(e&&e[t]){try{return e[t](n)}catch(i){st(i,r)}}return undefined};var qe=function(e,t){return e&&e.then?e.then(t):t()};var Ue=function(e){return e.classList.add("hydrated")};var Ve=function(e,t){if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var We=function(e,t){return nt(e).$instanceValues$.get(t)};var Fe=function(e,t,n,r,i){if(i===void 0){i=true}var a=nt(e);var s=a.$hostElement$;var o=a.$instanceValues$.get(t);var f=a.$flags$;var l=a.$lazyInstance$;n=Ve(n,r.$members$[t][0]);if((!(f&8)||o===undefined)&&n!==o){a.$instanceValues$.set(t,n);if(l){if(r.$watchers$&&f&128&&i){var c=r.$watchers$[t];if(c){c.map((function(e){try{l[e](n,o,t)}catch(r){st(r,s)}}))}}if((f&(2|16))===2){Pe(a,false)}}}};var Ge=function(e,t,n){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var r=Object.entries(t.$members$);var i=e.prototype;r.map((function(e){var r=e[0],a=e[1][0];if(a&31||n&2&&a&32){if((a&2048)===0){Object.defineProperty(i,r,{get:function(){return We(this,r)},set:function(e){Fe(this,r,e,t)},configurable:true,enumerable:true})}else if(n&1&&a&2048){{Object.defineProperty(i,r,{get:function(){var e=nt(this);var t=e?e.$lazyInstance$:i;if(!t)return;return t[r]},configurable:true,enumerable:true})}}if(a&4096){var s=Object.getOwnPropertyDescriptor(i,r).set;Object.defineProperty(i,r,{set:function(e){var n=this;var i=nt(this);if(s){s.apply(this,[e]);Fe(this,r,i.$hostElement$[r],t);return}if(!i)return;var a=function(a){if(a===void 0){a=false}i.$lazyInstance$[r]=e;Fe(n,r,i.$lazyInstance$[r],t,!a)};if(i.$lazyInstance$){a()}else{i.$onInstancePromise$.then((function(){return a(true)}))}}})}}else if(n&1&&a&64){Object.defineProperty(i,r,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=nt(this);return n.$onInstancePromise$.then((function(){var t;return(t=n.$lazyInstance$)[r].apply(t,e)}))}})}}));if(n&1){var a=new Map;i.attributeChangedCallback=function(e,t,n){var r=this;m.jmp((function(){var t=a.get(e);if(r.hasOwnProperty(t)){n=r[t];delete r[t]}else if(i.hasOwnProperty(t)&&typeof r[t]==="number"&&r[t]==n){return}var s=Object.getOwnPropertyDescriptor(i,t);if(!s.get||!!s.set){r[t]=n===null&&typeof r[t]==="boolean"?false:n}}))};e.observedAttributes=r.filter((function(e){var t=e[0],n=e[1];return n[0]&15})).map((function(e){var n=e[0],r=e[1];var i=r[1]||n;a.set(i,n);if(r[0]&512){t.$attrsToReflect$.push([n,i])}return i}))}}return e};var Je=function(e,r,i,a,s){return __awaiter(n,void 0,void 0,(function(){var n,a,o,f,l,c,u;return __generator(this,(function($){switch($.label){case 0:if(!((r.$flags$&32)===0))return[3,5];r.$flags$|=32;s=ft(i,r);if(!s.then)return[3,2];n=S();return[4,s];case 1:s=$.sent();n();$.label=2;case 2:if(!s.isProxied){{i.$watchers$=s.watchers}Ge(s,i,2);s.isProxied=true}a=j("createInstance",i.$tagName$);{r.$flags$|=8}try{new s(r)}catch(d){st(d,e)}{r.$flags$&=~8}{r.$flags$|=128}a();Ke(r.$lazyInstance$,e);if(!s.style)return[3,5];o=s.style;f=P(i);if(!!lt.has(f))return[3,5];l=j("registerStyles",i.$tagName$);if(!(i.$flags$&8))return[3,4];return[4,t.import("./p-687a0c2f.system.js").then((function(e){return e.scopeCss(o,f,false)}))];case 3:o=$.sent();$.label=4;case 4:O(f,o,!!(i.$flags$&1));l();$.label=5;case 5:c=r.$ancestorComponent$;u=function(){return Pe(r,true)};if(c&&c["s-rc"]){c["s-rc"].push(u)}else{u()}return[2]}}))}))};var Ke=function(e,t){{ze(e,"connectedCallback",undefined,t)}};var Qe=function(e){if((m.$flags$&1)===0){var t=nt(e);var n=t.$cmpMeta$;var r=j("connectedCallback",n.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;{if(n.$flags$&(4|8)){Xe(e)}}{var i=e;while(i=i.parentNode||i.host){if(i["s-p"]){Le(t,t.$ancestorComponent$=i);break}}}if(n.$members$){Object.entries(n.$members$).map((function(t){var n=t[0],r=t[1][0];if(r&31&&e.hasOwnProperty(n)){var i=e[n];delete e[n];e[n]=i}}))}{Je(e,t,n)}}else{b(e,t,n.$listeners$);Ke(t.$lazyInstance$,e);if(m.$cssShim$&&e["s-sc"]){var a="sc-"+t.$cmpMeta$.$tagName$;var s=lt.get(a);var o=e["s-sc"];var f=m.$cssShim$.createHostStyle(e,a,s,true);var l=f["s-sc"];f.setAttribute("sty-id",l);var c=document.head;c.insertBefore(f,c.querySelector("link"));e["s-sc"]=l;e.classList.remove(o+"-h",o+"-s");e.classList.add(l+"-h",l+"-s");Array.from(e.querySelectorAll("."+o)).forEach((function(e){e.classList.remove(o,o+"-s");e.classList.add(l,l+"-s")}));m.$cssShim$.updateHost(e)}}r()}};var Xe=function(e){var t=e["s-cr"]=h.createComment("");t["s-cn"]=true;if(!!e.firstChild)e.insertBefore(t,e.firstChild);else e.appendChild(t)};var Ye=function(e){if((m.$flags$&1)===0){var t=nt(e);var n=t.$lazyInstance$;{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}if(m.$cssShim$){m.$cssShim$.removeHost(e)}{ze(n,"disconnectedCallback",undefined,e)}}};var Ze=e("b",(function(e,t){if(t===void 0){t={}}var n=j();var r=[];var i=t.exclude||[];var a=d.customElements;var s=h.head;var o=s.querySelector("meta[charset]");var f=h.createElement("style");var l=[];var c;var u=true;Object.assign(m,t);m.$resourcesUrl$=new URL(t.resourcesUrl||"./",h.baseURI).href;e.map((function(e){e[1].map((function(n){var s={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};{s.$members$=n[2]}{s.$listeners$=n[3]}{s.$attrsToReflect$=[]}{s.$watchers$={}}if(!g&&s.$flags$&1){s.$flags$|=8}var o=t.transformTagName?t.transformTagName(s.$tagName$):s.$tagName$;var f=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;it(t,s);if(s.$flags$&1){if(g){{t.attachShadow({mode:"open"})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}return n}t.prototype.connectedCallback=function(){var e=this;if(c){clearTimeout(c);c=null}if(u){l.push(this)}else{m.jmp((function(){return Qe(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;m.jmp((function(){return Ye(e)}))};t.prototype.componentOnReady=function(){return nt(this).$onReadyPromise$};return t}(HTMLElement);if(s.$flags$&4||s.$flags$&8){K(f.prototype);{J(f.prototype)}}s.$lazyBundleId$=e[0];if(!i.includes(o)&&!a.get(o)){r.push(o);a.define(o,Ge(f,s,1))}}))}));{f.innerHTML=r+T;f.setAttribute("data-styles","");s.insertBefore(f,o?o.nextSibling:s.firstChild)}u=false;if(l.length){l.map((function(e){return e.connectedCallback()}))}else{{m.jmp((function(){return c=setTimeout(De,30)}))}}n()}));var et=e("k",(function(e){var t=new URL(e,m.$resourcesUrl$);return t.origin!==d.location.origin?t.href:t.pathname}));var tt=new WeakMap;var nt=function(e){return tt.get(e)};var rt=e("r",(function(e,t){return tt.set(t.$lazyInstance$=e,t)}));var it=function(e,t){var n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{n.$onInstancePromise$=new Promise((function(e){return n.$onInstanceResolve$=e}))}{n.$onReadyPromise$=new Promise((function(e){return n.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}b(e,n,t.$listeners$);return tt.set(e,n)};var at=function(e,t){return t in e};var st=function(e,t){return(0,console.error)(e,t)};var ot=new Map;var ft=function(e,n,r){var i=e.$tagName$.replace(/-/g,"_");var a=e.$lazyBundleId$;var s=ot.get(a);if(s){return s[i]}return t.import("./"+a+".entry.js"+"").then((function(e){{ot.set(a,e)}return e[i]}),(function(e){st(e,n.$hostElement$)}))};var lt=new Map;var ct=[];var ut=[];var $t=function(e,t){return function(n){e.push(n);if(!$){$=true;if(t&&m.$flags$&4){ht(vt)}else{m.raf(vt)}}}};var dt=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(n){st(n)}}e.length=0};var vt=function(){dt(ct);{dt(ut);if($=ct.length>0){m.raf(vt)}}};var ht=function(e){return y().then(e)};var pt=e("i",$t(ct,false));var mt=e("f",$t(ut,true));var gt=e("B",{isDev:false,isBrowser:true,isServer:false,isTesting:false})}}}));
-//# sourceMappingURL=p-59b3d24b.system.js.map
+ */System.register([],(function(e,t){"use strict";return{execute:function(){var n=this;var r=e("N","nano-components");var i;var a;var s;var o=false;var f=false;var l=false;var c=false;var u=null;var $=false;var d=e("w",typeof window!=="undefined"?window:{});var v=e("C",d.CSS);var h=e("d",d.document||{head:{}});var p=e("H",d.HTMLElement||function(){function e(){}return e}());var m=e("p",{$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,n,r){return e.addEventListener(t,n,r)},rel:function(e,t,n,r){return e.removeEventListener(t,n,r)},ce:function(e,t){return new CustomEvent(e,t)}});var g=function(){return(h.head.attachShadow+"").indexOf("[native")>-1}();var y=e("a",(function(e){return Promise.resolve(e)}));var _=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replace==="function"}catch(e){}return false}();var b=function(e,t,n,r){if(n){n.map((function(n){var r=n[0],i=n[1],a=n[2];var s=w(e,r);var o=N(t,a);var f=C(r);m.ael(s,i,o,f);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return m.rel(s,i,o,f)}))}))}};var N=function(e,t){return function(n){try{{if(e.$flags$&256){e.$lazyInstance$[t](n)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}}}catch(r){st(r,e.$hostElement$||null)}}};var w=function(e,t){if(t&8)return d;if(t&16)return h.body;return e};var C=function(e){return(e&2)!==0};var T="{visibility:hidden}.hydrated{visibility:inherit}";var x="http://www.w3.org/1999/xlink";var j=function(e,t){if(t===void 0){t=""}{return function(){return}}};var S=function(e,t){{return function(){return}}};var E=new WeakMap;var O=function(e,t,n){var r=lt.get(e);if(_&&n){r=r||new CSSStyleSheet;r.replace(t)}else{r=t}lt.set(e,r)};var R=function(e,t,n,r){var i=P(t);var a=lt.get(i);e=e.nodeType===11?e:h;if(a){if(typeof a==="string"){e=e.head||e;var s=E.get(e);var o=void 0;if(!s){E.set(e,s=new Set)}if(!s.has(i)){{if(m.$cssShim$){o=m.$cssShim$.createHostStyle(r,i,a,!!(t.$flags$&10));var f=o["s-sc"];if(f){i=f;s=null}}else{o=h.createElement("style");o.innerHTML=a}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(i)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets),[a])}}return i};var L=function(e){var t=e.$cmpMeta$;var n=e.$hostElement$;var r=t.$flags$;var i=j("attachStyles",t.$tagName$);var a=R(g&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$,n);if(r&10){n["s-sc"]=a;n.classList.add(a+"-h");if(r&2){n.classList.add(a+"-s")}}i()};var P=function(e,t){return"sc-"+e.$tagName$};var A={};var k=function(e){return e!=null};var M=function(e){e=typeof e;return e==="object"||e==="function"};var H=e("h",(function(e,t){var n=[];for(var r=2;r<arguments.length;r++){n[r-2]=arguments[r]}var i=null;var a=null;var s=null;var o=false;var f=false;var l=[];var c=function(t){for(var n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){c(i)}else if(i!=null&&typeof i!=="boolean"){if(o=typeof e!=="function"&&!M(i)){i=String(i)}if(o&&f){l[l.length-1].$text$+=i}else{l.push(o?I(null,i):i)}f=o}}};c(n);if(t){if(t.key){a=t.key}if(t.name){s=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,l,z)}var $=I(e,null);$.$attrs$=t;if(l.length>0){$.$children$=l}{$.$key$=a}{$.$name$=s}return $}));var I=function(e,t){var n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{n.$attrs$=null}{n.$key$=null}{n.$name$=null}return n};var B=e("e",{});var D=function(e){return e&&e.$tag$===B};var z={forEach:function(e,t){return e.map(q).forEach(t)},map:function(e,t){return e.map(q).map(t).map(U)}};var q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var U=function(e){if(typeof e.vtag==="function"){var t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H.apply(void 0,__spreadArray([e.vtag,t],e.vchildren||[]))}var n=I(e.vtag,e.vtext);n.$attrs$=e.vattrs;n.$children$=e.vchildren;n.$key$=e.vkey;n.$name$=e.vname;return n};var V=function(e,t,n,r,i,a){if(n!==r){var s=at(e,t);var o=t.toLowerCase();if(t==="class"){var f=e.classList;var l=F(n);var c=F(r);f.remove.apply(f,l.filter((function(e){return e&&!c.includes(e)})));f.add.apply(f,c.filter((function(e){return e&&!l.includes(e)})))}else if(t==="style"){{for(var u in n){if(!r||r[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in r){if(!n||r[u]!==n[u]){if(u.includes("-")){e.style.setProperty(u,r[u])}else{e.style[u]=r[u]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(at(d,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n){m.rel(e,t,n,false)}if(r){m.ael(e,t,r,false)}}else{var $=M(r);if((s||$&&r!==null)&&!i){try{if(!e.tagName.includes("-")){var v=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!=v){e[t]=v}}else{e[t]=r}}catch(p){}}var h=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;h=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(h){e.removeAttributeNS(x,t)}else{e.removeAttribute(t)}}}else if((!s||a&4||i)&&!$){r=r===true?"":r;if(h){e.setAttributeNS(x,t,r)}else{e.setAttribute(t,r)}}}}};var W=/\s/;var F=function(e){return!e?[]:e.split(W)};var G=function(e,t,n,r){var i=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var a=e&&e.$attrs$||A;var s=t.$attrs$||A;{for(r in a){if(!(r in s)){V(i,r,a[r],undefined,n,t.$flags$)}}}for(r in s){V(i,r,a[r],s[r],n,t.$flags$)}};var J=function(e){var t=e.cloneNode;e.cloneNode=function(e){var n=this;var r=t.call(n,false);if(e){var i=0;var a=void 0,s=void 0;var o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-sf","s-sfc","s-hsf"];for(;i<n.__childNodes.length;i++){a=n.__childNodes[i]["s-nr"];s=o.every((function(e){return!n.__childNodes[i][e]}));if(a){r.__appendChild(a.cloneNode(true))}if(s){r.__appendChild(n.__childNodes[i].cloneNode(true))}}}return r}};var K=function(e){Q(e);ne(e);ie(e);re(e);se(e);oe(e);fe(e);ae(e);X(e);Y(e);Z(e)};var Q=function(e){var t=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype.item=function(e){return this[e]};return t}(Array);var n=Object.getOwnPropertyDescriptor(Node.prototype,"childNodes");if(n)Object.defineProperty(e,"__childNodes",n);var r=Object.getOwnPropertyDescriptor(Element.prototype,"children");if(!r)r=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children");if(r)Object.defineProperty(e,"__children",r);var i=Object.getOwnPropertyDescriptor(Element.prototype,"childElementCount");if(i)Object.defineProperty(e,"__childElementCount",i);Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){if(e.nodeType===1)return e;else return null})).filter((function(e){return!!e}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});if(!n)return;Object.defineProperty(e,"childNodes",{get:function(){var e=this.__childNodes;var n=new t;for(var r=0;r<e.length;r++){var i=e[r]["s-nr"];if(i){n.push(i)}}return n}})};var X=function(e){var t=Object.getOwnPropertyDescriptor(Element.prototype,"innerHTML");if(!t)t=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML");if(t)Object.defineProperty(e,"__innerHTML",t);Object.defineProperty(e,"innerHTML",{get:function(){var e="";this.childNodes.forEach((function(t){return e+=t.outerHTML||t.textContent}));return e},set:function(e){this.childNodes.forEach((function(e){if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var Y=function(e){var t=Object.getOwnPropertyDescriptor(Element.prototype,"innerText");if(!t)t=Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerText");if(t)Object.defineProperty(e,"__innerText",t);Object.defineProperty(e,"innerText",{get:function(){var e="";this.childNodes.forEach((function(t){return e+=t.innerText||t.textContent.trimEnd()}));return e},set:function(e){this.childNodes.forEach((function(e){if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var Z=function(e){var t=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");if(t)Object.defineProperty(e,"__textContent",t);Object.defineProperty(e,"textContent",{get:function(){var e="";this.childNodes.forEach((function(t){return e+=t.textContent||""}));return e},set:function(e){this.childNodes.forEach((function(e){if(e["s-ol"])e["s-ol"].remove();e.remove()}));this.insertAdjacentHTML("beforeend",e)}})};var ee=function(e){if(!e||e.__remove)return;e.__remove=e.remove||true;te(e.parentNode);e.remove=function(){if(this.parentNode){return this.parentNode.removeChild(this)}return this.__remove()}};var te=function(e){if(!e||e.__removeChild)return;e.__removeChild=e.removeChild;e.removeChild=function(e){if(e["s-sn"]){var t=ce(this.__childNodes||this.childNodes,e["s-sn"]);this.__removeChild(e);if(t&&t["s-hsf"])de(this);return}return this.__removeChild(e)}};var ne=function(e){if(e.__appendChild)return;e.__appendChild=e.appendChild;e.appendChild=function(e){var t=e["s-sn"]=le(e);var n=ce(this.__childNodes,t);if(n){var r=document.createTextNode("");r["s-nr"]=e;if(n["s-cr"].parentNode){n["s-cr"].parentNode.__appendChild(r)}e["s-ol"]=r;ee(e);var i=ue(n,t);var a=i[i.length-1];a.parentNode.insertBefore(e,a.nextSibling);te(e.parentNode);if(n["s-hsf"])de(n.parentNode);return}if(e.nodeType===1&&!!e.getAttribute("slot")&&this.__childNodes)e.hidden=true;return this.__appendChild(e)}};var re=function(e){if(e.__prepend)return;e.__prepend=e.prepend;e.prepend=function(){var e=this;var t=[];for(var n=0;n<arguments.length;n++){t[n]=arguments[n]}t.forEach((function(t){if(typeof t==="string"){t=e.ownerDocument.createTextNode(t)}var n=t["s-sn"]=le(t);var r=ce(e.__childNodes,n);if(r){var i=document.createTextNode("");i["s-nr"]=t;if(r["s-cr"].parentNode){r["s-cr"].parentNode.__appendChild(i)}t["s-ol"]=i;ee(t);var a=ue(r,n);var s=a[0];s.parentNode.insertBefore(t,s.nextSibling);te(t.parentNode);if(r["s-hsf"])de(r.parentNode);return}if(t.nodeType===1&&!!t.getAttribute("slot")&&e.__childNodes)t.hidden=true;return e.__prepend(t)}))}};var ie=function(e){if(e.__append)return;e.__append=e.append;e.append=function(){var e=this;var t=[];for(var n=0;n<arguments.length;n++){t[n]=arguments[n]}t.forEach((function(t){if(typeof t==="string"){t=e.ownerDocument.createTextNode(t)}e.appendChild(t)}))}};var ae=function(e){if(e.__replaceChildren)return;e.__replaceChildren=e.replaceChildren;e.replaceChildren=function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=ce(this.__childNodes,"");if(n){var r=ue(n,"");r.forEach((function(e){if(!e["s-sr"]){e.remove()}}));this.append.apply(this,e)}}};var se=function(e){if(e.__insertAdjacentHTML)return;e.__insertAdjacentHTML=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,t){if(e!=="afterbegin"&&e!=="beforeend"){return this.__insertAdjacentHTML(e,t)}var n=this.ownerDocument.createElement("_");var r;n.innerHTML=t;if(e==="afterbegin"){while(r=n.firstChild){this.prepend(r)}}else if(e==="beforeend"){while(r=n.firstChild){this.append(r)}}}};var oe=function(e){if(e.__insertAdjacentText)return;e.__insertAdjacentText=e.insertAdjacentText;e.insertAdjacentText=function(e,t){this.insertAdjacentHTML(e,t)}};var fe=function(e){if(e.__insertAdjacentElement)return;e.__insertAdjacentElement=e.insertAdjacentElement;e.insertAdjacentElement=function(e,t){if(e!=="afterbegin"&&e!=="beforeend"){return this.__insertAdjacentElement(e,t)}if(e==="afterbegin"){this.prepend(t)}else if(e==="beforeend"){this.append(t)}}};var le=function(e){return e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||e.slot||""};var ce=function(e,t){var n=0;var r;if(!e)return null;for(;n<e.length;n++){r=e[n];if(r["s-sr"]&&r["s-sn"]===t){return r}r=ce(r.childNodes,t);if(r){return r}}return null};var ue=function(e,t){var n=[e];while((e=e.nextSibling)&&e["s-sn"]===t){n.push(e)}return n};var $e=function(e,t){if(!e["s-hsf"])return;var n=e;while((n=n.previousSibling||n.parentNode)&&n.tagName!==e["s-hn"]){if(n["s-sr"]&&t&&n["s-psn"]&&n["s-psn"]===e["s-sn"]){$e(n,true);continue}if(n["s-sn"]!==e["s-sn"])continue;if(n.nodeType===1){n.hidden=t;n.style.display=t?"none":""}else if(!!n["s-sfc"]){if(t){n["s-sfc"]=n.textContent;n.textContent=""}else if(n.textContent.trim()===""){n.textContent=n["s-sfc"]}}}};var de=function(e){var t=e.__childNodes||e.childNodes;var n;var r;var i;var a;var s;var o;for(r=0,i=t.length;r<i;r++){n=t[r];if(n["s-sr"]){s=n["s-sn"];$e(n,false);for(a=0;a<i;a++){o=t[a].nodeType;if(t[a]["s-sf"])continue;if(t[a]["s-hn"]!==n["s-hn"]||s!==""){if(o===1&&s===t[a]["s-sn"]){$e(n,true);ee(t[a]);break}}else if(t[a]["s-sn"]===s){if(o===1||o===3&&t[a].textContent.trim()!==""){$e(n,true);ee(t[a]);break}}}}de(n)}};var ve=function(e,t,n,r){var f=t.$children$[n];var u=0;var $;var d;var v;if(!o){l=true;if(f.$tag$==="slot"){if(i){r.classList.add(i+"-s")}f.$flags$|=f.$children$?2:1}}if(f.$text$!==null){$=f.$elm$=h.createTextNode(f.$text$)}else if(f.$flags$&(1|2)){$=f.$elm$=h.createTextNode("")}else{$=f.$elm$=h.createElement(f.$tag$);{G(null,f,c)}if(k(i)&&$["s-si"]!==i){$.classList.add($["s-si"]=i)}if(f.$children$){for(u=0;u<f.$children$.length;++u){d=ve(e,f,u,$);if(d){$.__appendChild?$.__appendChild(d):$.appendChild(d)}}}}{$["s-hn"]=s;if(f.$flags$&(2|1)){$["s-sr"]=true;$["s-cr"]=a;$["s-sn"]=f.$name$||"";if(t.$name$)$["s-psn"]=t.$name$;if(f.$flags$&2){if(f.$children$){for(u=0;u<f.$children$.length;++u){var p=$.nodeType===1?$:r;while(p.nodeType!==1){p=p.parentNode}d=ve(e,f,u,p);d["s-sf"]=$["s-hsf"]=true;if(typeof d["s-sn"]==="undefined")d["s-sn"]=f.$name$||"";if(d.nodeType===3){d["s-sfc"]=d.textContent}if(d){p.__appendChild?p.__appendChild(d):p.appendChild(d)}}}}v=e&&e.$children$&&e.$children$[n];if(v&&v.$tag$===f.$tag$&&e.$elm$){he(e.$elm$,false)}}}return $};var he=function(e,t){m.$flags$|=1;var n=e.__childNodes||e.childNodes;for(var r=n.length-1;r>=0;r--){var i=n[r];if(i["s-hn"]!==s&&i["s-ol"]){Ne(i).insertBefore(i,be(i));i["s-ol"].remove();i["s-ol"]=undefined;l=true}if(t){he(i,t)}}m.$flags$&=~1};var pe=function(e,t,n,r,i,a){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var f;if(o.shadowRoot&&o.tagName===s){o=o.shadowRoot}for(;i<=a;++i){if(r[i]){f=ve(null,n,i,e);if(f){r[i].$elm$=f;o.insertBefore(f,be(t))}}}};var me=function(e){var t;var n;var r;var i=e.__childNodes||e.childNodes;for(n=0,r=i.length;n<r;n++){t=i[n];if(t["s-ol"]){if(t["s-hn"])t["s-hn"]=undefined}else{me(t)}}};var ge=function(e,t,n,r,i){for(;t<=n;++t){if(r=e[t]){i=r.$elm$;je(r);{f=true;me(i);if(i["s-ol"]){i["s-ol"].remove()}else{he(i,true)}}i.remove()}}};var ye=function(e,t,n,r){var i=0;var a=0;var s=0;var o=0;var l=0;var c=t.length-1;var u=t[0];var $=t[c];var d=r.length-1;var v=r[0];var h=r[d];var p;var m;var g;var y;var _=[];var b;var N={};var w;var C;var T;var x;while(i<=c&&a<=d){if(u==null){u=t[++i]}else if($==null){$=t[--c]}else if(v==null){v=r[++a]}else if(h==null){h=r[--d]}else if(_e(u,v)){we(u,v);u=t[++i];v=r[++a]}else if(_e($,h)){we($,h);$=t[--c];h=r[--d]}else if(_e(u,h)){if(u.$tag$==="slot"||h.$tag$==="slot"){he(u.$elm$.parentNode,false)}we(u,h);e.insertBefore(u.$elm$,$.$elm$.nextSibling);u=t[++i];h=r[--d]}else if(_e($,v)){if(u.$tag$==="slot"||h.$tag$==="slot"){he($.$elm$.parentNode,false)}we($,v);e.insertBefore($.$elm$,u.$elm$);$=t[--c];v=r[++a]}else{s=-1;{for(o=i;o<=c;++o){if(t[o]&&t[o].$key$!==null&&t[o].$key$===v.$key$){s=o;break}}}if(s>=0){m=t[s];if(m.$tag$!==v.$tag$){p=ve(t&&t[a],n,s,e)}else{we(m,v);t[s]=undefined;p=m.$elm$}v=r[++a]}else{p=ve(t&&t[a],n,a,e);v=r[++a]}if(p){{Ne(u.$elm$).insertBefore(p,be(u.$elm$))}}}}if(i>c){pe(e,r[d+1]==null?null:r[d+1].$elm$,n,r,a,d)}else if(a>d){ge(t,i,c)}if(e.parentNode&&n.$elm$["s-hsf"]){g=e.parentNode.__childNodes||e.parentNode.childNodes;y=g.length-1;for(o=0;o<=y;++o){C=g[o];if(C["s-hsf"]){_.push(C);continue}if(C["s-sf"]){if(!N[C["s-sn"]])N[C["s-sn"]]=[];N[C["s-sn"]].push(C)}}b=_.length-1;for(o=0;o<=b;++o){T=_[o];if(!N[T["s-sn"]])continue;w=N[T["s-sn"]].length-1;for(l=0;l<=w;++l){x=N[T["s-sn"]][l];T.parentNode.insertBefore(x,T)}}f=true}};var _e=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var be=function(e){return e&&e["s-ol"]||e};var Ne=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var we=function(e,t){var n=t.$elm$=e.$elm$;var r=e.$children$;var i=t.$children$;var a=t.$tag$;var s=t.$text$;var o;if(s===null){{if(a==="slot");else{G(e,t,c)}}if(r!==null&&i!==null){ye(n,r,t,i)}else if(i!==null){if(e.$text$!==null){n.textContent=""}pe(n,null,t,i,0,i.length-1)}else if(r!==null){ge(r,0,r.length-1)}}else if(o=n["s-cr"]){o.parentNode.textContent=s}else if(e.$text$!==s){n.textContent=s;if(n["s-sf"]){n["s-sfc"]=s}}};var Ce=[];var Te=function(e){var t;var n;var r;var i;var a;var s;var o=0;var l=e.__childNodes||e.childNodes;var c=l.length;for(;o<c;o++){t=l[o];if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){if(t["s-hsf"]){f=true}r=n.parentNode.__childNodes||n.parentNode.childNodes;i=t["s-sn"];for(s=r.length-1;s>=0;s--){n=r[s];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==t["s-hn"]){if(xe(n,i)){a=Ce.find((function(e){return e.$nodeToRelocate$===n}));f=true;n["s-sn"]=n["s-sn"]||i;if(a){a.$slotRefNode$=t}else{Ce.push({$slotRefNode$:t,$nodeToRelocate$:n})}if(n["s-sr"]){Ce.map((function(e){if(xe(e.$nodeToRelocate$,n["s-sn"])){a=Ce.find((function(e){return e.$nodeToRelocate$===n}));if(a&&!e.$slotRefNode$){e.$slotRefNode$=a.$slotRefNode$}}}))}}else if(!Ce.some((function(e){return e.$nodeToRelocate$===n}))){Ce.push({$nodeToRelocate$:n})}}}}if(t.nodeType===1){Te(t)}}};var xe=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var je=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(je)}};var Se=function(e,t){var n=e.$hostElement$;var r=e.$cmpMeta$;var c=e.$vnode$||I(null,null);var u=D(t)?t:H(null,null,t);s=n.tagName;if(r.$attrsToReflect$){u.$attrs$=u.$attrs$||{};r.$attrsToReflect$.map((function(e){var t=e[0],r=e[1];return u.$attrs$[r]=n[t]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=c.$elm$=n.shadowRoot||n;{i=n["s-sc"]}{a=n["s-cr"];o=g&&(r.$flags$&1)!==0;f=false}we(c,u);{m.$flags$|=1;if(l){Te(u.$elm$);var $=void 0;var d=void 0;var v=void 0;var p=void 0;var y=void 0;var _=void 0;var b=void 0;var N=0;for(;N<Ce.length;N++){$=Ce[N];d=$.$nodeToRelocate$;if(!d["s-ol"]){v=h.createTextNode("");v["s-nr"]=d;d.parentNode.insertBefore(d["s-ol"]=v,d)}}for(N=0;N<Ce.length;N++){$=Ce[N];d=$.$nodeToRelocate$;if($.$slotRefNode$){p=$.$slotRefNode$.parentNode;y=$.$slotRefNode$.nextSibling;v=d["s-ol"];b=y;while(v=v.previousSibling){_=v["s-nr"];if(_&&_["s-sn"]===d["s-sn"]&&p===_.parentNode){_=_.nextSibling;if(!_||!_["s-nr"]){y=_;break}}}if(!y&&p!==d.parentNode||d.nextSibling!==y){if(d!==y){if(!d["s-hn"]&&d["s-ol"]){d["s-hn"]=d["s-ol"].parentNode.nodeName}p.insertBefore(d,y);d.hidden=false}else{p.insertBefore(d,b)}}}else{if(d.nodeType===1){d.hidden=true}}}}if(f){de(u.$elm$)}m.$flags$&=~1;Ce.length=0}};var Ee=e("g",(function(e){return nt(e).$hostElement$}));var Oe=e("c",(function(e,t,n){var r=Ee(e);return{emit:function(e){return Re(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}}}));var Re=function(e,t,n){var r=m.ce(t,n);e.dispatchEvent(r);return r};var Le=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var Pe=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}Le(e,e.$ancestorComponent$);var n=function(){return Ae(e,t)};return mt(n)};var Ae=function(e,t){var n=e.$hostElement$;var r=j("scheduleUpdate",e.$cmpMeta$.$tagName$);var i=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],r=e[1];return ze(i,t,r,n)}));e.$queuedListeners$=null}}{a=ze(i,"componentWillLoad",undefined,n)}}r();return qe(a,(function(){return ke(e,i,t)}))};var ke=function(e,t,r){return __awaiter(n,void 0,void 0,(function(){var n,i,a,s,o,f;return __generator(this,(function(l){n=e.$hostElement$;i=j("update",e.$cmpMeta$.$tagName$);a=n["s-rc"];if(r){L(e)}s=j("render",e.$cmpMeta$.$tagName$);{Me(e,t)}if(m.$cssShim$){m.$cssShim$.updateHost(n)}if(a){a.map((function(e){return e()}));n["s-rc"]=undefined}s();i();{o=n["s-p"];f=function(){return Ie(e)};if(o.length===0){f()}else{Promise.all(o).then(f);e.$flags$|=4;o.length=0}}return[2]}))}))};var Me=function(e,t,n){try{u=t;t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{Se(e,t)}}}}catch(r){st(r,e.$hostElement$)}u=null;return null};var He=e("k",(function(){return u}));var Ie=function(e){var t=e.$cmpMeta$.$tagName$;var n=e.$hostElement$;var r=j("postUpdate",t);var i=e.$lazyInstance$;var a=e.$ancestorComponent$;{ze(i,"componentDidRender",undefined,n)}if(!(e.$flags$&64)){e.$flags$|=64;{Ue(n)}{ze(i,"componentDidLoad",undefined,n)}r();{e.$onReadyResolve$(n);if(!a){De()}}}else{{ze(i,"componentDidUpdate",undefined,n)}r()}{e.$onInstanceResolve$(n)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){ht((function(){return Pe(e,false)}))}e.$flags$&=~(4|512)}};var Be=e("j",(function(e){{var t=nt(e);var n=t.$hostElement$.isConnected;if(n&&(t.$flags$&(2|16))===2){Pe(t,false)}return n}}));var De=function(e){{Ue(h.documentElement)}ht((function(){return Re(d,"appload",{detail:{namespace:r}})}))};var ze=function(e,t,n,r){if(e&&e[t]){try{return e[t](n)}catch(i){st(i,r)}}return undefined};var qe=function(e,t){return e&&e.then?e.then(t):t()};var Ue=function(e){return e.classList.add("hydrated")};var Ve=function(e,t){if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var We=function(e,t){return nt(e).$instanceValues$.get(t)};var Fe=function(e,t,n,r,i){if(i===void 0){i=true}var a=nt(e);var s=a.$hostElement$;var o=a.$instanceValues$.get(t);var f=a.$flags$;var l=a.$lazyInstance$;n=Ve(n,r.$members$[t][0]);if((!(f&8)||o===undefined)&&n!==o){a.$instanceValues$.set(t,n);if(l){if(r.$watchers$&&f&128&&i){var c=r.$watchers$[t];if(c){c.map((function(e){try{l[e](n,o,t)}catch(r){st(r,s)}}))}}if((f&(2|16))===2){Pe(a,false)}}}};var Ge=function(e,t,n){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var r=Object.entries(t.$members$);var i=e.prototype;r.map((function(e){var r=e[0],a=e[1][0];if(a&31||n&2&&a&32){if((a&2048)===0){Object.defineProperty(i,r,{get:function(){return We(this,r)},set:function(e){Fe(this,r,e,t)},configurable:true,enumerable:true})}else if(n&1&&a&2048){{Object.defineProperty(i,r,{get:function(){var e=nt(this);var t=e?e.$lazyInstance$:i;if(!t)return;return t[r]},configurable:true,enumerable:true})}}if(a&4096){var s=Object.getOwnPropertyDescriptor(i,r).set;Object.defineProperty(i,r,{set:function(e){var n=this;var i=nt(this);if(s){s.apply(this,[e]);Fe(this,r,i.$hostElement$[r],t);return}if(!i)return;var a=function(a){if(a===void 0){a=false}i.$lazyInstance$[r]=e;Fe(n,r,i.$lazyInstance$[r],t,!a)};if(i.$lazyInstance$){a()}else{i.$onInstancePromise$.then((function(){return a(true)}))}}})}}else if(n&1&&a&64){Object.defineProperty(i,r,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var n=nt(this);return n.$onInstancePromise$.then((function(){var t;return(t=n.$lazyInstance$)[r].apply(t,e)}))}})}}));if(n&1){var a=new Map;i.attributeChangedCallback=function(e,t,n){var r=this;m.jmp((function(){var t=a.get(e);if(r.hasOwnProperty(t)){n=r[t];delete r[t]}else if(i.hasOwnProperty(t)&&typeof r[t]==="number"&&r[t]==n){return}var s=Object.getOwnPropertyDescriptor(i,t);if(!s.get||!!s.set){r[t]=n===null&&typeof r[t]==="boolean"?false:n}}))};e.observedAttributes=r.filter((function(e){var t=e[0],n=e[1];return n[0]&15})).map((function(e){var n=e[0],r=e[1];var i=r[1]||n;a.set(i,n);if(r[0]&512){t.$attrsToReflect$.push([n,i])}return i}))}}return e};var Je=function(e,r,i,a,s){return __awaiter(n,void 0,void 0,(function(){var n,a,o,f,l,c,u;return __generator(this,(function($){switch($.label){case 0:if(!((r.$flags$&32)===0))return[3,5];r.$flags$|=32;s=ft(i,r);if(!s.then)return[3,2];n=S();return[4,s];case 1:s=$.sent();n();$.label=2;case 2:if(!s.isProxied){{i.$watchers$=s.watchers}Ge(s,i,2);s.isProxied=true}a=j("createInstance",i.$tagName$);{r.$flags$|=8}try{new s(r)}catch(d){st(d,e)}{r.$flags$&=~8}{r.$flags$|=128}a();Ke(r.$lazyInstance$,e);if(!s.style)return[3,5];o=s.style;f=P(i);if(!!lt.has(f))return[3,5];l=j("registerStyles",i.$tagName$);if(!(i.$flags$&8))return[3,4];return[4,t.import("./p-687a0c2f.system.js").then((function(e){return e.scopeCss(o,f,false)}))];case 3:o=$.sent();$.label=4;case 4:O(f,o,!!(i.$flags$&1));l();$.label=5;case 5:c=r.$ancestorComponent$;u=function(){return Pe(r,true)};if(c&&c["s-rc"]){c["s-rc"].push(u)}else{u()}return[2]}}))}))};var Ke=function(e,t){{ze(e,"connectedCallback",undefined,t)}};var Qe=function(e){if((m.$flags$&1)===0){var t=nt(e);var n=t.$cmpMeta$;var r=j("connectedCallback",n.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;{if(n.$flags$&(4|8)){Xe(e)}}{var i=e;while(i=i.parentNode||i.host){if(i["s-p"]){Le(t,t.$ancestorComponent$=i);break}}}if(n.$members$){Object.entries(n.$members$).map((function(t){var n=t[0],r=t[1][0];if(r&31&&e.hasOwnProperty(n)){var i=e[n];delete e[n];e[n]=i}}))}{Je(e,t,n)}}else{b(e,t,n.$listeners$);Ke(t.$lazyInstance$,e);if(m.$cssShim$&&e["s-sc"]){var a="sc-"+t.$cmpMeta$.$tagName$;var s=lt.get(a);var o=e["s-sc"];var f=m.$cssShim$.createHostStyle(e,a,s,true);var l=f["s-sc"];f.setAttribute("sty-id",l);var c=document.head;c.insertBefore(f,c.querySelector("link"));e["s-sc"]=l;e.classList.remove(o+"-h",o+"-s");e.classList.add(l+"-h",l+"-s");Array.from(e.querySelectorAll("."+o)).forEach((function(e){e.classList.remove(o,o+"-s");e.classList.add(l,l+"-s")}));m.$cssShim$.updateHost(e)}}r()}};var Xe=function(e){var t=e["s-cr"]=h.createComment("");t["s-cn"]=true;if(!!e.firstChild)e.insertBefore(t,e.firstChild);else e.appendChild(t)};var Ye=function(e){if((m.$flags$&1)===0){var t=nt(e);var n=t.$lazyInstance$;{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}if(m.$cssShim$){m.$cssShim$.removeHost(e)}{ze(n,"disconnectedCallback",undefined,e)}}};var Ze=e("b",(function(e,t){if(t===void 0){t={}}var n=j();var r=[];var i=t.exclude||[];var a=d.customElements;var s=h.head;var o=s.querySelector("meta[charset]");var f=h.createElement("style");var l=[];var c;var u=true;Object.assign(m,t);m.$resourcesUrl$=new URL(t.resourcesUrl||"./",h.baseURI).href;e.map((function(e){e[1].map((function(n){var s={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};{s.$members$=n[2]}{s.$listeners$=n[3]}{s.$attrsToReflect$=[]}{s.$watchers$={}}if(!g&&s.$flags$&1){s.$flags$|=8}var o=t.transformTagName?t.transformTagName(s.$tagName$):s.$tagName$;var f=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;it(t,s);if(s.$flags$&1){if(g){{t.attachShadow({mode:"open"})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}return n}t.prototype.connectedCallback=function(){var e=this;if(c){clearTimeout(c);c=null}if(u){l.push(this)}else{m.jmp((function(){return Qe(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;m.jmp((function(){return Ye(e)}))};t.prototype.componentOnReady=function(){return nt(this).$onReadyPromise$};return t}(HTMLElement);if(s.$flags$&4||s.$flags$&8){K(f.prototype);{J(f.prototype)}}s.$lazyBundleId$=e[0];if(!i.includes(o)&&!a.get(o)){r.push(o);a.define(o,Ge(f,s,1))}}))}));{f.innerHTML=r+T;f.setAttribute("data-styles","");s.insertBefore(f,o?o.nextSibling:s.firstChild)}u=false;if(l.length){l.map((function(e){return e.connectedCallback()}))}else{{m.jmp((function(){return c=setTimeout(De,30)}))}}n()}));var et=e("l",(function(e){var t=new URL(e,m.$resourcesUrl$);return t.origin!==d.location.origin?t.href:t.pathname}));var tt=new WeakMap;var nt=function(e){return tt.get(e)};var rt=e("r",(function(e,t){return tt.set(t.$lazyInstance$=e,t)}));var it=function(e,t){var n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{n.$onInstancePromise$=new Promise((function(e){return n.$onInstanceResolve$=e}))}{n.$onReadyPromise$=new Promise((function(e){return n.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}b(e,n,t.$listeners$);return tt.set(e,n)};var at=function(e,t){return t in e};var st=function(e,t){return(0,console.error)(e,t)};var ot=new Map;var ft=function(e,n,r){var i=e.$tagName$.replace(/-/g,"_");var a=e.$lazyBundleId$;var s=ot.get(a);if(s){return s[i]}return t.import("./"+a+".entry.js"+"").then((function(e){{ot.set(a,e)}return e[i]}),(function(e){st(e,n.$hostElement$)}))};var lt=new Map;var ct=[];var ut=[];var $t=function(e,t){return function(n){e.push(n);if(!$){$=true;if(t&&m.$flags$&4){ht(vt)}else{m.raf(vt)}}}};var dt=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(n){st(n)}}e.length=0};var vt=function(){dt(ct);{dt(ut);if($=ct.length>0){m.raf(vt)}}};var ht=function(e){return y().then(e)};var pt=e("i",$t(ct,false));var mt=e("f",$t(ut,true));var gt=e("B",{isDev:false,isBrowser:true,isServer:false,isTesting:false})}}}));
+//# sourceMappingURL=p-f48be9f5.system.js.map

package/dist/nano-components/p-f780d2f6.system.entry.js

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function r(t){try{l(a.next(t))}catch(e){o(e)}}function s(t){try{l(a["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):i(t.value).then(r,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(r){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,i&&(o=r[0]&2?i["return"]:r[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;if(i=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(s){r=[6,s];i=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e){for(var n=0,a=e.length,i=t.length;n<a;n++,i++)t[i]=e[n];return t};
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */System.register(["./p-f48be9f5.system.js","./p-1c216ca4.system.js","./p-1d13dbdf.system.js","./p-d01bd3c3.system.js","./p-ef053a2f.system.js","./p-89edc042.system.js","./p-09d2d944.system.js"],(function(t){"use strict";var e,n,a,i,o,r,s,l,d,c,u,p,h,g,f,b;return{setters:[function(t){e=t.r;n=t.c;a=t.h;i=t.e;o=t.g},function(t){r=t.d;s=t.r},function(t){l=t.b;d=t.g;c=t.c},function(t){u=t.F;p=t.a},function(t){h=t.d;g=t.a},function(t){f=t.c},function(t){b=t.g}],execute:function(){var m=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{opacity:inherit;display:block;color:var(--color) !important;margin:var(--margin)}:host ::slotted(*),:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::slotted(button),:host button{background:none;border:none;margin:0}:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:var(--display, block);white-space:nowrap;color:var(--color) !important;background-color:var(--bg-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host ::slotted(nano-icon[slot=icon-start]){padding-right:var(--padding-end)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(nano-icon[slot=icon-start]){padding-right:unset;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host ::slotted(nano-icon[slot=icon-end]){padding-left:var(--padding-start)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(nano-icon[slot=icon-end]){padding-left:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);}}:host .link::slotted(nano-icon[slot=icon-start]),:host .link ::slotted(nano-icon[slot=icon-start]){padding-left:var(--padding-start);padding-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .link::slotted(nano-icon[slot=icon-start]),:host .link ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}:host .link::slotted(nano-icon[slot=icon-end]),:host .link ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .link::slotted(nano-icon[slot=icon-end]),:host .link ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host .link,:host button,:host a{border-bottom:var(--border-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host .secondary-menu{display:none}:host ::slotted(a:hover),:host ::slotted(button:hover),:host .link:hover,:host button:hover,:host a:hover{text-decoration:inherit !important}:host button:focus,:host a:focus{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, none)}:host ::slotted(a:focus),:host ::slotted(button:focus){color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:none}.nav-item.selected .link,.nav-item.selected button,.nav-item.selected a{color:var(--color-selected, var(--color-open, var(--color))) !important;background-color:var(--bg-color-selected, var(--bg-color-open, var(--bg-color)))}.nav-item.secondary-open button,.nav-item.secondary-open a{color:var(--color-open, var(--color-selected, var(--color))) !important;background-color:var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))))}.nav-item.disabled{opacity:0.6}.nav-item.disabled button,.nav-item.disabled a{color:var(--color-disabled, var(--color)) !important}.nav-item:not(.nano-menu) ::slotted(a:hover),.nav-item:not(.nano-menu) ::slotted(button:hover),.nav-item:not(.nano-menu) .link:hover,.nav-item:not(.nano-menu) button:hover,.nav-item:not(.nano-menu) a:hover{color:var(--color-hover, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)))}:host(.has-focus) .link{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, 5px auto -webkit-focus-ring-color)}:host(.nano-global-nav-menu) a,:host(.nano-global-nav-menu) a:visited,:host(.nano-global-nav-menu) button,:host(.nano-global-nav-menu) .link,:host(.nano-menu) a,:host(.nano-menu) a:visited,:host(.nano-menu) button,:host(.nano-menu) .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:"currentColor";text-decoration:inherit;white-space:normal;cursor:pointer;line-height:1.2;width:100%}:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{padding-left:0;padding-right:var(--padding-end);-webkit-box-flex:1;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) ::slotted(a),:host(.nano-global-nav-menu) ::slotted(button),:host(.nano-menu) ::slotted(a),:host(.nano-menu) ::slotted(button){-webkit-box-flex:1;-ms-flex:1;flex:1}:host(.nano-global-nav-menu) ::slotted(a:focus),:host(.nano-global-nav-menu) ::slotted(button:focus),:host(.nano-menu) ::slotted(a:focus),:host(.nano-menu) ::slotted(button:focus){-webkit-box-shadow:none;box-shadow:none}:host(.nano-global-nav-menu) .secondary-menu,:host(.nano-menu) .secondary-menu{display:none;position:absolute;color:var(--secondary-color, "currentColor");min-height:100%;top:0;left:0;width:100%;z-index:1;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;background-color:var(--secondary-bg-color, white);-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-global-nav-menu) .secondary-menu:focus,:host(.nano-menu) .secondary-menu:focus{outline:none}:host(.nano-global-nav-menu) .secondary-menu.open,:host(.nano-menu) .secondary-menu.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) button ::slotted(nano-icon[slot=icon-end]),:host(.nano-global-nav-menu) a ::slotted(nano-icon[slot=icon-end]){padding:0}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu,:host(.nano-menu[dir=rtl]) .secondary-menu{left:auto;right:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu.open,:host(.nano-menu[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(0);transform:translateX(0)}:host(.nano-menu) .secondary-menu-content{padding-left:var(--secondary-padding-start);padding-right:var(--secondary-padding-end);padding-top:var(--secondary-padding-top);padding-bottom:var(--secondary-padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu) .secondary-menu-content{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--secondary-padding-start);padding-inline-start:var(--secondary-padding-start);-webkit-padding-end:var(--secondary-padding-end);padding-inline-end:var(--secondary-padding-end)}}:host(.nano-global-nav-bar.legacy){margin:0 11px}:host(.nano-global-nav-bar.legacy) ::slotted(a){padding-left:6px;padding-right:6px;padding-top:7px;padding-bottom:7px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar.legacy) ::slotted(a){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}:host(.nano-global-nav-menu.legacy) ::slotted(a){padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu.legacy) ::slotted(a){padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host(.nano-global-nav-bar) .link,:host(.nano-global-nav-bar) a,:host(.nano-global-nav-bar) button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-stretch:expanded}:host(.nano-global-nav-bar) .text{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-left:var(--padding-end);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding-end);margin-inline-start:var(--padding-end);-webkit-margin-end:0;margin-inline-end:0}}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-left:0;margin-right:var(--padding-start);margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--padding-start);margin-inline-end:var(--padding-start)}}:host(.nano-global-nav-bar.has-secondary) button{position:relative;font-stretch:expanded}:host(.nano-global-nav-bar.has-secondary) button::before{content:"";background:#86bee2;height:3px;left:0;bottom:-14px;right:5px;position:absolute;-webkit-transform:translateZ(0) scaleX(0);transform:translateZ(0) scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition:0.2s ease transform;transition:0.2s ease transform}:host(.nano-global-nav-bar.has-secondary) .selected button::before,:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{-webkit-transform:translateZ(0) scaleX(1);transform:translateZ(0) scaleX(1)}:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{opacity:0.5}:host(.nano-global-nav-bar.has-secondary) .secondary-menu{display:none;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-100%) translateZ(0);transform:translateY(-100%) translateZ(0);background-color:var(--secondary-bg-color, #196c82);color:var(--secondary-color);position:absolute;-webkit-box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);left:0;right:0;z-index:-2;outline:none}:host(.nano-global-nav-bar.has-secondary) .secondary-menu.open{-webkit-transform:translateY(12px) translateZ(0);transform:translateY(12px) translateZ(0)}:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{padding-left:var(--padding-start);padding-right:0;padding-top:calc(var(--padding-top) / 2);padding-bottom:calc(var(--padding-bottom) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;text-decoration:inherit;white-space:normal;border:none;cursor:pointer;line-height:1.2;width:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}:host(.nano-menu-drawer) .text{padding-left:0;padding-right:var(--padding-end);text-align:left;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:130px;width:130px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .text{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:var(--icon-size);width:var(--icon-size);-webkit-box-flex:0;-ms-flex:0 0 var(--icon-size);flex:0 0 var(--icon-size)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) .secondary-menu{display:none;position:absolute;background-color:var(--secondary-bg-color);color:var(--secondary-color);height:100vh;top:0;right:0;left:auto;bottom:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:-1;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.2s ease;transition:transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease;overflow-y:auto;width:var(--secondary-width, 400px);max-width:62vw;opacity:1;padding-left:var(--secondary-padding-start, var(--padding-start));padding-right:var(--secondary-padding-end, var(--padding-end));padding-top:var(--secondary-padding-top, var(--padding-top));padding-bottom:var(--secondary-padding-bottom, var(--padding-bottom))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .secondary-menu{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--secondary-padding-start, var(--padding-start));padding-inline-start:var(--secondary-padding-start, var(--padding-start));-webkit-padding-end:var(--secondary-padding-end, var(--padding-end));padding-inline-end:var(--secondary-padding-end, var(--padding-end))}}:host(.nano-menu-drawer) .secondary-menu:focus{outline:none}:host(.nano-menu-drawer) .secondary-menu.open{-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-menu-drawer) .notification{position:relative}:host(.nano-menu-drawer) .notification::after{content:"";display:block;position:absolute;width:6px;height:6px;background-color:#ef4135;inset-inline-start:10px;top:7px;border-radius:50%}@media (min-width: 52em){:host(.nano-menu-drawer) .notification::after{width:7px;height:7px;inset-inline-start:8px;top:5px}}:host(.nano-menu-drawer.legacy) .link,:host(.nano-menu-drawer.legacy) a,:host(.nano-menu-drawer.legacy) button{width:auto}:host(.nano-menu-drawer.legacy) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:calc(var(--padding-end) * 2);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer.legacy) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(var(--padding-end) * 2);padding-inline-end:calc(var(--padding-end) * 2)}}:host(.nano-menu-drawer[dir=rtl]) .text{text-align:right}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu{right:auto;left:0;-webkit-transform:translateX(0%);transform:translateX(0%)}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}';var v=t("nano_nav_item",function(){function t(t){var a=this;e(this,t);this.nanoClose=n(this,"nanoClose",7);this.nanoOpen=n(this,"nanoOpen",7);this.nanoOpening=n(this,"nanoOpening",7);this.nanoClosing=n(this,"nanoClosing",7);this.nanoBlur=n(this,"nanoBlur",7);this.nanoFocus=n(this,"nanoFocus",7);this.hasSecondarySlot=false;this.hasAnchorEle=false;this.didBlur=false;this.animating=false;this.didOpen=false;this.isInGlobalNav=false;this.isInMenuDrawer=false;this.isInMenu=false;this.isLegacy=!document.head.attachShadow;this.hasFocus=false;this.href=null;this.target="_self";this.disabled=false;this.open=false;this.selected=false;this.secondaryActiveWidth=0;this.secondaryFallback=function(){};this.closeOnBlur=true;this.notification=false;this.closeSecondary=function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.open=false;if(!this.hasSecondarySlot||!this.didOpen)return[2];this.nanoClosing.emit({secondaryMenu:this.secondaryDiv});return[4,r(this.secondaryDiv,"open",false)];case 1:t=e.sent();this.didOpen=t!=="hidden";return[2]}}))}))};this.openSecondary=function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(window.innerWidth<this.secondaryActiveWidth){this.secondaryFallback.call(this);return[2]}this.open=true;if(!this.hasSecondarySlot||this.didOpen)return[2];this.nanoOpening.emit({secondaryMenu:this.secondaryDiv});return[4,r(this.secondaryDiv,"open",true)];case 1:t=e.sent();this.didOpen=t==="shown";return[2]}}))}))};this.toggleSecondary=function(){if(!a.hasSecondarySlot)return;if(a.didOpen)a.closeSecondary();else a.openSecondary()};this.handleFocus=function(){a.hasFocus=true;if(a.href&&!a.animating&&a.hasSecondarySlot)a.openSecondary();a.nanoFocus.emit()};this.handleHostBlur=function(){if(a.animating)return;a.el.removeAttribute("tabindex");a.hasFocus=false;a.nanoBlur.emit()};this.handleHostClick=function(t){if(!a.hasAnchorEle)return;var e=t.target.closest("a, button");if(!e)a.btn.click()};this.handleMouseEnter=function(){return __awaiter(a,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(!this.href||this.animating||!this.hasSecondarySlot||this.globalNavEle&&!this.globalNavEle.classList.contains("ready"))return[2];t=0;if(l(this.el,".secondary-open.has-secondary").length)t=300;clearTimeout(this.waitHide);this.fromHover=true;this.animating=true;this.waitShow=window.setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.openSecondary()];case 1:return[2,t.sent()]}}))}))}),t);this.animating=false;return[2]}))}))};this.handleMouseLeave=function(){if(!a.href)return;clearTimeout(a.waitShow);a.fromHover=true;a.animating=true;a.waitHide=window.setTimeout((function(){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.closeSecondary()];case 1:return[2,t.sent()]}}))}))}),300);a.animating=false};this.handleClick=function(){var t;a.fromHover=false;if(a.hasSecondarySlot)a.toggleSecondary();else(t=a.el.querySelector("*"))===null||t===void 0?void 0:t.click()};this.blur=function(t){if(!a.didOpen||a.animating)return;if(!a.closeOnBlur)return;if(t&&t.relatedTarget){if(t.relatedTarget===a.el||t.relatedTarget===a.btn||a.foundThisNavEle(t.relatedTarget)){a.secondaryDiv.focus({preventScroll:true});return}}a.btn.removeEventListener("focusout",a.blur);a.secondaryDiv.removeEventListener("focusout",a.blur);window.removeEventListener("blur",a.blur);a.didBlur=true;a.open=false;if(!t.relatedTarget)setTimeout((function(){a.el.focus({preventScroll:true})}),50)}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.btn)return[2];this.btn.focus();return[2]}))}))};t.prototype.openChange=function(){this.open?this.openSecondary():this.closeSecondary()};t.prototype.didOpenChange=function(){var t=this;if(!this.hasSecondarySlot)return;if(!this.didOpen){if(!this.fromHover){this.btn.removeEventListener("focusout",this.blur);this.secondaryDiv.removeEventListener("focusout",this.blur)}setTimeout((function(){if(!t.fromHover&&!t.didBlur)t.btn.focus({preventScroll:true});t.nanoClose.emit({secondaryMenu:t.secondaryDiv})}),50)}else{this.didBlur=false;if(!this.fromHover){var e=new window.IntersectionObserver((function(n){if(n[0].boundingClientRect.top<0){t.secondaryDiv.scrollIntoView({behavior:"smooth"})}e.disconnect()}),{threshold:1});e.observe(this.secondaryDiv);this.secondaryDiv.focus({preventScroll:true});this.btn.addEventListener("focusout",this.blur);this.secondaryDiv.addEventListener("focusout",this.blur);window.addEventListener("blur",this.blur);this.el.tabIndex=-1;this.nanoOpen.emit({secondaryMenu:this.secondaryDiv})}}};t.prototype.foundThisNavEle=function(t){var e=t.closest("nano-nav-item");e=e===t?t.parentElement.closest("nano-nav-item"):e;if(!e)return false;if(e===this.el)return true;return this.foundThisNavEle(e)};t.prototype.componentWillLoad=function(){var t=this.el.querySelector('[slot="secondary"]');this.hasSecondarySlot=!!t;var e=d(this.el,"a, button")[0];this.hasAnchorEle=!!e;if(e){this.href=e.href?e.href:null;this.btn=e;if(this.hasSecondarySlot)this.btn.addEventListener("click",this.toggleSecondary);this.btn.addEventListener("focus",this.handleFocus);this.btn.addEventListener("blur",this.handleHostBlur)}};t.prototype.connectedCallback=function(){this.isInGlobalNav=false;this.isInMenuDrawer=false;this.globalNavEle=this.el.closest("nano-global-nav");this.isInMenuDrawer=!!this.el.closest("nano-menu-drawer");this.isInMenu=!!this.el.closest("nano-menu");this.isInGlobalNav=this.el.parentElement===this.globalNavEle||!!this.el.closest(".global-nav")};t.prototype.render=function(){var t=this;return a(i,{class:{"has-secondary":this.hasSecondarySlot,"secondary-open":this.open,selected:this.selected,"has-focus":this.hasFocus,disabled:this.disabled,"nano-global-nav":this.isInGlobalNav,"nano-menu-drawer":this.isInMenuDrawer,"nano-menu":this.isInMenu,legacy:this.isLegacy},onBlur:this.handleHostBlur,dir:this.el.ownerDocument.dir==="rtl"?"rtl":null,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleHostClick,role:"menuitem"},a("div",{class:{"nav-item":true,"secondary-open":this.open,selected:this.selected}},this.href&&!this.hasAnchorEle&&!this.disabled&&a("a",{target:this.target,ref:function(e){return t.btn=e},href:this.href,onFocus:this.handleFocus,class:{notification:this.notification}},a("slot",{name:"icon-start"}),a("span",{class:"text"},a("slot",null)),a("slot",{name:"icon-end"})),(!this.hasAnchorEle&&!this.href||this.disabled)&&a("button",{ref:function(e){return t.btn=e},onClick:this.handleClick,onFocus:this.handleFocus,disabled:this.disabled,class:{notification:this.notification}},a("slot",{name:"icon-start"}),a("span",{class:"text"},a("slot",null)),a("slot",{name:"icon-end"})),this.hasAnchorEle&&!this.disabled&&a("div",{class:"link"},a("slot",{name:"icon-start"}),a("slot",null),a("slot",{name:"icon-end"})),this.hasSecondarySlot&&!this.disabled&&a("div",{class:"secondary-menu",ref:function(e){return t.secondaryDiv=e},tabindex:"-1"},a("div",{class:"secondary-menu-content"},a("slot",{name:"secondary"})),a("div",{class:"secondary-menu-mask",onClick:this.closeSecondary}))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openChange"],didOpen:["didOpenChange"]}},enumerable:false,configurable:true});return t}());v.style=m;var w='.sc-nano-select-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-select,*.sc-nano-select::before,*.sc-nano-select::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden].sc-nano-select{display:none !important}[disabled].sc-nano-select-h:not([disabled=false]){opacity:0.5}.form-ctrl.sc-nano-select{min-width:100%;display:block}.form-ctrl.has-helper-end.sc-nano-select{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;opacity:0}.form-ctrl.has-helper-end.is-ready.sc-nano-select{opacity:1}.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__wrapper.sc-nano-select{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__helper-end.sc-nano-select{display:none}.form-ctrl.has-helper-end.has-enough-width.sc-nano-select .form-ctrl__helper-end.sc-nano-select{display:block}.form-ctrl.has-helper-end.has-enough-width.sc-nano-select .form-ctrl__helper.sc-nano-select{display:none}.form-ctrl__wrapper.sc-nano-select{display:block}label.sc-nano-select,.form-ctrl__more.sc-nano-select,.form-ctrl__error.sc-nano-select,.form-ctrl__helper.sc-nano-select{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}label.visually-hide.sc-nano-select,.form-ctrl__more.visually-hide.sc-nano-select,.form-ctrl__error.visually-hide.sc-nano-select,.form-ctrl__helper.visually-hide.sc-nano-select{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.form-ctrl__float-label.sc-nano-select{padding-top:0;padding-bottom:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);color:var(--label-color);position:absolute;font-size:1.15em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left;top:50%;-webkit-transition:0.125s ease-in;transition:0.125s ease-in;opacity:1}.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select,.has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select{-webkit-transform:translateY(-110%);transform:translateY(-110%);font-size:0.8em;opacity:0.7}.form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select{opacity:0;-webkit-transition:opacity 0.125s ease-in;transition:opacity 0.125s ease-in}.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select,.has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select{opacity:1}.form-ctrl__textarea.sc-nano-select .form-ctrl__float-label.sc-nano-select{top:50%}.has-focus.sc-nano-select-h .form-ctrl__textarea.sc-nano-select .form-ctrl__float-label.sc-nano-select{top:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.has-value.sc-nano-select-h .form-ctrl__textarea.sc-nano-select .form-ctrl__float-label.sc-nano-select{top:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.form-ctrl__label.sc-nano-select{color:var(--label-color);font-size:var(--label-font-size);padding-bottom:var(--padding-bottom);line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex}.form-ctrl__label.sc-nano-select .form-ctrl__label-wrap.sc-nano-select{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select{margin-left:unset;margin-right:unset;margin-top:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-bottom:0;-webkit-margin-start:0;margin-inline-start:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;font-size:0.9em}.form-ctrl__label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select{margin-left:unset;margin-right:unset;margin-top:0;-webkit-margin-end:0;margin-inline-end:0;margin-bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;font-size:0.9em;opacity:0.5}.has-value.sc-nano-select-h .form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select{opacity:0.5}.has-focus.sc-nano-select-h .form-ctrl__label.sc-nano-select{color:var(--label-color--focus)}.is-invalid.sc-nano-select-h .form-ctrl__label.sc-nano-select{color:var(--label-color--invalid)}.has-float-label.sc-nano-select .select__multi-input.sc-nano-select,.has-float-label.sc-nano-select .select__native-input.sc-nano-select,.has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select{opacity:0;-webkit-transition:opacity 0.125s ease-in;transition:opacity 0.125s ease-in}.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select,.has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select,.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select,.has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select,.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select,.has-value.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select{opacity:1}.form-ctrl__more.sc-nano-select{height:1em;position:relative;margin-left:unset;margin-right:unset;margin-top:4px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:3px;margin-inline-start:3px;margin-bottom:var(--padding-bottom)}.form-ctrl__helper.sc-nano-select,.form-ctrl__error.sc-nano-select{top:0;left:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.form-ctrl__helper.sc-nano-select{font-style:italic;color:var(--help-msg-color)}[show-inline-error].sc-nano-select-h:not([show-inline-error=false]).is-invalid .form-ctrl__helper.sc-nano-select{opacity:0}.form-ctrl__helper-end.sc-nano-select{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;min-width:150px;font-size:var(--invalid-msg-font-size);color:var(--help-msg-color);font-style:italic}.form-ctrl__error.sc-nano-select{opacity:0;color:var(--invalid-msg-color);font-stretch:condensed}.is-invalid.sc-nano-select-h .form-ctrl__error.sc-nano-select{opacity:1}.form-ctrl__input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--input-border-radius);width:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important;padding-right:0 !important;position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--input-bg-color);border:var(--input-border-style);border-width:var(--input-border-width);font-size:var(--input-font-size);-webkit-padding-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important;padding-inline-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important}.has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select{background:var(--input-bg-color--focus);border:var(--input-border-style--focus);border-width:var(--input-border-width);-webkit-padding-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important;padding-inline-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important}.is-invalid.sc-nano-select-h .form-ctrl__input.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid);border-width:var(--input-border-width);-webkit-border-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);border-inline-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);-webkit-padding-start:0 !important;padding-inline-start:0 !important}.is-invalid.has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid-focus);border-width:var(--input-border-width);-webkit-border-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);border-inline-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);-webkit-padding-start:0 !important;padding-inline-start:0 !important}.form-ctrl__input-wrap.sc-nano-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:100%}.form-ctrl__clear-btn.sc-nano-select,.form-ctrl__slot-end.sc-nano-select,.form-ctrl__slot-start.sc-nano-select,.form-ctrl__slot-value-end.sc-nano-select{--nano-icon-size:1.4em;margin-top:0;margin-bottom:0;margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-size:1em;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:auto}.has-float-label.sc-nano-select .form-ctrl__slot-start.sc-nano-select{display:none}.form-ctrl__slot-start.sc-nano-select-s>*,.form-ctrl__slot-start .sc-nano-select-s>*,.form-ctrl__slot-end.sc-nano-select-s>*,.form-ctrl__slot-end .sc-nano-select-s>*,.form-ctrl__slot-value-end.sc-nano-select-s>*,.form-ctrl__slot-value-end .sc-nano-select-s>*,.form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select{--nano-icon-size:1.4em;padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);font-size:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;z-index:1}.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start.sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start .sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end.sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end .sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end .sc-nano-select-s>*,[disabled].sc-nano-select-h:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select{pointer-events:none}.form-ctrl__slot-value-end.sc-nano-select-s>*,.form-ctrl__slot-value-end .sc-nano-select-s>*,.form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select{pointer-events:none}.form-ctrl__clear-btn.sc-nano-select{color:var(--clear-btn-color);padding:0;opacity:0;width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.is-invalid.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select{color:var(--clear-btn-color--invalid)}.has-value.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select{padding-top:0;padding-bottom:0;padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);opacity:1;width:auto}.form-ctrl__clear-btn.sc-nano-select:hover{color:var(--clear-btn-color--hover)}.sc-nano-select-h{--placeholder-color:var(--nano-input-placeholder-color, initial);--placeholder-font-style:var(--nano-input-placeholder-style, initial);--placeholder-font-weight:var(--nano-input-placeholder-weight, initial);--placeholder-opacity:var(--nano-input-placeholder-opacity, 0.5);--padding-top:var(--nano-input-padding-top, var(--nano-input-padding, 8px));--padding-end:var(--nano-input-padding-end, var(--nano-input-padding, 8px));--padding-bottom:var(--nano-input-padding-bottom, var(--nano-input-padding, 6px));--padding-start:var(--nano-input-padding-start, var(--nano-input-padding, 8px));--color-invalid:var(--nano-color-danger-rgb, 239, 65, 53);--color--focus-rgb:var(\n      --nano-color-base-rgb,\n      var(--nano-color-primary-rgb, 0, 116, 149)\n    );--input-font-size:var(--nano-input-font-size, 0.87em);--input-text-color:var(--nano-input-text-color, #4a4a4a);--input-border-width:var(--nano-input-border-width, 1px);--input-border-hint-width:3px;--input-border-color:var(--nano-input-border-color, #e4e6e8);--input-border-radius:var(--nano-input-border-radius, 0);--input-border-style:var(--nano-input-border-style, solid) var(--nano-input-border-color, #e4e6e8);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--focus, #90c6e7);--input-border-style--invalid:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #e4e6e8);--input-border-style--invalid-focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #ef4135);--input-bg-color:var(--nano-input-background-color, #fff);--input-bg-color--focus:var(--input-bg-color);--input-bg-color--invalid:var(--nano-input-background-color, white);--invalid-msg-color:rgba(var(--color-invalid), 1);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #616d6e);--clear-btn-color:var(--nano-clear-btn-color, rgba(0, 0, 0, 0.3));--clear-btn-color--hover:rgba(var(--color--focus-rgb), 1);--clear-btn-color--invalid:rgba(var(--color-invalid), 1);--label-color:var(--nano-input-label-color, "currentColor");--label-color--focus:var(--label-color);--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--label-font-size:var(--nano-input-label-color, 1em);--multi-input-value-bg:var(--nano-input-tag-bg, 186, 220, 240);--multi-input-value-text-color:var(--nano-input-tag-color, #455556);--multi-input-value-border:var(--nano-input-tag-color, #badcf0);position:relative;width:100%;padding:0 !important;font-family:var(--nano-font-family, inherit);display:block}.nano-color.sc-nano-select-h{--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--multi-input-value-bg:var(--nano-color-tint-rgb);--multi-input-value-border:var(--nano-color-shade);--multi-input-value-text-color:var(--nano-color-contrast);color:var(--nano-color-base)}nano-item.sc-nano-select-h:not(.item-label),nano-item:not(.item-label) .sc-nano-select-h{--padding-start:0}[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select{pointer-events:none !important}select.sc-nano-select{display:none}.select__native-input.sc-nano-select{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;text-overflow:ellipsis;color:var(--input-text-color);display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;overflow:hidden;cursor:default;line-height:2.5em;min-height:2.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select__native-input.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.has-float-label.sc-nano-select .select__native-input.sc-nano-select{line-height:2.1em;min-height:2.1em;padding-top:1.4em}.select__native-input.sc-nano-select::-moz-selection{background:transparent}.select__native-input.sc-nano-select::selection{background:transparent}.select__native-input.sc-nano-select::-moz-selection{background:transparent}.select__native-input.sc-nano-select::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:inherit}.select__native-input.sc-nano-select::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:inherit}.select__native-input.sc-nano-select:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:inherit}.select__native-input.sc-nano-select::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:inherit}.select__native-input.sc-nano-select::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:inherit}.select__native-input.sc-nano-select::-moz-placeholder{line-height:2.8em;text-overflow:ellipsis}.select__native-input.sc-nano-select:-webkit-autofill{background-color:transparent}.select__native-input.sc-nano-select::-webkit-search-decoration,.select__native-input.sc-nano-select::-webkit-search-cancel-button,.select__native-input.sc-nano-select::-webkit-search-results-button,.select__native-input.sc-nano-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.select__native-input.sc-nano-select:invalid{-webkit-box-shadow:none;box-shadow:none}.select__native-input.sc-nano-select::-ms-clear,.select__native-input.sc-nano-select::-ms-reveal{display:none}.select__native-input.resizable.sc-nano-select{resize:vertical;overflow:auto}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select{line-height:1.5em;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);white-space:pre-wrap}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::-webkit-input-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::-moz-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select:-ms-input-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::-ms-input-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::placeholder{line-height:1.5em}.has-float-label.textarea.sc-nano-select .select__native-input.sc-nano-select{padding-top:1.8em}.masked.sc-nano-select-h .select__native-input.sc-nano-select{opacity:0;position:absolute;left:0;top:0}.select__mask.sc-nano-select{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;pointer-events:none;line-height:2.5em;min-height:2.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select__mask.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.select__multi-wrap.sc-nano-select{padding-left:0;padding-right:0;padding-top:0;padding-bottom:calc(var(--padding-bottom) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.has-float-label.sc-nano-select-h .select__multi-wrap.sc-nano-select{padding-top:1.3em}.select__multi-input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:calc(var(--padding-top) / 2);padding-bottom:0;min-width:50px;width:100%;max-height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;display:inline-block;background:transparent;-webkit-box-flex:0;-ms-flex:0;flex:0;position:relative;min-height:calc(2.5em - var(--padding-top));-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select__multi-input.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.legacy.sc-nano-select-h .select__multi-input.sc-nano-select{-webkit-box-sizing:content-box;box-sizing:content-box}.select__multi-input.sc-nano-select:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.select__multi-value.sc-nano-select{margin-top:5px;-webkit-margin-start:var(--padding-start);margin-inline-start:var(--padding-start);-webkit-margin-end:-3px;margin-inline-end:-3px;background:rgba(var(--multi-input-value-bg), 0.8);color:var(--multi-input-value-text-color);border:1px solid;border-color:var(--multi-input-value-border);padding:0.2em 0.5em;line-height:1;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--input-font-size);letter-spacing:1px}.select__multi-value.sc-nano-select span.sc-nano-select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;line-height:1.2}.select__multi-value-remove.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:0.5em;padding-right:0;padding-top:0;padding-bottom:0;color:inherit;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;font-size:1em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select__multi-value-remove.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-padding-end:0;padding-inline-end:0}}.select__multi-value-remove.sc-nano-select nano-icon.sc-nano-select{--color:var(--multi-input-value-text-color)}.form-ctrl__float-label.sc-nano-select{width:calc(100% - (1em + (var(--padding-start) * 2)))}.has-focus.has-multiple.sc-nano-select-h .form-ctrl__float-label.sc-nano-select{-webkit-transform:translateY(-110%);transform:translateY(-110%);font-size:0.8em}.has-value.has-multiple.sc-nano-select-h .form-ctrl__float-label.sc-nano-select{-webkit-transform:translateY(38%);transform:translateY(38%);top:0}.has-focus.sc-nano-select-h select.sc-nano-select,.has-focus.sc-nano-select-h a.sc-nano-select,.has-focus.sc-nano-select-h button.sc-nano-select{pointer-events:auto}';var y=0;var _=t("nano_select",function(){function t(t){var a=this;e(this,t);this.nanoChange=n(this,"nanoChange",7);this.nanoBlur=n(this,"nanoBlur",7);this.nanoFocus=n(this,"nanoFocus",7);this.nanoDidLoad=n(this,"nanoDidLoad",7);this.nanoDidUnload=n(this,"nanoDidUnload",7);this.nanoSearchChange=n(this,"nanoSearchChange",7);this.nanoValidate=n(this,"nanoValidate",7);this.valueItems=[];this.selectId="nano-select-"+y++;this.rtl=false;this.onInit=true;this.currInsertIndex=-1;this.showErrorMsg=false;this.errorMessage="";this.hasFocus=false;this.hasLabelSlot=false;this.hasHelperSlot=false;this.hasHelperEndSlot=false;this.inputSearchVal="";this._invalid=false;this.autofocus=false;this.disabled=false;this.validateOn="submitThenDirty";this.showInlineError=true;this.hideLabel=false;this.floatLabel=false;this.multiple=false;this.name=this.selectId+"-name";this.readonly=false;this.required=false;this.allowCustomValues=false;this._value=this.multiple?[]:"";this._options=[];this._eOptions=[];this.clearSelect=false;this.mask=false;this.debounce=0;this.dropDownConfig={};this.customValidate=function(){a.nativeSelect.setCustomValidity("");if(a.required&&!a.valArray.length){a.nativeSelect.setCustomValidity("Please fill in this field.");return true}if(a.valArray.length&&!a.allowCustomValues&&!a.isValidValues()){a.nativeSelect.setCustomValidity("Please choose an item from this field.");return true}if(a.max&&a.valArray.length>a.max){a.nativeSelect.setCustomValidity("Only up to "+a.max+" values are allowed.");return true}if(a.min&&a.valArray.length<a.min){a.nativeSelect.setCustomValidity("You must select a minimum of "+a.min+" values.");return true}return false};this.showInlineValidation=function(t){if(a.validateOn==="submitThenDirty")a.validateOn="dirty";a._invalid=false;a.showErrorMsg=false;a.errorMessage="";if(!a.nativeSelect.validity.valid){a.errorMessage=a.nativeSelect.validationMessage;a._invalid=true;a.showErrorMsg=true}a.nanoValidate.emit({isValid:!a.invalid,errorMessage:a.errorMessage,originalEvent:t})};this.handleInvalid=function(t){a._invalid=true;if(a.validateOn==="submit"){a._invalid=a.showErrorMsg=a.customValidate()}if(a.showInlineError)t.preventDefault();requestAnimationFrame((function(){return a.showInlineValidation(t)}))};this.setValue=function(t){t.preventDefault();if(!a.multiple){a.value=t.detail.value;a.inputCtrl.focus();return}if(a.value&&a.value.length&&a.value.includes(t.detail.value))return;if(a.max&&a.value.length===a.max)return;a.currInsertIndex++;a.value=__spreadArray(__spreadArray(__spreadArray([],a.value.slice(0,a.currInsertIndex)),[t.detail.value]),a.value.slice(a.currInsertIndex));a.inputSearchVal=""};this.removeValue=function(t){if(!a.multiple||!a.value.length)return;if(!t)t=a.value[a.value.length-1];a.value=a.value.filter((function(e){return e!==t}));a.currInsertIndex--;a.setFocus()};this.setOptions=function(){if(!a.datalist||!a.datalist.activeOptions||!a.datalist.activeOptions.length)return;a._eOptions=a.datalist.activeOptions.map((function(t){var e=t.value,n=t.selected,a=t.label,i=t.filterMeta;return{value:e,selected:n,label:a,filterMeta:i}}))};this.handleDocumentKeyDown=function(t){if(!a.multiple||!a.hasFocus)return;if(!a.inputSearchVal){var e=void 0;switch(t.key){case"Backspace":if(a.inputCtrl.previousElementSibling)e=a.inputCtrl.previousElementSibling;else break;a.removeValue(e.dataset.value||null);break;case"Delete":if(a.inputCtrl.nextElementSibling)e=a.inputCtrl.nextElementSibling;else break;a.removeValue(e.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!a.value.length)break;if(t.key==="ArrowLeft"&&a.inputCtrl.previousSibling)a.currInsertIndex--;if(t.key==="ArrowRight"&&a.inputCtrl.nextSibling)a.currInsertIndex++;setTimeout((function(){a.inputCtrl.focus()}),20);t.preventDefault();break}}};this.onBlur=function(){a.hasFocus=false;requestAnimationFrame((function(){if(a.validateOn==="dirty"&&!a.hasFocus)a.showInlineValidation()}));a.nanoBlur.emit();if(!a.allowCustomValues&&a.multiple){a.inputSearchVal="";var t=new window.Event("change");a.inputCtrl.dispatchEvent(t)}};this.onFocus=function(){a.hasFocus=true;a.nanoFocus.emit()};this.clearSelectValue=function(t){if(a.clearSelect&&!a.readonly&&!a.disabled&&t){t.preventDefault();t.stopPropagation()}if(a.multiple){a.value=[];a.currInsertIndex=-1}else a.value="";a.inputCtrl.value="";var e=new window.Event("change");a.inputCtrl.dispatchEvent(e)};this.onClick=function(){a.setFocus()};this.onDragStart=function(t){var e=t.target;a.dragVal=e.dataset.value};this.onDragEnd=function(t){a.dragVal=null;t.preventDefault()};this.onDragLeave=function(t){var e=t.target;var n=e.dataset&&e.dataset.value?e.dataset.value:null;if(!n||a.dragVal===n||!a.value.includes(a.dragVal)){t.preventDefault();return}var i=a.value.indexOf(n);var o=a.value.indexOf(a.dragVal);var r=a.value;var s=r[i];r[i]=r[o];r[o]=s;a.value=__spreadArray([],r)};this.onMultiInput=function(t){a.inputSearchVal=t.target.value.trim();a.nanoSearchChange.emit({value:t.target.value.trim()})};this.showInlineValidation=h(this.showInlineValidation,50)}Object.defineProperty(t.prototype,"inputCtrl",{get:function(){return this._inputCtrl},set:function(t){if(t===this._inputCtrl)return;this._inputCtrl=t;this.setDataListOpts()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectWrap",{get:function(){return this._selectWrap},set:function(t){if(this._selectWrap===t)return;this._selectWrap=t;this.setDataListOpts()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"datalist",{get:function(){return this._datalist},set:function(t){if(this._datalist===t)return;this._datalist=t;this.setDataListOpts()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"invalid",{get:function(){return this._invalid},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"validityMessage",{get:function(){if(!this.nativeSelect)return"";return this.nativeSelect.validationMessage},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(t){if(typeof t==="string"){if(this.multiple)this._value=t.split(",");else this._value=t}else if(Array.isArray(t)){if(this.multiple)this._value=t;else this._value=t[0]}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"options",{get:function(){if(this._options.length)return this._options;if(!this.datalist||!this.datalist.activeOptions)return[];return this._eOptions.map((function(t){var e=t.value,n=t.selected,a=t.label,i=t.filterMeta;return{value:e,selected:n,label:a,filterMeta:i}}))},set:function(t){this._options=t.map((function(t){if(typeof t==="string")return{value:t,label:t};else return t}))},enumerable:false,configurable:true});t.prototype.debounceChanged=function(){this.nanoSearchChange=g(this.nanoSearchChange,this.debounce)};t.prototype.shouldValidate=function(){if(this.onInit)return;if(this.invalid)this.showErrorMsg=this._invalid=false;this.customValidate();if(this.validateOn!=="dirty")return;this.showInlineValidation()};t.prototype.valueChanged=function(){var t=this;if(this.onInit){if(this.multiple)this.currInsertIndex=this.value.length-1;return}requestAnimationFrame((function(){t.shouldValidate();t.nanoChange.emit({value:t.value})}))};t.prototype.setDataListOpts=function(){if(!this.datalist||!this.selectWrap)return;this.datalist.input=this.inputCtrl;var t=this.datalist.dropDownConfig||{};this.datalist.dropDownConfig=Object.assign(Object.assign(Object.assign({},t),this.dropDownConfig),{tetherTo:this.selectWrap})};t.prototype.reportValidity=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){return[2,new Promise((function(n){if(t){e.customValidate();e.showInlineValidation()}setTimeout((function(){n({isValid:!e._invalid,errorMessage:e.nativeSelect.validationMessage})}),50)}))]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.inputCtrl)return[2];this.inputCtrl.focus();setTimeout((function(){return t.inputCtrl.click()}),50);return[2]}))}))};t.prototype.getSelectElement=function(){return Promise.resolve(this.nativeSelect)};t.prototype.showError=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeSelect){this.nativeSelect.setCustomValidity(t);this.showInlineValidation()}return[2]}))}))};Object.defineProperty(t.prototype,"valArray",{get:function(){return typeof this.value==="string"?this.value.length?[this.value]:[]:this.value},enumerable:false,configurable:true});t.prototype.isValidValues=function(){var t=this;return this.valArray.find((function(e){return t.options.find((function(t){return t.value===e}))}))};t.prototype.slotChangeObserver=function(){var t=this;var e=this.mo=new MutationObserver((function(){return t.processSlottedContent()}));e.observe(this.el,{childList:true,subtree:true})};t.prototype.processSlottedContent=function(){this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length;this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]');this.hasHelperEndSlot=!!this.el.querySelector('[slot="helper-end"]');if(!!this.el.querySelector('select:not([class*="sc-nano-select"]) option')){console.warn("nesting `<option>` elements was removed in v2. Please update your code to use `<nano-option>` elements instead.",this.el)}if(!!this.el.querySelector('[slot="legacy"]')){console.warn("The `legacy` slot has been removed. Please update your code",this.el)}};t.prototype.getLabel=function(t){var e=this.options.find((function(e){var n;return!e.disabled&&((n=e.value)===null||n===void 0?void 0:n.length)&&e.value===t}));return e&&e.label?e.label:t};t.prototype.onReset=function(t){var e=this.form?document.querySelector("#"+this.form):this.el.closest("form");if(!e||t.target!==this.el.closest("form"))return;this.clearSelectValue()};t.prototype.handleBlur=function(t){var e=this;if(!this.hasFocus)return;var n=t;var a;s((function(){if(n.key){if(n.key!=="Tab")return;a=b()}else a=t.target;if(c(e.el.tagName.toLowerCase(),a)!==e.el){e.onBlur()}}))};t.prototype.connectedCallback=function(){this.debounceChanged();this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))};t.prototype.disconnectedCallback=function(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el}));if(this.mo)this.mo.disconnect()};t.prototype.componentDidLoad=function(){var t=this;this.slotChangeObserver();this.customValidate();this.setDataListOpts();s((function(){return t.onInit=false}))};t.prototype.componentWillLoad=function(){this.processSlottedContent()};t.prototype.render=function(){var t=this;var e=this.selectId+"-lbl";var n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"";var o=this.hasHelperEndSlot?this.selectId+"-helper":"";this.rtl=this.el.ownerDocument.dir==="rtl";this.valueItems=[];var r=function(t){var e=t.el,n=t.floatLabel,a=t.label,i=t.errorMessage,o=t.showInlineError,r=t.hasHelperSlot,s=t.hasHelperEndSlot,l=t.hasLabelSlot,d=t.hideLabel,c=t.placeholder,u=t.rtl;return{el:e,floatLabel:n,label:a,errorMessage:i,showInlineError:o,hasHelperSlot:r,hasHelperEndSlot:s,hasLabelSlot:l,hideLabel:d,placeholder:c,rtl:u}}(this);var s=Object.assign(Object.assign({},r),{labelId:e,moreId:n,helperEndId:o,hasValue:!!this.value.length||!!this.inputSearchVal.length,controlId:this.selectId});var l=function(e){var n=e.readonly,a=e.disabled;return{readonly:n,disabled:a,clearControl:t.clearSelect}}(this);return a(i,{type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},f(this.color)),{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":this.invalid,"has-label":this.label!==null&&!this.floatLabel,"has-float-label":this.label!==null&&this.floatLabel,rtl:this.rtl,"has-multiple":this.multiple,"has-clr-btn":this.clearSelect,masked:this.mask})},a(u,Object.assign({},s),a(p,Object.assign({},l,{onClearText:this.clearSelectValue,control:this.el,ref:function(e){return t.selectWrap=e},endValueSlot:a("slot",{name:"down-arrow"},a("nano-icon",{slot:"value-end",name:"light/chevron-down"}))}),this.multiple&&a("div",{class:"select__multi-wrap select"},this.multipleValues(e,n,o)),!this.multiple&&[this.mask&&a("div",{class:"select__mask"},this.getLabel(this.value)),a("input",{id:this.selectId,class:"select__native-input",ref:function(e){return t.inputCtrl=e},"aria-labelledby":e+" "+n+" "+o,disabled:this.disabled,form:this.form,placeholder:this.placeholder,readOnly:true,required:this.required,value:this.getLabel(this.value),onFocus:this.onFocus})])),!this.readonly&&!this.disabled&&a("nano-datalist",{onNanoOptionsUpdated:this.setOptions,ref:function(e){return t.datalist=e},selected:this.valArray,type:this.multiple?"selctMulti":"select",onNanoSelect:this.setValue,onNanoDeselect:function(e){e.preventDefault();t.removeValue(e.detail.value)},options:this._options.length?this._options:undefined},this.allowCustomValues&&this.multiple&&!!this.inputSearchVal&&a("nano-option",{slot:"list-top",value:this.inputSearchVal,selected:false,label:this.inputSearchVal,onNanoSelect:function(){return t.inputCtrl.focus()}},a("span",{slot:"check-icon"}),"Add '",this.inputSearchVal,"'"),a("slot",null)),a("select",{id:this.selectId+"-hidden",class:"select__native-ctrl",ref:function(e){return t.nativeSelect=e},"aria-labelledby":e+" "+n+" "+o,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.allowCustomValues&&this.valArray.map((function(t){return a("option",{value:t,selected:true},t)})),!this.allowCustomValues&&this.options.map((function(e){return a("option",{value:e.value,selected:t.valArray.includes(e.value),disabled:e.disabled,label:e.label},t.valArray.includes(e.value))}))))};t.prototype.multipleValues=function(t,e,n){var i=this;var o=a("input",{class:"select__multi-input",id:this.selectId,ref:function(t){return i.inputCtrl=t},readOnly:this.readonly,disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onKeyDown:this.handleDocumentKeyDown,onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder&&!this.value.length?this.placeholder:"","aria-labelledby":t+" "+e+" "+n});if(!this.value.length)return o;return this.value.map((function(t,e){var n=a("span",{onDragStart:i.onDragStart,onDragLeave:i.onDragLeave,onDragEnd:i.onDragEnd,onDragOver:function(t){return t.preventDefault()},draggable:true,"data-value":t,ref:function(t){return i.valueItems.push(t)},class:"select__multi-value"},a("span",null,i.getLabel(t)),a("button",{class:"select__multi-value-remove",type:"button",tabindex:"-1",onTouchEnd:function(){i.removeValue(t)},onMouseUp:function(){i.removeValue(t)}},a("nano-icon",{name:"light/times"})));if(e===0&&i.currInsertIndex<0)n=[o,n];else if(e===i.currInsertIndex)n=[n,o];return n}))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],readonly:["shouldValidate"],value:["valueChanged"],dropDownConfig:["setDataListOpts"]}},enumerable:false,configurable:true});return t}());_.style=w}}}));
+//# sourceMappingURL=p-f780d2f6.system.entry.js.map