@nanoporetech-digital/components 8.23.7 → 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-B0YpF61f.js → fade-kpIGI6CJ.js} +1 -1
- package/dist/cjs/{fullscreen-CYee-oTL.js → fullscreen-Cuh4s9g3.js} +1 -1
- package/dist/cjs/{lazyload-Dc-2XFbW.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-BzAG2qI1.js → nano-slides-DcXrQQgs.js} +13 -9
- 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 +10 -6
- package/dist/components/nano-global-nav.js +18 -23
- package/dist/components/slides.js +10 -6
- package/dist/esm/{fade-EK1-R9Mv.js → fade-Y5mYUwiO.js} +1 -1
- package/dist/esm/{fullscreen-Dx1BTMEc.js → fullscreen-Ct2ACI6T.js} +1 -1
- package/dist/esm/{lazyload-BzTLDBqm.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-CyEjtFC3.js → nano-slides-0qDi5Vv7.js} +13 -9
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/nano-components/{fade-EK1-R9Mv.js → fade-Y5mYUwiO.js} +1 -1
- package/dist/nano-components/{fullscreen-Dx1BTMEc.js → fullscreen-Ct2ACI6T.js} +1 -1
- package/dist/nano-components/{lazyload-BzTLDBqm.js → lazyload-ZYbHlu3K.js} +1 -1
- 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-CyEjtFC3.js → nano-slides-0qDi5Vv7.js} +3 -3
- 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/slides/slides.d.ts +1 -1
- package/dist/types/components.d.ts +2 -0
- package/docs-json.json +11 -5
- package/hydrate/index.js +28 -29
- package/hydrate/index.mjs +28 -29
- package/package.json +2 -2
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{zUbCqThW → 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 {
|
|
@@ -2511,7 +2511,11 @@ const Slides = class {
|
|
|
2511
2511
|
* See https://flickity.metafizzy.co/options.html for valid options
|
|
2512
2512
|
*/
|
|
2513
2513
|
options = {};
|
|
2514
|
-
async optionsChanged() {
|
|
2514
|
+
async optionsChanged(newOpts, oldOpts) {
|
|
2515
|
+
const newOptsStr = JSON.stringify(newOpts);
|
|
2516
|
+
const oldOptsStr = JSON.stringify(oldOpts || {});
|
|
2517
|
+
if (newOptsStr === oldOptsStr)
|
|
2518
|
+
return;
|
|
2515
2519
|
if (this.flickityReady && !this.isReloading) {
|
|
2516
2520
|
this.isReloading = true;
|
|
2517
2521
|
await this.reload();
|
|
@@ -2808,15 +2812,15 @@ const Slides = class {
|
|
|
2808
2812
|
}
|
|
2809
2813
|
async loadFlickityModules(opts) {
|
|
2810
2814
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2811
|
-
await Promise.resolve().then(function () { return require('./fullscreen-
|
|
2815
|
+
await Promise.resolve().then(function () { return require('./fullscreen-Cuh4s9g3.js'); });
|
|
2812
2816
|
this.hasFullScreenModule = true;
|
|
2813
2817
|
}
|
|
2814
2818
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2815
|
-
await Promise.resolve().then(function () { return require('./lazyload-
|
|
2819
|
+
await Promise.resolve().then(function () { return require('./lazyload-tvpXnTYY.js'); });
|
|
2816
2820
|
this.hasLazyLoadModule = true;
|
|
2817
2821
|
}
|
|
2818
2822
|
if (!this.hasFadeModule && opts.fade) {
|
|
2819
|
-
await Promise.resolve().then(function () { return require('./fade-
|
|
2823
|
+
await Promise.resolve().then(function () { return require('./fade-kpIGI6CJ.js'); });
|
|
2820
2824
|
this.hasFadeModule = true;
|
|
2821
2825
|
}
|
|
2822
2826
|
}
|
|
@@ -2948,15 +2952,15 @@ const Slides = class {
|
|
|
2948
2952
|
this.destroyflickity();
|
|
2949
2953
|
}
|
|
2950
2954
|
render() {
|
|
2951
|
-
return (renderer.h(index.Host, { key: '
|
|
2955
|
+
return (renderer.h(index.Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, renderer.h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
2952
2956
|
slideshow: true,
|
|
2953
2957
|
ready: this.ready,
|
|
2954
2958
|
'not-ready': !this.ready,
|
|
2955
|
-
}, part: "base" }, renderer.h("div", { key: '
|
|
2959
|
+
}, part: "base" }, renderer.h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
|
|
2956
2960
|
'flickity-container': true,
|
|
2957
2961
|
'slides-ready': this.slidesReady,
|
|
2958
2962
|
'slides-not-ready': !this.slidesReady,
|
|
2959
|
-
}, 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: {
|
|
2960
2964
|
'pagination-btn': true,
|
|
2961
2965
|
'pagination-btn--active': this.isActive(index),
|
|
2962
2966
|
'is-selected': this.isActive(index),
|
|
@@ -2965,8 +2969,8 @@ const Slides = class {
|
|
|
2965
2969
|
if (this.isActive(index))
|
|
2966
2970
|
return;
|
|
2967
2971
|
this.slideTo(index);
|
|
2968
|
-
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '
|
|
2969
|
-
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" })))))))));
|
|
2970
2974
|
}
|
|
2971
2975
|
static get watchers() { return {
|
|
2972
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",
|
|
@@ -53,7 +53,11 @@ export class Slides {
|
|
|
53
53
|
* See https://flickity.metafizzy.co/options.html for valid options
|
|
54
54
|
*/
|
|
55
55
|
options = {};
|
|
56
|
-
async optionsChanged() {
|
|
56
|
+
async optionsChanged(newOpts, oldOpts) {
|
|
57
|
+
const newOptsStr = JSON.stringify(newOpts);
|
|
58
|
+
const oldOptsStr = JSON.stringify(oldOpts || {});
|
|
59
|
+
if (newOptsStr === oldOptsStr)
|
|
60
|
+
return;
|
|
57
61
|
if (this.flickityReady && !this.isReloading) {
|
|
58
62
|
this.isReloading = true;
|
|
59
63
|
await this.reload();
|
|
@@ -490,15 +494,15 @@ export class Slides {
|
|
|
490
494
|
this.destroyflickity();
|
|
491
495
|
}
|
|
492
496
|
render() {
|
|
493
|
-
return (h(Host, { key: '
|
|
497
|
+
return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
494
498
|
slideshow: true,
|
|
495
499
|
ready: this.ready,
|
|
496
500
|
'not-ready': !this.ready,
|
|
497
|
-
}, part: "base" }, h("div", { key: '
|
|
501
|
+
}, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
|
|
498
502
|
'flickity-container': true,
|
|
499
503
|
'slides-ready': this.slidesReady,
|
|
500
504
|
'slides-not-ready': !this.slidesReady,
|
|
501
|
-
}, 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: {
|
|
502
506
|
'pagination-btn': true,
|
|
503
507
|
'pagination-btn--active': this.isActive(index),
|
|
504
508
|
'is-selected': this.isActive(index),
|
|
@@ -507,8 +511,8 @@ export class Slides {
|
|
|
507
511
|
if (this.isActive(index))
|
|
508
512
|
return;
|
|
509
513
|
this.slideTo(index);
|
|
510
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
511
|
-
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" })))))))));
|
|
512
516
|
}
|
|
513
517
|
static get is() { return "nano-slides"; }
|
|
514
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"],
|
|
@@ -2511,7 +2511,11 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2511
2511
|
* See https://flickity.metafizzy.co/options.html for valid options
|
|
2512
2512
|
*/
|
|
2513
2513
|
options = {};
|
|
2514
|
-
async optionsChanged() {
|
|
2514
|
+
async optionsChanged(newOpts, oldOpts) {
|
|
2515
|
+
const newOptsStr = JSON.stringify(newOpts);
|
|
2516
|
+
const oldOptsStr = JSON.stringify(oldOpts || {});
|
|
2517
|
+
if (newOptsStr === oldOptsStr)
|
|
2518
|
+
return;
|
|
2515
2519
|
if (this.flickityReady && !this.isReloading) {
|
|
2516
2520
|
this.isReloading = true;
|
|
2517
2521
|
await this.reload();
|
|
@@ -2948,15 +2952,15 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2948
2952
|
this.destroyflickity();
|
|
2949
2953
|
}
|
|
2950
2954
|
render() {
|
|
2951
|
-
return (h(Host, { key: '
|
|
2955
|
+
return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
2952
2956
|
slideshow: true,
|
|
2953
2957
|
ready: this.ready,
|
|
2954
2958
|
'not-ready': !this.ready,
|
|
2955
|
-
}, part: "base" }, h("div", { key: '
|
|
2959
|
+
}, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
|
|
2956
2960
|
'flickity-container': true,
|
|
2957
2961
|
'slides-ready': this.slidesReady,
|
|
2958
2962
|
'slides-not-ready': !this.slidesReady,
|
|
2959
|
-
}, 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: {
|
|
2960
2964
|
'pagination-btn': true,
|
|
2961
2965
|
'pagination-btn--active': this.isActive(index),
|
|
2962
2966
|
'is-selected': this.isActive(index),
|
|
@@ -2965,8 +2969,8 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2965
2969
|
if (this.isActive(index))
|
|
2966
2970
|
return;
|
|
2967
2971
|
this.slideTo(index);
|
|
2968
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
2969
|
-
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" })))))))));
|
|
2970
2974
|
}
|
|
2971
2975
|
static get watchers() { return {
|
|
2972
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
|
|