@nanoporetech-digital/components 8.23.8 → 8.23.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{fade-CvgOk9Og.js → fade-kpIGI6CJ.js} +1 -1
- package/dist/cjs/{fullscreen-DKmp5X-T.js → fullscreen-Cuh4s9g3.js} +1 -1
- package/dist/cjs/{lazyload-Cfx6n-dh.js → lazyload-tvpXnTYY.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-datalist_3.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +18 -23
- package/dist/cjs/{nano-slides-Col9ZoxN.js → nano-slides-DcXrQQgs.js} +8 -8
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/datalist/datalist.js +1 -1
- package/dist/collection/components/global-nav/global-nav.css +3 -3
- package/dist/collection/components/global-nav/global-nav.js +21 -25
- package/dist/collection/components/slides/slides.js +5 -5
- package/dist/components/datalist.js +1 -1
- package/dist/components/nano-global-nav.js +19 -24
- package/dist/components/slides.js +5 -5
- package/dist/esm/{fade-qBTUJ1UV.js → fade-Y5mYUwiO.js} +1 -1
- package/dist/esm/{fullscreen-BXFqT-Or.js → fullscreen-Ct2ACI6T.js} +1 -1
- package/dist/esm/{lazyload-CeaZkqMi.js → lazyload-ZYbHlu3K.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-datalist_3.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +18 -23
- package/dist/esm/{nano-slides-BjmaiTR4.js → nano-slides-0qDi5Vv7.js} +8 -8
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/nano-components/{fade-qBTUJ1UV.js → fade-Y5mYUwiO.js} +1 -1
- package/dist/nano-components/{fullscreen-BXFqT-Or.js → fullscreen-Ct2ACI6T.js} +1 -1
- package/dist/nano-components/lazyload-ZYbHlu3K.js +4 -0
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-datalist_3.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/{nano-slides-BjmaiTR4.js → nano-slides-0qDi5Vv7.js} +1 -1
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/types/components/global-nav/global-nav.d.ts +1 -3
- package/dist/types/components.d.ts +2 -0
- package/docs-json.json +13 -7
- package/hydrate/index.js +25 -30
- package/hydrate/index.mjs +25 -30
- package/package.json +2 -2
- package/dist/nano-components/lazyload-CeaZkqMi.js +0 -4
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{uxdwymh2 → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -9512,9 +9512,9 @@ class DataList {
|
|
|
9512
9512
|
// Component lifecycle
|
|
9513
9513
|
connectedCallback() {
|
|
9514
9514
|
this.watchInputChange();
|
|
9515
|
+
this.handleOptionsChange();
|
|
9515
9516
|
}
|
|
9516
9517
|
componentDidLoad() {
|
|
9517
|
-
this.handleOptionsChange();
|
|
9518
9518
|
this.openWatcher();
|
|
9519
9519
|
}
|
|
9520
9520
|
componentDidRender() {
|
|
@@ -14734,7 +14734,7 @@ const searchInsight = {
|
|
|
14734
14734
|
},
|
|
14735
14735
|
};
|
|
14736
14736
|
|
|
14737
|
-
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block;block-size:revert-layer}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:calc(var(--nano-z-index-menubar) + 1);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__logo--small{min-inline-size:35px}.gn__logo--large{min-inline-size:152px}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .
|
|
14737
|
+
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block;block-size:revert-layer}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:calc(var(--nano-z-index-menubar) + 1);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-neutral-200)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__logo--small{min-inline-size:35px}.gn__logo--large{min-inline-size:152px}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .gn__search-button{position:relative}.gn__search-dropdown .gn__search-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .gn__search-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-neutral-200);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-neutral-300);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
|
|
14738
14738
|
|
|
14739
14739
|
const MIN_SEARCH_LENGTH = 3;
|
|
14740
14740
|
/**
|
|
@@ -14777,14 +14777,8 @@ class GlobalNav {
|
|
|
14777
14777
|
logoutUrl = '';
|
|
14778
14778
|
/** Url to the Nanopore contact page */
|
|
14779
14779
|
contactUrl = 'https://nanoporetech.com/contact';
|
|
14780
|
-
_sessionRedirect = window.location.href;
|
|
14781
14780
|
/** A url to take the user after login or logout. Defaults to current URL. Is automatically URI encoded */
|
|
14782
|
-
|
|
14783
|
-
return encodeURIComponent(this._sessionRedirect);
|
|
14784
|
-
}
|
|
14785
|
-
set sessionRedirect(val) {
|
|
14786
|
-
this._sessionRedirect = val;
|
|
14787
|
-
}
|
|
14781
|
+
sessionRedirect = window.location.href;
|
|
14788
14782
|
/** MyAccount store cart count.*/
|
|
14789
14783
|
cartCount = 0;
|
|
14790
14784
|
/** MyAccount un-read message count. */
|
|
@@ -14861,11 +14855,12 @@ class GlobalNav {
|
|
|
14861
14855
|
return '';
|
|
14862
14856
|
if (!this.sessionRedirect)
|
|
14863
14857
|
return link;
|
|
14858
|
+
const redirect = encodeURIComponent(this.sessionRedirect);
|
|
14864
14859
|
if (link.endsWith('='))
|
|
14865
|
-
return link +
|
|
14860
|
+
return link + redirect;
|
|
14866
14861
|
if (link.includes('?'))
|
|
14867
|
-
return link + '&RelayState=' +
|
|
14868
|
-
return link + '?RelayState=' +
|
|
14862
|
+
return link + '&RelayState=' + redirect;
|
|
14863
|
+
return link + '?RelayState=' + redirect;
|
|
14869
14864
|
}
|
|
14870
14865
|
/// USER LOGIN - end ///
|
|
14871
14866
|
/// RESIZING - start ///
|
|
@@ -15242,21 +15237,21 @@ class GlobalNav {
|
|
|
15242
15237
|
}
|
|
15243
15238
|
render() {
|
|
15244
15239
|
const bpps = this.bpPartials;
|
|
15245
|
-
return (h(Host, { key: '
|
|
15240
|
+
return (h(Host, { key: '1d15ddb44d49d6e8d9bd8e6179cdefaee729d800', class: {
|
|
15246
15241
|
'overflow-menu': this.breakpoint > bpps.mainMenu.breakpoint,
|
|
15247
15242
|
'bar-menu': this.breakpoint <= bpps.mainMenu.breakpoint,
|
|
15248
15243
|
'nano-global-nav': true,
|
|
15249
|
-
} }, h("div", { key: '
|
|
15244
|
+
} }, h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
|
|
15250
15245
|
gn: true,
|
|
15251
15246
|
'gn__search-open': this.searchBarShown,
|
|
15252
|
-
} }, h("nano-drawer", { key: '
|
|
15247
|
+
} }, 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
|
|
15253
15248
|
? bpps.mainMenu.tpl()
|
|
15254
|
-
: '', h("slot", { key: '
|
|
15249
|
+
: '', 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,
|
|
15255
15250
|
(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,
|
|
15256
|
-
(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: '
|
|
15257
|
-
(!!this.searchIndices.length && (h("nano-dropdown", { key: '
|
|
15251
|
+
(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 ||
|
|
15252
|
+
(!!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) => {
|
|
15258
15253
|
this.handleSearchTermChangeEvent(e.detail.value);
|
|
15259
|
-
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '
|
|
15254
|
+
}, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon-button", { key: 'a993617eca8ea8ba6fb893ca0df1b36567ae650f', slot: "end", "icon-name": "light/magnifying-glass", label: "Search", onClick: this.onSearchSubmit }), h("nano-datalist", { key: 'b80f7cdc8230e33f954e576ba266cf15817ea0e0', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: '946b0eb00b7ee2c0de28e3c4937872f35a172225', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e967d62cca0152014c1f7b2d1e22e898b1900898' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
|
|
15260
15255
|
this.autocompleteResults.hits.map((hit, i) => (h("nano-option", { href: hit.url, class: "gn__search-result", onClick: () => {
|
|
15261
15256
|
searchInsight.sendClick({
|
|
15262
15257
|
index: this.activeIndex.index,
|
|
@@ -15266,13 +15261,13 @@ class GlobalNav {
|
|
|
15266
15261
|
positions: [i + 1],
|
|
15267
15262
|
});
|
|
15268
15263
|
} }, h("span", { innerHTML: this.autocompleteSnippet(hit) })))),
|
|
15269
|
-
h("nano-option", { key: '
|
|
15270
|
-
])))))), h("div", { key: '
|
|
15271
|
-
h("nano-icon-button", { key: '
|
|
15272
|
-
!!this.cartCount && (h("nano-badge", { key: '
|
|
15264
|
+
h("nano-option", { key: 'd5080b4806b092a6a249dc5f74fc77f843c9a417', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
|
|
15265
|
+
])))))), h("div", { key: 'baefbc8101a45eab3bf67ea54f10bc92820f9473', class: "gn__cart" }, this.cartUrl && [
|
|
15266
|
+
h("nano-icon-button", { key: 'c00072ef4a40eb2d4ffe475098a08f650f113e8c', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
|
|
15267
|
+
!!this.cartCount && (h("nano-badge", { key: '9431e046412770f12754c1043fbc9316ef41c302', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
|
|
15273
15268
|
]), this.breakpoint <= bpps.contact.breakpoint
|
|
15274
15269
|
? bpps.contact.tpl()
|
|
15275
|
-
: '', 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: '
|
|
15270
|
+
: '', this.isLoggedIn ? (h("nano-dropdown", { dialogTitle: "User menu", class: "gn__user-dropdown", distance: 10, placement: "bottom-end" }, h("button", { slot: "trigger", class: "gn__user-dropdown-trigger" }, h("nano-icon", { name: "light/user" }), h("nano-icon", { name: "light/chevron-down", class: "gn__user-dropdown-chevron" }), !!this.msgCount && (h("nano-badge", { theme: "danger", strength: "2" }, this.msgCount > 9 ? '9+' : this.msgCount))), this.loggedInPanel())) : (h("nano-cta", { secondary: true, size: "small", icon: "false", class: "gn__login-cta" }, typeof this.loginUrl === 'string' ? (h("a", { href: this.formatLoginLink(this.loginUrl) }, "Login")) : (h("button", { onClick: this.loginUrl }, "Login")))))))), h("nano-global-search-results", { key: 'ff4246d6110809972a0207981f3c09c7ee925e54', part: "site-search-results" }, h("div", { key: '95caefde60103a7d5f28b7887342f31a053e5c5a', class: "gn__site", part: "site-wrapper" }, h("slot", { key: 'e9d50fd85ef94d913212b6b201026ee4f2069791' }))))));
|
|
15276
15271
|
}
|
|
15277
15272
|
static get assetsDirs() { return ["assets"]; }
|
|
15278
15273
|
static get watchers() { return {
|
|
@@ -15294,7 +15289,7 @@ class GlobalNav {
|
|
|
15294
15289
|
"loginUrl": [1025, "login-url"],
|
|
15295
15290
|
"logoutUrl": [1025, "logout-url"],
|
|
15296
15291
|
"contactUrl": [1, "contact-url"],
|
|
15297
|
-
"sessionRedirect": [
|
|
15292
|
+
"sessionRedirect": [1, "session-redirect"],
|
|
15298
15293
|
"cartCount": [1026, "cart-count"],
|
|
15299
15294
|
"msgCount": [1026, "msg-count"],
|
|
15300
15295
|
"myAccountUrl": [1, "my-account-url"],
|
|
@@ -30172,15 +30167,15 @@ class Slides {
|
|
|
30172
30167
|
this.destroyflickity();
|
|
30173
30168
|
}
|
|
30174
30169
|
render() {
|
|
30175
|
-
return (h(Host, { key: '
|
|
30170
|
+
return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
|
|
30176
30171
|
slideshow: true,
|
|
30177
30172
|
ready: this.ready,
|
|
30178
30173
|
'not-ready': !this.ready,
|
|
30179
|
-
}, part: "base" }, h("div", { key: '
|
|
30174
|
+
}, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
|
|
30180
30175
|
'flickity-container': true,
|
|
30181
30176
|
'slides-ready': this.slidesReady,
|
|
30182
30177
|
'slides-not-ready': !this.slidesReady,
|
|
30183
|
-
}, part: "slide-container" }, h("slot", { key: '
|
|
30178
|
+
}, 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: {
|
|
30184
30179
|
'pagination-btn': true,
|
|
30185
30180
|
'pagination-btn--active': this.isActive(index),
|
|
30186
30181
|
'is-selected': this.isActive(index),
|
|
@@ -30189,8 +30184,8 @@ class Slides {
|
|
|
30189
30184
|
if (this.isActive(index))
|
|
30190
30185
|
return;
|
|
30191
30186
|
this.slideTo(index);
|
|
30192
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
30193
|
-
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '
|
|
30187
|
+
} }, 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 ===
|
|
30188
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '7140891f079fc702044e6bd46aaaf996dbac02d7', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'ceed5fb13ebf410b999f7b4a10a0489b2162d4ed', name: "next-icon" })))))))));
|
|
30194
30189
|
}
|
|
30195
30190
|
static get watchers() { return {
|
|
30196
30191
|
"options": ["optionsChanged"],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nanoporetech-digital/components",
|
|
3
|
-
"version": "8.23.
|
|
3
|
+
"version": "8.23.10",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "A collection of Oxford Nanopore corporate / digital webcomponents",
|
|
6
6
|
"type": "module",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"smart-array-filter": "^4.0.2",
|
|
57
57
|
"stencil-wormhole": "3.2.1",
|
|
58
58
|
"tyqs": "^0.1.3",
|
|
59
|
-
"@nanoporetech-digital/style": "8.23.
|
|
59
|
+
"@nanoporetech-digital/style": "8.23.10"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@algolia/client-search": "^4.22.1",
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Custom elements for Nanopore-Digital Web applications
|
|
3
|
-
*/
|
|
4
|
-
import{F as t,u as i}from"./nano-slides-BjmaiTR4.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";t.createMethods.push("_createLazyload");const a=t.prototype;function s(t,i){this.img=t,this.flickity=i,this.load()}a._createLazyload=function(){this.on("select",this.lazyLoad)},a.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const a=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];a.forEach((function(t){const a=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),a=t.getAttribute("data-flickity-lazyload-src"),s=t.getAttribute("data-flickity-lazyload-srcset");if(i||a||s)return[t]}const a=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(a)}(t);l=l.concat(a)})),l.forEach((function(t){new s(t,this)}),this)},s.prototype.handleEvent=i.handleEvent,s.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},s.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},s.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},s.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const a=this.flickity.getParentCell(this.img),s=a&&a.element;this.flickity.cellSizeChange(s),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,s)},t.LazyLoader=s;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|