@nanoporetech-digital/components 8.23.2 → 8.23.4
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-BBm4CWLi.js → fade-BHLsJJig.js} +1 -1
- package/dist/cjs/{fullscreen-Bkk4fggn.js → fullscreen-4tmWl66n.js} +1 -1
- package/dist/cjs/{lazyload-DFPCQcws.js → lazyload-CQeC0I0X.js} +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +14 -14
- package/dist/cjs/{nano-slides-B5VhMbVx.js → nano-slides-Bsyo_UkD.js} +4 -4
- 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 +14 -14
- package/dist/collection/components/slides/slides.css +9 -6
- package/dist/components/nano-global-nav.js +14 -14
- package/dist/components/slides.js +1 -1
- package/dist/esm/{fade-DRoL_0er.js → fade-hoO5Cn3a.js} +1 -1
- package/dist/esm/{fullscreen-936htj2i.js → fullscreen-BxMLiFVY.js} +1 -1
- package/dist/esm/{lazyload-cQ60nfzF.js → lazyload-DxS7u_sq.js} +1 -1
- package/dist/esm/nano-global-nav.entry.js +14 -14
- package/dist/esm/{nano-slides-Dbp6Qk42.js → nano-slides-DAQ7BI02.js} +4 -4
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/nano-components/{fade-DRoL_0er.js → fade-hoO5Cn3a.js} +1 -1
- package/dist/nano-components/{fullscreen-936htj2i.js → fullscreen-BxMLiFVY.js} +1 -1
- package/dist/nano-components/{lazyload-cQ60nfzF.js → lazyload-DxS7u_sq.js} +1 -1
- package/dist/nano-components/nano-components.css +2 -0
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/{nano-slides-Dbp6Qk42.js → nano-slides-DAQ7BI02.js} +4 -4
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/docs-json.json +7 -2
- package/hydrate/index.js +15 -15
- package/hydrate/index.mjs +15 -15
- package/package.json +2 -2
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{nxMX84kt → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
|
@@ -116,8 +116,8 @@ const GlobalNav = class {
|
|
|
116
116
|
if (link.endsWith('='))
|
|
117
117
|
return link + this.sessionRedirect;
|
|
118
118
|
if (link.includes('?'))
|
|
119
|
-
return link + '&
|
|
120
|
-
return link + '?
|
|
119
|
+
return link + '&RelayState=' + this.sessionRedirect;
|
|
120
|
+
return link + '?RelayState=' + this.sessionRedirect;
|
|
121
121
|
}
|
|
122
122
|
/// USER LOGIN - end ///
|
|
123
123
|
/// RESIZING - start ///
|
|
@@ -495,21 +495,21 @@ const GlobalNav = class {
|
|
|
495
495
|
}
|
|
496
496
|
render() {
|
|
497
497
|
const bpps = this.bpPartials;
|
|
498
|
-
return (renderer.h(index.Host, { key: '
|
|
498
|
+
return (renderer.h(index.Host, { key: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
|
|
499
499
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
500
500
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
501
501
|
'nano-global-nav': true,
|
|
502
|
-
} }, renderer.h("div", { key: '
|
|
502
|
+
} }, renderer.h("div", { key: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
|
|
503
503
|
gn: true,
|
|
504
504
|
'gn__search-open': this.searchBarShown,
|
|
505
|
-
} }, renderer.h("nano-drawer", { key: '
|
|
505
|
+
} }, renderer.h("nano-drawer", { key: '7c509c7835494d84fe89220905ba886c8f42cce6', 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: 'f6fc726040f11c34143942c0ef67fcfc52e7da2a', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), renderer.h("nav", { key: '2a9f0327ef583af91360248b6e5cf6587e3252d6', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
|
|
506
506
|
? bpps.mainMenu.tpl()
|
|
507
|
-
: '', renderer.h("slot", { key: '
|
|
507
|
+
: '', renderer.h("slot", { key: '48a1da58084726cf21d6790d0a3a619d041abb89', name: "overflow" }))), renderer.h("div", { key: 'c5d905c018f98ded7cc77cb90eb25d4d122d3f48', class: "gn__menu-bar-wrapper" }, renderer.h("div", { key: 'c2ffcfd6347d984b1dec0aca9718725fe9ed8468', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, renderer.h("nav", { key: '7c32a8fdb50f70384baa1250d89bb20b20319244', "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: 'a1a16169d019a81d04cda654ce18e7814fbf47cf', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), renderer.h("slot", { key: 'd85b9a21d18bd3e59929b2a13ea179a1f2dd18ed', name: "logo" }, renderer.h("a", { key: 'daa19447dfa301522dd1f4e654b8d9d729005c78', 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
508
|
(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: "36", 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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (renderer.h("div", { key: '
|
|
510
|
-
(!!this.searchIndices.length && (renderer.h("nano-dropdown", { key: '
|
|
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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (renderer.h("div", { key: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), renderer.h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
|
|
510
|
+
(!!this.searchIndices.length && (renderer.h("nano-dropdown", { key: '154b2a574e8390a7caa16f5df56a5cbed465b9ef', 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: 'bbc67a0854c3e27fde7741139e37e1c2bed88111', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), renderer.h("form", { key: 'a32f032d0e68df256429734ba1da886539b2fcbd', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (renderer.h("nano-select", { key: '7d3275457d3f569ebdf6266b8542a476547a3a8d', 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: '2fa9cfd9db3f14857737b0ee575e8ea77997fa37', 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
511
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
512
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, renderer.h("nano-icon", { key: '
|
|
512
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, renderer.h("nano-icon", { key: 'c24763719daaac73a51f2344781c4bc265087435', slot: "end", name: "light/magnifying-glass" }), renderer.h("nano-datalist", { key: 'd9ddcbc8bb9c5278cd83571dc343f609e82797f8', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (renderer.h("div", { key: '6c735f7257f2b6603bb31b3800d86b088b636614', slot: "no-result", class: "gn__search-loading" }, renderer.h("nano-spinner", { key: '07e7e682e645f956cb9b0a1c260bab2ba2749408' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
513
513
|
this.autocompleteResults.hits.map((hit, i) => (renderer.h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
514
514
|
searchInsights.searchInsight.sendClick({
|
|
515
515
|
index: this.activeIndex.index,
|
|
@@ -519,13 +519,13 @@ const GlobalNav = class {
|
|
|
519
519
|
positions: [i + 1],
|
|
520
520
|
});
|
|
521
521
|
} }, 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: '
|
|
522
|
+
renderer.h("nano-option", { key: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
523
|
+
])))))), renderer.h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
|
|
524
|
+
renderer.h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
525
|
+
!!this.cartCount && (renderer.h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
526
526
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
527
527
|
? 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: '
|
|
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: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, renderer.h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, renderer.h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
|
|
529
529
|
}
|
|
530
530
|
static get assetsDirs() { return ["assets"]; }
|
|
531
531
|
static get watchers() { return {
|
|
@@ -2468,7 +2468,7 @@ drag();
|
|
|
2468
2468
|
nowNext();
|
|
2469
2469
|
player();
|
|
2470
2470
|
|
|
2471
|
-
const slidesCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--
|
|
2471
|
+
const slidesCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--nano-color-neutral-700);--navbtns-icon-color-hover:var(--nano-color-primary-1000);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.5rem;--navbtns-height:1rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:1}.flickity-button:hover{opacity:1;cursor:pointer;--navbtns-icon-color:var(--navbtns-icon-color-hover)}.flickity-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:\"\";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-arrow);mask-image:var(--nano-component-icon-arrow);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button.next{margin-inline-start:auto}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:\"\";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
|
|
2472
2472
|
|
|
2473
2473
|
const modulo = (num, div) => {
|
|
2474
2474
|
return ((num % div) + div) % div;
|
|
@@ -2809,15 +2809,15 @@ const Slides = class {
|
|
|
2809
2809
|
}
|
|
2810
2810
|
async loadFlickityModules(opts) {
|
|
2811
2811
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2812
|
-
await Promise.resolve().then(function () { return require('./fullscreen-
|
|
2812
|
+
await Promise.resolve().then(function () { return require('./fullscreen-4tmWl66n.js'); });
|
|
2813
2813
|
this.hasFullScreenModule = true;
|
|
2814
2814
|
}
|
|
2815
2815
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2816
|
-
await Promise.resolve().then(function () { return require('./lazyload-
|
|
2816
|
+
await Promise.resolve().then(function () { return require('./lazyload-CQeC0I0X.js'); });
|
|
2817
2817
|
this.hasLazyLoadModule = true;
|
|
2818
2818
|
}
|
|
2819
2819
|
if (!this.hasFadeModule && opts.fade) {
|
|
2820
|
-
await Promise.resolve().then(function () { return require('./fade-
|
|
2820
|
+
await Promise.resolve().then(function () { return require('./fade-BHLsJJig.js'); });
|
|
2821
2821
|
this.hasFadeModule = true;
|
|
2822
2822
|
}
|
|
2823
2823
|
}
|
|
@@ -89,7 +89,7 @@ export class NanoBreadcrumb {
|
|
|
89
89
|
"references": {
|
|
90
90
|
"Breadcrumb": {
|
|
91
91
|
"location": "local",
|
|
92
|
-
"path": "/builds/
|
|
92
|
+
"path": "/builds/FKs_t1C_/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
|
|
93
93
|
"id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
|
|
94
94
|
}
|
|
95
95
|
}
|
|
@@ -136,8 +136,8 @@ export class GlobalNav {
|
|
|
136
136
|
if (link.endsWith('='))
|
|
137
137
|
return link + this.sessionRedirect;
|
|
138
138
|
if (link.includes('?'))
|
|
139
|
-
return link + '&
|
|
140
|
-
return link + '?
|
|
139
|
+
return link + '&RelayState=' + this.sessionRedirect;
|
|
140
|
+
return link + '?RelayState=' + this.sessionRedirect;
|
|
141
141
|
}
|
|
142
142
|
/// USER LOGIN - end ///
|
|
143
143
|
/// RESIZING - start ///
|
|
@@ -511,21 +511,21 @@ export class GlobalNav {
|
|
|
511
511
|
}
|
|
512
512
|
render() {
|
|
513
513
|
const bpps = this.bpPartials;
|
|
514
|
-
return (h(Host, { key: '
|
|
514
|
+
return (h(Host, { key: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
|
|
515
515
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
516
516
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
517
517
|
'nano-global-nav': true,
|
|
518
|
-
} }, h("div", { key: '
|
|
518
|
+
} }, h("div", { key: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
|
|
519
519
|
gn: true,
|
|
520
520
|
'gn__search-open': this.searchBarShown,
|
|
521
|
-
} }, h("nano-drawer", { key: '
|
|
521
|
+
} }, h("nano-drawer", { key: '7c509c7835494d84fe89220905ba886c8f42cce6', 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: 'f6fc726040f11c34143942c0ef67fcfc52e7da2a', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '2a9f0327ef583af91360248b6e5cf6587e3252d6', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
|
|
522
522
|
? bpps.mainMenu.tpl()
|
|
523
|
-
: '', h("slot", { key: '
|
|
523
|
+
: '', h("slot", { key: '48a1da58084726cf21d6790d0a3a619d041abb89', name: "overflow" }))), h("div", { key: 'c5d905c018f98ded7cc77cb90eb25d4d122d3f48', class: "gn__menu-bar-wrapper" }, h("div", { key: 'c2ffcfd6347d984b1dec0aca9718725fe9ed8468', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '7c32a8fdb50f70384baa1250d89bb20b20319244', "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: 'a1a16169d019a81d04cda654ce18e7814fbf47cf', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'd85b9a21d18bd3e59929b2a13ea179a1f2dd18ed', name: "logo" }, h("a", { key: 'daa19447dfa301522dd1f4e654b8d9d729005c78', 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
524
|
(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: "36", 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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '
|
|
526
|
-
(!!this.searchIndices.length && (h("nano-dropdown", { key: '
|
|
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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
|
|
526
|
+
(!!this.searchIndices.length && (h("nano-dropdown", { key: '154b2a574e8390a7caa16f5df56a5cbed465b9ef', 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: 'bbc67a0854c3e27fde7741139e37e1c2bed88111', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: 'a32f032d0e68df256429734ba1da886539b2fcbd', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '7d3275457d3f569ebdf6266b8542a476547a3a8d', 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: '2fa9cfd9db3f14857737b0ee575e8ea77997fa37', 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
527
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
528
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '
|
|
528
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: 'c24763719daaac73a51f2344781c4bc265087435', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'd9ddcbc8bb9c5278cd83571dc343f609e82797f8', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '6c735f7257f2b6603bb31b3800d86b088b636614', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: '07e7e682e645f956cb9b0a1c260bab2ba2749408' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
529
529
|
this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
530
530
|
searchInsight.sendClick({
|
|
531
531
|
index: this.activeIndex.index,
|
|
@@ -535,13 +535,13 @@ export class GlobalNav {
|
|
|
535
535
|
positions: [i + 1],
|
|
536
536
|
});
|
|
537
537
|
} }, 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: '
|
|
538
|
+
h("nano-option", { key: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
539
|
+
])))))), h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
|
|
540
|
+
h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
541
|
+
!!this.cartCount && (h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
542
542
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
543
543
|
? 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: '
|
|
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: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
|
|
545
545
|
}
|
|
546
546
|
static get is() { return "nano-global-nav"; }
|
|
547
547
|
static get encapsulation() { return "shadow"; }
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
* @prop --navbtns-width: next / prev button width. Default 1.875rem;
|
|
45
45
|
* @prop --navbtns-height: next / prev button height. Default 2.75rem;
|
|
46
46
|
* @prop --navbtns-icon-color: next / prev icon color. Default var(--dot-color-active);
|
|
47
|
+
* @prop --navbtns-icon-color-hover: next / prev icon color on hover. Default var(--nano-color-primary-1000);
|
|
47
48
|
* @prop --navbtns-bg-color: next / prev bg color. Defaults to var(--nano-color-base-0);
|
|
48
49
|
* @prop --navbtns-icon-color-disabled: next / prev icon color. Default var(--dot-color-active);
|
|
49
50
|
* @prop --navbtns-bg-color-disabled: next / prev bg color. Default var(--nano-color-base-0);
|
|
@@ -53,12 +54,13 @@
|
|
|
53
54
|
*/
|
|
54
55
|
--dot-color: var(--nano-color-neutral-400);
|
|
55
56
|
--dot-color-active: var(--nano-color-primary-1000);
|
|
56
|
-
--navbtns-icon-color: var(--
|
|
57
|
+
--navbtns-icon-color: var(--nano-color-neutral-700);
|
|
58
|
+
--navbtns-icon-color-hover: var(--nano-color-primary-1000);
|
|
57
59
|
--navbtns-bg-color: transparent;
|
|
58
60
|
--navbtns-icon-color-disabled: var(--dot-color-active);
|
|
59
61
|
--navbtns-bg-color-disabled: transparent;
|
|
60
|
-
--navbtns-width:
|
|
61
|
-
--navbtns-height:
|
|
62
|
+
--navbtns-width: 1.5rem;
|
|
63
|
+
--navbtns-height: 1rem;
|
|
62
64
|
--fsbtn-icon-color: var(--dot-color-active);
|
|
63
65
|
--fsbtn-bg-color: transparent;
|
|
64
66
|
--flip-icon-ltr: 0;
|
|
@@ -173,12 +175,13 @@ https://flickity.metafizzy.co
|
|
|
173
175
|
background: var(--navbtns-bg-color);
|
|
174
176
|
border: none;
|
|
175
177
|
color: #333;
|
|
176
|
-
opacity:
|
|
178
|
+
opacity: 1;
|
|
177
179
|
}
|
|
178
180
|
|
|
179
181
|
.flickity-button:hover {
|
|
180
182
|
opacity: 1;
|
|
181
183
|
cursor: pointer;
|
|
184
|
+
--navbtns-icon-color: var(--navbtns-icon-color-hover);
|
|
182
185
|
}
|
|
183
186
|
|
|
184
187
|
.flickity-button:focus-visible {
|
|
@@ -208,8 +211,8 @@ https://flickity.metafizzy.co
|
|
|
208
211
|
inline-size: var(--navbtns-width);
|
|
209
212
|
block-size: var(--navbtns-height);
|
|
210
213
|
background-color: var(--navbtns-icon-color);
|
|
211
|
-
-webkit-mask-image: var(--nano-component-icon-
|
|
212
|
-
mask-image: var(--nano-component-icon-
|
|
214
|
+
-webkit-mask-image: var(--nano-component-icon-arrow);
|
|
215
|
+
mask-image: var(--nano-component-icon-arrow);
|
|
213
216
|
transition: color var(--nano-transition-fast) ease;
|
|
214
217
|
-webkit-mask-repeat: no-repeat;
|
|
215
218
|
mask-repeat: no-repeat;
|
|
@@ -131,8 +131,8 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
131
131
|
if (link.endsWith('='))
|
|
132
132
|
return link + this.sessionRedirect;
|
|
133
133
|
if (link.includes('?'))
|
|
134
|
-
return link + '&
|
|
135
|
-
return link + '?
|
|
134
|
+
return link + '&RelayState=' + this.sessionRedirect;
|
|
135
|
+
return link + '?RelayState=' + this.sessionRedirect;
|
|
136
136
|
}
|
|
137
137
|
/// USER LOGIN - end ///
|
|
138
138
|
/// RESIZING - start ///
|
|
@@ -513,21 +513,21 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
513
513
|
}
|
|
514
514
|
render() {
|
|
515
515
|
const bpps = this.bpPartials;
|
|
516
|
-
return (h(Host, { key: '
|
|
516
|
+
return (h(Host, { key: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
|
|
517
517
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
518
518
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
519
519
|
'nano-global-nav': true,
|
|
520
|
-
} }, h("div", { key: '
|
|
520
|
+
} }, h("div", { key: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
|
|
521
521
|
gn: true,
|
|
522
522
|
'gn__search-open': this.searchBarShown,
|
|
523
|
-
} }, h("nano-drawer", { key: '
|
|
523
|
+
} }, h("nano-drawer", { key: '7c509c7835494d84fe89220905ba886c8f42cce6', 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: 'f6fc726040f11c34143942c0ef67fcfc52e7da2a', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '2a9f0327ef583af91360248b6e5cf6587e3252d6', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
|
|
524
524
|
? bpps.mainMenu.tpl()
|
|
525
|
-
: '', h("slot", { key: '
|
|
525
|
+
: '', h("slot", { key: '48a1da58084726cf21d6790d0a3a619d041abb89', name: "overflow" }))), h("div", { key: 'c5d905c018f98ded7cc77cb90eb25d4d122d3f48', class: "gn__menu-bar-wrapper" }, h("div", { key: 'c2ffcfd6347d984b1dec0aca9718725fe9ed8468', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '7c32a8fdb50f70384baa1250d89bb20b20319244', "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: 'a1a16169d019a81d04cda654ce18e7814fbf47cf', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'd85b9a21d18bd3e59929b2a13ea179a1f2dd18ed', name: "logo" }, h("a", { key: 'daa19447dfa301522dd1f4e654b8d9d729005c78', 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
526
|
(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: "36", 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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '
|
|
528
|
-
(!!this.searchIndices.length && (h("nano-dropdown", { key: '
|
|
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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
|
|
528
|
+
(!!this.searchIndices.length && (h("nano-dropdown", { key: '154b2a574e8390a7caa16f5df56a5cbed465b9ef', 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: 'bbc67a0854c3e27fde7741139e37e1c2bed88111', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: 'a32f032d0e68df256429734ba1da886539b2fcbd', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '7d3275457d3f569ebdf6266b8542a476547a3a8d', 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: '2fa9cfd9db3f14857737b0ee575e8ea77997fa37', 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
529
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
530
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '
|
|
530
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: 'c24763719daaac73a51f2344781c4bc265087435', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'd9ddcbc8bb9c5278cd83571dc343f609e82797f8', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '6c735f7257f2b6603bb31b3800d86b088b636614', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: '07e7e682e645f956cb9b0a1c260bab2ba2749408' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
531
531
|
this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
532
532
|
searchInsight.sendClick({
|
|
533
533
|
index: this.activeIndex.index,
|
|
@@ -537,13 +537,13 @@ const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLE
|
|
|
537
537
|
positions: [i + 1],
|
|
538
538
|
});
|
|
539
539
|
} }, 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: '
|
|
540
|
+
h("nano-option", { key: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
541
|
+
])))))), h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
|
|
542
|
+
h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
543
|
+
!!this.cartCount && (h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
544
544
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
545
545
|
? 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: '
|
|
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: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
|
|
547
547
|
}
|
|
548
548
|
static get assetsDirs() { return ["assets"]; }
|
|
549
549
|
static get watchers() { return {
|
|
@@ -2466,7 +2466,7 @@ drag();
|
|
|
2466
2466
|
nowNext();
|
|
2467
2467
|
player();
|
|
2468
2468
|
|
|
2469
|
-
const slidesCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--
|
|
2469
|
+
const slidesCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--nano-color-neutral-700);--navbtns-icon-color-hover:var(--nano-color-primary-1000);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.5rem;--navbtns-height:1rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:1}.flickity-button:hover{opacity:1;cursor:pointer;--navbtns-icon-color:var(--navbtns-icon-color-hover)}.flickity-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:\"\";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-arrow);mask-image:var(--nano-component-icon-arrow);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button.next{margin-inline-start:auto}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:\"\";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
|
|
2470
2470
|
|
|
2471
2471
|
const modulo = (num, div) => {
|
|
2472
2472
|
return ((num % div) + div) % div;
|
|
@@ -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-DAQ7BI02.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-DAQ7BI02.js';
|
|
5
5
|
import './index-BM3Om9WE.js';
|
|
6
6
|
import './renderer-DpNDfhNy.js';
|
|
7
7
|
|
|
@@ -114,8 +114,8 @@ const GlobalNav = class {
|
|
|
114
114
|
if (link.endsWith('='))
|
|
115
115
|
return link + this.sessionRedirect;
|
|
116
116
|
if (link.includes('?'))
|
|
117
|
-
return link + '&
|
|
118
|
-
return link + '?
|
|
117
|
+
return link + '&RelayState=' + this.sessionRedirect;
|
|
118
|
+
return link + '?RelayState=' + this.sessionRedirect;
|
|
119
119
|
}
|
|
120
120
|
/// USER LOGIN - end ///
|
|
121
121
|
/// RESIZING - start ///
|
|
@@ -493,21 +493,21 @@ const GlobalNav = class {
|
|
|
493
493
|
}
|
|
494
494
|
render() {
|
|
495
495
|
const bpps = this.bpPartials;
|
|
496
|
-
return (h(Host, { key: '
|
|
496
|
+
return (h(Host, { key: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
|
|
497
497
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
498
498
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
499
499
|
'nano-global-nav': true,
|
|
500
|
-
} }, h("div", { key: '
|
|
500
|
+
} }, h("div", { key: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
|
|
501
501
|
gn: true,
|
|
502
502
|
'gn__search-open': this.searchBarShown,
|
|
503
|
-
} }, h("nano-drawer", { key: '
|
|
503
|
+
} }, h("nano-drawer", { key: '7c509c7835494d84fe89220905ba886c8f42cce6', 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: 'f6fc726040f11c34143942c0ef67fcfc52e7da2a', class: "gn__drawer-header", part: "overflow-header", slot: "label" }, "Main menu"), h("nav", { key: '2a9f0327ef583af91360248b6e5cf6587e3252d6', class: "gn__drawer-menu", part: "overflow-menu" }, this.breakpoint > bpps.mainMenu.breakpoint
|
|
504
504
|
? bpps.mainMenu.tpl()
|
|
505
|
-
: '', h("slot", { key: '
|
|
505
|
+
: '', h("slot", { key: '48a1da58084726cf21d6790d0a3a619d041abb89', name: "overflow" }))), h("div", { key: 'c5d905c018f98ded7cc77cb90eb25d4d122d3f48', class: "gn__menu-bar-wrapper" }, h("div", { key: 'c2ffcfd6347d984b1dec0aca9718725fe9ed8468', class: "gn__menu-bar", part: "menu-bar", ref: (el) => (this.mainMenuBar = el) }, h("nav", { key: '7c32a8fdb50f70384baa1250d89bb20b20319244', "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: 'a1a16169d019a81d04cda654ce18e7814fbf47cf', class: "gn__overflow-button", iconName: "light/bars", label: "Open Menu", onClick: () => this.overflowMenu.show() })), h("slot", { key: 'd85b9a21d18bd3e59929b2a13ea179a1f2dd18ed', name: "logo" }, h("a", { key: 'daa19447dfa301522dd1f4e654b8d9d729005c78', 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,
|
|
506
506
|
(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: "36", part: "logo logo--large" })) : (h("img", { src: getAssetPath('../nano-assets/ont-wheel.svg'), alt: `Oxford Nanopore Technologies logo. A stylised representation of a nanopore,
|
|
507
|
-
(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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '
|
|
508
|
-
(!!this.searchIndices.length && (h("nano-dropdown", { key: '
|
|
507
|
+
(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: "36", height: "36", part: "logo logo--small" })))), this.breakpoint <= bpps.mainMenu.breakpoint && (h("div", { key: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
|
|
508
|
+
(!!this.searchIndices.length && (h("nano-dropdown", { key: '154b2a574e8390a7caa16f5df56a5cbed465b9ef', 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: 'bbc67a0854c3e27fde7741139e37e1c2bed88111', class: "gn__search-button", slot: "trigger", iconName: "light/magnifying-glass", label: "Search" }), h("form", { key: 'a32f032d0e68df256429734ba1da886539b2fcbd', ref: (form) => (this.searchForm = form), class: "gn__search-form", part: "search-form", onSubmit: this.onSearchSubmit }, this.searchIndices.length > 1 && (h("nano-select", { key: '7d3275457d3f569ebdf6266b8542a476547a3a8d', 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: '2fa9cfd9db3f14857737b0ee575e8ea77997fa37', 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) => {
|
|
509
509
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
510
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '
|
|
510
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: 'c24763719daaac73a51f2344781c4bc265087435', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: 'd9ddcbc8bb9c5278cd83571dc343f609e82797f8', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '6c735f7257f2b6603bb31b3800d86b088b636614', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: '07e7e682e645f956cb9b0a1c260bab2ba2749408' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
511
511
|
this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
512
512
|
searchInsight.sendClick({
|
|
513
513
|
index: this.activeIndex.index,
|
|
@@ -517,13 +517,13 @@ const GlobalNav = class {
|
|
|
517
517
|
positions: [i + 1],
|
|
518
518
|
});
|
|
519
519
|
} }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
|
|
520
|
-
h("nano-option", { key: '
|
|
521
|
-
])))))), h("div", { key: '
|
|
522
|
-
h("nano-icon-button", { key: '
|
|
523
|
-
!!this.cartCount && (h("nano-badge", { key: '
|
|
520
|
+
h("nano-option", { key: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
521
|
+
])))))), h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
|
|
522
|
+
h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
523
|
+
!!this.cartCount && (h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
524
524
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
525
525
|
? bpps.contact.tpl()
|
|
526
|
-
: '', 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: '
|
|
526
|
+
: '', 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: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
|
|
527
527
|
}
|
|
528
528
|
static get assetsDirs() { return ["assets"]; }
|
|
529
529
|
static get watchers() { return {
|