@nanoporetech-digital/components 8.23.8 → 8.23.9
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-global-nav.cjs.entry.js +17 -22
- 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/global-nav/global-nav.js +21 -25
- package/dist/collection/components/slides/slides.js +5 -5
- package/dist/components/nano-global-nav.js +18 -23
- 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-global-nav.entry.js +17 -22
- 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-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 +11 -5
- package/hydrate/index.js +23 -28
- package/hydrate/index.mjs +23 -28
- 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
|
@@ -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", { key: '13616827412c61fae6ab8ef1e0d9c0900eb988e1', slot: "end", name: "light/magnifying-glass" }), renderer.h("nano-datalist", { key: '60a71b7caa844df3cc31f3afe0527c3a246bebe5', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (renderer.h("div", { key: 'd0b77699c6ca33448665d6210e19ab854adea7b3', slot: "no-result", class: "gn__search-loading" }, renderer.h("nano-spinner", { key: 'e902ed39f3c7f221aa1cad9e66632549b4682a3a' }, "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: 'f3a58ec20d98d12bdcafb029d473754079ac1692', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
518
|
+
])))))), renderer.h("div", { key: '0aa7ed82ca99bb0968923c40d1757307b99ae24f', class: "gn__cart" }, this.cartUrl && [
|
|
519
|
+
renderer.h("nano-icon-button", { key: 'f656faf7184caaab66710451d448fff1945fa2c3', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
520
|
+
!!this.cartCount && (renderer.h("nano-badge", { key: '52cf325c50676a3e43f56609bdbdea906657caa9', 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: 'a7f263fab65063715865870f27e9885bad28914b', part: "site-search-results" }, renderer.h("div", { key: '3746c4ed16759a89d4d24aa859d6ba3427597928', class: "gn__site", part: "site-wrapper" }, renderer.h("slot", { key: '537e1227c52fd22d6aa4ff8b7bdd0ae84f994fcc' }))))));
|
|
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
|
}
|
|
@@ -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", { key: '13616827412c61fae6ab8ef1e0d9c0900eb988e1', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '60a71b7caa844df3cc31f3afe0527c3a246bebe5', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: 'd0b77699c6ca33448665d6210e19ab854adea7b3', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e902ed39f3c7f221aa1cad9e66632549b4682a3a' }, "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: 'f3a58ec20d98d12bdcafb029d473754079ac1692', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
534
|
+
])))))), h("div", { key: '0aa7ed82ca99bb0968923c40d1757307b99ae24f', class: "gn__cart" }, this.cartUrl && [
|
|
535
|
+
h("nano-icon-button", { key: 'f656faf7184caaab66710451d448fff1945fa2c3', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
536
|
+
!!this.cartCount && (h("nano-badge", { key: '52cf325c50676a3e43f56609bdbdea906657caa9', 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: 'a7f263fab65063715865870f27e9885bad28914b', part: "site-search-results" }, h("div", { key: '3746c4ed16759a89d4d24aa859d6ba3427597928', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '537e1227c52fd22d6aa4ff8b7bdd0ae84f994fcc' }))))));
|
|
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"; }
|
|
@@ -44,14 +44,8 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
44
44
|
logoutUrl = '';
|
|
45
45
|
/** Url to the Nanopore contact page */
|
|
46
46
|
contactUrl = 'https://nanoporetech.com/contact';
|
|
47
|
-
_sessionRedirect = window.location.href;
|
|
48
47
|
/** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
|
|
49
|
-
|
|
50
|
-
return encodeURIComponent(this._sessionRedirect);
|
|
51
|
-
}
|
|
52
|
-
set sessionRedirect(val) {
|
|
53
|
-
this._sessionRedirect = val;
|
|
54
|
-
}
|
|
48
|
+
sessionRedirect = window.location.href;
|
|
55
49
|
/** MyAccount store cart count.*/
|
|
56
50
|
cartCount = 0;
|
|
57
51
|
/** MyAccount un-read message count. */
|
|
@@ -128,11 +122,12 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
128
122
|
return '';
|
|
129
123
|
if (!this.sessionRedirect)
|
|
130
124
|
return link;
|
|
125
|
+
const redirect = encodeURIComponent(this.sessionRedirect);
|
|
131
126
|
if (link.endsWith('='))
|
|
132
|
-
return link +
|
|
127
|
+
return link + redirect;
|
|
133
128
|
if (link.includes('?'))
|
|
134
|
-
return link + '&RelayState=' +
|
|
135
|
-
return link + '?RelayState=' +
|
|
129
|
+
return link + '&RelayState=' + redirect;
|
|
130
|
+
return link + '?RelayState=' + redirect;
|
|
136
131
|
}
|
|
137
132
|
/// USER LOGIN - end ///
|
|
138
133
|
/// RESIZING - start ///
|
|
@@ -513,21 +508,21 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
513
508
|
}
|
|
514
509
|
render() {
|
|
515
510
|
const bpps = this.bpPartials;
|
|
516
|
-
return (h(Host, { key: '
|
|
511
|
+
return (h(Host, { key: '1d15ddb44d49d6e8d9bd8e6179cdefaee729d800', class: {
|
|
517
512
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
518
513
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
519
514
|
'nano-global-nav': true,
|
|
520
|
-
} }, h("div", { key: '
|
|
515
|
+
} }, h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
|
|
521
516
|
gn: true,
|
|
522
517
|
'gn__search-open': this.searchBarShown,
|
|
523
|
-
} }, h("nano-drawer", { key: '
|
|
518
|
+
} }, 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
|
|
524
519
|
? bpps.mainMenu.tpl()
|
|
525
|
-
: '', h("slot", { key: '
|
|
520
|
+
: '', 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,
|
|
526
521
|
(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,
|
|
527
|
-
(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: '
|
|
528
|
-
(!!this.searchIndices.length && (h("nano-dropdown", { key: '
|
|
522
|
+
(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 ||
|
|
523
|
+
(!!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) => {
|
|
529
524
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
530
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '
|
|
525
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '13616827412c61fae6ab8ef1e0d9c0900eb988e1', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '60a71b7caa844df3cc31f3afe0527c3a246bebe5', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: 'd0b77699c6ca33448665d6210e19ab854adea7b3', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e902ed39f3c7f221aa1cad9e66632549b4682a3a' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
531
526
|
this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
532
527
|
searchInsight.sendClick({
|
|
533
528
|
index: this.activeIndex.index,
|
|
@@ -537,13 +532,13 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
537
532
|
positions: [i + 1],
|
|
538
533
|
});
|
|
539
534
|
} }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
|
|
540
|
-
h("nano-option", { key: '
|
|
541
|
-
])))))), h("div", { key: '
|
|
542
|
-
h("nano-icon-button", { key: '
|
|
543
|
-
!!this.cartCount && (h("nano-badge", { key: '
|
|
535
|
+
h("nano-option", { key: 'f3a58ec20d98d12bdcafb029d473754079ac1692', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
536
|
+
])))))), h("div", { key: '0aa7ed82ca99bb0968923c40d1757307b99ae24f', class: "gn__cart" }, this.cartUrl && [
|
|
537
|
+
h("nano-icon-button", { key: 'f656faf7184caaab66710451d448fff1945fa2c3', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
538
|
+
!!this.cartCount && (h("nano-badge", { key: '52cf325c50676a3e43f56609bdbdea906657caa9', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
544
539
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
545
540
|
? bpps.contact.tpl()
|
|
546
|
-
: '', 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: '
|
|
541
|
+
: '', 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: 'a7f263fab65063715865870f27e9885bad28914b', part: "site-search-results" }, h("div", { key: '3746c4ed16759a89d4d24aa859d6ba3427597928', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '537e1227c52fd22d6aa4ff8b7bdd0ae84f994fcc' }))))));
|
|
547
542
|
}
|
|
548
543
|
static get assetsDirs() { return ["assets"]; }
|
|
549
544
|
static get watchers() { return {
|
|
@@ -562,7 +557,7 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
562
557
|
"loginUrl": [1025, "login-url"],
|
|
563
558
|
"logoutUrl": [1025, "logout-url"],
|
|
564
559
|
"contactUrl": [1, "contact-url"],
|
|
565
|
-
"sessionRedirect": [
|
|
560
|
+
"sessionRedirect": [1, "session-redirect"],
|
|
566
561
|
"cartCount": [1026, "cart-count"],
|
|
567
562
|
"msgCount": [1026, "msg-count"],
|
|
568
563
|
"myAccountUrl": [1, "my-account-url"],
|
|
@@ -2952,15 +2952,15 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2952
2952
|
this.destroyflickity();
|
|
2953
2953
|
}
|
|
2954
2954
|
render() {
|
|
2955
|
-
return (h(Host, { key: '
|
|
2955
|
+
return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
2956
2956
|
slideshow: true,
|
|
2957
2957
|
ready: this.ready,
|
|
2958
2958
|
'not-ready': !this.ready,
|
|
2959
|
-
}, part: "base" }, h("div", { key: '
|
|
2959
|
+
}, part: "base" }, 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" }, h("slot", { key: '
|
|
2963
|
+
}, 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: {
|
|
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 = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2969
2969
|
if (this.isActive(index))
|
|
2970
2970
|
return;
|
|
2971
2971
|
this.slideTo(index);
|
|
2972
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
2973
|
-
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '
|
|
2972
|
+
} }, 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 ===
|
|
2973
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '7140891f079fc702044e6bd46aaaf996dbac02d7', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'ceed5fb13ebf410b999f7b4a10a0489b2162d4ed', name: "next-icon" })))))))));
|
|
2974
2974
|
}
|
|
2975
2975
|
static get watchers() { return {
|
|
2976
2976
|
"options": ["optionsChanged"],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { F as Flickity, u as utils } from './nano-slides-
|
|
4
|
+
import { F as Flickity, u as utils } from './nano-slides-0qDi5Vv7.js';
|
|
5
5
|
import './index-BM3Om9WE.js';
|
|
6
6
|
import './renderer-DpNDfhNy.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { F as Flickity, u as utils } from './nano-slides-
|
|
4
|
+
import { F as Flickity, u as utils } from './nano-slides-0qDi5Vv7.js';
|
|
5
5
|
import './index-BM3Om9WE.js';
|
|
6
6
|
import './renderer-DpNDfhNy.js';
|
|
7
7
|
|