@nanoporetech-digital/components 8.23.7 → 8.23.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/{fade-B0YpF61f.js → fade-kpIGI6CJ.js} +1 -1
  2. package/dist/cjs/{fullscreen-CYee-oTL.js → fullscreen-Cuh4s9g3.js} +1 -1
  3. package/dist/cjs/{lazyload-Dc-2XFbW.js → lazyload-tvpXnTYY.js} +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/nano-components.cjs.js +1 -1
  6. package/dist/cjs/nano-global-nav.cjs.entry.js +17 -22
  7. package/dist/cjs/{nano-slides-BzAG2qI1.js → nano-slides-DcXrQQgs.js} +13 -9
  8. package/dist/cjs/nano-slides.cjs.entry.js +1 -1
  9. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  10. package/dist/collection/components/global-nav/global-nav.js +21 -25
  11. package/dist/collection/components/slides/slides.js +10 -6
  12. package/dist/components/nano-global-nav.js +18 -23
  13. package/dist/components/slides.js +10 -6
  14. package/dist/esm/{fade-EK1-R9Mv.js → fade-Y5mYUwiO.js} +1 -1
  15. package/dist/esm/{fullscreen-Dx1BTMEc.js → fullscreen-Ct2ACI6T.js} +1 -1
  16. package/dist/esm/{lazyload-BzTLDBqm.js → lazyload-ZYbHlu3K.js} +1 -1
  17. package/dist/esm/loader.js +1 -1
  18. package/dist/esm/nano-components.js +1 -1
  19. package/dist/esm/nano-global-nav.entry.js +17 -22
  20. package/dist/esm/{nano-slides-CyEjtFC3.js → nano-slides-0qDi5Vv7.js} +13 -9
  21. package/dist/esm/nano-slides.entry.js +1 -1
  22. package/dist/nano-components/{fade-EK1-R9Mv.js → fade-Y5mYUwiO.js} +1 -1
  23. package/dist/nano-components/{fullscreen-Dx1BTMEc.js → fullscreen-Ct2ACI6T.js} +1 -1
  24. package/dist/nano-components/{lazyload-BzTLDBqm.js → lazyload-ZYbHlu3K.js} +1 -1
  25. package/dist/nano-components/nano-components.esm.js +1 -1
  26. package/dist/nano-components/nano-global-nav.entry.js +1 -1
  27. package/dist/nano-components/{nano-slides-CyEjtFC3.js → nano-slides-0qDi5Vv7.js} +3 -3
  28. package/dist/nano-components/nano-slides.entry.js +1 -1
  29. package/dist/types/components/global-nav/global-nav.d.ts +1 -3
  30. package/dist/types/components/slides/slides.d.ts +1 -1
  31. package/dist/types/components.d.ts +2 -0
  32. package/docs-json.json +11 -5
  33. package/hydrate/index.js +28 -29
  34. package/hydrate/index.mjs +28 -29
  35. package/package.json +2 -2
  36. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
  37. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
  38. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
  39. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
  40. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
  41. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
  42. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
  43. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
  44. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
  45. /package/dist/types/builds/{zUbCqThW → sN_eAsgS}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/hydrate/index.mjs CHANGED
@@ -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
- get sessionRedirect() {
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 + this.sessionRedirect;
14860
+ return link + redirect;
14866
14861
  if (link.includes('?'))
14867
- return link + '&RelayState=' + this.sessionRedirect;
14868
- return link + '?RelayState=' + this.sessionRedirect;
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: 'c486ced318c2125efc1773db0ac1f70d99a47e37', class: {
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: '87eb2ceb4aee98be12f13adec72c8f7190a41fb9', class: {
15244
+ } }, h("div", { key: '30dfb51cf5f539a91b388d3284f7e167834c1f66', class: {
15250
15245
  gn: true,
15251
15246
  'gn__search-open': this.searchBarShown,
15252
- } }, 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
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: '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,
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: '9af9721eb7f52ee01c969c26777d69a851344cff', class: "gn__main-menu-links" }, bpps.mainMenu.tpl())), h("div", { key: '9b04e1c4bcb5df08e9ecd20978dd4e9169a82cef', class: "gn__main-menu-actions" }, !this.myAccountData ||
15257
- (!!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) => {
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: '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 && [
15254
+ }, onNanoInput: this.handleSearchTermInputEvent, debounce: 500, value: this._searchValue }, h("nano-icon", { key: '13616827412c61fae6ab8ef1e0d9c0900eb988e1', slot: "end", name: "light/magnifying-glass" }), h("nano-datalist", { key: '60a71b7caa844df3cc31f3afe0527c3a246bebe5', class: "gn__search-results", onNanoSelect: (e) => e.preventDefault(), dropDownConfig: { tetherTo: this.searchForm }, disableFilter: true }, this.searchLoading && (h("div", { key: 'd0b77699c6ca33448665d6210e19ab854adea7b3', slot: "no-result", class: "gn__search-loading" }, h("nano-spinner", { key: 'e902ed39f3c7f221aa1cad9e66632549b4682a3a' }, "Searching..."))), this.noResultPartial(), !!this.autocompleteResults?.hits.length && [
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: '3afbfed642ad390bb24d7a8918e6e963728e84d6', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
15270
- ])))))), h("div", { key: '530f3cbb5054eb96968a1d656ebf45f447a6acd7', class: "gn__cart" }, this.cartUrl && [
15271
- h("nano-icon-button", { key: '3efd6e086b3b0475b4d6535db35aa6943d09c6ad', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
15272
- !!this.cartCount && (h("nano-badge", { key: 'aff44e12cae62fb3df2f33d2dc205e733a09d58e', theme: "danger", strength: "2" }, this.cartCount > 9 ? '9+' : this.cartCount)),
15264
+ h("nano-option", { key: 'f3a58ec20d98d12bdcafb029d473754079ac1692', class: "gn__search-viewall", onNanoSelect: this.onSearchSubmit }, "View all results"),
15265
+ ])))))), h("div", { key: '0aa7ed82ca99bb0968923c40d1757307b99ae24f', class: "gn__cart" }, this.cartUrl && [
15266
+ h("nano-icon-button", { key: 'f656faf7184caaab66710451d448fff1945fa2c3', iconName: "light/cart-shopping", label: "View your cart", href: this.cartUrl }),
15267
+ !!this.cartCount && (h("nano-badge", { key: '52cf325c50676a3e43f56609bdbdea906657caa9', 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: '17b5bfc029b94fc14834693278018a5f424af947', part: "site-search-results" }, h("div", { key: 'b91a4b40c29c3446991955316e6850152660bfc5', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '891f2f433e7a6fa72c5eae46e12a6079c5870a2e' }))))));
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: 'a7f263fab65063715865870f27e9885bad28914b', part: "site-search-results" }, h("div", { key: '3746c4ed16759a89d4d24aa859d6ba3427597928', class: "gn__site", part: "site-wrapper" }, h("slot", { key: '537e1227c52fd22d6aa4ff8b7bdd0ae84f994fcc' }))))));
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": [6145, "session-redirect"],
15292
+ "sessionRedirect": [1, "session-redirect"],
15298
15293
  "cartCount": [1026, "cart-count"],
15299
15294
  "msgCount": [1026, "msg-count"],
15300
15295
  "myAccountUrl": [1, "my-account-url"],
@@ -29731,7 +29726,11 @@ class Slides {
29731
29726
  * See https://flickity.metafizzy.co/options.html for valid options
29732
29727
  */
29733
29728
  options = {};
29734
- async optionsChanged() {
29729
+ async optionsChanged(newOpts, oldOpts) {
29730
+ const newOptsStr = JSON.stringify(newOpts);
29731
+ const oldOptsStr = JSON.stringify(oldOpts || {});
29732
+ if (newOptsStr === oldOptsStr)
29733
+ return;
29735
29734
  if (this.flickityReady && !this.isReloading) {
29736
29735
  this.isReloading = true;
29737
29736
  await this.reload();
@@ -30168,15 +30167,15 @@ class Slides {
30168
30167
  this.destroyflickity();
30169
30168
  }
30170
30169
  render() {
30171
- return (h(Host, { key: '31e1970ebd05fdbef112a2883320f9413b794c0c', class: "nano-slides" }, h("div", { key: '9e5ffb008bbc71dd447dfbf5419154e75323db8f', class: {
30170
+ return (h(Host, { key: 'b6f08fc2b892fa03e5e5d1c6faa8c9ed5c96909f', class: "nano-slides" }, h("div", { key: '31703829da5889f44e9918c813b71a9c12955881', class: {
30172
30171
  slideshow: true,
30173
30172
  ready: this.ready,
30174
30173
  'not-ready': !this.ready,
30175
- }, part: "base" }, h("div", { key: '9912be2f8163d9f09e2eef7300f0647f1b7c6864', ref: (div) => (this.flickityEl = div), class: {
30174
+ }, part: "base" }, h("div", { key: '9f85e49dc9fc7e78fd73aabf81f21bcb4f7c9a29', ref: (div) => (this.flickityEl = div), class: {
30176
30175
  'flickity-container': true,
30177
30176
  'slides-ready': this.slidesReady,
30178
30177
  'slides-not-ready': !this.slidesReady,
30179
- }, part: "slide-container" }, h("slot", { key: '3ec46ec165a0c296cd675db87a0200288453cc61', onSlotchange: () => this.update() })), h("div", { key: 'ab5c954f37c372d49515ee036b171a01348a0211', class: "ui-extras" }, h("slot", { key: '640abebfa6eefabc7c7062d05f36fab61281157c', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '2a83e31c370398ba80d0492f32a77f57733fb043', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '43679363d42ea5317ea25a9e3a47336be8b37951', 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: 'bf36db34d635003140f5d603f819efcc55eb8def', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: 'bef5a023331a8d4f4d605caefb78379b6d8d7285', name: "previous-icon" })))), this.pager && (h("div", { key: 'f33f858b0fd4b437c2f500caccd6dd07fe905a24', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
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: {
30180
30179
  'pagination-btn': true,
30181
30180
  'pagination-btn--active': this.isActive(index),
30182
30181
  'is-selected': this.isActive(index),
@@ -30185,8 +30184,8 @@ class Slides {
30185
30184
  if (this.isActive(index))
30186
30185
  return;
30187
30186
  this.slideTo(index);
30188
- } }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: 'c5c2cc98259b5c1970aac2e2d0f80188e837e8c3', 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 ===
30189
- this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '878684f75c3b11da746e0b19e2bc9bcdb6c24ad1', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'dee1ecff0456a916176fbe8f6b090183c4d6a0e4', name: "next-icon" })))))))));
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" })))))))));
30190
30189
  }
30191
30190
  static get watchers() { return {
30192
30191
  "options": ["optionsChanged"],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nanoporetech-digital/components",
3
- "version": "8.23.7",
3
+ "version": "8.23.9",
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.7"
59
+ "@nanoporetech-digital/style": "8.23.9"
60
60
  },
61
61
  "devDependencies": {
62
62
  "@algolia/client-search": "^4.22.1",