@nanoporetech-digital/components 1.15.6 → 2.0.0

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

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

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

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

package/dist/nano-components/{p-6621e4f1.system.entry.js.map → p-f53989c3.system.entry.js.map}

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

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

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function a(t){try{l(i.next(t))}catch(e){s(e)}}function r(t){try{l(i["throw"](t))}catch(e){s(e)}}function l(t){t.done?n(t.value):o(t.value).then(a,r)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(s=a[0]&2?o["return"]:a[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,a[1])).done)return s;if(o=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(r){a=[6,r];o=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e){for(var n=0,i=e.length,o=t.length;n<i;n++,o++)t[o]=e[n];return t};
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */System.register(["./p-59b3d24b.system.js","./p-1c216ca4.system.js","./p-ef053a2f.system.js","./p-1d13dbdf.system.js","./p-1f2b5241.system.js","./p-09d2d944.system.js"],(function(t){"use strict";var e,n,i,o,s,a,r,l,u,c,p,d;return{setters:[function(t){e=t.r;n=t.c;i=t.f;o=t.j;s=t.h;a=t.e;r=t.g},function(t){l=t.r},function(t){u=t.d},function(t){c=t.g},function(t){p=t.g},function(t){d=t.g}],execute:function(){var h=":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{--padding-top:var(--nano-spacing-small, 8px);--padding-bottom:var(--nano-spacing-small, 8px);--padding-start:var(--nano-spacing-xlarge, 24px);--padding-end:var(--nano-spacing-xlarge, 24px);--font-size:0.8em;--color:#b5aea7;color:var(--color)}.dlist--isfiltered ::slotted(*:not(nano-option):not([slot=no-result]):not([slot=list-top]):not([slot=list-bottom])){display:none !important}.dlist__dropdown{--min-width:100%;--overflow:auto}.dlist__status{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}.dlist__menu{--padding-top:inherit;--padding-bottom:inherit;--padding-start:inherit;--padding-end:inherit;--font-size:inherit}";function f(t){var e;if(t.id){e=document.querySelector("label[for='"+t.id+"']")}if(!e){e=t.closest("label")}return e}var b=0;var v=t("nano_datalist",function(){function t(t){var i=this;e(this,t);this.nanoSelect=n(this,"nanoSelect",7);this.nanoDeselect=n(this,"nanoDeselect",7);this.nanoOptionsUpdated=n(this,"nanoOptionsUpdated",7);this.isNanoInput=false;this.typeToSelect="";this.optionEles=[];this.listId="nano-datalist-"+b++;this.isFiltered=false;this._allOptEles=[];this.actvOptEles=[];this.canOpen=true;this.optionIds=[];this.selected=[];this._dropDownConfig={skidding:-1};this.options=[];this.type="input";this.open=false;this.disableFilter=false;this.disabled=false;this.optSelected=function(t){t.stopPropagation();i.changeInputValue(t.detail);l((function(){return i.inputChange()}));if(i.type==="select")i.shouldOpen=false};this.handleShow=function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){if(this.type==="select")this.listBox.setFocus();return[2]}))}))};this.inputClick=function(){i.shouldOpen=true;i.manageDropdownDisplay()};this.inputKeydown=function(t){var e=["Shift","ArrowRight","ArrowLeft","Escape","Enter","Tab"];if(e.includes(t.key)){if(t.key==="Tab")i.shouldOpen=false;return}if(i.type==="select"&&!["ArrowDown","ArrowUp"].includes(t.key)&&(t.key!==" "||i.typeToSelectTimeout)){if(t.key===" "||/^[a-z0-9]+$/i.test(t.key)){clearTimeout(i.typeToSelectTimeout);i.typeToSelectTimeout=window.setTimeout((function(){i.typeToSelect="";i.typeToSelectTimeout=0}),750);i.typeToSelect+=t.key;i.setOptStartsWith()}return}i.shouldOpen=true;i.manageDropdownDisplay()};this.optionKeyDown=function(t){var e=["Shift","ArrowUp","ArrowDown","Escape","Enter","Tab","Space"," "];if(e.includes(t.key)){if(t.key==="Escape")i.connectedInput.focus();return}var n=["Delete","Backspace"];if(i.type!=="select"&&(!i.exactMatch||n.includes(t.key))){i.connectedInput.focus()}};this.inputChange=u(this.inputChange.bind(this),50)}Object.defineProperty(t.prototype,"allOptEles",{get:function(){return this._allOptEles},set:function(t){var e=this;var n;this._allOptEles=t;if((n=this.connectedInput)===null||n===void 0?void 0:n.value)return;t.forEach((function(t){if(t.selected&&!e.selected.includes(t.value)){e.changeInputValue(t)}}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"dropDownConfig",{get:function(){return this._dropDownConfig},set:function(t){this._dropDownConfig=Object.assign(Object.assign({},this._dropDownConfig),t)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"activeOptions",{get:function(){return this.allOptEles},enumerable:false,configurable:true});t.prototype.openWatcher=function(){var t=this;i((function(){t.nanoDropdown.open=t.open;t.connectedInput.setAttribute("aria-expanded",t.open.toString())}))};t.prototype.watchInputChange=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){switch(n.label){case 0:if(!(t=this.host.closest("nano-input")))return[3,2];this.isNanoInput=true;e=this;return[4,t.getInputElement()];case 1:e.connectedInput=n.sent();return[3,3];case 2:if(this.input&&typeof this.input==="string"&&(t=document.querySelector(this.input))){this.isNanoInput=false;this.connectedInput=t}else if(this.input instanceof HTMLElement){this.connectedInput=this.input}n.label=3;case 3:return[2]}}))}))};t.prototype.manageSlotChangeListener=function(){var t=this;var e;if(!this.host)return;if((!this.options||!this.options.length)&&!this.mo){{var n=this.mo=new MutationObserver((function(){return t.processSlottedContent()}));n.observe(this.host,{childList:true,subtree:true})}this.processSlottedContent();return}if((e=this.options)===null||e===void 0?void 0:e.length){if(!!this.mo){this.mo.disconnect();this.mo=undefined}setTimeout((function(){var e;if(((e=t.connectedInput)===null||e===void 0?void 0:e.value.length)&&t.type!=="select"){t.inputChange()}else t.actvOptEles=__spreadArray([],t.allOptEles)}),50)}o(this.host)};t.prototype.watchTypeChange=function(){if(!this.connectedInput)return;var t={closeOnSelect:false};var e="both";var n=false;switch(this.type){case"selctMulti":break;case"select":e="list";n=true;break}if(!this.isNanoInput){t.tetherTo=this.connectedInput}this.dropDownConfig=Object.assign(Object.assign({},this.dropDownConfig),t);this.connectedInput.setAttribute("aria-autocomplete",e);this.connectedInput.readOnly=n};t.prototype.manageInputEvents=function(t,e){var n=this;var o;if(!!e){var s=e.closest("nano-input");if(s){s.removeEventListener("nanoChange",this.inputChange)}e.removeEventListener("change",this.inputChange);e.removeEventListener("click",this.inputClick);e.removeEventListener("keydown",this.inputKeydown);e.removeEventListener("input",this.inputChange);this.inputLabel=null;i((function(){e.removeAttribute("role");e.removeAttribute("aria-expanded");e.removeAttribute("aria-controls");e.removeAttribute("aria-owns");e.removeAttribute("aria-haspopup");e.removeAttribute("aria-autocomplete");e.removeAttribute("autocomplete")}))}if(!!t){var s=t.closest("nano-input");if(s){s.addEventListener("nanoChange",this.inputChange)}t.addEventListener("change",this.inputChange);t.addEventListener("click",this.inputClick);t.addEventListener("keydown",this.inputKeydown);t.addEventListener("input",this.inputChange);this.listId=this.host.id||this.listId;this.inputLabel=((o=t===null||t===void 0?void 0:t.labels)===null||o===void 0?void 0:o.item(0))||f(t);i((function(){n.host.id=n.listId;t.setAttribute("role","combobox");t.setAttribute("aria-expanded","false");t.setAttribute("aria-controls",n.listId);t.setAttribute("aria-owns",n.listId);t.setAttribute("aria-haspopup","listbox");t.setAttribute("autocomplete","off")}))}};t.prototype.watchActvOptChange=function(){var t=this;var e;var n=0;var o=((e=this.connectedInput)===null||e===void 0?void 0:e.value)||"";var s=[];i((function(){t.allOptEles.forEach((function(e,i){if(t.actvOptEles.includes(e)){n++;e.setAttribute("aria-posinset",n+"");e.setAttribute("aria-setsize",t.actvOptEles.length+"");e.hidden=false;t.isSelected(e,o)}else{e.removeAttribute("aria-posinset");e.removeAttribute("aria-setsize");e.hidden=true;e.selected=false}e.id=t.listId+"-option-"+i;s.push(e.id)}));t.optionIds=s}))};t.prototype.manageCanOpen=function(){if(this.actvOptEles.length||this.hasNoResult)this.canOpen=true;else this.canOpen=false};t.prototype.manageDropdownDisplay=function(){if(this.shouldOpen&&this.canOpen&&!this.disabled)this.open=true;if(!this.shouldOpen||!this.canOpen)this.open=false};t.prototype.fireActiveOptsEvent=function(){this.nanoOptionsUpdated.emit(this.actvOptEles)};t.prototype.isSelected=function(t,e){if(e===t.value||this.selected.includes(t.value)){t.selected=true}else t.selected=false};Object.defineProperty(t.prototype,"dropwdownOpen",{get:function(){if(!this.nanoDropdown||!this.open)return false;return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"exactMatch",{get:function(){var t=this;return this.allOptEles.find((function(e){return t.connectedInput.value===e.value}))},enumerable:false,configurable:true});t.prototype.changeInputValue=function(t){var e;var n;if(this.selected.includes(t.value)){this.selected=this.selected.filter((function(e){return e!==t.value}));n=this.nanoDeselect.emit(t)}else{this.selected=__spreadArray([],this.selected);n=this.nanoSelect.emit(t)}if(!n.defaultPrevented){if(this.connectedInput)this.connectedInput.value=t.value;var i=new window.Event("change");(e=this.connectedInput)===null||e===void 0?void 0:e.dispatchEvent(i)}};t.prototype.setOptStartsWith=function(){var t=this;var e=function(e){return e.toLowerCase().substring(0,t.typeToSelect.length)===t.typeToSelect};var n=this.allOptEles.find((function(t){return t.value.trim().length>0&&!t.disabled&&(e(t.textContent)||e(t.value)||e(t.label)||e(t.filterMeta))}));if(n)this.changeInputValue(n)};t.prototype.processSlottedContent=function(){var t=this;l((function(){var e;t.allOptEles=Array.from(t.host.querySelectorAll("nano-option"));t.hasNoResult=!!t.host.querySelector('[slot="no-result"]');if(((e=t.connectedInput)===null||e===void 0?void 0:e.value.length)&&t.type!=="select"){t.inputChange()}else t.actvOptEles=t.allOptEles}))};t.prototype.inputChange=function(){var t=this;if(this.disableFilter){this.actvOptEles=this.allOptEles;return}var e=this.connectedInput.value;var n=e.trim().toLowerCase();var i=false;var o=[];var s=function(t){return t.toLowerCase().indexOf(n)>-1};this.allOptEles.forEach((function(n){if((e===n.value||e===n.label)&&t.type!=="selctMulti"){n.selected=true;i=true}else t.isSelected(n,e)}));this.allOptEles.forEach((function(t){if(!n.length||i){o.push(t)}else if(t.value.trim().length>0&&!t.disabled&&(s(t.textContent)||s(t.value)||s(t.label)||s(t.filterMeta))){o.push(t)}}));this.isFiltered=n.length&&!i;this.actvOptEles=o};t.prototype.connectedCallback=function(){this.watchInputChange()};t.prototype.componentDidLoad=function(){this.manageSlotChangeListener();this.openWatcher()};t.prototype.componentDidRender=function(){var t=this;var e;setTimeout((function(){if(!t.connectedInput)console.warn("no `nano-input` found. `nano-datalist` should be nested within an `nano-input` or linked via `input` prop",t.host)}),500);if((e=this.options)===null||e===void 0?void 0:e.length)this.allOptEles=this.optionEles};t.prototype.render=function(){var t=this;this.optionEles=[];return s(a,{role:"listbox","aria-owns":this.optionIds.join(" "),"aria-label":"Select options from the list below"},s("nano-dropdown",Object.assign({},this.dropDownConfig,{ref:function(e){return t.nanoDropdown=e},dialogTitle:"Select options from the list below",class:{dlist__dropdown:true,"dlist--isfiltered":this.isFiltered},onNanoAfterShow:this.handleShow,onNanoAfterHide:function(e){return t.open=false}}),s("nano-menu",{hidden:!this.actvOptEles.length,type:"listbox",label:this.inputLabel?this.inputLabel.textContent:undefined,class:{dlist__menu:true,"dlist__menu--open":this.dropwdownOpen},tabIndex:-1,onNanoSelect:this.optSelected,onKeyDown:this.optionKeyDown,ref:function(e){return t.listBox=e}},s("slot",{name:"list-top"}),!this.options.length&&s("slot",null),!!this.options.length&&s("slot",null,this.options.map((function(e,n){if(e.value||e.label){return s("nano-option",{ref:function(e){return t.optionEles.push(e)},key:e.label+n,label:e.label,value:e.value,"aria-posinset":n,"aria-setsize":t.options.length,selected:e.selected,id:t.listId+"-option-"+n},e.label?e.label:e.value)}}))),s("slot",{name:"list-bottom"})),s("nano-menu",{type:"listbox",label:"No results found",hidden:!!this.actvOptEles.length,class:{dlist__menu:true,"dlist__menu--open":this.dropwdownOpen}},s("slot",{name:"no-result"})),!!this.actvOptEles&&s("div",{"aria-live":"polite",role:"status",class:"dlist__status"},this.actvOptEles.length," result",this.actvOptEles.length>1?"s":""," available.")))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"],input:["watchInputChange"],options:["manageSlotChangeListener"],type:["watchTypeChange"],connectedInput:["watchTypeChange","manageInputEvents"],selected:["watchActvOptChange"],actvOptEles:["watchActvOptChange","manageCanOpen","fireActiveOptsEvent"],hasNoResult:["manageCanOpen"],shouldOpen:["manageDropdownDisplay"],canOpen:["manageDropdownDisplay"]}},enumerable:false,configurable:true});return t}());v.style=h;var g=":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{--padding-start:var(--nano-spacing-medium, 16px);--padding-end:var(--nano-spacing-medium, 16px);--padding-top:var(--nano-spacing-small, 8px);--padding-bottom:var(--nano-spacing-small, 8px);--secondary-padding-top:0;--secondary-padding-bottom:0;--bg-color-hover:#f2f7f9;--bg-color-focus:#f2f7f9;--bg-color-selected:#f2f7f9;--color-hover:#007495;--color-selected:#007495;--color-focus:#007495;--focus-outline:none;--font-size:0.9em;display:block}.menu{font-size:var(--font-size, 0.9em);-ms-scroll-chaining:none;overscroll-behavior:none;min-width:var(--width);position:relative}.menu:focus{outline:none}::slotted(*:not(nano-nav-item):not(nano-option):not(hr):not(slot)){padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:block}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(*:not(nano-nav-item):not(nano-option):not(hr):not(slot)){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)}}";var m=!!document.head.attachShadow;var y=t("nano_menu",function(){function t(t){var i=this;e(this,t);this.nanoFocus=n(this,"nanoFocus",7);this.nanoBlur=n(this,"nanoBlur",7);this.nanoSelect=n(this,"nanoSelect",7);this.ignoreMouseEvents=false;this.typeToSelect="";this._hasFocus=false;this.type="menu";this.handleFocus=function(){i.setActiveFocusItem(i.selectedItem||i.getItems[0]);i._hasFocus=true;i.nanoFocus.emit()};this.handleClick=function(t){var e=t.target;var n=e.closest("nano-nav-item");if(n&&!n.disabled){i.nanoSelect.emit(n)}};this.handleKeyDown=function(t){clearTimeout(i.ignoreMouseTimeout);i.ignoreMouseTimeout=setTimeout((function(){return i.ignoreMouseEvents=false}),500);i.ignoreMouseEvents=true;switch(t.key){case" ":if(i.activeItem)i.activeItem.click();break;case"ArrowDown":case"ArrowUp":case"PageDown":case"PageUp":case"Home":case"End":var e=i.getItems;var n=i.activeItem;var o=e.indexOf(n);if(e.length){t.preventDefault();if(t.key==="ArrowDown"){o++}else if(t.key==="ArrowUp"){o--}else if(t.key==="Home"||t.key==="PageUp"){o=0}else if(t.key==="End"||t.key==="PageDown"){o=e.length-1}if(o<0)o=e.length-1;if(o>e.length-1)o=0;i.setActiveFocusItem(e[o]);if(e[o])e[o].scrollIntoView({block:"nearest"});return}break}if(t.key===" "||/^[a-z0-9]+$/i.test(t.key)){clearTimeout(i.typeToSelectTimeout);i.typeToSelectTimeout=setTimeout((function(){return i.typeToSelect=""}),750);i.typeToSelect+=t.key;var e=i.getItems;for(var s=0,a=e;s<a.length;s++){var r=a[s];var l=r.shadowRoot.querySelector("slot:not([name])");var u=p(l).toLowerCase().trim();if(u.substring(0,i.typeToSelect.length)===i.typeToSelect){i.setActiveFocusItem(r);break}}}};this.handleMouseOver=function(t){var e=t.target;var n=e.closest("nano-nav-item")||e.closest("nano-option");if(n&&!i.ignoreMouseEvents){i.setActiveFocusItem(n)}}}Object.defineProperty(t.prototype,"hasFocus",{get:function(){return this._hasFocus},enumerable:false,configurable:true});t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if((t=this.menu)===null||t===void 0?void 0:t.focus)this.menu.focus({preventScroll:true});return[2]}))}))};t.prototype.removeFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if((t=this.menu)===null||t===void 0?void 0:t.blur)this.menu.blur();return[2]}))}))};t.prototype.showActiveElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.selectedItem)this.selectedItem.scrollIntoView({block:"nearest"});return[2]}))}))};t.prototype.resetActiveItem=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getItems.filter((function(t){return t.tagName.toLowerCase()==="nano-option"})).map((function(t){return t.setAttribute("tabindex","-1")}));return[2]}))}))};Object.defineProperty(t.prototype,"getItems",{get:function(){var t;var e=this.el.querySelectorAll("nano-nav-item.secondary-open");if(e.length){var n=e[e.length-1];t=Array.from(n.querySelectorAll("nano-nav-item, nano-option"))}else{t=c(this.el,"nano-nav-item, nano-option","slot")}return t.filter((function(t){return!t.disabled&&!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"activeItem",{get:function(){var t=d();return this.getItems.find((function(e){return e.getAttribute("tabindex")==="0"||e===t||e.classList.contains("has-focus")}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedItem",{get:function(){var t=d();return this.getItems.find((function(e){return e.selected||e===t}))},enumerable:false,configurable:true});t.prototype.setActiveFocusItem=function(t,e){if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){var n,i;return __generator(this,(function(o){n=this.getItems;i=!t||t.disabled?n.find((function(t){return t.selected}))||n[0]:t;n.filter((function(t){return t.tagName.toLowerCase()==="nano-option"})).map((function(t){return t.setAttribute("tabindex",t===i?"0":"-1")}));if(!e)return[2];if(i){i.setFocus?i.setFocus():i.focus()}else this.menu.focus();return[2]}))}))};t.prototype.handleBlur=function(t){var e=this;if(!this.hasFocus)return;var n=t;var i;if(n.key){if(n.key!=="Tab")return;i=d()&&d().closest(this.el.tagName.toLowerCase())===this.el}else i=!!t.composedPath().find((function(t){return t===e.el}));if(!i){this.resetActiveItem();this._hasFocus=false;this.nanoBlur.emit()}};t.prototype.render=function(){var t;var e=this;return s(a,{class:{legacy:!m}},s("div",{onClick:this.handleClick,onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onFocus:this.handleFocus,"aria-label":this.label?this.label:undefined,role:this.type,ref:function(t){return e.menu=t},part:"base",class:(t={menu:true},t["menu--"+this.type]=true,t["menu--has-focus"]=this.hasFocus,t),tabIndex:-1},s("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());y.style=g;var w=":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{--bg:none;--bg-selected:var(--nano-select-opt-bg, #f2f7f9);--bg-focus:var(--nano-color-base, var(--nano-color-primary-tint, #2689a5));--bg-disabled:none;--color:var(--input-text-color, var(--nano-input-text-color, #4a4a4a));--color-selected:var(--nano-color-base, var(--nano-color-primary, #007495));--color-focus:var(--nano-color-contrast, var(--nano-color-primary-contrast, #fff));--color-disabled:#b5aea7;--opt-icon-size:1.6em;display:block;color:var(--color);overflow:hidden;font-size:14px;font-size:clamp(12px, .9em, 16px)}:host(:focus){outline:none}.option{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;background:var(--bg);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.option{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(:focus) .option:not(.option--disabled),:host .option.option--selected{outline:none;background:var(--bg-selected);color:var(--color-selected)}:host(:focus) .option:not(.option--disabled){background:var(--bg-focus);color:var(--color-focus)}.option.option--disabled{outline:none;color:var(--color-disabled);cursor:not-allowed;background:var(--bg-disabled)}.option.option--novalue{font-style:italic;opacity:0.7}.option__label{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.option__start{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.option__start ::slotted(nano-icon){font-size:var(--opt-icon-size)}.option__start ::slotted(:last-child){margin-right:0.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.option__start ::slotted(:last-child){margin-right:unset;-webkit-margin-end:0.5em;margin-inline-end:0.5em}}.option__end{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.option__end ::slotted(nano-icon){font-size:var(--opt-icon-size)}.option__end ::slotted(:first-child){margin-left:0.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.option__end ::slotted(:first-child){margin-left:unset;-webkit-margin-start:0.5em;margin-inline-start:0.5em;}}.option__check{visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0.6em;top:calc(50% - 0.6em);-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.9em}.option--selected:not(.option--novalue) .option__check{visibility:visible}";var x=0;var _=t("nano_option",function(){function t(t){e(this,t);this.nanoSelect=n(this,"nanoSelect",7);this.optId="nano-option-"+x++;this.hasFocus=false;this.value="";this.label="";this.selected=false;this.disabled=false;this.filterMeta="";this.handleClick=u(this.handleClick.bind(this),5)}t.prototype.valueChanged=function(){if(!this.value||!this.value.length)this.value=this.labelContent};t.prototype.labelChanged=function(){if(!this.label||!this.label.length)this.label=this.labelContent.length?this.labelContent:this.value};t.prototype.handleKeyDown=function(t){if(t.key!==" "&&t.key!=="Enter")return;t.preventDefault();this.nanoSelect.emit(this.host)};t.prototype.handleClick=function(){if(this.disabled)return;this.nanoSelect.emit(this.host)};Object.defineProperty(t.prototype,"labelContent",{get:function(){return c(this.host,"*:not([slot])",false).map((function(t){return t.textContent})).join(" ").trim()},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){this.valueChanged();this.labelChanged()};t.prototype.render=function(){return s(a,{role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},s("div",{onMouseDown:this.handleClick,id:this.optId,class:{option:true,"option--selected":this.selected,"option--disabled":this.disabled,"option--novalue":!this.value}},s("div",{part:"check-icon",class:"option__check"},s("slot",{name:"check-icon"},s("nano-icon",{name:"light/check","aria-hidden":"true"}))),s("div",{part:"start",class:"option__start"},s("slot",{name:"start"})),s("div",{part:"label",class:"option__label"},s("slot",null,this.label||this.value)),s("div",{part:"end",class:"option__end"},s("slot",{name:"end"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],label:["labelChanged"]}},enumerable:false,configurable:true});return t}());_.style=w}}}));
+//# sourceMappingURL=p-f84998c9.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/datalist/datalist.scss?tag=nano-datalist&encapsulation=shadow","src/components/datalist/datalist.tsx","src/components/menu/menu.scss?tag=nano-menu&encapsulation=shadow","src/components/menu/menu.tsx","src/components/option/option.scss?tag=nano-option&encapsulation=shadow","src/components/option/option.tsx"],"names":["datalistCss","findLabel","formCtrl","foundLabel","id","document","querySelector","closest","listIds","DataList","exports","class_1","hostRef","_this","this","isNanoInput","typeToSelect","optionEles","listId","isFiltered","_allOptEles","actvOptEles","canOpen","optionIds","selected","_dropDownConfig","skidding","options","type","open","disableFilter","disabled","optSelected","e","stopPropagation","changeInputValue","detail","raf","inputChange","shouldOpen","handleShow","__awaiter","listBox","setFocus","inputClick","manageDropdownDisplay","inputKeydown","ignoreKeys","includes","key","typeToSelectTimeout","test","clearTimeout","window","setTimeout","setOptStartsWith","optionKeyDown","connectedInput","focus","deleteKeys","exactMatch","debounce","bind","Object","defineProperty","prototype","opts","_a","value","forEach","opt","ddc","assign","allOptEles","openWatcher","writeTask","nanoDropdown","setAttribute","toString","watchInputChange","nanoInput","host","_b","getInputElement","_c","sent","input","HTMLElement","manageSlotChangeListener","length","mo","MutationObserver","processSlottedContent","observe","childList","subtree","disconnect","undefined","__spreadArray","forceUpdate","watchTypeChange","dwConfig","closeOnSelect","autocompleteType","readonly","tetherTo","dropDownConfig","readOnly","manageInputEvents","newInput","oldInput","removeEventListener","inputLabel","removeAttribute","addEventListener","labels","item","watchActvOptChange","c","val","optIds","i","hidden","isSelected","push","manageCanOpen","hasNoResult","fireActiveOptsEvent","nanoOptionsUpdated","emit","find","nanoSelected","filter","nanoDeselect","nanoSelect","defaultPrevented","event","Event","dispatchEvent","attrFind","toFind","toLowerCase","substring","foundEle","trim","textContent","label","filterMeta","Array","from","querySelectorAll","valStr","activeEles","indexOf","connectedCallback","componentDidLoad","componentDidRender","console","warn","render","h","Host","role","aria-owns","join","aria-label","ref","el","dialogTitle","class","dlist__dropdown","dlist--isfiltered","onNanoAfterShow","onNanoAfterHide","_","dlist__menu","dlist__menu--open","dropwdownOpen","tabIndex","onNanoSelect","onKeyDown","name","map","option","aria-posinset","aria-setsize","aria-live","menuCss","CANSHADOW","head","attachShadow","Menu","class_2","ignoreMouseEvents","_hasFocus","handleFocus","setActiveFocusItem","selectedItem","getItems","nanoFocus","handleClick","target","handleKeyDown","ignoreMouseTimeout","activeItem","click","items","index","preventDefault","scrollIntoView","block","_i","items_1","slot","shadowRoot","getTextContent","handleMouseOver","menu","preventScroll","removeFocus","blur","showActiveElement","resetActiveItem","tagName","opened","ctx","getDirectChildren","activeElement","getActiveElement","getAttribute","classList","contains","handleBlur","hasFocus","kev","found","composedPath","nanoBlur","legacy","onClick","onMouseOver","onFocus","part","optionCss","Option","class_3","optId","valueChanged","labelContent","labelChanged","componentWillLoad","aria-selected","aria-disabled","onMouseDown","option--selected","option--disabled","option--novalue","aria-hidden"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n  * @prop --padding-top: for all nested `nano-option` elements. Defaults to #{$spacing-small};\n  * @prop --padding-bottom: for all nested `nano-option` elements. Defaults to #{$spacing-small};\n  * @prop --padding-start: for all nested `nano-option` elements. Defaults to #{$spacing-xlarge};\n  * @prop --padding-end: for all nested `nano-option` elements. Defaults to #{$spacing-xlarge};\n  * @prop --font-size: for all nested `nano-option` elements. Defaults to .8em;\n  * @prop --color: default text color of content other than `nano-option`. Defaults to $color-palegrey;\n  */\n\n  --padding-top: #{$spacing-small};\n  --padding-bottom: #{$spacing-small};\n  --padding-start: #{$spacing-xlarge};\n  --padding-end: #{$spacing-xlarge};\n  --font-size: 0.8em;\n  --color: #{$color-palegrey};\n\n  color: var(--color);\n}\n\n.dlist {\n  &--isfiltered {\n    ::slotted(*:not(nano-option):not([slot='no-result']):not([slot='list-top']):not([slot='list-bottom'])) {\n      display: none !important;\n    }\n  }\n\n  &__dropdown {\n    --min-width: 100%;\n    --overflow: auto;\n  }\n\n  &__status {\n    @include visually-hide();\n  }\n\n  &__menu {\n    --padding-top: inherit;\n    --padding-bottom: inherit;\n    --padding-start: inherit;\n    --padding-end: inherit;\n    --font-size: inherit;\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  h,\n  Host,\n  Element,\n  State,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter,\n  writeTask,\n  Build,\n  forceUpdate,\n} from '@stencil/core';\nimport { debounce, raf } from '../../utils';\nimport type { Dropdown } from '../dropdown/dropdown';\nimport type { OptionInterface } from '../../interface';\n\nfunction findLabel(formCtrl: Element) {\n  let foundLabel: HTMLLabelElement;\n\n  if (formCtrl.id) {\n    foundLabel = document.querySelector(`label[for='${formCtrl.id}']`);\n  }\n  if (!foundLabel) {\n    foundLabel = formCtrl.closest('label');\n  }\n  return foundLabel;\n}\n\nlet listIds = 0;\n\n/**\n * `nano-datalist` a visually consistent and more flexible replacement for a native\n * [datalist](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist). Can be nested within a `nano-input`\n * or linked to any input control via the `input` prop. Is used internally within `nano-select`.\n * Options can be defined declaratively by nesting `<nano-option>` elements or imperatively using the `options` prop\n *\n * @slot - use `<nano-option>` elements for more complex html. Alternatively use the `options` prop\n * @slot list-top - shows at the top of the list when there are options present\n * @slot list-bottom - shows at the bottom of the list when there are options present\n * @slot no-result - shown when there are no results otherwise nothing will be shown\n */\n@Component({\n  tag: 'nano-datalist',\n  styleUrl: 'datalist.scss',\n  shadow: true,\n})\nexport class DataList implements ComponentInterface {\n  // Private State\n\n  private isNanoInput = false;\n  private typeToSelect = '';\n  private typeToSelectTimeout: number;\n  // options set via `options` prop\n  private optionEles: HTMLNanoOptionElement[] = [];\n  private nanoDropdown: HTMLNanoDropdownElement;\n  private listBox: HTMLNanoMenuElement;\n  private mo?: MutationObserver;\n  private listId = `nano-datalist-${listIds++}`;\n  private isFiltered = false;\n  // all potential option eles. Set via slot or `options` prop.\n  // Some may get hidden due to filtering\n  private get allOptEles() {\n    return this._allOptEles;\n  }\n  private set allOptEles(opts) {\n    // when allOptEles are initially set (on slot change / options) -\n    // add options to 'selected' and fire selected event *if*\n    // value isn't set on the input\n    this._allOptEles = opts;\n    if (this.connectedInput?.value) return;\n\n    opts.forEach((opt) => {\n      if (opt.selected && !this.selected.includes(opt.value)) {\n        this.changeInputValue(opt);\n      }\n    });\n  }\n  private _allOptEles: HTMLNanoOptionElement[] = [];\n\n  @Element() host: HTMLNanoDatalistElement;\n\n  // active option eles that are not hidden.\n  @State() actvOptEles: HTMLNanoOptionElement[] = [];\n  @State() connectedInput: HTMLInputElement | HTMLTextAreaElement;\n  @State() inputLabel: HTMLLabelElement;\n  @State() hasNoResult: boolean;\n  @State() shouldOpen: boolean;\n  @State() canOpen: boolean = true;\n  @State() optionIds: string[] = [];\n\n  constructor() {\n    this.inputChange = debounce(this.inputChange.bind(this), 50);\n  }\n\n  // Public API\n\n  /** By default, items in the list will appear 'selected' when the value in the linked input control matches.\n   * However you can add other selected options via the the selected prop. */\n  @Prop({ mutable: true }) selected: string[] = [];\n\n  /** nano-dropdown config options you can pass to the nested dropdown component */\n  @Prop()\n  get dropDownConfig() {\n    return this._dropDownConfig;\n  }\n  set dropDownConfig(ddc: Partial<Dropdown>) {\n    this._dropDownConfig = { ...this._dropDownConfig, ...ddc };\n  }\n  private _dropDownConfig: Partial<Dropdown> = {\n    skidding: -1,\n  };\n\n  /** Provide an option list.\n   * Options can be defined declaratively by nesting `<nano-option>` elements or imperatively using this prop */\n  @Prop() options?: OptionInterface[] = [];\n\n  /** A selector to a HTMLInputElement */\n  @Prop() input?: string | HTMLInputElement;\n\n  /** Tweaks the datalist behaviour and linked control semantics and behaviour.\n   * e.g. 'select' will make the linked input control readonly.\n   */\n  @Prop() type: 'select' | 'selctMulti' | 'input' = 'input';\n\n  /** return all the active options currently within the datalist. Can be useful for validation */\n  @Prop()\n  get activeOptions() {\n    return this.allOptEles;\n  }\n\n  /** Force datalist open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  @Watch('open')\n  openWatcher() {\n    writeTask(() => {\n      this.nanoDropdown.open = this.open;\n      this.connectedInput.setAttribute('aria-expanded', this.open.toString());\n    });\n  }\n\n  /** Use this option to disable to default filtering. This is useful if filtering happens\n   * externally via another method (e.g. via ajax)\n   */\n  @Prop() disableFilter = false;\n\n  /** Activate / deactivate the datalist control */\n  @Prop() disabled = false;\n\n  // State change watchers\n\n  @Watch('input')\n  async watchInputChange() {\n    let nanoInput;\n    if ((nanoInput = this.host.closest('nano-input'))) {\n      this.isNanoInput = true;\n      this.connectedInput = await nanoInput.getInputElement();\n    } else if (\n      this.input &&\n      typeof this.input === 'string' &&\n      (nanoInput = document.querySelector(this.input))\n    ) {\n      this.isNanoInput = false;\n      this.connectedInput = nanoInput;\n    } else if (this.input instanceof HTMLElement) {\n      this.connectedInput = this.input;\n    }\n  }\n\n  @Watch('options')\n  manageSlotChangeListener() {\n    if (!this.host) return;\n\n    // we're not using `options` - setup new MO\n    if ((!this.options || !this.options.length) && !this.mo) {\n      if (Build.isBrowser) {\n        const mo = (this.mo = new MutationObserver(() =>\n          this.processSlottedContent()\n        ));\n        mo.observe(this.host, { childList: true, subtree: true });\n      }\n      this.processSlottedContent();\n      return;\n    }\n\n    // we're using `options` - trash current MO\n    if (this.options?.length) {\n      if (!!this.mo) {\n        this.mo.disconnect();\n        this.mo = undefined;\n      }\n      setTimeout(() => {\n        if (this.connectedInput?.value.length && this.type !== 'select') {\n          this.inputChange();\n        } else this.actvOptEles = [...this.allOptEles];\n      }, 50);\n    }\n\n    forceUpdate(this.host);\n  }\n\n  @Watch('type')\n  @Watch('connectedInput')\n  watchTypeChange() {\n    if (!this.connectedInput) return;\n\n    let dwConfig: Partial<Dropdown> = { closeOnSelect: false };\n    let autocompleteType: 'list' | 'both' = 'both';\n    let readonly = false;\n\n    switch (this.type) {\n      case 'selctMulti':\n        // dwConfig.closeOnSelect = false;\n        break;\n      case 'select':\n        autocompleteType = 'list';\n        readonly = true;\n        break;\n    }\n\n    if (!this.isNanoInput) {\n      dwConfig.tetherTo = this.connectedInput;\n    }\n\n    this.dropDownConfig = { ...this.dropDownConfig, ...dwConfig };\n    this.connectedInput.setAttribute('aria-autocomplete', autocompleteType);\n    this.connectedInput.readOnly = readonly;\n  }\n\n  @Watch('connectedInput')\n  manageInputEvents(newInput?: HTMLInputElement, oldInput?: HTMLInputElement) {\n    if (!!oldInput) {\n      const nanoInput = oldInput.closest('nano-input');\n      if (nanoInput) {\n        nanoInput.removeEventListener('nanoChange', this.inputChange);\n      }\n      oldInput.removeEventListener('change', this.inputChange);\n      oldInput.removeEventListener('click', this.inputClick);\n      oldInput.removeEventListener('keydown', this.inputKeydown);\n      oldInput.removeEventListener('input', this.inputChange);\n\n      this.inputLabel = null;\n\n      writeTask(() => {\n        oldInput.removeAttribute('role');\n        oldInput.removeAttribute('aria-expanded');\n        oldInput.removeAttribute('aria-controls');\n        oldInput.removeAttribute('aria-owns');\n        oldInput.removeAttribute('aria-haspopup');\n        oldInput.removeAttribute('aria-autocomplete');\n        oldInput.removeAttribute('autocomplete');\n      });\n    }\n    if (!!newInput) {\n      const nanoInput = newInput.closest('nano-input');\n      if (nanoInput) {\n        nanoInput.addEventListener('nanoChange', this.inputChange);\n      }\n      newInput.addEventListener('change', this.inputChange);\n      newInput.addEventListener('click', this.inputClick);\n      newInput.addEventListener('keydown', this.inputKeydown);\n      newInput.addEventListener('input', this.inputChange);\n      this.listId = this.host.id || this.listId;\n\n      this.inputLabel = newInput?.labels?.item(0) || findLabel(newInput);\n\n      writeTask(() => {\n        this.host.id = this.listId;\n        newInput.setAttribute('role', 'combobox');\n        newInput.setAttribute('aria-expanded', 'false');\n        newInput.setAttribute('aria-controls', this.listId);\n        newInput.setAttribute('aria-owns', this.listId);\n        newInput.setAttribute('aria-haspopup', 'listbox');\n        newInput.setAttribute('autocomplete', 'off');\n      });\n    }\n  }\n\n  @Watch('selected')\n  @Watch('actvOptEles')\n  watchActvOptChange() {\n    let c = 0;\n    const val = this.connectedInput?.value || '';\n    const optIds = [];\n\n    writeTask(() => {\n      this.allOptEles.forEach((opt, i) => {\n        if (this.actvOptEles.includes(opt)) {\n          c++;\n          opt.setAttribute('aria-posinset', c + '');\n          opt.setAttribute('aria-setsize', this.actvOptEles.length + '');\n          opt.hidden = false;\n          this.isSelected(opt, val);\n        } else {\n          opt.removeAttribute('aria-posinset');\n          opt.removeAttribute('aria-setsize');\n          opt.hidden = true;\n          opt.selected = false;\n        }\n        opt.id = this.listId + '-option-' + i;\n        optIds.push(opt.id);\n      });\n      this.optionIds = optIds;\n    });\n  }\n\n  @Watch('actvOptEles')\n  @Watch('hasNoResult')\n  manageCanOpen() {\n    if (this.actvOptEles.length || this.hasNoResult) this.canOpen = true;\n    else this.canOpen = false;\n  }\n\n  /**\n   * Opens the dropdown if it can, it should and there are items to display.\n   */\n  @Watch('shouldOpen')\n  @Watch('canOpen')\n  manageDropdownDisplay() {\n    if (this.shouldOpen && this.canOpen && !this.disabled) this.open = true;\n    if (!this.shouldOpen || !this.canOpen) this.open = false;\n  }\n\n  @Watch('actvOptEles')\n  fireActiveOptsEvent() {\n    this.nanoOptionsUpdated.emit(this.actvOptEles);\n  }\n\n  // Events\n\n  /** Fired when an item is selected. */\n  @Event() nanoSelect: EventEmitter<HTMLNanoOptionElement>;\n\n  /** Fired when a currently selected item is reselected. */\n  @Event() nanoDeselect: EventEmitter<HTMLNanoOptionElement>;\n\n  /** Fired when active options change */\n  @Event() nanoOptionsUpdated: EventEmitter<HTMLNanoOptionElement[]>;\n\n  // Private logic\n\n  private isSelected(opt: HTMLNanoOptionElement, val: string) {\n    if (val === opt.value || this.selected.includes(opt.value)) {\n      opt.selected = true;\n    } else opt.selected = false;\n  }\n\n  private get dropwdownOpen() {\n    if (!this.nanoDropdown || !this.open) return false;\n    return true;\n  }\n\n  private get exactMatch() {\n    return this.allOptEles.find(\n      (opt) => this.connectedInput.value === opt.value\n    );\n  }\n\n  /** reflect value back to the connected input unless the event is cancelled */\n  private changeInputValue(opt: HTMLNanoOptionElement) {\n    let nanoSelected;\n\n    if (this.selected.includes(opt.value)) {\n      // deselect option\n      this.selected = this.selected.filter((val) => val !== opt.value);\n      nanoSelected = this.nanoDeselect.emit(opt);\n    } else {\n      // select new option\n      this.selected = [...this.selected];\n      nanoSelected = this.nanoSelect.emit(opt);\n    }\n\n    if (!nanoSelected.defaultPrevented) {\n      if (this.connectedInput) this.connectedInput.value = opt.value;\n\n      const event = new window.Event('change');\n      this.connectedInput?.dispatchEvent(event);\n    }\n  }\n\n  // a new option has been picked\n  private optSelected = (e: CustomEvent<HTMLNanoOptionElement>) => {\n    e.stopPropagation();\n    this.changeInputValue(e.detail);\n    raf(() => this.inputChange());\n\n    if (this.type === 'select') this.shouldOpen = false;\n  };\n\n  // this is for type=\"select\" only.\n  // Filter options that start with text - aggregates letters (as opposed to getting the value from input)\n  private setOptStartsWith() {\n    const attrFind = (toFind: string) =>\n      toFind.toLowerCase().substring(0, this.typeToSelect.length) ===\n      this.typeToSelect;\n\n    const foundEle = this.allOptEles.find(\n      (opt) =>\n        opt.value.trim().length > 0 &&\n        !opt.disabled &&\n        (attrFind(opt.textContent) ||\n          attrFind(opt.value) ||\n          attrFind(opt.label) ||\n          attrFind(opt.filterMeta))\n    );\n    if (foundEle) this.changeInputValue(foundEle);\n  }\n\n  // Event handlers\n\n  private processSlottedContent() {\n    raf(() => {\n      this.allOptEles = Array.from(this.host.querySelectorAll('nano-option'));\n      this.hasNoResult = !!this.host.querySelector('[slot=\"no-result\"]');\n\n      if (this.connectedInput?.value.length && this.type !== 'select') {\n        this.inputChange();\n      } else this.actvOptEles = this.allOptEles;\n    });\n  }\n\n  // sets focus immediately on open when 'select' - mirroring native behaviour\n  private handleShow = async () => {\n    if (this.type === 'select') this.listBox.setFocus();\n  };\n\n  // any changes to the connected input value will filter the list of active options\n  private inputChange() {\n    if (this.disableFilter) {\n      this.actvOptEles = this.allOptEles;\n      return;\n    }\n\n    const val = this.connectedInput.value;\n    const valStr = val.trim().toLowerCase();\n\n    let exactMatch = false;\n    const activeEles = [];\n    const attrFind = (toFind: string) =>\n      toFind.toLowerCase().indexOf(valStr) > -1;\n\n    this.allOptEles.forEach((opt) => {\n      if (\n        (val === opt.value || val === opt.label) &&\n        this.type !== 'selctMulti'\n      ) {\n        opt.selected = true;\n        exactMatch = true;\n      } else this.isSelected(opt, val);\n    });\n\n    this.allOptEles.forEach((opt) => {\n      if (!valStr.length || exactMatch) {\n        activeEles.push(opt);\n      } else if (\n        opt.value.trim().length > 0 &&\n        !opt.disabled &&\n        (attrFind(opt.textContent) ||\n          attrFind(opt.value) ||\n          attrFind(opt.label) ||\n          attrFind(opt.filterMeta))\n      ) {\n        activeEles.push(opt);\n      }\n    });\n\n    this.isFiltered = valStr.length && !exactMatch;\n    this.actvOptEles = activeEles;\n  }\n\n  private inputClick = () => {\n    this.shouldOpen = true;\n    // open dropdown if possible\n    this.manageDropdownDisplay();\n  };\n\n  private inputKeydown = (e: KeyboardEvent) => {\n    const ignoreKeys = [\n      'Shift',\n      'ArrowRight',\n      'ArrowLeft',\n      'Escape',\n      'Enter',\n      'Tab',\n    ];\n    if (ignoreKeys.includes(e.key)) {\n      if (e.key === 'Tab') this.shouldOpen = false;\n      return;\n    }\n\n    // When select, mirror native select behaviour. Search on closed list\n    if (\n      this.type === 'select' &&\n      !['ArrowDown', 'ArrowUp'].includes(e.key) &&\n      (e.key !== ' ' || this.typeToSelectTimeout)\n    ) {\n      if (e.key === ' ' || /^[a-z0-9]+$/i.test(e.key)) {\n        clearTimeout(this.typeToSelectTimeout);\n        this.typeToSelectTimeout = window.setTimeout(() => {\n          this.typeToSelect = '';\n          this.typeToSelectTimeout = 0;\n        }, 750);\n        this.typeToSelect += e.key;\n        this.setOptStartsWith();\n      }\n      return;\n    }\n    this.shouldOpen = true;\n    // open dropdown if possible\n    this.manageDropdownDisplay();\n  };\n\n  // handles key down on options. Either 'picks'\n  // an option or passes event back to input for search / filter\n  private optionKeyDown = (\n    e: KeyboardEvent & { target: HTMLNanoOptionElement }\n  ) => {\n    const ignoreKeys = [\n      'Shift',\n      'ArrowUp',\n      'ArrowDown',\n      'Escape',\n      'Enter',\n      'Tab',\n      'Space',\n      ' ',\n    ];\n    if (ignoreKeys.includes(e.key)) {\n      if (e.key === 'Escape') this.connectedInput.focus();\n      return;\n    }\n\n    const deleteKeys = ['Delete', 'Backspace'];\n    // this passes whatever's typed back to our input control\n    if (\n      this.type !== 'select' &&\n      (!this.exactMatch || deleteKeys.includes(e.key))\n    ) {\n      this.connectedInput.focus();\n    }\n  };\n\n  // Component lifecycle\n\n  connectedCallback() {\n    this.watchInputChange();\n  }\n\n  componentDidLoad() {\n    this.manageSlotChangeListener();\n    this.openWatcher();\n  }\n\n  componentDidRender(): void {\n    setTimeout(() => {\n      if (!this.connectedInput)\n        console.warn(\n          'no `nano-input` found. `nano-datalist` should be nested within an `nano-input` or linked via `input` prop',\n          this.host\n        );\n    }, 500);\n\n    // if user is using 'options' prop (as oppsed to slot)\n    // add those options now - a single source of truth for options and <slot>\n    if (this.options?.length) this.allOptEles = this.optionEles;\n  }\n\n  render() {\n    this.optionEles = [];\n    return (\n      <Host\n        role=\"listbox\"\n        aria-owns={this.optionIds.join(' ')}\n        aria-label=\"Select options from the list below\"\n      >\n        <nano-dropdown\n          {...this.dropDownConfig}\n          ref={(el) => (this.nanoDropdown = el)}\n          dialogTitle=\"Select options from the list below\"\n          class={{\n            dlist__dropdown: true,\n            'dlist--isfiltered': this.isFiltered,\n          }}\n          onNanoAfterShow={this.handleShow}\n          onNanoAfterHide={(_) => (this.open = false)}\n        >\n          <nano-menu\n            hidden={!this.actvOptEles.length}\n            type=\"listbox\"\n            label={this.inputLabel ? this.inputLabel.textContent : undefined}\n            class={{\n              dlist__menu: true,\n              'dlist__menu--open': this.dropwdownOpen,\n            }}\n            tabIndex={-1}\n            onNanoSelect={this.optSelected}\n            onKeyDown={this.optionKeyDown}\n            ref={(el) => (this.listBox = el)}\n          >\n            <slot name=\"list-top\" />\n            {!this.options.length && <slot />}\n            {!!this.options.length && (\n              <slot>\n                {this.options.map((option, i) => {\n                  if (option.value || option.label) {\n                    return (\n                      <nano-option\n                        ref={(el) => this.optionEles.push(el)}\n                        key={option.label + i}\n                        label={option.label}\n                        value={option.value}\n                        aria-posinset={i}\n                        aria-setsize={this.options.length}\n                        selected={option.selected}\n                        id={this.listId + '-option-' + i}\n                      >\n                        {option.label ? option.label : option.value}\n                      </nano-option>\n                    );\n                  }\n                })}\n              </slot>\n            )}\n            <slot name=\"list-bottom\" />\n          </nano-menu>\n          <nano-menu\n            type=\"listbox\"\n            label=\"No results found\"\n            hidden={!!this.actvOptEles.length}\n            class={{\n              dlist__menu: true,\n              'dlist__menu--open': this.dropwdownOpen,\n            }}\n          >\n            <slot name=\"no-result\" />\n          </nano-menu>\n          {!!this.actvOptEles && (\n            <div aria-live=\"polite\" role=\"status\" class=\"dlist__status\">\n              {this.actvOptEles.length} result\n              {this.actvOptEles.length > 1 ? 's' : ''} available.\n            </div>\n          )}\n        </nano-dropdown>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n   * @prop --padding-start: padding at the start of nav-items (left r2l / right l2r). Defaults to '10px'\n   * @prop --padding-end: padding at the end of nav-items (right r2l / left l2r). Defaults to '10px'\n   * @prop --padding-top: padding at the top of nav-items. Defaults to '10px'\n   * @prop --padding-bottom: padding at the bottom of nav-items. Defaults to '10px'\n\n   * @prop --secondary-padding-top: padding at the top of nested nav-items. Defaults to 0\n   * @prop --secondary-padding-bottom: padding at the bottom of nested nav-items. Defaults to 0\n\n   * @prop --bg-color-hover: bg hover color of nav-items. Defaults to #{$color-blue--faded};\n   * @prop --bg-color-focus: bg focus color of nav-items. Defaults to #{$color-blue--faded};\n   * @prop --bg-color-selected: bg selected color of nav-items. Defaults to #{$color-blue--faded};\n\n   * @prop --color-hover: text hover color of nav-items. Defaults to #{$color-blue}\n   * @prop --color-selected: text selected color of nav-items. Defaults to #{$color-blue}\n   * @prop --color-focus: text focus color of nav-items. Defaults to #{$color-blue}\n\n   * @prop --focus-outline: the focus style of nav-items. Defaults to 'none'\n   * @prop --font-size: default font-size for all items. Defaults .9em;\n  */\n\n  --padding-start: #{$spacing-medium};\n  --padding-end: #{$spacing-medium};\n  --padding-top: #{$spacing-small};\n  --padding-bottom: #{$spacing-small};\n  --secondary-padding-top: 0;\n  --secondary-padding-bottom: 0;\n  --bg-color-hover: #{$color-blue--faded};\n  --bg-color-focus: #{$color-blue--faded};\n  --bg-color-selected: #{$color-blue--faded};\n  --color-hover: #{$color-blue};\n  --color-selected: #{$color-blue};\n  --color-focus: #{$color-blue};\n  --focus-outline: none;\n  --font-size: 0.9em;\n\n  display: block;\n}\n\n.menu {\n  font-size: var(--font-size, 0.9em);\n  overscroll-behavior: none;\n  min-width: var(--width);\n  position: relative;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n::slotted(*:not(nano-nav-item):not(nano-option):not(hr):not(slot)) {\n  @include padding(\n    var(--padding-top),\n    var(--padding-end),\n    var(--padding-bottom),\n    var(--padding-start)\n  );\n\n  display: block;\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  Method,\n  h,\n  Host,\n  Element,\n  Prop,\n  Listen,\n} from '@stencil/core';\nimport {\n  getTextContent,\n  getDirectChildren,\n  getActiveElement,\n} from '../../utils';\n\nconst CANSHADOW = !!document.head.attachShadow;\n\ntype ValidElement = HTMLNanoNavItemElement | HTMLNanoOptionElement;\ntype NNI = HTMLNanoNavItemElement;\n\n/**\n * Menu element. Commonly wrapped by `nano-dropdown` with `nano-option` and `nano-nav-item` elements nested.\n * Manages focus state / active.\n * @slot - The menu's content; `nano-option`, `nano-nav-item` elements as well as <hr> and more.\n */\n@Component({\n  tag: 'nano-menu',\n  styleUrl: 'menu.scss',\n  shadow: true,\n})\nexport class Menu {\n  private ignoreMouseEvents = false;\n  private ignoreMouseTimeout: any;\n  private menu: HTMLElement;\n  private typeToSelect = '';\n  private typeToSelectTimeout: any;\n\n  @Element() private el: HTMLNanoMenuElement;\n\n  // Public API\n\n  /** get the focus state of the menu @readonly */\n  @Prop()\n  get hasFocus() {\n    return this._hasFocus;\n  }\n  private _hasFocus = false;\n\n  /** changes the role of the underlying control - sometimes required for semantics */\n  @Prop() type: 'menu' | 'listbox' = 'menu';\n\n  /** an accessible label */\n  @Prop() label: string;\n\n  // Events\n\n  /** Emitted when the menu gains focus. */\n  @Event() nanoFocus: EventEmitter;\n\n  /** Emitted when the menu loses focus. */\n  @Event() nanoBlur: EventEmitter;\n\n  /** Emitted when a menu item is selected. */\n  @Event() nanoSelect: EventEmitter<\n    HTMLNanoOptionElement | HTMLNanoNavItemElement\n  >;\n\n  // Public Methods\n\n  /** Sets focus on the menu. */\n  @Method()\n  async setFocus() {\n    if (this.menu?.focus) this.menu.focus({ preventScroll: true });\n  }\n\n  /** Removes focus from the menu. */\n  @Method()\n  async removeFocus() {\n    if (this.menu?.blur) this.menu.blur();\n  }\n\n  /** Sets the current active item */\n  @Method()\n  async showActiveElement() {\n    if (this.selectedItem)\n      this.selectedItem.scrollIntoView({ block: 'nearest' });\n  }\n\n  /** Removes any active item's state */\n  @Method()\n  async resetActiveItem() {\n    this.getItems\n      .filter((i) => i.tagName.toLowerCase() === 'nano-option')\n      .map((i) => i.setAttribute('tabindex', '-1'));\n  }\n\n  // Private methods\n\n  get getItems() {\n    let items: ValidElement[];\n    let opened = this.el.querySelectorAll('nano-nav-item.secondary-open');\n    if (opened.length) {\n      const ctx = opened[opened.length - 1] as HTMLNanoNavItemElement;\n      items = Array.from(ctx.querySelectorAll('nano-nav-item, nano-option'));\n    } else {\n      items = getDirectChildren(\n        this.el,\n        'nano-nav-item, nano-option',\n        'slot'\n      ) as ValidElement[];\n    }\n    return items.filter((el) => !el.disabled && !el.hidden);\n  }\n\n  get activeItem() {\n    const activeElement = getActiveElement();\n    return this.getItems.find(\n      (i) =>\n        i.getAttribute('tabindex') === '0' ||\n        i === activeElement ||\n        i.classList.contains('has-focus')\n    );\n  }\n\n  get selectedItem() {\n    const activeElement = getActiveElement();\n    return this.getItems.find((i) => i.selected || i === activeElement);\n  }\n\n  private async setActiveFocusItem(item?: ValidElement, focus = true) {\n    const items = this.getItems;\n    let activeItem =\n      !item || item.disabled ? items.find((i) => i.selected) || items[0] : item;\n\n    items\n      .filter((i) => i.tagName.toLowerCase() === 'nano-option')\n      .map((i: HTMLNanoOptionElement) =>\n        i.setAttribute('tabindex', i === activeItem ? '0' : '-1')\n      );\n\n    if (!focus) return;\n\n    if (activeItem) {\n      (activeItem as NNI).setFocus\n        ? (activeItem as NNI).setFocus()\n        : activeItem.focus();\n    } else this.menu.focus();\n  }\n\n  // Event Handlers\n\n  @Listen('mousedown', { target: 'body' })\n  @Listen('keydown')\n  handleBlur(e: KeyboardEvent | MouseEvent) {\n    if (!this.hasFocus) return;\n\n    const kev = e as KeyboardEvent;\n    let found: boolean;\n\n    if (kev.key) {\n      if (kev.key !== 'Tab') return;\n      found =\n        getActiveElement() &&\n        getActiveElement().closest(this.el.tagName.toLowerCase()) === this.el;\n    } else found = !!e.composedPath().find((el) => el === this.el);\n\n    if (!found) {\n      this.resetActiveItem();\n      this._hasFocus = false;\n      this.nanoBlur.emit();\n    }\n  }\n\n  private handleFocus = () => {\n    this.setActiveFocusItem(this.selectedItem || this.getItems[0]);\n\n    this._hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item = target.closest('nano-nav-item');\n\n    if (item && !item.disabled) {\n      this.nanoSelect.emit(item);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // When keying through the menu, if the mouse happens to be hovering over a menu item and the menu scrolls, the\n    // mouseout/mouseover event will fire causing the selection to be different than what the user expects. This gives\n    // us a way to temporarily ignore mouse events while the user is interacting with a keyboard.\n    clearTimeout(this.ignoreMouseTimeout);\n    this.ignoreMouseTimeout = setTimeout(\n      () => (this.ignoreMouseEvents = false),\n      500\n    );\n    this.ignoreMouseEvents = true;\n\n    // Make a selection when pressing enter\n    switch (event.key) {\n      case ' ':\n        if (this.activeItem) this.activeItem.click();\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'PageDown':\n      case 'PageUp':\n      case 'Home':\n      case 'End':\n        const items = this.getItems;\n        const selectedItem = this.activeItem;\n        let index = items.indexOf(selectedItem);\n\n        if (items.length) {\n          event.preventDefault();\n\n          if (event.key === 'ArrowDown') {\n            index++;\n          } else if (event.key === 'ArrowUp') {\n            index--;\n          } else if (event.key === 'Home' || event.key === 'PageUp') {\n            index = 0;\n          } else if (event.key === 'End' || event.key === 'PageDown') {\n            index = items.length - 1;\n          }\n\n          if (index < 0) index = items.length - 1;\n          if (index > items.length - 1) index = 0;\n\n          this.setActiveFocusItem(items[index]);\n          if (items[index]) items[index].scrollIntoView({ block: 'nearest' });\n          return;\n        }\n        break;\n    }\n\n    // Handle type-to-search behavior when non-control characters are entered\n    if (event.key === ' ' || /^[a-z0-9]+$/i.test(event.key)) {\n      clearTimeout(this.typeToSelectTimeout);\n      this.typeToSelectTimeout = setTimeout(\n        () => (this.typeToSelect = ''),\n        750\n      );\n      this.typeToSelect += event.key;\n\n      const items = this.getItems;\n      for (const item of items) {\n        const slot = item.shadowRoot.querySelector(\n          'slot:not([name])'\n        ) as HTMLSlotElement;\n        const label = getTextContent(slot).toLowerCase().trim();\n        if (\n          label.substring(0, this.typeToSelect.length) === this.typeToSelect\n        ) {\n          this.setActiveFocusItem(item);\n          break;\n        }\n      }\n    }\n  };\n\n  private handleMouseOver = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const item =\n      target.closest('nano-nav-item') || target.closest('nano-option');\n\n    if (item && !this.ignoreMouseEvents) {\n      this.setActiveFocusItem(item);\n    }\n  };\n\n  // Component Lifecycle\n\n  render() {\n    return (\n      <Host\n        class={{\n          legacy: !CANSHADOW,\n        }}\n      >\n        <div\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          onMouseOver={this.handleMouseOver}\n          onFocus={this.handleFocus}\n          aria-label={this.label ? this.label : undefined}\n          role={this.type}\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          class={{\n            menu: true,\n            ['menu--' + this.type]: true,\n            'menu--has-focus': this.hasFocus,\n          }}\n          tabIndex={-1}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n   * @prop --padding-top: Defaults to #{$spacing-small};\n   * @prop --padding-bottom: Defaults to #{$spacing-small};\n   * @prop --padding-start: Defaults to #{$spacing-small};\n   * @prop --padding-end: Defaults to #{$spacing-small};\n\n   * @prop --bg: default background. Defaults to none;\n   * @prop --bg-selected: background when selected. Defaults to #{$select-opt-selected};\n   * @prop --bg-focus: background when focused. Defaults to var(--nano-color-base, #{nano-color(primary, tint)});\n   * @prop --bg-disabled: background when disabled. Defaults to none;\n\n   * @prop --color: default text color. Defaults to var(--input-text-color, #{$input-text-color});\n   * @prop --color-selected: text color when selected. Defaults to var(--nano-color-base, #{nano-color(primary, base)});\n   * @prop --color-focus: text color when focused. Defaults to var(--nano-color-base, #{nano-color(primary, contrast)});\n   * @prop --color-disabled: text color when disabled. Defaults to #{$color-palegrey};\n\n    * @prop --opt-icon-size: Sizes all icons within the option. Defaults to 1.4em;\n  */\n\n  --bg: none;\n  --bg-selected: #{$select-opt-selected};\n  --bg-focus: var(--nano-color-base, #{nano-color(primary, tint)});\n  --bg-disabled: none;\n  --color: var(--input-text-color, #{$input-text-color});\n  --color-selected: var(--nano-color-base, #{nano-color(primary, base)});\n  --color-focus: var(--nano-color-contrast, #{nano-color(primary, contrast)});\n  --color-disabled: #{$color-palegrey};\n  --opt-icon-size: 1.6em;\n\n  display: block;\n  color: var(--color);\n  overflow: hidden;\n  font-size: 14px;\n  font-size: #{'clamp(12px, .9em, 16px)'};\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n.option {\n  $self: &;\n\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  background: var(--bg);\n\n  @include padding(\n    var(--padding-top),\n    var(--padding-end),\n    var(--padding-bottom),\n    var(--padding-start)\n  );\n\n  // focus\n  :host(:focus) &:not(.option--disabled),\n  :host &.option--selected {\n    outline: none;\n    background: var(--bg-selected);\n    color: var(--color-selected);\n  }\n\n  :host(:focus) &:not(.option--disabled) {\n    background: var(--bg-focus);\n    color: var(--color-focus);\n  }\n\n  // disabled\n  &.option--disabled {\n    outline: none;\n    color: var(--color-disabled);\n    cursor: not-allowed;\n    background: var(--bg-disabled);\n  }\n\n  // no value\n  &.option--novalue {\n    font-style: italic;\n    opacity: 0.7;\n  }\n\n  &__label {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  &__start {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n\n    ::slotted(nano-icon) {\n      font-size: var(--opt-icon-size);\n    }\n\n    ::slotted(:last-child) {\n      @include margin(null, 0.5em, null, null);\n    }\n  }\n\n  &__end {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n\n    ::slotted(nano-icon) {\n      font-size: var(--opt-icon-size);\n    }\n\n    ::slotted(:first-child) {\n      @include margin(null, null, null, 0.5em);\n    }\n  }\n\n  &__check {\n    visibility: hidden;\n    display: flex;\n    position: absolute;\n    left: 0.6em;\n    top: calc(50% - 0.6em);\n    align-items: center;\n    font-size: 0.9em;\n\n    #{$self}--selected:not(#{$self}--novalue) & {\n      visibility: visible;\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  State,\n  Watch,\n  Element,\n  Listen,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { OptionInterface } from '../../interface';\nimport { debounce, getDirectChildren } from '../../utils';\n\nlet optIds = 0;\n\n/**\n * Select options to be used with [nano-select](/story/nano-components-select) or [nano-datalist](/story/nano-components-select)\n *\n * @slot - main label. Defaults to `label` or `value` prop\n * @slot checked-icon - icon to indicated checked / selected state. Defaults to fontawesome light/check\n * @slot start - suitable for an icon or content displayed at the start of the main label\n * @slot end - suitable for an icon or content displayed at the end of the main label\n */\n@Component({\n  tag: 'nano-option',\n  styleUrl: 'option.scss',\n  shadow: true,\n})\nexport class Option implements OptionInterface {\n  private optId = `nano-option-${optIds++}`;\n  @Element() host: HTMLNanoOptionElement;\n  @State() hasFocus = false;\n\n  constructor() {\n    this.handleClick = debounce(this.handleClick.bind(this), 5);\n  }\n\n  // Public API\n\n  /**\n   * Value of the option\n   */\n  @Prop({ mutable: true, reflect: true }) value: string = '';\n\n  @Watch('value')\n  valueChanged() {\n    if (!this.value || !this.value.length) this.value = this.labelContent;\n  }\n\n  /**\n   * Label of the option\n   */\n  @Prop({ mutable: true, reflect: true }) label: string = '';\n\n  @Watch('label')\n  labelChanged() {\n    if (!this.label || !this.label.length)\n      this.label = this.labelContent.length ? this.labelContent : this.value;\n  }\n\n  /**\n   * Whether this option is selected\n   */\n  @Prop({ reflect: true }) selected: boolean = false;\n\n  /**\n   * Whether this option should be disabled\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** You can add extra meta for this option. When displayed in a list, users\n   * search / filter via extra related terms. Another usecase is 'endonyms'\n   */\n  @Prop() filterMeta: string = '';\n\n  /** Fired when an option is selected */\n  @Event() nanoSelect!: EventEmitter<HTMLNanoOptionElement>;\n\n  // Event handlers\n\n  // stop scrolling on select\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (e.key !== ' ' && e.key !== 'Enter') return;\n    e.preventDefault();\n    this.nanoSelect.emit(this.host);\n  }\n\n  private handleClick() {\n    if (this.disabled) return;\n    this.nanoSelect.emit(this.host);\n  }\n\n  // Private logic\n\n  private get labelContent() {\n    return getDirectChildren(this.host, '*:not([slot])', false)\n      .map((el) => el.textContent)\n      .join(' ')\n      .trim();\n  }\n\n  // Component lifecycle\n\n  componentWillLoad() {\n    this.valueChanged();\n    this.labelChanged();\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"option\"\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <div\n          onMouseDown={this.handleClick}\n          id={this.optId}\n          class={{\n            option: true,\n            'option--selected': this.selected,\n            'option--disabled': this.disabled,\n            'option--novalue': !this.value,\n          }}\n        >\n          <div part=\"check-icon\" class=\"option__check\">\n            <slot name=\"check-icon\">\n              <nano-icon name=\"light/check\" aria-hidden=\"true\" />\n            </slot>\n          </div>\n          <div part=\"start\" class=\"option__start\">\n            <slot name=\"start\"></slot>\n          </div>\n          <div part=\"label\" class=\"option__label\">\n            <slot>{this.label || this.value}</slot>\n          </div>\n          <div part=\"end\" class=\"option__end\">\n            <slot name=\"end\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/themes/nanopore.css

@@ -1 +1 @@
-.nano-hide{display:none !important}.nano-hide-up{display:none !important}.nano-hide-down{display:none !important}@media(min-width: 576px){.nano-hide-sm-up{display:none !important}}@media(max-width: 576px){.nano-hide-sm-down{display:none !important}}@media(min-width: 768px){.nano-hide-md-up{display:none !important}}@media(max-width: 768px){.nano-hide-md-down{display:none !important}}@media(min-width: 992px){.nano-hide-lg-up{display:none !important}}@media(max-width: 992px){.nano-hide-lg-down{display:none !important}}@media(min-width: 1200px){.nano-hide-xl-up{display:none !important}}@media(max-width: 1200px){.nano-hide-xl-down{display:none !important}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input,select,textarea{-webkit-tap-highlight-color:rgba(201,224,253,.8)}*,*::before,*::after{box-sizing:border-box;font-family:inherit}html{width:100%;text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-rendering:optimizeLegibility}.nano-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.nano-padding{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-top{--padding-top: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px)}.nano-padding-start{--padding-start: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-start{padding-left:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px)}}.nano-padding-end{--padding-end: var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-end{padding-right:unset;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-bottom{--padding-bottom: var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-vertical{--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-horizontal{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-horizontal{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.nano-margin{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-top{--margin-top: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px)}.nano-margin-start{--margin-start: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-start{margin-left:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px)}}.nano-margin-end{--margin-end: var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-end{margin-right:unset;-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-bottom{--margin-bottom: var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-vertical{--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-horizontal{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-horizontal{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-float-left{float:left !important}.nano-float-right{float:right !important}.nano-float-start{float:left !important}.nano-float-start[dir=rtl]{float:right !important}.nano-float-end{float:right !important}.nano-float-end[dir=rtl]{float:left !important}@media(min-width: 576px){.nano-float-sm-left{float:left !important}.nano-float-sm-right{float:right !important}.nano-float-sm-start{float:left !important}.nano-float-sm-start[dir=rtl]{float:right !important}.nano-float-sm-end{float:right !important}.nano-float-sm-end[dir=rtl]{float:left !important}}@media(min-width: 768px){.nano-float-md-left{float:left !important}.nano-float-md-right{float:right !important}.nano-float-md-start{float:left !important}.nano-float-md-start[dir=rtl]{float:right !important}.nano-float-md-end{float:right !important}.nano-float-md-end[dir=rtl]{float:left !important}}@media(min-width: 992px){.nano-float-lg-left{float:left !important}.nano-float-lg-right{float:right !important}.nano-float-lg-start{float:left !important}.nano-float-lg-start[dir=rtl]{float:right !important}.nano-float-lg-end{float:right !important}.nano-float-lg-end[dir=rtl]{float:left !important}}@media(min-width: 1200px){.nano-float-xl-left{float:left !important}.nano-float-xl-right{float:right !important}.nano-float-xl-start{float:left !important}.nano-float-xl-start[dir=rtl]{float:right !important}.nano-float-xl-end{float:right !important}.nano-float-xl-end[dir=rtl]{float:left !important}}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1_0.eot");src:url("../assets/fonts/3AF163_1_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1_0.woff") format("woff"),url("../assets/fonts/3AF163_1_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_8_0.eot");src:url("../assets/fonts/3AF163_8_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_8_0.woff2") format("woff2"),url("../assets/fonts/3AF163_8_0.woff") format("woff"),url("../assets/fonts/3AF163_8_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_5_0.eot");src:url("../assets/fonts/3AF163_5_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_5_0.woff2") format("woff2"),url("../assets/fonts/3AF163_5_0.woff") format("woff"),url("../assets/fonts/3AF163_5_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2_0.eot");src:url("../assets/fonts/3AF163_2_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2_0.woff") format("woff"),url("../assets/fonts/3AF163_2_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_9_0.eot");src:url("../assets/fonts/3AF163_9_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_9_0.woff2") format("woff2"),url("../assets/fonts/3AF163_9_0.woff") format("woff"),url("../assets/fonts/3AF163_9_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_A_0.eot");src:url("../assets/fonts/3AF163_A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_A_0.woff") format("woff"),url("../assets/fonts/3AF163_A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_21_0.eot");src:url("../assets/fonts/3AF163_21_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_21_0.woff2") format("woff2"),url("../assets/fonts/3AF163_21_0.woff") format("woff"),url("../assets/fonts/3AF163_21_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_28_0.eot");src:url("../assets/fonts/3AF163_28_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_28_0.woff2") format("woff2"),url("../assets/fonts/3AF163_28_0.woff") format("woff"),url("../assets/fonts/3AF163_28_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_25_0.eot");src:url("../assets/fonts/3AF163_25_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_25_0.woff2") format("woff2"),url("../assets/fonts/3AF163_25_0.woff") format("woff"),url("../assets/fonts/3AF163_25_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_22_0.eot");src:url("../assets/fonts/3AF163_22_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_22_0.woff2") format("woff2"),url("../assets/fonts/3AF163_22_0.woff") format("woff"),url("../assets/fonts/3AF163_22_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_29_0.eot");src:url("../assets/fonts/3AF163_29_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_29_0.woff2") format("woff2"),url("../assets/fonts/3AF163_29_0.woff") format("woff"),url("../assets/fonts/3AF163_29_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2A_0.eot");src:url("../assets/fonts/3AF163_2A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2A_0.woff") format("woff"),url("../assets/fonts/3AF163_2A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_15_0.eot");src:url("../assets/fonts/3AF163_15_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_15_0.woff2") format("woff2"),url("../assets/fonts/3AF163_15_0.woff") format("woff"),url("../assets/fonts/3AF163_15_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_16_0.eot");src:url("../assets/fonts/3AF163_16_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_16_0.woff2") format("woff2"),url("../assets/fonts/3AF163_16_0.woff") format("woff"),url("../assets/fonts/3AF163_16_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_17_0.eot");src:url("../assets/fonts/3AF163_17_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_17_0.woff2") format("woff2"),url("../assets/fonts/3AF163_17_0.woff") format("woff"),url("../assets/fonts/3AF163_17_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1B_0.eot");src:url("../assets/fonts/3AF163_1B_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1B_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1B_0.woff") format("woff"),url("../assets/fonts/3AF163_1B_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1C_0.eot");src:url("../assets/fonts/3AF163_1C_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1C_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1C_0.woff") format("woff"),url("../assets/fonts/3AF163_1C_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:expanded}html{font-family:var(--nano-font-family);font-weight:var(--nano-font-weight, 500);color:var(--nano-text-color, #4a4a4a);font-size:var(--nano-base-font-size)}a{color:var(--nano-color-primary, #007495);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:600;line-height:1.2}h1{margin-top:10px;font-size:28px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}.heading{font-weight:500;line-height:1.3;margin:0 0 1.5rem}.heading__highlight{color:#007495}.heading--one{font-size:2.5rem}@media(min-width: 768px){.heading--one{font-size:3.25rem}}.heading--two{font-size:1.5rem}@media(min-width: 768px){.heading--two{font-size:2rem}}.heading--three{font-size:1.125rem}@media(min-width: 768px){.heading--three{font-size:1.375rem}}.heading--four{font-size:1.125rem}.heading--five{font-size:1rem}.heading--light{font-weight:200}.heading--upper{text-transform:uppercase}.heading--meta{font-size:.875rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:bold;margin-bottom:1rem}.button{margin:0;padding:0;border:none;background-color:transparent;font:inherit;-webkit-box-align:center;text-decoration:none;color:inherit;transition:background-color 100ms ease-in-out,box-shadow 100ms ease-in-out,border-color 100ms ease-in-out,color 100ms ease-in-out;padding-left:var(--nano-btn-padding-start, 1rem);padding-right:var(--nano-btn-padding-end, 1rem);padding-top:var(--nano-btn-padding-top, 0.5rem);padding-bottom:var(--nano-btn-padding-bottom, 0.5rem);box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2));display:inline-block;border-radius:var(--nano-btn-border-radius, 5px);line-height:var(--nano-btn-line-height, 1.5rem);font-weight:500;cursor:pointer;background:rgba(0,0,0,.02)}.button::-moz-focus-inner{border:0;padding:0}.button:hover,.button:focus{text-decoration:none;color:inherit}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-btn-padding-start, 1rem);padding-inline-start:var(--nano-btn-padding-start, 1rem);-webkit-padding-end:var(--nano-btn-padding-end, 1rem);padding-inline-end:var(--nano-btn-padding-end, 1rem)}}@media print{.button{display:none}}.button:focus,.button.button--focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.button nano-icon{margin-left:.5rem;margin-right:0;font-size:var(--nano-btn-icon-size, 1rem);vertical-align:middle;margin-top:-0.188rem;display:inline-block}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:.5rem;margin-inline-start:.5rem;-webkit-margin-end:0;margin-inline-end:0}}.button.button--icon-start nano-icon{margin-left:0;margin-right:.5rem}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button.button--icon-start nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}}.button:hover:not(.button--disabled){box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3))}.button:active:not(.button--disabled):not(:disabled){box-shadow:none}.button--disabled,.button:disabled{opacity:.6}.button--disabled:hover,.button:disabled:hover{cursor:default}.button--primary{background-color:var(--nano-color-primary, #007495);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled),.button--primary.button--active{background-color:var(--nano-color-primary-shade, #00637f);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--primary.button--active.button--keyline{background-color:var(--nano-color-primary, #007495);color:var(--nano-color-primary-contrast, #fff)}.button--primary:focus{color:var(--nano-color-primary-contrast, #fff)}.button--primary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:var(--nano-color-primary, #007495);border-color:var(--nano-color-primary, #007495)}.button--primary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--primary.button--keyline:not(.button--focus),.button--primary.button--keyline.button--active{box-shadow:none}.button--secondary{background-color:#17bb75;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled),.button--secondary.button--active{background-color:#0b814f;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--secondary.button--active.button--keyline{background-color:#17bb75;color:#fff}.button--secondary:focus{color:#fff}.button--secondary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#17bb75;border-color:#17bb75}.button--secondary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--secondary.button--keyline:not(.button--focus),.button--secondary.button--keyline.button--active{box-shadow:none}.button--light{background-color:#fff;color:#007495}.button--light:hover:not(.button--disabled):not(:disabled),.button--light.button--active{background-color:#fff;color:#0c5a71}.button--light:hover:not(.button--disabled):not(:disabled).button--keyline,.button--light.button--active.button--keyline{background-color:#fff;color:#007495}.button--light:focus{color:#007495}.button--light.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#fff;border-color:#fff}.button--light.button--keyline:hover:not(.button--disabled):not(:disabled),.button--light.button--keyline:not(.button--focus),.button--light.button--keyline.button--active{box-shadow:none}.button--danger{background-color:#ef4135;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled),.button--danger.button--active{background-color:#be2a20;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled).button--keyline,.button--danger.button--active.button--keyline{background-color:#ef4135;color:#fff}.button--danger:focus{color:#fff}.button--danger.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#ef4135;border-color:#ef4135}.button--danger.button--keyline:hover:not(.button--disabled):not(:disabled),.button--danger.button--keyline:not(.button--focus),.button--danger.button--keyline.button--active{box-shadow:none}.button--warning{background-color:#f57e20;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled),.button--warning.button--active{background-color:#b95e17;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled).button--keyline,.button--warning.button--active.button--keyline{background-color:#f57e20;color:#fff}.button--warning:focus{color:#fff}.button--warning.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#f57e20;border-color:#f57e20}.button--warning.button--keyline:hover:not(.button--disabled):not(:disabled),.button--warning.button--keyline:not(.button--focus),.button--warning.button--keyline.button--active{box-shadow:none}.button--tertiary{background:transparent;box-shadow:none;text-decoration:underline;font-weight:400}.button--tertiary:hover:not(.button--disabled):not(:disabled),.button--tertiary:hover.button--active,.button--tertiary:focus:not(.button--disabled):not(:disabled),.button--tertiary:focus.button--active{color:#b5aea7;box-shadow:none;text-decoration:underline}.nano-color-primary{--nano-color-base: var(--nano-color-primary, #007495) ;--nano-color-base-rgb: var( --nano-color-primary-rgb, 0, 116, 149 ) ;--nano-color-contrast: var(--nano-color-primary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-primary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-primary-shade, #00637f) ;--nano-color-tint: var(--nano-color-primary-tint, #2689a5) ;--nano-color-tint-rgb: var( --nano-color-primary-tint-rgb, 38, 137, 165 ) }.nano-color-secondary{--nano-color-base: var(--nano-color-secondary, #548caf) ;--nano-color-base-rgb: var( --nano-color-secondary-rgb, 84, 140, 175 ) ;--nano-color-contrast: var(--nano-color-secondary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-secondary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-secondary-shade, #477795) ;--nano-color-tint: var(--nano-color-secondary-tint, #6e9dbb) ;--nano-color-tint-rgb: var( --nano-color-secondary-tint-rgb, 110, 157, 187 ) }.nano-color-tertiary{--nano-color-base: var(--nano-color-tertiary, #b5aea7) ;--nano-color-base-rgb: var( --nano-color-tertiary-rgb, 181, 174, 167 ) ;--nano-color-contrast: var(--nano-color-tertiary-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-tertiary-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-tertiary-shade, #9a948e) ;--nano-color-tint: var(--nano-color-tertiary-tint, #c0bab4) ;--nano-color-tint-rgb: var( --nano-color-tertiary-tint-rgb, 192, 186, 180 ) }.nano-color-success{--nano-color-base: var(--nano-color-success, #17bb75) ;--nano-color-base-rgb: var( --nano-color-success-rgb, 23, 187, 117 ) ;--nano-color-contrast: var(--nano-color-success-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-success-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-success-shade, #149f63) ;--nano-color-tint: var(--nano-color-success-tint, #3ac58a) ;--nano-color-tint-rgb: var( --nano-color-success-tint-rgb, 58, 197, 138 ) }.nano-color-warning{--nano-color-base: var(--nano-color-warning, #f57e20) ;--nano-color-base-rgb: var( --nano-color-warning-rgb, 245, 126, 32 ) ;--nano-color-contrast: var(--nano-color-warning-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-warning-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-warning-shade, #d06b1b) ;--nano-color-tint: var(--nano-color-warning-tint, #f79141) ;--nano-color-tint-rgb: var( --nano-color-warning-tint-rgb, 247, 145, 65 ) }.nano-color-danger{--nano-color-base: var(--nano-color-danger, #ef4135) ;--nano-color-base-rgb: var( --nano-color-danger-rgb, 239, 65, 53 ) ;--nano-color-contrast: var(--nano-color-danger-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-danger-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-danger-shade, #cb372d) ;--nano-color-tint: var(--nano-color-danger-tint, #f15e53) ;--nano-color-tint-rgb: var( --nano-color-danger-tint-rgb, 241, 94, 83 ) }.nano-color-light{--nano-color-base: var(--nano-color-light, #f2f7f9) ;--nano-color-base-rgb: var( --nano-color-light-rgb, 242, 247, 249 ) ;--nano-color-contrast: var(--nano-color-light-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-light-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-light-shade, #ced2d4) ;--nano-color-tint: var(--nano-color-light-tint, #f4f8fa) ;--nano-color-tint-rgb: var( --nano-color-light-tint-rgb, 244, 248, 250 ) }.nano-color-medium{--nano-color-base: var(--nano-color-medium, #005c75) ;--nano-color-base-rgb: var( --nano-color-medium-rgb, 0, 92, 117 ) ;--nano-color-contrast: var(--nano-color-medium-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-medium-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-medium-shade, #004e63) ;--nano-color-tint: var(--nano-color-medium-tint, #26748a) ;--nano-color-tint-rgb: var( --nano-color-medium-tint-rgb, 38, 116, 138 ) }.nano-color-dark{--nano-color-base: var(--nano-color-dark, #455556) ;--nano-color-base-rgb: var( --nano-color-dark-rgb, 69, 85, 86 ) ;--nano-color-contrast: var(--nano-color-dark-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-dark-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-dark-shade, #3b4849) ;--nano-color-tint: var(--nano-color-dark-tint, #616f6f) ;--nano-color-tint-rgb: var( --nano-color-dark-tint-rgb, 97, 111, 111 ) }:root{--nano-base-font-size: 16px;--nano-padding: 1rem;--nano-font-family: "HelveticaNow", "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif}@media(max-width: 576px){:root{--nano-base-font-size: 14px}}body{background-color:var(--nano-background-color, #f0efed)}hr,.horizontal-rule,.content-divider{display:block;height:1px;border:0;background-color:rgba(181,174,167,.5);margin:.5em 0;padding:0}area[href]:not([tabindex="-1"]):focus,iframe:not([tabindex="-1"]):focus,[contentEditable=true]:not([tabindex="-1"]):focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));border-radius:3px}/*# sourceMappingURL=nanopore.css.map */
+.nano-hide{display:none !important}.nano-hide-up{display:none !important}.nano-hide-down{display:none !important}@media(min-width: 576px){.nano-hide-sm-up{display:none !important}}@media(max-width: 576px){.nano-hide-sm-down{display:none !important}}@media(min-width: 768px){.nano-hide-md-up{display:none !important}}@media(max-width: 768px){.nano-hide-md-down{display:none !important}}@media(min-width: 992px){.nano-hide-lg-up{display:none !important}}@media(max-width: 992px){.nano-hide-lg-down{display:none !important}}@media(min-width: 1200px){.nano-hide-xl-up{display:none !important}}@media(max-width: 1200px){.nano-hide-xl-down{display:none !important}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input,select,textarea{-webkit-tap-highlight-color:rgba(201,224,253,.8)}*,*::before,*::after{box-sizing:border-box;font-family:inherit}html{width:100%;text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-rendering:optimizeLegibility}.nano-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.nano-padding{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-top{--padding-top: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px)}.nano-padding-start{--padding-start: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-start{padding-left:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px)}}.nano-padding-end{--padding-end: var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-end{padding-right:unset;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-bottom{--padding-bottom: var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-vertical{--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-horizontal{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-horizontal{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.nano-margin{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-top{--margin-top: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px)}.nano-margin-start{--margin-start: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-start{margin-left:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px)}}.nano-margin-end{--margin-end: var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-end{margin-right:unset;-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-bottom{--margin-bottom: var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-vertical{--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-horizontal{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-horizontal{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-float-left{float:left !important}.nano-float-right{float:right !important}.nano-float-start{float:left !important}.nano-float-start[dir=rtl]{float:right !important}.nano-float-end{float:right !important}.nano-float-end[dir=rtl]{float:left !important}@media(min-width: 576px){.nano-float-sm-left{float:left !important}.nano-float-sm-right{float:right !important}.nano-float-sm-start{float:left !important}.nano-float-sm-start[dir=rtl]{float:right !important}.nano-float-sm-end{float:right !important}.nano-float-sm-end[dir=rtl]{float:left !important}}@media(min-width: 768px){.nano-float-md-left{float:left !important}.nano-float-md-right{float:right !important}.nano-float-md-start{float:left !important}.nano-float-md-start[dir=rtl]{float:right !important}.nano-float-md-end{float:right !important}.nano-float-md-end[dir=rtl]{float:left !important}}@media(min-width: 992px){.nano-float-lg-left{float:left !important}.nano-float-lg-right{float:right !important}.nano-float-lg-start{float:left !important}.nano-float-lg-start[dir=rtl]{float:right !important}.nano-float-lg-end{float:right !important}.nano-float-lg-end[dir=rtl]{float:left !important}}@media(min-width: 1200px){.nano-float-xl-left{float:left !important}.nano-float-xl-right{float:right !important}.nano-float-xl-start{float:left !important}.nano-float-xl-start[dir=rtl]{float:right !important}.nano-float-xl-end{float:right !important}.nano-float-xl-end[dir=rtl]{float:left !important}}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1_0.eot");src:url("../assets/fonts/3AF163_1_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1_0.woff") format("woff"),url("../assets/fonts/3AF163_1_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_8_0.eot");src:url("../assets/fonts/3AF163_8_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_8_0.woff2") format("woff2"),url("../assets/fonts/3AF163_8_0.woff") format("woff"),url("../assets/fonts/3AF163_8_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_5_0.eot");src:url("../assets/fonts/3AF163_5_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_5_0.woff2") format("woff2"),url("../assets/fonts/3AF163_5_0.woff") format("woff"),url("../assets/fonts/3AF163_5_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2_0.eot");src:url("../assets/fonts/3AF163_2_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2_0.woff") format("woff"),url("../assets/fonts/3AF163_2_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_9_0.eot");src:url("../assets/fonts/3AF163_9_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_9_0.woff2") format("woff2"),url("../assets/fonts/3AF163_9_0.woff") format("woff"),url("../assets/fonts/3AF163_9_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_A_0.eot");src:url("../assets/fonts/3AF163_A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_A_0.woff") format("woff"),url("../assets/fonts/3AF163_A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_21_0.eot");src:url("../assets/fonts/3AF163_21_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_21_0.woff2") format("woff2"),url("../assets/fonts/3AF163_21_0.woff") format("woff"),url("../assets/fonts/3AF163_21_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_28_0.eot");src:url("../assets/fonts/3AF163_28_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_28_0.woff2") format("woff2"),url("../assets/fonts/3AF163_28_0.woff") format("woff"),url("../assets/fonts/3AF163_28_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_25_0.eot");src:url("../assets/fonts/3AF163_25_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_25_0.woff2") format("woff2"),url("../assets/fonts/3AF163_25_0.woff") format("woff"),url("../assets/fonts/3AF163_25_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_22_0.eot");src:url("../assets/fonts/3AF163_22_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_22_0.woff2") format("woff2"),url("../assets/fonts/3AF163_22_0.woff") format("woff"),url("../assets/fonts/3AF163_22_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_29_0.eot");src:url("../assets/fonts/3AF163_29_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_29_0.woff2") format("woff2"),url("../assets/fonts/3AF163_29_0.woff") format("woff"),url("../assets/fonts/3AF163_29_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2A_0.eot");src:url("../assets/fonts/3AF163_2A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2A_0.woff") format("woff"),url("../assets/fonts/3AF163_2A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_15_0.eot");src:url("../assets/fonts/3AF163_15_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_15_0.woff2") format("woff2"),url("../assets/fonts/3AF163_15_0.woff") format("woff"),url("../assets/fonts/3AF163_15_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_16_0.eot");src:url("../assets/fonts/3AF163_16_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_16_0.woff2") format("woff2"),url("../assets/fonts/3AF163_16_0.woff") format("woff"),url("../assets/fonts/3AF163_16_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_17_0.eot");src:url("../assets/fonts/3AF163_17_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_17_0.woff2") format("woff2"),url("../assets/fonts/3AF163_17_0.woff") format("woff"),url("../assets/fonts/3AF163_17_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1B_0.eot");src:url("../assets/fonts/3AF163_1B_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1B_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1B_0.woff") format("woff"),url("../assets/fonts/3AF163_1B_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1C_0.eot");src:url("../assets/fonts/3AF163_1C_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1C_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1C_0.woff") format("woff"),url("../assets/fonts/3AF163_1C_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:expanded}html{font-family:var(--nano-font-family);font-weight:var(--nano-font-weight, 500);color:var(--nano-text-color, #4a4a4a);font-size:var(--nano-base-font-size)}a{color:var(--nano-color-primary, #007495);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:600;line-height:1.2}h1{margin-top:10px;font-size:28px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}p{font-size:1.125rem;line-height:1.4;margin-bottom:1rem;margin-top:0}p.supporting{font-size:.875rem}.heading{font-weight:500;line-height:1.3;margin:0 0 1.5rem}.heading__highlight{color:#007495}@media print{.heading{color:#4a4a4a}}.heading--one{font-size:2.5rem}@media(min-width: 768px){.heading--one{font-size:3.25rem}}.heading--two{font-size:1.5rem}@media(min-width: 768px){.heading--two{font-size:2rem}}.heading--three{font-size:1.125rem}@media(min-width: 768px){.heading--three{font-size:1.375rem}}.heading--four{font-size:1.125rem}.heading--five{font-size:1rem}.heading--light{font-weight:200}.heading--upper{text-transform:uppercase}.heading--meta{font-size:.875rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:bold;margin-bottom:1rem}.button{margin:0;padding:0;border:none;background-color:transparent;font:inherit;-webkit-box-align:center;text-decoration:none;color:inherit;transition:background-color 100ms ease-in-out,box-shadow 100ms ease-in-out,border-color 100ms ease-in-out,color 100ms ease-in-out;padding-left:var(--nano-btn-padding-start, 1rem);padding-right:var(--nano-btn-padding-end, 1rem);padding-top:var(--nano-btn-padding-top, 0.5rem);padding-bottom:var(--nano-btn-padding-bottom, 0.5rem);box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2));display:inline-block;border-radius:var(--nano-btn-border-radius, 5px);line-height:var(--nano-btn-line-height, 1.5rem);font-weight:500;cursor:pointer;background:rgba(0,0,0,.02)}.button::-moz-focus-inner{border:0;padding:0}.button:hover,.button:focus{text-decoration:none;color:inherit}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-btn-padding-start, 1rem);padding-inline-start:var(--nano-btn-padding-start, 1rem);-webkit-padding-end:var(--nano-btn-padding-end, 1rem);padding-inline-end:var(--nano-btn-padding-end, 1rem)}}@media print{.button{display:none}}.button:focus,.button.button--focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.button nano-icon{margin-left:.5rem;margin-right:0;font-size:var(--nano-btn-icon-size, 1rem);vertical-align:middle;margin-top:-0.188rem;display:inline-block}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:.5rem;margin-inline-start:.5rem;-webkit-margin-end:0;margin-inline-end:0}}.button.button--icon-start nano-icon{margin-left:0;margin-right:.5rem}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button.button--icon-start nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}}.button:hover:not(.button--disabled){box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2))}.button:active:not(.button--disabled):not(:disabled){box-shadow:none}.button--disabled,.button:disabled{opacity:.6}.button--disabled:hover,.button:disabled:hover{cursor:default}.button--primary{background-color:var(--nano-color-primary, #007495);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled),.button--primary.button--active{background-color:var(--nano-color-primary-shade, #00637f);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--primary.button--active.button--keyline{background-color:var(--nano-color-primary, #007495);color:var(--nano-color-primary-contrast, #fff)}.button--primary:focus{color:var(--nano-color-primary-contrast, #fff)}.button--primary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:var(--nano-color-primary, #007495);border-color:var(--nano-color-primary, #007495)}.button--primary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--primary.button--keyline:not(.button--focus),.button--primary.button--keyline.button--active{box-shadow:none}.button--secondary{background-color:#17bb75;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled),.button--secondary.button--active{background-color:#0b814f;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--secondary.button--active.button--keyline{background-color:#17bb75;color:#fff}.button--secondary:focus{color:#fff}.button--secondary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#17bb75;border-color:#17bb75}.button--secondary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--secondary.button--keyline:not(.button--focus),.button--secondary.button--keyline.button--active{box-shadow:none}.button--light{background-color:#fff;color:#007495}.button--light:hover:not(.button--disabled):not(:disabled),.button--light.button--active{background-color:#fff;color:#0c5a71}.button--light:hover:not(.button--disabled):not(:disabled).button--keyline,.button--light.button--active.button--keyline{background-color:#fff;color:#007495}.button--light:focus{color:#007495}.button--light.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#fff;border-color:#fff}.button--light.button--keyline:hover:not(.button--disabled):not(:disabled),.button--light.button--keyline:not(.button--focus),.button--light.button--keyline.button--active{box-shadow:none}.button--danger{background-color:#ef4135;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled),.button--danger.button--active{background-color:#be2a20;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled).button--keyline,.button--danger.button--active.button--keyline{background-color:#ef4135;color:#fff}.button--danger:focus{color:#fff}.button--danger.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#ef4135;border-color:#ef4135}.button--danger.button--keyline:hover:not(.button--disabled):not(:disabled),.button--danger.button--keyline:not(.button--focus),.button--danger.button--keyline.button--active{box-shadow:none}.button--warning{background-color:#f57e20;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled),.button--warning.button--active{background-color:#b95e17;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled).button--keyline,.button--warning.button--active.button--keyline{background-color:#f57e20;color:#fff}.button--warning:focus{color:#fff}.button--warning.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#f57e20;border-color:#f57e20}.button--warning.button--keyline:hover:not(.button--disabled):not(:disabled),.button--warning.button--keyline:not(.button--focus),.button--warning.button--keyline.button--active{box-shadow:none}.button--tertiary{background:transparent;box-shadow:none;text-decoration:underline;font-weight:400}.button--tertiary:hover:not(.button--disabled):not(:disabled),.button--tertiary:hover.button--active,.button--tertiary:focus:not(.button--disabled):not(:disabled),.button--tertiary:focus.button--active{color:#b5aea7;box-shadow:none;text-decoration:underline}.nano-color-primary{--nano-color-base: var(--nano-color-primary, #007495) ;--nano-color-base-rgb: var( --nano-color-primary-rgb, 0, 116, 149 ) ;--nano-color-contrast: var(--nano-color-primary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-primary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-primary-shade, #00637f) ;--nano-color-tint: var(--nano-color-primary-tint, #2689a5) ;--nano-color-tint-rgb: var( --nano-color-primary-tint-rgb, 38, 137, 165 ) }.nano-color-secondary{--nano-color-base: var(--nano-color-secondary, #548caf) ;--nano-color-base-rgb: var( --nano-color-secondary-rgb, 84, 140, 175 ) ;--nano-color-contrast: var(--nano-color-secondary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-secondary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-secondary-shade, #477795) ;--nano-color-tint: var(--nano-color-secondary-tint, #6e9dbb) ;--nano-color-tint-rgb: var( --nano-color-secondary-tint-rgb, 110, 157, 187 ) }.nano-color-tertiary{--nano-color-base: var(--nano-color-tertiary, #b5aea7) ;--nano-color-base-rgb: var( --nano-color-tertiary-rgb, 181, 174, 167 ) ;--nano-color-contrast: var(--nano-color-tertiary-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-tertiary-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-tertiary-shade, #9a948e) ;--nano-color-tint: var(--nano-color-tertiary-tint, #c0bab4) ;--nano-color-tint-rgb: var( --nano-color-tertiary-tint-rgb, 192, 186, 180 ) }.nano-color-success{--nano-color-base: var(--nano-color-success, #17bb75) ;--nano-color-base-rgb: var( --nano-color-success-rgb, 23, 187, 117 ) ;--nano-color-contrast: var(--nano-color-success-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-success-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-success-shade, #149f63) ;--nano-color-tint: var(--nano-color-success-tint, #3ac58a) ;--nano-color-tint-rgb: var( --nano-color-success-tint-rgb, 58, 197, 138 ) }.nano-color-warning{--nano-color-base: var(--nano-color-warning, #f57e20) ;--nano-color-base-rgb: var( --nano-color-warning-rgb, 245, 126, 32 ) ;--nano-color-contrast: var(--nano-color-warning-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-warning-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-warning-shade, #d06b1b) ;--nano-color-tint: var(--nano-color-warning-tint, #f79141) ;--nano-color-tint-rgb: var( --nano-color-warning-tint-rgb, 247, 145, 65 ) }.nano-color-danger{--nano-color-base: var(--nano-color-danger, #ef4135) ;--nano-color-base-rgb: var( --nano-color-danger-rgb, 239, 65, 53 ) ;--nano-color-contrast: var(--nano-color-danger-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-danger-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-danger-shade, #cb372d) ;--nano-color-tint: var(--nano-color-danger-tint, #f15e53) ;--nano-color-tint-rgb: var( --nano-color-danger-tint-rgb, 241, 94, 83 ) }.nano-color-light{--nano-color-base: var(--nano-color-light, #f2f7f9) ;--nano-color-base-rgb: var( --nano-color-light-rgb, 242, 247, 249 ) ;--nano-color-contrast: var(--nano-color-light-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-light-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-light-shade, #ced2d4) ;--nano-color-tint: var(--nano-color-light-tint, #f4f8fa) ;--nano-color-tint-rgb: var( --nano-color-light-tint-rgb, 244, 248, 250 ) }.nano-color-medium{--nano-color-base: var(--nano-color-medium, #005c75) ;--nano-color-base-rgb: var( --nano-color-medium-rgb, 0, 92, 117 ) ;--nano-color-contrast: var(--nano-color-medium-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-medium-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-medium-shade, #004e63) ;--nano-color-tint: var(--nano-color-medium-tint, #26748a) ;--nano-color-tint-rgb: var( --nano-color-medium-tint-rgb, 38, 116, 138 ) }.nano-color-dark{--nano-color-base: var(--nano-color-dark, #455556) ;--nano-color-base-rgb: var( --nano-color-dark-rgb, 69, 85, 86 ) ;--nano-color-contrast: var(--nano-color-dark-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-dark-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-dark-shade, #3b4849) ;--nano-color-tint: var(--nano-color-dark-tint, #616f6f) ;--nano-color-tint-rgb: var( --nano-color-dark-tint-rgb, 97, 111, 111 ) }:root{--nano-base-font-size: 16px;--nano-padding: 1rem;--nano-font-family: "HelveticaNow", "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif}@media(max-width: 576px){:root{--nano-base-font-size: 14px}}body{background-color:var(--nano-background-color, #f0efed)}hr,.horizontal-rule,.content-divider{display:block;height:1px;border:0;background-color:rgba(181,174,167,.5);margin:.5em 0;padding:0}area[href]:not([tabindex="-1"]):focus,iframe:not([tabindex="-1"]):focus,[contentEditable=true]:not([tabindex="-1"]):focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));border-radius:3px}/*# sourceMappingURL=nanopore.css.map */

package/dist/themes/nanopore.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/global/style/base/display.scss","../src/global/style/utilities/_mixins.scss","../src/global/style/base/normalize.scss","../src/global/style/base/structure.scss","../src/global/style/base/padding.scss","../src/global/style/nano-theme/_base.scss","../src/global/style/base/float.scss","../src/global/style/nano-theme/_helvetica-now.scss","../src/global/style/nano-theme/typography.scss","../src/global/style/nano-theme/_colours.scss","../src/global/style/nano-theme/buttons.scss","../src/global/style/utilities/css-patterns/_unstyled_input.scss","../src/global/style/utilities/css-patterns/_unstyled_anchor.scss","../src/global/style/nano-theme/_button.scss","../src/global/style/nano-theme/theme.scss","../src/global/style/utilities/_colours.scss","../src/global/style/nano-theme/_form.scss"],"names":[],"mappings":"AAMA,WACE,wBAUE,cACE,wBAOF,gBACE,wBCqFF,yBD9FA,iBACE,yBC8IF,yBDvIA,mBACE,yBCqFF,yBD9FA,iBACE,yBC8IF,yBDvIA,mBACE,yBCqFF,yBD9FA,iBACE,yBC8IF,yBDvIA,mBACE,yBCqFF,0BD9FA,iBACE,yBC8IF,0BDvIA,mBACE,yBEpBN,4BAIE,wBAKF,sBACE,aACA,SAOF,SAEE,iBAOF,IACE,eACA,SAIF,eACE,gBAOF,OACE,gBAGF,GACE,WACA,eACA,uBAIF,IACE,cAIF,kBAIE,sBACA,cAeF,4BAIE,oBACA,mBAGF,SACE,cACA,YACA,aACA,cAGF,sBACE,iBAGF,2BAIE,SACA,aACA,cAQF,6DAGE,eACA,0BAIF,qNAkBE,0BAGF,6BAEE,oBAGF,OACE,SACA,gBACA,oBACA,mBACA,qBACA,cACA,oBACA,eACA,0BAGF,WACE,eAIF,kDAGE,eAIF,iDAEE,UACA,SAMF,uCAEE,UACA,sBAMF,4FAEE,YAMF,+FAEE,wBAOF,MACE,yBACA,iBAGF,MAEE,UCpNF,EACE,sBACA,0CACA,wCACA,2BAGF,6BAIE,iDAGF,qBAGE,sBACA,oBAGF,KACE,WACA,sBAGF,KF8BE,kCACA,mCA0PE,YEvRc,EFwRd,aExRc,EFuUhB,WEvUgB,EFwUhB,cExUgB,EFuRd,aEtRe,EFuRf,cEvRe,EFsUjB,YEtUiB,EFuUjB,eEvUiB,EAEjB,kCCxBF,iBACE,mBACA,iBACA,iBACA,oBHwSE,aGtSe,EHuSf,cGvSe,EHsVjB,YGtViB,EHuVjB,eGvViB,EAGnB,cACE,kDACA,gDACA,gDACA,mDHoSE,aIvTa,iCJwTb,cIxTa,iCJkWf,YIlWe,iCJmWf,eInWe,iCJ4Tb,+DACE,cAEI,mBAIA,oBAIF,sBIvUS,iCJ0UT,qBI1US,iCJ6UT,oBI7US,iCJgVT,mBIhVS,kCDwBjB,kBACE,gDHyUA,YIlWe,iCD8BjB,oBACE,kDHwRE,aIvTa,iCJ4Tb,+DACE,oBAEI,mBAQF,sBIvUS,iCJ0UT,qBI1US,kCDoCjB,kBACE,gDHmRE,cIxTa,iCJ4Tb,+DACE,kBAMI,oBAUF,oBI7US,iCJgVT,mBIhVS,kCD0CjB,qBACE,mDHwTA,eInWe,iCDgDjB,uBACE,gDACA,mDHgTA,YIlWe,iCJmWf,eInWe,iCDuDjB,yBACE,kDACA,gDH8PE,aIvTa,iCJwTb,cIxTa,iCJ4Tb,+DACE,yBAEI,mBAIA,oBAIF,sBIvUS,iCJ0UT,qBI1US,iCJ6UT,oBI7US,iCJgVT,mBIhVS,kCDiEjB,gBACE,kBACA,gBACA,gBACA,mBH6OE,YG3Oc,EH4Od,aG5Oc,EH2RhB,WG3RgB,EH4RhB,cG5RgB,EAGlB,aACE,iDACA,+CACA,+CACA,kDHyOE,YIvTa,iCJwTb,aIxTa,iCJkWf,WIlWe,iCJmWf,cInWe,iCJ4Tb,+DACE,aAEI,kBAIA,mBAIF,qBIvUS,iCJ0UT,oBI1US,iCJ6UT,mBI7US,iCJgVT,kBIhVS,kCDmFjB,iBACE,+CH8QA,WIlWe,iCDyFjB,mBACE,iDH6NE,YIvTa,iCJ4Tb,+DACE,mBAEI,kBAQF,qBIvUS,iCJ0UT,oBI1US,kCD+FjB,iBACE,+CHwNE,aIxTa,iCJ4Tb,+DACE,iBAMI,mBAUF,mBI7US,iCJgVT,kBIhVS,kCDqGjB,oBACE,kDH6PA,cInWe,iCD2GjB,sBACE,+CACA,kDHqPA,WIlWe,iCJmWf,cInWe,iCDkHjB,wBACE,iDACA,+CHmME,YIvTa,iCJwTb,aIxTa,iCJ4Tb,+DACE,wBAEI,kBAIA,mBAIF,qBIvUS,iCJ0UT,oBI1US,iCJ6UT,mBI7US,iCJgVT,kBIhVS,kCCOb,iBL6PE,sBKzPF,kBLyPE,uBKrPF,kBLiOE,sBAfK,2BAmBL,uBKjOF,gBLuOE,uBAzBK,yBA6BL,sBApJF,yBKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBApJF,yBKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBApJF,yBKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBApJF,0BKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBM7ON,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAKF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAKF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBChOF,KACE,oCACA,yCACA,MCuGW,gCDtGX,qCAGF,EACE,yCACA,qBAEA,QACE,0BAIJ,kBPmUE,WO7TgB,KP8ThB,cO9T4B,KAE5B,YAxCqB,IAyCrB,YAvCqB,IA0CvB,GPuTE,WOtTgB,KAEhB,UA3Ca,KA8Cf,GPiTE,WOhTgB,KAEhB,UA/Ca,KAkDf,GACE,UAjDa,KAoDf,GACE,UAnDa,KAsDf,GACE,UArDa,KAwDf,GACE,UAvDa,KA0Df,MACE,cAGF,QAEE,kBACA,cACA,cACA,wBAGF,IACE,WAGF,IACE,eAGF,SACE,gBACA,gBACA,kBAE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","file":"nanopore.css"}
+{"version":3,"sourceRoot":"","sources":["../src/global/style/base/display.scss","../src/global/style/utilities/_mixins.scss","../src/global/style/base/normalize.scss","../src/global/style/base/structure.scss","../src/global/style/base/padding.scss","../src/global/style/nano-theme/_base.scss","../src/global/style/base/float.scss","../src/global/style/nano-theme/_helvetica-now.scss","../src/global/style/nano-theme/typography.scss","../src/global/style/nano-theme/_colours.scss","../src/global/style/nano-theme/buttons.scss","../src/global/style/utilities/css-patterns/_unstyled_input.scss","../src/global/style/utilities/css-patterns/_unstyled_anchor.scss","../src/global/style/nano-theme/_button.scss","../src/global/style/nano-theme/theme.scss","../src/global/style/utilities/_colours.scss","../src/global/style/nano-theme/_form.scss"],"names":[],"mappings":"AAMA,WACE,wBAUE,cACE,wBAOF,gBACE,wBCqFF,yBD9FA,iBACE,yBC8IF,yBDvIA,mBACE,yBCqFF,yBD9FA,iBACE,yBC8IF,yBDvIA,mBACE,yBCqFF,yBD9FA,iBACE,yBC8IF,yBDvIA,mBACE,yBCqFF,0BD9FA,iBACE,yBC8IF,0BDvIA,mBACE,yBEpBN,4BAIE,wBAKF,sBACE,aACA,SAOF,SAEE,iBAOF,IACE,eACA,SAIF,eACE,gBAOF,OACE,gBAGF,GACE,WACA,eACA,uBAIF,IACE,cAIF,kBAIE,sBACA,cAeF,4BAIE,oBACA,mBAGF,SACE,cACA,YACA,aACA,cAGF,sBACE,iBAGF,2BAIE,SACA,aACA,cAQF,6DAGE,eACA,0BAIF,qNAkBE,0BAGF,6BAEE,oBAGF,OACE,SACA,gBACA,oBACA,mBACA,qBACA,cACA,oBACA,eACA,0BAGF,WACE,eAIF,kDAGE,eAIF,iDAEE,UACA,SAMF,uCAEE,UACA,sBAMF,4FAEE,YAMF,+FAEE,wBAOF,MACE,yBACA,iBAGF,MAEE,UCpNF,EACE,sBACA,0CACA,wCACA,2BAGF,6BAIE,iDAGF,qBAGE,sBACA,oBAGF,KACE,WACA,sBAGF,KF8BE,kCACA,mCA0PE,YEvRc,EFwRd,aExRc,EFuUhB,WEvUgB,EFwUhB,cExUgB,EFuRd,aEtRe,EFuRf,cEvRe,EFsUjB,YEtUiB,EFuUjB,eEvUiB,EAEjB,kCCxBF,iBACE,mBACA,iBACA,iBACA,oBHwSE,aGtSe,EHuSf,cGvSe,EHsVjB,YGtViB,EHuVjB,eGvViB,EAGnB,cACE,kDACA,gDACA,gDACA,mDHoSE,aIvTa,iCJwTb,cIxTa,iCJkWf,YIlWe,iCJmWf,eInWe,iCJ4Tb,+DACE,cAEI,mBAIA,oBAIF,sBIvUS,iCJ0UT,qBI1US,iCJ6UT,oBI7US,iCJgVT,mBIhVS,kCDwBjB,kBACE,gDHyUA,YIlWe,iCD8BjB,oBACE,kDHwRE,aIvTa,iCJ4Tb,+DACE,oBAEI,mBAQF,sBIvUS,iCJ0UT,qBI1US,kCDoCjB,kBACE,gDHmRE,cIxTa,iCJ4Tb,+DACE,kBAMI,oBAUF,oBI7US,iCJgVT,mBIhVS,kCD0CjB,qBACE,mDHwTA,eInWe,iCDgDjB,uBACE,gDACA,mDHgTA,YIlWe,iCJmWf,eInWe,iCDuDjB,yBACE,kDACA,gDH8PE,aIvTa,iCJwTb,cIxTa,iCJ4Tb,+DACE,yBAEI,mBAIA,oBAIF,sBIvUS,iCJ0UT,qBI1US,iCJ6UT,oBI7US,iCJgVT,mBIhVS,kCDiEjB,gBACE,kBACA,gBACA,gBACA,mBH6OE,YG3Oc,EH4Od,aG5Oc,EH2RhB,WG3RgB,EH4RhB,cG5RgB,EAGlB,aACE,iDACA,+CACA,+CACA,kDHyOE,YIvTa,iCJwTb,aIxTa,iCJkWf,WIlWe,iCJmWf,cInWe,iCJ4Tb,+DACE,aAEI,kBAIA,mBAIF,qBIvUS,iCJ0UT,oBI1US,iCJ6UT,mBI7US,iCJgVT,kBIhVS,kCDmFjB,iBACE,+CH8QA,WIlWe,iCDyFjB,mBACE,iDH6NE,YIvTa,iCJ4Tb,+DACE,mBAEI,kBAQF,qBIvUS,iCJ0UT,oBI1US,kCD+FjB,iBACE,+CHwNE,aIxTa,iCJ4Tb,+DACE,iBAMI,mBAUF,mBI7US,iCJgVT,kBIhVS,kCDqGjB,oBACE,kDH6PA,cInWe,iCD2GjB,sBACE,+CACA,kDHqPA,WIlWe,iCJmWf,cInWe,iCDkHjB,wBACE,iDACA,+CHmME,YIvTa,iCJwTb,aIxTa,iCJ4Tb,+DACE,wBAEI,kBAIA,mBAIF,qBIvUS,iCJ0UT,oBI1US,iCJ6UT,mBI7US,iCJgVT,kBIhVS,kCCOb,iBL6PE,sBKzPF,kBLyPE,uBKrPF,kBLiOE,sBAfK,2BAmBL,uBKjOF,gBLuOE,uBAzBK,yBA6BL,sBApJF,yBKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBApJF,yBKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBApJF,yBKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBApJF,0BKnGA,oBL6PE,sBKzPF,qBLyPE,uBKrPF,qBLiOE,sBAfK,8BAmBL,uBKjOF,mBLuOE,uBAzBK,4BA6BL,uBM7ON,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAGF,WACE,2BACA,0CACA,IACE,gPAIF,gBACA,kBACA,uBAKF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,oBAKF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBAGF,WACE,2BACA,2CACA,IACE,oPAIF,gBACA,kBACA,sBChOF,KACE,oCACA,yCACA,MCuGW,gCDtGX,qCAGF,EACE,yCACA,qBAEA,QACE,0BAIJ,kBPmUE,WO7TgB,KP8ThB,cO9T4B,KAE5B,YAxCqB,IAyCrB,YAvCqB,IA0CvB,GPuTE,WOtTgB,KAEhB,UA3Ca,KA8Cf,GPiTE,WOhTgB,KAEhB,UA/Ca,KAkDf,GACE,UAjDa,KAoDf,GACE,UAnDa,KAsDf,GACE,UArDa,KAwDf,GACE,UAvDa,KA0Df,MACE,cAGF,QAEE,kBACA,cACA,cACA,wBAGF,IACE,WAGF,IACE,eAGF,EACE,mBACA,gBACA,mBAC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","file":"nanopore.css"}

package/dist/types/components/accordion/accordion.d.ts

@@ -17,5 +17,4 @@ export declare class Accordion {
   onToggleHandler(event: CustomEvent): void;
   onClosedHandler(event: CustomEvent): void;
   render(): any;
-  connectedCallback(): void;
 }