npm - @nanoporetech-digital/components - Versions diffs - 2.12.0 → 2.13.1 - Mend

@nanoporetech-digital/components 2.12.0 → 2.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/nano-components/p-ed0bdea9.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["src/components/nav-item/nav-item.scss?tag=nano-nav-item&encapsulation=shadow","src/components/nav-item/nav-item.tsx","src/components/select/select.scss?tag=nano-select&encapsulation=scoped","src/components/select/select.tsx"],"names":["navItemCss","NavItem","[object Object]","hostRef","this","hasSecondarySlot","hasAnchorEle","didBlur","animating","didOpen","isInGlobalNav","isInMenuDrawer","isInMenu","isLegacy","document","head","attachShadow","hasFocus","href","target","disabled","open","selected","secondaryActiveWidth","secondaryFallback","closeOnBlur","notification","closeSecondary","async","nanoClosing","emit","secondaryMenu","secondaryDiv","status","displayTransition","openSecondary","window","innerWidth","call","nanoOpening","toggleSecondary","handleFocus","nanoFocus","handleHostBlur","el","removeAttribute","nanoBlur","handleHostClick","ev","foundlink","closest","btn","click","handleMouseEnter","globalNavEle","classList","contains","timeToWait","getSiblings","length","clearTimeout","waitHide","fromHover","waitShow","setTimeout","handleMouseLeave","handleClick","_a","querySelector","blur","relatedTarget","foundThisNavEle","focus","preventScroll","removeEventListener","nanoClose","panelio","IntersectionObserver","data","boundingClientRect","top","scrollIntoView","behavior","disconnect","threshold","observe","addEventListener","tabIndex","nanoOpen","found","parentElement","secondaryEle","link","getDirectChildren","h","Host","class","has-secondary","secondary-open","has-focus","nano-global-nav","nano-menu-drawer","nano-menu","legacy","onBlur","dir","ownerDocument","onMouseEnter","onMouseLeave","onClick","role","nav-item","ref","a","onFocus","name","div","tabindex","selectCss","selectIds","Select","valueItems","selectId","rtl","onInit","currInsertIndex","showErrorMsg","errorMessage","hasLabelSlot","hasHelperSlot","hasHelperEndSlot","inputSearchVal","_invalid","autofocus","validateOn","showInlineError","hideLabel","floatLabel","multiple","readonly","required","allowCustomValues","_value","_options","_eOptions","clearSelect","mask","debounce","dropDownConfig","customValidate","nativeSelect","setCustomValidity","valArray","isValidValues","max","min","showInlineValidation","validity","valid","validationMessage","nanoValidate","isValid","invalid","originalEvent","handleInvalid","preventDefault","requestAnimationFrame","setValue","e","value","detail","inputCtrl","includes","slice","removeValue","toFind","filter","val","setFocus","setOptions","datalist","activeOptions","map","ao","label","filterMeta","handleDocumentKeyDown","rm","key","previousElementSibling","dataset","nextElementSibling","previousSibling","nextSibling","event","Event","dispatchEvent","clearSelectValue","stopPropagation","onDragStart","ele","dragVal","onDragEnd","onDragLeave","spanVal","to","indexOf","from","tmpArr","tmpVal","onMultiInput","trim","nanoSearchChange","_inputCtrl","input","setDataListOpts","selectWrap","_selectWrap","_datalist","validityMessage","split","Array","isArray","options","opts","opt","debounceEvent","shouldValidate","nanoChange","currDWConfig","Object","assign","tetherTo","validateFirst","Promise","resolve","message","find","mo","MutationObserver","processSlottedContent","childList","subtree","querySelectorAll","console","warn","form","kev","raf","getActiveElement","closestElement","tagName","toLowerCase","debounceChanged","CustomEvent","slotChangeObserver","labelId","moreId","helperEndId","compWrapOptions","placeholder","wrapOptions","hasValue","controlId","controlOptions","clearControl","type","aria-disabled","createColorClasses","color","has-value","is-invalid","has-label","has-float-label","has-multiple","has-clr-btn","masked","FormControlWrap","FormControl","onClearText","control","endValueSlot","slot","multipleValues","getLabel","id","aria-labelledby","readOnly","onNanoOptionsUpdated","onNanoSelect","onNanoDeselect","undefined","select","onInvalid","autoFocus","autocomplete","onKeyDown","onInput","onTouchStart","onMouseDown","i","toReturn","onDragOver","draggable","data-value","span","push","onTouchEnd","onMouseUp"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n\n:host {\n // These can be overwritten, but are autatically set from context components\n\n // --padding-top: inherit;\n // --padding-bottom: inherit;\n // --padding-start: inherit;\n // --padding-end: inherit;\n // --margin: inherit;\n\n // --secondary-padding-top: inherit;\n // --secondary-padding-bottom: inherit;\n // --secondary-padding-start: inherit;\n // --secondary-padding-end: inherit;\n\n // --border-bottom: inherit;\n // --icon-size: inherit;\n\n // --color: inherit;\n // --color-hover: inherit;\n // --color-focus: inherit;\n // --color-selected: inherit;\n // --color-open: inherit;\n\n // --bg-color: inherit;\n // --bg-color-hover: inherit;\n // --bg-color-selected: inherit;\n // --bg-color-open: inherit;\n // --bg-color-focus: inherit;\n\n // --secondary-bg-color: inherit;\n // --secondary-color: inherit;\n\n opacity: inherit;\n display: block;\n color: var(--color) !important;\n margin: var(--margin);\n\n ::slotted(*),\n * {\n box-sizing: border-box;\n }\n\n ::slotted(button),\n button {\n background: none;\n border: none;\n margin: 0;\n }\n\n ::slotted(button),\n ::slotted(a),\n ::slotted(a:visited),\n button,\n a,\n a:visited {\n @include text-inherit();\n @include padding(\n var(--padding-top),\n var(--padding-end),\n var(--padding-bottom),\n var(--padding-start)\n );\n\n display: var(--display, block);\n white-space: nowrap;\n color: var(--color) !important;\n background-color: var(--bg-color);\n }\n\n ::slotted(nano-icon[slot='icon-start']) {\n @include padding(null, var(--padding-end), null, null);\n }\n\n ::slotted(nano-icon[slot='icon-end']) {\n @include padding(null, null, null, var(--padding-start));\n }\n\n .link {\n &::slotted(nano-icon[slot='icon-start']),\n ::slotted(nano-icon[slot='icon-start']) {\n @include padding(null, 0, null, var(--padding-start));\n }\n\n &::slotted(nano-icon[slot='icon-end']),\n ::slotted(nano-icon[slot='icon-end']) {\n @include padding(null, var(--padding-end), null, 0);\n }\n }\n\n .link,\n button,\n a {\n border-bottom: var(--border-bottom);\n display: flex;\n align-items: center;\n }\n\n .secondary-menu {\n display: none;\n }\n\n ::slotted(a:hover),\n ::slotted(button:hover),\n .link:hover,\n button:hover,\n a:hover {\n text-decoration: inherit !important;\n }\n\n button:focus,\n a:focus {\n color: var(--color-focus, var(--color-hover, var(--color))) !important;\n background-color:\n var(\n --bg-color-focus,\n var(--bg-color-hover, var(--bg-color))\n );\n outline: var(--focus-outline, none);\n }\n\n ::slotted(a:focus),\n ::slotted(button:focus) {\n color: var(--color-focus, var(--color-hover, var(--color))) !important;\n background-color:\n var(\n --bg-color-focus,\n var(--bg-color-hover, var(--bg-color))\n );\n outline: none;\n }\n}\n\n.nav-item {\n &.selected {\n .link,\n button,\n a {\n color: var(--color-selected, var(--color-open, var(--color))) !important;\n background-color:\n var(\n --bg-color-selected,\n var(--bg-color-open, var(--bg-color))\n );\n }\n }\n\n &.secondary-open {\n button,\n a {\n color: var(--color-open, var(--color-selected, var(--color))) !important;\n background-color:\n var(\n --bg-color-open,\n var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color)))\n );\n }\n }\n\n &.disabled {\n opacity: 0.6;\n\n button,\n a {\n color: var(--color-disabled, var(--color)) !important;\n }\n }\n\n &:not(.nano-menu) {\n ::slotted(a:hover),\n ::slotted(button:hover),\n .link:hover,\n button:hover,\n a:hover {\n color: var(--color-hover, var(--color-hover, var(--color))) !important;\n background-color:\n var(\n --bg-color-hover,\n var(--bg-color-focus, var(--bg-color))\n );\n }\n }\n}\n\n:host(.has-focus) {\n .link {\n color: var(--color-focus, var(--color-hover, var(--color))) !important;\n background-color:\n var(\n --bg-color-focus,\n var(--bg-color-hover, var(--bg-color))\n );\n outline: var(--focus-outline, 5px auto -webkit-focus-ring-color);\n }\n}\n\n:host(.nano-global-nav-menu),\n:host(.nano-menu) {\n a,\n a:visited,\n button,\n .link {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: center;\n color: 'currentColor';\n text-decoration: inherit;\n white-space: normal;\n cursor: pointer;\n line-height: 1.2;\n width: 100%;\n }\n\n .text {\n @include padding(null, var(--padding-end), null, 0);\n\n flex: 1;\n }\n\n ::slotted(a),\n ::slotted(button) {\n flex: 1;\n }\n\n ::slotted(a:focus),\n ::slotted(button:focus) {\n box-shadow: none;\n }\n\n .secondary-menu {\n display: none;\n position: absolute;\n color: var(--secondary-color, 'currentColor');\n min-height: 100%;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease, transform 0.3s ease;\n background-color: var(--secondary-bg-color, white);\n transform: translateX(100%);\n\n &:focus {\n outline: none;\n }\n\n &.open {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 0.3s ease, transform 0.2s ease;\n }\n }\n}\n\n:host(.nano-global-nav-menu) {\n ::slotted(nano-icon[slot='icon-start']) {\n @include padding(0, var(--padding-end), 0, 0);\n }\n\n ::slotted(nano-icon[slot='icon-end']) {\n @include padding(0, var(--padding-end), 0, 0);\n\n font-size: 10px;\n flex: 0 0 10px;\n pointer-events: none;\n }\n\n button,\n a {\n ::slotted(nano-icon[slot='icon-end']) {\n padding: 0;\n }\n }\n}\n\n:host(.nano-global-nav-menu[dir='rtl']),\n:host(.nano-menu[dir='rtl']) {\n .secondary-menu {\n left: auto;\n right: 0;\n transform: translateX(-100%);\n\n &.open {\n transform: translateX(0);\n }\n }\n}\n\n:host(.nano-menu) {\n .secondary-menu-content {\n @include padding(\n var(--secondary-padding-top),\n var(--secondary-padding-end),\n var(--secondary-padding-bottom),\n var(--secondary-padding-start)\n );\n }\n}\n\n// I'm sorry. Horrible IE fixes for collapsing stuff :/\n:host(.nano-global-nav-bar.legacy) {\n margin: 0 11px;\n\n ::slotted(a) {\n @include padding(7px, 6px, 7px, 6px);\n }\n}\n\n:host(.nano-global-nav-menu.legacy) {\n ::slotted(a) {\n @include padding(8px, 12px, 8px, 12px);\n }\n}\n\n:host(.nano-global-nav-bar) {\n .link,\n a,\n button {\n display: flex;\n align-items: center;\n cursor: pointer;\n font-stretch: expanded;\n }\n\n .text {\n flex: 1 0 auto;\n }\n\n ::slotted(nano-icon[slot='icon-end']) {\n @include margin(0, 0, 0, var(--padding-end));\n }\n\n ::slotted(nano-icon[slot='icon-start']) {\n @include margin(0, var(--padding-start), 0, 0);\n }\n}\n\n:host(.nano-global-nav-bar.has-secondary) {\n button {\n position: relative;\n font-stretch: expanded;\n\n &::before {\n content: '';\n background: rgb(134, 190, 226);\n height: 3px;\n left: 0;\n bottom: -14px;\n right: 5px;\n position: absolute;\n transform: translateZ(0) scaleX(0);\n transform-origin: 0;\n transition: 0.2s ease transform;\n }\n }\n\n .selected button::before,\n .secondary-open button::before {\n transform: translateZ(0) scaleX(1);\n }\n\n .secondary-open button::before {\n opacity: 0.5;\n }\n\n .secondary-menu {\n display: none;\n transition: transform 0.3s ease;\n transform: translateY(-100%) translateZ(0);\n background-color: var(--secondary-bg-color, #196c82);\n color: var(--secondary-color);\n position: absolute;\n box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.15);\n left: 0;\n right: 0;\n z-index: -2;\n outline: none;\n\n &.open {\n transform: translateY(12px) translateZ(0);\n }\n }\n}\n\n:host(.nano-menu-drawer) {\n .link,\n a,\n button {\n @include padding(\n calc(var(--padding-top) / 2),\n 0,\n calc(var(--padding-bottom) / 2),\n var(--padding-start)\n );\n\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: center;\n color: currentColor;\n text-decoration: inherit;\n white-space: normal;\n border: none;\n cursor: pointer;\n line-height: 1.2;\n width: 100%;\n }\n\n .text {\n @include padding(null, var(--padding-end), null, 0);\n\n text-align: left;\n flex: 0 1 auto;\n min-width: 130px;\n width: 130px;\n }\n\n ::slotted(nano-icon[slot='icon-start']) {\n @include padding(0, var(--padding-end), 0, 0);\n\n font-size: var(--icon-size);\n width: var(--icon-size);\n flex: 0 0 var(--icon-size);\n }\n\n ::slotted(nano-icon[slot='icon-end']) {\n @include padding(0, var(--padding-end), 0, 0);\n\n font-size: 10px;\n flex: 0 0 20px;\n min-width: 20px;\n }\n\n .secondary-menu {\n display: none;\n position: absolute;\n background-color: var(--secondary-bg-color);\n color: var(--secondary-color);\n height: 100vh;\n top: 0;\n right: 0;\n left: auto;\n bottom: 0;\n transform: translateX(0);\n z-index: -1;\n transition: transform 0.3s ease, opacity 0.2s ease;\n overflow-y: auto;\n width: var(--secondary-width, 400px);\n max-width: 62vw;\n opacity: 1;\n\n @include padding(\n var(--secondary-padding-top, var(--padding-top)),\n var(--secondary-padding-end, var(--padding-end)),\n var(--secondary-padding-bottom, var(--padding-bottom)),\n var(--secondary-padding-start, var(--padding-start))\n );\n\n &:focus {\n outline: none;\n }\n\n &.open {\n transform: translateX(100%);\n // opacity: 1;\n }\n }\n\n .notification {\n position: relative;\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n width: 6px;\n height: 6px;\n background-color: #ef4135;\n inset-inline-start: 10px;\n top: 7px;\n border-radius: 50%;\n\n @media (min-width: 52em) {\n width: 7px;\n height: 7px;\n inset-inline-start: 8px;\n top: 5px;\n }\n }\n }\n}\n\n:host(.nano-menu-drawer.legacy) {\n .link,\n a,\n button {\n width: auto;\n }\n\n ::slotted(nano-icon[slot='icon-end']) {\n @include padding(0, calc(var(--padding-end) * 2), 0, 0);\n\n font-size: 10px;\n flex: 0 0 20px;\n min-width: 20px;\n }\n}\n\n:host(.nano-menu-drawer[dir='rtl']) {\n .text {\n text-align: right;\n }\n\n .secondary-menu {\n right: auto;\n left: 0;\n transform: translateX(0%);\n\n &.open {\n transform: translateX(-100%);\n opacity: 1;\n }\n }\n}\n","import {\n Component,\n h,\n Host,\n Element,\n Prop,\n Watch,\n EventEmitter,\n Event,\n State,\n Method,\n ComponentInterface,\n} from '@stencil/core';\nimport { displayTransition, getDirectChildren, getSiblings } from '../../utils';\nimport { NavItemEventDetail } from '../../interface';\n\n/**\n * Nav items to be used with the various nav items.\n * [Globla-Nav](/story/compounds-global-nav)\n * [Menu-Drawer](/story/components-menu-drawer)\n * [Dropdown](/story/components-dropdown)\n */\n@Component({\n tag: 'nano-nav-item',\n styleUrl: 'nav-item.scss',\n shadow: true,\n})\nexport class NavItem implements ComponentInterface {\n private hasSecondarySlot: boolean = false;\n private hasAnchorEle: boolean = false;\n private secondaryDiv: HTMLDivElement;\n private btn: HTMLButtonElement | HTMLAnchorElement;\n private didBlur: boolean = false;\n private fromHover: boolean;\n private animating: boolean = false;\n private waitHide: number;\n private waitShow: number;\n private globalNavEle?: HTMLNanoGlobalNavElement;\n\n @State() didOpen: boolean = false;\n @State() isInGlobalNav: boolean = false;\n @State() isInMenuDrawer: boolean = false;\n @State() isInMenu: boolean = false;\n @State() isLegacy: boolean = !document.head.attachShadow;\n @State() hasFocus: boolean = false;\n @Element() private el: HTMLNanoNavItemElement;\n\n /**\n * Href to link to\n */\n @Prop({ mutable: true }) href: string = null;\n\n /**\n * Target to use for links\n */\n @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n /**\n * Disable the nav item\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Whether a secondary menu should be or is currently open\n */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /**\n * Whether this menu item is currently 'selected'\n */\n @Prop({ reflect: true }) selected: boolean = false;\n\n /**\n * Screen pixel width to activate the secondary menu\n */\n @Prop() secondaryActiveWidth: number = 0;\n\n /**\n * Secondary fallback function for when the secondary menu is no longer active.\n */\n @Prop() secondaryFallback = () => {};\n\n /**\n * Whether secondary menus should close on blur\n */\n @Prop() closeOnBlur: boolean = true;\n\n /**\n * Will show an indicator badge - only when placed in a nano-menu-draw\n */\n @Prop() notification: boolean = false;\n\n /**\n * Emitted when the nav item closes it's secondary navigation.\n */\n @Event() nanoClose!: EventEmitter<NavItemEventDetail>;\n\n /**\n * Emitted when the nav item opens it's secondary navigation.\n */\n @Event() nanoOpen!: EventEmitter<NavItemEventDetail>;\n\n /**\n * Emitted when the nav item is about to open it's secondary navigation.\n */\n @Event() nanoOpening!: EventEmitter<NavItemEventDetail>;\n\n /**\n * Emitted when the nav item is about to close it's secondary navigation.\n */\n @Event() nanoClosing!: EventEmitter<NavItemEventDetail>;\n\n /**\n * Emitted when the nav item loses focus.\n */\n @Event() nanoBlur!: EventEmitter<void>;\n\n /**\n * Emitted when the nav item has focus.\n */\n @Event() nanoFocus!: EventEmitter<void>;\n\n /**\n * Sets focus on the first button or anchor present. Use this method instead of the global\n * `element.focus()`.\n */\n @Method()\n async setFocus() {\n if (!this.btn) return;\n this.btn.focus();\n }\n\n /**\n * Public open watcher\n */\n @Watch('open')\n openChange() {\n this.open ? this.openSecondary() : this.closeSecondary();\n }\n\n /**\n * Internal open watcher\n */\n @Watch('didOpen')\n didOpenChange() {\n if (!this.hasSecondarySlot) return;\n\n if (!this.didOpen) {\n /* the secondadry panel is not closing via hover,\n remove blur events, add focus back to originating button */\n if (!this.fromHover) {\n this.btn.removeEventListener('focusout', this.blur);\n this.secondaryDiv.removeEventListener('focusout', this.blur);\n }\n setTimeout(() => {\n if (!this.fromHover && !this.didBlur)\n this.btn.focus({ preventScroll: true });\n this.nanoClose.emit({ secondaryMenu: this.secondaryDiv });\n }, 50);\n } else {\n this.didBlur = false;\n\n /* the secondadry panel is not opening via hover,\n scroll content into view, focus on it and add blur events */\n if (!this.fromHover) {\n const panelio = new (window as any).IntersectionObserver(\n (data: IntersectionObserverEntry[]) => {\n if (data[0].boundingClientRect.top < 0) {\n this.secondaryDiv.scrollIntoView({\n behavior: 'smooth',\n });\n }\n panelio.disconnect();\n },\n { threshold: 1 }\n );\n panelio.observe(this.secondaryDiv);\n this.secondaryDiv.focus({ preventScroll: true });\n\n this.btn.addEventListener('focusout', this.blur);\n this.secondaryDiv.addEventListener('focusout', this.blur);\n window.addEventListener('blur', this.blur);\n\n this.el.tabIndex = -1;\n this.nanoOpen.emit({ secondaryMenu: this.secondaryDiv });\n }\n }\n }\n\n private closeSecondary = async () => {\n this.open = false;\n if (!this.hasSecondarySlot || !this.didOpen) return;\n\n this.nanoClosing.emit({ secondaryMenu: this.secondaryDiv });\n let status = await displayTransition(this.secondaryDiv, 'open', false);\n this.didOpen = status !== 'hidden';\n };\n\n private openSecondary = async () => {\n if (window.innerWidth < this.secondaryActiveWidth) {\n this.secondaryFallback.call(this);\n return;\n }\n this.open = true;\n if (!this.hasSecondarySlot || this.didOpen) return;\n\n this.nanoOpening.emit({ secondaryMenu: this.secondaryDiv });\n let status = await displayTransition(this.secondaryDiv, 'open', true);\n this.didOpen = status === 'shown';\n };\n\n private toggleSecondary = () => {\n if (!this.hasSecondarySlot) return;\n if (this.didOpen) this.closeSecondary();\n else this.openSecondary();\n };\n\n private handleFocus = () => {\n this.hasFocus = true;\n // opens secondary panel when activated via hover\n if (this.href && !this.animating && this.hasSecondarySlot)\n this.openSecondary();\n this.nanoFocus.emit();\n };\n\n private handleHostBlur = () => {\n if (this.animating) return;\n\n // tab index is added to host when secondary panel opens\n // to return focus after secondary panel closes. Remove now if it was added\n this.el.removeAttribute('tabindex');\n this.hasFocus = false;\n this.nanoBlur.emit();\n };\n\n // direct host clicks to internal button\n private handleHostClick = (ev: MouseEvent) => {\n if (!this.hasAnchorEle) return;\n let foundlink = (ev.target as HTMLElement).closest('a, button');\n if (!foundlink) this.btn.click();\n };\n\n // handles secondary menu hover behaviour.\n private handleMouseEnter = async () => {\n if (\n !this.href ||\n this.animating ||\n !this.hasSecondarySlot ||\n (this.globalNavEle && !this.globalNavEle.classList.contains('ready'))\n )\n return;\n\n // if there are sibling secondary panels currently open,\n // we need to wait before opening otherwise we get unwanted overlapping\n let timeToWait = 0;\n if (getSiblings(this.el, '.secondary-open.has-secondary').length)\n timeToWait = 300;\n\n clearTimeout(this.waitHide);\n this.fromHover = true;\n this.animating = true;\n this.waitShow = window.setTimeout(\n async () => await this.openSecondary(),\n timeToWait\n );\n this.animating = false;\n };\n\n // handles secondary menu hover-out behaviour.\n private handleMouseLeave = () => {\n if (!this.href) return;\n clearTimeout(this.waitShow);\n this.fromHover = true;\n this.animating = true;\n\n // prevent closing immediately - makes navigating to items within more forgiving\n this.waitHide = window.setTimeout(\n async () => await this.closeSecondary(),\n 300\n );\n this.animating = false;\n };\n\n private handleClick = () => {\n this.fromHover = false;\n if (this.hasSecondarySlot) this.toggleSecondary();\n else this.el.querySelector<HTMLElement>('*')?.click();\n };\n\n // utility to traverse up, to see if element is nested within current nav-item\n private foundThisNavEle(el: HTMLElement): boolean {\n let found = el.closest('nano-nav-item');\n found = found === el ? el.parentElement.closest('nano-nav-item') : found;\n\n if (!found) return false;\n if (found === this.el) return true;\n return this.foundThisNavEle(found);\n }\n\n private blur = (ev: FocusEvent) => {\n if (!this.didOpen || this.animating) return;\n if (!this.closeOnBlur) return;\n\n // if event is associated with this element don't close\n if (ev && ev.relatedTarget) {\n if (\n ev.relatedTarget === this.el ||\n ev.relatedTarget === this.btn ||\n this.foundThisNavEle(ev.relatedTarget as HTMLElement)\n ) {\n this.secondaryDiv.focus({ preventScroll: true });\n return;\n }\n }\n\n this.btn.removeEventListener('focusout', this.blur);\n this.secondaryDiv.removeEventListener('focusout', this.blur);\n window.removeEventListener('blur', this.blur);\n\n this.didBlur = true;\n\n this.open = false;\n if (!ev.relatedTarget)\n setTimeout(() => {\n this.el.focus({ preventScroll: true });\n }, 50);\n };\n\n componentWillLoad() {\n let secondaryEle = this.el.querySelector('[slot=\"secondary\"]');\n this.hasSecondarySlot = !!secondaryEle;\n\n let link = getDirectChildren(this.el, 'a, button')[0] as\n | HTMLAnchorElement\n | HTMLButtonElement;\n this.hasAnchorEle = !!link;\n\n if (link) {\n this.href = (link as HTMLAnchorElement).href\n ? (link as HTMLAnchorElement).href\n : null;\n this.btn = link;\n if (this.hasSecondarySlot)\n this.btn.addEventListener('click', this.toggleSecondary);\n\n this.btn.addEventListener('focus', this.handleFocus);\n this.btn.addEventListener('blur', this.handleHostBlur);\n }\n }\n\n connectedCallback() {\n this.isInGlobalNav = false;\n this.isInMenuDrawer = false;\n this.globalNavEle = this.el.closest('nano-global-nav');\n\n this.isInMenuDrawer = !!this.el.closest('nano-menu-drawer');\n this.isInMenu = !!this.el.closest('nano-menu');\n this.isInGlobalNav =\n this.el.parentElement === this.globalNavEle ||\n !!this.el.closest('.global-nav');\n }\n\n render() {\n return (\n <Host\n class={{\n 'has-secondary': this.hasSecondarySlot,\n 'secondary-open': this.open,\n selected: this.selected,\n 'has-focus': this.hasFocus,\n disabled: this.disabled,\n 'nano-global-nav': this.isInGlobalNav,\n 'nano-menu-drawer': this.isInMenuDrawer,\n 'nano-menu': this.isInMenu,\n legacy: this.isLegacy,\n }}\n onBlur={this.handleHostBlur}\n dir={(this.el.ownerDocument as Document).dir === 'rtl' ? 'rtl' : null}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onClick={this.handleHostClick}\n role=\"menuitem\"\n >\n <div\n class={{\n 'nav-item': true,\n 'secondary-open': this.open,\n selected: this.selected,\n }}\n >\n {this.href && !this.hasAnchorEle && !this.disabled && (\n <a\n target={this.target}\n ref={(a) => (this.btn = a)}\n href={this.href}\n onFocus={this.handleFocus}\n class={{\n notification: this.notification,\n }}\n >\n <slot name=\"icon-start\" />\n <span class=\"text\">\n <slot />\n </span>\n <slot name=\"icon-end\" />\n </a>\n )}\n {((!this.hasAnchorEle && !this.href) || this.disabled) && (\n <button\n ref={(btn) => (this.btn = btn)}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n disabled={this.disabled}\n class={{\n notification: this.notification,\n }}\n >\n <slot name=\"icon-start\" />\n <span class=\"text\">\n <slot />\n </span>\n <slot name=\"icon-end\" />\n </button>\n )}\n {this.hasAnchorEle && !this.disabled && (\n <div class=\"link\">\n <slot name=\"icon-start\" />\n <slot />\n <slot name=\"icon-end\" />\n </div>\n )}\n {this.hasSecondarySlot && !this.disabled && (\n <div\n class=\"secondary-menu\"\n ref={(div) => (this.secondaryDiv = div)}\n tabindex=\"-1\"\n >\n <div class=\"secondary-menu-content\">\n <slot name=\"secondary\" />\n </div>\n <div\n class=\"secondary-menu-mask\"\n onClick={this.closeSecondary}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/layers';\n@import '../form-control/form-control';\n@import '../form-control/form-control-vars';\n\n:host {\n @include formControlVars;\n\n position: relative;\n width: 100%;\n padding: 0 !important;\n font-family: $font-family-base;\n display: block;\n}\n\n:host(.nano-color) {\n --input-border-style--focus: #{$input-border-style} var(--nano-color-tint, #{nano-color(primary, tint)});\n --multi-input-value-bg: var(--nano-color-tint-rgb);\n --multi-input-value-border: var(--nano-color-shade);\n --multi-input-value-text-color: var(--nano-color-contrast);\n\n color: current-color(base);\n}\n\n:host-context(nano-item:not(.item-label)) {\n --padding-start: 0;\n}\n\n:host([disabled]:not([disabled='false'])) {\n * {\n pointer-events: none !important;\n }\n}\n\nselect {\n display: none;\n}\n\n.select__native-input {\n @include border-radius(var(--input-border-radius));\n @include padding(0, var(--padding-end), 0, var(--padding-start));\n @include text-inherit();\n\n text-overflow: ellipsis;\n color: var(--input-text-color);\n display: inline-block;\n flex: 1;\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border: 0;\n outline: none;\n background: transparent;\n appearance: none;\n margin: 0;\n box-sizing: border-box;\n resize: none;\n overflow: hidden;\n cursor: default;\n line-height: 2.5em;\n min-height: 2.5em;\n\n .has-float-label & {\n line-height: 2.1em;\n min-height: 2.1em;\n padding-top: 1.4em;\n }\n\n &::selection {\n background: transparent;\n }\n\n &::-moz-selection {\n background: transparent;\n }\n\n &::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n font-style: var(--placeholder-font-style);\n font-weight: var(--placeholder-font-weight);\n opacity: var(--placeholder-opacity);\n line-height: inherit;\n min-height: inherit;\n }\n\n &::-moz-placeholder {\n line-height: 2.8em;\n text-overflow: ellipsis;\n }\n\n &:-webkit-autofill {\n background-color: transparent;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n appearance: none;\n }\n\n &:invalid {\n box-shadow: none;\n }\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &.resizable {\n resize: vertical;\n overflow: auto;\n }\n\n .form-ctrl__textarea & {\n line-height: 1.5em;\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n white-space: pre-wrap;\n\n &::placeholder {\n line-height: 1.5em;\n }\n }\n\n .has-float-label.textarea & {\n padding-top: 1.8em;\n }\n\n :host(.masked) & {\n opacity: 0;\n position: absolute;\n left: 0;\n top: 0;\n }\n}\n\n.select__mask {\n @include border-radius(var(--input-border-radius));\n @include padding(0, var(--padding-end), 0, var(--padding-start));\n @include text-inherit();\n\n pointer-events: none;\n line-height: 2.5em;\n min-height: 2.5em;\n}\n\n// multi stuff\n\n.select__multi {\n &-wrap {\n @include padding(\n 0,\n 0,\n calc(var(--padding-bottom) / 2),\n 0\n );\n\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n overflow: hidden;\n\n :host(.has-float-label) & {\n padding-top: 1.3em;\n }\n }\n\n &-input {\n @include text-inherit();\n @include padding(\n calc(var(--padding-top) / 2),\n var(--padding-end),\n 0,\n var(--padding-start)\n );\n\n min-width: 50px;\n width: 100%;\n max-height: 100%;\n appearance: none;\n border: 0;\n outline: none;\n display: inline-block;\n background: transparent;\n flex: 0;\n position: relative;\n min-height: calc(2.5em - var(--padding-top));\n box-sizing: border-box;\n\n :host(.legacy) & {\n box-sizing: content-box;\n }\n\n &:last-child {\n flex: 1;\n }\n }\n\n &-value {\n margin-top: 5px;\n margin-inline-start: var(--padding-start);\n margin-inline-end: -3px;\n background: rgba(var(--multi-input-value-bg), 0.8);\n color: var(--multi-input-value-text-color);\n border: 1px solid;\n border-color: var(--multi-input-value-border);\n padding: 0.2em 0.5em;\n line-height: 1;\n max-width: 100%;\n display: flex;\n align-items: center;\n font-size: var(--input-font-size);\n letter-spacing: 1px;\n\n span {\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n line-height: 1.2;\n }\n }\n\n &-value-remove {\n @include margin(0);\n @include background-position(center);\n @include padding(0, 0, 0, 0.5em);\n\n color: inherit;\n border: 0;\n outline: none;\n background-color: transparent;\n background-repeat: no-repeat;\n appearance: none;\n display: flex;\n align-items: center;\n top: 0;\n font-size: 1em;\n\n nano-icon {\n --color: var(--multi-input-value-text-color);\n }\n }\n}\n\n.form-ctrl__float-label {\n width: calc(100% - (1em + (var(--padding-start) * 2)));\n\n :host(.has-focus.has-multiple) & {\n transform: translateY(-110%);\n font-size: 0.8em;\n }\n\n :host(.has-value.has-multiple) & {\n transform: translateY(38%);\n top: 0;\n }\n}\n\n:host(.has-focus) select,\n:host(.has-focus) a,\n:host(.has-focus) button {\n pointer-events: auto;\n}\n","import {\n Build,\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Host,\n Method,\n Prop,\n State,\n Watch,\n h,\n VNode,\n Listen,\n} from '@stencil/core';\n\nimport {\n Color,\n SelectChangeEventDetail,\n InputChangeEventDetail,\n ControlValidityEventDetail,\n ControlValidity,\n} from '../../interface';\nimport {\n debounceEvent,\n createColorClasses,\n closestElement,\n raf,\n getActiveElement,\n debounce,\n} from '../../utils';\nimport type { Dropdown } from '../dropdown/dropdown';\nimport { FormControl, FormControlWrap } from '../form-control/form-control';\nimport { OptionInterface } from '../option/option-interface';\n\nlet selectIds = 0;\n\n/**\n * The select component is a wrapper to the HTML select element with custom styling and additional functionality.\n * It accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).\n * It's multi selection functionality is vastly improved from the native solution. It allows for the control of\n * value order through drag and drop or changing the insertion point with arrow keys. It also can allow for user defined values.\n *\n * @slot start - suitable for inline action buttons or icons that may add extra contextual information\n * @slot end - suitable for inline action buttons or icons that may add extra contextual information\n * @slot value-start - similar to 'start', however clicking elements using this slot will activate the input control. This would be suitable to show a secodary 'value' for context or to show a dropdown arrow if using a datalist\n * @slot value-end - similar to 'end', however clicking elements using this slot will activate the input control. This would be suitable to show a secodary 'value' for context or to show a dropdown arrow if using a datalist\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n * @slot helper-end - helper text to accompany the form field on the side.\n * @slot down-arrow - use this to replace the default down arrow\n * @slot - default slot; nest `nano-option` elements\n */\n@Component({\n tag: 'nano-select',\n styleUrl: 'select.scss',\n scoped: true,\n})\nexport class Select implements ComponentInterface {\n private nativeSelect?: HTMLSelectElement;\n private valueItems: Array<HTMLSpanElement> = [];\n private dragVal: string;\n private mo?: MutationObserver;\n private selectId = `nano-select-${selectIds++}`;\n private rtl: boolean = false;\n private onInit: boolean = true;\n\n private get inputCtrl() {\n return this._inputCtrl;\n }\n private set inputCtrl(input) {\n if (input === this._inputCtrl) return;\n this._inputCtrl = input;\n this.setDataListOpts();\n }\n private _inputCtrl?: HTMLInputElement;\n\n // we don't want these rendered eles decorated with @State\n // because that will cause re-renders. Use get/set to set datalist options\n private _selectWrap: HTMLElement;\n private get selectWrap() {\n return this._selectWrap;\n }\n private set selectWrap(ele: HTMLElement) {\n if (this._selectWrap === ele) return;\n this._selectWrap = ele;\n this.setDataListOpts();\n }\n\n private _datalist: HTMLNanoDatalistElement;\n private get datalist() {\n return this._datalist;\n }\n private set datalist(ele: HTMLNanoDatalistElement) {\n if (this._datalist === ele) return;\n this._datalist = ele;\n this.setDataListOpts();\n }\n\n constructor() {\n this.showInlineValidation = debounce(this.showInlineValidation, 50);\n }\n\n @State() currInsertIndex: number = -1;\n @State() showErrorMsg = false;\n @State() errorMessage: string = '';\n @State() hasFocus = false;\n @State() hasLabelSlot: boolean = false;\n @State() hasHelperSlot: boolean = false;\n @State() hasHelperEndSlot = false;\n @State() inputSearchVal: string = '';\n\n @Element() el!: HTMLNanoSelectElement;\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.\n */\n @Prop({ reflect: true })\n get invalid() {\n return this._invalid;\n }\n @State() _invalid = false;\n\n /**\n * Current validation message - if any. @readonly\n */\n @Prop()\n get validityMessage() {\n if (!this.nativeSelect) return '';\n return this.nativeSelect.validationMessage;\n }\n\n /**\n * The 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 * This Boolean attribute lets you specify that a form control should have select focus when the page loads.\n */\n @Prop() autofocus = false;\n\n /**\n * If `true`, the user cannot interact with the select.\n */\n @Prop({ reflect: true }) disabled = false;\n\n /**\n * When should the field perform validation\n */\n @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n 'submitThenDirty';\n\n /**\n * Whether to show validation errors underneath input\n */\n @Prop({ reflect: true }) showInlineError = true;\n\n /**\n * String to place within a label element. Alternatively use the 'label' slot\n */\n @Prop() label!: string;\n\n /**\n * Visually hide the label - but make it accessible.\n */\n @Prop() hideLabel?: boolean = false;\n\n /**\n * Enable floating label behaviour. Will disable placeholder if set.\n */\n @Prop() floatLabel: boolean = false;\n\n /**\n * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.\n */\n @Prop() multiple?: boolean = false;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.selectId + '-name';\n\n /**\n * Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.\n */\n @Prop() placeholder?: string | null;\n\n /**\n * If `true`, the user cannot modify the value.\n */\n @Prop({ reflect: true }) readonly = false;\n\n /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n @Prop() required = false;\n\n /**\n * The initial size of the control.\n */\n @Prop() size?: number;\n\n /**\n * Maximum number of options that can be selected when multiple is true\n */\n @Prop() max?: number;\n\n /**\n * Minimum number of options that can be selected when multiple is true\n */\n @Prop() min?: number;\n\n /**\n * The form element to associate the select with (its form owner). Must be the id of a form.\n */\n @Prop() form?: string | null;\n\n /**\n * in multiple mode, allow users to enter their own values\n */\n @Prop() allowCustomValues: boolean = false;\n\n /**\n * The value of the select.\n */\n @Prop()\n get value() {\n return this._value;\n }\n set value(val: string | string[]) {\n if (typeof val === 'string') {\n if (this.multiple) this._value = val.split(',');\n else this._value = val;\n } else if (Array.isArray(val)) {\n if (this.multiple) this._value = val;\n else this._value = val[0];\n }\n }\n private _value: Array<string> | string = this.multiple ? [] : '';\n\n /**\n * You can set options via js as an array of strings: `domElement.options = ['option 1', 'option 2']` or\n * objects `domElement.options = [{label: 'option 1', value: 'opt-1'}]`. See `nano-option` docs for all available properties.\n * Alternatively, you can nest `<nano-option>` elements within a `<nano-select>`\n * Regardless - reading `options` will return the current component options - slotted or otherwise\n */\n @Prop()\n get options(): Array<OptionInterface | string> {\n if (this._options.length) return this._options;\n\n if (!this.datalist || !this.datalist.activeOptions) return [];\n\n return this._eOptions.map((ao) => {\n const { value, selected, label, filterMeta } = ao;\n return { value, selected, label, filterMeta };\n });\n }\n set options(opts: Array<OptionInterface | string>) {\n this._options = opts.map((opt) => {\n if (typeof opt === 'string') return { value: opt, label: opt };\n else return opt;\n });\n }\n private _options: OptionInterface[] = [];\n @State() _eOptions: OptionInterface[] = [];\n\n /**\n * If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.\n */\n @Prop() clearSelect = false;\n\n /**\n * Hide the native select element and cover with a value 'mask'.\n * Enables a fluid nano-select width upon value change (if required). Doesn't work with multiple=\"true\".\n */\n @Prop() mask = false;\n\n /**\n * Set the amount of time, in milliseconds, to wait to trigger the `nanoSearchChange` event after each keystroke.\n */\n @Prop() debounce = 0;\n\n @Watch('debounce')\n protected debounceChanged() {\n this.nanoSearchChange = debounceEvent(this.nanoSearchChange, this.debounce);\n }\n\n @Watch('required')\n @Watch('disabled')\n @Watch('min')\n @Watch('max')\n @Watch('readonly')\n protected shouldValidate() {\n if (this.onInit) return;\n if (this.invalid) this.showErrorMsg = this._invalid = false;\n\n this.customValidate();\n if (this.validateOn !== 'dirty') return;\n this.showInlineValidation();\n }\n\n /**\n * Update the native select element when the value changes\n */\n // eslint-disable-next-line @stencil/no-unused-watch\n @Watch('value')\n valueChanged() {\n this.customValidate();\n\n if (this.onInit) {\n if (this.multiple) this.currInsertIndex = this.value.length - 1;\n return;\n }\n requestAnimationFrame(() => {\n this.shouldValidate();\n this.nanoChange.emit({ value: this.value });\n });\n }\n\n /** nano-dropdown config options you can pass to the nested dropdown component */\n @Prop({ mutable: true }) dropDownConfig?: Partial<Dropdown> = {};\n\n @Watch('dropDownConfig')\n setDataListOpts() {\n if (!this.datalist || !this.selectWrap) return;\n\n this.datalist.input = this.inputCtrl;\n\n const currDWConfig = this.datalist.dropDownConfig || {};\n this.datalist.dropDownConfig = {\n ...currDWConfig,\n ...this.dropDownConfig,\n tetherTo: this.selectWrap,\n };\n }\n\n // Custom Events\n\n /**\n * Emitted when the value has changed.\n */\n @Event() nanoChange!: EventEmitter<SelectChangeEventDetail>;\n\n /**\n * Emitted when the select loses focus.\n */\n @Event() nanoBlur!: EventEmitter<void>;\n\n /**\n * Emitted when the select has focus.\n */\n @Event() nanoFocus!: EventEmitter<void>;\n\n /**\n * Emitted when the select has been created.\n * @internal\n */\n @Event() nanoDidLoad!: EventEmitter<void>;\n\n /**\n * Emitted when the select has been removed.\n * @internal\n */\n @Event() nanoDidUnload!: EventEmitter<void>;\n\n /**\n * Emitted when a keyboard input occurred on a multiple=\"true\" input\n */\n @Event() nanoSearchChange!: EventEmitter<InputChangeEventDetail>;\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 // 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) {\n this.customValidate();\n this.showInlineValidation();\n }\n setTimeout(() => {\n resolve({\n isValid: !this._invalid,\n errorMessage: this.nativeSelect.validationMessage,\n });\n }, 50);\n });\n }\n\n /**\n * Sets focus on the specified `nano-select`. Use this method instead of the global\n * `select.focus()`.\n */\n @Method()\n async setFocus() {\n if (!this.inputCtrl) return;\n this.inputCtrl.focus();\n setTimeout(() => this.inputCtrl.click(), 50);\n }\n\n /**\n * Returns the native `<select>` element used under the hood.\n */\n @Method()\n getSelectElement(): Promise<HTMLSelectElement> {\n return Promise.resolve(this.nativeSelect!);\n }\n\n /**\n * Invalidate the field and show a custom error message.\n * To clear the error you will need to re-call this method with an empty string.\n */\n @Method()\n async showError(message: string) {\n if (this.nativeSelect) {\n this.nativeSelect.setCustomValidity(message);\n this.showInlineValidation();\n }\n }\n\n /* Logic */\n\n private get valArray() {\n return typeof this.value === 'string'\n ? this.value.length\n ? [this.value]\n : []\n : this.value;\n }\n\n private isValidValues() {\n return this.valArray.find((val) =>\n (this.options as OptionInterface[]).find((opt) => opt.value === val)\n );\n }\n\n private customValidate = () => {\n this.nativeSelect.setCustomValidity('');\n\n // add custom validations 'cos html5 validations are a bit rubbish on selects\n if (this.required && !this.valArray.length) {\n this.nativeSelect.setCustomValidity('Please fill in this field.');\n return true;\n }\n if (\n this.valArray.length &&\n !this.allowCustomValues &&\n !this.isValidValues()\n ) {\n this.nativeSelect.setCustomValidity(\n 'Please choose an item from this field.'\n );\n return true;\n }\n if (this.max && this.valArray.length > this.max) {\n this.nativeSelect.setCustomValidity(\n `Only up to ${this.max} values are allowed.`\n );\n return true;\n }\n if (this.min && this.valArray.length < this.min) {\n this.nativeSelect.setCustomValidity(\n `You must select a minimum of ${this.min} values.`\n );\n return true;\n }\n return false;\n };\n\n private showInlineValidation = (ev?: Event) => {\n if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n this._invalid = false;\n this.showErrorMsg = false;\n this.errorMessage = '';\n\n if (!this.nativeSelect.validity.valid) {\n this.errorMessage = this.nativeSelect.validationMessage;\n this._invalid = true;\n this.showErrorMsg = true;\n }\n this.nanoValidate.emit({\n isValid: !this.invalid,\n errorMessage: this.errorMessage,\n originalEvent: ev,\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 requestAnimationFrame(() => this.showInlineValidation(ev));\n };\n\n private setValue = (e: CustomEvent<HTMLNanoOptionElement>) => {\n e.preventDefault();\n\n if (!this.multiple) {\n this.value = e.detail.value;\n this.selectWrap.clientWidth; // force reflow\n this.inputCtrl.focus();\n return;\n }\n if (this.value && this.value.length && this.value.includes(e.detail.value))\n return;\n if (this.max && this.value.length === this.max) return;\n\n this.currInsertIndex++;\n this.value = [\n ...this.value.slice(0, this.currInsertIndex),\n e.detail.value,\n ...this.value.slice(this.currInsertIndex),\n ];\n this.inputSearchVal = '';\n // this.selectWrap.clientWidth; // force reflow\n };\n\n private removeValue = (toFind?: string) => {\n if (!this.multiple || !this.value.length) return;\n\n if (!toFind) toFind = this.value[this.value.length - 1];\n this.value = (this.value as Array<string>).filter((val) => val !== toFind);\n\n this.currInsertIndex--;\n // this.selectWrap.clientWidth; // force reflow\n this.setFocus();\n };\n\n private slotChangeObserver() {\n const mo = (this.mo = new MutationObserver(() =>\n this.processSlottedContent()\n ));\n mo.observe(this.el, { childList: true, subtree: true });\n }\n\n private processSlottedContent() {\n // see if we have label / helper content\n this.hasLabelSlot = !!this.el.querySelectorAll('[slot=\"label\"]').length;\n this.hasHelperSlot = !!this.el.querySelector('[slot=\"helper\"]');\n this.hasHelperEndSlot = !!this.el.querySelector('[slot=\"helper-end\"]');\n\n // breaking change introduced in v2. Rm in v3\n if (\n !!this.el.querySelector('select:not([class*=\"sc-nano-select\"]) option')\n ) {\n console.warn(\n 'nesting `<option>` elements was removed in v2. Please update your code to use `<nano-option>` elements instead.',\n this.el\n );\n }\n\n // breaking change introduced in v2. Rm in v3\n if (!!this.el.querySelector('[slot=\"legacy\"]')) {\n console.warn(\n 'The `legacy` slot has been removed. Please update your code',\n this.el\n );\n }\n }\n\n private getLabel(toFind: string) {\n let label = (this.options as OptionInterface[]).find((opt) => {\n return !opt.disabled && opt.value?.length && opt.value === toFind;\n });\n return label && label.label ? label.label : toFind;\n }\n\n /* Event handling */\n\n @Listen('reset', { target: 'body' })\n onReset(e) {\n const form = this.form\n ? document.querySelector('#' + this.form)\n : this.el.closest('form');\n if (!form || e.target !== this.el.closest('form')) return;\n\n this.clearSelectValue();\n }\n\n @Listen('mousedown', { target: 'body' })\n @Listen('keydown')\n handleBlur(e: KeyboardEvent | MouseEvent) {\n if (!this.hasFocus) return;\n\n const kev = e as KeyboardEvent;\n let target: Element;\n\n raf(() => {\n if (kev.key) {\n if (kev.key !== 'Tab') return;\n target = getActiveElement();\n } else target = e.target as Element;\n\n if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {\n this.onBlur();\n }\n });\n }\n\n private setOptions = () => {\n if (\n !this.datalist ||\n !this.datalist.activeOptions ||\n !this.datalist.activeOptions.length\n )\n return;\n\n this._eOptions = this.datalist.activeOptions.map((ao) => {\n const { value, selected, label, filterMeta } = ao;\n return { value, selected, label, filterMeta };\n });\n this.customValidate();\n };\n\n private handleDocumentKeyDown = (ev: KeyboardEvent) => {\n if (!this.multiple || !this.hasFocus) return;\n\n if (!this.inputSearchVal) {\n let rm: HTMLSpanElement;\n\n switch (ev.key) {\n case 'Backspace':\n if (this.inputCtrl.previousElementSibling)\n rm = this.inputCtrl.previousElementSibling as HTMLSpanElement;\n else break;\n\n this.removeValue(rm.dataset.value || null);\n break;\n\n case 'Delete':\n if (this.inputCtrl.nextElementSibling)\n rm = this.inputCtrl.nextElementSibling as HTMLSpanElement;\n else break;\n\n this.removeValue(rm.dataset.value || null);\n break;\n\n case 'ArrowLeft':\n case 'ArrowRight':\n if (!this.value.length) break;\n\n if (ev.key === 'ArrowLeft' && this.inputCtrl.previousSibling)\n this.currInsertIndex--;\n if (ev.key === 'ArrowRight' && this.inputCtrl.nextSibling)\n this.currInsertIndex++;\n\n setTimeout(() => {\n this.inputCtrl.focus();\n }, 20);\n ev.preventDefault();\n break;\n }\n }\n };\n\n private onBlur = () => {\n this.hasFocus = false;\n\n requestAnimationFrame(() => {\n if (this.validateOn === 'dirty' && !this.hasFocus)\n this.showInlineValidation();\n });\n this.nanoBlur.emit();\n\n if (!this.allowCustomValues && this.multiple) {\n this.inputSearchVal = '';\n const event = new window.Event('change');\n this.inputCtrl.dispatchEvent(event);\n }\n };\n\n private onFocus = () => {\n this.hasFocus = true;\n this.nanoFocus.emit();\n };\n\n private clearSelectValue = (ev?: Event) => {\n if (this.clearSelect && !this.readonly && !this.disabled && ev) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n if (this.multiple) {\n this.value = [];\n this.currInsertIndex = -1;\n } else this.value = '';\n\n this.inputCtrl.value = '';\n const event = new window.Event('change');\n this.inputCtrl.dispatchEvent(event);\n };\n\n private onClick = () => {\n this.setFocus();\n };\n\n /* Multi event handlers */\n\n private onDragStart = (ev: MouseEvent) => {\n let ele = ev.target as HTMLSpanElement;\n this.dragVal = ele.dataset.value;\n };\n\n private onDragEnd = (ev) => {\n this.dragVal = null;\n ev.preventDefault();\n };\n\n private onDragLeave = (ev: MouseEvent) => {\n let ele = ev.target as HTMLSpanElement;\n let spanVal: string =\n ele.dataset && ele.dataset.value ? ele.dataset.value : null;\n\n if (\n !spanVal ||\n this.dragVal === spanVal ||\n !this.value.includes(this.dragVal)\n ) {\n ev.preventDefault();\n return;\n }\n\n let to = this.value.indexOf(spanVal);\n let from = this.value.indexOf(this.dragVal);\n let tmpArr = this.value as Array<string>;\n let tmpVal = tmpArr[to];\n\n tmpArr[to] = tmpArr[from];\n tmpArr[from] = tmpVal;\n this.value = [...tmpArr];\n };\n\n private onMultiInput = (ev) => {\n this.inputSearchVal = ev.target.value.trim();\n this.nanoSearchChange.emit({ value: ev.target.value.trim() });\n };\n\n /* Stencil Component lifecycle hooks */\n\n connectedCallback() {\n this.debounceChanged();\n\n if (!Build.isBrowser) return;\n\n this.el.dispatchEvent(\n new CustomEvent('nanoDidLoad', {\n detail: this.el,\n })\n );\n }\n\n disconnectedCallback() {\n document.dispatchEvent(\n new CustomEvent('nanoDidUnload', {\n detail: this.el,\n })\n );\n\n if (!Build.isBrowser) return;\n if (this.mo) this.mo.disconnect();\n }\n\n componentDidLoad() {\n this.slotChangeObserver();\n this.customValidate();\n this.setDataListOpts();\n raf(() => (this.onInit = false));\n }\n\n componentWillLoad() {\n this.processSlottedContent();\n }\n\n render() {\n const labelId = this.selectId + '-lbl';\n const moreId =\n this.showInlineError || this.hasHelperSlot\n ? this.selectId + '-moreId'\n : '';\n const helperEndId = this.hasHelperEndSlot ? this.selectId + '-helper' : '';\n\n this.rtl = (this.el.ownerDocument as Document).dir === 'rtl';\n this.valueItems = [];\n\n const compWrapOptions = (({\n el,\n floatLabel,\n label,\n errorMessage,\n showInlineError,\n hasHelperSlot,\n hasHelperEndSlot,\n hasLabelSlot,\n hideLabel,\n placeholder,\n rtl,\n }) => ({\n el,\n floatLabel,\n label,\n errorMessage,\n showInlineError,\n hasHelperSlot,\n hasHelperEndSlot,\n hasLabelSlot,\n hideLabel,\n placeholder,\n rtl,\n }))(this);\n const wrapOptions = {\n ...compWrapOptions,\n labelId,\n moreId,\n helperEndId,\n hasValue: !!this.value.length || !!this.inputSearchVal.length,\n controlId: this.selectId,\n };\n\n const controlOptions = (({ readonly, disabled }) => ({\n readonly,\n disabled,\n clearControl: this.clearSelect,\n }))(this);\n\n return (\n <Host\n type={this.multiple ? 'select-multiple' : 'select-one'}\n aria-disabled={this.disabled ? 'true' : null}\n class={{\n ...createColorClasses(this.color),\n 'has-value': !!this.value.length || !!this.inputSearchVal.length,\n 'has-focus': this.hasFocus,\n 'is-invalid': this.invalid,\n 'has-label': this.label !== null && !this.floatLabel,\n 'has-float-label': this.label !== null && this.floatLabel,\n rtl: this.rtl,\n 'has-multiple': this.multiple,\n 'has-clr-btn': this.clearSelect,\n masked: this.mask,\n }}\n >\n <FormControlWrap {...wrapOptions}>\n <FormControl\n {...controlOptions}\n onClearText={this.clearSelectValue}\n control={this.el}\n ref={(el) => (this.selectWrap = el)}\n endValueSlot={\n <slot name=\"down-arrow\">\n <nano-icon slot=\"value-end\" name=\"light/chevron-down\" />\n </slot>\n }\n >\n {this.multiple && (\n <div class=\"select__multi-wrap select\">\n {this.multipleValues(labelId, moreId, helperEndId)}\n </div>\n )}\n {!this.multiple && [\n this.mask && (\n <div class=\"select__mask\">\n {this.getLabel(this.value as string)}\n </div>\n ),\n <input\n id={this.selectId}\n class=\"select__native-input\"\n ref={(input) => (this.inputCtrl = input)}\n aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n disabled={this.disabled}\n form={this.form}\n placeholder={this.placeholder}\n readOnly={true}\n required={this.required}\n value={this.getLabel(this.value as string)}\n onFocus={this.onFocus}\n />,\n ]}\n </FormControl>\n </FormControlWrap>\n {!this.readonly && !this.disabled && (\n <nano-datalist\n onNanoOptionsUpdated={this.setOptions}\n ref={(el) => (this.datalist = el)}\n selected={this.valArray}\n type={this.multiple ? 'selctMulti' : 'select'}\n onNanoSelect={this.setValue}\n onNanoDeselect={(e) => {\n e.preventDefault();\n this.removeValue(e.detail.value);\n }}\n options={this._options.length ? this._options : undefined}\n >\n {this.allowCustomValues && this.multiple && !!this.inputSearchVal && (\n <nano-option\n slot=\"list-top\"\n value={this.inputSearchVal}\n selected={false}\n label={this.inputSearchVal}\n onNanoSelect={() => this.inputCtrl.focus()}\n >\n <span slot=\"check-icon\"></span>\n Add '{this.inputSearchVal}'\n </nano-option>\n )}\n <slot />\n </nano-datalist>\n )}\n\n <select\n id={this.selectId + '-hidden'}\n class=\"select__native-ctrl\"\n ref={(select) => (this.nativeSelect = select)}\n aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n disabled={this.disabled}\n form={this.form}\n multiple={this.multiple}\n name={this.name}\n required={this.required}\n onInvalid={this.handleInvalid}\n >\n {this.allowCustomValues &&\n this.valArray.map((val) => {\n return (\n <option value={val} selected={true}>\n {val}\n </option>\n );\n })}\n {!this.allowCustomValues &&\n this.options.map((opt: OptionInterface) => {\n return (\n <option\n value={opt.value}\n selected={this.valArray.includes(opt.value)}\n disabled={opt.disabled}\n label={opt.label}\n >\n {this.valArray.includes(opt.value)}\n </option>\n );\n })}\n </select>\n </Host>\n );\n }\n\n private multipleValues(\n labelId: string,\n moreId: string,\n helperEndId: string\n ): VNode | (VNode | VNode[])[] {\n let input: VNode = (\n <input\n class=\"select__multi-input\"\n id={this.selectId}\n ref={(input) => (this.inputCtrl = input)}\n readOnly={this.readonly}\n disabled={this.disabled}\n autoFocus={this.autofocus}\n autocomplete=\"off\"\n onKeyDown={this.handleDocumentKeyDown}\n onInput={this.onMultiInput}\n value={this.inputSearchVal}\n onTouchStart={this.onClick}\n onMouseDown={this.onClick}\n onFocus={this.onFocus}\n placeholder={\n this.placeholder && !this.value.length ? this.placeholder : ''\n }\n aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n />\n );\n if (!this.value.length) return input;\n\n return (this.value as Array<string>).map((val, i) => {\n let toReturn: VNode | VNode[] = (\n <span\n onDragStart={this.onDragStart}\n onDragLeave={this.onDragLeave}\n onDragEnd={this.onDragEnd}\n onDragOver={(e) => e.preventDefault()}\n draggable\n data-value={val}\n ref={(span) => this.valueItems.push(span)}\n class=\"select__multi-value\"\n >\n <span>{this.getLabel(val)}</span>\n <button\n class=\"select__multi-value-remove\"\n type=\"button\"\n tabindex=\"-1\"\n onTouchEnd={() => {\n this.removeValue(val);\n }}\n onMouseUp={() => {\n this.removeValue(val);\n }}\n >\n <nano-icon name=\"light/times\"></nano-icon>\n </button>\n </span>\n );\n if (i === 0 && this.currInsertIndex < 0)\n toReturn = [input, toReturn as VNode];\n else if (i === this.currInsertIndex)\n toReturn = [toReturn as VNode, input];\n return toReturn;\n });\n }\n}\n"]}

package/dist/nano-components/p-f62a40ea.system.js ADDED Viewed

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(n,t,e,o){function r(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,i){function a(n){try{s(o.next(n))}catch(t){i(t)}}function c(n){try{s(o["throw"](n))}catch(t){i(t)}}function s(n){n.done?e(n.value):r(n.value).then(a,c)}s((o=o.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(n){return function(t){return s([n,t])}}function s(a){if(o)throw new TypeError("Generator is already executing.");while(e)try{if(o=1,r&&(i=a[0]&2?r["return"]:a[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;if(r=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;r=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(n,e)}catch(c){a=[6,c];r=0}finally{o=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */System.register(["./p-1c216ca4.system.js","./p-ef053a2f.system.js","./p-9de508a5.system.js"],(function(n){"use strict";var t;return{setters:[function(e){t=e.r;n("nanoRaf",e.r)},function(t){var e={};e.nanoDebounce=t.d;e.nanoThrottle=t.t;n(e)},function(t){n("nanoGetTabElements",t.g)}],execute:function(){n({nanoCreateDialog:a,nanoShowAlert:i,nanoShowToast:r});var e=function(n,t){if(t===void 0){t=[]}return n+"\n    "+(t.length?t.map((function(n,t){return'<button data-btn="'+t+'" class="button '+n.classes+'" slot="footer">'+n.content+"</button>"})).join(""):"")};var o=function(n,t){if(t===void 0){t=[]}if(t.length){Array.from(n.querySelectorAll('button[slot="footer"]')).map((function(n){var e=t.find((function(t,e){return n.dataset.btn===e.toString()}));if(e&&e.handler){n.addEventListener("click",e.handler)}}))}};function r(n,r,i,a,c){if(r===void 0){r="tr"}if(c===void 0){c=[]}return __awaiter(this,void 0,void 0,(function(){var s,u;var l=this;return __generator(this,(function(f){s=Object.assign({color:"primary",duration:3e3,closable:true},a);i=i||"light/info-circle";u=Object.assign(document.createElement("nano-alert"),Object.assign(Object.assign({},s),{open:false,innerHTML:'\n        <nano-icon name="'+i+'" slot="icon"></nano-icon>\n        '+e(n,c)+"\n      "}));o(u,c);document.body.appendChild(u);return[2,new Promise((function(n){t((function(t){return __awaiter(l,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,u.toast(r)];case 1:t.sent();n(u);return[2]}}))}))}))}))]}))}))}function i(n,t,r,i,a){var c=this;if(t===void 0){t=[]}if(i===void 0){i="light/info-circle"}if(a===void 0){a={}}var s=Object.assign({color:"primary",duration:Infinity,closable:false},a);i=i||"light/info-circle";var u=Object.assign(document.createElement("nano-alert"),Object.assign(Object.assign({},s),{open:false,innerHTML:"\n        "+(i?'<nano-icon name="'+i+'" slot="icon"></nano-icon>':"")+"\n        "+e(n,t)+"\n      "}));o(u,t);document.body.appendChild(u);return new Promise((function(n){setTimeout((function(t){return __awaiter(c,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,u.alert(r)];case 1:t.sent();n(u);return[2]}}))}))}),100)}))}function a(n,t,e){if(t===void 0){t=[]}var o=Object.assign({noUserDismiss:false,label:"Dialog"},e);var r=Object.assign(document.createElement("nano-dialog"),Object.assign(Object.assign({},o),{open:false,innerHTML:"\n      "+n+"\n      "+(t.length?t.map((function(n,t){return'<button data-btn="'+t+'" class="button '+n.classes+'" slot="footer">'+n.content+"</button>"})).join(""):"")}));if(t.length){Array.from(r.querySelectorAll('button[slot="footer"]')).map((function(n){var e=t.find((function(t,e){return n.dataset.btn===e.toString()}));if(e&&e.handler){n.addEventListener("click",e.handler)}}))}document.body.appendChild(r);return r}}}}));
+//# sourceMappingURL=p-f62a40ea.system.js.map

package/dist/nano-components/{p-3258c568.system.js.map → p-f62a40ea.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["src/components/alert/alert.helpers.ts","src/components/dialog/dialog.helpers.ts"],"names":["alertContent","message","buttons","length","map","btn","i","classes","content","join","addBtnHandlers","alert","Array","from","querySelectorAll","foundBtn","find","_fb","dataset","toString","handler","addEventListener","nanoShowToast","position","icon","alertOptions","opts","Object","assign","color","duration","closable","document","createElement","open","innerHTML","body","appendChild","Promise","resolve","raf","_","__awaiter","_this","toast","_a","sent","nanoShowAlert","label","Infinity","setTimeout","nanoCreateDialog","dialogOptions","noUserDismiss","dialog"],"mappings":";;;~~wSAeA~~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","sourcesContent":["import { Color, AlertToastPosition } from '../../interface';\nimport { raf } from '../../utils';\n\ninterface ImperativeAlertOptions {\n color?: Color;\n duration?: number;\n closable?: boolean;\n}\n\ninterface ImperativeAlertButton {\n classes: string;\n content: string;\n handler?: (e: MouseEvent) => void;\n}\n\nconst alertContent = (\n message: string,\n buttons: ImperativeAlertButton[] = []\n) => {\n return `${message}\n ${\n buttons.length\n ? buttons\n .map(\n (btn, i) =>\n `<button data-btn=\"${i}\" class=\"button ${btn.classes}\" slot=\"footer\">${btn.content}</button>`\n )\n .join('')\n : ''\n }`;\n};\n\nconst addBtnHandlers = (\n alert: HTMLNanoAlertElement,\n buttons: ImperativeAlertButton[] = []\n) => {\n if (buttons.length) {\n Array.from(alert.querySelectorAll('button[slot=\"footer\"]')).map(\n (btn: HTMLElement) => {\n const foundBtn = buttons.find(\n (_fb, i) => btn.dataset.btn === i.toString()\n );\n if (foundBtn && foundBtn.handler) {\n btn.addEventListener('click', foundBtn.handler);\n }\n }\n );\n }\n};\n\n/*\n `nano-alert` helper to create toast notifications imperatively.\n * @param message - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`\n * @param position - the position of the toast. Options are 'tr', 'tl', 'bl' & 'br'\n * @param icon - name for the `nano-icon`\n * @param alertOptions - { color: Color, duration: number, closable: boolean }\n * @returns `Promise<void>`\n /\nexport async function nanoShowToast(\n message: string,\n position: AlertToastPosition = 'tr',\n icon?: string \| undefined,\n alertOptions?: ImperativeAlertOptions,\n buttons: ImperativeAlertButton[] = []\n) {\n const opts: ImperativeAlertOptions = {\n color: 'primary',\n duration: 3000,\n closable: true,\n ...alertOptions,\n };\n icon = icon \|\| 'light/info-circle';\n const alert: HTMLNanoAlertElement = Object.assign(\n document.createElement('nano-alert'),\n {\n ...opts,\n open: false,\n innerHTML: `\n <nano-icon name=\"${icon}\" slot=\"icon\"></nano-icon>\n ${alertContent(message, buttons)}\n `,\n }\n );\n addBtnHandlers(alert, buttons);\n\n document.body.appendChild(alert);\n return new Promise<HTMLNanoAlertElement>((resolve) => {\n raf(async (_) => {\n await alert.toast(position);\n resolve(alert);\n });\n });\n}\n\n/\n `nano-alert` helper to create alert notifications imperatively.\n * @param message - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`\n * @param buttons ~~- { classes: string; content: string; handler: () => {} }[]~~\n * @param icon - name for the `nano-icon`\n * @param label - descriptive label for assitive technology\n * @param alertOptions ~~- { color: Color, duration: number, closable: boolean }~~\n * @returns `Promise<void>`\n /\nexport function nanoShowAlert(\n message: string,\n buttons: ImperativeAlertButton[] = [],\n label: string,\n icon: string \| undefined = 'light/info-circle',\n alertOptions: ImperativeAlertOptions = {}\n) {\n const opts: ImperativeAlertOptions = {\n color: 'primary',\n duration: Infinity,\n closable: false,\n ...alertOptions,\n };\n icon = icon \|\| 'light/info-circle';\n const alert: HTMLNanoAlertElement = Object.assign(\n document.createElement('nano-alert'),\n {\n ...opts,\n open: false,\n innerHTML: `\n ${icon ? `<nano-icon name=\"${icon}\" slot=\"icon\"></nano-icon>` : ''}\n ${alertContent(message, buttons)}\n `,\n }\n );\n addBtnHandlers(alert, buttons);\n\n document.body.appendChild(alert);\n return new Promise<HTMLNanoAlertElement>((resolve) => {\n setTimeout(async (_) => {\n await alert.alert(label);\n resolve(alert);\n }, 100);\n });\n}\n","interface ImperativeDialogOptions {\n noUserDismiss: boolean;\n noHeader?: boolean;\n noFooter?: boolean;\n label: string;\n}\n/\n `nano-dialog` helper to create dialog modals imperatively.\n * @param body - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`\n * @param buttons - { classes: string; content: string; handler: () => {} }[]\n * @param dialogOptions - { noUserDismiss: boolean, noHeader?: boolean, noFooter?: boolean, label: string }\n * @returns `Promise<void>`\n */\nexport function nanoCreateDialog(\n body: string,\n buttons: { classes: string; content: string; handler: () => {} }[] = [],\n dialogOptions?: ImperativeDialogOptions\n) {\n const opts: ImperativeDialogOptions = {\n noUserDismiss: false,\n label: 'Dialog',\n ...dialogOptions,\n };\n const dialog: HTMLNanoDialogElement = Object.assign(\n document.createElement('nano-dialog'),\n {\n ...opts,\n open: false,\n innerHTML: `\n ${body}\n ${\n buttons.length\n ? buttons\n .map(\n (btn, i) =>\n `<button data-btn=\"${i}\" class=\"button ${btn.classes}\" slot=\"footer\">${btn.content}</button>`\n )\n .join('')\n : ''\n }`,\n }\n );\n\n if (buttons.length) {\n Array.from(dialog.querySelectorAll('button[slot=\"footer\"]')).map(\n (btn: HTMLElement) => {\n const foundBtn = buttons.find(\n (_fb, i) => btn.dataset.btn === i.toString()\n );\n if (foundBtn && foundBtn.handler) {\n btn.addEventListener('click', foundBtn.handler);\n }\n }\n );\n }\n\n document.body.appendChild(dialog);\n return dialog;\n}\n"]}
1	+ {"version":3,"sources":["src/components/alert/alert.helpers.ts","src/components/dialog/dialog.helpers.ts"],"names":["alertContent","message","buttons","length","map","btn","i","classes","content","join","addBtnHandlers","alert","Array","from","querySelectorAll","foundBtn","find","_fb","dataset","toString","handler","addEventListener","nanoShowToast","position","icon","alertOptions","opts","Object","assign","color","duration","closable","document","createElement","open","innerHTML","body","appendChild","Promise","resolve","raf","_","__awaiter","_this","toast","_a","sent","nanoShowAlert","label","Infinity","setTimeout","nanoCreateDialog","dialogOptions","noUserDismiss","dialog"],"mappings":";;;0WAeA,IAAMA,EAAe,SACnBC,EACAC,GAAA,GAAAA,SAAA,EAAA,CAAAA,EAAA,GAEA,OAAUD,EAAO,UAEbC,EAAQC,OACJD,EACGE,KACC,SAACC,EAAKC,GACJ,MAAA,qBAAqBA,EAAC,mBAAmBD,EAAIE,QAAO,mBAAmBF,EAAIG,QAAO,eAErFC,KAAK,IACR,KAIV,IAAMC,EAAiB,SACrBC,EACAT,GAAA,GAAAA,SAAA,EAAA,CAAAA,EAAA,GAEA,GAAIA,EAAQC,OAAQ,CAClBS,MAAMC,KAAKF,EAAMG,iBAAiB,0BAA0BV,KAC1D,SAACC,GACC,IAAMU,EAAWb,EAAQc,MACvB,SAACC,EAAKX,GAAM,OAAAD,EAAIa,QAAQb,MAAQC,EAAEa,cAEpC,GAAIJ,GAAYA,EAASK,QAAS,CAChCf,EAAIgB,iBAAiB,QAASN,EAASK,eAe1C,SAAeE,EACpBrB,EACAsB,EACAC,EACAC,EACAvB,GAHA,GAAAqB,SAAA,EAAA,CAAAA,EAAA,KAGA,GAAArB,SAAA,EAAA,CAAAA,EAAA,2GAEMwB,EAAIC,OAAAC,OAAA,CACRC,MAAO,UACPC,SAAU,IACVC,SAAU,MACPN,GAELD,EAAOA,GAAQ,oBACTb,EAA8BgB,OAAOC,OACzCI,SAASC,cAAc,cAAaN,OAAAC,OAAAD,OAAAC,OAAA,GAE/BF,GAAI,CACPQ,KAAM,MACNC,UAAW,8BACUX,EAAI,uCACrBxB,EAAaC,EAASC,GAAQ,cAItCQ,EAAeC,EAAOT,GAEtB8B,SAASI,KAAKC,YAAY1B,GAC1B,MAAA,CAAA,EAAO,IAAI2B,SAA8B,SAACC,GACxCC,GAAI,SAAOC,GAAC,OAAAC,UAAAC,OAAA,OAAA,GAAA,uEACV,MAAA,CAAA,EAAMhC,EAAMiC,MAAMrB,WAAlBsB,EAAAC,OACAP,EAAQ5B,0CAcEoC,EACd9C,EACAC,EACA8C,EACAxB,EACAC,cAHA,GAAAvB,SAAA,EAAA,CAAAA,EAAA,GAEA,GAAAsB,SAAA,EAAA,CAAAA,EAAA,oBACA,GAAAC,SAAA,EAAA,CAAAA,EAAA,GAEA,IAAMC,EAAIC,OAAAC,OAAA,CACRC,MAAO,UACPC,SAAUmB,SACVlB,SAAU,OACPN,GAELD,EAAOA,GAAQ,oBACf,IAAMb,EAA8BgB,OAAOC,OACzCI,SAASC,cAAc,cAAaN,OAAAC,OAAAD,OAAAC,OAAA,GAE/BF,GAAI,CACPQ,KAAM,MACNC,UAAW,cACPX,EAAO,oBAAoBA,EAAI,6BAA+B,IAAE,aAChExB,EAAaC,EAASC,GAAQ,cAItCQ,EAAeC,EAAOT,GAEtB8B,SAASI,KAAKC,YAAY1B,GAC1B,OAAO,IAAI2B,SAA8B,SAACC,GACxCW,YAAW,SAAOT,GAAC,OAAAC,UAAAC,OAAA,OAAA,GAAA,uEACjB,MAAA,CAAA,EAAMhC,EAAMA,MAAMqC,WAAlBH,EAAAC,OACAP,EAAQ5B,sBACP,iBC1HSwC,EACdf,EACAlC,EACAkD,GADA,GAAAlD,SAAA,EAAA,CAAAA,EAAA,GAGA,IAAMwB,EAAIC,OAAAC,OAAA,CACRyB,cAAe,MACfL,MAAO,UACJI,GAEL,IAAME,EAAgC3B,OAAOC,OAC3CI,SAASC,cAAc,eAAcN,OAAAC,OAAAD,OAAAC,OAAA,GAEhCF,GAAI,CACPQ,KAAM,MACNC,UAAW,WACTC,EAAI,YAEJlC,EAAQC,OACJD,EACGE,KACC,SAACC,EAAKC,GACJ,MAAA,qBAAqBA,EAAC,mBAAmBD,EAAIE,QAAO,mBAAmBF,EAAIG,QAAO,eAErFC,KAAK,IACR,OAKV,GAAIP,EAAQC,OAAQ,CAClBS,MAAMC,KAAKyC,EAAOxC,iBAAiB,0BAA0BV,KAC3D,SAACC,GACC,IAAMU,EAAWb,EAAQc,MACvB,SAACC,EAAKX,GAAM,OAAAD,EAAIa,QAAQb,MAAQC,EAAEa,cAEpC,GAAIJ,GAAYA,EAASK,QAAS,CAChCf,EAAIgB,iBAAiB,QAASN,EAASK,aAM/CY,SAASI,KAAKC,YAAYiB,GAC1B,OAAOA","sourcesContent":["import { Color, AlertToastPosition } from '../../interface';\nimport { raf } from '../../utils';\n\ninterface ImperativeAlertOptions {\n color?: Color;\n duration?: number;\n closable?: boolean;\n}\n\ninterface ImperativeAlertButton {\n classes: string;\n content: string;\n handler?: (e: MouseEvent) => void;\n}\n\nconst alertContent = (\n message: string,\n buttons: ImperativeAlertButton[] = []\n) => {\n return `${message}\n ${\n buttons.length\n ? buttons\n .map(\n (btn, i) =>\n `<button data-btn=\"${i}\" class=\"button ${btn.classes}\" slot=\"footer\">${btn.content}</button>`\n )\n .join('')\n : ''\n }`;\n};\n\nconst addBtnHandlers = (\n alert: HTMLNanoAlertElement,\n buttons: ImperativeAlertButton[] = []\n) => {\n if (buttons.length) {\n Array.from(alert.querySelectorAll('button[slot=\"footer\"]')).map(\n (btn: HTMLElement) => {\n const foundBtn = buttons.find(\n (_fb, i) => btn.dataset.btn === i.toString()\n );\n if (foundBtn && foundBtn.handler) {\n btn.addEventListener('click', foundBtn.handler);\n }\n }\n );\n }\n};\n\n/*\n `nano-alert` helper to create toast notifications imperatively.\n * @param message - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`\n * @param position - the position of the toast. Options are 'tr', 'tl', 'bl' & 'br'\n * @param icon - name for the `nano-icon`\n * @param alertOptions - { color: Color, duration: number, closable: boolean }\n * @returns `Promise<void>`\n /\nexport async function nanoShowToast(\n message: string,\n position: AlertToastPosition = 'tr',\n icon?: string \| undefined,\n alertOptions?: ImperativeAlertOptions,\n buttons: ImperativeAlertButton[] = []\n) {\n const opts: ImperativeAlertOptions = {\n color: 'primary',\n duration: 3000,\n closable: true,\n ...alertOptions,\n };\n icon = icon \|\| 'light/info-circle';\n const alert: HTMLNanoAlertElement = Object.assign(\n document.createElement('nano-alert'),\n {\n ...opts,\n open: false,\n innerHTML: `\n <nano-icon name=\"${icon}\" slot=\"icon\"></nano-icon>\n ${alertContent(message, buttons)}\n `,\n }\n );\n addBtnHandlers(alert, buttons);\n\n document.body.appendChild(alert);\n return new Promise<HTMLNanoAlertElement>((resolve) => {\n raf(async (_) => {\n await alert.toast(position);\n resolve(alert);\n });\n });\n}\n\n/\n `nano-alert` helper to create alert notifications imperatively.\n * @param message - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`\n * @param buttons\n * @param icon - name for the `nano-icon`\n * @param label - descriptive label for assitive technology\n * @param alertOptions\n * @returns `Promise<void>`\n /\nexport function nanoShowAlert(\n message: string,\n buttons: ImperativeAlertButton[] = [],\n label: string,\n icon: string \| undefined = 'light/info-circle',\n alertOptions: ImperativeAlertOptions = {}\n) {\n const opts: ImperativeAlertOptions = {\n color: 'primary',\n duration: Infinity,\n closable: false,\n ...alertOptions,\n };\n icon = icon \|\| 'light/info-circle';\n const alert: HTMLNanoAlertElement = Object.assign(\n document.createElement('nano-alert'),\n {\n ...opts,\n open: false,\n innerHTML: `\n ${icon ? `<nano-icon name=\"${icon}\" slot=\"icon\"></nano-icon>` : ''}\n ${alertContent(message, buttons)}\n `,\n }\n );\n addBtnHandlers(alert, buttons);\n\n document.body.appendChild(alert);\n return new Promise<HTMLNanoAlertElement>((resolve) => {\n setTimeout(async (_) => {\n await alert.alert(label);\n resolve(alert);\n }, 100);\n });\n}\n","interface ImperativeDialogOptions {\n noUserDismiss: boolean;\n noHeader?: boolean;\n noFooter?: boolean;\n label: string;\n}\n/\n `nano-dialog` helper to create dialog modals imperatively.\n * @param body - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`\n * @param buttons - { classes: string; content: string; handler: () => {} }[]\n * @param dialogOptions - { noUserDismiss: boolean, noHeader?: boolean, noFooter?: boolean, label: string }\n * @returns `Promise<void>`\n */\nexport function nanoCreateDialog(\n body: string,\n buttons: { classes: string; content: string; handler: () => {} }[] = [],\n dialogOptions?: ImperativeDialogOptions\n) {\n const opts: ImperativeDialogOptions = {\n noUserDismiss: false,\n label: 'Dialog',\n ...dialogOptions,\n };\n const dialog: HTMLNanoDialogElement = Object.assign(\n document.createElement('nano-dialog'),\n {\n ...opts,\n open: false,\n innerHTML: `\n ${body}\n ${\n buttons.length\n ? buttons\n .map(\n (btn, i) =>\n `<button data-btn=\"${i}\" class=\"button ${btn.classes}\" slot=\"footer\">${btn.content}</button>`\n )\n .join('')\n : ''\n }`,\n }\n );\n\n if (buttons.length) {\n Array.from(dialog.querySelectorAll('button[slot=\"footer\"]')).map(\n (btn: HTMLElement) => {\n const foundBtn = buttons.find(\n (_fb, i) => btn.dataset.btn === i.toString()\n );\n if (foundBtn && foundBtn.handler) {\n btn.addEventListener('click', foundBtn.handler);\n }\n }\n );\n }\n\n document.body.appendChild(dialog);\n return dialog;\n}\n"]}

package/dist/themes/nanopore.css CHANGED Viewed

	@@ -1 +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:rgba(0,0,0,0);-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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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, #4a4a4a) ;--nano-color-contrast-rgb: var( --nano-color-tertiary-contrast-rgb, 74, 74, 74 ) ;--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, #4a4a4a) ;--nano-color-contrast-rgb: var( --nano-color-success-contrast-rgb, 74, 74, 74 ) ;--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, #fff) ;--nano-color-contrast-rgb: var( --nano-color-warning-contrast-rgb, 255, 255, 255 ) ;--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, #4a4a4a) ;--nano-color-contrast-rgb: var( --nano-color-light-contrast-rgb, 74, 74, 74 ) ;--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;--nano-color-white:#fff;--nano-color-lightblue:#90c6e7;--nano-color-blue:#007495;--nano-color-darkblue:#0c5a71;--nano-color-darkgrey:#455556;--nano-color-palegrey:#b5aea7;--nano-color-dimgrey:#918b86;--nano-color-lightgrey:#e4e6e8;--nano-color-mediumgrey:#687576;--nano-color-green:#17bb75;--nano-color-orange:#f57e20;--nano-color-paleyellow:#ede797;--nano-color-purple:#a53f97;--nano-color-red:#ef4135;--nano-color-yellow:#f5cc49;--nano-color-background:#f0efed;--nano-color-black:#4a4a4a;--nano-color-celsius:#f0efed;--nano-color-offwhite:#f9f9fb;--nano-color-darkblue--faded:#005c75;--nano-color-red--faded:#fee8de;--nano-color-orange--faded:#feeddb;--nano-color-yellow--faded:#fefcf2;--nano-color-green--faded:#edf5f2;--nano-color-blue--faded:#f2f7f9;--nano-color-blue--darker:#245a6f;--nano-color-green--darker:#0b814f;--nano-color-red--darker:#be2a20;--nano-color-purple--darker:#772c6d;--nano-color-orange--darker:#b95e17;--nano-color-palegrey--darker:#8c8379;--nano-color-lightblue--darker:#548caf}@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 /
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:rgba(0,0,0,0);-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{padding:0;border:none;background-color:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0);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, #4a4a4a) ;--nano-color-contrast-rgb: var( --nano-color-tertiary-contrast-rgb, 74, 74, 74 ) ;--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, #4a4a4a) ;--nano-color-contrast-rgb: var( --nano-color-success-contrast-rgb, 74, 74, 74 ) ;--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, #fff) ;--nano-color-contrast-rgb: var( --nano-color-warning-contrast-rgb, 255, 255, 255 ) ;--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, #4a4a4a) ;--nano-color-contrast-rgb: var( --nano-color-light-contrast-rgb, 74, 74, 74 ) ;--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;--nano-color-white:#fff;--nano-color-lightblue:#90c6e7;--nano-color-blue:#007495;--nano-color-darkblue:#0c5a71;--nano-color-darkgrey:#455556;--nano-color-palegrey:#b5aea7;--nano-color-dimgrey:#918b86;--nano-color-lightgrey:#e4e6e8;--nano-color-mediumgrey:#687576;--nano-color-green:#17bb75;--nano-color-orange:#f57e20;--nano-color-paleyellow:#ede797;--nano-color-purple:#a53f97;--nano-color-red:#ef4135;--nano-color-yellow:#f5cc49;--nano-color-background:#f0efed;--nano-color-black:#4a4a4a;--nano-color-celsius:#f0efed;--nano-color-offwhite:#f9f9fb;--nano-color-darkblue--faded:#005c75;--nano-color-red--faded:#fee8de;--nano-color-orange--faded:#feeddb;--nano-color-yellow--faded:#fefcf2;--nano-color-green--faded:#edf5f2;--nano-color-blue--faded:#f2f7f9;--nano-color-blue--darker:#245a6f;--nano-color-green--darker:#0b814f;--nano-color-red--darker:#be2a20;--nano-color-purple--darker:#772c6d;--nano-color-orange--darker:#b95e17;--nano-color-palegrey--darker:#8c8379;--nano-color-lightblue--darker:#548caf}@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 CHANGED Viewed

	@@ -1 +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,0CACA,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,sBC7NF,KACE,oCACA,yCACA,MCsGW,gCDrGX,qCAGF,EACE,yCACA,qBAEA,QACE,0BAIJ,kBPgUE,WO1TgB,KP2ThB,cO3T4B,KAE5B,YAxCqB,IAyCrB,YAvCqB,IA0CvB,GPoTE,WOnTgB,KAEhB,UA3Ca,KA8Cf,GP8SE,WO7SgB,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,mBACA,aAEA,aACE,kBAIJ,SACE,gBACA,gBACA,kBAEA,oBACE,cAGF,aATF,SAUI,eAGF,cACE,iBPbA,yBOYF,cAII,mBAIJ,cACE,iBPrBA,yBOoBF,cAII,gBAIJ,gBACE,mBP7BA,yBO4BF,gBAII,oBAIJ,eACE,mBAGF,eACE,eAGF,gBACE,gBAGF,gBACE,yBAGF,eACE,kBACA,yBACA,qBACA,iBACA,mBElKJ,QCHE,~~SACA,~~UACA,YACA,+BACA,aACA,~~yBCLA~~,qBACA,cCgBA,WACE,uHZuSA,aY9OA,oCZ+OA,cYjPA,kCZ2RF,YY5RE,oCZ6RF,eY3RE,uCAIF,yEACA,qBACA,iDACA,gDACA,gBACA,eACA,~~2BFzEA~~,0BACE,SACA,~~UCVF~~,4BAEE,qBACA,cXwTA,+DACE,QAEI,mBAIA,oBAIF,sBY9PJ,oCZiQI,qBYjQJ,oCZoQI,oBYtQJ,kCZyQI,mBYzQJ,mCAaF,aHnFF,QGoFI,cAGF,oCAEE,aACA,wHAGF,kBZyNE,YYxN2B,MZyN3B,aYzNmC,EAEnC,0CACA,sBACA,qBACA,qBZwNA,+DACE,kBAEI,kBAIA,mBAIF,qBYxOuB,MZ2OvB,oBY3OuB,MZ8OvB,mBY9O+B,EZiP/B,kBYjP+B,GAQrC,qCZgNE,YY/M2B,EZgN3B,aYhN8B,MZoN9B,+DACE,qCAEI,kBAIA,mBAIF,qBY/NuB,EZkOvB,oBYlOuB,EZqOvB,mBYrO0B,MZwO1B,kBYxO0B,OAGhC,qCACE,wEAGF,qDACE,gBAGF,mCAEE,WAEA,+CACE,eHnHN,iBGkCE,iBHhCE,mCGiCF,MHhCE,yCGkCF,6FAEE,iBAPS,yCAQT,MATW,yCAWX,6HACE,iBHzCF,mCG0CE,MHzCF,yCG6CF,uBACE,MH9CA,yCGiDF,iCAlCA,yBACA,iDACA,+CACA,iDAkCE,MHrDA,mCGsDA,aHtDA,mCGqBF,kLAGE,gBHlBJ,mBG0BE,iBHzByB,QG0BzB,MH1BkD,KG4BlD,iGAEE,iBAPS,QAQT,MATW,KAWX,iIACE,iBHlCqB,QGmCrB,MHnC8C,KGuClD,yBACE,MHxCgD,KG2ClD,mCAlCA,yBACA,iDACA,+CACA,iDAkCE,MH9CuB,QG+CvB,aH/CuB,QGczB,wLAGE,gBHdJ,eGsBE,iBHpBE,KGqBF,MHpBE,QGsBF,yFAEE,iBAPS,KAQT,MATW,QAWX,yHACE,iBH7BF,KG8BE,MH7BF,QGiCF,qBACE,MHlCA,QGqCF,+BAlCA,yBACA,iDACA,+CACA,iDAkCE,MHzCA,KG0CA,aH1CA,KGSF,4KAGE,gBHLJ,gBGaE,iBHZyB,QGazB,MHbgD,KGehD,2FAEE,iBAPS,QAQT,MATW,KAWX,2HACE,iBHrBqB,QGsBrB,MHtB4C,KG0BhD,sBACE,MH3B8C,KG8BhD,gCAlCA,yBACA,iDACA,+CACA,iDAkCE,MHjCuB,QGkCvB,aHlCuB,QGCzB,+KAGE,gBHDJ,iBGSE,iBHRyB,QGSzB,MHTmD,KGWnD,6FAEE,iBAPS,QAQT,MATW,KAWX,6HACE,iBHjBqB,QGkBrB,MHlB+C,KGsBnD,uBACE,MHvBiD,KG0BnD,iCAlCA,yBACA,iDACA,+CACA,iDAkCE,MH7BuB,QG8BvB,aH9BuB,QGHzB,kLAGE,gBHGJ,kBACE,yBACA,gBACA,0BACA,gBAIE,0MAEE,cACA,gBACA,0BIxCJ,oBC0FA,uDACA,qEAMA,iEAGA,oFAMA,8DACA,4DACA,2ED5GA,sBC0FA,yDACA,wEAMA,mEAGA,sFAMA,gEACA,8DACA,8ED5GA,qBC0FA,wDACA,wEAMA,qEAGA,kFAMA,+DACA,6DACA,6ED5GA,oBC0FA,uDACA,sEAMA,oEAGA,iFAMA,8DACA,4DACA,2ED5GA,oBC0FA,uDACA,sEAMA,iEAGA,oFAMA,8DACA,4DACA,2ED5GA,mBC0FA,sDACA,oEAMA,gEAGA,mFAMA,6DACA,2DACA,yED5GA,kBC0FA,qDACA,qEAMA,kEAGA,+EAMA,4DACA,0DACA,0ED5GA,mBC0FA,sDACA,mEAMA,gEAGA,mFAMA,6DACA,2DACA,0ED5GA,iBC0FA,oDACA,iEAMA,8DAGA,iFAMA,2DACA,yDACA,wEDvGF,MACE,4BAMA,qBACA,oGASE,8+Bb+HA,yBahJJ,MAII,6BAiBJ,KACE,iBL6FiB,sCK1FnB,qCAGE,cACA,WACA,SACA,sCACA,cACA,UAMA,0HACE,aACA,WE6DkB,6GF5DlB","file":"nanopore.css"}
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,0CACA,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,sBC7NF,KACE,oCACA,yCACA,MCsGW,gCDrGX,qCAGF,EACE,yCACA,qBAEA,QACE,0BAIJ,kBPgUE,WO1TgB,KP2ThB,cO3T4B,KAE5B,YAxCqB,IAyCrB,YAvCqB,IA0CvB,GPoTE,WOnTgB,KAEhB,UA3Ca,KA8Cf,GP8SE,WO7SgB,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/alert/alert.helpers.d.ts CHANGED Viewed

@@ -21,10 +21,10 @@ export declare function nanoShowToast(message: string, position?: AlertToastPosi
 /**
  * `nano-alert` helper to create alert notifications imperatively.
  * @param message - a JS template string e.g. `<h4>Hello</h4> ${aVariable}`
- * @param buttons - { classes: string; content: string; handler: () => {} }[]
+ * @param buttons
  * @param icon - name for the `nano-icon`
  * @param label - descriptive label for assitive technology
- * @param alertOptions - { color: Color, duration: number, closable: boolean }
+ * @param alertOptions
  * @returns `Promise<void>`
  */
 export declare function nanoShowAlert(message: string, buttons: ImperativeAlertButton[], label: string, icon?: string | undefined, alertOptions?: ImperativeAlertOptions): Promise<HTMLNanoAlertElement>;

package/dist/types/components/field-validator/field-validator-interface.d.ts CHANGED Viewed

@@ -1,12 +1,16 @@
 export declare type NanoFormEles = HTMLNanoInputElement | HTMLNanoCheckboxElement | HTMLNanoSelectElement | HTMLNanoDateInputElement | HTMLNanoFileUploadElement;
+export declare type PlainFormEles = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 export declare type NanoFormEvent = CustomEvent & {
   target: NanoFormEles;
 };
+export declare type PlainFormEvent = Event & {
+  target: PlainFormEles;
+};
 export interface ValidatorValueStore {
   [key: string]: any;
 }
 export interface ValidationState {
-  fields: NanoFormEles[];
+  fields: Array<NanoFormEles | PlainFormEles>;
   valid: boolean;
   validityMessage: string;
   dirty: boolean;