@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.
- package/dist/cjs/{algolia-data-JweofGji.js → algolia-data-CFc_52My.js} +1 -1
- package/dist/cjs/{component-store-DKMzj8Ei.js → component-store-DdyLi-VY.js} +1 -1
- package/dist/cjs/{dom-a3wgHxbn.js → dom-CvQQBdol.js} +1 -1
- package/dist/cjs/{fade-run1oYFS.js → fade-Bq3U8uF7.js} +3 -3
- package/dist/cjs/{form-control-zW-pmQ5Y.js → form-control-gUYfW0n-.js} +1 -1
- package/dist/cjs/{fullscreen-DGiusO_n.js → fullscreen-Czdw-D-5.js} +3 -3
- package/dist/cjs/{index-DYD4xvxr.js → index-B76C6Tm9.js} +162 -191
- package/dist/cjs/{index-BV7Y7Zvi.js → index-ChTXweZN.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{lazyload-CavfHrQV.js → lazyload-BpoUFECt.js} +3 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{modal-lJ_KdrUQ.js → modal-DddxtK2h.js} +1 -1
- package/dist/cjs/nano-accordion.cjs.entry.js +3 -3
- package/dist/cjs/nano-alert.cjs.entry.js +7 -7
- package/dist/cjs/nano-algolia-filter.cjs.entry.js +4 -4
- package/dist/cjs/nano-algolia-pagination.cjs.entry.js +2 -2
- package/dist/cjs/nano-algolia-results.cjs.entry.js +3 -3
- package/dist/cjs/nano-algolia.cjs.entry.js +5 -5
- package/dist/cjs/nano-animation.cjs.entry.js +4 -4
- package/dist/cjs/nano-avatar_5.cjs.entry.js +9 -9
- package/dist/cjs/nano-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/nano-card-carousel.cjs.entry.js +3 -3
- package/dist/cjs/nano-card.cjs.entry.js +1 -1
- package/dist/cjs/nano-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/nano-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/nano-collapsible-comparison.cjs.entry.js +2 -2
- package/dist/cjs/nano-components.cjs.js +3 -3
- package/dist/cjs/nano-content-links.cjs.entry.js +1 -1
- package/dist/cjs/nano-cta.cjs.entry.js +1 -1
- package/dist/cjs/{nano-data-table-DlJaR4KG.js → nano-data-table-BNwDI1rg.js} +5 -5
- package/dist/cjs/nano-data-table.cjs.entry.js +6 -6
- package/dist/cjs/nano-datalist_3.cjs.entry.js +11 -10
- package/dist/cjs/nano-date-input.cjs.entry.js +2 -2
- package/dist/cjs/nano-date-picker_2.cjs.entry.js +4 -4
- package/dist/cjs/nano-details.cjs.entry.js +9 -6
- package/dist/cjs/nano-dialog.cjs.entry.js +8 -8
- package/dist/cjs/nano-dropdown_2.cjs.entry.js +7 -7
- package/dist/cjs/nano-field-validator.cjs.entry.js +3 -3
- package/dist/cjs/nano-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/nano-footer.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +3 -3
- package/dist/cjs/nano-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/nano-grid_2.cjs.entry.js +3 -3
- package/dist/cjs/nano-hero.cjs.entry.js +2 -2
- package/dist/cjs/nano-icon-item.cjs.entry.js +1 -1
- package/dist/cjs/nano-icon_3.cjs.entry.js +2 -2
- package/dist/cjs/nano-in-page-nav.cjs.entry.js +4 -4
- package/dist/cjs/nano-intersection-observe.cjs.entry.js +9 -12
- package/dist/cjs/nano-masked-overflow.cjs.entry.js +4 -4
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +3 -3
- package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
- package/dist/cjs/nano-nav-item.cjs.entry.js +5 -5
- package/dist/cjs/nano-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/nano-range.cjs.entry.js +2 -2
- package/dist/cjs/nano-rating.cjs.entry.js +2 -2
- package/dist/cjs/nano-resize-observe_2.cjs.entry.js +2 -2
- package/dist/cjs/nano-slide.cjs.entry.js +2 -2
- package/dist/cjs/{nano-slides-D5q9vQ4P.js → nano-slides-Cj4figHV.js} +6 -6
- package/dist/cjs/nano-slides.cjs.entry.js +3 -3
- package/dist/cjs/nano-sortable.cjs.entry.js +2 -2
- package/dist/cjs/nano-spinner.cjs.entry.js +2 -2
- package/dist/cjs/nano-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/nano-sticker.cjs.entry.js +6 -9
- package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab-group.cjs.entry.js +5 -5
- package/dist/cjs/nano-tab.cjs.entry.js +2 -2
- package/dist/cjs/nano-table.cjs.entry.js +2 -2
- package/dist/cjs/{page-dots-D-QQnR4W.js → page-dots-E6b7S4vs.js} +3 -3
- package/dist/cjs/{renderer-SkVn69pT.js → renderer-Z8wHFL4e.js} +1 -1
- package/dist/cjs/{scroll-DXjC771e.js → scroll-DspYj7mY.js} +1 -1
- package/dist/cjs/{slot-CBvkJee9.js → slot-B4QUWT-c.js} +1 -1
- package/dist/cjs/{tabbable-M9OUrhLE.js → tabbable-YPytg5sg.js} +1 -1
- package/dist/cjs/{table.worker-FkRsUwRY.js → table.worker-bFxUCos7.js} +6 -6
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/animation/animation.js +3 -3
- package/dist/collection/components/breadcrumb/breadcrumb.css +6 -5
- package/dist/collection/components/card-carousel/card-carousel.css +4 -4
- package/dist/collection/components/datalist/datalist.js +9 -8
- package/dist/collection/components/details/details.js +6 -3
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- package/dist/collection/components/field-validator/field-validator.js +1 -1
- package/dist/collection/components/global-nav/global-nav.css +4 -4
- package/dist/collection/components/grid/grid.css +3 -0
- package/dist/collection/components/in-page-nav/in-page-nav.css +5 -5
- package/dist/collection/components/intersection-observe/intersection-observe.js +6 -9
- package/dist/collection/components/menu/menu.js +3 -5
- package/dist/collection/components/sortable/sortable.js +5 -5
- package/dist/collection/components/sticker/sticker.js +2 -5
- package/dist/collection/components/tabs/tab-group.css +3 -3
- package/dist/collection/global/script/global.js +1 -30
- package/dist/components/datalist.js +9 -8
- package/dist/components/details.js +6 -3
- package/dist/components/grid.js +1 -1
- package/dist/components/index.js +1 -30
- package/dist/components/menu.js +3 -5
- package/dist/components/nano-animation.js +3 -3
- package/dist/components/nano-breadcrumb.js +1 -1
- package/dist/components/nano-card-carousel.js +1 -1
- package/dist/components/nano-global-nav.js +1 -1
- package/dist/components/nano-in-page-nav.js +1 -1
- package/dist/components/nano-intersection-observe.js +6 -9
- package/dist/components/nano-tab-group.js +1 -1
- package/dist/components/sticker.js +2 -5
- package/dist/esm/{algolia-data-BNDipgId.js → algolia-data-CCqzaIh4.js} +1 -1
- package/dist/esm/{component-store-DqCSKpAK.js → component-store-C-YnXSQE.js} +1 -1
- package/dist/esm/{dom-CF0Ycs9M.js → dom-GYcqUAl_.js} +1 -1
- package/dist/esm/{fade-CdIyPeai.js → fade-C3aqZinc.js} +3 -3
- package/dist/esm/{form-control-DXPQniNX.js → form-control-BjKTwcqA.js} +1 -1
- package/dist/esm/{fullscreen-C4GllGer.js → fullscreen-T7b44-vN.js} +3 -3
- package/dist/esm/{index-CFYZ-ZOT.js → index-DOuz1S3w.js} +148 -177
- package/dist/esm/{index-DxKBolVo.js → index-DkZY6pJu.js} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/{lazyload-pTbJ7q2S.js → lazyload-BdH0bSmg.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{modal-B50PWCuY.js → modal-s7sHBYzQ.js} +1 -1
- package/dist/esm/nano-accordion.entry.js +3 -3
- package/dist/esm/nano-alert.entry.js +7 -7
- package/dist/esm/nano-algolia-filter.entry.js +4 -4
- package/dist/esm/nano-algolia-pagination.entry.js +2 -2
- package/dist/esm/nano-algolia-results.entry.js +3 -3
- package/dist/esm/nano-algolia.entry.js +5 -5
- package/dist/esm/nano-animation.entry.js +4 -4
- package/dist/esm/nano-avatar_5.entry.js +9 -9
- package/dist/esm/nano-breadcrumb.entry.js +2 -2
- package/dist/esm/nano-card-carousel.entry.js +3 -3
- package/dist/esm/nano-card.entry.js +1 -1
- package/dist/esm/nano-checkbox-group.entry.js +2 -2
- package/dist/esm/nano-checkbox.entry.js +2 -2
- package/dist/esm/nano-collapsible-comparison.entry.js +2 -2
- package/dist/esm/nano-components.js +4 -4
- package/dist/esm/nano-content-links.entry.js +1 -1
- package/dist/esm/nano-cta.entry.js +1 -1
- package/dist/esm/{nano-data-table-DsTG4mqR.js → nano-data-table-Bm9J8Phu.js} +5 -5
- package/dist/esm/nano-data-table.entry.js +6 -6
- package/dist/esm/nano-datalist_3.entry.js +11 -10
- package/dist/esm/nano-date-input.entry.js +2 -2
- package/dist/esm/nano-date-picker_2.entry.js +4 -4
- package/dist/esm/nano-details.entry.js +9 -6
- package/dist/esm/nano-dialog.entry.js +8 -8
- package/dist/esm/nano-dropdown_2.entry.js +7 -7
- package/dist/esm/nano-field-validator.entry.js +3 -3
- package/dist/esm/nano-file-upload.entry.js +2 -2
- package/dist/esm/nano-footer.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +3 -3
- package/dist/esm/nano-grid-item.entry.js +1 -1
- package/dist/esm/nano-grid_2.entry.js +3 -3
- package/dist/esm/nano-hero.entry.js +2 -2
- package/dist/esm/nano-icon-item.entry.js +1 -1
- package/dist/esm/nano-icon_3.entry.js +2 -2
- package/dist/esm/nano-in-page-nav.entry.js +4 -4
- package/dist/esm/nano-intersection-observe.entry.js +9 -12
- package/dist/esm/nano-masked-overflow.entry.js +4 -4
- package/dist/esm/nano-menu-drawer.entry.js +3 -3
- package/dist/esm/nano-more-less.entry.js +2 -2
- package/dist/esm/nano-nav-item.entry.js +5 -5
- package/dist/esm/nano-progress-bar.entry.js +2 -2
- package/dist/esm/nano-range.entry.js +2 -2
- package/dist/esm/nano-rating.entry.js +2 -2
- package/dist/esm/nano-resize-observe_2.entry.js +2 -2
- package/dist/esm/nano-slide.entry.js +2 -2
- package/dist/esm/{nano-slides-BcyK9Szs.js → nano-slides-BEE7xEu_.js} +6 -6
- package/dist/esm/nano-slides.entry.js +3 -3
- package/dist/esm/nano-sortable.entry.js +2 -2
- package/dist/esm/nano-spinner.entry.js +2 -2
- package/dist/esm/nano-split-pane.entry.js +2 -2
- package/dist/esm/nano-sticker.entry.js +6 -9
- package/dist/esm/nano-tab-content.entry.js +2 -2
- package/dist/esm/nano-tab-group.entry.js +5 -5
- package/dist/esm/nano-tab.entry.js +2 -2
- package/dist/esm/nano-table.entry.js +2 -2
- package/dist/esm/{page-dots-Cq8hjoql.js → page-dots-D2WI1eZ0.js} +3 -3
- package/dist/esm/{renderer-LJzCFyMt.js → renderer-CnE0Hztu.js} +1 -1
- package/dist/esm/{scroll-BRRzrkAi.js → scroll-DHa1CIPP.js} +1 -1
- package/dist/esm/{slot-DBzVpliZ.js → slot-lixS0pd2.js} +1 -1
- package/dist/esm/{tabbable-BpHwrUYt.js → tabbable-QmV19K7Q.js} +1 -1
- package/dist/esm/{table.worker-BoX4CUXT.js → table.worker-zeRR3oed.js} +6 -6
- package/dist/nano-components/{algolia-data-BNDipgId.js → algolia-data-CCqzaIh4.js} +1 -1
- package/dist/nano-components/{component-store-DqCSKpAK.js → component-store-C-YnXSQE.js} +1 -1
- package/dist/nano-components/{dom-CF0Ycs9M.js → dom-GYcqUAl_.js} +1 -1
- package/dist/nano-components/{fade-CdIyPeai.js → fade-C3aqZinc.js} +1 -1
- package/dist/nano-components/{form-control-DXPQniNX.js → form-control-BjKTwcqA.js} +1 -1
- package/dist/nano-components/{fullscreen-C4GllGer.js → fullscreen-T7b44-vN.js} +1 -1
- package/dist/nano-components/index-DOuz1S3w.js +5 -0
- package/dist/nano-components/{index-DxKBolVo.js → index-DkZY6pJu.js} +1 -1
- package/dist/nano-components/index.esm.js +1 -1
- package/dist/nano-components/{lazyload-pTbJ7q2S.js → lazyload-BdH0bSmg.js} +1 -1
- package/dist/nano-components/{modal-B50PWCuY.js → modal-s7sHBYzQ.js} +1 -1
- package/dist/nano-components/nano-accordion.entry.js +1 -1
- package/dist/nano-components/nano-alert.entry.js +1 -1
- package/dist/nano-components/nano-algolia-filter.entry.js +1 -1
- package/dist/nano-components/nano-algolia-pagination.entry.js +1 -1
- package/dist/nano-components/nano-algolia-results.entry.js +1 -1
- package/dist/nano-components/nano-algolia.entry.js +1 -1
- package/dist/nano-components/nano-animation.entry.js +1 -1
- package/dist/nano-components/nano-avatar_5.entry.js +1 -1
- package/dist/nano-components/nano-breadcrumb.entry.js +1 -1
- package/dist/nano-components/nano-card-carousel.entry.js +1 -1
- package/dist/nano-components/nano-card.entry.js +1 -1
- package/dist/nano-components/nano-checkbox-group.entry.js +1 -1
- package/dist/nano-components/nano-checkbox.entry.js +1 -1
- package/dist/nano-components/nano-collapsible-comparison.entry.js +1 -1
- package/dist/nano-components/nano-components.css +64 -39
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-content-links.entry.js +1 -1
- package/dist/nano-components/nano-cta.entry.js +1 -1
- package/dist/nano-components/{nano-data-table-DsTG4mqR.js → nano-data-table-Bm9J8Phu.js} +1 -1
- package/dist/nano-components/nano-data-table.entry.js +1 -1
- package/dist/nano-components/nano-datalist_3.entry.js +1 -1
- package/dist/nano-components/nano-date-input.entry.js +1 -1
- package/dist/nano-components/nano-date-picker_2.entry.js +1 -1
- package/dist/nano-components/nano-details.entry.js +1 -1
- package/dist/nano-components/nano-dialog.entry.js +1 -1
- package/dist/nano-components/nano-dropdown_2.entry.js +1 -1
- package/dist/nano-components/nano-field-validator.entry.js +1 -1
- package/dist/nano-components/nano-file-upload.entry.js +1 -1
- package/dist/nano-components/nano-footer.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/nano-grid-item.entry.js +1 -1
- package/dist/nano-components/nano-grid_2.entry.js +1 -1
- package/dist/nano-components/nano-hero.entry.js +1 -1
- package/dist/nano-components/nano-icon-item.entry.js +1 -1
- package/dist/nano-components/nano-icon_3.entry.js +1 -1
- package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
- package/dist/nano-components/nano-intersection-observe.entry.js +1 -1
- package/dist/nano-components/nano-masked-overflow.entry.js +1 -1
- package/dist/nano-components/nano-menu-drawer.entry.js +1 -1
- package/dist/nano-components/nano-more-less.entry.js +1 -1
- package/dist/nano-components/nano-nav-item.entry.js +1 -1
- package/dist/nano-components/nano-progress-bar.entry.js +1 -1
- package/dist/nano-components/nano-range.entry.js +1 -1
- package/dist/nano-components/nano-rating.entry.js +1 -1
- package/dist/nano-components/nano-resize-observe_2.entry.js +1 -1
- package/dist/nano-components/nano-slide.entry.js +1 -1
- package/dist/nano-components/{nano-slides-BcyK9Szs.js → nano-slides-BEE7xEu_.js} +3 -3
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/nano-components/nano-sortable.entry.js +1 -1
- package/dist/nano-components/nano-spinner.entry.js +1 -1
- package/dist/nano-components/nano-split-pane.entry.js +1 -1
- package/dist/nano-components/nano-sticker.entry.js +1 -1
- package/dist/nano-components/nano-tab-content.entry.js +1 -1
- package/dist/nano-components/nano-tab-group.entry.js +1 -1
- package/dist/nano-components/nano-tab.entry.js +1 -1
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/nano-components/{page-dots-Cq8hjoql.js → page-dots-D2WI1eZ0.js} +1 -1
- package/dist/nano-components/{renderer-LJzCFyMt.js → renderer-CnE0Hztu.js} +1 -1
- package/dist/nano-components/{scroll-BRRzrkAi.js → scroll-DHa1CIPP.js} +1 -1
- package/dist/nano-components/{slot-DBzVpliZ.js → slot-lixS0pd2.js} +1 -1
- package/dist/nano-components/{tabbable-BpHwrUYt.js → tabbable-QmV19K7Q.js} +1 -1
- package/dist/nano-components/table.worker-zeRR3oed.js +4 -0
- package/dist/stencil.config.js +1 -2
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/core.css +1 -1
- package/dist/style/core.css.map +1 -1
- package/dist/style/dark.css +1 -1
- package/dist/style/dark.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/docs-json.json +20 -15
- package/hydrate/index.js +237 -1315
- package/hydrate/index.mjs +237 -1315
- package/package.json +3 -3
- package/dist/nano-components/index-CFYZ-ZOT.js +0 -5
- package/dist/nano-components/table.worker-BoX4CUXT.js +0 -4
- package/dist/plugins/postcss/scoped-part.js +0 -26
- package/dist/types/Users/John.Jenkins/projects/nano-components/packages/components/.stencil/plugins/postcss/scoped-part.d.ts +0 -8
- 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.
|
523
|
+
if (this.connectedInput) {
|
524
|
+
this.connectedInput = undefined;
|
525
|
+
}
|
525
526
|
}
|
526
527
|
render() {
|
527
|
-
return (h(Host, { key: '
|
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: '
|
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: '
|
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: '
|
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: '
|
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": [
|
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: '
|
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: '
|
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: '
|
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"]
|
package/dist/components/grid.js
CHANGED
@@ -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;
|
package/dist/components/index.js
CHANGED
@@ -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
|
|
package/dist/components/menu.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { proxyCustomElement, HTMLElement, createEvent,
|
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: '
|
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: '
|
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: '
|
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)
|
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)
|
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)
|
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)
|
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
|
-
|
47
|
-
|
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 (
|
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: '
|
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)
|
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: '
|
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: '
|
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-
|
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,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-
|
5
|
-
import './index-
|
6
|
-
import './renderer-
|
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-
|
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-
|
5
|
-
import './index-
|
6
|
-
import './renderer-
|
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;
|