@nanoporetech-digital/components 8.2.0 → 8.3.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 (284) hide show
  1. package/dist/cjs/{algolia-data-C0GwEner.js → algolia-data-BqpBVN89.js} +1 -1
  2. package/dist/cjs/{component-store-DvAjEA7o.js → component-store-C5eBOK0w.js} +1 -1
  3. package/dist/cjs/{dom-B-9iU7CY.js → dom-Dxk5vXYq.js} +1 -1
  4. package/dist/cjs/{fade-Cvsqaxtn.js → fade-BzBFJiQK.js} +3 -3
  5. package/dist/cjs/{form-control-OfNv03yU.js → form-control-B-3YQ1I7.js} +1 -1
  6. package/dist/cjs/{fullscreen-BtSF9KqT.js → fullscreen-Cz3eYnOp.js} +3 -3
  7. package/dist/cjs/{index-IiP89Cx8.js → index-CkLcAUj-.js} +1 -1
  8. package/dist/cjs/{index-Bp8uD6Gl.js → index-DGttnXif.js} +7 -0
  9. package/dist/cjs/index.cjs.js +3 -3
  10. package/dist/cjs/{lazyload-DxM1Zo3E.js → lazyload-DIFYejbf.js} +3 -3
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/cjs/{local-logged-in-CX0THX6r.js → local-logged-in-CLtc2TZa.js} +1 -1
  13. package/dist/cjs/{local-logged-out-C-cPz-8v.js → local-logged-out-Ao69_vQl.js} +1 -1
  14. package/dist/cjs/{modal-CpGgJ4AI.js → modal-BlzeVZW4.js} +1 -1
  15. package/dist/cjs/nano-accordion.cjs.entry.js +3 -3
  16. package/dist/cjs/nano-alert.cjs.entry.js +7 -7
  17. package/dist/cjs/nano-algolia-filter.cjs.entry.js +4 -4
  18. package/dist/cjs/nano-algolia-pagination.cjs.entry.js +2 -2
  19. package/dist/cjs/nano-algolia-results.cjs.entry.js +3 -3
  20. package/dist/cjs/nano-algolia.cjs.entry.js +5 -5
  21. package/dist/cjs/nano-animation.cjs.entry.js +2 -2
  22. package/dist/cjs/nano-avatar_5.cjs.entry.js +27 -17
  23. package/dist/cjs/nano-breadcrumb.cjs.entry.js +1 -1
  24. package/dist/cjs/nano-card-carousel.cjs.entry.js +2 -2
  25. package/dist/cjs/nano-card.cjs.entry.js +1 -1
  26. package/dist/cjs/nano-checkbox-group.cjs.entry.js +2 -2
  27. package/dist/cjs/nano-checkbox.cjs.entry.js +2 -2
  28. package/dist/cjs/nano-collapsible-comparison.cjs.entry.js +2 -2
  29. package/dist/cjs/nano-components.cjs.js +2 -2
  30. package/dist/cjs/nano-content-links.cjs.entry.js +1 -1
  31. package/dist/cjs/nano-cta.cjs.entry.js +1 -1
  32. package/dist/cjs/{nano-data-table-C2mrjx5Y.js → nano-data-table-DFEflpc4.js} +5 -5
  33. package/dist/cjs/nano-data-table.cjs.entry.js +6 -6
  34. package/dist/cjs/nano-datalist_3.cjs.entry.js +3 -3
  35. package/dist/cjs/nano-date-input.cjs.entry.js +2 -2
  36. package/dist/cjs/nano-date-picker_2.cjs.entry.js +4 -4
  37. package/dist/cjs/nano-details.cjs.entry.js +4 -4
  38. package/dist/cjs/nano-dialog.cjs.entry.js +8 -8
  39. package/dist/cjs/nano-dropdown_2.cjs.entry.js +5 -5
  40. package/dist/cjs/nano-feature-box.cjs.entry.js +1 -1
  41. package/dist/cjs/nano-field-validator.cjs.entry.js +3 -3
  42. package/dist/cjs/nano-file-upload.cjs.entry.js +2 -2
  43. package/dist/cjs/nano-footer.cjs.entry.js +1 -1
  44. package/dist/cjs/nano-global-nav.cjs.entry.js +5 -5
  45. package/dist/cjs/nano-grid-item.cjs.entry.js +1 -1
  46. package/dist/cjs/nano-grid_2.cjs.entry.js +2 -2
  47. package/dist/cjs/nano-hero.cjs.entry.js +2 -2
  48. package/dist/cjs/nano-icon-item.cjs.entry.js +1 -1
  49. package/dist/cjs/nano-icon_3.cjs.entry.js +2 -2
  50. package/dist/cjs/nano-in-page-nav.cjs.entry.js +4 -4
  51. package/dist/cjs/nano-increment.cjs.entry.js +2 -2
  52. package/dist/cjs/nano-intersection-observe.cjs.entry.js +4 -4
  53. package/dist/cjs/nano-masked-overflow.cjs.entry.js +4 -4
  54. package/dist/cjs/nano-menu-drawer.cjs.entry.js +10 -7
  55. package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
  56. package/dist/cjs/nano-nav-item.cjs.entry.js +5 -5
  57. package/dist/cjs/nano-option-box.cjs.entry.js +17 -0
  58. package/dist/cjs/nano-progress-bar.cjs.entry.js +1 -1
  59. package/dist/cjs/nano-range.cjs.entry.js +2 -2
  60. package/dist/cjs/nano-rating.cjs.entry.js +2 -2
  61. package/dist/cjs/nano-resize-observe.cjs.entry.js +2 -2
  62. package/dist/cjs/nano-slide.cjs.entry.js +2 -2
  63. package/dist/cjs/{nano-slides-DLbZhf2H.js → nano-slides-C576PTmo.js} +6 -6
  64. package/dist/cjs/nano-slides.cjs.entry.js +3 -3
  65. package/dist/cjs/nano-sortable.cjs.entry.js +2 -2
  66. package/dist/cjs/nano-spinner.cjs.entry.js +1 -1
  67. package/dist/cjs/nano-split-pane.cjs.entry.js +2 -2
  68. package/dist/cjs/nano-sticker.cjs.entry.js +4 -4
  69. package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
  70. package/dist/cjs/nano-tab-group.cjs.entry.js +4 -4
  71. package/dist/cjs/nano-tab.cjs.entry.js +2 -2
  72. package/dist/cjs/nano-table.cjs.entry.js +2 -2
  73. package/dist/cjs/{page-dots-DpnNe0bi.js → page-dots-Clb2QknR.js} +3 -3
  74. package/dist/cjs/{renderer-BiFPhR1V.js → renderer-B9M1kXq8.js} +1 -1
  75. package/dist/cjs/{scroll-C1Zu0yfO.js → scroll-C6pO9RvO.js} +1 -1
  76. package/dist/cjs/{slot-ZE4WOECU.js → slot-CJgcluNw.js} +2 -2
  77. package/dist/cjs/{tabbable-Dey_UhZv.js → tabbable-C-YwPfjA.js} +1 -1
  78. package/dist/cjs/{table.worker-BdeBfcyD.js → table.worker-DxRLPmU9.js} +6 -6
  79. package/dist/collection/collection-manifest.json +1 -0
  80. package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
  81. package/dist/collection/components/global-nav/assets/local-logged-in.json +1 -1
  82. package/dist/collection/components/global-nav/assets/local-logged-out.json +1 -1
  83. package/dist/collection/components/global-nav/global-nav.css +1 -0
  84. package/dist/collection/components/global-search-results/global-search-results.js +30 -8
  85. package/dist/collection/components/menu-drawer/menu-drawer.css +11 -7
  86. package/dist/collection/components/menu-drawer/menu-drawer.js +7 -3
  87. package/dist/collection/components/option-box/option-box.css +41 -0
  88. package/dist/collection/components/option-box/option-box.js +25 -0
  89. package/dist/components/global-search-results.js +19 -9
  90. package/dist/components/local-logged-in.js +1 -1
  91. package/dist/components/local-logged-out.js +1 -1
  92. package/dist/components/nano-global-nav.js +1 -1
  93. package/dist/components/nano-menu-drawer.js +8 -4
  94. package/dist/components/nano-option-box.d.ts +11 -0
  95. package/dist/components/nano-option-box.js +32 -0
  96. package/dist/esm/{algolia-data-D9ZAstcC.js → algolia-data-Kh0vPn3V.js} +1 -1
  97. package/dist/esm/{component-store-DeKxotC5.js → component-store-JYVuxwvK.js} +1 -1
  98. package/dist/esm/{dom-CrrHp_I_.js → dom-dlicJTEJ.js} +1 -1
  99. package/dist/esm/{fade-M1mjf4zm.js → fade-D4P3XGVa.js} +3 -3
  100. package/dist/esm/{form-control-D4EZD4gc.js → form-control-CIz-2SMG.js} +1 -1
  101. package/dist/esm/{fullscreen-BJlrN4_5.js → fullscreen-Cfl6LvH2.js} +3 -3
  102. package/dist/esm/{index-DgO0qeQ9.js → index-BM3Om9WE.js} +7 -0
  103. package/dist/esm/{index-CjVnX0W1.js → index-BlBZYxu4.js} +1 -1
  104. package/dist/esm/index.js +4 -4
  105. package/dist/esm/{lazyload-B6FI3nbb.js → lazyload-CQYknGN2.js} +3 -3
  106. package/dist/esm/loader.js +3 -3
  107. package/dist/esm/{local-logged-in-Bycp-mPl.js → local-logged-in-Bh5fOkeO.js} +1 -1
  108. package/dist/esm/{local-logged-out-BhOAka-2.js → local-logged-out-BQyUtSml.js} +1 -1
  109. package/dist/esm/{modal-CYo2pVRA.js → modal-CY_3_LJ7.js} +1 -1
  110. package/dist/esm/nano-accordion.entry.js +3 -3
  111. package/dist/esm/nano-alert.entry.js +7 -7
  112. package/dist/esm/nano-algolia-filter.entry.js +4 -4
  113. package/dist/esm/nano-algolia-pagination.entry.js +2 -2
  114. package/dist/esm/nano-algolia-results.entry.js +3 -3
  115. package/dist/esm/nano-algolia.entry.js +5 -5
  116. package/dist/esm/nano-animation.entry.js +2 -2
  117. package/dist/esm/nano-avatar_5.entry.js +27 -17
  118. package/dist/esm/nano-breadcrumb.entry.js +1 -1
  119. package/dist/esm/nano-card-carousel.entry.js +2 -2
  120. package/dist/esm/nano-card.entry.js +1 -1
  121. package/dist/esm/nano-checkbox-group.entry.js +2 -2
  122. package/dist/esm/nano-checkbox.entry.js +2 -2
  123. package/dist/esm/nano-collapsible-comparison.entry.js +2 -2
  124. package/dist/esm/nano-components.js +3 -3
  125. package/dist/esm/nano-content-links.entry.js +1 -1
  126. package/dist/esm/nano-cta.entry.js +1 -1
  127. package/dist/esm/{nano-data-table-BP5Ccyob.js → nano-data-table-Bqk8ZUaL.js} +5 -5
  128. package/dist/esm/nano-data-table.entry.js +6 -6
  129. package/dist/esm/nano-datalist_3.entry.js +3 -3
  130. package/dist/esm/nano-date-input.entry.js +2 -2
  131. package/dist/esm/nano-date-picker_2.entry.js +4 -4
  132. package/dist/esm/nano-details.entry.js +4 -4
  133. package/dist/esm/nano-dialog.entry.js +8 -8
  134. package/dist/esm/nano-dropdown_2.entry.js +5 -5
  135. package/dist/esm/nano-feature-box.entry.js +1 -1
  136. package/dist/esm/nano-field-validator.entry.js +3 -3
  137. package/dist/esm/nano-file-upload.entry.js +2 -2
  138. package/dist/esm/nano-footer.entry.js +1 -1
  139. package/dist/esm/nano-global-nav.entry.js +5 -5
  140. package/dist/esm/nano-grid-item.entry.js +1 -1
  141. package/dist/esm/nano-grid_2.entry.js +2 -2
  142. package/dist/esm/nano-hero.entry.js +2 -2
  143. package/dist/esm/nano-icon-item.entry.js +1 -1
  144. package/dist/esm/nano-icon_3.entry.js +2 -2
  145. package/dist/esm/nano-in-page-nav.entry.js +4 -4
  146. package/dist/esm/nano-increment.entry.js +2 -2
  147. package/dist/esm/nano-intersection-observe.entry.js +4 -4
  148. package/dist/esm/nano-masked-overflow.entry.js +4 -4
  149. package/dist/esm/nano-menu-drawer.entry.js +10 -7
  150. package/dist/esm/nano-more-less.entry.js +2 -2
  151. package/dist/esm/nano-nav-item.entry.js +5 -5
  152. package/dist/esm/nano-option-box.entry.js +15 -0
  153. package/dist/esm/nano-progress-bar.entry.js +1 -1
  154. package/dist/esm/nano-range.entry.js +2 -2
  155. package/dist/esm/nano-rating.entry.js +2 -2
  156. package/dist/esm/nano-resize-observe.entry.js +2 -2
  157. package/dist/esm/nano-slide.entry.js +2 -2
  158. package/dist/esm/{nano-slides-CI0F1FDY.js → nano-slides-DcJWApi6.js} +6 -6
  159. package/dist/esm/nano-slides.entry.js +3 -3
  160. package/dist/esm/nano-sortable.entry.js +2 -2
  161. package/dist/esm/nano-spinner.entry.js +1 -1
  162. package/dist/esm/nano-split-pane.entry.js +2 -2
  163. package/dist/esm/nano-sticker.entry.js +4 -4
  164. package/dist/esm/nano-tab-content.entry.js +2 -2
  165. package/dist/esm/nano-tab-group.entry.js +4 -4
  166. package/dist/esm/nano-tab.entry.js +2 -2
  167. package/dist/esm/nano-table.entry.js +2 -2
  168. package/dist/esm/{page-dots-BsFo0sLb.js → page-dots-kX7jiD3G.js} +3 -3
  169. package/dist/esm/{renderer-T8etwwhk.js → renderer-BaP2L8CT.js} +1 -1
  170. package/dist/esm/{scroll-DtQwV9-u.js → scroll-1nFw8CNk.js} +1 -1
  171. package/dist/esm/{slot-ncg8_2lY.js → slot-CFTP7C_Z.js} +2 -2
  172. package/dist/esm/{tabbable-DbW4RUw6.js → tabbable-BgopY-vd.js} +1 -1
  173. package/dist/esm/{table.worker-CBjDZoxo.js → table.worker-a52UkSRM.js} +6 -6
  174. package/dist/nano-assets/hash.txt +1 -1
  175. package/dist/nano-assets/local-logged-in.json +1 -1
  176. package/dist/nano-assets/local-logged-out.json +1 -1
  177. package/dist/nano-components/algolia-data-Kh0vPn3V.js +4 -0
  178. package/dist/nano-components/assets/local-logged-in.json +1 -1
  179. package/dist/nano-components/assets/local-logged-out.json +1 -1
  180. package/dist/nano-components/{component-store-DeKxotC5.js → component-store-JYVuxwvK.js} +1 -1
  181. package/dist/nano-components/dom-dlicJTEJ.js +4 -0
  182. package/dist/nano-components/{fade-M1mjf4zm.js → fade-D4P3XGVa.js} +1 -1
  183. package/dist/nano-components/{form-control-D4EZD4gc.js → form-control-CIz-2SMG.js} +1 -1
  184. package/dist/nano-components/{fullscreen-BJlrN4_5.js → fullscreen-Cfl6LvH2.js} +1 -1
  185. package/dist/nano-components/{index-DgO0qeQ9.js → index-BM3Om9WE.js} +1 -1
  186. package/dist/nano-components/{index-CjVnX0W1.js → index-BlBZYxu4.js} +1 -1
  187. package/dist/nano-components/index.esm.js +1 -1
  188. package/dist/nano-components/lazyload-CQYknGN2.js +4 -0
  189. package/dist/nano-components/{local-logged-in-Bycp-mPl.js → local-logged-in-Bh5fOkeO.js} +1 -1
  190. package/dist/nano-components/{local-logged-out-BhOAka-2.js → local-logged-out-BQyUtSml.js} +1 -1
  191. package/dist/nano-components/{modal-CYo2pVRA.js → modal-CY_3_LJ7.js} +1 -1
  192. package/dist/nano-components/nano-accordion.entry.js +1 -1
  193. package/dist/nano-components/nano-alert.entry.js +1 -1
  194. package/dist/nano-components/nano-algolia-filter.entry.js +1 -1
  195. package/dist/nano-components/nano-algolia-pagination.entry.js +1 -1
  196. package/dist/nano-components/nano-algolia-results.entry.js +1 -1
  197. package/dist/nano-components/nano-algolia.entry.js +1 -1
  198. package/dist/nano-components/nano-animation.entry.js +1 -1
  199. package/dist/nano-components/nano-avatar_5.entry.js +1 -1
  200. package/dist/nano-components/nano-breadcrumb.entry.js +1 -1
  201. package/dist/nano-components/nano-card-carousel.entry.js +1 -1
  202. package/dist/nano-components/nano-card.entry.js +1 -1
  203. package/dist/nano-components/nano-checkbox-group.entry.js +1 -1
  204. package/dist/nano-components/nano-checkbox.entry.js +1 -1
  205. package/dist/nano-components/nano-collapsible-comparison.entry.js +1 -1
  206. package/dist/nano-components/nano-components.css +160 -10
  207. package/dist/nano-components/nano-components.esm.js +1 -1
  208. package/dist/nano-components/nano-content-links.entry.js +1 -1
  209. package/dist/nano-components/nano-cta.entry.js +1 -1
  210. package/dist/nano-components/{nano-data-table-BP5Ccyob.js → nano-data-table-Bqk8ZUaL.js} +1 -1
  211. package/dist/nano-components/nano-data-table.entry.js +1 -1
  212. package/dist/nano-components/nano-datalist_3.entry.js +1 -1
  213. package/dist/nano-components/nano-date-input.entry.js +1 -1
  214. package/dist/nano-components/nano-date-picker_2.entry.js +1 -1
  215. package/dist/nano-components/nano-details.entry.js +1 -1
  216. package/dist/nano-components/nano-dialog.entry.js +1 -1
  217. package/dist/nano-components/nano-dropdown_2.entry.js +1 -1
  218. package/dist/nano-components/nano-feature-box.entry.js +1 -1
  219. package/dist/nano-components/nano-field-validator.entry.js +1 -1
  220. package/dist/nano-components/nano-file-upload.entry.js +1 -1
  221. package/dist/nano-components/nano-footer.entry.js +1 -1
  222. package/dist/nano-components/nano-global-nav.entry.js +1 -1
  223. package/dist/nano-components/nano-grid-item.entry.js +1 -1
  224. package/dist/nano-components/nano-grid_2.entry.js +1 -1
  225. package/dist/nano-components/nano-hero.entry.js +1 -1
  226. package/dist/nano-components/nano-icon-item.entry.js +1 -1
  227. package/dist/nano-components/nano-icon_3.entry.js +1 -1
  228. package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
  229. package/dist/nano-components/nano-increment.entry.js +1 -1
  230. package/dist/nano-components/nano-intersection-observe.entry.js +1 -1
  231. package/dist/nano-components/nano-masked-overflow.entry.js +1 -1
  232. package/dist/nano-components/nano-menu-drawer.entry.js +1 -1
  233. package/dist/nano-components/nano-more-less.entry.js +1 -1
  234. package/dist/nano-components/nano-nav-item.entry.js +1 -1
  235. package/dist/nano-components/nano-option-box.entry.js +4 -0
  236. package/dist/nano-components/nano-progress-bar.entry.js +1 -1
  237. package/dist/nano-components/nano-range.entry.js +1 -1
  238. package/dist/nano-components/nano-rating.entry.js +1 -1
  239. package/dist/nano-components/nano-resize-observe.entry.js +1 -1
  240. package/dist/nano-components/nano-slide.entry.js +1 -1
  241. package/dist/nano-components/{nano-slides-CI0F1FDY.js → nano-slides-DcJWApi6.js} +3 -3
  242. package/dist/nano-components/nano-slides.entry.js +1 -1
  243. package/dist/nano-components/nano-sortable.entry.js +1 -1
  244. package/dist/nano-components/nano-spinner.entry.js +1 -1
  245. package/dist/nano-components/nano-split-pane.entry.js +1 -1
  246. package/dist/nano-components/nano-sticker.entry.js +1 -1
  247. package/dist/nano-components/nano-tab-content.entry.js +1 -1
  248. package/dist/nano-components/nano-tab-group.entry.js +1 -1
  249. package/dist/nano-components/nano-tab.entry.js +1 -1
  250. package/dist/nano-components/nano-table.entry.js +1 -1
  251. package/dist/nano-components/{page-dots-BsFo0sLb.js → page-dots-kX7jiD3G.js} +1 -1
  252. package/dist/nano-components/{renderer-T8etwwhk.js → renderer-BaP2L8CT.js} +1 -1
  253. package/dist/nano-components/{scroll-DtQwV9-u.js → scroll-1nFw8CNk.js} +1 -1
  254. package/dist/nano-components/{slot-ncg8_2lY.js → slot-CFTP7C_Z.js} +1 -1
  255. package/dist/nano-components/tabbable-BgopY-vd.js +4 -0
  256. package/dist/nano-components/table.worker-a52UkSRM.js +4 -0
  257. package/dist/style/components.css +1 -1
  258. package/dist/style/components.css.map +1 -1
  259. package/dist/style/nano.css +1 -1
  260. package/dist/style/nano.css.map +1 -1
  261. package/dist/types/components/global-search-results/global-search-results.d.ts +2 -0
  262. package/dist/types/components/menu-drawer/menu-drawer.d.ts +1 -0
  263. package/dist/types/components/option-box/option-box.d.ts +14 -0
  264. package/dist/types/components.d.ts +37 -0
  265. package/docs-json.json +85 -2
  266. package/docs-vscode.json +8 -0
  267. package/hydrate/index.js +63 -16
  268. package/hydrate/index.mjs +63 -16
  269. package/package.json +2 -2
  270. package/dist/nano-components/algolia-data-D9ZAstcC.js +0 -4
  271. package/dist/nano-components/dom-CrrHp_I_.js +0 -4
  272. package/dist/nano-components/lazyload-B6FI3nbb.js +0 -4
  273. package/dist/nano-components/tabbable-DbW4RUw6.js +0 -4
  274. package/dist/nano-components/table.worker-CBjDZoxo.js +0 -4
  275. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
  276. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
  277. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
  278. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
  279. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
  280. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
  281. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
  282. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
  283. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
  284. /package/dist/types/builds/{bsFinusk → baEH6RK5}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
@@ -45,6 +45,8 @@ export declare class GlobalSearchResults implements ComponentInterface {
45
45
  };
46
46
  }>): void;
47
47
  attachResultListeners(e?: NanoAlgoliaResultsCustomEvent<IndexResult>): void;
48
+ onDocNanoSearchResult(e: CustomEvent): void;
49
+ onDocNanoSearchReset(e: CustomEvent): void;
48
50
  /** Manually close the search panel */
49
51
  closeSearch(): Promise<void>;
50
52
  private resultClick;
@@ -19,6 +19,7 @@ export declare class MenuDrawer {
19
19
  reset: boolean;
20
20
  isLoading: boolean;
21
21
  hide: boolean;
22
+ secondaryOpen: boolean;
22
23
  /**
23
24
  * Set the initial menu drawer open or closed
24
25
  */
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
3
+ *
4
+ * @status new
5
+ * @version 8.3.0
6
+ * @type CSS Only
7
+ *
8
+ * @slot img - The image of the card. Appears first.
9
+ * @slot header - The title of the card. Appears second.
10
+ * @slot content - The main content of the card. Appears third.
11
+ * @slot footer - The footer of the card. Appears last.
12
+ */
13
+ export declare class NanoOptionBox {
14
+ }
@@ -2407,6 +2407,14 @@ export namespace Components {
2407
2407
  */
2408
2408
  "value": string;
2409
2409
  }
2410
+ /**
2411
+ * Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
2412
+ * @status new
2413
+ * @version 8.3.0
2414
+ * @type CSS Only
2415
+ */
2416
+ interface NanoOptionBox {
2417
+ }
2410
2418
  /**
2411
2419
  * Shows the status of an ongoing operation.
2412
2420
  * @version 8.0.0
@@ -4436,6 +4444,18 @@ declare global {
4436
4444
  prototype: HTMLNanoOptionElement;
4437
4445
  new (): HTMLNanoOptionElement;
4438
4446
  };
4447
+ /**
4448
+ * Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
4449
+ * @status new
4450
+ * @version 8.3.0
4451
+ * @type CSS Only
4452
+ */
4453
+ interface HTMLNanoOptionBoxElement extends Components.NanoOptionBox, HTMLStencilElement {
4454
+ }
4455
+ var HTMLNanoOptionBoxElement: {
4456
+ prototype: HTMLNanoOptionBoxElement;
4457
+ new (): HTMLNanoOptionBoxElement;
4458
+ };
4439
4459
  /**
4440
4460
  * Shows the status of an ongoing operation.
4441
4461
  * @version 8.0.0
@@ -4863,6 +4883,7 @@ declare global {
4863
4883
  "nano-more-less": HTMLNanoMoreLessElement;
4864
4884
  "nano-nav-item": HTMLNanoNavItemElement;
4865
4885
  "nano-option": HTMLNanoOptionElement;
4886
+ "nano-option-box": HTMLNanoOptionBoxElement;
4866
4887
  "nano-progress-bar": HTMLNanoProgressBarElement;
4867
4888
  "nano-range": HTMLNanoRangeElement;
4868
4889
  "nano-rating": HTMLNanoRatingElement;
@@ -7328,6 +7349,14 @@ declare namespace LocalJSX {
7328
7349
  */
7329
7350
  "value"?: string;
7330
7351
  }
7352
+ /**
7353
+ * Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
7354
+ * @status new
7355
+ * @version 8.3.0
7356
+ * @type CSS Only
7357
+ */
7358
+ interface NanoOptionBox {
7359
+ }
7331
7360
  /**
7332
7361
  * Shows the status of an ongoing operation.
7333
7362
  * @version 8.0.0
@@ -8337,6 +8366,7 @@ declare namespace LocalJSX {
8337
8366
  "nano-more-less": NanoMoreLess;
8338
8367
  "nano-nav-item": NanoNavItem;
8339
8368
  "nano-option": NanoOption;
8369
+ "nano-option-box": NanoOptionBox;
8340
8370
  "nano-progress-bar": NanoProgressBar;
8341
8371
  "nano-range": NanoRange;
8342
8372
  "nano-rating": NanoRating;
@@ -8659,6 +8689,13 @@ declare module "@stencil/core" {
8659
8689
  * @status stable
8660
8690
  */
8661
8691
  "nano-option": LocalJSX.NanoOption & JSXBase.HTMLAttributes<HTMLNanoOptionElement>;
8692
+ /**
8693
+ * Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
8694
+ * @status new
8695
+ * @version 8.3.0
8696
+ * @type CSS Only
8697
+ */
8698
+ "nano-option-box": LocalJSX.NanoOptionBox & JSXBase.HTMLAttributes<HTMLNanoOptionBoxElement>;
8662
8699
  /**
8663
8700
  * Shows the status of an ongoing operation.
8664
8701
  * @version 8.0.0
package/docs-json.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-07-24T16:18:01",
2
+ "timestamp": "2025-08-19T04:45:09",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.36.1",
@@ -3322,7 +3322,7 @@
3322
3322
  "references": {
3323
3323
  "Breadcrumb": {
3324
3324
  "location": "local",
3325
- "path": "/builds/bsFinusk/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
3325
+ "path": "/builds/baEH6RK5/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
3326
3326
  "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
3327
3327
  }
3328
3328
  }
@@ -13538,6 +13538,18 @@
13538
13538
  "event": "nanoNewResults",
13539
13539
  "capture": false,
13540
13540
  "passive": false
13541
+ },
13542
+ {
13543
+ "event": "nanoSearchResult",
13544
+ "target": "document",
13545
+ "capture": false,
13546
+ "passive": false
13547
+ },
13548
+ {
13549
+ "event": "nanoSearchReset",
13550
+ "target": "document",
13551
+ "capture": false,
13552
+ "passive": false
13541
13553
  }
13542
13554
  ],
13543
13555
  "styles": [],
@@ -19847,6 +19859,77 @@
19847
19859
  ]
19848
19860
  }
19849
19861
  },
19862
+ {
19863
+ "filePath": "src/components/option-box/option-box.ts",
19864
+ "encapsulation": "none",
19865
+ "tag": "nano-option-box",
19866
+ "readme": "# nano-option-box\n\n\n",
19867
+ "docs": "Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.",
19868
+ "docsTags": [
19869
+ {
19870
+ "name": "status",
19871
+ "text": "new"
19872
+ },
19873
+ {
19874
+ "name": "version",
19875
+ "text": "8.3.0"
19876
+ },
19877
+ {
19878
+ "name": "type",
19879
+ "text": "CSS Only"
19880
+ },
19881
+ {
19882
+ "name": "slot",
19883
+ "text": "img - The image of the card. Appears first."
19884
+ },
19885
+ {
19886
+ "name": "slot",
19887
+ "text": "header - The title of the card. Appears second."
19888
+ },
19889
+ {
19890
+ "name": "slot",
19891
+ "text": "content - The main content of the card. Appears third."
19892
+ },
19893
+ {
19894
+ "name": "slot",
19895
+ "text": "footer - The footer of the card. Appears last."
19896
+ }
19897
+ ],
19898
+ "usage": {},
19899
+ "props": [],
19900
+ "methods": [],
19901
+ "events": [],
19902
+ "listeners": [],
19903
+ "styles": [
19904
+ {
19905
+ "name": "--spacing",
19906
+ "annotation": "prop",
19907
+ "docs": "Spacing between card items. Defaults to `var(--nano-spacing-md)`;"
19908
+ }
19909
+ ],
19910
+ "slots": [
19911
+ {
19912
+ "name": "content",
19913
+ "docs": "The main content of the card. Appears third."
19914
+ },
19915
+ {
19916
+ "name": "footer",
19917
+ "docs": "The footer of the card. Appears last."
19918
+ },
19919
+ {
19920
+ "name": "header",
19921
+ "docs": "The title of the card. Appears second."
19922
+ },
19923
+ {
19924
+ "name": "img",
19925
+ "docs": "The image of the card. Appears first."
19926
+ }
19927
+ ],
19928
+ "parts": [],
19929
+ "dependents": [],
19930
+ "dependencies": [],
19931
+ "dependencyGraph": {}
19932
+ },
19850
19933
  {
19851
19934
  "filePath": "src/components/progress-bar/progress-bar.tsx",
19852
19935
  "encapsulation": "none",
package/docs-vscode.json CHANGED
@@ -2932,6 +2932,14 @@
2932
2932
  }
2933
2933
  ]
2934
2934
  },
2935
+ {
2936
+ "name": "nano-option-box",
2937
+ "description": {
2938
+ "kind": "markdown",
2939
+ "value": "Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context."
2940
+ },
2941
+ "attributes": []
2942
+ },
2935
2943
  {
2936
2944
  "name": "nano-progress-bar",
2937
2945
  "description": {
package/hydrate/index.js CHANGED
@@ -2764,6 +2764,9 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
2764
2764
  }
2765
2765
  };
2766
2766
  var getHostListenerTarget = (doc, elm, flags) => {
2767
+ if (flags & 4 /* TargetDocument */) {
2768
+ return doc;
2769
+ }
2767
2770
  if (flags & 8 /* TargetWindow */) {
2768
2771
  return win;
2769
2772
  }
@@ -14695,7 +14698,7 @@ const searchInsight = {
14695
14698
  },
14696
14699
  };
14697
14700
 
14698
- 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;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.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;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none}.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}";
14701
+ 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;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.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;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__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}";
14699
14702
 
14700
14703
  const MIN_SEARCH_LENGTH = 3;
14701
14704
  /**
@@ -15415,6 +15418,20 @@ class GlobalSearchResults {
15415
15418
  tag.addEventListener('click', this.tagClick);
15416
15419
  });
15417
15420
  }
15421
+ onDocNanoSearchResult(e) {
15422
+ if (!this.globalNav)
15423
+ return;
15424
+ if (e.target !== this.globalNav)
15425
+ return;
15426
+ this.handleGlobalNavSearch(e);
15427
+ }
15428
+ onDocNanoSearchReset(e) {
15429
+ if (!this.globalNav)
15430
+ return;
15431
+ if (e.target !== this.globalNav)
15432
+ return;
15433
+ this.handleGlobalNavReset();
15434
+ }
15418
15435
  /** Manually close the search panel */
15419
15436
  async closeSearch() {
15420
15437
  this.goback();
@@ -15499,16 +15516,12 @@ class GlobalSearchResults {
15499
15516
  console.error('`<nano-global-search-results>` must be a child of `<nano-global-nav>`');
15500
15517
  return;
15501
15518
  }
15502
- this.globalNav.addEventListener('nanoSearchResult', this.handleGlobalNavSearch);
15503
- this.globalNav.addEventListener('nanoSearchReset', this.handleGlobalNavReset);
15504
15519
  this.handleAlgoliaEleChange();
15505
15520
  }
15506
15521
  disconnectedCallback() {
15507
15522
  if (this.ro) {
15508
15523
  this.ro.disconnect();
15509
15524
  }
15510
- this.globalNav.removeEventListener('nanoSearchResult', this.handleGlobalNavSearch);
15511
- this.globalNav.removeEventListener('nanoSearchReset', this.handleGlobalNavReset);
15512
15525
  }
15513
15526
  componentDidLoad() {
15514
15527
  if (!window['ResizeObserver'])
@@ -15523,12 +15536,12 @@ class GlobalSearchResults {
15523
15536
  this.ro.observe(this.el);
15524
15537
  }
15525
15538
  render() {
15526
- return (h(Host, { key: '6f4387b28776c047e2bea038b7de5ebc43c16a49', class: {
15539
+ return (h(Host, { key: 'c3e9e501af8fea7703a69a11249b209a2b249d70', class: {
15527
15540
  small: this.currentWidth < 780,
15528
15541
  'nano-global-search-results': true,
15529
- }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: 'cf5fdf51f46cedf20c3242ddfd873903168bb04d', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
15542
+ }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: 'f4778fa577bb79485a927565e938032db14981e3', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
15530
15543
  // @ts-expect-error this bubbles from nano-algolia-filter
15531
- onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '8abd5c449cb8f570ca9b3a8cdd9247e26dd4a116', slot: "template" },
15544
+ onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '274742b09cfbccacda5776856a5a63fd3f256d5e', slot: "template" },
15532
15545
  /* html */ `<div class="main-search sc-nano-global-search-results">
15533
15546
  <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>
15534
15547
  <script type="text/template" slot="start-template">
@@ -15906,7 +15919,7 @@ class GlobalSearchResults {
15906
15919
  </div>
15907
15920
  </div>
15908
15921
  {{ /if }}
15909
- </div>`), h("div", { key: '33b7b45a25b64b26e7ccd724e0171c997c145540', slot: "output" }), h("slot", { key: '15039307d1b06217c2666eb344a44fe9966a336f' }))));
15922
+ </div>`), h("div", { key: 'f34469ff51c7c07f4451112bfe1aa3a3e0e2d47c', slot: "output" }), h("slot", { key: '099de4e70571d4d4de3c8bc279a4b62f44dd6191' }))));
15910
15923
  }
15911
15924
  static get watchers() { return {
15912
15925
  "algoliaEle": ["handleAlgoliaCredsChange", "handleAlgoliaIndexChange", "handleAlgoliaEleChange"],
@@ -15928,7 +15941,7 @@ class GlobalSearchResults {
15928
15941
  "index": [32],
15929
15942
  "closeSearch": [64]
15930
15943
  },
15931
- "$listeners$": [[0, "nanoChange", "handleReorder"], [0, "nanoResultsShown", "attachListeners"], [0, "nanoNewResults", "attachResultListeners"]],
15944
+ "$listeners$": [[0, "nanoChange", "handleReorder"], [0, "nanoResultsShown", "attachListeners"], [0, "nanoNewResults", "attachResultListeners"], [4, "nanoSearchResult", "onDocNanoSearchResult"], [4, "nanoSearchReset", "onDocNanoSearchReset"]],
15932
15945
  "$lazyBundleId$": "-",
15933
15946
  "$attrsToReflect$": []
15934
15947
  }; }
@@ -18517,7 +18530,7 @@ class Menu {
18517
18530
  }; }
18518
18531
  }
18519
18532
 
18520
- const menuDrawerCss = ":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{--padding-top:13px;--padding-end:13px;--padding-bottom:13px;--padding-start:13px;--icon-size:19px;--font-size:var(--nano-font-size-xs);--bg-color:var(--nano-color-grey-mono-1600);--bg-color-hover:var(--nano-color-grey-mono-1400);--bg-color-selected:var(--nano-color-grey-mono-1200);--bg-color-open:var(--nano-color-grey-mono-1500);--content-color:var(--nano-color-basic-white);--global-nav-height:76px;--menu-width:calc((var(--padding-end) + var(--padding-start)) + var(--icon-size));color-scheme:dark;display:block;z-index:1;background:var(--bg-color);color:var(--content-color);min-block-size:100%}:host(.hide){display:none}.head{border-block-end:var(--nano-color-grey-mono-1400) 1px solid}.container{inset-inline-end:auto;color:var(--content-color);inline-size:var(--menu-width);transition:inline-size 0.3s ease;inset-block-start:var(--global-nav-height);position:sticky;display:flex;flex-direction:column;block-size:100%;max-block-size:calc(100vh - var(--global-nav-height))}:host(.open) .container{inline-size:auto}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;background:var(--bg-color);font-size:var(--font-size);line-height:1;display:flex;flex-direction:column;align-items:stretch;flex:1}.content-wrap::after{content:\"\";position:absolute;inset:calc(var(--global-nav-height) * -1) 0 0;background-color:var(--bg-color);z-index:-1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden visible;flex:1}.collapse-btn{all:unset;padding-block:6px;margin-block-start:5px;padding-inline:var(--padding-start) var(--padding-end);inline-size:100%;display:flex;justify-items:flex-start;background-color:var(--bg-color);appearance:none;cursor:pointer;font-size:var(--icon-size)}.collapse-btn:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.collapse-btn:hover{background-color:var(--bg-color-hover)}.collapse-btn:active{background-color:var(--bg-color-selected)}.collapse-btn .nano-icon{transition:var(--nano-transition-x-fast) rotate ease-in-out;rotate:0deg}:host(.open) .collapse-btn .nano-icon{rotate:180deg}.visually-hidden{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.foot{margin-block:auto var(--padding-bottom)}";
18533
+ const menuDrawerCss = ":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{--padding-top:13px;--padding-end:13px;--padding-bottom:13px;--padding-start:13px;--icon-size:19px;--font-size:var(--nano-font-size-xs);--bg-color:var(--nano-color-surface-50);--bg-color-hover:var(--nano-color-neutral-75);--bg-color-selected:var(--nano-color-neutral-300);--bg-color-open:var(--nano-color-neutral-300);--content-color:var(--nano-color-neutral-1400);--divider-color:var(--nano-color-neutral-300);--global-nav-height:76px;--menu-width:calc((var(--padding-end) + var(--padding-start)) + var(--icon-size));color-scheme:dark;display:block;z-index:1;background:var(--bg-color);color:var(--content-color);min-block-size:100%}:host(.hide){display:none}.head{border-block-end:var(--divider-color) 1px solid}.container{inset-inline-end:auto;color:var(--content-color);inline-size:var(--menu-width);transition:inline-size 0.3s ease;inset-block-start:var(--global-nav-height);position:sticky;display:flex;flex-direction:column;block-size:100%;max-block-size:calc(100vh - var(--global-nav-height))}:host(.open) .container{inline-size:auto}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;background:var(--bg-color);font-size:var(--font-size);line-height:1;display:flex;flex-direction:column;align-items:stretch;flex:1;box-shadow:var(--nano-shadow-ls)}.content-wrap.secondary-open{box-shadow:none}.content-wrap::after{content:\"\";position:absolute;inset:calc(var(--global-nav-height) * -1) 0 0;background-color:var(--bg-color);z-index:-1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden visible;flex:1}.collapse-btn{all:unset;padding-block:6px;margin-block-start:5px;padding-inline:var(--padding-start) var(--padding-end);inline-size:100%;display:flex;justify-items:flex-start;appearance:none;cursor:pointer;font-size:var(--icon-size)}.collapse-btn:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.collapse-btn:hover{background-color:var(--bg-color-hover)}.collapse-btn:active{background-color:var(--bg-color-selected)}.collapse-btn .nano-icon{transition:var(--nano-transition-x-fast) rotate ease-in-out;rotate:0deg}:host(.open) .collapse-btn .nano-icon{rotate:180deg}.visually-hidden{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.foot{margin-block:auto var(--padding-bottom)}";
18521
18534
 
18522
18535
  /**
18523
18536
  *
@@ -18543,6 +18556,7 @@ class MenuDrawer {
18543
18556
  reset = false;
18544
18557
  isLoading = true;
18545
18558
  hide = false;
18559
+ secondaryOpen = false;
18546
18560
  /**
18547
18561
  * Set the initial menu drawer open or closed
18548
18562
  */
@@ -18555,6 +18569,7 @@ class MenuDrawer {
18555
18569
  if (!ev.detail.secondaryMenu)
18556
18570
  return;
18557
18571
  ev.stopPropagation();
18572
+ this.secondaryOpen = ev.type === 'nanoOpen';
18558
18573
  }
18559
18574
  openChange() {
18560
18575
  if (this.containerDiv) {
@@ -18629,13 +18644,14 @@ class MenuDrawer {
18629
18644
  disconnectedCallback() {
18630
18645
  }
18631
18646
  render() {
18632
- return (h(Host, { key: 'dd1bf1e9e1ac1205955cae2e5d35a331e4f0bd93', class: {
18647
+ return (h(Host, { key: '39da1804ff710702cacbbadf0d8bb1d47c2d732b', class: {
18633
18648
  open: this.open,
18649
+ 'secondary-open': this.secondaryOpen,
18634
18650
  hide: this.hide,
18635
18651
  loading: this.isLoading,
18636
18652
  'has-global-nav': !!this.globalNav,
18637
18653
  'nano-menu-drawer': true,
18638
- }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: 'dce4ceabb7095839407fab9bd02b866465408280', ref: (div) => (this.containerDiv = div), class: "container" }, h("div", { key: '1593061407c3f9b71a361b85d230625e9fb32a90', class: "content-wrap" }, h("nav", { key: 'c0f8d1bfd80fbebdc25af588bcd3cca7700a9f16', ref: (div) => (this.contentDiv = div), class: "content" }, h("div", { key: 'cd3365f2e892fb6a0937bfa60f325d8e6b960b46', class: "head" }, h("button", { key: '25adf7263cffa74b5c6a0f043bafdf4a955609a1', onClick: this.toggle, class: "collapse-btn" }, h("nano-icon", { key: 'fb33ef8b4d05214079543192bbf7afe5d12ceb61', name: "light/arrow-right-to-line" }), h("span", { key: '5da28bdc3d935c4d79db287f07365a026479b177', class: "visually-hidden" }, "collapse / expand menu"))), h("slot", { key: '30c573abc66a4e9ba19aedafab09f3118c54df4a' }), this.slotCtrl.has('foot') && (h("div", { key: '15c4d2f3dbfa2f3fc91118c26d363acf2b2d0907', class: "foot" }, h("slot", { key: 'feb931841bfdf4602769bc421df2ad7c4427ee8d', name: "foot" }))))))));
18654
+ }, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: '90b0e1a831d49af7d81fe5ca2da977a697c08ee7', ref: (div) => (this.containerDiv = div), class: "container" }, h("div", { key: '37d6443befe1a93169e15a8becbefe974c8a8d1c', class: `content-wrap ${this.secondaryOpen ? 'secondary-open' : ''}` }, h("nav", { key: '7373abf5ec1ef567407abedc4b786ae3d51c9e93', ref: (div) => (this.contentDiv = div), class: "content" }, h("div", { key: '6f243a3de7b59072d43fac86c1d9c8acd62ec9d4', class: "head" }, h("button", { key: '6bf443330190314bf84583fc540cd2cb821f4f53', onClick: this.toggle, class: "collapse-btn" }, h("nano-icon", { key: '87025c0165c2e61bd51724ef15e8e1b110ded3e4', name: "light/arrow-right-to-line" }), h("span", { key: '6bfd0162936fc4ce0546194a227960ce9dd718a1', class: "visually-hidden" }, "collapse / expand menu"))), h("slot", { key: '07039af321133321dedceaaff462472bd22b4f12' }), this.slotCtrl.has('foot') && (h("div", { key: '252fe22caae99dc7ba850207a92f9390665bf3c0', class: "foot" }, h("slot", { key: 'f142bd0852c6fa01fcc3fba2de5528d1d96d03b7', name: "foot" }))))))));
18639
18655
  }
18640
18656
  static get watchers() { return {
18641
18657
  "open": ["openChange"]
@@ -18649,7 +18665,8 @@ class MenuDrawer {
18649
18665
  "hideWidth": [2, "hide-width"],
18650
18666
  "reset": [32],
18651
18667
  "isLoading": [32],
18652
- "hide": [32]
18668
+ "hide": [32],
18669
+ "secondaryOpen": [32]
18653
18670
  },
18654
18671
  "$listeners$": [[0, "nanoOpen", "cancelNavItemEvents"], [0, "nanoClose", "cancelNavItemEvents"]],
18655
18672
  "$lazyBundleId$": "-",
@@ -22712,6 +22729,35 @@ class NanoIncrement {
22712
22729
  }; }
22713
22730
  }
22714
22731
 
22732
+ const optionBoxCss = ":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}}";
22733
+
22734
+ /**
22735
+ * Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
22736
+ *
22737
+ * @status new
22738
+ * @version 8.3.0
22739
+ * @type CSS Only
22740
+ *
22741
+ * @slot img - The image of the card. Appears first.
22742
+ * @slot header - The title of the card. Appears second.
22743
+ * @slot content - The main content of the card. Appears third.
22744
+ * @slot footer - The footer of the card. Appears last.
22745
+ */
22746
+ class NanoOptionBox {
22747
+ constructor(hostRef) {
22748
+ registerInstance(this, hostRef);
22749
+ }
22750
+ static get style() { return optionBoxCss; }
22751
+ static get cmpMeta() { return {
22752
+ "$flags$": 0,
22753
+ "$tagName$": "nano-option-box",
22754
+ "$members$": undefined,
22755
+ "$listeners$": undefined,
22756
+ "$lazyBundleId$": "-",
22757
+ "$attrsToReflect$": []
22758
+ }; }
22759
+ }
22760
+
22715
22761
  const tabCss = ":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);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";
22716
22762
 
22717
22763
  let id$2 = 0;
@@ -31014,6 +31060,7 @@ registerComponents([
31014
31060
  NanoIconItem,
31015
31061
  NanoInPageNav,
31016
31062
  NanoIncrement,
31063
+ NanoOptionBox,
31017
31064
  NanoTab,
31018
31065
  NanoTabContent,
31019
31066
  NanoTabGroup,
@@ -31145,7 +31192,7 @@ const urls$1 = {
31145
31192
  };
31146
31193
  const search$1 = {
31147
31194
  app_id: "N8NZI5A47F",
31148
- api_key: "MWNlOTA4YWY3OTk5YmFiNDZjZmMzNWJiNDkxN2Q1ZGM0MGMzMzA5Y2FlYTQ5NjVhYzE2MTBiYjk2ZWQ3MzQ4NGZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc1MzU0MDM2NQ==",
31195
+ api_key: "MDQ0OWZiMzhmZjI4YmZmMmIzY2NhNzI3NGU4Yjc5YWVhNmExMzcxNDRlZTNlN2U2NGEwNzRlZmJjZTZkZmExZWZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc1NTk0Mzc5MA==",
31149
31196
  indeces: [
31150
31197
  {
31151
31198
  index: "ont_prod_en_v3",
@@ -31363,7 +31410,7 @@ const urls = {
31363
31410
  };
31364
31411
  const search = {
31365
31412
  app_id: "N8NZI5A47F",
31366
- api_key: "MWNlOTA4YWY3OTk5YmFiNDZjZmMzNWJiNDkxN2Q1ZGM0MGMzMzA5Y2FlYTQ5NjVhYzE2MTBiYjk2ZWQ3MzQ4NGZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc1MzU0MDM2NQ==",
31413
+ api_key: "MDQ0OWZiMzhmZjI4YmZmMmIzY2NhNzI3NGU4Yjc5YWVhNmExMzcxNDRlZTNlN2U2NGEwNzRlZmJjZTZkZmExZWZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc1NTk0Mzc5MA==",
31367
31414
  indeces: [
31368
31415
  {
31369
31416
  index: "ont_prod_en_v3",