@nanoporetech-digital/components 8.23.1 → 8.23.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-BBm4CWLi.js → fade-BHLsJJig.js} +1 -1
- package/dist/cjs/{fullscreen-Bkk4fggn.js → fullscreen-4tmWl66n.js} +1 -1
- package/dist/cjs/{lazyload-DFPCQcws.js → lazyload-CQeC0I0X.js} +1 -1
- package/dist/cjs/nano-dropdown_2.cjs.entry.js +12 -7
- package/dist/cjs/{nano-slides-B5VhMbVx.js → nano-slides-Bsyo_UkD.js} +4 -4
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/menu/menu.js +12 -7
- package/dist/collection/components/slides/slides.css +9 -6
- package/dist/components/menu.js +12 -7
- package/dist/components/slides.js +1 -1
- package/dist/esm/{fade-DRoL_0er.js → fade-hoO5Cn3a.js} +1 -1
- package/dist/esm/{fullscreen-936htj2i.js → fullscreen-BxMLiFVY.js} +1 -1
- package/dist/esm/{lazyload-cQ60nfzF.js → lazyload-DxS7u_sq.js} +1 -1
- package/dist/esm/nano-dropdown_2.entry.js +12 -7
- package/dist/esm/{nano-slides-Dbp6Qk42.js → nano-slides-DAQ7BI02.js} +4 -4
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/nano-components/{fade-DRoL_0er.js → fade-hoO5Cn3a.js} +1 -1
- package/dist/nano-components/{fullscreen-936htj2i.js → fullscreen-BxMLiFVY.js} +1 -1
- package/dist/nano-components/{lazyload-cQ60nfzF.js → lazyload-DxS7u_sq.js} +1 -1
- package/dist/nano-components/nano-components.css +2 -0
- package/dist/nano-components/nano-dropdown_2.entry.js +1 -1
- package/dist/nano-components/{nano-slides-Dbp6Qk42.js → nano-slides-DAQ7BI02.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 +7 -2
- package/hydrate/index.js +13 -8
- package/hydrate/index.mjs +13 -8
- package/package.json +2 -2
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{8qhywLzS → MHdwmaDa}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/docs-json.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-
|
|
2
|
+
"timestamp": "2026-04-30T09:14:35",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.36.1",
|
|
@@ -3369,7 +3369,7 @@
|
|
|
3369
3369
|
"references": {
|
|
3370
3370
|
"Breadcrumb": {
|
|
3371
3371
|
"location": "local",
|
|
3372
|
-
"path": "/builds/
|
|
3372
|
+
"path": "/builds/MHdwmaDa/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
|
|
3373
3373
|
"id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
|
|
3374
3374
|
}
|
|
3375
3375
|
}
|
|
@@ -24615,6 +24615,11 @@
|
|
|
24615
24615
|
"annotation": "prop",
|
|
24616
24616
|
"docs": "next / prev icon color. Default var(--dot-color-active);"
|
|
24617
24617
|
},
|
|
24618
|
+
{
|
|
24619
|
+
"name": "--navbtns-icon-color-hover",
|
|
24620
|
+
"annotation": "prop",
|
|
24621
|
+
"docs": "next / prev icon color on hover. Default var(--nano-color-primary-1000);"
|
|
24622
|
+
},
|
|
24618
24623
|
{
|
|
24619
24624
|
"name": "--navbtns-width",
|
|
24620
24625
|
"annotation": "prop",
|
package/hydrate/index.js
CHANGED
|
@@ -19155,7 +19155,7 @@ class Menu {
|
|
|
19155
19155
|
get selectedItem() {
|
|
19156
19156
|
return this.getItems.find((i) => i.selected);
|
|
19157
19157
|
}
|
|
19158
|
-
async setActiveFocusItem(item, focus = true) {
|
|
19158
|
+
async setActiveFocusItem(item, focus = true, preventScroll = false) {
|
|
19159
19159
|
const items = this.getItems;
|
|
19160
19160
|
const activeItem = !item
|
|
19161
19161
|
? items.find((i) => i.selected) || items[0]
|
|
@@ -19166,13 +19166,18 @@ class Menu {
|
|
|
19166
19166
|
if (!focus)
|
|
19167
19167
|
return;
|
|
19168
19168
|
if (activeItem) {
|
|
19169
|
-
if (
|
|
19169
|
+
if (preventScroll) {
|
|
19170
|
+
activeItem.focus({ preventScroll: true });
|
|
19171
|
+
}
|
|
19172
|
+
else if (activeItem.setFocus) {
|
|
19170
19173
|
activeItem.setFocus();
|
|
19171
|
-
|
|
19174
|
+
}
|
|
19175
|
+
else {
|
|
19172
19176
|
activeItem.focus();
|
|
19177
|
+
}
|
|
19173
19178
|
}
|
|
19174
19179
|
else if (!this.hasFocus) {
|
|
19175
|
-
this.menu.focus();
|
|
19180
|
+
this.menu.focus({ preventScroll });
|
|
19176
19181
|
}
|
|
19177
19182
|
}
|
|
19178
19183
|
// Event Handlers
|
|
@@ -19283,7 +19288,7 @@ class Menu {
|
|
|
19283
19288
|
target.closest(transformTag('nano-option')) ||
|
|
19284
19289
|
target.closest('a');
|
|
19285
19290
|
if (item && !this.ignoreMouseEvents) {
|
|
19286
|
-
this.setActiveFocusItem(item);
|
|
19291
|
+
this.setActiveFocusItem(item, true, true);
|
|
19287
19292
|
}
|
|
19288
19293
|
};
|
|
19289
19294
|
handleSlotContent = () => {
|
|
@@ -19327,11 +19332,11 @@ class Menu {
|
|
|
19327
19332
|
this.handleSlotContent();
|
|
19328
19333
|
}
|
|
19329
19334
|
render() {
|
|
19330
|
-
return (h(Host, { key: '
|
|
19335
|
+
return (h(Host, { key: '40403e7a4f942f8fa8594edc9ceb24f33aba6979', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '561716ed34aa038cebacb31dc3b8562829f062e4', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
|
|
19331
19336
|
menu: true,
|
|
19332
19337
|
['menu--' + this._type]: true,
|
|
19333
19338
|
'menu--has-focus': this.hasFocus,
|
|
19334
|
-
}, tabIndex: -1, role: "group" }, h("slot", { key: '
|
|
19339
|
+
}, tabIndex: -1, role: "group" }, h("slot", { key: 'e36d4071433a6e7ddd700aee284868856cbd82ff', onSlotchange: this.handleSlotContent }))));
|
|
19335
19340
|
}
|
|
19336
19341
|
static get style() { return menuCss; }
|
|
19337
19342
|
static get cmpMeta() { return {
|
|
@@ -29663,7 +29668,7 @@ drag();
|
|
|
29663
29668
|
nowNext();
|
|
29664
29669
|
player();
|
|
29665
29670
|
|
|
29666
|
-
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(--
|
|
29671
|
+
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(--nano-color-neutral-700);--navbtns-icon-color-hover:var(--nano-color-primary-1000);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.5rem;--navbtns-height:1rem;--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:1}.flickity-button:hover{opacity:1;cursor:pointer;--navbtns-icon-color:var(--navbtns-icon-color-hover)}.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-arrow);mask-image:var(--nano-component-icon-arrow);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}";
|
|
29667
29672
|
|
|
29668
29673
|
const modulo = (num, div) => {
|
|
29669
29674
|
return ((num % div) + div) % div;
|
package/hydrate/index.mjs
CHANGED
|
@@ -19153,7 +19153,7 @@ class Menu {
|
|
|
19153
19153
|
get selectedItem() {
|
|
19154
19154
|
return this.getItems.find((i) => i.selected);
|
|
19155
19155
|
}
|
|
19156
|
-
async setActiveFocusItem(item, focus = true) {
|
|
19156
|
+
async setActiveFocusItem(item, focus = true, preventScroll = false) {
|
|
19157
19157
|
const items = this.getItems;
|
|
19158
19158
|
const activeItem = !item
|
|
19159
19159
|
? items.find((i) => i.selected) || items[0]
|
|
@@ -19164,13 +19164,18 @@ class Menu {
|
|
|
19164
19164
|
if (!focus)
|
|
19165
19165
|
return;
|
|
19166
19166
|
if (activeItem) {
|
|
19167
|
-
if (
|
|
19167
|
+
if (preventScroll) {
|
|
19168
|
+
activeItem.focus({ preventScroll: true });
|
|
19169
|
+
}
|
|
19170
|
+
else if (activeItem.setFocus) {
|
|
19168
19171
|
activeItem.setFocus();
|
|
19169
|
-
|
|
19172
|
+
}
|
|
19173
|
+
else {
|
|
19170
19174
|
activeItem.focus();
|
|
19175
|
+
}
|
|
19171
19176
|
}
|
|
19172
19177
|
else if (!this.hasFocus) {
|
|
19173
|
-
this.menu.focus();
|
|
19178
|
+
this.menu.focus({ preventScroll });
|
|
19174
19179
|
}
|
|
19175
19180
|
}
|
|
19176
19181
|
// Event Handlers
|
|
@@ -19281,7 +19286,7 @@ class Menu {
|
|
|
19281
19286
|
target.closest(transformTag('nano-option')) ||
|
|
19282
19287
|
target.closest('a');
|
|
19283
19288
|
if (item && !this.ignoreMouseEvents) {
|
|
19284
|
-
this.setActiveFocusItem(item);
|
|
19289
|
+
this.setActiveFocusItem(item, true, true);
|
|
19285
19290
|
}
|
|
19286
19291
|
};
|
|
19287
19292
|
handleSlotContent = () => {
|
|
@@ -19325,11 +19330,11 @@ class Menu {
|
|
|
19325
19330
|
this.handleSlotContent();
|
|
19326
19331
|
}
|
|
19327
19332
|
render() {
|
|
19328
|
-
return (h(Host, { key: '
|
|
19333
|
+
return (h(Host, { key: '40403e7a4f942f8fa8594edc9ceb24f33aba6979', role: this._type === 'listbox' ? 'group' : this._type, class: "nano-menu" }, h("div", { key: '561716ed34aa038cebacb31dc3b8562829f062e4', onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onFocus: this.handleFocus, "aria-label": this.label ? this.label : undefined, ref: (el) => (this.menu = el), part: "base", class: {
|
|
19329
19334
|
menu: true,
|
|
19330
19335
|
['menu--' + this._type]: true,
|
|
19331
19336
|
'menu--has-focus': this.hasFocus,
|
|
19332
|
-
}, tabIndex: -1, role: "group" }, h("slot", { key: '
|
|
19337
|
+
}, tabIndex: -1, role: "group" }, h("slot", { key: 'e36d4071433a6e7ddd700aee284868856cbd82ff', onSlotchange: this.handleSlotContent }))));
|
|
19333
19338
|
}
|
|
19334
19339
|
static get style() { return menuCss; }
|
|
19335
19340
|
static get cmpMeta() { return {
|
|
@@ -29661,7 +29666,7 @@ drag();
|
|
|
29661
29666
|
nowNext();
|
|
29662
29667
|
player();
|
|
29663
29668
|
|
|
29664
|
-
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(--
|
|
29669
|
+
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(--nano-color-neutral-700);--navbtns-icon-color-hover:var(--nano-color-primary-1000);--navbtns-bg-color:transparent;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:transparent;--navbtns-width:1.5rem;--navbtns-height:1rem;--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:1}.flickity-button:hover{opacity:1;cursor:pointer;--navbtns-icon-color:var(--navbtns-icon-color-hover)}.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-arrow);mask-image:var(--nano-component-icon-arrow);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}";
|
|
29665
29670
|
|
|
29666
29671
|
const modulo = (num, div) => {
|
|
29667
29672
|
return ((num % div) + div) % div;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nanoporetech-digital/components",
|
|
3
|
-
"version": "8.23.
|
|
3
|
+
"version": "8.23.3",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "A collection of Oxford Nanopore corporate / digital webcomponents",
|
|
6
6
|
"type": "module",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"smart-array-filter": "^4.0.2",
|
|
57
57
|
"stencil-wormhole": "3.2.1",
|
|
58
58
|
"tyqs": "^0.1.3",
|
|
59
|
-
"@nanoporetech-digital/style": "8.23.
|
|
59
|
+
"@nanoporetech-digital/style": "8.23.3"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@algolia/client-search": "^4.22.1",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|