@nanoporetech-digital/components 8.15.1 → 8.15.3
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/{fade-CvRMkoaU.js → fade-BBm4CWLi.js} +1 -1
- package/dist/cjs/{fullscreen-BirSm9W5.js → fullscreen-Bkk4fggn.js} +1 -1
- package/dist/cjs/{lazyload-BpGHgobQ.js → lazyload-DFPCQcws.js} +1 -1
- package/dist/cjs/{nano-slides-Bxy-R6ss.js → nano-slides-B5VhMbVx.js} +7 -6
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/slides/slides.css +1 -5
- package/dist/collection/components/slides/slides.js +3 -2
- package/dist/components/slides.js +4 -3
- package/dist/esm/{fade-CrX-pf5X.js → fade-DRoL_0er.js} +1 -1
- package/dist/esm/{fullscreen-DRwX7YyH.js → fullscreen-936htj2i.js} +1 -1
- package/dist/esm/{lazyload-q28R0Ctb.js → lazyload-cQ60nfzF.js} +1 -1
- package/dist/esm/{nano-slides-CHs6RT6T.js → nano-slides-Dbp6Qk42.js} +7 -6
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/nano-components/{fade-CrX-pf5X.js → fade-DRoL_0er.js} +1 -1
- package/dist/nano-components/{fullscreen-DRwX7YyH.js → fullscreen-936htj2i.js} +1 -1
- package/dist/nano-components/{lazyload-q28R0Ctb.js → lazyload-cQ60nfzF.js} +1 -1
- package/dist/nano-components/nano-components.css +5 -1
- package/dist/nano-components/{nano-slides-CHs6RT6T.js → nano-slides-Dbp6Qk42.js} +4 -4
- package/dist/nano-components/nano-slides.entry.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/docs-json.json +2 -2
- package/hydrate/index.js +4 -3
- package/hydrate/index.mjs +4 -3
- package/package.json +2 -2
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{FKs_t1C_ → ZCT-PoHy}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
|
@@ -2468,7 +2468,7 @@ drag();
|
|
|
2468
2468
|
nowNext();
|
|
2469
2469
|
player();
|
|
2470
2470
|
|
|
2471
|
-
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:1rem;--navbtns-height:1.5rem;--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;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%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{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}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus-visible{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.
|
|
2471
|
+
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:1rem;--navbtns-height:1.5rem;--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;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%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{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}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus-visible{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.next{margin-inline-start:auto}.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{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}";
|
|
2472
2472
|
|
|
2473
2473
|
const modulo = (num, div) => {
|
|
2474
2474
|
return ((num % div) + div) % div;
|
|
@@ -2809,15 +2809,15 @@ const Slides = class {
|
|
|
2809
2809
|
}
|
|
2810
2810
|
async loadFlickityModules(opts) {
|
|
2811
2811
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2812
|
-
await Promise.resolve().then(function () { return require('./fullscreen-
|
|
2812
|
+
await Promise.resolve().then(function () { return require('./fullscreen-Bkk4fggn.js'); });
|
|
2813
2813
|
this.hasFullScreenModule = true;
|
|
2814
2814
|
}
|
|
2815
2815
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2816
|
-
await Promise.resolve().then(function () { return require('./lazyload-
|
|
2816
|
+
await Promise.resolve().then(function () { return require('./lazyload-DFPCQcws.js'); });
|
|
2817
2817
|
this.hasLazyLoadModule = true;
|
|
2818
2818
|
}
|
|
2819
2819
|
if (!this.hasFadeModule && opts.fade) {
|
|
2820
|
-
await Promise.resolve().then(function () { return require('./fade-
|
|
2820
|
+
await Promise.resolve().then(function () { return require('./fade-BBm4CWLi.js'); });
|
|
2821
2821
|
this.hasFadeModule = true;
|
|
2822
2822
|
}
|
|
2823
2823
|
}
|
|
@@ -2956,7 +2956,7 @@ const Slides = class {
|
|
|
2956
2956
|
'flickity-container': true,
|
|
2957
2957
|
'slides-ready': this.slidesReady,
|
|
2958
2958
|
'slides-not-ready': !this.slidesReady,
|
|
2959
|
-
}, part: "slide-container" }, renderer.h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), renderer.h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, renderer.h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (renderer.h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (renderer.h("button", { key: '
|
|
2959
|
+
}, part: "slide-container" }, renderer.h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), renderer.h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, renderer.h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (renderer.h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (renderer.h("button", { key: 'fb0c9671d14839940f71640edf42039f28e81ca1', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, renderer.h("span", { key: '4b535329bbcc1a13cb13e07b6885e33127c21d25', class: "button-icon button-icon--previous", part: "navigation-icon" }, renderer.h("slot", { key: '160d5479d37a91b4b210b3f477d780a39f93049d', name: "previous-icon" })))), this.pager && (renderer.h("div", { key: '370e6b8f4991efa3a19362f7e886ea8650cc92ad', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (renderer.h("button", { part: "pagination-item--active", key: index, class: {
|
|
2960
2960
|
'pagination-btn': true,
|
|
2961
2961
|
'pagination-btn--active': this.isActive(index),
|
|
2962
2962
|
'is-selected': this.isActive(index),
|
|
@@ -2965,7 +2965,8 @@ const Slides = class {
|
|
|
2965
2965
|
if (this.isActive(index))
|
|
2966
2966
|
return;
|
|
2967
2967
|
this.slideTo(index);
|
|
2968
|
-
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '
|
|
2968
|
+
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '8c8841103ecf7e698326216cd9d19616098ba087', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
2969
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, renderer.h("span", { key: '038894a16910a9f7156d69ddf02805cd7a4b3db2', class: "button-icon", part: "navigation-icon" }, renderer.h("slot", { key: 'fce4e6b92873f9805e8d2d5db6eac1afb04bd9f2', name: "next-icon" })))))))));
|
|
2969
2970
|
}
|
|
2970
2971
|
static get watchers() { return {
|
|
2971
2972
|
"options": ["optionsChanged"],
|
|
@@ -89,7 +89,7 @@ export class NanoBreadcrumb {
|
|
|
89
89
|
"references": {
|
|
90
90
|
"Breadcrumb": {
|
|
91
91
|
"location": "local",
|
|
92
|
-
"path": "/builds/
|
|
92
|
+
"path": "/builds/ZCT-PoHy/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
|
|
93
93
|
"id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
|
|
94
94
|
}
|
|
95
95
|
}
|
|
@@ -230,12 +230,8 @@ https://flickity.metafizzy.co
|
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
/* ---- previous/next buttons ---- */
|
|
233
|
-
.flickity-prev-next-button.previous {
|
|
234
|
-
inset-inline-start: 10px;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
233
|
.flickity-prev-next-button.next {
|
|
238
|
-
|
|
234
|
+
margin-inline-start: auto;
|
|
239
235
|
}
|
|
240
236
|
|
|
241
237
|
/* right to left */
|
|
@@ -498,7 +498,7 @@ export class Slides {
|
|
|
498
498
|
'flickity-container': true,
|
|
499
499
|
'slides-ready': this.slidesReady,
|
|
500
500
|
'slides-not-ready': !this.slidesReady,
|
|
501
|
-
}, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '
|
|
501
|
+
}, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: 'fb0c9671d14839940f71640edf42039f28e81ca1', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: '4b535329bbcc1a13cb13e07b6885e33127c21d25', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '160d5479d37a91b4b210b3f477d780a39f93049d', name: "previous-icon" })))), this.pager && (h("div", { key: '370e6b8f4991efa3a19362f7e886ea8650cc92ad', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
|
|
502
502
|
'pagination-btn': true,
|
|
503
503
|
'pagination-btn--active': this.isActive(index),
|
|
504
504
|
'is-selected': this.isActive(index),
|
|
@@ -507,7 +507,8 @@ export class Slides {
|
|
|
507
507
|
if (this.isActive(index))
|
|
508
508
|
return;
|
|
509
509
|
this.slideTo(index);
|
|
510
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
510
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '8c8841103ecf7e698326216cd9d19616098ba087', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
511
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '038894a16910a9f7156d69ddf02805cd7a4b3db2', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'fce4e6b92873f9805e8d2d5db6eac1afb04bd9f2', name: "next-icon" })))))))));
|
|
511
512
|
}
|
|
512
513
|
static get is() { return "nano-slides"; }
|
|
513
514
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2466,7 +2466,7 @@ drag();
|
|
|
2466
2466
|
nowNext();
|
|
2467
2467
|
player();
|
|
2468
2468
|
|
|
2469
|
-
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:1rem;--navbtns-height:1.5rem;--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;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%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{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}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus-visible{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.
|
|
2469
|
+
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:1rem;--navbtns-height:1.5rem;--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;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%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{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}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus-visible{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.next{margin-inline-start:auto}.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{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}";
|
|
2470
2470
|
|
|
2471
2471
|
const modulo = (num, div) => {
|
|
2472
2472
|
return ((num % div) + div) % div;
|
|
@@ -2956,7 +2956,7 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2956
2956
|
'flickity-container': true,
|
|
2957
2957
|
'slides-ready': this.slidesReady,
|
|
2958
2958
|
'slides-not-ready': !this.slidesReady,
|
|
2959
|
-
}, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '
|
|
2959
|
+
}, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: 'fb0c9671d14839940f71640edf42039f28e81ca1', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: '4b535329bbcc1a13cb13e07b6885e33127c21d25', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '160d5479d37a91b4b210b3f477d780a39f93049d', name: "previous-icon" })))), this.pager && (h("div", { key: '370e6b8f4991efa3a19362f7e886ea8650cc92ad', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
|
|
2960
2960
|
'pagination-btn': true,
|
|
2961
2961
|
'pagination-btn--active': this.isActive(index),
|
|
2962
2962
|
'is-selected': this.isActive(index),
|
|
@@ -2965,7 +2965,8 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class Slides extends HTMLElement
|
|
|
2965
2965
|
if (this.isActive(index))
|
|
2966
2966
|
return;
|
|
2967
2967
|
this.slideTo(index);
|
|
2968
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
2968
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '8c8841103ecf7e698326216cd9d19616098ba087', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
2969
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '038894a16910a9f7156d69ddf02805cd7a4b3db2', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'fce4e6b92873f9805e8d2d5db6eac1afb04bd9f2', name: "next-icon" })))))))));
|
|
2969
2970
|
}
|
|
2970
2971
|
static get watchers() { return {
|
|
2971
2972
|
"options": ["optionsChanged"],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { F as Flickity, u as utils } from './nano-slides-
|
|
4
|
+
import { F as Flickity, u as utils } from './nano-slides-Dbp6Qk42.js';
|
|
5
5
|
import './index-BM3Om9WE.js';
|
|
6
6
|
import './renderer-DpNDfhNy.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { F as Flickity, u as utils } from './nano-slides-
|
|
4
|
+
import { F as Flickity, u as utils } from './nano-slides-Dbp6Qk42.js';
|
|
5
5
|
import './index-BM3Om9WE.js';
|
|
6
6
|
import './renderer-DpNDfhNy.js';
|
|
7
7
|
|
|
@@ -2466,7 +2466,7 @@ drag();
|
|
|
2466
2466
|
nowNext();
|
|
2467
2467
|
player();
|
|
2468
2468
|
|
|
2469
|
-
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:1rem;--navbtns-height:1.5rem;--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;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%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{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}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus-visible{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.
|
|
2469
|
+
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:1rem;--navbtns-height:1.5rem;--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;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%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;block-size:fit-content}.not-ready .flickity-container{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}.pagination{display:flex}.flickity-button{background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus-visible{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.next{margin-inline-start:auto}.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{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}";
|
|
2470
2470
|
|
|
2471
2471
|
const modulo = (num, div) => {
|
|
2472
2472
|
return ((num % div) + div) % div;
|
|
@@ -2807,15 +2807,15 @@ const Slides = class {
|
|
|
2807
2807
|
}
|
|
2808
2808
|
async loadFlickityModules(opts) {
|
|
2809
2809
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2810
|
-
await import('./fullscreen-
|
|
2810
|
+
await import('./fullscreen-936htj2i.js');
|
|
2811
2811
|
this.hasFullScreenModule = true;
|
|
2812
2812
|
}
|
|
2813
2813
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2814
|
-
await import('./lazyload-
|
|
2814
|
+
await import('./lazyload-cQ60nfzF.js');
|
|
2815
2815
|
this.hasLazyLoadModule = true;
|
|
2816
2816
|
}
|
|
2817
2817
|
if (!this.hasFadeModule && opts.fade) {
|
|
2818
|
-
await import('./fade-
|
|
2818
|
+
await import('./fade-DRoL_0er.js');
|
|
2819
2819
|
this.hasFadeModule = true;
|
|
2820
2820
|
}
|
|
2821
2821
|
}
|
|
@@ -2954,7 +2954,7 @@ const Slides = class {
|
|
|
2954
2954
|
'flickity-container': true,
|
|
2955
2955
|
'slides-ready': this.slidesReady,
|
|
2956
2956
|
'slides-not-ready': !this.slidesReady,
|
|
2957
|
-
}, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '
|
|
2957
|
+
}, part: "slide-container" }, h("slot", { key: 'cbdf063d45eb964328ade1026c897e02e27567f2', onSlotchange: () => this.update() })), h("div", { key: 'a68ae1524777a0fbb9369135e4f802cd70b8249f', class: "ui-extras" }, h("slot", { key: 'ea8f0636dcfabaa7704ed86fa10cdbd5d21db872', name: "ui" })), this.slideCount > 1 && (this.pager || this.navbtns) && (h("div", { key: '078617be5a5af3ea80886927f2f2b6c8bafd8427', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: 'fb0c9671d14839940f71640edf42039f28e81ca1', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, h("span", { key: '4b535329bbcc1a13cb13e07b6885e33127c21d25', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '160d5479d37a91b4b210b3f477d780a39f93049d', name: "previous-icon" })))), this.pager && (h("div", { key: '370e6b8f4991efa3a19362f7e886ea8650cc92ad', class: "flickity-page-dots" }, Array.from({ length: this.slideCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
|
|
2958
2958
|
'pagination-btn': true,
|
|
2959
2959
|
'pagination-btn--active': this.isActive(index),
|
|
2960
2960
|
'is-selected': this.isActive(index),
|
|
@@ -2963,7 +2963,8 @@ const Slides = class {
|
|
|
2963
2963
|
if (this.isActive(index))
|
|
2964
2964
|
return;
|
|
2965
2965
|
this.slideTo(index);
|
|
2966
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
2966
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '8c8841103ecf7e698326216cd9d19616098ba087', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
2967
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '038894a16910a9f7156d69ddf02805cd7a4b3db2', class: "button-icon", part: "navigation-icon" }, h("slot", { key: 'fce4e6b92873f9805e8d2d5db6eac1afb04bd9f2', name: "next-icon" })))))))));
|
|
2967
2968
|
}
|
|
2968
2969
|
static get watchers() { return {
|
|
2969
2970
|
"options": ["optionsChanged"],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{F as t,u as i}from"./nano-slides-
|
|
4
|
+
import{F as t,u as i}from"./nano-slides-Dbp6Qk42.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const u=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),u.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const e=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||e.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{F as t}from"./nano-slides-
|
|
4
|
+
import{F as t}from"./nano-slides-Dbp6Qk42.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";t.createMethods.push("_createFullscreen");const i=t.prototype;i._createFullscreen=function(){this.isFullscreen=!1,this.options.fullscreen&&(this.viewFullscreenButton=new n("view",this),this.exitFullscreenButton=new n("exit",this),this.on("activate",this._changeFullscreenActive),this.on("deactivate",this._changeFullscreenActive))},i._changeFullscreenActive=function(){const t=this.isActive?"appendChild":"removeChild";this.element[t](this.viewFullscreenButton.element),this.element[t](this.exitFullscreenButton.element);const i=this.isActive?"activate":"deactivate";this.viewFullscreenButton[i](),this.exitFullscreenButton[i]()},i.viewFullscreen=function(){this._changeFullscreen(!0),this.focus()},i.exitFullscreen=function(){this._changeFullscreen(!1)},i._changeFullscreen=function(t){if(this.isFullscreen==t)return;this.isFullscreen=t;const i=t?"add":"remove";document.documentElement.classList[i]("is-flickity-fullscreen"),this.element.classList[i]("is-fullscreen"),this.resize(),this.isFullscreen&&this.reposition(),this.dispatchEvent("fullscreenChange",null,[t])},i.toggleFullscreen=function(){this._changeFullscreen(!this.isFullscreen)};const s=i.setGallerySize;function n(t,i){this.name=t,this.createButton(),this.createIcon(),this.onClick=function(){i[t+"Fullscreen"]()},this.clickHandler=this.onClick.bind(this)}i.setGallerySize=function(){this.options.setGallerySize&&(this.isFullscreen?this.viewport.style.height="":s.call(this))},t.keyboardHandlers[27]=function(){this.exitFullscreen()},n.prototype.createButton=function(){const t=this.element=document.createElement("button");t.className="flickity-button flickity-fullscreen-button flickity-fullscreen-button-"+this.name,t.setAttribute("type","button");const i=(s=this.name+" full-screen")[0].toUpperCase()+s.slice(1);var s;t.setAttribute("aria-label",i),t.title=i};const h="http://www.w3.org/2000/svg",c={view:"M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z",exit:"M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z"};n.prototype.createIcon=function(){const t=document.createElementNS(h,"svg");t.setAttribute("class","flickity-button-icon"),t.setAttribute("viewBox","0 0 32 32");const i=document.createElementNS(h,"path");i.setAttribute("d",c[this.name]),t.appendChild(i),this.element.appendChild(t)},n.prototype.activate=function(){this.element.addEventListener("click",this.clickHandler)},n.prototype.deactivate=function(){this.element.removeEventListener("click",this.clickHandler)},t.FullscreenButton=n;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{F as t,u as i}from"./nano-slides-
|
|
4
|
+
import{F as t,u as i}from"./nano-slides-Dbp6Qk42.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";t.createMethods.push("_createLazyload");const s=t.prototype;function a(t,i){this.img=t,this.flickity=i,this.load()}s._createLazyload=function(){this.on("select",this.lazyLoad)},s.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const s=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];s.forEach((function(t){const s=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),s=t.getAttribute("data-flickity-lazyload-src"),a=t.getAttribute("data-flickity-lazyload-srcset");if(i||s||a)return[t]}const s=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(s)}(t);l=l.concat(s)})),l.forEach((function(t){new a(t,this)}),this)},a.prototype.handleEvent=i.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const s=this.flickity.getParentCell(this.img),a=s&&s.element;this.flickity.cellSizeChange(a),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,a)},t.LazyLoader=a;
|
|
@@ -2306,8 +2306,9 @@ nano-increment nano-input .form-ctrl__validation-icon, .nano-increment nano-inpu
|
|
|
2306
2306
|
--spacing: var(--nano-spacing-md);
|
|
2307
2307
|
display: grid;
|
|
2308
2308
|
grid-template-columns: 200px auto;
|
|
2309
|
-
grid-template-rows: auto 1fr auto
|
|
2309
|
+
grid-template-rows: auto auto 1fr auto;
|
|
2310
2310
|
gap: 0 var(--spacing);
|
|
2311
|
+
align-items: start;
|
|
2311
2312
|
padding: var(--spacing);
|
|
2312
2313
|
box-shadow: var(--nano-shadow-l1);
|
|
2313
2314
|
container-type: inline-size;
|
|
@@ -2334,6 +2335,7 @@ nano-increment nano-input .form-ctrl__validation-icon, .nano-increment nano-inpu
|
|
|
2334
2335
|
padding: unset;
|
|
2335
2336
|
}
|
|
2336
2337
|
nano-option-box [slot=img] {
|
|
2338
|
+
align-self: start;
|
|
2337
2339
|
grid-area: img;
|
|
2338
2340
|
inline-size: 100%;
|
|
2339
2341
|
block-size: auto;
|
|
@@ -2348,6 +2350,7 @@ nano-increment nano-input .form-ctrl__validation-icon, .nano-increment nano-inpu
|
|
|
2348
2350
|
}
|
|
2349
2351
|
}
|
|
2350
2352
|
nano-option-box [slot=content] {
|
|
2353
|
+
align-self: start;
|
|
2351
2354
|
grid-area: content;
|
|
2352
2355
|
grid-row: 2;
|
|
2353
2356
|
grid-column: 2;
|
|
@@ -2374,6 +2377,7 @@ nano-increment nano-input .form-ctrl__validation-icon, .nano-increment nano-inpu
|
|
|
2374
2377
|
padding-block-end: var(--spacing);
|
|
2375
2378
|
}
|
|
2376
2379
|
nano-option-box [slot=content] ul.config-list, nano-option-box [slot=content]:is(ul.config-list) {
|
|
2380
|
+
align-self: start;
|
|
2377
2381
|
list-style: none;
|
|
2378
2382
|
display: grid;
|
|
2379
2383
|
grid-template-columns: min-content 1fr;
|