@nanoporetech-digital/components 8.0.0-alpha.6 → 8.0.0-alpha.8
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-CSD3I9WJ.js → algolia-data-Ck3OvAaS.js} +1 -1
- package/dist/cjs/app-globals-BRy5S0cS.js +10 -0
- package/dist/cjs/{component-store-DS6c_IIg.js → component-store-Cpxjkhrv.js} +1 -1
- package/dist/cjs/{dom-3kyE_RMm.js → dom-B0-coRX2.js} +1 -1
- package/dist/cjs/{fade-B3XUTiE5.js → fade-463IMjUb.js} +3 -3
- package/dist/cjs/{form-control-BVH0tPGy.js → form-control-OWJOOoxA.js} +1 -1
- package/dist/cjs/{fullscreen-BQdjQr7K.js → fullscreen-0yMY8mhF.js} +3 -3
- package/dist/cjs/{index-IR1lkhwT.js → index-BlC8UV0T.js} +23 -15
- package/dist/cjs/{index-yq5hsIxW.js → index-ZOnWVzxx.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/{lazyload-B8HnSPAU.js → lazyload-CnQrwJrf.js} +3 -3
- package/dist/cjs/loader.cjs.js +4 -3
- package/dist/cjs/{modal-DZVjwBg8.js → modal-DTqHsNdW.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 +3 -3
- package/dist/cjs/nano-avatar_5.cjs.entry.js +20 -18
- package/dist/cjs/nano-breadcrumb.cjs.entry.js +1 -1
- 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 +16 -19
- 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 +5 -4
- 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-BiTzaPlZ.js → nano-data-table-fppjZGKo.js} +6 -6
- package/dist/cjs/nano-data-table.cjs.entry.js +6 -6
- package/dist/cjs/nano-datalist_3.cjs.entry.js +12 -12
- package/dist/cjs/nano-date-input.cjs.entry.js +2 -2
- package/dist/cjs/nano-date-picker_2.cjs.entry.js +19 -17
- 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 +19 -0
- package/dist/cjs/nano-field-validator.cjs.entry.js +3 -3
- package/dist/cjs/nano-file-upload.cjs.entry.js +9 -6
- package/dist/cjs/nano-footer.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +2 -2
- 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 +3 -3
- package/dist/cjs/nano-intersection-observe.cjs.entry.js +4 -4
- package/dist/cjs/nano-masked-overflow.cjs.entry.js +7 -7
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +3 -3
- package/dist/cjs/nano-more-less.cjs.entry.js +4 -4
- 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.cjs.entry.js +3 -3
- package/dist/cjs/nano-slide.cjs.entry.js +2 -2
- package/dist/cjs/{nano-slides-BHsOLxRZ.js → nano-slides-BxtmLUSX.js} +16 -60
- 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 +1 -1
- package/dist/cjs/nano-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/nano-sticker.cjs.entry.js +4 -4
- 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-DJrv0V9e.js → page-dots-B2slCN6O.js} +3 -3
- package/dist/cjs/{renderer-h0yo23iy.js → renderer-BjTjwe8d.js} +1 -1
- package/dist/cjs/{scroll-_aiH0KkA.js → scroll-CtgMHKrt.js} +1 -1
- package/dist/cjs/{slot-DJxvnd35.js → slot-CoMwYflw.js} +1 -1
- package/dist/cjs/{tabbable-CkzmpQhq.js → tabbable-D33Xh_1b.js} +1 -1
- package/dist/cjs/{table.worker-DjOtTDwg.js → table.worker-CBBDTe_S.js} +6 -6
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/animation/animation.js +1 -1
- package/dist/collection/components/card/card.js +1 -0
- package/dist/collection/components/checkbox/checkbox-group.js +14 -17
- package/dist/collection/components/data-table/table.js +1 -1
- package/dist/collection/components/datalist/datalist.js +5 -5
- package/dist/collection/components/date-picker/date-picker.js +6 -6
- package/dist/collection/components/feature-box/feature-box.css +42 -0
- package/dist/collection/components/feature-box/feature-box.js +49 -0
- package/dist/collection/components/file-upload/file-upload.js +7 -4
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/input/input.js +8 -6
- package/dist/collection/components/masked-overflow/masked-overflow.js +3 -3
- package/dist/collection/components/more-less/more-less.js +2 -2
- package/dist/collection/components/option/option.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +5 -5
- package/dist/collection/components/resize-observe/resize-observe.js +1 -1
- package/dist/collection/components/select/select.css +1 -1
- package/dist/collection/components/select/select.js +10 -8
- package/dist/collection/components/slides/lib/js/prev-next-button.js +6 -50
- package/dist/collection/components/slides/slides.css +41 -10
- package/dist/collection/components/slides/slides.js +3 -3
- package/dist/collection/components/tabs/tab-group.js +1 -1
- package/dist/collection/components/tag/tag.js +2 -2
- package/dist/collection/utils/constructible-style.js +1 -1
- package/dist/components/datalist.js +5 -5
- package/dist/components/date-picker.js +6 -6
- package/dist/components/grid.js +1 -1
- package/dist/components/input.js +9 -7
- package/dist/components/masked-overflow.js +3 -3
- package/dist/components/nano-animation.js +1 -1
- package/dist/components/nano-checkbox-group.js +14 -17
- package/dist/components/nano-data-table.js +1 -1
- package/dist/components/nano-feature-box.d.ts +11 -0
- package/dist/components/nano-feature-box.js +36 -0
- package/dist/components/nano-file-upload.js +7 -4
- package/dist/components/nano-more-less.js +2 -2
- package/dist/components/nano-tab-group.js +1 -1
- package/dist/components/option.js +2 -2
- package/dist/components/progress-bar.js +1 -1
- package/dist/components/resize-observe.js +1 -1
- package/dist/components/select.js +11 -9
- package/dist/components/slides.js +10 -54
- package/dist/components/tag.js +2 -2
- package/dist/esm/{algolia-data-D6wnbV__.js → algolia-data-B1lm-wYl.js} +1 -1
- package/dist/esm/app-globals-CWIH620u.js +8 -0
- package/dist/esm/{component-store-CH5BI3Tg.js → component-store-DMqr8_D3.js} +1 -1
- package/dist/esm/{dom-Cb7FUtXp.js → dom-COiksOVZ.js} +1 -1
- package/dist/esm/{fade-C74M8NQp.js → fade-BR_L2aBv.js} +3 -3
- package/dist/esm/{form-control-BOVGZF9R.js → form-control-dh9YtDPa.js} +1 -1
- package/dist/esm/{fullscreen-CmJdWdrB.js → fullscreen-ChzUqF71.js} +3 -3
- package/dist/esm/{index-DXvE-U_j.js → index-CX_Hk6ss.js} +24 -15
- package/dist/esm/{index-Dw3NZx59.js → index-VZJF9v1K.js} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/{lazyload-BPqjfQB3.js → lazyload-IYX4l8Tu.js} +3 -3
- package/dist/esm/loader.js +4 -3
- package/dist/esm/{modal-B_AxJQQp.js → modal-CH7Vma1I.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 +3 -3
- package/dist/esm/nano-avatar_5.entry.js +20 -18
- package/dist/esm/nano-breadcrumb.entry.js +1 -1
- 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 +16 -19
- 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 +5 -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-BPQhfLyq.js → nano-data-table-EkTqZy8O.js} +6 -6
- package/dist/esm/nano-data-table.entry.js +6 -6
- package/dist/esm/nano-datalist_3.entry.js +12 -12
- package/dist/esm/nano-date-input.entry.js +2 -2
- package/dist/esm/nano-date-picker_2.entry.js +19 -17
- 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 +17 -0
- package/dist/esm/nano-field-validator.entry.js +3 -3
- package/dist/esm/nano-file-upload.entry.js +9 -6
- package/dist/esm/nano-footer.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +2 -2
- 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 +3 -3
- package/dist/esm/nano-intersection-observe.entry.js +4 -4
- package/dist/esm/nano-masked-overflow.entry.js +7 -7
- package/dist/esm/nano-menu-drawer.entry.js +3 -3
- package/dist/esm/nano-more-less.entry.js +4 -4
- 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.entry.js +3 -3
- package/dist/esm/nano-slide.entry.js +2 -2
- package/dist/esm/{nano-slides-Bv0u7kg0.js → nano-slides-DL3S1wHE.js} +16 -60
- 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 +1 -1
- package/dist/esm/nano-split-pane.entry.js +2 -2
- package/dist/esm/nano-sticker.entry.js +4 -4
- 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-e1Gyk8V7.js → page-dots-gxG3_NaA.js} +3 -3
- package/dist/esm/{renderer-BUaAsDso.js → renderer-ZmozgREV.js} +1 -1
- package/dist/esm/{scroll-iCYjzh9N.js → scroll-D4n69pGx.js} +1 -1
- package/dist/esm/{slot-Db9r1aLM.js → slot-CjAtXEOo.js} +1 -1
- package/dist/esm/{tabbable-C4l-rYq9.js → tabbable-CZtanbA9.js} +1 -1
- package/dist/esm/{table.worker-DlLhvqK5.js → table.worker-Dcaz5STw.js} +6 -6
- package/dist/nano-components/{algolia-data-D6wnbV__.js → algolia-data-B1lm-wYl.js} +1 -1
- package/dist/nano-components/app-globals-CWIH620u.js +4 -0
- package/dist/nano-components/{component-store-CH5BI3Tg.js → component-store-DMqr8_D3.js} +1 -1
- package/dist/nano-components/{dom-Cb7FUtXp.js → dom-COiksOVZ.js} +1 -1
- package/dist/nano-components/{fade-C74M8NQp.js → fade-BR_L2aBv.js} +1 -1
- package/dist/nano-components/{form-control-BOVGZF9R.js → form-control-dh9YtDPa.js} +1 -1
- package/dist/nano-components/{fullscreen-CmJdWdrB.js → fullscreen-ChzUqF71.js} +1 -1
- package/dist/nano-components/index-CX_Hk6ss.js +5 -0
- package/dist/nano-components/{index-Dw3NZx59.js → index-VZJF9v1K.js} +1 -1
- package/dist/nano-components/index.esm.js +1 -1
- package/dist/nano-components/{lazyload-BPqjfQB3.js → lazyload-IYX4l8Tu.js} +1 -1
- package/dist/nano-components/{modal-B_AxJQQp.js → modal-CH7Vma1I.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 +119 -17
- 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 +4 -0
- 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 +4 -0
- 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-Bv0u7kg0.js → nano-slides-DL3S1wHE.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-e1Gyk8V7.js → page-dots-gxG3_NaA.js} +1 -1
- package/dist/nano-components/{renderer-BUaAsDso.js → renderer-ZmozgREV.js} +1 -1
- package/dist/nano-components/{scroll-iCYjzh9N.js → scroll-D4n69pGx.js} +1 -1
- package/dist/nano-components/{slot-Db9r1aLM.js → slot-CjAtXEOo.js} +1 -1
- package/dist/nano-components/{tabbable-C4l-rYq9.js → tabbable-CZtanbA9.js} +1 -1
- package/dist/nano-components/{table.worker-DlLhvqK5.js → table.worker-Dcaz5STw.js} +1 -1
- 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/card/card.d.ts +1 -0
- package/dist/types/components/date-picker/date-picker-interface.d.ts +6 -6
- package/dist/types/components/feature-box/feature-box.d.ts +14 -0
- package/dist/types/components/slides/slides-interface.d.ts +1 -1
- package/dist/types/components.d.ts +47 -0
- package/docs-json.json +116 -3
- package/docs-vscode.json +21 -0
- package/hydrate/index.js +163 -125
- package/hydrate/index.mjs +163 -125
- package/package.json +2 -2
- package/dist/nano-components/index-DXvE-U_j.js +0 -5
- package/dist/nano-components/nano-data-table-BPQhfLyq.js +0 -4
@@ -1,11 +1,11 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance,
|
5
|
-
import { h } from './renderer-
|
6
|
-
import { g as getDirectChildren, a as getOffset } from './dom-
|
4
|
+
import { r as registerInstance, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
|
+
import { g as getDirectChildren, a as getOffset } from './dom-COiksOVZ.js';
|
7
7
|
import { d as debounce } from './throttle-C93FMm2Z.js';
|
8
|
-
import { s as scrollIntoView } from './scroll-
|
8
|
+
import { s as scrollIntoView } from './scroll-D4n69pGx.js';
|
9
9
|
|
10
10
|
const maskedOverflowCss = ":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{--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-size:3px;--indicator-track-color:var(--nano-color-neutral-300);--indicator-track-size:var(--indicator-size);--scroll-btn-color:var(--nano-color-primary-1200);--scroll-btn-size:1rem;--fade-size:100px;position:relative;z-index:var(--nano-z-index-raised)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav--no-transitions *{transition-duration:0s !important}.onav__nav:has(.onav__scroller:focus-visible){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.onav__scroller{scrollbar-width:thin;overflow:auto;display:flex;transition:var(--nano-transition-fast) ease}.onav__scroller:focus{outline:none}.onnav--hide-scrollbars .onav__scroller{scrollbar-width:none;-ms-overflow-style:none}.onnav--hide-scrollbars .onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__items{flex:1 1 auto;position:relative;inline-size:auto;flex-wrap:nowrap;display:flex}.onnav--has-indicator .onav__items::before{content:\"\";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.nano-icon-button.onav__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast) ease opacity;opacity:0;color:var(--scroll-btn-color);font-size:var(--scroll-btn-size);pointer-events:none}.nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav--horizontal.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--horizontal.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -2) 0;mask-position:calc(var(--fade-size) * -2) 0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--horizontal.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.onav--horizontal .onav__items{flex-direction:row}.onav--horizontal .onav__items::before{inline-size:100%;block-size:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{--fade-size:70px;inline-size:100%;display:flex}.onav--vertical .onav__nav{max-block-size:100%;min-inline-size:100%;display:flex}.onav--vertical .onav__scroller{inline-size:100%;flex-direction:column}.onav--vertical.onav--has-scroll-controls .onav__scroller{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--fade-size) * 0.2), rgb(0, 0, 0) var(--fade-size), rgb(0, 0, 0) calc(100% - var(--fade-size)), rgba(0, 0, 0, 0) calc(100% - var(--fade-size) * 0.2), rgba(0, 0, 0, 0) 100%)}.onav--vertical.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 calc(var(--fade-size) * -2);mask-position:0 calc(var(--fade-size) * -2);-webkit-mask-size:100% calc(100% + var(--fade-size) * 2);mask-size:100% calc(100% + var(--fade-size) * 2)}.onav--vertical.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.onav--vertical .onav__items{flex-direction:column;inline-size:fit-content}.onav--vertical .onav__items::before{block-size:100%;inline-size:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}";
|
11
11
|
|
@@ -315,7 +315,7 @@ const MaskedOverflow = class {
|
|
315
315
|
}
|
316
316
|
}
|
317
317
|
render() {
|
318
|
-
return (h(Host, { key: '
|
318
|
+
return (h(Host, { key: 'ce255683796d356286e4c9cbd7f7ea34db77190b', dir: this.isRtl ? 'rtl' : null, class: "nano-masked-overflow", "has-scroll-controls": this.hasScrollControls }, h("div", { key: 'd1ed2c18f2b317721e2cab42694a1f203d5d807a', part: "base", class: {
|
319
319
|
onav: true,
|
320
320
|
[`onav--${this.orientation}`]: true,
|
321
321
|
'onav--has-scroll-controls': this.hasScrollControls,
|
@@ -324,12 +324,12 @@ const MaskedOverflow = class {
|
|
324
324
|
'onav--no-transitions': this.instantReCalc,
|
325
325
|
'onnav--has-indicator': this.showIndicator,
|
326
326
|
'onnav--hide-scrollbars': this.hideScrollbars && this.hideScrollbars !== 'false',
|
327
|
-
}, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '
|
327
|
+
}, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'e1acd4b76844e48ef2700500977fcc227323fa92', class: "onav__nav" }, this.scrollControls && (h("nano-icon-button", { key: '30e8801e0b1ba96675ab129e5371eb6e1edff420', part: "scroll-button scroll-button-prev", class: {
|
328
328
|
'onav__scroll-button': true,
|
329
329
|
'onav__scroll-button--start': true,
|
330
330
|
}, ref: (btn) => (this.startBtn = btn), onClick: () => this.handleBtnClick(false), label: "Click to scroll", iconName: this.orientation === 'horizontal'
|
331
331
|
? 'light/chevron-left'
|
332
|
-
: 'light/chevron-up' })), h("div", { key: '
|
332
|
+
: 'light/chevron-up' })), h("div", { key: '494da67346cf9ec3217eb46aad8e0bbfca7e5842', part: "scroller", ref: (el) => (this.nav = el), class: "onav__scroller", onScroll: this.handleScroll, tabindex: this.hasScrollControls ? 0 : undefined, role: "region", "aria-label": this.label || undefined }, h("div", { key: '98e0cc7a8b0ab82440b0110e8f4d018b02612901', part: "items", ref: (el) => (this.itemContainer = el), class: "onav__items" }, this.showIndicator && (h("div", { key: '9f1622b178b5cfcf0c44cacb9f5dd3465306b9f8', part: "indicator", ref: (el) => (this.activeIndicator = el), class: "onav__active-indicator" })), h("slot", { key: 'd11134d63b8a733b7d9e0e74283eb463be032c82', onSlotchange: this.slotChangeHandler }))), this.scrollControls && (h("nano-icon-button", { key: '2630de597a4c38e555eb95dfc19033a517ccdee2', part: "scroll-button scroll-button-next", class: {
|
333
333
|
'onav__scroll-button': true,
|
334
334
|
'onav__scroll-button--end': true,
|
335
335
|
}, ref: (btn) => (this.endBtn = btn), onClick: () => this.handleBtnClick(true), label: "Click to scroll", iconName: this.orientation === 'horizontal'
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance,
|
5
|
-
import { c as closestElement } from './dom-
|
6
|
-
import { t as transformTag, h } from './renderer-
|
4
|
+
import { r as registerInstance, g as getElement, d as writeTask, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { c as closestElement } from './dom-COiksOVZ.js';
|
6
|
+
import { t as transformTag, h } from './renderer-ZmozgREV.js';
|
7
7
|
|
8
8
|
const menuDrawerCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--padding-top:13px;--padding-end:12px;--padding-bottom:13px;--padding-start:12px;--icon-size:19px;--font-size:11px;--global-nav-height:79px;--bg-color:#001a21;--bg-color-hover:rgb(28 62 72 / 80%);--bg-color-selected:#274048;--bg-color-focus:rgb(28 62 72 / 80%);--focus-outline:none;--content-color:#fff;--secondary-bg-color:rgb(28 62 72);font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;z-index:1;background:var(--bg-color)}:host ::slotted(.nano-nav-item){--secondary-padding-top:var(--global-nav-height);--nano-icon-size:var(--icon-size);color:var(--content-color);font-size:var(--font-size);text-decoration:none;box-sizing:border-box}:host *,:host *::before,:host *::after{box-sizing:border-box}:host(.hide){display:none}:host(.has-global-nav) .content-wrap{padding-block-start:var(--global-nav-height);margin-block-start:calc(var(--global-nav-height) * -1)}.container{inset-inline-end:auto;flex:0 0 calc(var(--padding-end, 1em) * 2 + var(--icon-size));background:var(--bg-color);color:var(--content-color);z-index:1;inline-size:calc(var(--padding-end, 1em) * 2 + var(--icon-size));block-size:100%}:host(.open) .container{inline-size:auto}:host(:not(.loading)) .container{transition:inline-size 0.3s ease}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;max-inline-size:inherit;background:var(--bg-color);color:#fff;position:sticky;font-size:var(--icon-size);line-height:1;display:flex;min-block-size:calc(100vh - 79px);min-block-size:calc(var(--vh, 1vh) * 100 - 79px);z-index:1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);flex:1}.content::after{content:\"\";position:absolute;inset-block-start:0;inset-inline:0;background:var(--bg-color);z-index:-1;block-size:100vh}.collapse-btn{background:var(--bg-color-selected);border:none;color:inherit;font-size:var(--icon-size);margin-block:var(--padding-top) var(--padding-bottom);margin-inline:calc(var(--padding-start) / 2) 0;border-radius:4px;padding-block:6px;padding-inline:5px;display:flex;align-content:center;inline-size:30px;flex:0 0 auto}.collapse-btn .nano-icon{font-size:var(--icon-size);transition:0.2s transform ease-in-out;transform:translateZ(0) rotate(0deg)}:host(.open) .collapse-btn .nano-icon{transform:translateZ(0) rotate(180deg)}.foot{margin-block-start:auto}.measure-ele{block-size:1px}";
|
9
9
|
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
|
7
7
|
const Rating = class {
|
8
8
|
constructor(hostRef) {
|
@@ -52,8 +52,8 @@ const Rating = class {
|
|
52
52
|
this.handleShowHideElements();
|
53
53
|
}
|
54
54
|
render() {
|
55
|
-
return (h(Host, { key: '
|
56
|
-
h("div", { key: '
|
55
|
+
return (h(Host, { key: 'e1afec82d8deaccc2710b9523edb2f46e9918c1b', class: "nano-more-less" }, h("slot", { key: '704bb046e601225e50a7dc5b74dee973bf58274c', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
|
56
|
+
h("div", { key: 'd905bc9d85634c5eed8e33acdc28f0bfae6396a4', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, h("slot", { key: '64c6138dc9e43cfe13e7be7d43740e533fa03630', name: "less" }, h("button", { key: '3c447841fafb877de9e2e16ce2f103da5831d744', part: "button button--less" }, "Show more (+", this.children.length - this.maxToShow, ")"))),
|
57
57
|
!this.noHideBtn ? (h("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, h("slot", { name: "more" }, h("button", { part: "button button--more" }, "Show less (-", this.children.length - this.maxToShow, ")")))) : (''),
|
58
58
|
]));
|
59
59
|
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { g as getDirectChildren } from './dom-
|
6
|
-
import { g as getTabbableElements } from './tabbable-
|
7
|
-
import { t as transformTag, h } from './renderer-
|
8
|
-
import { H as HasSlotController } from './slot-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { g as getDirectChildren } from './dom-COiksOVZ.js';
|
6
|
+
import { g as getTabbableElements } from './tabbable-CZtanbA9.js';
|
7
|
+
import { t as transformTag, h } from './renderer-ZmozgREV.js';
|
8
|
+
import { H as HasSlotController } from './slot-CjAtXEOo.js';
|
9
9
|
import { f as focusInContainer } from './active-element-C1pBwzyj.js';
|
10
10
|
|
11
11
|
/**
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance } from './index-
|
4
|
+
import { r as registerInstance } from './index-CX_Hk6ss.js';
|
5
5
|
|
6
|
-
const progressBarCss = ":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}}nano-progress-bar{--indicator-color:var(--nano-color-primary-1000);--track-color:var(--nano-color-neutral-300);--border-radius:1.25rem;--height:0.625rem;display:grid;position:relative;overflow:clip;border-radius:var(--border-radius);
|
6
|
+
const progressBarCss = ":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}}nano-progress-bar{--indicator-color:var(--nano-color-primary-1000);--track-color:var(--nano-color-neutral-300);--border-radius:1.25rem;--height:0.625rem;display:grid;position:relative;overflow:clip;border-radius:var(--border-radius);block-size:var(--height);font-size:var(--height)}nano-progress-bar[size=small]{--height:0.3125rem}nano-progress-bar[size=large]{--height:0.9375rem}nano-progress-bar progress{appearance:none;inline-size:100%;block-size:inherit;border-radius:var(--border-radius);background-color:var(--track-color);grid-area:1/1}nano-progress-bar>label{grid-area:1/1;position:absolute;inset:0}nano-progress-bar>label progress{position:absolute;inset:0}nano-progress-bar:has(progress:not([value]))::after{content:\"\";inline-size:100%;inset:0;display:block;transform:translateZ(0);animation:indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);background-color:var(--indicator-color);grid-area:1/1;border-radius:none}nano-progress-bar progress:not([value])::-webkit-progress-bar{border-radius:var(--border-radius);background-color:var(--track-color)}nano-progress-bar progress:not([value])::-moz-progress-bar{border-radius:var(--border-radius);background-color:var(--track-color)}@keyframes indeterminate{0%{scale:1 1;transform:translateX(-100%) translateZ(0)}75%,100%{scale:1 1;transform:translateX(100%) translateZ(0)}}nano-progress-bar progress[value]::-webkit-progress-bar{border-radius:var(--border-radius);background-color:var(--track-color)}nano-progress-bar progress[value]::-webkit-progress-value{background-color:var(--indicator-color);-webkit-transition:inline-size var(--nano-transition-fast);transition:inline-size var(--nano-transition-fast)}nano-progress-bar progress[value]::-moz-progress-bar{background-color:var(--indicator-color);-moz-transition:inline-size var(--nano-transition-fast);transition:inline-size var(--nano-transition-fast)}nano-progress-bar[show-percent] progress[value]::before{content:attr(value) \"%\";position:absolute;inline-size:attr(value %);min-inline-size:6%;inset-block-start:50%;translate:0 -50%;text-align:center;transition:inline-size var(--nano-transition-fast);font-size:0.75em;color:var(--nano-color-base-0)}";
|
7
7
|
|
8
8
|
const ProgressBar = class {
|
9
9
|
constructor(hostRef) {
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
import { a as clamp } from './math-BEqsTfVK.js';
|
7
7
|
import { c as createColorClasses } from './theme-aiuyr36I.js';
|
8
8
|
import { a as debounceEvent } from './throttle-C93FMm2Z.js';
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
import { a as clamp } from './math-BEqsTfVK.js';
|
7
7
|
|
8
8
|
const ratingCss = ".sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{box-sizing:border-box}[hidden].sc-nano-rating{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-rating-h,*.sc-nano-rating,*.sc-nano-rating::before,*.sc-nano-rating::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-rating-h{--symbol-color:#b5aea7;--symbol-color-active:#f5cc49;--symbol-spacing:0.25rem;--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));display:inline-block}.rating-wrap.sc-nano-rating{position:relative;margin-block:0;margin-inline:calc(var(--symbol-spacing) * -1)}.rating.sc-nano-rating{position:relative;border-radius:5px;vertical-align:middle;inline-size:100%;transition:box-shadow 0.15s ease}.rating.sc-nano-rating:focus{outline:none}.rating.sc-nano-rating:focus-visible:focus{box-shadow:var(--focus-shadow)}.rating__symbols.sc-nano-rating{display:flex;align-items:center;position:relative;font-size:var(--symbol-size);color:var(--symbol-color);white-space:nowrap;cursor:pointer;line-height:0;justify-content:space-between}.rating__symbols--inactive.sc-nano-rating .rating__symbol.sc-nano-rating>.sc-nano-rating:not(.nano-icon){background-color:currentcolor !important}.rating__symbols.sc-nano-rating>*.sc-nano-rating{margin:var(--symbol-spacing)}.rating__symbols--indicator.sc-nano-rating{position:absolute;inset-block-start:0;inset-inline-start:0;color:var(--symbol-color-active);pointer-events:none;inline-size:100%}.rating__symbol.sc-nano-rating{transition:0.2s transform;text-align:center}.rating__symbol--hover.sc-nano-rating{transform:scale(1.2)}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:default}.rating--disabled.sc-nano-rating .rating__symbol.sc-nano-rating,.rating--readonly.sc-nano-rating .rating__symbol.sc-nano-rating{transform:none !important}.rating--disabled.sc-nano-rating{opacity:0.5}.rating--disabled.sc-nano-rating .rating__symbols.sc-nano-rating{cursor:not-allowed}";
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, e as readTask, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
|
7
7
|
const ResizeObserve = class {
|
8
8
|
constructor(hostRef) {
|
@@ -226,7 +226,7 @@ const ResizeObserve = class {
|
|
226
226
|
this.ro.disconnect();
|
227
227
|
}
|
228
228
|
render() {
|
229
|
-
return (h(Host, { key: '
|
229
|
+
return (h(Host, { key: '110989d9ed5b1b40b76f9c8e641d5fdc95f0cdc3', class: "nano-resize-observe" }, h("slot", { key: '817b25ecae05e920029170061a31b03b3a155b53' }), !!this.notifyContentFit &&
|
230
230
|
(this.contentFitX !== null || this.contentFitY !== null) && [
|
231
231
|
this.contentFitX ? (h("slot", { name: "content-fit-x" })) : (h("slot", { name: "content-nofit-x" })),
|
232
232
|
this.contentFitY ? (h("slot", { name: "content-fit-y" })) : (h("slot", { name: "content-nofit-y" })),
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
|
7
7
|
const slideCss = ":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{display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:100%;font-size:18px;text-align:center;box-sizing:border-box;overflow:hidden;transition:opacity 0.2s;opacity:0;flex-direction:column}:host([ready]){opacity:1}:host(:not([ready])){flex:1 0 auto}";
|
8
8
|
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { t as transformTag, h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, e as readTask, d as writeTask, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { t as transformTag, h } from './renderer-ZmozgREV.js';
|
6
6
|
|
7
7
|
function EvEmitter() { }
|
8
8
|
const proto$4 = EvEmitter.prototype;
|
@@ -2195,7 +2195,6 @@ var drag = () => {
|
|
2195
2195
|
};
|
2196
2196
|
|
2197
2197
|
var nowNext = () => {
|
2198
|
-
const svgURI = 'http://www.w3.org/2000/svg';
|
2199
2198
|
// -------------------------- PrevNextButton -------------------------- //
|
2200
2199
|
function PrevNextButton(direction, parent) {
|
2201
2200
|
this.direction = direction;
|
@@ -2235,8 +2234,12 @@ var nowNext = () => {
|
|
2235
2234
|
});
|
2236
2235
|
});
|
2237
2236
|
// create arrow
|
2238
|
-
const
|
2239
|
-
|
2237
|
+
const icon = document.createElement('span');
|
2238
|
+
icon.className =
|
2239
|
+
'button-icon ' +
|
2240
|
+
(this.isPrevious ? 'button-icon--previous' : 'button-icon--next');
|
2241
|
+
icon.part.add('navigation-icon');
|
2242
|
+
slot.appendChild(icon);
|
2240
2243
|
// events
|
2241
2244
|
this.parent.on('select', this.update.bind(this));
|
2242
2245
|
this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));
|
@@ -2254,53 +2257,6 @@ var nowNext = () => {
|
|
2254
2257
|
this.unbindStartEvent(this.element);
|
2255
2258
|
this.element.removeEventListener('click', this);
|
2256
2259
|
};
|
2257
|
-
PrevNextButton.prototype.createSVG = function () {
|
2258
|
-
const svg = document.createElementNS(svgURI, 'svg');
|
2259
|
-
svg.setAttribute('class', 'flickity-button-icon');
|
2260
|
-
svg.setAttribute('viewBox', '0 0 100 100');
|
2261
|
-
svg.part.add('navigation-icon');
|
2262
|
-
const path = document.createElementNS(svgURI, 'path');
|
2263
|
-
const pathMovements = getArrowMovements(this.parent.options.arrowShape);
|
2264
|
-
path.setAttribute('d', pathMovements);
|
2265
|
-
path.setAttribute('class', 'arrow');
|
2266
|
-
// rotate arrow
|
2267
|
-
if (!this.isLeft) {
|
2268
|
-
path.setAttribute('transform', 'translate(100, 100) rotate(180) ');
|
2269
|
-
}
|
2270
|
-
svg.appendChild(path);
|
2271
|
-
return svg;
|
2272
|
-
};
|
2273
|
-
// get SVG path movmement
|
2274
|
-
function getArrowMovements(shape) {
|
2275
|
-
// use shape as movement if string
|
2276
|
-
if (typeof shape == 'string') {
|
2277
|
-
return shape;
|
2278
|
-
}
|
2279
|
-
// create movement string
|
2280
|
-
return ('M ' +
|
2281
|
-
shape.x0 +
|
2282
|
-
',50' +
|
2283
|
-
' L ' +
|
2284
|
-
shape.x1 +
|
2285
|
-
',' +
|
2286
|
-
(shape.y1 + 50) +
|
2287
|
-
' L ' +
|
2288
|
-
shape.x2 +
|
2289
|
-
',' +
|
2290
|
-
(shape.y2 + 50) +
|
2291
|
-
' L ' +
|
2292
|
-
shape.x3 +
|
2293
|
-
',50 ' +
|
2294
|
-
' L ' +
|
2295
|
-
shape.x2 +
|
2296
|
-
',' +
|
2297
|
-
(50 - shape.y2) +
|
2298
|
-
' L ' +
|
2299
|
-
shape.x1 +
|
2300
|
-
',' +
|
2301
|
-
(50 - shape.y1) +
|
2302
|
-
' Z');
|
2303
|
-
}
|
2304
2260
|
PrevNextButton.prototype.handleEvent = utils.handleEvent;
|
2305
2261
|
PrevNextButton.prototype.onclick = function () {
|
2306
2262
|
if (!this.isEnabled) {
|
@@ -2511,7 +2467,7 @@ drag();
|
|
2511
2467
|
nowNext();
|
2512
2468
|
player();
|
2513
2469
|
|
2514
|
-
const slidesCss = ":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{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;block-size:300px;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;inline-size:fit-content;block-size:fit-content}.not-ready .flickity-container{inline-size:fit-content;block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.
|
2470
|
+
const slidesCss = ":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{--dot-color:var(--nano-color-neutral-400);--dot-color-active:var(--nano-color-primary-1000);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.875rem;--navbtns-height:2.75rem;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:transparent;--flip-icon-ltr:0;--flip-icon-rtl:1;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host:dir(rtl){--flip-icon-ltr:1;--flip-icon-rtl:0}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;max-block-size:300px;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;inline-size:fit-content;block-size:fit-content}.not-ready .flickity-container{inline-size:fit-content;block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.button-icon{display:block}.button-icon::after{content:\"\";display:block;background-size:cover;inline-size:var(--navbtns-width);block-size:var(--navbtns-height);background-color:var(--navbtns-icon-color);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);transition:color var(--nano-transition-fast) ease;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;margin-inline-start:auto;rotate:calc(180deg * var(--flip-icon-ltr));-webkit-mask-size:cover;mask-size:cover}.button-icon--previous::after{rotate:calc(180deg * var(--flip-icon-rtl))}.flickity-button:disabled .button-icon::after{background-color:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{position:absolute;inline-size:100%;padding:0;margin:0;text-align:center;line-height:1;z-index:4;display:inline-flex;justify-content:center;inset-block-end:0}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{all:unset;text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;display:inline-block;position:relative;inline-size:1.25rem;block-size:0.375rem;margin-block:0;cursor:pointer;padding:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot::after{content:\"\";position:absolute;inset:0;background:currentcolor;background:var(--dot-color);margin:calc(var(--nano-spacing-md) / 2)}.flickity-page-dots .dot:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.flickity-page-dots .dot.is-selected::after{background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:hsla(0, 0%, 0%, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
|
2515
2471
|
|
2516
2472
|
const modulo = (num, div) => {
|
2517
2473
|
return ((num % div) + div) % div;
|
@@ -2852,19 +2808,19 @@ const Slides = class {
|
|
2852
2808
|
}
|
2853
2809
|
async loadFlickityModules(opts) {
|
2854
2810
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
2855
|
-
await import('./fullscreen-
|
2811
|
+
await import('./fullscreen-ChzUqF71.js');
|
2856
2812
|
this.hasFullScreenModule = true;
|
2857
2813
|
}
|
2858
2814
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
2859
|
-
await import('./lazyload-
|
2815
|
+
await import('./lazyload-IYX4l8Tu.js');
|
2860
2816
|
this.hasLazyLoadModule = true;
|
2861
2817
|
}
|
2862
2818
|
if (!this.hasDotsModule && opts.pageDots) {
|
2863
|
-
await import('./page-dots-
|
2819
|
+
await import('./page-dots-gxG3_NaA.js');
|
2864
2820
|
this.hasDotsModule = true;
|
2865
2821
|
}
|
2866
2822
|
if (!this.hasFadeModule && opts.fade) {
|
2867
|
-
await import('./fade-
|
2823
|
+
await import('./fade-BR_L2aBv.js');
|
2868
2824
|
this.hasFadeModule = true;
|
2869
2825
|
}
|
2870
2826
|
}
|
@@ -2999,15 +2955,15 @@ const Slides = class {
|
|
2999
2955
|
this.destroyflickity();
|
3000
2956
|
}
|
3001
2957
|
render() {
|
3002
|
-
return (h(Host, { key: '
|
2958
|
+
return (h(Host, { key: '9e8f895c3e090bad627b2deb2fc73fd4376955d8', class: "nano-slides" }, h("div", { key: 'ec54add94ca823d9e7cfd76c025cb1e126c6ca46', class: {
|
3003
2959
|
slideshow: true,
|
3004
2960
|
ready: this.ready,
|
3005
2961
|
'not-ready': !this.ready,
|
3006
|
-
}, part: "base" }, h("div", { key: '
|
2962
|
+
}, part: "base" }, h("div", { key: '8d1edb24c0dc802ff6b16de97a30ac9bfa628db5', ref: (div) => (this.flickityEl = div), class: {
|
3007
2963
|
'flickity-container': true,
|
3008
2964
|
'slides-ready': this.slidesReady,
|
3009
2965
|
'slides-not-ready': !this.slidesReady,
|
3010
|
-
}, part: "slide-container" }, h("slot", { key: '
|
2966
|
+
}, part: "slide-container" }, h("slot", { key: 'c4801b234cc2a6312a7fbac0a5218631f740f616' })), h("div", { key: '43a7d3fa38eb728ab12f4d37ecd247a6d1a66e53', class: "ui-extras" }, h("slot", { key: '98601f0edd95f9f6c717b3bb7ab293db2cab3a93', name: "ui" })))));
|
3011
2967
|
}
|
3012
2968
|
static get watchers() { return {
|
3013
2969
|
"options": ["optionsChanged"],
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
export { S as nano_slides } from './nano-slides-
|
5
|
-
import './index-
|
6
|
-
import './renderer-
|
4
|
+
export { S as nano_slides } from './nano-slides-DL3S1wHE.js';
|
5
|
+
import './index-CX_Hk6ss.js';
|
6
|
+
import './renderer-ZmozgREV.js';
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import {
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { g as getElement, d as writeTask, e as readTask, r as registerInstance, c as createEvent, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
import { d as drag } from './drag-BLOEuv-q.js';
|
7
7
|
import { d as debounce } from './throttle-C93FMm2Z.js';
|
8
8
|
import { a as addListeners } from './events-ClRFmcmJ.js';
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance } from './index-
|
4
|
+
import { r as registerInstance } from './index-CX_Hk6ss.js';
|
5
5
|
|
6
6
|
const spinnerCss = ":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}}:where(nano-spinner,.nano-spinner){display:inline-block;--track-size:.1em;--indicator-color:var(--nano-color-primary-1000);--track-color:var(--nano-color-neutral-300);--overlay-color:rgb(var(--nano-color-base-rgb-0) / 88%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nano-spacing-xs)}:where(nano-spinner,.nano-spinner)::after{content:\"\";order:-1;font-size:1em;display:block;inline-size:1em;block-size:1em;border-radius:50%;border:solid var(--track-size) var(--track-color);border-block-start-color:var(--indicator-color);border-inline-end-color:var(--indicator-color);border-inline-start-color:var(--indicator-color);animation:1s linear infinite loading-spin}:where(nano-spinner,.nano-spinner)>:not([slot=label]){display:none}:where(nano-spinner,.nano-spinner) [slot=label]{font-size:var(--nano-font-size-sm);color:var(--nano-color-neutral-1200);display:block;text-align:center;position:relative;z-index:1}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false]){position:absolute;inset:0;display:grid;grid-template-rows:auto auto;z-index:var(--nano-z-index-mask);justify-items:center}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false])::before{content:\"\";order:-2;position:absolute;inset:0;background:var(--overlay-color);z-index:-1}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false]) [slot=label]{align-self:start;grid-row:2}:where(nano-spinner,.nano-spinner)[overlay]:not([overlay=false])::after{align-self:end;grid-row:1;position:relative}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
|
7
7
|
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import {
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { g as getElement, r as registerInstance, c as createEvent, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
import { d as drag } from './drag-BLOEuv-q.js';
|
7
7
|
import { a as clamp } from './math-BEqsTfVK.js';
|
8
8
|
import { d as debounce } from './throttle-C93FMm2Z.js';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { a as getOffset } from './dom-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { a as getOffset } from './dom-COiksOVZ.js';
|
6
6
|
import { d as debounce } from './throttle-C93FMm2Z.js';
|
7
|
-
import { f as findScrollParent } from './scroll-
|
8
|
-
import { t as transformTag, h } from './renderer-
|
7
|
+
import { f as findScrollParent } from './scroll-D4n69pGx.js';
|
8
|
+
import { t as transformTag, h } from './renderer-ZmozgREV.js';
|
9
9
|
|
10
10
|
const stickerCss = ":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{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index=\"1\"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index=\"2\"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index=\"3\"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index=\"4\"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index=\"5\"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index=\"1\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index=\"2\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index=\"3\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index=\"4\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index=\"5\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}";
|
11
11
|
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
|
7
7
|
const tabContentCss = ":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{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";
|
8
8
|
|
@@ -1,10 +1,10 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { g as getDirectChildren } from './dom-
|
6
|
-
import { C as ComponentStore } from './component-store-
|
7
|
-
import { t as transformTag, h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, j as forceUpdate, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { g as getDirectChildren } from './dom-COiksOVZ.js';
|
6
|
+
import { C as ComponentStore } from './component-store-DMqr8_D3.js';
|
7
|
+
import { t as transformTag, h } from './renderer-ZmozgREV.js';
|
8
8
|
import './throttle-C93FMm2Z.js';
|
9
9
|
|
10
10
|
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)}";
|
@@ -288,7 +288,7 @@ const NanoTabGroup = class {
|
|
288
288
|
const storedTab = store.retrieve()?.tab;
|
289
289
|
// if a tab is in storage, set it as active now
|
290
290
|
if (storedTab && storedTab !== store.initialState?.tab) {
|
291
|
-
this.getAllActiveTabs.forEach(element => {
|
291
|
+
this.getAllActiveTabs.forEach((element) => {
|
292
292
|
if (element.panel === storedTab) {
|
293
293
|
element.active = true;
|
294
294
|
}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { r as registerInstance, c as createEvent,
|
5
|
-
import { h } from './renderer-
|
4
|
+
import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-CX_Hk6ss.js';
|
5
|
+
import { h } from './renderer-ZmozgREV.js';
|
6
6
|
|
7
7
|
const tabCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-small);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";
|
8
8
|
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import {
|
4
|
+
import { g as getElement, r as registerInstance, a as Host } from './index-CX_Hk6ss.js';
|
5
5
|
import { d as debounce } from './throttle-C93FMm2Z.js';
|
6
|
-
import { t as transformTag, h } from './renderer-
|
6
|
+
import { t as transformTag, h } from './renderer-ZmozgREV.js';
|
7
7
|
|
8
8
|
const tableCss = ".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
|
9
9
|
|
@@ -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, U as Unipointer } from './nano-slides-
|
5
|
-
import './index-
|
6
|
-
import './renderer-
|
4
|
+
import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-DL3S1wHE.js';
|
5
|
+
import './index-CX_Hk6ss.js';
|
6
|
+
import './renderer-ZmozgREV.js';
|
7
7
|
|
8
8
|
// -------------------------- PageDots -------------------------- //
|
9
9
|
function PageDots(parent) {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { h as h$1 } from './index-
|
4
|
+
import { h as h$1 } from './index-CX_Hk6ss.js';
|
5
5
|
|
6
6
|
/* eslint-disable @typescript-eslint/no-namespace */
|
7
7
|
// css only components cannot be transformed because their static css relies on the tag name
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import {
|
4
|
+
import { g as getElement, j as forceUpdate } from './index-CX_Hk6ss.js';
|
5
5
|
|
6
6
|
/**
|
7
7
|
* Given an element (which can either be within a shadowRoot or not) find it's innerText
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import './index-
|
4
|
+
import './index-CX_Hk6ss.js';
|
5
5
|
|
6
6
|
// Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable
|
7
7
|
function isTabbable(el, skipVisible = false) {
|
@@ -1,14 +1,14 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import { c as createWorker } from './nano-data-table-
|
5
|
-
import './index-
|
6
|
-
import './renderer-
|
4
|
+
import { c as createWorker } from './nano-data-table-EkTqZy8O.js';
|
5
|
+
import './index-CX_Hk6ss.js';
|
6
|
+
import './renderer-ZmozgREV.js';
|
7
7
|
import './math-BEqsTfVK.js';
|
8
8
|
import './throttle-C93FMm2Z.js';
|
9
|
-
import './scroll-
|
10
|
-
import './dom-
|
11
|
-
import './index-
|
9
|
+
import './scroll-D4n69pGx.js';
|
10
|
+
import './dom-COiksOVZ.js';
|
11
|
+
import './index-VZJF9v1K.js';
|
12
12
|
|
13
13
|
const workerName = 'table.worker';
|
14
14
|
const workerMsgId = 'stencil.table.worker';
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/*!
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
3
3
|
*/
|
4
|
-
import{
|
4
|
+
import{g as n}from"./index-CX_Hk6ss.js";var e;!function(n){n.Filter="filter",n.Page="page",n.Replica="replica",n.Init="init"}(e||(e={}));const o=(e,o)=>function(e,o){var i=e.prototype,t=i.componentWillLoad;i.componentWillLoad=function(){var e,i=this,r=n(this),s={promise:new Promise((function(n){e=n})),resolve:e},u=new CustomEvent("openWormhole",{bubbles:!0,composed:!0,detail:{consumer:this,fields:o,updater:function(n,e){i[n]=e},onOpen:s}});return r.dispatchEvent(u),s.promise.then((function(){if(t)return t.call(i)}))}}(e,o);export{e as S,o as W}
|