@nanoporetech-digital/components 8.0.0-alpha.0 → 8.0.0-alpha.1

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 (267) hide show
  1. package/dist/cjs/{algolia-data-JweofGji.js → algolia-data-CFc_52My.js} +1 -1
  2. package/dist/cjs/{component-store-DKMzj8Ei.js → component-store-DdyLi-VY.js} +1 -1
  3. package/dist/cjs/{dom-a3wgHxbn.js → dom-CvQQBdol.js} +1 -1
  4. package/dist/cjs/{fade-run1oYFS.js → fade-Bq3U8uF7.js} +3 -3
  5. package/dist/cjs/{form-control-zW-pmQ5Y.js → form-control-gUYfW0n-.js} +1 -1
  6. package/dist/cjs/{fullscreen-DGiusO_n.js → fullscreen-Czdw-D-5.js} +3 -3
  7. package/dist/cjs/{index-DYD4xvxr.js → index-B76C6Tm9.js} +162 -191
  8. package/dist/cjs/{index-BV7Y7Zvi.js → index-ChTXweZN.js} +1 -1
  9. package/dist/cjs/index.cjs.js +3 -3
  10. package/dist/cjs/{lazyload-CavfHrQV.js → lazyload-BpoUFECt.js} +3 -3
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/cjs/{modal-lJ_KdrUQ.js → modal-DddxtK2h.js} +1 -1
  13. package/dist/cjs/nano-accordion.cjs.entry.js +3 -3
  14. package/dist/cjs/nano-alert.cjs.entry.js +7 -7
  15. package/dist/cjs/nano-algolia-filter.cjs.entry.js +4 -4
  16. package/dist/cjs/nano-algolia-pagination.cjs.entry.js +2 -2
  17. package/dist/cjs/nano-algolia-results.cjs.entry.js +3 -3
  18. package/dist/cjs/nano-algolia.cjs.entry.js +5 -5
  19. package/dist/cjs/nano-animation.cjs.entry.js +4 -4
  20. package/dist/cjs/nano-avatar_5.cjs.entry.js +9 -9
  21. package/dist/cjs/nano-breadcrumb.cjs.entry.js +2 -2
  22. package/dist/cjs/nano-card-carousel.cjs.entry.js +3 -3
  23. package/dist/cjs/nano-card.cjs.entry.js +1 -1
  24. package/dist/cjs/nano-checkbox-group.cjs.entry.js +2 -2
  25. package/dist/cjs/nano-checkbox.cjs.entry.js +2 -2
  26. package/dist/cjs/nano-collapsible-comparison.cjs.entry.js +2 -2
  27. package/dist/cjs/nano-components.cjs.js +3 -3
  28. package/dist/cjs/nano-content-links.cjs.entry.js +1 -1
  29. package/dist/cjs/nano-cta.cjs.entry.js +1 -1
  30. package/dist/cjs/{nano-data-table-DlJaR4KG.js → nano-data-table-BNwDI1rg.js} +5 -5
  31. package/dist/cjs/nano-data-table.cjs.entry.js +6 -6
  32. package/dist/cjs/nano-datalist_3.cjs.entry.js +11 -10
  33. package/dist/cjs/nano-date-input.cjs.entry.js +2 -2
  34. package/dist/cjs/nano-date-picker_2.cjs.entry.js +4 -4
  35. package/dist/cjs/nano-details.cjs.entry.js +9 -6
  36. package/dist/cjs/nano-dialog.cjs.entry.js +8 -8
  37. package/dist/cjs/nano-dropdown_2.cjs.entry.js +7 -7
  38. package/dist/cjs/nano-field-validator.cjs.entry.js +3 -3
  39. package/dist/cjs/nano-file-upload.cjs.entry.js +2 -2
  40. package/dist/cjs/nano-footer.cjs.entry.js +1 -1
  41. package/dist/cjs/nano-global-nav.cjs.entry.js +3 -3
  42. package/dist/cjs/nano-grid-item.cjs.entry.js +1 -1
  43. package/dist/cjs/nano-grid_2.cjs.entry.js +3 -3
  44. package/dist/cjs/nano-hero.cjs.entry.js +2 -2
  45. package/dist/cjs/nano-icon-item.cjs.entry.js +1 -1
  46. package/dist/cjs/nano-icon_3.cjs.entry.js +2 -2
  47. package/dist/cjs/nano-in-page-nav.cjs.entry.js +4 -4
  48. package/dist/cjs/nano-intersection-observe.cjs.entry.js +9 -12
  49. package/dist/cjs/nano-masked-overflow.cjs.entry.js +4 -4
  50. package/dist/cjs/nano-menu-drawer.cjs.entry.js +3 -3
  51. package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
  52. package/dist/cjs/nano-nav-item.cjs.entry.js +5 -5
  53. package/dist/cjs/nano-progress-bar.cjs.entry.js +2 -2
  54. package/dist/cjs/nano-range.cjs.entry.js +2 -2
  55. package/dist/cjs/nano-rating.cjs.entry.js +2 -2
  56. package/dist/cjs/nano-resize-observe_2.cjs.entry.js +2 -2
  57. package/dist/cjs/nano-slide.cjs.entry.js +2 -2
  58. package/dist/cjs/{nano-slides-D5q9vQ4P.js → nano-slides-Cj4figHV.js} +6 -6
  59. package/dist/cjs/nano-slides.cjs.entry.js +3 -3
  60. package/dist/cjs/nano-sortable.cjs.entry.js +2 -2
  61. package/dist/cjs/nano-spinner.cjs.entry.js +2 -2
  62. package/dist/cjs/nano-split-pane.cjs.entry.js +2 -2
  63. package/dist/cjs/nano-sticker.cjs.entry.js +6 -9
  64. package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
  65. package/dist/cjs/nano-tab-group.cjs.entry.js +5 -5
  66. package/dist/cjs/nano-tab.cjs.entry.js +2 -2
  67. package/dist/cjs/nano-table.cjs.entry.js +2 -2
  68. package/dist/cjs/{page-dots-D-QQnR4W.js → page-dots-E6b7S4vs.js} +3 -3
  69. package/dist/cjs/{renderer-SkVn69pT.js → renderer-Z8wHFL4e.js} +1 -1
  70. package/dist/cjs/{scroll-DXjC771e.js → scroll-DspYj7mY.js} +1 -1
  71. package/dist/cjs/{slot-CBvkJee9.js → slot-B4QUWT-c.js} +1 -1
  72. package/dist/cjs/{tabbable-M9OUrhLE.js → tabbable-YPytg5sg.js} +1 -1
  73. package/dist/cjs/{table.worker-FkRsUwRY.js → table.worker-bFxUCos7.js} +6 -6
  74. package/dist/collection/collection-manifest.json +1 -1
  75. package/dist/collection/components/animation/animation.js +3 -3
  76. package/dist/collection/components/breadcrumb/breadcrumb.css +6 -5
  77. package/dist/collection/components/card-carousel/card-carousel.css +4 -4
  78. package/dist/collection/components/datalist/datalist.js +9 -8
  79. package/dist/collection/components/details/details.js +6 -3
  80. package/dist/collection/components/dropdown/dropdown.js +1 -1
  81. package/dist/collection/components/field-validator/field-validator.js +1 -1
  82. package/dist/collection/components/global-nav/global-nav.css +4 -4
  83. package/dist/collection/components/grid/grid.css +3 -0
  84. package/dist/collection/components/in-page-nav/in-page-nav.css +5 -5
  85. package/dist/collection/components/intersection-observe/intersection-observe.js +6 -9
  86. package/dist/collection/components/menu/menu.js +3 -5
  87. package/dist/collection/components/sortable/sortable.js +5 -5
  88. package/dist/collection/components/sticker/sticker.js +2 -5
  89. package/dist/collection/components/tabs/tab-group.css +3 -3
  90. package/dist/collection/global/script/global.js +1 -30
  91. package/dist/components/datalist.js +9 -8
  92. package/dist/components/details.js +6 -3
  93. package/dist/components/grid.js +1 -1
  94. package/dist/components/index.js +1 -30
  95. package/dist/components/menu.js +3 -5
  96. package/dist/components/nano-animation.js +3 -3
  97. package/dist/components/nano-breadcrumb.js +1 -1
  98. package/dist/components/nano-card-carousel.js +1 -1
  99. package/dist/components/nano-global-nav.js +1 -1
  100. package/dist/components/nano-in-page-nav.js +1 -1
  101. package/dist/components/nano-intersection-observe.js +6 -9
  102. package/dist/components/nano-tab-group.js +1 -1
  103. package/dist/components/sticker.js +2 -5
  104. package/dist/esm/{algolia-data-BNDipgId.js → algolia-data-CCqzaIh4.js} +1 -1
  105. package/dist/esm/{component-store-DqCSKpAK.js → component-store-C-YnXSQE.js} +1 -1
  106. package/dist/esm/{dom-CF0Ycs9M.js → dom-GYcqUAl_.js} +1 -1
  107. package/dist/esm/{fade-CdIyPeai.js → fade-C3aqZinc.js} +3 -3
  108. package/dist/esm/{form-control-DXPQniNX.js → form-control-BjKTwcqA.js} +1 -1
  109. package/dist/esm/{fullscreen-C4GllGer.js → fullscreen-T7b44-vN.js} +3 -3
  110. package/dist/esm/{index-CFYZ-ZOT.js → index-DOuz1S3w.js} +148 -177
  111. package/dist/esm/{index-DxKBolVo.js → index-DkZY6pJu.js} +1 -1
  112. package/dist/esm/index.js +4 -4
  113. package/dist/esm/{lazyload-pTbJ7q2S.js → lazyload-BdH0bSmg.js} +3 -3
  114. package/dist/esm/loader.js +3 -3
  115. package/dist/esm/{modal-B50PWCuY.js → modal-s7sHBYzQ.js} +1 -1
  116. package/dist/esm/nano-accordion.entry.js +3 -3
  117. package/dist/esm/nano-alert.entry.js +7 -7
  118. package/dist/esm/nano-algolia-filter.entry.js +4 -4
  119. package/dist/esm/nano-algolia-pagination.entry.js +2 -2
  120. package/dist/esm/nano-algolia-results.entry.js +3 -3
  121. package/dist/esm/nano-algolia.entry.js +5 -5
  122. package/dist/esm/nano-animation.entry.js +4 -4
  123. package/dist/esm/nano-avatar_5.entry.js +9 -9
  124. package/dist/esm/nano-breadcrumb.entry.js +2 -2
  125. package/dist/esm/nano-card-carousel.entry.js +3 -3
  126. package/dist/esm/nano-card.entry.js +1 -1
  127. package/dist/esm/nano-checkbox-group.entry.js +2 -2
  128. package/dist/esm/nano-checkbox.entry.js +2 -2
  129. package/dist/esm/nano-collapsible-comparison.entry.js +2 -2
  130. package/dist/esm/nano-components.js +4 -4
  131. package/dist/esm/nano-content-links.entry.js +1 -1
  132. package/dist/esm/nano-cta.entry.js +1 -1
  133. package/dist/esm/{nano-data-table-DsTG4mqR.js → nano-data-table-Bm9J8Phu.js} +5 -5
  134. package/dist/esm/nano-data-table.entry.js +6 -6
  135. package/dist/esm/nano-datalist_3.entry.js +11 -10
  136. package/dist/esm/nano-date-input.entry.js +2 -2
  137. package/dist/esm/nano-date-picker_2.entry.js +4 -4
  138. package/dist/esm/nano-details.entry.js +9 -6
  139. package/dist/esm/nano-dialog.entry.js +8 -8
  140. package/dist/esm/nano-dropdown_2.entry.js +7 -7
  141. package/dist/esm/nano-field-validator.entry.js +3 -3
  142. package/dist/esm/nano-file-upload.entry.js +2 -2
  143. package/dist/esm/nano-footer.entry.js +1 -1
  144. package/dist/esm/nano-global-nav.entry.js +3 -3
  145. package/dist/esm/nano-grid-item.entry.js +1 -1
  146. package/dist/esm/nano-grid_2.entry.js +3 -3
  147. package/dist/esm/nano-hero.entry.js +2 -2
  148. package/dist/esm/nano-icon-item.entry.js +1 -1
  149. package/dist/esm/nano-icon_3.entry.js +2 -2
  150. package/dist/esm/nano-in-page-nav.entry.js +4 -4
  151. package/dist/esm/nano-intersection-observe.entry.js +9 -12
  152. package/dist/esm/nano-masked-overflow.entry.js +4 -4
  153. package/dist/esm/nano-menu-drawer.entry.js +3 -3
  154. package/dist/esm/nano-more-less.entry.js +2 -2
  155. package/dist/esm/nano-nav-item.entry.js +5 -5
  156. package/dist/esm/nano-progress-bar.entry.js +2 -2
  157. package/dist/esm/nano-range.entry.js +2 -2
  158. package/dist/esm/nano-rating.entry.js +2 -2
  159. package/dist/esm/nano-resize-observe_2.entry.js +2 -2
  160. package/dist/esm/nano-slide.entry.js +2 -2
  161. package/dist/esm/{nano-slides-BcyK9Szs.js → nano-slides-BEE7xEu_.js} +6 -6
  162. package/dist/esm/nano-slides.entry.js +3 -3
  163. package/dist/esm/nano-sortable.entry.js +2 -2
  164. package/dist/esm/nano-spinner.entry.js +2 -2
  165. package/dist/esm/nano-split-pane.entry.js +2 -2
  166. package/dist/esm/nano-sticker.entry.js +6 -9
  167. package/dist/esm/nano-tab-content.entry.js +2 -2
  168. package/dist/esm/nano-tab-group.entry.js +5 -5
  169. package/dist/esm/nano-tab.entry.js +2 -2
  170. package/dist/esm/nano-table.entry.js +2 -2
  171. package/dist/esm/{page-dots-Cq8hjoql.js → page-dots-D2WI1eZ0.js} +3 -3
  172. package/dist/esm/{renderer-LJzCFyMt.js → renderer-CnE0Hztu.js} +1 -1
  173. package/dist/esm/{scroll-BRRzrkAi.js → scroll-DHa1CIPP.js} +1 -1
  174. package/dist/esm/{slot-DBzVpliZ.js → slot-lixS0pd2.js} +1 -1
  175. package/dist/esm/{tabbable-BpHwrUYt.js → tabbable-QmV19K7Q.js} +1 -1
  176. package/dist/esm/{table.worker-BoX4CUXT.js → table.worker-zeRR3oed.js} +6 -6
  177. package/dist/nano-components/{algolia-data-BNDipgId.js → algolia-data-CCqzaIh4.js} +1 -1
  178. package/dist/nano-components/{component-store-DqCSKpAK.js → component-store-C-YnXSQE.js} +1 -1
  179. package/dist/nano-components/{dom-CF0Ycs9M.js → dom-GYcqUAl_.js} +1 -1
  180. package/dist/nano-components/{fade-CdIyPeai.js → fade-C3aqZinc.js} +1 -1
  181. package/dist/nano-components/{form-control-DXPQniNX.js → form-control-BjKTwcqA.js} +1 -1
  182. package/dist/nano-components/{fullscreen-C4GllGer.js → fullscreen-T7b44-vN.js} +1 -1
  183. package/dist/nano-components/index-DOuz1S3w.js +5 -0
  184. package/dist/nano-components/{index-DxKBolVo.js → index-DkZY6pJu.js} +1 -1
  185. package/dist/nano-components/index.esm.js +1 -1
  186. package/dist/nano-components/{lazyload-pTbJ7q2S.js → lazyload-BdH0bSmg.js} +1 -1
  187. package/dist/nano-components/{modal-B50PWCuY.js → modal-s7sHBYzQ.js} +1 -1
  188. package/dist/nano-components/nano-accordion.entry.js +1 -1
  189. package/dist/nano-components/nano-alert.entry.js +1 -1
  190. package/dist/nano-components/nano-algolia-filter.entry.js +1 -1
  191. package/dist/nano-components/nano-algolia-pagination.entry.js +1 -1
  192. package/dist/nano-components/nano-algolia-results.entry.js +1 -1
  193. package/dist/nano-components/nano-algolia.entry.js +1 -1
  194. package/dist/nano-components/nano-animation.entry.js +1 -1
  195. package/dist/nano-components/nano-avatar_5.entry.js +1 -1
  196. package/dist/nano-components/nano-breadcrumb.entry.js +1 -1
  197. package/dist/nano-components/nano-card-carousel.entry.js +1 -1
  198. package/dist/nano-components/nano-card.entry.js +1 -1
  199. package/dist/nano-components/nano-checkbox-group.entry.js +1 -1
  200. package/dist/nano-components/nano-checkbox.entry.js +1 -1
  201. package/dist/nano-components/nano-collapsible-comparison.entry.js +1 -1
  202. package/dist/nano-components/nano-components.css +64 -39
  203. package/dist/nano-components/nano-components.esm.js +1 -1
  204. package/dist/nano-components/nano-content-links.entry.js +1 -1
  205. package/dist/nano-components/nano-cta.entry.js +1 -1
  206. package/dist/nano-components/{nano-data-table-DsTG4mqR.js → nano-data-table-Bm9J8Phu.js} +1 -1
  207. package/dist/nano-components/nano-data-table.entry.js +1 -1
  208. package/dist/nano-components/nano-datalist_3.entry.js +1 -1
  209. package/dist/nano-components/nano-date-input.entry.js +1 -1
  210. package/dist/nano-components/nano-date-picker_2.entry.js +1 -1
  211. package/dist/nano-components/nano-details.entry.js +1 -1
  212. package/dist/nano-components/nano-dialog.entry.js +1 -1
  213. package/dist/nano-components/nano-dropdown_2.entry.js +1 -1
  214. package/dist/nano-components/nano-field-validator.entry.js +1 -1
  215. package/dist/nano-components/nano-file-upload.entry.js +1 -1
  216. package/dist/nano-components/nano-footer.entry.js +1 -1
  217. package/dist/nano-components/nano-global-nav.entry.js +1 -1
  218. package/dist/nano-components/nano-grid-item.entry.js +1 -1
  219. package/dist/nano-components/nano-grid_2.entry.js +1 -1
  220. package/dist/nano-components/nano-hero.entry.js +1 -1
  221. package/dist/nano-components/nano-icon-item.entry.js +1 -1
  222. package/dist/nano-components/nano-icon_3.entry.js +1 -1
  223. package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
  224. package/dist/nano-components/nano-intersection-observe.entry.js +1 -1
  225. package/dist/nano-components/nano-masked-overflow.entry.js +1 -1
  226. package/dist/nano-components/nano-menu-drawer.entry.js +1 -1
  227. package/dist/nano-components/nano-more-less.entry.js +1 -1
  228. package/dist/nano-components/nano-nav-item.entry.js +1 -1
  229. package/dist/nano-components/nano-progress-bar.entry.js +1 -1
  230. package/dist/nano-components/nano-range.entry.js +1 -1
  231. package/dist/nano-components/nano-rating.entry.js +1 -1
  232. package/dist/nano-components/nano-resize-observe_2.entry.js +1 -1
  233. package/dist/nano-components/nano-slide.entry.js +1 -1
  234. package/dist/nano-components/{nano-slides-BcyK9Szs.js → nano-slides-BEE7xEu_.js} +3 -3
  235. package/dist/nano-components/nano-slides.entry.js +1 -1
  236. package/dist/nano-components/nano-sortable.entry.js +1 -1
  237. package/dist/nano-components/nano-spinner.entry.js +1 -1
  238. package/dist/nano-components/nano-split-pane.entry.js +1 -1
  239. package/dist/nano-components/nano-sticker.entry.js +1 -1
  240. package/dist/nano-components/nano-tab-content.entry.js +1 -1
  241. package/dist/nano-components/nano-tab-group.entry.js +1 -1
  242. package/dist/nano-components/nano-tab.entry.js +1 -1
  243. package/dist/nano-components/nano-table.entry.js +1 -1
  244. package/dist/nano-components/{page-dots-Cq8hjoql.js → page-dots-D2WI1eZ0.js} +1 -1
  245. package/dist/nano-components/{renderer-LJzCFyMt.js → renderer-CnE0Hztu.js} +1 -1
  246. package/dist/nano-components/{scroll-BRRzrkAi.js → scroll-DHa1CIPP.js} +1 -1
  247. package/dist/nano-components/{slot-DBzVpliZ.js → slot-lixS0pd2.js} +1 -1
  248. package/dist/nano-components/{tabbable-BpHwrUYt.js → tabbable-QmV19K7Q.js} +1 -1
  249. package/dist/nano-components/table.worker-zeRR3oed.js +4 -0
  250. package/dist/stencil.config.js +1 -2
  251. package/dist/style/components.css +1 -1
  252. package/dist/style/components.css.map +1 -1
  253. package/dist/style/core.css +1 -1
  254. package/dist/style/core.css.map +1 -1
  255. package/dist/style/dark.css +1 -1
  256. package/dist/style/dark.css.map +1 -1
  257. package/dist/style/nano.css +1 -1
  258. package/dist/style/nano.css.map +1 -1
  259. package/docs-json.json +20 -15
  260. package/hydrate/index.js +237 -1315
  261. package/hydrate/index.mjs +237 -1315
  262. package/package.json +3 -3
  263. package/dist/nano-components/index-CFYZ-ZOT.js +0 -5
  264. package/dist/nano-components/table.worker-BoX4CUXT.js +0 -4
  265. package/dist/plugins/postcss/scoped-part.js +0 -26
  266. package/dist/types/Users/John.Jenkins/projects/nano-components/packages/components/.stencil/plugins/postcss/scoped-part.d.ts +0 -8
  267. package/dist/types/utils/testing/index.d.ts +0 -50
@@ -520,22 +520,23 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
520
520
  this.mo.disconnect();
521
521
  this.mo = undefined;
522
522
  }
523
- if (this.connectedInput)
524
- this.removeEventListeners(this.connectedInput);
523
+ if (this.connectedInput) {
524
+ this.connectedInput = undefined;
525
+ }
525
526
  }
526
527
  render() {
527
- return (h(Host, { key: '0e0725581517a0a58fbaf04bfd5dba2d4362f71d', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
528
+ return (h(Host, { key: 'c869f626deae72020846edf761d0d8f1b59c34e7', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
528
529
  ? 'Select options from the list below'
529
- : undefined }, h("nano-dropdown", { key: '5b0a39513e9c0717bf3240c250f703c6997b8a23', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
530
+ : undefined }, h("nano-dropdown", { key: '8fa52dc246705c9af636b1c96ee37df8b6bd746d', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
530
531
  dlist__dropdown: true,
531
532
  'dlist--isfiltered': this.isFiltered,
532
- }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: 'a6c4229eda26e59f8cf37602bcb0fa61e80ee2e5', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
533
+ }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, h("nano-menu", { key: '998896a220e3cf3f010bda3354bb530ac0cc9296', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
533
534
  dlist__menu: true,
534
535
  'dlist__menu--open': this.dropwdownOpen,
535
- }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: 'c96ff0ec6819c41954f073fb07799a3e30c50101', name: "list-top" }), h("slot", { key: 'da56d581d05587674da3371088280ed98f837af1' }), h("slot", { key: '0f372b97c431d484e9ffc87594660e4ca5d2bba6', name: "internal-opts" }), h("slot", { key: 'e51e02accb72f3ac43386dba8e240470695efa1c', name: "list-bottom" })), h("nano-menu", { key: 'df93b22751834dfbbf6e23a9bdaad5a8086355ec', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
536
+ }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, h("slot", { key: '8f585edd48ec29a847818d1e9af8baf0bc4b4ddf', name: "list-top" }), h("slot", { key: '3bdd8c0a51d63b6fcf3a25d630212db4ba7d8a9b' }), h("slot", { key: 'a7b997daebd6a1e25f1a4a97e4354b966ceeebd6', name: "internal-opts" }), h("slot", { key: '41ebc4da7244b1e4fb532a2fbb0356ea51eb865a', name: "list-bottom" })), h("nano-menu", { key: 'd5d360f4e8d3c78780477572d385daaa4bb12c15', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
536
537
  dlist__menu: true,
537
538
  'dlist__menu--open': this.dropwdownOpen,
538
- } }, h("slot", { key: '785156311b41d90eecb951782342fd1b8d706ff1', name: "no-result" })), !!this.actvOptEles && (h("div", { key: 'b57c146e650ef55c51fa445c097fc1e10845efc9', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
539
+ } }, h("slot", { key: '3cc55519054da79e57dc70ecc936c0e67e7e3949', name: "no-result" })), !!this.actvOptEles && (h("div", { key: '0662bfdc4056f2111647550d9aba6a331653d2f3', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
539
540
  }
540
541
  static get watchers() { return {
541
542
  "open": ["openWatcher"],
@@ -557,7 +558,7 @@ const DataList = /*@__PURE__*/ proxyCustomElement(class DataList extends HTMLEle
557
558
  "input": [1],
558
559
  "type": [1],
559
560
  "activeOptions": [2064, "active-options"],
560
- "open": [1028],
561
+ "open": [1540],
561
562
  "disableFilter": [4, "disable-filter"],
562
563
  "disabled": [4],
563
564
  "actvOptEles": [32],
@@ -144,6 +144,9 @@ const NanoDetails = /*@__PURE__*/ proxyCustomElement(class NanoDetails extends H
144
144
  this.attachMo();
145
145
  }
146
146
  connectedCallback() {
147
+ if (this.bodyEl) {
148
+ this.bodyEl.addEventListener('transitionend', this.handleTransitionEnd);
149
+ }
147
150
  this.attachMo();
148
151
  }
149
152
  disconnectedCallback() {
@@ -156,13 +159,13 @@ const NanoDetails = /*@__PURE__*/ proxyCustomElement(class NanoDetails extends H
156
159
  }
157
160
  }
158
161
  render() {
159
- return (h(Host, { key: 'dfe08b9736512e4f2e7e77b6e08f391e570f7d35', class: "nano-details" }, h("details", { key: 'aee47095a745ec92d97e3eb2a09f1765fbad251d', part: "base", ref: (d) => (this.detailsEl = d), class: {
162
+ return (h(Host, { key: '6bd0b907e8036bffdc232f11520fc7e7ecbd5274', class: "nano-details" }, h("details", { key: 'a375256a375ffa1c52f7e425328add65396d79ae', part: "base", ref: (d) => (this.detailsEl = d), class: {
160
163
  details: true,
161
164
  disabled: this.disabled,
162
- } }, h("summary", { key: 'b15a83c3386171f212a68cf456eb9ba6296917c2', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: 'c29db27dc0c74a8053c035421b0738eee1d72945', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '99381aa8452aac30498cfb27148c9e507e07989e', name: "icon-start" }))), h("div", { key: '59068fae315b9cd0427987eb59e03f2cd219e45a', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '8eb4304e5c0da199ef6ad7a9730f92130072afd8', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: 'a8c2b9213b96787007a85faf64d42436729bc6e4', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
165
+ } }, h("summary", { key: '6532629e3d2258dd7b35aa9c088c290cfd586111', part: "header", "aria-controls": "content", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', id: "header", role: "button", class: "header", ref: (s) => (this.headerEl = s), onKeyDown: this.onKeyDown, onClick: this.onMouseDown }, this.slotCtrl.has('icon-start') && (h("span", { key: '2a91b1368bfb4120d3356c59a6c277a2608f1ff9', part: "icon icon--start", class: "icon icon--start" }, h("slot", { key: '6ec67523e758f1f189a9c2339e48116f19423a87', name: "icon-start" }))), h("div", { key: '83c975864586f752a86bd13b78ba7a2329f3a484', part: "label", class: "label" }, this.label ? this.label : h("slot", { name: "label" })), h("span", { key: '538494f4cd43b12143151ce1523533efb70800b7', part: "icon icon--end", class: "icon icon--end" }, this.open ? (h("slot", { name: "icon-collapse" })) : (h("slot", { name: "icon-expand" })), h("slot", { key: '9cd7a3d39754029ad70d3b8976545513a7d6f77b', name: "icon-end" }, !this.slotCtrl.has('icon-start') &&
163
166
  !this.slotCtrl.has('icon-end') &&
164
167
  !this.slotCtrl.has('icon-expand') &&
165
- !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: 'bfb3677f307b23b4947c80d7173b63ce51b83c70', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'dad8f7fbf316facfc2a505edf0041fb259d78d5b', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: '988b4a6201029002ab76004375955eaa87542ed9', class: "content-wrapper" }, h("div", { key: '159483b132abfc6d7edf87771af0f3c2c0e077bd', part: "content", class: "content", id: "content" }, h("slot", { key: '8bb9bbca225bca84bc1efd2c617372f490985bc1' })))))));
168
+ !this.slotCtrl.has('icon-collapse') && (h("nano-icon", { key: '0321927f47cbc530e8044598fec3370dfedbb325', class: "default-icon", name: "light/chevron-down" }))))), h("div", { key: 'a7366fb51de087f7c6f5d7da59e761050b2ab231', part: "body", class: "body", ref: (div) => (this.bodyEl = div), role: "region", "aria-labelledby": "header" }, h("div", { key: 'dd888954cdfba45da62a01d10f7b010a0277b7ec', class: "content-wrapper" }, h("div", { key: 'eff6dbb8d4a41d9957d135e2f1e7470e37615255', part: "content", class: "content", id: "content" }, h("slot", { key: '9b2fd79fc46ad9b9c5c7c6a39a856b20b87bca6a' })))))));
166
169
  }
167
170
  static get watchers() { return {
168
171
  "open": ["toggleClick"]
@@ -129,7 +129,7 @@ function getHostChildren(node) {
129
129
  }
130
130
  }
131
131
 
132
- const gridCss = ":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{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:\"grid size: s\";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}";
132
+ const gridCss = ":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{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--grid-align-items:start;--current-grid-size:\"grid size: s\";container-type:inline-size;display:block}:host .grid{display:grid;gap:var(--grid-row-gap) var(--grid-col-gap);block-size:inherit;min-block-size:inherit;align-items:var(--grid-align-items)}:host([show-helper]:not([show-helper=false])){position:relative}:host([show-helper]:not([show-helper=false])) .grid--helper{position:absolute;inset:0;pointer-events:none;display:grid !important;overflow:hidden}:host([show-helper]:not([show-helper=false])) .grid--helper::before{content:var(--current-grid-size);font-size:30px;position:absolute;inline-size:100%;inset-inline-start:0;text-align:center;inset-block-start:50%;transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host([show-helper]:not([show-helper=false])) .grid__helper-item{background:hsla(204, 80%, 72%, 0.25);block-size:100vh}";
133
133
 
134
134
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
135
135
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -8,36 +8,7 @@ export { g as getTagPrefix } from './renderer.js';
8
8
  export { d as nanoDebounce, t as nanoThrottle } from './throttle.js';
9
9
  export { g as nanoGetTabElements } from './tabbable.js';
10
10
 
11
- var appGlobalScript = async () => {
12
- if (globalThis.window &&
13
- 'MutationObserver' in globalThis.window &&
14
- globalThis['document']) {
15
- // fire global 'ready' event when everything is hydrated
16
- const docEle = document.documentElement;
17
- window.addEventListener('appload', () => {
18
- docEle.classList.add('hydrated');
19
- });
20
- const docIsReady = () => {
21
- if (!docEle.classList.contains('hydrated'))
22
- return false;
23
- docEle.dispatchEvent(new CustomEvent('nanoComponentsReady'));
24
- return true;
25
- };
26
- if (!docIsReady()) {
27
- let mutationO = new MutationObserver((_) => {
28
- if (!docIsReady())
29
- return;
30
- mutationO.disconnect();
31
- mutationO = null;
32
- });
33
- mutationO.observe(docEle, {
34
- childList: false,
35
- subtree: false,
36
- attributes: true,
37
- });
38
- }
39
- }
40
- };
11
+ var appGlobalScript = async () => { };
41
12
 
42
13
  const globalScripts = appGlobalScript;
43
14
 
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { proxyCustomElement, HTMLElement, createEvent, Build, Host } from '@stencil/core/internal/client';
4
+ import { proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
5
5
  import { t as transformTag, h } from './renderer.js';
6
6
  import { g as getActiveElement } from './active-element.js';
7
7
  import { g as getDirectChildren } from './dom.js';
@@ -221,8 +221,6 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
221
221
  }
222
222
  };
223
223
  handleSlotContent = () => {
224
- if (!Build.isBrowser)
225
- return;
226
224
  this._type = this.type || null;
227
225
  if (!this._type) {
228
226
  let linkCount, btnCount = 0;
@@ -263,11 +261,11 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
263
261
  this.handleSlotContent();
264
262
  }
265
263
  render() {
266
- return (h(Host, { key: 'f3908b74fc21b630402f06fac95a75f5a6b2ff27', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '451b5fb6151135ab4cb73d9141086be43d9eaf93', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
264
+ return (h(Host, { key: 'f7c0e55c16e5607f25a4a75847c0defd4b860e17', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '3a19c91258abaa6b0a6333a35809172aabf4db43', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
267
265
  menu: true,
268
266
  ['menu--' + this._type]: true,
269
267
  'menu--has-focus': this.hasFocus,
270
- }, tabIndex: -1, role: "group" }, h("slot", { key: '37f40b06d1dc66c46130468c3de79dfeeb38c29c', onSlotchange: this.handleSlotContent }))));
268
+ }, tabIndex: -1, role: "group" }, h("slot", { key: '75c213c4a744e7edd1826d88a8e391e16bdc091b', onSlotchange: this.handleSlotContent }))));
271
269
  }
272
270
  static get style() { return menuCss; }
273
271
  }, [1, "nano-menu", {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
4
+ import { proxyCustomElement, HTMLElement, createEvent, Build, Host } from '@stencil/core/internal/client';
5
5
  import { h } from './renderer.js';
6
6
 
7
7
  const bounce = [
@@ -1138,7 +1138,7 @@ const NanoAnimation$1 = /*@__PURE__*/ proxyCustomElement(class NanoAnimation ext
1138
1138
  this.createAnimation();
1139
1139
  };
1140
1140
  async createAnimation() {
1141
- if (!this.defaultSlot)
1141
+ if (!this.defaultSlot || Build.isServer)
1142
1142
  return;
1143
1143
  const easing = easings[this.easing] ?? this.easing;
1144
1144
  const keyframes = this.keyframes ??
@@ -1212,7 +1212,7 @@ const NanoAnimation$1 = /*@__PURE__*/ proxyCustomElement(class NanoAnimation ext
1212
1212
  this.animation?.finish();
1213
1213
  }
1214
1214
  render() {
1215
- return (h(Host, { key: '69ede16e4ecb0155cdfc63a56e04ca38c5e56412', class: "nano-animation" }, h("slot", { key: '73a9ec636c4fe8b72570906bce645529b4343606', ref: (slot) => {
1215
+ return (h(Host, { key: 'c5bd8b75985fd99981340c3cd20c74f99ac8dd3c', class: "nano-animation" }, h("slot", { key: '989677365d344809aa575626b3253ab888822171', ref: (slot) => {
1216
1216
  this.defaultSlot = slot;
1217
1217
  }, onSlotchange: this.handleSlotChange })));
1218
1218
  }
@@ -8,7 +8,7 @@ import { d as defineCustomElement$4 } from './icon.js';
8
8
  import { d as defineCustomElement$3 } from './menu.js';
9
9
  import { d as defineCustomElement$2 } from './nav-item.js';
10
10
 
11
- const breadcrumbCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n /**\n * @prop {string} --text-color - The base color of the text. Defaults to var(--nano-color-primary-1000).\n * @prop {string} --text-color-hover - The hover colour of the text. Defaults to var(--nano-color-primary-1200).\n * @prop {string} --text-color-secondary - The secondary colour (& inactive colour) of the text. Defaults to var(--nano-color-neutral-1400).\n * @prop {string} --text-color-disabled - The disabled colour of the text. Defaults to var(--nano-color-neutral-1000).\n * @prop {string} --border-color - The colour of the border & divider. Defaults to var(--nano-color-neutral-400).\n * @prop {string} --trigger-bg-color - The background colour of the trigger button. Defaults to var(--nano-color-base-0).\n */\n --text-color: var(--nano-color-primary-1000);\n --text-color-hover: var(--nano-color-primary-1200);\n --text-color-secondary: var(--nano-color-neutral-1400);\n --text-color-disabled: var(--nano-color-neutral-1000);\n --border-color: var(--nano-color-neutral-400);\n --trigger-bg-color: var(--nano-color-base-0);\n}\n:host .breadcrumbs {\n container-type: inline-size;\n container-name: breadcrumbs;\n inline-size: 100%;\n max-inline-size: 1346px;\n}\n:host nano-menu::part(base), :host nano-menu [part~=\"base\"] {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: row;\n}\n:host li,\n:host nano-nav-item {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: var(--nano-font-size-xs);\n line-height: var(--nano-line-height-normal);\n text-wrap: nowrap;\n margin-block-end: 0;\n}\n:host li:not(.return-only li)::after,\n:host nano-nav-item::after {\n content: \"/\";\n margin: 0 var(--nano-spacing-xs);\n color: var(--border-color);\n}\n:host a.link {\n color: var(--text-color);\n}\n:host a:not(.link) {\n color: var(--text-color-secondary);\n}\n:host a:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n z-index: 1;\n}\n:host a.link:hover {\n color: var(--text-color-hover);\n}\n:host a.return.link {\n display: flex;\n align-items: center;\n gap: calc(var(--nano-spacing-sm) / 2);\n}\n:host nano-dropdown {\n inline-size: 100%;\n display: none;\n}\n:host nano-dropdown[open]::part(trigger), :host nano-dropdown[open] [part~=\"trigger\"] {\n box-shadow: var(--nano-shadow-l1);\n}\n:host nano-dropdown[open]::part(panel), :host nano-dropdown[open] [part~=\"panel\"] {\n box-shadow: var(--nano-shadow-l1);\n}\n:host .trigger-button {\n inline-size: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n color: var(--text-color);\n background-color: var(--trigger-bg-color);\n cursor: pointer;\n text-align: start;\n border: none;\n font-size: var(--nano-font-size-xs);\n}\n:host .trigger-button .trigger-button_label {\n text-decoration: underline;\n}\n:host .trigger-button .trigger-button_label::after {\n content: \"/\";\n margin: 0 var(--nano-spacing-xs);\n color: var(--border-color);\n}\n:host .trigger-button:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n}\n:host .trigger-icon {\n transform: rotate(0deg);\n transition: var(--nano-transition-x-fast) ease transform;\n}\n:host .trigger-icon--open {\n transform: rotate(180deg);\n}\n@container breadcrumbs (max-width: 768px) {\n :host .main {\n display: none;\n }\n :host nano-dropdown {\n display: block;\n }\n :host nano-menu::part(base), :host nano-menu [part~=\"base\"] {\n flex-direction: column;\n }\n :host nano-nav-item::after {\n display: none;\n }\n :host .trigger-button_label::after {\n display: inline-block;\n }\n :host .return-only {\n padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n }\n :host nano-nav-item::part(trigger), :host nano-nav-item [part~=\"trigger\"] {\n text-decoration: none;\n color: var(--text-color-secondary);\n }\n}";
11
+ const breadcrumbCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n /**\n * @prop {string} --text-color - The base color of the text. Defaults to var(--nano-color-primary-1000).\n * @prop {string} --text-color-hover - The hover colour of the text. Defaults to var(--nano-color-primary-1200).\n * @prop {string} --text-color-secondary - The secondary colour (& inactive colour) of the text. Defaults to var(--nano-color-neutral-1400).\n * @prop {string} --text-color-disabled - The disabled colour of the text. Defaults to var(--nano-color-neutral-1000).\n * @prop {string} --border-color - The colour of the border & divider. Defaults to var(--nano-color-neutral-400).\n * @prop {string} --trigger-bg-color - The background colour of the trigger button. Defaults to var(--nano-color-base-0).\n */\n --text-color: var(--nano-color-primary-1000);\n --text-color-hover: var(--nano-color-primary-1200);\n --text-color-secondary: var(--nano-color-neutral-1400);\n --text-color-disabled: var(--nano-color-neutral-1000);\n --border-color: var(--nano-color-neutral-400);\n --trigger-bg-color: var(--nano-color-base-0);\n}\n:host .breadcrumbs {\n container-type: inline-size;\n container-name: breadcrumbs;\n inline-size: 100%;\n max-inline-size: 1346px;\n}\n:host ol,\n:host nano-menu::part(base) {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: row;\n}\n:host li,\n:host nano-nav-item {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: var(--nano-font-size-xs);\n line-height: var(--nano-line-height-normal);\n text-wrap: nowrap;\n margin-block-end: 0;\n}\n:host li:not(.return-only li)::after,\n:host nano-nav-item::after {\n content: \"/\";\n margin: 0 var(--nano-spacing-xs);\n color: var(--border-color);\n}\n:host a.link {\n color: var(--text-color);\n}\n:host a:not(.link) {\n color: var(--text-color-secondary);\n}\n:host a:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n z-index: 1;\n}\n:host a.link:hover {\n color: var(--text-color-hover);\n}\n:host a.return.link {\n display: flex;\n align-items: center;\n gap: calc(var(--nano-spacing-sm) / 2);\n}\n:host nano-dropdown {\n inline-size: 100%;\n display: none;\n}\n:host nano-dropdown[open]::part(trigger) {\n box-shadow: var(--nano-shadow-l1);\n}\n:host nano-dropdown[open]::part(panel) {\n box-shadow: var(--nano-shadow-l1);\n}\n:host .trigger-button {\n inline-size: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n color: var(--text-color);\n background-color: var(--trigger-bg-color);\n cursor: pointer;\n text-align: start;\n border: none;\n font-size: var(--nano-font-size-xs);\n}\n:host .trigger-button .trigger-button_label {\n text-decoration: underline;\n}\n:host .trigger-button .trigger-button_label::after {\n content: \"/\";\n margin: 0 var(--nano-spacing-xs);\n color: var(--border-color);\n}\n:host .trigger-button:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n}\n:host .trigger-icon {\n transform: rotate(0deg);\n transition: var(--nano-transition-x-fast) ease transform;\n}\n:host .trigger-icon--open {\n transform: rotate(180deg);\n}\n@container breadcrumbs (max-width: 768px) {\n :host .main {\n display: none;\n }\n :host nano-dropdown {\n display: block;\n }\n :host nano-menu::part(base) {\n flex-direction: column;\n }\n :host nano-nav-item::after {\n display: none;\n }\n :host .trigger-button_label::after {\n display: inline-block;\n }\n :host .return-only {\n padding: var(--nano-spacing-l3) var(--nano-spacing-l2);\n }\n :host nano-nav-item::part(trigger) {\n text-decoration: none;\n color: var(--text-color-secondary);\n }\n}";
12
12
 
13
13
  const NanoBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class NanoBreadcrumb extends HTMLElement {
14
14
  constructor() {
@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/cl
5
5
  import { h } from './renderer.js';
6
6
  import { d as defineCustomElement$2 } from './slides.js';
7
7
 
8
- const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }/** Typography */\n:host {\n /**\n * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n */\n --bleed: 0px;\n --gap: var(--nano-spacing-xl);\n --pagination-button-color: var(--nano-color-neutral-400);\n --pagination-button-hover: var(--nano-color-primary-700);\n --pagination-button-active: var(--nano-color-primary-1000);\n --peek: calc(var(--bleed) / 2);\n display: block;\n position: relative;\n margin-inline: 0 calc(var(--bleed) * -1);\n container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n display: block;\n text-align: unset;\n min-block-size: auto;\n inline-size: calc(50% + var(--gap) / 2 - var(--peek));\n padding-inline-end: var(--gap);\n}\n.base nano-slides[ready]::part(slide-container), .base nano-slides[ready] [part~=\"slide-container\"] {\n flex-flow: column wrap;\n justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport), .base nano-slides [part~=\"slide-viewport\"] {\n flex: auto;\n}\n.base nano-slides::part(navigation-button--previous), .base nano-slides [part~=\"navigation-button--previous\"] {\n display: none;\n}\n.base nano-slides::part(navigation-button--next), .base nano-slides [part~=\"navigation-button--next\"] {\n transform: none;\n block-size: 100%;\n inline-size: var(--bleed);\n inset-inline-end: 0;\n inset-block-start: 0;\n border-radius: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n}\n.base .header {\n max-inline-size: calc(100% - var(--bleed));\n display: flex;\n gap: var(--nano-spacing-md);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-block-end: var(--gap);\n}\n.base .title {\n font-weight: var(--nano-font-weight-normal);\n font-size: var(--nano-font-size-xl);\n line-height: var(--nano-line-height-denser);\n line-height: 1;\n}\n.base .pagination {\n display: inline-flex;\n gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n all: unset;\n inline-size: 1.25rem;\n block-size: 0.375rem;\n margin-block: 0;\n cursor: pointer;\n background: var(--pagination-button-color);\n position: relative;\n}\n.base .pagination-btn::after {\n content: \"\";\n position: absolute;\n inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n z-index: 1;\n}\n.base .pagination-btn:hover {\n background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n overflow: hidden;\n pointer-events: none;\n visibility: hidden;\n}\n.base .pagination-btn--active {\n background: var(--pagination-button-active);\n}\n.base nano-slides {\n overflow: visible;\n}\n@container (width < 615px) {\n .base {\n --gap: var(--nano-spacing-md);\n --peek: var(--bleed);\n }\n .base ::slotted(nano-slide), .base::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n inline-size: calc(100% + var(--gap) - var(--peek));\n }\n .base .header {\n flex-direction: column;\n align-items: start;\n }\n .base .pagination {\n transform: translateY(-50%);\n }\n}";
8
+ const cardCarouselCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }/** Typography */\n:host {\n /**\n * @prop --bleed: A portion of the Image of the next card is displayed outside the parent width boundary. \n * Generally should be the parent's `padding-inline-end` (or `padding-right`). Defaults to 0px;\n * @prop --gap: gap between the slides. Defaults to var(--nano-spacing-xl) on large screens, var(--nano-spacing-md) on small screens;\n * @prop --pagination-button-color: The color of the pagination button. Defaults to var(--nano-color-neutral-400);\n * @prop --pagination-button-active: Active color of the pagination button. Defaults to var(--nano-color-primary-1000);\n */\n --bleed: 0px;\n --gap: var(--nano-spacing-xl);\n --pagination-button-color: var(--nano-color-neutral-400);\n --pagination-button-hover: var(--nano-color-primary-700);\n --pagination-button-active: var(--nano-color-primary-1000);\n --peek: calc(var(--bleed) / 2);\n display: block;\n position: relative;\n margin-inline: 0 calc(var(--bleed) * -1);\n container-type: inline-size;\n}\n\n.base ::slotted(nano-slide), .base::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 50) / 30, 0));\n --text-opacity: calc(1 - max((var(--distance) - 50) / 15, 0));\n display: block;\n text-align: unset;\n min-block-size: auto;\n inline-size: calc(50% + var(--gap) / 2 - var(--peek));\n padding-inline-end: var(--gap);\n}\n.base nano-slides[ready]::part(slide-container) {\n flex-flow: column wrap;\n justify-content: flex-start;\n}\n.base nano-slides::part(slide-viewport) {\n flex: auto;\n}\n.base nano-slides::part(navigation-button--previous) {\n display: none;\n}\n.base nano-slides::part(navigation-button--next) {\n transform: none;\n block-size: 100%;\n inline-size: var(--bleed);\n inset-inline-end: 0;\n inset-block-start: 0;\n border-radius: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n}\n.base .header {\n max-inline-size: calc(100% - var(--bleed));\n display: flex;\n gap: var(--nano-spacing-md);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-block-end: var(--gap);\n}\n.base .title {\n font-weight: var(--nano-font-weight-normal);\n font-size: var(--nano-font-size-xl);\n line-height: var(--nano-line-height-denser);\n line-height: 1;\n}\n.base .pagination {\n display: inline-flex;\n gap: var(--nano-spacing-md);\n}\n.base .pagination-btn {\n all: unset;\n inline-size: 1.25rem;\n block-size: 0.375rem;\n margin-block: 0;\n cursor: pointer;\n background: var(--pagination-button-color);\n position: relative;\n}\n.base .pagination-btn::after {\n content: \"\";\n position: absolute;\n inset: -1rem -0.625rem;\n}\n.base .pagination-btn:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n z-index: 1;\n}\n.base .pagination-btn:hover {\n background: var(--pagination-button-hover);\n}\n.base .pagination-btn:active {\n background: var(--pagination-button-active);\n}\n.base .pagination-btn__label {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n overflow: hidden;\n pointer-events: none;\n visibility: hidden;\n}\n.base .pagination-btn--active {\n background: var(--pagination-button-active);\n}\n.base nano-slides {\n overflow: visible;\n}\n@container (width < 615px) {\n .base {\n --gap: var(--nano-spacing-md);\n --peek: var(--bleed);\n }\n .base ::slotted(nano-slide), .base::slotted(nano-slide) {\n --img-opacity: calc(1 - max((var(--distance) - 30) / 5, 0));\n --text-opacity: calc(1 - max((var(--distance) - 30) / 3, 0));\n inline-size: calc(100% + var(--gap) - var(--peek));\n }\n .base .header {\n flex-direction: column;\n align-items: start;\n }\n .base .pagination {\n transform: translateY(-50%);\n }\n}";
9
9
 
10
10
  const ContentCarousel = /*@__PURE__*/ proxyCustomElement(class ContentCarousel extends HTMLElement {
11
11
  constructor() {
@@ -25,7 +25,7 @@ import { d as defineCustomElement$4 } from './sticker.js';
25
25
  import { d as defineCustomElement$3 } from './tag.js';
26
26
  import { d as defineCustomElement$2 } from './tooltip.js';
27
27
 
28
- 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}::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}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);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}.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;background-color:var(--main-menu-bar-bg-color);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){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.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 .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-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 .nano-icon-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),.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),.gn__drawer [part~=\"title\"]{display:flex;justify-content:flex-end}.gn__drawer::part(header-actions),.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}";
28
+ 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}::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}.gn__menu-bar-wrapper{z-index:var(--nano-z-index-menubar);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}.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;background-color:var(--main-menu-bar-bg-color);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__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 .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-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 .nano-icon-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}";
29
29
 
30
30
  const MIN_SEARCH_LENGTH = 3;
31
31
  const GlobalNav = /*@__PURE__*/ proxyCustomElement(class GlobalNav extends HTMLElement {
@@ -7,7 +7,7 @@ import { H as HasSlotController } from './slot.js';
7
7
  import { d as defineCustomElement$3 } from './details.js';
8
8
  import { d as defineCustomElement$2 } from './icon.js';
9
9
 
10
- const inPageNavCss = ":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 nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header),:host .details-wrapper [part~=\"header\"]{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header),:host .details-wrapper[open] [part~=\"header\"]{background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content),:host .details-wrapper [part~=\"content\"]{padding:0}:host .details-wrapper::part(body),:host .details-wrapper [part~=\"body\"]{padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header),:host .details-wrapper.sticky.stuck[open] [part~=\"header\"]{z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}";
10
+ const inPageNavCss = ":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 nav{background-color:var(--color-bg);padding:0}:host nav:has(nano-details){padding:0}:host .details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}:host .details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}:host .details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}:host .details-wrapper::part(content){padding:0}:host .details-wrapper::part(body){padding:0}:host .header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}:host .header ::slotted(a[slot=back]),:host .header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}:host .header ::slotted(a[slot=back])::before,:host .header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}:host nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}:host .details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}";
11
11
 
12
12
  const NanoInPageNav$1 = /*@__PURE__*/ proxyCustomElement(class NanoInPageNav extends HTMLElement {
13
13
  constructor() {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
4
+ import { proxyCustomElement, HTMLElement, createEvent, Build, Host } from '@stencil/core/internal/client';
5
5
  import { h } from './renderer.js';
6
6
  import { f as findScrollParent } from './scroll.js';
7
7
 
@@ -43,11 +43,9 @@ const IntersectionObserve = /*@__PURE__*/ proxyCustomElement(class IntersectionO
43
43
  * Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */
44
44
  root = 'auto';
45
45
  handleRootChange() {
46
- if (!this.root) {
47
- this._root = undefined;
48
- this.removeIO();
46
+ this.removeIO();
47
+ if (!this.root)
49
48
  return;
50
- }
51
49
  let newRoot;
52
50
  if (this.root === 'auto') {
53
51
  // try to find nearest scrolling parent
@@ -72,7 +70,7 @@ const IntersectionObserve = /*@__PURE__*/ proxyCustomElement(class IntersectionO
72
70
  if (newRoot === document.documentElement)
73
71
  newRoot = undefined;
74
72
  // if new root is what we already have - ignore
75
- if (newRoot === this._root)
73
+ if (newRoot === this._root && this.io)
76
74
  return;
77
75
  // cache and setup io
78
76
  this._root = newRoot;
@@ -123,7 +121,7 @@ const IntersectionObserve = /*@__PURE__*/ proxyCustomElement(class IntersectionO
123
121
  this.addIO();
124
122
  };
125
123
  addIO() {
126
- if (!window['IntersectionObserver'] || !this.elements?.length)
124
+ if (Build.isServer || !this.elements?.length)
127
125
  return;
128
126
  if (this.io)
129
127
  this.removeIO();
@@ -144,10 +142,9 @@ const IntersectionObserve = /*@__PURE__*/ proxyCustomElement(class IntersectionO
144
142
  }
145
143
  disconnectedCallback() {
146
144
  this.removeIO();
147
- this.root = this._root = undefined;
148
145
  }
149
146
  render() {
150
- return (h(Host, { key: '4bd6cf4cc8888421ec7879e22fc24886838bd091', class: "nano-intersection-observe" }, h("slot", { key: 'afc52867f75d9f3679470f016c49eb9c4af6f6db', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
147
+ return (h(Host, { key: 'abd4c2df3455d52b6c9df1fcec2ba6f715cca32d', class: "nano-intersection-observe" }, h("slot", { key: 'e91b2a33b11abfa42411b996a0ba2e71892ab5d1', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
151
148
  }
152
149
  static get watchers() { return {
153
150
  "root": ["handleRootChange"],
@@ -10,7 +10,7 @@ import { d as defineCustomElement$4 } from './icon-button.js';
10
10
  import { d as defineCustomElement$3 } from './masked-overflow.js';
11
11
  import { d as defineCustomElement$2 } from './tooltip.js';
12
12
 
13
- const tabGroupCss = ":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{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items),.group__tabs [part~=\"items\"]{gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items),.group--top .group__tabs [part~=\"items\"]{align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items),:host([equal-tab-size]) .group--start .group__tabs [part~=\"items\"]{display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";
13
+ const tabGroupCss = ":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{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items){gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items){align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items){display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";
14
14
 
15
15
  let id = 0;
16
16
  const NanoTabGroup$1 = /*@__PURE__*/ proxyCustomElement(class NanoTabGroup extends HTMLElement {
@@ -589,9 +589,6 @@ const Sticker = /*@__PURE__*/ proxyCustomElement(class Sticker extends HTMLEleme
589
589
  this.isRtl =
590
590
  this.host.dir === 'rtl' || this.host.ownerDocument.dir === 'rtl';
591
591
  // this is all horrible.... shrug
592
- document.documentElement.addEventListener('nanoComponentsReady', () => {
593
- setTimeout((_) => this.bootstrapGurantor(), 200);
594
- });
595
592
  setTimeout((_) => {
596
593
  if (!this.hasBootstrapped)
597
594
  this.bootstrapGurantor();
@@ -610,12 +607,12 @@ const Sticker = /*@__PURE__*/ proxyCustomElement(class Sticker extends HTMLEleme
610
607
  this.hasBootstrapped = false;
611
608
  }
612
609
  render() {
613
- return (h(Host, { key: 'cdcb7fdadde75c5f860cbc5d93ef7d6f58bc499b', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'fa8b5831edde3d5e39036681cc75a0c2c0e84ccf', class: {
610
+ return (h(Host, { key: '684a30435688dd24ba583b9ad18f262b00863220', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '1a27a9545b9e00e492efc809ef10ac291f13f421', class: {
614
611
  sticker: true,
615
612
  sticky: this.isRootSticker && this.isSticky,
616
613
  stuck: this.isStuck && this.isRootSticker && this.isSticky,
617
614
  hide: this.isRootSticker && this.hide && this.isStuck,
618
- }, ref: (div) => (this.sticker = div) }, h("div", { key: '8ec62a7127c1823f5e2ab35b80617ec495fa4121', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '6206fa5ac74522b69e7c5a99b4147458399f3a5d' })))));
615
+ }, ref: (div) => (this.sticker = div) }, h("div", { key: '323a9081a4b7aec17c6bcc0cc85558fa54fa5253', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '9fc54c6354a8de64bebbaa54881fa4b21f116ba5' })))));
619
616
  }
620
617
  static get watchers() { return {
621
618
  "trigger": ["updateTriggerOffset"],
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { a as getElement } from './index-CFYZ-ZOT.js';
4
+ import { a as getElement } from './index-DOuz1S3w.js';
5
5
 
6
6
  var createDeferredPromise = function () {
7
7
  var resolve;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { a as getElement } from './index-CFYZ-ZOT.js';
4
+ import { a as getElement } from './index-DOuz1S3w.js';
5
5
  import { d as debounce } from './throttle-C93FMm2Z.js';
6
6
 
7
7
  function parse(searchParams, replacer) {
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import './index-CFYZ-ZOT.js';
4
+ import './index-DOuz1S3w.js';
5
5
 
6
6
  var NODE_TYPE;
7
7
  (function (NODE_TYPE) {
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { F as Flickity, u as utils } from './nano-slides-BcyK9Szs.js';
5
- import './index-CFYZ-ZOT.js';
6
- import './renderer-LJzCFyMt.js';
4
+ import { F as Flickity, u as utils } from './nano-slides-BEE7xEu_.js';
5
+ import './index-DOuz1S3w.js';
6
+ import './renderer-CnE0Hztu.js';
7
7
 
8
8
  const Slide = Flickity.Slide;
9
9
  const slideUpdateTarget = Slide.prototype.updateTarget;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { h } from './renderer-LJzCFyMt.js';
4
+ import { h } from './renderer-CnE0Hztu.js';
5
5
 
6
6
  const renderLabel = ({ label, hasLabelSlot, controlId, labelId, floatLabel, placeholder, alwaysShowPlaceholder, hideLabel, hasValue, rtl, showCharCount, maxlength, charCount, }) => {
7
7
  if (!label && !hasLabelSlot)
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * Custom elements for Nanopore-Digital Web applications
3
3
  */
4
- import { F as Flickity } from './nano-slides-BcyK9Szs.js';
5
- import './index-CFYZ-ZOT.js';
6
- import './renderer-LJzCFyMt.js';
4
+ import { F as Flickity } from './nano-slides-BEE7xEu_.js';
5
+ import './index-DOuz1S3w.js';
6
+ import './renderer-CnE0Hztu.js';
7
7
 
8
8
  Flickity.createMethods.push('_createFullscreen');
9
9
  const proto = Flickity.prototype;