@nanoporetech-digital/components 8.0.0-alpha.8 → 8.0.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{algolia-data-Ck3OvAaS.js → algolia-data-CSm7qrG0.js} +1 -1
- package/dist/cjs/{component-store-Cpxjkhrv.js → component-store-Bjf_XOwd.js} +1 -1
- package/dist/cjs/{dom-B0-coRX2.js → dom-DM4lO0bS.js} +1 -1
- package/dist/cjs/{fade-463IMjUb.js → fade-DYt6Phy3.js} +3 -3
- package/dist/cjs/{form-control-OWJOOoxA.js → form-control-BGk1kbyE.js} +1 -1
- package/dist/cjs/{fullscreen-0yMY8mhF.js → fullscreen-B0RzdP3s.js} +3 -3
- package/dist/cjs/{index-ZOnWVzxx.js → index-DMCNW34o.js} +1 -1
- package/dist/cjs/{index-BlC8UV0T.js → index-trCnMfo7.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{lazyload-CnQrwJrf.js → lazyload-DzKvneFi.js} +3 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{modal-DTqHsNdW.js → modal-Ca7dG1up.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 +6 -6
- package/dist/cjs/nano-animation.cjs.entry.js +2 -2
- package/dist/cjs/nano-avatar_5.cjs.entry.js +17 -17
- package/dist/cjs/nano-breadcrumb.cjs.entry.js +42 -9
- package/dist/cjs/nano-card-carousel.cjs.entry.js +2 -2
- 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-fppjZGKo.js → nano-data-table-zUnFb2XO.js} +5 -5
- package/dist/cjs/nano-data-table.cjs.entry.js +6 -6
- package/dist/cjs/nano-datalist_3.cjs.entry.js +15 -15
- package/dist/cjs/nano-date-input.cjs.entry.js +6 -6
- package/dist/cjs/nano-date-picker_2.cjs.entry.js +4 -4
- package/dist/cjs/nano-details.cjs.entry.js +3 -3
- package/dist/cjs/nano-dialog.cjs.entry.js +8 -8
- package/dist/cjs/nano-dropdown_2.cjs.entry.js +5 -5
- package/dist/cjs/nano-feature-box.cjs.entry.js +1 -1
- 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 +2 -2
- package/dist/cjs/nano-global-nav.cjs.entry.js +20 -12
- 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 +4 -4
- package/dist/cjs/nano-in-page-nav.cjs.entry.js +14 -8
- package/dist/cjs/nano-intersection-observe.cjs.entry.js +4 -4
- package/dist/cjs/nano-masked-overflow.cjs.entry.js +4 -4
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +63 -99
- package/dist/cjs/nano-more-less.cjs.entry.js +4 -4
- package/dist/cjs/nano-nav-item.cjs.entry.js +12 -16
- package/dist/cjs/nano-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/nano-range.cjs.entry.js +2 -2
- package/dist/cjs/nano-rating.cjs.entry.js +6 -6
- package/dist/cjs/nano-resize-observe.cjs.entry.js +43 -34
- package/dist/cjs/nano-slide.cjs.entry.js +3 -3
- package/dist/cjs/{nano-slides-BxtmLUSX.js → nano-slides-C3CzGlwK.js} +9 -9
- package/dist/cjs/nano-slides.cjs.entry.js +3 -3
- package/dist/cjs/nano-sortable.cjs.entry.js +3 -3
- package/dist/cjs/nano-spinner.cjs.entry.js +1 -1
- package/dist/cjs/nano-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/nano-sticker.cjs.entry.js +6 -6
- package/dist/cjs/nano-tab-content.cjs.entry.js +4 -4
- package/dist/cjs/nano-tab-group.cjs.entry.js +4 -4
- package/dist/cjs/nano-tab.cjs.entry.js +4 -4
- package/dist/cjs/nano-table.cjs.entry.js +4 -4
- package/dist/cjs/{page-dots-B2slCN6O.js → page-dots-Cpgo_xGE.js} +3 -3
- package/dist/cjs/{renderer-BjTjwe8d.js → renderer-W7BRtd3i.js} +1 -1
- package/dist/cjs/{scroll-CtgMHKrt.js → scroll-33Y1FRj4.js} +9 -14
- package/dist/cjs/{slot-CoMwYflw.js → slot-CppKo1Tn.js} +1 -1
- package/dist/cjs/{tabbable-D33Xh_1b.js → tabbable-CQ4-mXv0.js} +1 -1
- package/dist/cjs/{table.worker-CBBDTe_S.js → table.worker-Dto6wn52.js} +6 -6
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/algolia/algolia.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.css +24 -28
- package/dist/collection/components/breadcrumb/breadcrumb.js +41 -8
- package/dist/collection/components/datalist/datalist.js +6 -6
- package/dist/collection/components/date-input/date-input.js +5 -6
- package/dist/collection/components/drawer/drawer.css +0 -1
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- package/dist/collection/components/field-validator/field-validator.js +1 -1
- package/dist/collection/components/footer/footer.css +15 -1
- package/dist/collection/components/global-nav/global-nav.css +1 -1
- package/dist/collection/components/global-nav/global-nav.js +34 -9
- package/dist/collection/components/global-search-results/global-search-results.css +0 -1
- package/dist/collection/components/grid/grid.css +8 -5
- package/dist/collection/components/in-page-nav/in-page-nav.js +15 -5
- package/dist/collection/components/menu-drawer/menu-drawer.css +61 -83
- package/dist/collection/components/menu-drawer/menu-drawer.js +66 -151
- package/dist/collection/components/more-less/more-less.js +2 -2
- package/dist/collection/components/nav-item/nav-item.css +1 -93
- package/dist/collection/components/nav-item/nav-item.js +15 -32
- package/dist/collection/components/option/option.css +1 -3
- package/dist/collection/components/option/option.js +4 -4
- package/dist/collection/components/rating/rating.js +4 -4
- package/dist/collection/components/resize-observe/resize-observe.js +44 -32
- package/dist/collection/components/select/select.js +7 -7
- package/dist/collection/components/slides/slide.js +1 -1
- package/dist/collection/components/slides/slides.js +3 -3
- package/dist/collection/components/sortable/sortable.js +6 -6
- package/dist/collection/components/sticker/sticker.js +2 -2
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/tabs/tab-content.js +2 -2
- package/dist/collection/components/tabs/tab.js +2 -2
- package/dist/collection/components/tag/tag.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/utils/scroll.js +8 -13
- package/dist/components/algolia.js +1 -1
- package/dist/components/datalist.js +6 -6
- package/dist/components/drawer.js +1 -1
- package/dist/components/grid.js +1 -1
- package/dist/components/nano-breadcrumb.js +42 -9
- package/dist/components/nano-date-input.js +4 -4
- package/dist/components/nano-footer.js +1 -1
- package/dist/components/nano-global-nav.js +19 -10
- package/dist/components/nano-in-page-nav.js +15 -5
- package/dist/components/nano-menu-drawer.js +64 -105
- package/dist/components/nano-more-less.js +2 -2
- package/dist/components/nano-rating.js +4 -4
- package/dist/components/nano-slide.js +1 -1
- package/dist/components/nano-sortable.js +1 -1
- package/dist/components/nano-tab-content.js +2 -2
- package/dist/components/nano-tab.js +2 -2
- package/dist/components/nano-table.js +2 -2
- package/dist/components/nav-item.js +7 -12
- package/dist/components/option.js +4 -4
- package/dist/components/resize-observe.js +41 -32
- package/dist/components/scroll.js +8 -13
- package/dist/components/select.js +7 -7
- package/dist/components/slides.js +3 -3
- package/dist/components/sticker.js +2 -2
- package/dist/components/tag.js +2 -2
- package/dist/components/tooltip.js +2 -2
- package/dist/esm/{algolia-data-B1lm-wYl.js → algolia-data-BWVUf8dc.js} +1 -1
- package/dist/esm/{component-store-DMqr8_D3.js → component-store-6lIsMtwd.js} +1 -1
- package/dist/esm/{dom-COiksOVZ.js → dom-C8mB0MAq.js} +1 -1
- package/dist/esm/{fade-BR_L2aBv.js → fade-BUaM9GO7.js} +3 -3
- package/dist/esm/{form-control-dh9YtDPa.js → form-control-COOIq-Al.js} +1 -1
- package/dist/esm/{fullscreen-ChzUqF71.js → fullscreen-D9bU32l7.js} +3 -3
- package/dist/esm/{index-CX_Hk6ss.js → index-q0XK-YfO.js} +1 -1
- package/dist/esm/{index-VZJF9v1K.js → index-wpeqhSWn.js} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/{lazyload-IYX4l8Tu.js → lazyload-C6olXHXA.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{modal-CH7Vma1I.js → modal-DmA7xt58.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 +6 -6
- package/dist/esm/nano-animation.entry.js +2 -2
- package/dist/esm/nano-avatar_5.entry.js +17 -17
- package/dist/esm/nano-breadcrumb.entry.js +42 -9
- package/dist/esm/nano-card-carousel.entry.js +2 -2
- 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-EkTqZy8O.js → nano-data-table-CC6zn15I.js} +5 -5
- package/dist/esm/nano-data-table.entry.js +6 -6
- package/dist/esm/nano-datalist_3.entry.js +15 -15
- package/dist/esm/nano-date-input.entry.js +6 -6
- package/dist/esm/nano-date-picker_2.entry.js +4 -4
- package/dist/esm/nano-details.entry.js +3 -3
- package/dist/esm/nano-dialog.entry.js +8 -8
- package/dist/esm/nano-dropdown_2.entry.js +5 -5
- package/dist/esm/nano-feature-box.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/nano-global-nav.entry.js +20 -12
- 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 +4 -4
- package/dist/esm/nano-in-page-nav.entry.js +14 -8
- package/dist/esm/nano-intersection-observe.entry.js +4 -4
- package/dist/esm/nano-masked-overflow.entry.js +4 -4
- package/dist/esm/nano-menu-drawer.entry.js +63 -99
- package/dist/esm/nano-more-less.entry.js +4 -4
- package/dist/esm/nano-nav-item.entry.js +12 -16
- package/dist/esm/nano-progress-bar.entry.js +1 -1
- package/dist/esm/nano-range.entry.js +2 -2
- package/dist/esm/nano-rating.entry.js +6 -6
- package/dist/esm/nano-resize-observe.entry.js +43 -34
- package/dist/esm/nano-slide.entry.js +3 -3
- package/dist/esm/{nano-slides-DL3S1wHE.js → nano-slides-B0sdF3jS.js} +9 -9
- package/dist/esm/nano-slides.entry.js +3 -3
- package/dist/esm/nano-sortable.entry.js +3 -3
- package/dist/esm/nano-spinner.entry.js +1 -1
- package/dist/esm/nano-split-pane.entry.js +2 -2
- package/dist/esm/nano-sticker.entry.js +6 -6
- package/dist/esm/nano-tab-content.entry.js +4 -4
- package/dist/esm/nano-tab-group.entry.js +4 -4
- package/dist/esm/nano-tab.entry.js +4 -4
- package/dist/esm/nano-table.entry.js +4 -4
- package/dist/esm/{page-dots-gxG3_NaA.js → page-dots-B8o2-Gb8.js} +3 -3
- package/dist/esm/{renderer-ZmozgREV.js → renderer-BjGZGWn8.js} +1 -1
- package/dist/esm/{scroll-D4n69pGx.js → scroll-N_WMYKm7.js} +9 -14
- package/dist/esm/{slot-CjAtXEOo.js → slot-CUINJXSo.js} +1 -1
- package/dist/esm/{tabbable-CZtanbA9.js → tabbable-DqhO0wy7.js} +1 -1
- package/dist/esm/{table.worker-Dcaz5STw.js → table.worker-DxcGLZVJ.js} +6 -6
- package/dist/nano-components/{algolia-data-B1lm-wYl.js → algolia-data-BWVUf8dc.js} +1 -1
- package/dist/nano-components/{component-store-DMqr8_D3.js → component-store-6lIsMtwd.js} +1 -1
- package/dist/nano-components/{dom-COiksOVZ.js → dom-C8mB0MAq.js} +1 -1
- package/dist/nano-components/{fade-BR_L2aBv.js → fade-BUaM9GO7.js} +1 -1
- package/dist/nano-components/{form-control-dh9YtDPa.js → form-control-COOIq-Al.js} +1 -1
- package/dist/nano-components/{fullscreen-ChzUqF71.js → fullscreen-D9bU32l7.js} +1 -1
- package/dist/nano-components/{index-VZJF9v1K.js → index-wpeqhSWn.js} +1 -1
- package/dist/nano-components/index.esm.js +1 -1
- package/dist/nano-components/{lazyload-IYX4l8Tu.js → lazyload-C6olXHXA.js} +1 -1
- package/dist/nano-components/{modal-CH7Vma1I.js → modal-DmA7xt58.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 +319 -176
- 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-EkTqZy8O.js → nano-data-table-CC6zn15I.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-feature-box.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.entry.js +1 -1
- package/dist/nano-components/nano-slide.entry.js +1 -1
- package/dist/nano-components/{nano-slides-DL3S1wHE.js → nano-slides-B0sdF3jS.js} +4 -4
- 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-gxG3_NaA.js → page-dots-B8o2-Gb8.js} +1 -1
- package/dist/nano-components/{renderer-ZmozgREV.js → renderer-BjGZGWn8.js} +1 -1
- package/dist/nano-components/scroll-N_WMYKm7.js +4 -0
- package/dist/nano-components/{slot-CjAtXEOo.js → slot-CUINJXSo.js} +1 -1
- package/dist/nano-components/{tabbable-CZtanbA9.js → tabbable-DqhO0wy7.js} +1 -1
- package/dist/nano-components/table.worker-DxcGLZVJ.js +4 -0
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +7 -1
- package/dist/types/components/date-input/date-input.d.ts +1 -2
- package/dist/types/components/global-nav/global-nav.d.ts +5 -0
- package/dist/types/components/in-page-nav/in-page-nav.d.ts +1 -0
- package/dist/types/components/menu-drawer/menu-drawer.d.ts +12 -27
- package/dist/types/components/nav-item/nav-item.d.ts +9 -4
- package/dist/types/components/option/option.d.ts +1 -1
- package/dist/types/components/resize-observe/resize-observe.d.ts +3 -0
- package/dist/types/components.d.ts +32 -58
- package/dist/types/stencil-public-runtime.d.ts +12 -5
- package/dist/types/utils/testing/index.d.ts +50 -0
- package/docs-json.json +128 -124
- package/docs-vscode.json +4 -16
- package/hydrate/index.js +221 -299
- package/hydrate/index.mjs +221 -299
- package/package.json +3 -3
- package/dist/nano-components/scroll-D4n69pGx.js +0 -4
- package/dist/nano-components/table.worker-Dcaz5STw.js +0 -4
- /package/dist/nano-components/{index-CX_Hk6ss.js → index-q0XK-YfO.js} +0 -0
@@ -93,40 +93,41 @@ const ResizeObserve = /*@__PURE__*/ proxyCustomElement(class ResizeObserve exten
|
|
93
93
|
};
|
94
94
|
return recurse(ele);
|
95
95
|
};
|
96
|
-
let didChange = false;
|
97
96
|
const measureEle = findNonContentsEle(this.host.firstElementChild);
|
98
|
-
if (measureEle)
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
didChange = true;
|
108
|
-
this.contentFitX = true;
|
109
|
-
}
|
97
|
+
if (!measureEle)
|
98
|
+
return;
|
99
|
+
let didChange = false;
|
100
|
+
const { width, height } = this.host.getBoundingClientRect();
|
101
|
+
if (this.notifyContentFit && this.notifyContentFit.includes('x')) {
|
102
|
+
if (width < measureEle.scrollWidth &&
|
103
|
+
this.contentFitX !== false) {
|
104
|
+
didChange = true;
|
105
|
+
this.contentFitX = false;
|
110
106
|
}
|
111
|
-
if (
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
this.contentFitY = false;
|
116
|
-
}
|
117
|
-
else if (this.currentHeight >= measureEle.scrollHeight &&
|
118
|
-
this.contentFitY !== true) {
|
119
|
-
didChange = true;
|
120
|
-
this.contentFitY = true;
|
121
|
-
}
|
107
|
+
else if (width >= measureEle.scrollWidth &&
|
108
|
+
this.contentFitX !== true) {
|
109
|
+
didChange = true;
|
110
|
+
this.contentFitX = true;
|
122
111
|
}
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
112
|
+
}
|
113
|
+
if (this.notifyContentFit && this.notifyContentFit.includes('y')) {
|
114
|
+
if (height < measureEle.scrollHeight &&
|
115
|
+
this.contentFitY !== false) {
|
116
|
+
didChange = true;
|
117
|
+
this.contentFitY = false;
|
118
|
+
}
|
119
|
+
else if (height >= measureEle.scrollHeight &&
|
120
|
+
this.contentFitY !== true) {
|
121
|
+
didChange = true;
|
122
|
+
this.contentFitY = true;
|
128
123
|
}
|
129
124
|
}
|
125
|
+
if (didChange) {
|
126
|
+
this.nanoResizeContentFitChange.emit({
|
127
|
+
x: this.contentFitX,
|
128
|
+
y: this.contentFitY,
|
129
|
+
});
|
130
|
+
}
|
130
131
|
}
|
131
132
|
assessChanges = () => {
|
132
133
|
if (!this.currentWidth && !this.currentHeight)
|
@@ -180,7 +181,7 @@ const ResizeObserve = /*@__PURE__*/ proxyCustomElement(class ResizeObserve exten
|
|
180
181
|
});
|
181
182
|
});
|
182
183
|
});
|
183
|
-
this.classNames = ['is-ready', ...classNames];
|
184
|
+
this.classNames = [...new Set(['is-ready', ...classNames])];
|
184
185
|
this.nanoResizeStateChange.emit(this.toSimpleObj(changes));
|
185
186
|
}
|
186
187
|
toSimpleObj(stateMaps) {
|
@@ -224,11 +225,19 @@ const ResizeObserve = /*@__PURE__*/ proxyCustomElement(class ResizeObserve exten
|
|
224
225
|
this.attachRO();
|
225
226
|
}
|
226
227
|
disconnectedCallback() {
|
227
|
-
if (this.ro)
|
228
|
+
if (this.ro) {
|
228
229
|
this.ro.disconnect();
|
230
|
+
this.ro = undefined;
|
231
|
+
}
|
229
232
|
}
|
230
233
|
render() {
|
231
|
-
return (h(Host, { key: '
|
234
|
+
return (h(Host, { key: '8a8006f2426c4cf29fb0decf2b5fa49797f04c63', class: {
|
235
|
+
'nano-resize-observe': true,
|
236
|
+
'content-fit-x': this.contentFitX,
|
237
|
+
'content-fit-y': this.contentFitY,
|
238
|
+
'content-nofit-x': this.contentFitX === false,
|
239
|
+
'content-nofit-y': this.contentFitY === false,
|
240
|
+
} }, h("slot", { key: 'e077345fe28091840cca8e2424fa577df01ec87d' }), !!this.notifyContentFit &&
|
232
241
|
(this.contentFitX !== null || this.contentFitY !== null) && [
|
233
242
|
this.contentFitX ? (h("slot", { name: "content-fit-x" })) : (h("slot", { name: "content-nofit-x" })),
|
234
243
|
this.contentFitY ? (h("slot", { name: "content-fit-y" })) : (h("slot", { name: "content-nofit-y" })),
|
@@ -6,20 +6,15 @@ import { a as getOffset } from './dom.js';
|
|
6
6
|
/**
|
7
7
|
* @returns the width of the document's scrollbar
|
8
8
|
*/
|
9
|
-
function
|
9
|
+
function getScrollLockSize() {
|
10
10
|
const documentWidth = document.documentElement.clientWidth;
|
11
|
-
|
12
|
-
}
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
*/
|
17
|
-
function getExistingBodyPadding() {
|
18
|
-
const padding = Number(getComputedStyle(document.body).paddingRight.replace(/px/, ''));
|
19
|
-
if (isNaN(padding) || !padding) {
|
20
|
-
return 0;
|
11
|
+
const scrollbarWidth = Math.abs(window.innerWidth - documentWidth);
|
12
|
+
const { paddingRight, paddingInlineEnd } = getComputedStyle(document.body);
|
13
|
+
let docPadding = Number((paddingInlineEnd || paddingRight).replace(/px/, ''));
|
14
|
+
if (!!docPadding || isNaN(docPadding)) {
|
15
|
+
docPadding = 0;
|
21
16
|
}
|
22
|
-
return
|
17
|
+
return scrollbarWidth + docPadding;
|
23
18
|
}
|
24
19
|
const locks = new Set();
|
25
20
|
/**
|
@@ -32,7 +27,7 @@ function lockBodyScrolling(lockingEl) {
|
|
32
27
|
return;
|
33
28
|
// When the first lock is created,
|
34
29
|
// set the scroll lock size to match the scrollbar's width to prevent content from shifting.
|
35
|
-
const scrollbarWidth =
|
30
|
+
const scrollbarWidth = getScrollLockSize(); // must be measured before the `sl-scroll-lock` class is applied
|
36
31
|
let scrollbarGutterProperty = getComputedStyle(document.documentElement).scrollbarGutter;
|
37
32
|
// default is auto, unsupported browsers is "undefined"
|
38
33
|
if (!scrollbarGutterProperty || scrollbarGutterProperty === 'auto') {
|
@@ -709,30 +709,30 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
|
|
709
709
|
disabled,
|
710
710
|
clearControl: this.clearable,
|
711
711
|
}))(this);
|
712
|
-
return (h(Host, { key: '
|
712
|
+
return (h(Host, { key: '260ec75bf9f2624c4303f9107cb151b97065174a', type: this.multiple ? 'select-multiple' : 'select-one', "aria-disabled": this.disabled ? 'true' : null, class: {
|
713
713
|
'has-value': !!this.value.length || !!this.inputSearchVal.length,
|
714
714
|
'has-focus': this.hasFocus,
|
715
715
|
'is-invalid': this._invalid === true,
|
716
716
|
'is-valid': this._invalid === false,
|
717
717
|
'nano-select': true,
|
718
|
-
} }, h(FormControlWrap, { key: '
|
718
|
+
} }, h(FormControlWrap, { key: 'd87280b7bc9405de2db9cc12db0538cf76e95504', ...wrapOptions, class: {
|
719
719
|
'has-error': !!this.errorMessage &&
|
720
720
|
this.showInlineError &&
|
721
721
|
this._invalid === true,
|
722
722
|
'has-helper': this.hasHelperSlot,
|
723
723
|
'is-open': this.hasOpened,
|
724
724
|
masked: this.mask,
|
725
|
-
} }, h(FormControl, { key: '
|
726
|
-
this.mask && (h("div", { key: '
|
727
|
-
h("input", { key: '
|
728
|
-
])), !this.readonly && !this.disabled && (h("nano-datalist", { key: '
|
725
|
+
} }, h(FormControl, { key: 'ffcd44c88c563f296c5508e95c7a41d74617f484', ...controlOptions, ref: (el) => (this.selectWrap = el), onClearText: this.clearSelectValue, control: this.el, endValueSlot: h("slot", { name: "down-arrow" }, h("nano-icon", { class: "select__down-arrow", name: "light/chevron-down" })), showInlineError: this.showInlineError }, this.multiple && (h("div", { key: 'dfc075f72efc14b669f90d3a13472c806dc68ddd', class: "select__multi-wrap select" }, this.multipleValues(labelId, moreId, helperEndId))), !this.multiple && [
|
726
|
+
this.mask && (h("div", { key: '5826e2e1e7c3588349ed4279c95a5ef0b15b21d2', class: "select__mask" }, this.getLabel(this.value))),
|
727
|
+
h("input", { key: 'eb120065926e6acc331a136fd981ad33bec34941', ref: (input) => (this.inputCtrl = input), id: this.selectId, class: "select__native-input", "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, form: this.form, placeholder: this.placeholder, readOnly: true, required: this.required, value: this.getLabel(this.value), onFocus: this.onFocus }),
|
728
|
+
])), !this.readonly && !this.disabled && (h("nano-datalist", { key: '235fe1c1381a7a275b8485ed327e32c65ca1afdc', ref: (el) => (this.datalist = el), selected: this.valArray, type: this.multiple ? 'selectMulti' : 'select', options: this._options.length ? this._options : undefined, onNanoDeselect: (e) => {
|
729
729
|
e.preventDefault();
|
730
730
|
this.removeValue(e.detail.value);
|
731
731
|
}, onNanoOptionsUpdated: this.setOptions, onNanoSelect: this.setValue,
|
732
732
|
// @ts-expect-error - this bubbles from the nano-dropdown
|
733
733
|
onNanoShow: () => (this.hasOpened = true), onNanoHide: () => (this.hasOpened = false) }, this.allowCustomValues &&
|
734
734
|
this.multiple &&
|
735
|
-
!!this.inputSearchVal && (h("nano-option", { key: '
|
735
|
+
!!this.inputSearchVal && (h("nano-option", { key: '284691608ccaeb8dd109db1e67a7f5b71c161b26', slot: "list-top", value: this.inputSearchVal, selected: false, label: this.inputSearchVal, onNanoSelect: () => this.inputCtrl.focus() }, h("span", { key: '01613a6b92b766ec5fc3cbd8f599d3ff2c5a40f6', slot: "check-icon" }), "Add '", this.inputSearchVal, "'")), h("slot", { key: 'f4a80a0be3b228c8323c439f100e0ead6bb259a8' }))), h("select", { key: 'b963c46543facd4ee4780ea9575cd0d1bd943b2b', id: this.selectId + '-hidden', class: "select__native-ctrl", ref: (select) => (this.nativeSelect = select), "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, form: this.form, multiple: this.multiple, name: this.name, required: this.required, onInvalid: this.handleInvalid }, this.allowCustomValues &&
|
736
736
|
this.valArray.map((val) => {
|
737
737
|
return (h("option", { value: val, selected: true }, val));
|
738
738
|
}), !this.allowCustomValues &&
|
@@ -2958,15 +2958,15 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
2958
2958
|
this.destroyflickity();
|
2959
2959
|
}
|
2960
2960
|
render() {
|
2961
|
-
return (h(Host, { key: '
|
2961
|
+
return (h(Host, { key: 'db808d24fa5e0650b8848a8ad49f409b1742d010', class: "nano-slides" }, h("div", { key: '833b9add3ac283a28290ff442ba3222719819248', class: {
|
2962
2962
|
slideshow: true,
|
2963
2963
|
ready: this.ready,
|
2964
2964
|
'not-ready': !this.ready,
|
2965
|
-
}, part: "base" }, h("div", { key: '
|
2965
|
+
}, part: "base" }, h("div", { key: '582d0ce3f49bf048c65caca78b86439eed298933', ref: (div) => (this.flickityEl = div), class: {
|
2966
2966
|
'flickity-container': true,
|
2967
2967
|
'slides-ready': this.slidesReady,
|
2968
2968
|
'slides-not-ready': !this.slidesReady,
|
2969
|
-
}, part: "slide-container" }, h("slot", { key: '
|
2969
|
+
}, part: "slide-container" }, h("slot", { key: 'f9ea3b11fb13efaf78254e061fff5e8396ad3e54' })), h("div", { key: 'a7c4f452bb04aa5a2fd98839cf493737f057e7af', class: "ui-extras" }, h("slot", { key: 'f6eb7fbbb0dc21d50c7daca4e1c10b3924de4ba3', name: "ui" })))));
|
2970
2970
|
}
|
2971
2971
|
static get watchers() { return {
|
2972
2972
|
"options": ["optionsChanged"],
|
@@ -607,12 +607,12 @@ const Sticker = /*@__PURE__*/ proxyCustomElement(class Sticker extends HTMLEleme
|
|
607
607
|
this.hasBootstrapped = false;
|
608
608
|
}
|
609
609
|
render() {
|
610
|
-
return (h(Host, { key: '
|
610
|
+
return (h(Host, { key: '6ecfe8ffd92fbe3126dcdbce737267b800b5f3ec', 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: '662dd7f185a4d9dd30cf285c3a3c5e37736147f9', class: {
|
611
611
|
sticker: true,
|
612
612
|
sticky: this.isRootSticker && this.isSticky,
|
613
613
|
stuck: this.isStuck && this.isRootSticker && this.isSticky,
|
614
614
|
hide: this.isRootSticker && this.hide && this.isStuck,
|
615
|
-
}, ref: (div) => (this.sticker = div) }, h("div", { key: '
|
615
|
+
}, ref: (div) => (this.sticker = div) }, h("div", { key: '9e026e99d36884aa8a196d03e55aafbce4d33754', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '36ff243ac039dd52fb1ce57c72dfbfd9a682c6ec' })))));
|
616
616
|
}
|
617
617
|
static get watchers() { return {
|
618
618
|
"trigger": ["updateTriggerOffset"],
|
package/dist/components/tag.js
CHANGED
@@ -48,8 +48,8 @@ const NanoTag = /*@__PURE__*/ proxyCustomElement(class NanoTag extends HTMLEleme
|
|
48
48
|
render() {
|
49
49
|
return (this.closable &&
|
50
50
|
!this.containsAnchor() && [
|
51
|
-
h("slot", { key: '
|
52
|
-
h("nano-icon-button", { key: '
|
51
|
+
h("slot", { key: '02921bb2fa1d13cfac3fe08aaea65def2d7ec926' }),
|
52
|
+
h("nano-icon-button", { key: 'df6374b1e36c5bf4b2511781839b20ff05c5be6b', label: "Close", "icon-name": "light/xmark-large", onKeyDown: this.onKeyDown, onClick: this.handleClick }),
|
53
53
|
]);
|
54
54
|
}
|
55
55
|
static get style() { return tagCss; }
|
@@ -230,10 +230,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
|
|
230
230
|
this.popover.destroy();
|
231
231
|
}
|
232
232
|
render() {
|
233
|
-
return (h(Host, { key: '
|
233
|
+
return (h(Host, { key: 'bae7fd3006e859e7aabcf7d6c4358de59a345c44', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, h("slot", { key: '1c28d3ce46378a6add85ac596d8e561f431c0913', onSlotchange: this.handleSlotChange }), h("div", { key: '18262c8b0048dbb1a630dd046b348b97827ad80a', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, h("div", { key: 'd17d63c777bb90a70223fe012b670eed8af06a2d', part: "base", ref: (el) => (this.tooltip = el), class: {
|
234
234
|
tooltip: true,
|
235
235
|
'tooltip--open': this.open,
|
236
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '
|
236
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: 'a4dd740342d39075c4ba50e2b1ec6c6a231c905b', name: "content", onSlotchange: () => this.setLabel() }, this.content), h("div", { key: '772a967f357113294c4e9f9f5e93da2845063875', class: "tooltip-arrow", "data-popper-arrow": true })))));
|
237
237
|
}
|
238
238
|
static get watchers() { return {
|
239
239
|
"content": ["setLabel"],
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { g as getElement } from './index-
|
4
|
+
import { g as getElement } from './index-q0XK-YfO.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-B0sdF3jS.js';
|
5
|
+
import './index-q0XK-YfO.js';
|
6
|
+
import './renderer-BjGZGWn8.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-BjGZGWn8.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-B0sdF3jS.js';
|
5
|
+
import './index-q0XK-YfO.js';
|
6
|
+
import './renderer-BjGZGWn8.js';
|
7
7
|
|
8
8
|
Flickity.createMethods.push('_createFullscreen');
|
9
9
|
const proto = Flickity.prototype;
|
@@ -5,7 +5,7 @@ const NAMESPACE = 'nano-components';
|
|
5
5
|
const BUILD = /* nano-components */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: true, shadowDom: true, slotRelocation: true, updatable: true};
|
6
6
|
|
7
7
|
/*
|
8
|
-
Stencil Client Platform v4.35.
|
8
|
+
Stencil Client Platform v4.35.3 | MIT Licensed | https://stenciljs.com
|
9
9
|
*/
|
10
10
|
var __defProp = Object.defineProperty;
|
11
11
|
var __export = (target, all) => {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { i as getRenderingRef, j as forceUpdate } from './index-
|
4
|
+
import { i as getRenderingRef, j as forceUpdate } from './index-q0XK-YfO.js';
|
5
5
|
|
6
6
|
const appendToMap = (map, propName, value) => {
|
7
7
|
const items = map.get(propName);
|
package/dist/esm/index.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { N as NAMESPACE } from './index-
|
5
|
-
import { t as transformTag, s as setTagPrefix } from './renderer-
|
6
|
-
export { g as getTagPrefix } from './renderer-
|
4
|
+
import { N as NAMESPACE } from './index-q0XK-YfO.js';
|
5
|
+
import { t as transformTag, s as setTagPrefix } from './renderer-BjGZGWn8.js';
|
6
|
+
export { g as getTagPrefix } from './renderer-BjGZGWn8.js';
|
7
7
|
export { d as nanoDebounce, t as nanoThrottle } from './throttle-C93FMm2Z.js';
|
8
|
-
export { g as nanoGetTabElements } from './tabbable-
|
8
|
+
export { g as nanoGetTabElements } from './tabbable-DqhO0wy7.js';
|
9
9
|
|
10
10
|
const alertContent = (message, buttons = [], alertTheme) => {
|
11
11
|
return `${message}
|
@@ -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-B0sdF3jS.js';
|
5
|
+
import './index-q0XK-YfO.js';
|
6
|
+
import './renderer-BjGZGWn8.js';
|
7
7
|
|
8
8
|
Flickity.createMethods.push('_createLazyload');
|
9
9
|
const proto = Flickity.prototype;
|