@nanoporetech-digital/components 1.15.6 → 2.1.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":";;;gNAGA,IAAIA,EAEG,IAAMC,EAAa,WACxB,IAAKD,EAAY,CACf,IAAME,EAAMC,OACZD,EAAIE,UAAYF,EAAIE,WAAa,GACjCJ,EAAaE,EAAIE,UAAUC,IAAMH,EAAIE,UAAUC,KAAO,IAAIC,IAE5D,OAAON,GAQF,IAAMO,EAAS,SAACC,GACrB,IAAIC,EAAMC,EAAOF,EAAEG,KACnB,GAAIF,EAAK,CACP,OAAOA,EAGTA,EAAMG,EAAQJ,EAAEK,KAAML,EAAEM,MACxB,GAAIL,EAAK,CACP,OAAOM,EAAYN,GAGrB,GAAID,EAAEM,KAAM,CACVL,EAAMC,EAAOF,EAAEM,MACf,GAAIL,EAAK,CACP,OAAOA,GAGX,OAAO,MAGT,IAAMM,EAAc,SAACC,GACnB,IAAMP,EAAMR,IAAagB,IAAID,GAC7B,GAAIP,EAAK,CACP,OAAOA,EAET,OAAOS,EACL,qDAAqDF,EAAQ,SAI1D,IAAMJ,EAAU,SACrBI,EACAF,GAEA,IAAKE,GAAYF,IAASK,EAAML,GAAO,CACrCE,EAAWF,EAEb,GAAIM,EAAMJ,GAAW,CACnBA,EAAWK,EAAQL,GAGrB,IAAKI,EAAMJ,IAAaA,EAASM,SAAW,GAAI,CAC9C,OAAO,KAIT,IAAMC,EAAeP,EAASQ,QAAQ,kBAAmB,IACzD,GAAID,IAAiB,GAAI,CACvBE,QAAQC,KAAK,mCAAqCV,GAClD,OAAO,KAET,OAAOA,GAGF,IAAMN,EAAS,SAACC,GACrB,GAAIS,EAAMT,GAAM,CACdA,EAAMA,EAAIW,OACV,GAAIH,EAAMR,GAAM,CACd,OAAOA,GAGX,OAAO,MAGF,IAAMQ,EAAQ,SAACQ,GAAgB,OAAAA,EAAIC,OAAS,GAAK,UAAUC,KAAKF,IAChE,IAAMP,EAAQ,SAACU,GAA4B,cAAOA,IAAQ,UAC1D,IAAMT,EAAU,SAACS,GAAgB,OAAAA,EAAIC,eCnFrC,IAAMC,EAAkB,SAACC,GAC9B,GAAIA,EAAY,CACd,IAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAYJ,EAGhB,IAAK,IAAIzB,EAAI0B,EAAII,WAAWV,OAAS,EAAGpB,GAAK,EAAGA,IAAK,CACnD,GAAI0B,EAAII,WAAW9B,GAAG+B,SAASR,gBAAkB,MAAO,CACtDG,EAAIM,YAAYN,EAAII,WAAW9B,KAKnC,IAAMiC,EAASP,EAAIQ,kBACnB,GAAID,GAAUA,EAAOF,SAASR,gBAAkB,MAAO,CACrD,IAAMY,EAAWF,EAAOG,aAAa,UAAY,GACjDH,EAAOI,aACL,SACCF,EAAW,iCAAiCrB,QAM/C,GAAIwB,EAAQL,GAAgB,CAC1B,OAAOP,EAAIG,YAIjB,MAAO,IAGF,IAAMS,EAAU,SAACC,GACtB,GAAIA,EAAIC,WAAa,EAAG,CACtB,GAAID,EAAIR,SAASR,gBAAkB,SAAU,CAC3C,OAAO,MAGT,IAAK,IAAIvB,EAAI,EAAGA,EAAIuC,EAAIE,WAAWrB,OAAQpB,IAAK,CAC9C,IAAMsB,EAAMiB,EAAIE,WAAWzC,GAAG0C,MAC9B,GAAI9B,EAAMU,IAAQA,EAAIC,cAAcoB,QAAQ,QAAU,EAAG,CACvD,OAAO,OAIX,IAAK,IAAI3C,EAAI,EAAGA,EAAIuC,EAAIT,WAAWV,OAAQpB,IAAK,CAC9C,IAAKsC,EAAQC,EAAIT,WAAW9B,IAAY,CACtC,OAAO,QAIb,OAAO,MCpDF,IAAM4C,EAAc,IAAI9C,IAC/B,IAAM+C,EAAW,IAAI/C,IAEd,IAAMgD,EAAgB,SAAC7C,GAE5B,IAAI8C,EAAMF,EAASpC,IAAIR,GACvB,IAAK8C,EAAK,CAERA,EAAMC,MAAM/C,GAAKgD,MAAK,SAACC,GACrB,GAAIA,EAAIC,GAAI,CACV,OAAOD,EAAIE,OAAOH,MAAK,SAACxB,GACtBmB,EAAYS,IAAIpD,EAAKuB,EAAgBC,OAGzCmB,EAAYS,IAAIpD,EAAK,OAIvB4C,EAASQ,IAAIpD,EAAK8C,GAEpB,OAAOA,GCrBT,IAAMO,EAAU,86DCehB,IAAMC,IAAc5B,SAAS6B,KAAKC,iBAWrBC,EAAIC,EAAA,YAAA,WANjB,SAAAC,EAAAC,aAYmBC,KAAAC,UAAY,MACZD,KAAAE,UAAY,KA6CrBF,KAAAG,KAAO,KAEPL,EAAAM,UAAAC,aAAA,WACN,IAAKL,KAAKM,UAAW,CACnB,IAAMC,EAAQjE,EAAQ0D,KAAKzD,KAAMyD,KAAKxD,MAGtC,GAAI+D,EAAO,CACTP,KAAKM,UAAYC,EAAMC,MAAM,KAAKC,OAAO,GAAG,GAAGvD,QAAQ,MAAO,QAKpE4C,EAAAM,UAAAM,kBAAA,WAAA,IAAAC,EAAAX,KAIEA,KAAKY,iBAAiBZ,KAAKa,GAAI,QAAQ,WACrCF,EAAKV,UAAY,KACjBU,EAAKG,eAIThB,EAAAM,UAAAW,qBAAA,WACE,GAAIf,KAAKgB,GAAI,CACXhB,KAAKgB,GAAGC,aACRjB,KAAKgB,GAAKE,YAIdpB,EAAAM,UAAAe,kBAAA,WACEnB,KAAKK,gBAGCP,EAAAM,UAAAQ,iBAAA,SACNC,EACAO,EACAC,GAHM,IAAAV,EAAAX,KAKN,GAEEP,GACAO,KAAKG,aACEtE,SAAW,aACjBA,OAAeyF,qBAChB,CACA,IAAMC,EAAMvB,KAAKgB,GAAK,IAAKnF,OAAeyF,sBACxC,SAACE,GACC,GAAIA,EAAK,GAAGC,gBAAmBD,EAAK,IAAMA,EAAK,GAAGC,eAAiB,CACjEF,EAAGN,aACHN,EAAKK,GAAKE,UACVG,OAGJ,CAAED,WAAUA,IAGdG,EAAGG,QAAQb,OACN,CAGLQ,MAOJvB,EAAAM,UAAAU,SAAA,WAAA,IAAAH,EAAAX,KACE,GAAuBA,KAAKC,UAAW,CACrC,IAAM0B,EAAM1F,EAAO+D,MACnB,GAAI2B,EAAK,CACP,GAAI7C,EAAY8C,IAAID,GAAM,CAExB3B,KAAKrC,WAAamB,EAAYnC,IAAIgF,GAClC3B,KAAKE,UAAY,UACZ,CAELlB,EAAc2C,GAAKxC,MAAK,WACtBwB,EAAKhD,WAAamB,EAAYnC,IAAIgF,GAClChB,EAAKT,UAAY,WAKzBF,KAAKK,gBAGPP,EAAAM,UAAAyB,OAAA,iBACE,IAAMC,EACJ9B,KAAK8B,SACJ9B,KAAKzD,OACHyD,KAAKzD,KAAKsC,QAAQ,UAAY,GAC7BmB,KAAKzD,KAAKsC,QAAQ,YAAc,IACjCmB,KAAKa,GAAGkB,cAA2BC,MAAQ,OAC5ChC,KAAK8B,UAAY,MAErB,OACEG,EAACC,EAAI,CACHC,KAAK,MACLC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GACAC,EAAmBvC,KAAKwC,SAAMC,EAAA,CACjCC,QAAS1C,KAAKE,WACduC,EAAC,QAAQzC,KAAK2C,QAAW3C,KAAK2C,KAC9BF,EAAA,cAAcX,EAAOW,KAGHzC,KAAKrC,WACvBsE,EAAA,MAAA,CAAKG,MAAM,aAAarE,UAAWiC,KAAKrC,aAExCsE,EAAA,MAAA,CAAKG,MAAM,ybAlKJ","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/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;
 }

package/dist/types/components/checkbox/checkbox-group.d.ts

@@ -76,5 +76,6 @@ export declare class CheckboxGroup implements ComponentInterface {
   componentWillLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -0,0 +1,98 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { Dropdown } from '../dropdown/dropdown';
+import type { OptionInterface } from '../../interface';
+/**
+ * `nano-datalist` a visually consistent and more flexible replacement for a native
+ * [datalist](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist). Can be nested within a `nano-input`
+ * or linked to any input control via the `input` prop. Is used internally within `nano-select`.
+ * Options can be defined declaratively by nesting `<nano-option>` elements or imperatively using the `options` prop
+ *
+ * @slot - use `<nano-option>` elements for more complex html. Alternatively use the `options` prop
+ * @slot list-top - shows at the top of the list when there are options present
+ * @slot list-bottom - shows at the bottom of the list when there are options present
+ * @slot no-result - shown when there are no results otherwise nothing will be shown
+ */
+export declare class DataList implements ComponentInterface {
+  private isNanoInput;
+  private typeToSelect;
+  private typeToSelectTimeout;
+  private nanoDropdown;
+  private listBox;
+  private mo?;
+  private listId;
+  private isFiltered;
+  private shouldFocus;
+  private get allOptEles();
+  private set allOptEles(value);
+  private _allOptEles;
+  host: HTMLNanoDatalistElement;
+  actvOptEles: HTMLNanoOptionElement[];
+  connectedInput: HTMLInputElement | HTMLTextAreaElement;
+  inputLabel: HTMLLabelElement;
+  hasNoResult: boolean;
+  shouldOpen: boolean;
+  canOpen: boolean;
+  optionIds: string[];
+  constructor();
+  /** By default, items in the list will appear 'selected' when the value in the linked input control matches.
+   * However you can add other selected options via the the selected prop. */
+  selected: string[];
+  /** nano-dropdown config options you can pass to the nested dropdown component */
+  get dropDownConfig(): Partial<Dropdown>;
+  set dropDownConfig(ddc: Partial<Dropdown>);
+  private _dropDownConfig;
+  /** Provide an option list.
+   * Options can be defined declaratively by nesting `<nano-option>` elements or imperatively using this prop */
+  options?: OptionInterface[];
+  /** A selector to a HTMLInputElement */
+  input?: string | HTMLInputElement;
+  /** Tweaks the datalist behaviour and linked control semantics and behaviour.
+   * e.g. 'select' will make the linked input control readonly.
+   */
+  type: 'select' | 'selctMulti' | 'input';
+  /** return all the active options currently within the datalist. Can be useful for validation */
+  get activeOptions(): HTMLNanoOptionElement[];
+  /** Force datalist open */
+  open: boolean;
+  openWatcher(): void;
+  /** Use this option to disable to default filtering. This is useful if filtering happens
+   * externally via another method (e.g. via ajax)
+   */
+  disableFilter: boolean;
+  /** Activate / deactivate the datalist control */
+  disabled: boolean;
+  watchInputChange(): Promise<void>;
+  manageSlotChangeListener(): void;
+  watchTypeChange(): void;
+  manageInputEvents(newInput?: HTMLInputElement, oldInput?: HTMLInputElement): void;
+  watchActvOptChange(): void;
+  manageCanOpen(): void;
+  /**
+   * Opens the dropdown if it can, it should and there are items to display.
+   */
+  manageDropdownDisplay(): void;
+  fireActiveOptsEvent(): void;
+  /** Fired when an item is selected. */
+  nanoSelect: EventEmitter<HTMLNanoOptionElement>;
+  /** Fired when a currently selected item is reselected. */
+  nanoDeselect: EventEmitter<HTMLNanoOptionElement>;
+  /** Fired when active options change */
+  nanoOptionsUpdated: EventEmitter<HTMLNanoOptionElement[]>;
+  private isSelected;
+  private get dropwdownOpen();
+  private get exactMatch();
+  /** reflect value back to the connected input unless the event is cancelled */
+  private changeInputValue;
+  private optSelected;
+  private setOptStartsWith;
+  private processSlottedContent;
+  private handleShow;
+  private inputChange;
+  private inputClick;
+  private inputKeydown;
+  private optionKeyDown;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/date-input/date-input.d.ts

@@ -6,6 +6,8 @@ import { DateInputChangeEventDetail, Color, LocalDateOpts, DuetLocalizedText, Co
  *
  * @slot label - if you do not set a label attribute, you can use this slot for more complex markup
  * @slot helper - helper text to accompany the form field underneath.
+ * @slot start - input start slot
+ * @slot end - input end slot
  */
 export declare class DateInput implements ComponentInterface {
   private pickerEle;

package/dist/types/components/dialog/dialog.helpers.d.ts

@@ -11,9 +11,9 @@ interface ImperativeDialogOptions {
  * @param dialogOptions - { noUserDismiss: boolean, noHeader?: boolean, noFooter?: boolean, label: string }
  * @returns `Promise<void>`
  */
-export declare function nanoCreateDialog(body: string, buttons: {
+export declare function nanoCreateDialog(body: string, buttons?: {
   classes: string;
   content: string;
   handler: () => {};
-}[], dialogOptions: ImperativeDialogOptions): HTMLNanoDialogElement;
+}[], dialogOptions?: ImperativeDialogOptions): HTMLNanoDialogElement;
 export {};

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

@@ -1,7 +1,7 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 /**
  * Dropdowns show additional content in a panel.
- * Designed to work well with nano-menu components to provide a list of options (works well with nano-nav-items).
+ * Designed to work well with nano-menu components to provide a list of options (`nano-nav-items` / `nano-option`).
  * @slot trigger - The dropdown's trigger.
  * @slot - The dropdown's content.
  */
@@ -13,7 +13,9 @@ export declare class Dropdown implements ComponentInterface {
   private popover;
   private trigger;
   private positioner;
-  private menuFocused;
+  private accessibleTrigger;
+  private didLoad;
+  private get menu();
   host: HTMLNanoDropdownElement;
   /** Determines if the dropdown should open automatically when the trigger is clicked */
   autoOpen: boolean;
@@ -73,7 +75,6 @@ export declare class Dropdown implements ComponentInterface {
    * Emitted after the dropdown closes and all transitions are complete.
    */
   nanoAfterHide: EventEmitter;
-  menuFocus(ev: CustomEvent): void;
   secondaryOpen(ev: CustomEvent): void;
   secondaryClose(ev: CustomEvent): void;
   handlePanelSelect(event: CustomEvent): void;
@@ -81,7 +82,10 @@ export declare class Dropdown implements ComponentInterface {
   show(): Promise<void>;
   /** Hides the dropdown panel */
   hide(): Promise<void>;
-  private getMenu;
+  /** Decides if the current active element or element
+   * connected to the current event is connected to the Dropdown
+   */
+  private focusEleInDropDwn;
   private togglePanel;
   private updateAccessibleTrigger;
   private handleDocumentKeyDown;

package/dist/types/components/form-control/form-control.d.ts

@@ -0,0 +1,35 @@
+import { FunctionalComponent, VNode } from '../../stencil-public-runtime';
+import { TextFieldTypes } from '../../interface';
+interface FormControlWrapProps {
+  rtl: boolean;
+  floatLabel: boolean;
+  labelId: string;
+  label: string;
+  moreId: string;
+  type?: TextFieldTypes;
+  showInlineError: boolean;
+  hasHelperSlot: boolean;
+  errorMessage: string;
+  controlId: string;
+  hasLabelSlot: boolean;
+  hideLabel: boolean;
+  placeholder: string;
+  hasValue: boolean;
+  showCharCount?: boolean;
+  maxlength?: number;
+  charCount?: number;
+}
+interface FormControlProps {
+  clearControl: boolean;
+  onClearText?: () => void;
+  readonly: boolean;
+  disabled: boolean;
+  control: HTMLNanoInputElement | HTMLNanoSelectElement;
+  ref?: (elm?: HTMLElement) => void;
+  endSlot?: VNode;
+  endValueSlot?: VNode;
+  startSlot?: VNode;
+}
+export declare const FormControlWrap: FunctionalComponent<FormControlWrapProps>;
+export declare const FormControl: FunctionalComponent<FormControlProps>;
+export {};

package/dist/types/components/global-search-results/global-search-results.d.ts

@@ -35,6 +35,7 @@ export declare class GlobalSearchResults implements ComponentInterface {
   attachResultListeners(e?: CustomEvent & {
     target: HTMLElement;
   }): void;
+  private tagClick;
   private changeOrder;
   private goback;
   private removeFilter;

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * A context-aware CSS grid implementation.
  * Uses it's own width to choose column number - not screen width.
@@ -9,6 +10,7 @@ export declare class Grid {
   private gridClass;
   private isSizes;
   private currentWidth;
+  constructor();
   ready: boolean;
   isSmall: boolean;
   isMedium: boolean;
@@ -63,10 +65,14 @@ export declare class Grid {
    * Helper to make grid items expand to full height in IE11
    */
   fullHeight: boolean;
+  /**
+   * Emitted when the `nano-grid` changes breakpoint
+   */
+  nanoBpChange: EventEmitter<string[]>;
   propChanged(): void;
   private applySizeClasses;
+  stateChange(): void;
   private applyChildrenClasses;
-  connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;

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

@@ -17,6 +17,7 @@ export declare class Hero implements ComponentInterface {
   private mo?;
   private isLegacy;
   host: HTMLNanoHeroElement;
+  gridSizes: string[];
   hasIconBox: boolean;
   hasScrim: boolean;
   hasSecondaryContent: boolean;
@@ -41,6 +42,7 @@ export declare class Hero implements ComponentInterface {
   level: 'top' | 'sub';
   private slotChangeObserver;
   private processSlottedContent;
+  private handleGridChange;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidLoad(): void;