@nanoporetech-digital/components 8.23.8 → 8.23.10
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.
- package/dist/cjs/{fade-CvgOk9Og.js → fade-kpIGI6CJ.js} +1 -1
- package/dist/cjs/{fullscreen-DKmp5X-T.js → fullscreen-Cuh4s9g3.js} +1 -1
- package/dist/cjs/{lazyload-Cfx6n-dh.js → lazyload-tvpXnTYY.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-datalist_3.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +18 -23
- package/dist/cjs/{nano-slides-Col9ZoxN.js → nano-slides-DcXrQQgs.js} +8 -8
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/datalist/datalist.js +1 -1
- package/dist/collection/components/global-nav/global-nav.css +3 -3
- package/dist/collection/components/global-nav/global-nav.js +21 -25
- package/dist/collection/components/slides/slides.js +5 -5
- package/dist/components/datalist.js +1 -1
- package/dist/components/nano-global-nav.js +19 -24
- package/dist/components/slides.js +5 -5
- package/dist/esm/{fade-qBTUJ1UV.js → fade-Y5mYUwiO.js} +1 -1
- package/dist/esm/{fullscreen-BXFqT-Or.js → fullscreen-Ct2ACI6T.js} +1 -1
- package/dist/esm/{lazyload-CeaZkqMi.js → lazyload-ZYbHlu3K.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-datalist_3.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +18 -23
- package/dist/esm/{nano-slides-BjmaiTR4.js → nano-slides-0qDi5Vv7.js} +8 -8
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/nano-components/{fade-qBTUJ1UV.js → fade-Y5mYUwiO.js} +1 -1
- package/dist/nano-components/{fullscreen-BXFqT-Or.js → fullscreen-Ct2ACI6T.js} +1 -1
- package/dist/nano-components/lazyload-ZYbHlu3K.js +4 -0
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-datalist_3.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/{nano-slides-BjmaiTR4.js → nano-slides-0qDi5Vv7.js} +1 -1
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/types/components/global-nav/global-nav.d.ts +1 -3
- package/dist/types/components.d.ts +2 -0
- package/docs-json.json +13 -7
- package/hydrate/index.js +25 -30
- package/hydrate/index.mjs +25 -30
- package/package.json +2 -2
- package/dist/nano-components/lazyload-CeaZkqMi.js +0 -4
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
|
@@ -10,7 +10,7 @@ var throttle = require('./throttle-CrRDOkln.js');
|
|
|
10
10
|
var style = require('./style-Du-L-qMa.js');
|
|
11
11
|
var searchInsights = require('./search-insights-BtxuX7Wv.js');
|
|
12
12
|
|
|
13
|
-
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block;block-size:revert-layer}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:calc(var(--nano-z-index-menubar) + 1);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__logo--small{min-inline-size:35px}.gn__logo--large{min-inline-size:152px}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .
|
|
13
|
+
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block;block-size:revert-layer}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:calc(var(--nano-z-index-menubar) + 1);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__logo--small{min-inline-size:35px}.gn__logo--large{min-inline-size:152px}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .gn__search-button{position:relative}.gn__search-dropdown .gn__search-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .gn__search-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
|
|
14
14
|
|
|
15
15
|
const MIN_SEARCH_LENGTH = 3;
|
|
16
16
|
const GlobalNav = class {
|
|
@@ -29,14 +29,8 @@ const GlobalNav = class {
|
|
|
29
29
|
logoutUrl = '';
|
|
30
30
|
/** Url to the Nanopore contact page */
|
|
31
31
|
contactUrl = 'https://nanoporetech.com/contact';
|
|
32
|
-
_sessionRedirect = window.location.href;
|
|
33
32
|
/** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
|
|
34
|
-
|
|
35
|
-
return encodeURIComponent(this._sessionRedirect);
|
|
36
|
-
}
|
|
37
|
-
set sessionRedirect(val) {
|
|
38
|
-
this._sessionRedirect = val;
|
|
39
|
-
}
|
|
33
|
+
sessionRedirect = window.location.href;
|
|
40
34
|
/** MyAccount store cart count.*/
|
|
41
35
|
cartCount = 0;
|
|
42
36
|
/** MyAccount un-read message count. */
|
|
@@ -113,11 +107,12 @@ const GlobalNav = class {
|
|
|
113
107
|
return '';
|
|
114
108
|
if (!this.sessionRedirect)
|
|
115
109
|
return link;
|
|
110
|
+
const redirect = encodeURIComponent(this.sessionRedirect);
|
|
116
111
|
if (link.endsWith('='))
|
|
117
|
-
return link +
|
|
112
|
+
return link + redirect;
|
|
118
113
|
if (link.includes('?'))
|
|
119
|
-
return link + '&RelayState=' +
|
|
120
|
-
return link + '?RelayState=' +
|
|
114
|
+
return link + '&RelayState=' + redirect;
|
|
115
|
+
return link + '?RelayState=' + redirect;
|
|
121
116
|
}
|
|
122
117
|
/// USER LOGIN - end ///
|
|
123
118
|
/// RESIZING - start ///
|
|
@@ -495,21 +490,21 @@ const GlobalNav = class {
|
|
|
495
490
|
}
|
|
496
491
|
render() {
|
|
497
492
|
const bpps = this.bpPartials;
|
|
498
|
-
return (renderer.h(index.Host, { key: '
|
|
493
|
+
return (renderer.h(index.Host, { key: '1d15ddb44d49d6e8d9bd8e6179cdefaee729d800', class: {
|
|
499
494
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
500
495
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
501
496
|
'nano-global-nav': true,
|
|
502
|
-
} }, renderer.h("div", { key: '
|
|
497
|
+
} }, renderer.h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
|
|
503
498
|
gn: true,
|
|
504
499
|
'gn__search-open': this.searchBarShown,
|
|
505
|
-
} }, renderer.h("nano-drawer", { key: '
|
|
500
|
+
} }, renderer.h("nano-drawer", { key: 'eb0e9d0fa7d42473267fc5b465201b78322303b4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, renderer.h("div", { key: '22fef7c9b69aff7a3678900c45824ae8dae74f31', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), renderer.h("nav", { key: '5ac9edc335d61308f1779e872f2600671322b35c', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
|
|
506
501
|
? bpps.mainMenu.tpl()
|
|
507
|
-
: '', renderer.h("slot", { key: '
|
|
502
|
+
: '', renderer.h("slot", { key: '600ef94c796db36e84e5ce57a74d826508336369', name: "overflow" }))), renderer.h("div", { key: '7df8f3b3865b6bfda36953f8d12d1dc405420948', class: "gn__menu-bar-wrapper" }, renderer.h("div", { key: 'aa8f39a6b742f77bb1c277fec54144f5cb567619', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, renderer.h("nav", { key: 'a2a316bd2bffb7977ff45e4e947599ee4169a626', "aria-label": "Global navigation", class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (renderer.h("nano-icon-button", { key: '42bec05328c771483904ec4d4f31b3417e593db2', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), renderer.h("slot", { key: '98e18d03956ac5f8361c3b5d5eef4beca732ee3a', name: "logo" }, renderer.h("a", { key: '62f72a5bde4108682687fef1a4c17a45ea94a98e', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (renderer.h("img", { src: index.getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
|
|
508
503
|
(a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "35", part: "logo logo--large" })) : (renderer.h("img", { src: index.getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
|
|
509
|
-
(a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (renderer.h("div", { key: '
|
|
510
|
-
(!!this.searchIndices.length && (renderer.h("nano-dropdown", { key: '
|
|
504
|
+
(a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (renderer.h("div", { key: 'add2e395a8573a07aa28f595d824662bfc8d38f9', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), renderer.h("div", { key: '46d421a37bcc66167602b7fdd07ac969ecc0a647', class: "gn__main-menu-actions" }, !this.myAccountData ||
|
|
505
|
+
(!!this.searchIndices.length && (renderer.h("nano-dropdown", { key: 'fcb0f16d3ace74755729794e34e92374590eab68', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, renderer.h("nano-icon-button", { key: '1f3d7e195ad4c9ede976b7e09d03df4e700640af', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), renderer.h("form", { key: '775e27d09ddd5a7d7ab196a9139d679df85c5f31', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (renderer.h("nano-select", { key: 'f682d7d3823d43fe4a347f7d971a842153487a9c', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (renderer.h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), renderer.h("nano-input", { key: '94b870076f8d6e1d4a92ce1662b5d90a893bfd31', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
|
|
511
506
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
512
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, renderer.h("nano-icon", { key: '
|
|
507
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, renderer.h("nano-icon-button", { key: 'a993617eca8ea8ba6fb893ca0df1b36567ae650f', slot: "end", "icon-name": "light/magnifying-glass", label: "Search", onClick: this.onSearchSubmit }), renderer.h("nano-datalist", { key: 'b80f7cdc8230e33f954e576ba266cf15817ea0e0', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (renderer.h("div", { key: '946b0eb00b7ee2c0de28e3c4937872f35a172225', slot: "no-result", class: "gn__search-loading" }, renderer.h("nano-spinner", { key: 'e967d62cca0152014c1f7b2d1e22e898b1900898' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
513
508
|
this.autocompleteResults.hits.map((hit, i) => (renderer.h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
514
509
|
searchInsights.searchInsight.sendClick({
|
|
515
510
|
index: this.activeIndex.index,
|
|
@@ -519,13 +514,13 @@ const GlobalNav = class {
|
|
|
519
514
|
positions: [i + 1],
|
|
520
515
|
});
|
|
521
516
|
} }, renderer.h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
|
|
522
|
-
renderer.h("nano-option", { key: '
|
|
523
|
-
])))))), renderer.h("div", { key: '
|
|
524
|
-
renderer.h("nano-icon-button", { key: '
|
|
525
|
-
!!this.cartCount && (renderer.h("nano-badge", { key: '
|
|
517
|
+
renderer.h("nano-option", { key: 'd5080b4806b092a6a249dc5f74fc77f843c9a417', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
518
|
+
])))))), renderer.h("div", { key: 'baefbc8101a45eab3bf67ea54f10bc92820f9473', class: "gn__cart" }, this.cartUrl && [
|
|
519
|
+
renderer.h("nano-icon-button", { key: 'c00072ef4a40eb2d4ffe475098a08f650f113e8c', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
520
|
+
!!this.cartCount && (renderer.h("nano-badge", { key: '9431e046412770f12754c1043fbc9316ef41c302', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
526
521
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
527
522
|
? bpps.contact.tpl()
|
|
528
|
-
: '', this.isLoggedIn ? (renderer.h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, renderer.h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, renderer.h("nano-icon", { name: "light/user" }), renderer.h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (renderer.h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (renderer.h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (renderer.h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (renderer.h("button", { onClick: this.loginUrl }, "Login")))))))), renderer.h("nano-global-search-results", { key: '
|
|
523
|
+
: '', this.isLoggedIn ? (renderer.h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, renderer.h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, renderer.h("nano-icon", { name: "light/user" }), renderer.h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (renderer.h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (renderer.h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (renderer.h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (renderer.h("button", { onClick: this.loginUrl }, "Login")))))))), renderer.h("nano-global-search-results", { key: 'ff4246d6110809972a0207981f3c09c7ee925e54', part: "site-search-results" }, renderer.h("div", { key: '95caefde60103a7d5f28b7887342f31a053e5c5a', class: "gn__site", part: "site-wrapper" }, renderer.h("slot", { key: 'e9d50fd85ef94d913212b6b201026ee4f2069791' }))))));
|
|
529
524
|
}
|
|
530
525
|
static get assetsDirs() { return ["assets"]; }
|
|
531
526
|
static get watchers() { return {
|
|
@@ -2812,15 +2812,15 @@ const Slides = class {
|
|
|
2812
2812
|
}
|
|
2813
2813
|
async loadFlickityModules(opts) {
|
|
2814
2814
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2815
|
-
await Promise.resolve().then(function () { return require('./fullscreen-
|
|
2815
|
+
await Promise.resolve().then(function () { return require('./fullscreen-Cuh4s9g3.js'); });
|
|
2816
2816
|
this.hasFullScreenModule = true;
|
|
2817
2817
|
}
|
|
2818
2818
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2819
|
-
await Promise.resolve().then(function () { return require('./lazyload-
|
|
2819
|
+
await Promise.resolve().then(function () { return require('./lazyload-tvpXnTYY.js'); });
|
|
2820
2820
|
this.hasLazyLoadModule = true;
|
|
2821
2821
|
}
|
|
2822
2822
|
if (!this.hasFadeModule && opts.fade) {
|
|
2823
|
-
await Promise.resolve().then(function () { return require('./fade-
|
|
2823
|
+
await Promise.resolve().then(function () { return require('./fade-kpIGI6CJ.js'); });
|
|
2824
2824
|
this.hasFadeModule = true;
|
|
2825
2825
|
}
|
|
2826
2826
|
}
|
|
@@ -2952,15 +2952,15 @@ const Slides = class {
|
|
|
2952
2952
|
this.destroyflickity();
|
|
2953
2953
|
}
|
|
2954
2954
|
render() {
|
|
2955
|
-
return (renderer.h(index.Host, { key: '
|
|
2955
|
+
return (renderer.h(index.Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, renderer.h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
2956
2956
|
slideshow: true,
|
|
2957
2957
|
ready: this.ready,
|
|
2958
2958
|
'not-ready': !this.ready,
|
|
2959
|
-
}, part: "base" }, renderer.h("div", { key: '
|
|
2959
|
+
}, part: "base" }, renderer.h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
|
|
2960
2960
|
'flickity-container': true,
|
|
2961
2961
|
'slides-ready': this.slidesReady,
|
|
2962
2962
|
'slides-not-ready': !this.slidesReady,
|
|
2963
|
-
}, part: "slide-container" }, renderer.h("slot", { key: '
|
|
2963
|
+
}, part: "slide-container" }, renderer.h("slot", { key: 'df99653f152b14f4e06e2451a93e7517c82027d9', onSlotchange: () => this.update() })), renderer.h("div", { key: '0f34a9196a369cadc93a7a678f318f036a4f8bc2', class: "ui-extras" }, renderer.h("slot", { key: '6fee3e51010cbdd25ad74b59e86133a30501fe13', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (renderer.h("div", { key: '54c54f41d109ea9ee44cad50dd8929046b8fabf0', class: "pagination", part: "pagination" }, this.navbtns && (renderer.h("button", { key: '6c06cd8854f495dd8df48b94c98eb5cfa5767947', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, renderer.h("span", { key: 'a7a80501503e055217b546ef618f9665eee79ebc', class: "button-icon button-icon--previous", part: "navigation-icon" }, renderer.h("slot", { key: 'd43695afeecb25ba5ba5b0dc674ee4123b35540f', name: "previous-icon" })))), this.pager && (renderer.h("div", { key: '5e975ec703c51f361f654afac6bc03a7e4d03892', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (renderer.h("button", { part: "pagination-item--active", key: index, class: {
|
|
2964
2964
|
'pagination-btn': true,
|
|
2965
2965
|
'pagination-btn--active': this.isActive(index),
|
|
2966
2966
|
'is-selected': this.isActive(index),
|
|
@@ -2969,8 +2969,8 @@ const Slides = class {
|
|
|
2969
2969
|
if (this.isActive(index))
|
|
2970
2970
|
return;
|
|
2971
2971
|
this.slideTo(index);
|
|
2972
|
-
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '
|
|
2973
|
-
this.iCurrentSlide + 1 && !this.options.wrapAround }, renderer.h("span", { key: '
|
|
2972
|
+
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '7670270c71a6eb61e9a1de33f4a4214ed4a035f9', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
2973
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, renderer.h("span", { key: '7140891f079fc702044e6bd46aaaf996dbac02d7', class: "button-icon", part: "navigation-icon" }, renderer.h("slot", { key: 'ceed5fb13ebf410b999f7b4a10a0489b2162d4ed', name: "next-icon" })))))))));
|
|
2974
2974
|
}
|
|
2975
2975
|
static get watchers() { return {
|
|
2976
2976
|
"options": ["optionsChanged"],
|
|
@@ -89,7 +89,7 @@ export class NanoBreadcrumb {
|
|
|
89
89
|
"references": {
|
|
90
90
|
"Breadcrumb": {
|
|
91
91
|
"location": "local",
|
|
92
|
-
"path": "/builds/
|
|
92
|
+
"path": "/builds/sN_eAsgS/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
|
|
93
93
|
"id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
|
|
94
94
|
}
|
|
95
95
|
}
|
|
@@ -512,9 +512,9 @@ export class DataList {
|
|
|
512
512
|
// Component lifecycle
|
|
513
513
|
connectedCallback() {
|
|
514
514
|
this.watchInputChange();
|
|
515
|
+
this.handleOptionsChange();
|
|
515
516
|
}
|
|
516
517
|
componentDidLoad() {
|
|
517
|
-
this.handleOptionsChange();
|
|
518
518
|
this.openWatcher();
|
|
519
519
|
}
|
|
520
520
|
componentDidRender() {
|
|
@@ -225,10 +225,10 @@ nano-badge {
|
|
|
225
225
|
--padding: 0;
|
|
226
226
|
--background: transparent;
|
|
227
227
|
}
|
|
228
|
-
.gn__search-dropdown .
|
|
228
|
+
.gn__search-dropdown .gn__search-button {
|
|
229
229
|
position: relative;
|
|
230
230
|
}
|
|
231
|
-
.gn__search-dropdown .
|
|
231
|
+
.gn__search-dropdown .gn__search-button::before {
|
|
232
232
|
content: "";
|
|
233
233
|
position: absolute;
|
|
234
234
|
background-color: var(--main-menu-active-border-color);
|
|
@@ -239,7 +239,7 @@ nano-badge {
|
|
|
239
239
|
transform-origin: 0 center;
|
|
240
240
|
transition: transform var(--nano-transition-x-fast) ease-in-out;
|
|
241
241
|
}
|
|
242
|
-
.gn__search-open .gn__search-dropdown .
|
|
242
|
+
.gn__search-open .gn__search-dropdown .gn__search-button::before {
|
|
243
243
|
transform: translateZ(0) scaleX(1);
|
|
244
244
|
}
|
|
245
245
|
|
|
@@ -49,14 +49,8 @@ export class GlobalNav {
|
|
|
49
49
|
logoutUrl = '';
|
|
50
50
|
/** Url to the Nanopore contact page */
|
|
51
51
|
contactUrl = 'https://nanoporetech.com/contact';
|
|
52
|
-
_sessionRedirect = window.location.href;
|
|
53
52
|
/** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
|
|
54
|
-
|
|
55
|
-
return encodeURIComponent(this._sessionRedirect);
|
|
56
|
-
}
|
|
57
|
-
set sessionRedirect(val) {
|
|
58
|
-
this._sessionRedirect = val;
|
|
59
|
-
}
|
|
53
|
+
sessionRedirect = window.location.href;
|
|
60
54
|
/** MyAccount store cart count.*/
|
|
61
55
|
cartCount = 0;
|
|
62
56
|
/** MyAccount un-read message count. */
|
|
@@ -133,11 +127,12 @@ export class GlobalNav {
|
|
|
133
127
|
return '';
|
|
134
128
|
if (!this.sessionRedirect)
|
|
135
129
|
return link;
|
|
130
|
+
const redirect = encodeURIComponent(this.sessionRedirect);
|
|
136
131
|
if (link.endsWith('='))
|
|
137
|
-
return link +
|
|
132
|
+
return link + redirect;
|
|
138
133
|
if (link.includes('?'))
|
|
139
|
-
return link + '&RelayState=' +
|
|
140
|
-
return link + '?RelayState=' +
|
|
134
|
+
return link + '&RelayState=' + redirect;
|
|
135
|
+
return link + '?RelayState=' + redirect;
|
|
141
136
|
}
|
|
142
137
|
/// USER LOGIN - end ///
|
|
143
138
|
/// RESIZING - start ///
|
|
@@ -511,21 +506,21 @@ export class GlobalNav {
|
|
|
511
506
|
}
|
|
512
507
|
render() {
|
|
513
508
|
const bpps = this.bpPartials;
|
|
514
|
-
return (h(Host, { key: '
|
|
509
|
+
return (h(Host, { key: '1d15ddb44d49d6e8d9bd8e6179cdefaee729d800', class: {
|
|
515
510
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
516
511
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
517
512
|
'nano-global-nav': true,
|
|
518
|
-
} }, h("div", { key: '
|
|
513
|
+
} }, h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
|
|
519
514
|
gn: true,
|
|
520
515
|
'gn__search-open': this.searchBarShown,
|
|
521
|
-
} }, h("nano-drawer", { key: '
|
|
516
|
+
} }, h("nano-drawer", { key: 'eb0e9d0fa7d42473267fc5b465201b78322303b4', ref: (el) => (this.overflowMenu = el), label: "Main menu", part: "drawer", class: "gn__drawer nano-theme-dark", placement: "start", open: this.overflowOpen, onNanoAfterHide: () => (this.overflowOpen = false), onNanoAfterShow: () => (this.overflowOpen = true) }, h("div", { key: '22fef7c9b69aff7a3678900c45824ae8dae74f31', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '5ac9edc335d61308f1779e872f2600671322b35c', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
|
|
522
517
|
? bpps.mainMenu.tpl()
|
|
523
|
-
: '', h("slot", { key: '
|
|
518
|
+
: '', h("slot", { key: '600ef94c796db36e84e5ce57a74d826508336369', name: "overflow" }))), h("div", { key: '7df8f3b3865b6bfda36953f8d12d1dc405420948', class: "gn__menu-bar-wrapper" }, h("div", { key: 'aa8f39a6b742f77bb1c277fec54144f5cb567619', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: 'a2a316bd2bffb7977ff45e4e947599ee4169a626', "aria-label": "Global navigation", class: `gn__main-menu ${this.shouldResize ? 'resizing' : ''}`, part: "main-menu", ref: (el) => (this.mainMenu = el) }, this.breakpoint > bpps.mainMenu.breakpoint && (h("nano-icon-button", { key: '42bec05328c771483904ec4d4f31b3417e593db2', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: '98e18d03956ac5f8361c3b5d5eef4beca732ee3a', name: "logo" }, h("a", { key: '62f72a5bde4108682687fef1a4c17a45ea94a98e', href: this.logoUrl, class: "gn__logo-link", part: "logo-link" }, this.breakpoint <= bpps.logo.breakpoint ? (h("img", { src: getAssetPath('../nano-assets/ont-logo.svg'), alt: `Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,
|
|
524
519
|
(a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--large", width: "152", height: "35", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
|
|
525
|
-
(a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '
|
|
526
|
-
(!!this.searchIndices.length && (h("nano-dropdown", { key: '
|
|
520
|
+
(a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.`, class: "gn__logo gn__logo--small", width: "35", height: "35", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: 'add2e395a8573a07aa28f595d824662bfc8d38f9', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '46d421a37bcc66167602b7fdd07ac969ecc0a647', class: "gn__main-menu-actions" }, !this.myAccountData ||
|
|
521
|
+
(!!this.searchIndices.length && (h("nano-dropdown", { key: 'fcb0f16d3ace74755729794e34e92374590eab68', dialogTitle: "Search Oxford Nanopore Technologies", placement: "bottom", class: "gn__search-dropdown", skidding: -30, distance: 25, open: this.searchBarShown, onNanoAfterShow: this.handleSearchOpenEvent, onNanoAfterHide: this.handleSearchCloseEvent, autoOpen: !!this.searchIndices.length }, h("nano-icon-button", { key: '1f3d7e195ad4c9ede976b7e09d03df4e700640af', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: '775e27d09ddd5a7d7ab196a9139d679df85c5f31', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: 'f682d7d3823d43fe4a347f7d971a842153487a9c', part: "search-select", label: "Which site do you wish to search in?", mask: true, hideLabel: true, value: this.activeIndex?.index, onNanoChange: this.handleSearchIndexChangeEvent }, this.searchIndices.map((index) => (h("nano-option", { selected: index.name === this.searchIndex, value: index.index }, index.name || index.index))))), h("nano-input", { key: '94b870076f8d6e1d4a92ce1662b5d90a893bfd31', ref: (ele) => (this.searchInput = ele), part: "search-input", label: "Search Oxford Nanopore Technologies", placeholder: "Search Oxford Nanopore...", hideLabel: true, clearable: true, showInlineError: false, onNanoChange: (e) => {
|
|
527
522
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
528
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '
|
|
523
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon-button", { key: 'a993617eca8ea8ba6fb893ca0df1b36567ae650f', slot: "end", "icon-name": "light/magnifying-glass", label: "Search", onClick: this.onSearchSubmit }), h("nano-datalist", { key: 'b80f7cdc8230e33f954e576ba266cf15817ea0e0', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '946b0eb00b7ee2c0de28e3c4937872f35a172225', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e967d62cca0152014c1f7b2d1e22e898b1900898' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
529
524
|
this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
530
525
|
searchInsight.sendClick({
|
|
531
526
|
index: this.activeIndex.index,
|
|
@@ -535,13 +530,13 @@ export class GlobalNav {
|
|
|
535
530
|
positions: [i + 1],
|
|
536
531
|
});
|
|
537
532
|
} }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
|
|
538
|
-
h("nano-option", { key: '
|
|
539
|
-
])))))), h("div", { key: '
|
|
540
|
-
h("nano-icon-button", { key: '
|
|
541
|
-
!!this.cartCount && (h("nano-badge", { key: '
|
|
533
|
+
h("nano-option", { key: 'd5080b4806b092a6a249dc5f74fc77f843c9a417', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
534
|
+
])))))), h("div", { key: 'baefbc8101a45eab3bf67ea54f10bc92820f9473', class: "gn__cart" }, this.cartUrl && [
|
|
535
|
+
h("nano-icon-button", { key: 'c00072ef4a40eb2d4ffe475098a08f650f113e8c', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
536
|
+
!!this.cartCount && (h("nano-badge", { key: '9431e046412770f12754c1043fbc9316ef41c302', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
542
537
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
543
538
|
? bpps.contact.tpl()
|
|
544
|
-
: '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: '
|
|
539
|
+
: '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: 'ff4246d6110809972a0207981f3c09c7ee925e54', part: "site-search-results" }, h("div", { key: '95caefde60103a7d5f28b7887342f31a053e5c5a', class: "gn__site", part: "site-wrapper" }, h("slot", { key: 'e9d50fd85ef94d913212b6b201026ee4f2069791' }))))));
|
|
545
540
|
}
|
|
546
541
|
static get is() { return "nano-global-nav"; }
|
|
547
542
|
static get encapsulation() { return "shadow"; }
|
|
@@ -693,9 +688,10 @@ export class GlobalNav {
|
|
|
693
688
|
"tags": [],
|
|
694
689
|
"text": "A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded"
|
|
695
690
|
},
|
|
696
|
-
"getter":
|
|
697
|
-
"setter":
|
|
698
|
-
"reflect": false
|
|
691
|
+
"getter": false,
|
|
692
|
+
"setter": false,
|
|
693
|
+
"reflect": false,
|
|
694
|
+
"defaultValue": "window.location.href"
|
|
699
695
|
},
|
|
700
696
|
"cartCount": {
|
|
701
697
|
"type": "number",
|
|
@@ -494,15 +494,15 @@ export class Slides {
|
|
|
494
494
|
this.destroyflickity();
|
|
495
495
|
}
|
|
496
496
|
render() {
|
|
497
|
-
return (h(Host, { key: '
|
|
497
|
+
return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
498
498
|
slideshow: true,
|
|
499
499
|
ready: this.ready,
|
|
500
500
|
'not-ready': !this.ready,
|
|
501
|
-
}, part: "base" }, h("div", { key: '
|
|
501
|
+
}, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
|
|
502
502
|
'flickity-container': true,
|
|
503
503
|
'slides-ready': this.slidesReady,
|
|
504
504
|
'slides-not-ready': !this.slidesReady,
|
|
505
|
-
}, part: "slide-container" }, h("slot", { key: '
|
|
505
|
+
}, part: "slide-container" }, h("slot", { key: 'df99653f152b14f4e06e2451a93e7517c82027d9', onSlotchange: () => this.update() })), h("div", { key: '0f34a9196a369cadc93a7a678f318f036a4f8bc2', class: "ui-extras" }, h("slot", { key: '6fee3e51010cbdd25ad74b59e86133a30501fe13', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '54c54f41d109ea9ee44cad50dd8929046b8fabf0', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '6c06cd8854f495dd8df48b94c98eb5cfa5767947', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: 'a7a80501503e055217b546ef618f9665eee79ebc', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: 'd43695afeecb25ba5ba5b0dc674ee4123b35540f', name: "previous-icon" })))), this.pager && (h("div", { key: '5e975ec703c51f361f654afac6bc03a7e4d03892', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
|
|
506
506
|
'pagination-btn': true,
|
|
507
507
|
'pagination-btn--active': this.isActive(index),
|
|
508
508
|
'is-selected': this.isActive(index),
|
|
@@ -511,8 +511,8 @@ export class Slides {
|
|
|
511
511
|
if (this.isActive(index))
|
|
512
512
|
return;
|
|
513
513
|
this.slideTo(index);
|
|
514
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
515
|
-
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '
|
|
514
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '7670270c71a6eb61e9a1de33f4a4214ed4a035f9', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
515
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '7140891f079fc702044e6bd46aaaf996dbac02d7', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'ceed5fb13ebf410b999f7b4a10a0489b2162d4ed', name: "next-icon" })))))))));
|
|
516
516
|
}
|
|
517
517
|
static get is() { return "nano-slides"; }
|
|
518
518
|
static get encapsulation() { return "shadow"; }
|
|
@@ -508,9 +508,9 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
|
|
|
508
508
|
// Component lifecycle
|
|
509
509
|
connectedCallback() {
|
|
510
510
|
this.watchInputChange();
|
|
511
|
+
this.handleOptionsChange();
|
|
511
512
|
}
|
|
512
513
|
componentDidLoad() {
|
|
513
|
-
this.handleOptionsChange();
|
|
514
514
|
this.openWatcher();
|
|
515
515
|
}
|
|
516
516
|
componentDidRender() {
|