@nanoporetech-digital/components 9.1.2 → 9.1.4
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-Cng4p1KQ.js → fade-qohjp1nm.js} +1 -1
- package/dist/cjs/{fullscreen-BYNt89kR.js → fullscreen-DwMCASzJ.js} +1 -1
- package/dist/cjs/{lazyload-CLpLl1ob.js → lazyload-e3rgW4Hl.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-avatar_5.cjs.entry.js +8 -8
- package/dist/cjs/nano-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/nano-collapsible-comparison.cjs.entry.js +1 -1
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-footer.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-icon-button_2.cjs.entry.js +2 -2
- package/dist/cjs/nano-mdd.cjs.entry.js +3 -0
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +2 -2
- package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
- package/dist/cjs/nano-rating.cjs.entry.js +4 -4
- package/dist/cjs/nano-resize-observe.cjs.entry.js +2 -2
- package/dist/cjs/nano-slide.cjs.entry.js +1 -1
- package/dist/cjs/{nano-slides-QbssxNUC.js → nano-slides-BqJU19OI.js} +8 -8
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/cjs/nano-sortable.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-accordion.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/nano-sticker.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab.cjs.entry.js +2 -2
- package/dist/cjs/nano-table.cjs.entry.js +2 -2
- package/dist/cjs/{style-CIGbDa5n.js → style-CQ5MIH25.js} +6 -4
- package/dist/collection/components/mdd/mdd.js +7 -0
- package/dist/collection/components/menu-drawer/menu-drawer.js +2 -2
- package/dist/collection/components/more-less/more-less.js +2 -2
- package/dist/collection/components/rating/rating.js +4 -4
- package/dist/collection/components/resize-observe/resize-observe.js +2 -2
- package/dist/collection/components/select/select.js +7 -7
- package/dist/collection/components/slides/slide.js +1 -1
- package/dist/collection/components/slides/slides.js +5 -5
- package/dist/collection/components/sortable/sortable.js +1 -1
- package/dist/collection/components/step-accordion/step-accordion.js +1 -1
- package/dist/collection/components/step-breadcrumb/step-breadcrumb.js +2 -2
- package/dist/collection/components/sticker/sticker.js +2 -2
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/tabs/tab-content.js +2 -2
- package/dist/collection/components/tabs/tab.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/utils/style.js +6 -4
- package/dist/components/nano-mdd.js +5 -2
- package/dist/components/nano-menu-drawer.js +2 -2
- package/dist/components/nano-more-less.js +2 -2
- package/dist/components/nano-rating.js +4 -4
- package/dist/components/nano-slide.js +1 -1
- package/dist/components/nano-sortable.js +1 -1
- package/dist/components/nano-step-accordion.js +1 -1
- package/dist/components/nano-step-breadcrumb.js +2 -2
- package/dist/components/nano-tab-content.js +2 -2
- package/dist/components/nano-tab.js +2 -2
- package/dist/components/nano-table.js +2 -2
- package/dist/components/resize-observe.js +2 -2
- package/dist/components/select.js +7 -7
- package/dist/components/slides.js +5 -5
- package/dist/components/sticker.js +2 -2
- package/dist/components/style.js +6 -4
- package/dist/components/tooltip.js +2 -2
- package/dist/esm/{fade-CnvBzIGD.js → fade-DYPdqggy.js} +1 -1
- package/dist/esm/{fullscreen-BqihOK-Y.js → fullscreen-CTmKto_6.js} +1 -1
- package/dist/esm/{lazyload-ClpqVun1.js → lazyload-CAFm10PR.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-avatar_5.entry.js +8 -8
- package/dist/esm/nano-breadcrumb.entry.js +1 -1
- package/dist/esm/nano-collapsible-comparison.entry.js +1 -1
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-footer.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +1 -1
- package/dist/esm/nano-icon-button_2.entry.js +2 -2
- package/dist/esm/nano-mdd.entry.js +4 -1
- package/dist/esm/nano-menu-drawer.entry.js +2 -2
- package/dist/esm/nano-more-less.entry.js +2 -2
- package/dist/esm/nano-rating.entry.js +4 -4
- package/dist/esm/nano-resize-observe.entry.js +2 -2
- package/dist/esm/nano-slide.entry.js +1 -1
- package/dist/esm/{nano-slides-WDFCFgZL.js → nano-slides-C0Hxa7Aa.js} +8 -8
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/esm/nano-sortable.entry.js +1 -1
- package/dist/esm/nano-step-accordion.entry.js +1 -1
- package/dist/esm/nano-step-breadcrumb.entry.js +3 -3
- package/dist/esm/nano-sticker.entry.js +2 -2
- package/dist/esm/nano-tab-content.entry.js +2 -2
- package/dist/esm/nano-tab.entry.js +2 -2
- package/dist/esm/nano-table.entry.js +2 -2
- package/dist/esm/{style-BVRinbua.js → style-DZBZHpf8.js} +6 -4
- package/dist/nano-components/{fade-CnvBzIGD.js → fade-DYPdqggy.js} +1 -1
- package/dist/nano-components/{fullscreen-BqihOK-Y.js → fullscreen-CTmKto_6.js} +1 -1
- package/dist/nano-components/lazyload-CAFm10PR.js +4 -0
- 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-collapsible-comparison.entry.js +1 -1
- package/dist/nano-components/nano-components.esm.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-icon-button_2.entry.js +1 -1
- package/dist/nano-components/nano-mdd.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-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-WDFCFgZL.js → nano-slides-C0Hxa7Aa.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-step-accordion.entry.js +1 -1
- package/dist/nano-components/nano-step-breadcrumb.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.entry.js +1 -1
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/nano-components/{style-BVRinbua.js → style-DZBZHpf8.js} +1 -1
- package/dist/types/components/mdd/mdd.d.ts +1 -0
- package/docs-json.json +1 -1
- package/hydrate/index.js +41 -38
- package/hydrate/index.mjs +41 -38
- package/package.json +2 -2
- package/dist/nano-components/lazyload-ClpqVun1.js +0 -4
|
@@ -5,7 +5,7 @@ import { a as getElement, r as registerInstance, c as createEvent, d as Host, l
|
|
|
5
5
|
import { a as algoliasearch } from './algoliasearch-lite.esm.browser-BTIloVU8.js';
|
|
6
6
|
import { h } from './renderer-B_wACs4w.js';
|
|
7
7
|
import { d as debounce } from './throttle-C93FMm2Z.js';
|
|
8
|
-
import { a as addGlobalStylesheetToShadow } from './style-
|
|
8
|
+
import { a as addGlobalStylesheetToShadow } from './style-DZBZHpf8.js';
|
|
9
9
|
import { s as searchInsight } from './search-insights-8OL2oeQN.js';
|
|
10
10
|
|
|
11
11
|
const globalNavCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--main-menu-bar-bg-color:var(--nano-color-background-default);--main-menu-text-color:var(--nano-color-text-default);--main-menu-hover-text-color:var(--nano-color-text-hover);--main-menu-active-text-color:var(--nano-color-text-primary);--main-menu-active-border-color:var(--nano-color-border-accent);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-text-hover);--overflow-active-text-color:var(--nano-color-text-primary);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block;block-size:revert-layer}::slotted(a),:host::slotted(a),a{text-decoration:none}a:has(img){display:inline-block}a:focus{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}nano-drawer:not(:defined){display:none}nano-badge{position:absolute;font-size:0.5625rem;pointer-events:none}.gn__cart{position:relative}.gn__cart nano-badge{inset-block-start:-0.35rem;inset-inline-end:-0.4rem}.gn__login-cta{--bg:transparent;--font-size:var(--nano-font-size-2xs);--padding-v:0.5em}.gn__menu-bar-wrapper{z-index:calc(var(--nano-z-index-menubar) + 1);position:relative}.gn__menu-bar-wrapper::after{content:\"\";position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:-1px;z-index:-3;background-color:var(--nano-color-border-default)}.gn__menu-bar{inline-size:100%;overflow:clip;background-color:var(--main-menu-bar-bg-color)}.gn__menu-bar a{color:var(--main-menu-text-color)}.gn__menu-bar a:hover{color:var(--main-menu-hover-text-color)}.gn__menu-bar a:active{color:var(--main-menu-active-text-color)}.gn__main-menu{display:inline-flex;align-items:center;min-inline-size:100%;padding:var(--nano-spacing-md);transition:opacity var(--nano-transition-x-fast) ease;opacity:1}.gn__main-menu.resizing{transition:none;opacity:0}.gn__main-menu>*{margin-inline-end:var(--nano-spacing-xl)}.gn__main-menu>*:is(slot,slot-fb){display:flex}.gn__main-menu>*:last-child{margin-inline-end:0}.gn__logo--small{min-inline-size:35px}.gn__logo--large{min-inline-size:152px}.gn__overflow-button{--padding:0.5rem 0.875rem 0.5rem 0;margin-inline-end:0.875rem;font-size:1.125rem;position:relative}.gn__overflow-button::after{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-end:0;background-color:var(--nano-color-fill-neutral-weak);opacity:0.7;inset-block-start:0}.gn__main-menu-links,.gn__main-menu-actions{display:inline-flex;align-items:center}.gn__main-menu-links .nano-icon,.gn__main-menu-links .nano-icon-button,.gn__main-menu-actions .nano-icon,.gn__main-menu-actions .nano-icon-button{--active-color:var(--main-menu-active-text-color);--hover-color:var(--main-menu-hover-text-color);font-size:1rem}.gn__main-menu-links .nano-icon-button:hover,.gn__main-menu-actions .nano-icon-button:hover{color:var(--main-menu-hover-text-color)}.gn__main-menu-links{gap:var(--nano-spacing-xl)}.gn__main-menu-links ::slotted(a),.gn__main-menu-links::slotted(a){color:var(--main-menu-text-color)}.gn__main-menu-links ::slotted(a:hover){color:var(--main-menu-hover-text-color)}.gn__main-menu-links ::slotted(*:active){color:var(--main-menu-active-text-color)}.gn__main-menu-actions{margin-inline-start:auto;font-size:0.9375rem;gap:var(--nano-spacing-md)}.gn__search-dropdown{--overflow:visible;--padding:0;--background:transparent}.gn__search-dropdown .gn__search-button{position:relative}.gn__search-dropdown .gn__search-button::before{content:\"\";position:absolute;background-color:var(--main-menu-active-border-color);block-size:4px;inset-inline:5px 2px;inset-block-end:-1.5625rem;transform:translateZ(0) scaleX(0);transform-origin:0 center;transition:transform var(--nano-transition-x-fast) ease-in-out}.gn__search-open .gn__search-dropdown .gn__search-button::before{transform:translateZ(0) scaleX(1)}.gn__search-form{display:inline-flex;max-inline-size:100vw;inline-size:30.625rem}.gn__search-form .nano-select{--input-bg-color:var(--nano-color-surface-subtle);flex:0}.gn__search-form .nano-select:focus-within{z-index:1}.gn__search-form .nano-select .form-ctrl__input{border-inline-end:none}.gn__search-form .nano-input{flex:1}.gn__search-results{--padding-start:var(--nano-spacing-md);--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);font-size:var(--nano-font-size-2xs)}.gn__search-loading{display:flex;justify-content:center}.gn__search-result{--padding-start:0.3125rem;--padding-top:var(--nano-spacing-sm);--padding-bottom:var(--nano-spacing-sm);--bg-focus:var(--nano-color-fill-secondary-pressed);--color-focus:var(--nano-color-text-default);--color:var(--nano-color-text-default);font-size:var(--nano-font-size-2xs)}.gn__search-result .search__highlight{font-style:normal;background:var(--nano-color-highlight)}.gn__search-viewall{--bg-focus:var(--nano-color-fill-secondary-pressed);--color-focus:var(--nano-color-text-default);--color:var(--nano-color-fill-primary-pressed)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-icon-primary);display:flex;white-space:nowrap;gap:var(--nano-spacing-xs);align-items:center;position:relative;padding-inline-start:var(--nano-spacing-md)}.gn__user-dropdown-trigger:hover{color:var(--nano-color-icon-primary-hover)}.gn__user-dropdown-trigger:active{color:var(--nano-color-icon-primary)}.gn__user-dropdown-trigger:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.gn__user-dropdown-trigger::before{content:\"\";position:absolute;inline-size:1px;block-size:100%;inset-inline-start:0;background-color:var(--nano-color-fill-subtle);opacity:0.7;inset-block-start:0}.gn__user-dropdown-trigger .gn__user-dropdown-chevron{transition:rotate var(--nano-transition-x-fast) linear}[open] .gn__user-dropdown-trigger .gn__user-dropdown-chevron{rotate:180deg}.gn__user-dropdown-trigger nano-badge{inset-block-start:-0.7rem;inset-inline-end:-0.7rem}.gn__user-dropdown{--background:var(--overflow-bg-color);--padding:0;--overflow:visible}.gn__user-panel{inline-size:21.25rem;max-inline-size:21.25rem;color:var(--overflow-text-color);padding:var(--nano-spacing-md);background-color:var(--nano-color-surface-subtle)}.gn__user-panel a{color:var(--overflow-text-color)}.gn__user-panel a:hover{text-decoration:underline;color:var(--overflow-hover-text-color)}.gn__user-panel-head{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);padding-block-end:var(--nano-spacing-md);display:flex;align-items:center;gap:var(--nano-spacing-sm);font-size:var(--nano-font-size-xs)}.gn__user-panel-head .gn__user-avatar nano-icon{font-size:2.5rem}.gn__user-panel-body{display:flex;flex-direction:column}.gn__user-panel-body a{position:relative;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);padding-block:var(--nano-spacing-md)}.gn__user-panel-body a:first-child{border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__user-panel-foot{padding-block-start:var(--nano-spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--nano-spacing-md)}.gn__drawer{--panel-background:var(--overflow-bg-color);--header-button-color:var(--overflow-text-color);--body-spacing:0;--header-spacing:var(--nano-spacing-md) 0;--footer-spacing:var(--nano-spacing-md)}.gn__drawer::part(title){display:flex;justify-content:flex-end}.gn__drawer::part(header-actions){order:-1}.gn__drawer-header{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.gn__drawer-menu{display:flex;flex-direction:column;margin:0 var(--nano-spacing-md);padding-block-end:var(--nano-spacing-md);color:var(--overflow-text-color);border-block-start:1px solid rgb(var(--nano-color-base-rgb-1000)/10%);position:relative}.gn__drawer-menu ::slotted(a),.gn__drawer-menu::slotted(a){padding:var(--nano-spacing-md) 0}.gn__drawer-menu ::slotted(a),.gn__drawer-menu ::slotted(.nano-nav-item),.gn__drawer-menu::slotted(a),.gn__drawer-menu::slotted(.nano-nav-item){--padding:var(--nano-spacing-md) 0;display:block;color:inherit !important;border-block-end:1px solid rgb(var(--nano-color-base-rgb-1000)/10%)}.gn__drawer-menu ::slotted(a:hover),.gn__drawer-menu ::slotted(.nano-nav-item:hover){text-decoration:underline;color:var(--overflow-hover-text-color) !important}";
|
|
@@ -319,10 +319,10 @@ const Tooltip = class {
|
|
|
319
319
|
this.popover.destroy();
|
|
320
320
|
}
|
|
321
321
|
render() {
|
|
322
|
-
return (h(Host, { key: '
|
|
322
|
+
return (h(Host, { key: '085c79dbd9df2889a6aa7d88c41646e5a5a99fa9', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, h("slot", { key: '8936b4cbb36ae5d085ca6531730b3ca698896186', onSlotchange: this.handleSlotChange }), h("div", { key: 'b0cbe2bd129018ae3694fec63d2e5699ad4bd7ff', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, h("div", { key: 'a3bacf2ca0ca83af15cebfe3ce45132c66bfe348', part: "base", ref: (el) => (this.tooltip = el), class: {
|
|
323
323
|
tooltip: true,
|
|
324
324
|
'tooltip--open': this.open,
|
|
325
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '
|
|
325
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '70b83683ad7457bd801b1853683047da757305cc', name: "content", onSlotchange: () => this.setLabel() }, this.content), h("div", { key: '2e61880754b5165c17f6ce93a8b1a62266109c09', class: "tooltip-arrow", "data-popper-arrow": true })))));
|
|
326
326
|
}
|
|
327
327
|
static get watchers() { return {
|
|
328
328
|
"content": ["setLabel"],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, a as getElement } from './index-RXFO3HxS.js';
|
|
4
|
+
import { r as registerInstance, a as getElement, h, d as Host } from './index-RXFO3HxS.js';
|
|
5
5
|
import { t as transformTag } from './renderer-B_wACs4w.js';
|
|
6
6
|
|
|
7
7
|
const mddCss = ":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-mdd{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:var(--nano-spacing-xl)}@media (width < 1200px){nano-mdd{gap:var(--nano-spacing-l2)}}nano-mdd .mdd__span-2{grid-column:span 2}nano-mdd[accordion]{display:block}";
|
|
@@ -46,6 +46,9 @@ const Mdd = class {
|
|
|
46
46
|
componentDidLoad() {
|
|
47
47
|
this.syncAccordionProp();
|
|
48
48
|
}
|
|
49
|
+
render() {
|
|
50
|
+
return (h(Host, { key: '52a120df3f4a2e6f6864634567ee80261d709633' }, h("slot", { key: 'a3016952c44b518bd751ba04ecc8684d23f6a393' })));
|
|
51
|
+
}
|
|
49
52
|
static get watchers() { return {
|
|
50
53
|
"accordion": ["accordionChanged"]
|
|
51
54
|
}; }
|
|
@@ -142,14 +142,14 @@ const MenuDrawer = class {
|
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
render() {
|
|
145
|
-
return (h(Host, { key: '
|
|
145
|
+
return (h(Host, { key: '97332b71914156fa113b0c731df25df9f865efac', class: {
|
|
146
146
|
open: this.open,
|
|
147
147
|
'secondary-open': this.secondaryOpen,
|
|
148
148
|
hide: this.hide,
|
|
149
149
|
loading: this.isLoading,
|
|
150
150
|
'has-global-nav': !!this.globalNav,
|
|
151
151
|
'nano-menu-drawer': true,
|
|
152
|
-
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: '
|
|
152
|
+
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: 'dca06c232b7ea14a297e0dcb76af9aa1e4a8495d', ref: (div) => (this.containerDiv = div), class: "container" }, h("div", { key: 'cb7c8552ef987f62da0736843b1c3e831db67f24', class: `content-wrap ${this.secondaryOpen ? 'secondary-open' : ''}` }, h("nav", { key: '4693b1febfbb2c0bd151a6eb92601c9d187ad8d3', ref: (div) => (this.contentDiv = div), class: "content" }, h("div", { key: '08d0b661514899115b4e95e2e7f5e4b8c9b4b845', class: "head" }, h("button", { key: '614da037d05c06f21776cfa3bb3f83d4a4faf207', onClick: this.toggle, class: "collapse-btn" }, h("nano-icon", { key: 'd2f6562f2e0fc7fb548dec8ea8db15fbaf4f6775', name: "light/arrow-right-to-line" }), h("span", { key: 'd9dbe44c1d25920f482e7729fb29ccebef3fc6d0', class: "visually-hidden" }, "collapse / expand menu"))), h("slot", { key: '789d41eef9551811c368692c20b6aefef60c0fa0' }), this.slotCtrl.has('foot') && (h("div", { key: '43ae2bbf32447b820a96e990812e6e0542a31f78', class: "foot" }, h("slot", { key: '6cff47313f5465c38f8272638bae793648238c26', name: "foot" }))))))));
|
|
153
153
|
}
|
|
154
154
|
static get watchers() { return {
|
|
155
155
|
"open": ["openChange"]
|
|
@@ -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: 'e8c428a7adfceaa5a7e427ec824341e8b6867d7a', class: "nano-more-less" }, h("slot", { key: '1f77ecd99f6d9dc2717a25066bc5baa332781096', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
|
|
56
|
+
h("div", { key: '63e70b0dd2b343ad2e887186063526d3f3f3c7fd', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, h("slot", { key: '926db7914efeac71f6e3fbfe7df53e61ca5dfad4', name: "less" }, h("button", { key: '5a693e3684cae91a70e8dc6714542ea2b5cc73e6', 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
|
}
|
|
@@ -193,20 +193,20 @@ const Rating = class {
|
|
|
193
193
|
else {
|
|
194
194
|
displayValue = this.isHovering ? this.hoverValue : this.value;
|
|
195
195
|
}
|
|
196
|
-
return (h(Host, { key: '
|
|
196
|
+
return (h(Host, { key: 'ca9f8614ee480fe918ea02b0d76e86ee46011ccd', class: "nano-rating" }, h("label", { key: '15115ed7a3fb89a94ad83fd21585f217765d5a62', class: `rating-label${this.hideLabel ? ' visually-hidden' : ''}`, part: "label", htmlFor: this.name }, h("slot", { key: '74a550e0f50a541c1d202a170d51c26ba20ead68', name: "label" }, this.label)), h("input", { key: 'f9dc6fe605ef4d9c8f8720892a94eec1769cb04d', class: "range-input visually-hidden", name: this.name, id: this.name, disabled: this.disabled || this.readonly, required: this.required, value: this.value, onFocus: () => {
|
|
197
197
|
this.setFocus();
|
|
198
|
-
} }), h("div", { key: '
|
|
198
|
+
} }), h("div", { key: 'bf0b7849d8bed8732b172a12a45d287e1827f9a7', class: "rating-wrap" }, h("div", { key: '392f8d2c6cb93c7d0765371875ad2aa273d20874', dir: this.isRtl ? 'rtl' : null, ref: (el) => (this.rating = el), part: "base", class: {
|
|
199
199
|
rating: true,
|
|
200
200
|
'rating--readonly': this.readonly,
|
|
201
201
|
'rating--disabled': this.disabled,
|
|
202
|
-
}, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("span", { key: '
|
|
202
|
+
}, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("span", { key: '6a18e58e85a13da490e931002f633bbd9a2c0279', class: "rating__symbols rating__symbols--inactive" }, counter.map((index) => (h("span", { class: {
|
|
203
203
|
rating__symbol: true,
|
|
204
204
|
'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1,
|
|
205
205
|
},
|
|
206
206
|
// Users can click the current value to clear the rating. When this happens, we set this.isHovering to
|
|
207
207
|
// false to prevent the hover state from confusing them as they move the mouse out of the control. This
|
|
208
208
|
// extra mouseenter will reinstate it if they happen to mouse over an adjacent symbol.
|
|
209
|
-
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), h("span", { key: '
|
|
209
|
+
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), h("span", { key: 'b7ee9e2ba25a05d701728e5280c00759a5c967d7', ref: (span) => (this.indicator = span), class: "rating__symbols rating__symbols--indicator", style: {
|
|
210
210
|
clip: this.clip(displayValue),
|
|
211
211
|
} }, counter.map((index) => (h("span", { class: {
|
|
212
212
|
rating__symbol: true,
|
|
@@ -226,13 +226,13 @@ const ResizeObserve = class {
|
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
render() {
|
|
229
|
-
return (h(Host, { key: '
|
|
229
|
+
return (h(Host, { key: '5c2c1a5a1187493cb89fe5c581d5b4b1250f5009', class: {
|
|
230
230
|
'nano-resize-observe': true,
|
|
231
231
|
'content-fit-x': this.contentFitX,
|
|
232
232
|
'content-fit-y': this.contentFitY,
|
|
233
233
|
'content-nofit-x': this.contentFitX === false,
|
|
234
234
|
'content-nofit-y': this.contentFitY === false,
|
|
235
|
-
} }, h("slot", { key: '
|
|
235
|
+
} }, h("slot", { key: '24c3b65283fe59e533b68618188a4ff2dedb1b91' }), !!this.notifyContentFit &&
|
|
236
236
|
(this.contentFitX !== null || this.contentFitY !== null) && [
|
|
237
237
|
this.contentFitX ? (h("slot", { name: "content-fit-x" })) : (h("slot", { name: "content-nofit-x" })),
|
|
238
238
|
this.contentFitY ? (h("slot", { name: "content-fit-y" })) : (h("slot", { name: "content-nofit-y" })),
|
|
@@ -37,7 +37,7 @@ const Slide = class {
|
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: '4682e74f51d787ef7e2a5481b39f8c8e3a87fa1e', class: "nano-slide" }, h("slot", { key: '12d3315aeabf35aaf0c86c7239c0ef1cf19b60b5' })));
|
|
41
41
|
}
|
|
42
42
|
static get watchers() { return {
|
|
43
43
|
"ready": ["readyChange"]
|
|
@@ -2821,15 +2821,15 @@ const Slides = class {
|
|
|
2821
2821
|
}
|
|
2822
2822
|
async loadFlickityModules(opts) {
|
|
2823
2823
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2824
|
-
await import('./fullscreen-
|
|
2824
|
+
await import('./fullscreen-CTmKto_6.js');
|
|
2825
2825
|
this.hasFullScreenModule = true;
|
|
2826
2826
|
}
|
|
2827
2827
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2828
|
-
await import('./lazyload-
|
|
2828
|
+
await import('./lazyload-CAFm10PR.js');
|
|
2829
2829
|
this.hasLazyLoadModule = true;
|
|
2830
2830
|
}
|
|
2831
2831
|
if (!this.hasFadeModule && opts.fade) {
|
|
2832
|
-
await import('./fade-
|
|
2832
|
+
await import('./fade-DYPdqggy.js');
|
|
2833
2833
|
this.hasFadeModule = true;
|
|
2834
2834
|
}
|
|
2835
2835
|
}
|
|
@@ -2963,15 +2963,15 @@ const Slides = class {
|
|
|
2963
2963
|
this.destroyflickity();
|
|
2964
2964
|
}
|
|
2965
2965
|
render() {
|
|
2966
|
-
return (h(Host, { key: '
|
|
2966
|
+
return (h(Host, { key: '42548f40ddb58bd17ba72b0f4d8eae4e80830896', class: "nano-slides" }, h("div", { key: 'd8f2236b6bca970b42b3d1d8f9ab0a6b109d36a1', class: {
|
|
2967
2967
|
slideshow: true,
|
|
2968
2968
|
ready: this.ready,
|
|
2969
2969
|
'not-ready': !this.ready,
|
|
2970
|
-
}, part: "base" }, h("div", { key: '
|
|
2970
|
+
}, part: "base" }, h("div", { key: '8fbdcaad01037ae236438aedb5a50fcc00f44830', ref: (div) => (this.flickityEl = div), class: {
|
|
2971
2971
|
'flickity-container': true,
|
|
2972
2972
|
'slides-ready': this.slidesReady,
|
|
2973
2973
|
'slides-not-ready': !this.slidesReady,
|
|
2974
|
-
}, part: "slide-container" }, h("slot", { key: '
|
|
2974
|
+
}, part: "slide-container" }, h("slot", { key: 'daf0eb9a2fda8304dad8575205bcd03db6974212', onSlotchange: () => this.update() })), h("div", { key: 'd319f84ee4c616c591133613b304df11b171975c', class: "ui-extras" }, h("slot", { key: 'c3bcea25c38aa569a78b51f415f29b520f9b3f86', name: "ui" })), this.pageCount > 1 && (this.pager || this.navbtns) && (h("div", { key: 'e6fa9bba0a67ec190cb8461a21d32ca74d3a0b88', class: "pagination", part: "pagination" }, this.navbtns && (h("button", { key: '3539c40d3505d629ed8ff83a56abaa990dc46857', 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: 'ca7f5d2b8dc29e5c0fee0e7d74ac26be8dcd74f6', class: "button-icon button-icon--previous", part: "navigation-icon" }, h("slot", { key: '3eab4f9542746d4bc1bdd5f69aa2ff89beafba00', name: "previous-icon" })))), this.pager && (h("div", { key: '762f7a3601918ebd6cb8a2bf8bbf4f3ee359f8bc', class: "flickity-page-dots" }, Array.from({ length: this.pageCount }).map((_, index) => (h("button", { part: "pagination-item--active", key: index, class: {
|
|
2975
2975
|
'pagination-btn': true,
|
|
2976
2976
|
'pagination-btn--active': this.isActive(index),
|
|
2977
2977
|
'is-selected': this.isActive(index),
|
|
@@ -2980,8 +2980,8 @@ const Slides = class {
|
|
|
2980
2980
|
if (this.isActive(index))
|
|
2981
2981
|
return;
|
|
2982
2982
|
this.slideTo(index);
|
|
2983
|
-
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '
|
|
2984
|
-
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: '
|
|
2983
|
+
} }, h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (h("button", { key: '4a9bcddd7133c0a150e2e046e82bf76a97534926', 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 ===
|
|
2984
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, h("span", { key: 'de509817e85cff853beba46b0ae5d19e14b8f81d', class: "button-icon", part: "navigation-icon" }, h("slot", { key: '89ffb6c06f1b03feb2065808222c14be70b66949', name: "next-icon" })))))))));
|
|
2985
2985
|
}
|
|
2986
2986
|
static get watchers() { return {
|
|
2987
2987
|
"options": ["optionsChanged"],
|
|
@@ -726,7 +726,7 @@ const Sortable = class {
|
|
|
726
726
|
}
|
|
727
727
|
}
|
|
728
728
|
render() {
|
|
729
|
-
return (h(Host, { key: '
|
|
729
|
+
return (h(Host, { key: '92da39ca4300baebfafa0dbbde2b969a94c153a1', class: "nano-sortable" }, h("div", { key: 'f36ee8930fe09db42e4eb3d23bc9c9a41cee78c3', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: 'b5aadf78950111c71866655c087fd188ff310414' })));
|
|
730
730
|
}
|
|
731
731
|
static get watchers() { return {
|
|
732
732
|
"itemSelector": ["handleItemSelectorChange"],
|
|
@@ -81,7 +81,7 @@ const NanoStepAccordion = class {
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return (h("nano-accordion", { key: '
|
|
84
|
+
return (h("nano-accordion", { key: 'dd04f4a4e9a0d3892342cb5fd0ca4ded7fa393cc', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
|
|
85
85
|
step: true,
|
|
86
86
|
'step--active': index === this.activeStep,
|
|
87
87
|
'step--complete': step.complete,
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { r as registerInstance, c as createEvent, a as getElement, k as forceUpdate, d as Host } from './index-RXFO3HxS.js';
|
|
5
5
|
import { h } from './renderer-B_wACs4w.js';
|
|
6
6
|
import { C as ConstructibleStyle } from './constructible-style-BKXXXS9X.js';
|
|
7
|
-
import { a as addGlobalStylesheetToShadow } from './style-
|
|
7
|
+
import { a as addGlobalStylesheetToShadow } from './style-DZBZHpf8.js';
|
|
8
8
|
|
|
9
9
|
const stepBreadcrumbCss = ":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;--background:var(--nano-color-background-default)}.step-wrapper{container-type:inline-size}.step-list.desktop{display:flex;flex-direction:row;align-items:center;justify-content:space-between;list-style:none;padding:0;margin:0;position:relative;z-index:1}.step-list.desktop::before{content:\"\";display:block;flex-grow:1;block-size:1px;background-color:var(--nano-color-fill-neutral-weak);position:absolute;inset-block-start:50%;z-index:-1;inset-inline-start:0;inline-size:100%}.step-item-wrapper{flex:0 1 auto;display:inline-flex;align-items:center;cursor:pointer}.step-item-wrapper:last-of-type{flex:0 1 auto}.step-item-wrapper:last-of-type .step-item{padding-inline-end:0}.step-item-wrapper:first-of-type::before{display:none}.step-item-wrapper:first-of-type .step-item{padding-inline-start:0}.step-item-wrapper::before{content:\"\";grid-column:2;grid-row:1;inline-size:0.4rem;block-size:0.4rem;place-self:center end;inset-block-start:0.5px;position:relative;border-inline-end:1px solid var(--nano-color-fill-neutral-weak);border-block-end:1px solid var(--nano-color-fill-neutral-weak);rotate:-45deg}:dir(rtl) .step-item-wrapper::after{rotate:45deg}.step-item{all:unset;display:inline-flex;align-items:center;gap:var(--nano-spacing-sm);background-color:var(--background);padding:0 var(--nano-spacing-sm);position:relative}.step-item:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}.step-item.step-item--disabled{cursor:not-allowed}.step-item.step-item--disabled>*{opacity:0.5}.step-item-icon{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--nano-border-radius-circle);background-color:transparent;color:var(--nano-color-text-default);border:1px solid var(--nano-color-fill-neutral-weak)}.step-item--complete .step-item-icon{background-color:var(--nano-color-fill-success);color:var(--nano-color-basic-white);border:none}.step-item--active .step-item-icon{background-color:var(--nano-color-fill-primary);color:var(--nano-color-basic-white);border:none}.step-dropdown{inline-size:100%;min-inline-size:300px}.step-trigger{all:unset;display:inline-flex;gap:var(--nano-spacing-md);align-items:center;inline-size:100%;cursor:pointer}.step-trigger-text{display:flex;flex-direction:column}.step-trigger-now{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance;color:var(--nano-color-text-default)}.step-trigger-next{font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);color:var(--nano-color-fill-neutral)}.step-trigger-icon{margin-inline-start:auto;color:var(--nano-color-fill-primary);transition:var(--nano-transition-x-fast) rotate}[open] .step-trigger-icon{rotate:180deg}.step-progress-circle{--size:64px;--thickness:4px;inline-size:var(--size);min-inline-size:var(--size);aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;position:relative}.step-progress-circle::before{content:\"\";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--nano-color-fill-success) calc(var(--value) / var(--max) * 360deg), var(--nano-color-surface-neutral) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--thickness)), black 90%);mask:radial-gradient(farthest-side, transparent calc(100% - var(--thickness)), black 90%)}.step-progress-title{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);white-space:nowrap;color:var(--nano-color-fill-neutral)}.step-progress-title strong{color:var(--nano-color-text-default)}";
|
|
10
10
|
|
|
@@ -104,10 +104,10 @@ const NanoStepBreadcrumb = class {
|
|
|
104
104
|
};
|
|
105
105
|
render() {
|
|
106
106
|
const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
|
|
107
|
-
return (h(Host, { key: '
|
|
107
|
+
return (h(Host, { key: '411b80e166d57b3d07b80ec28cad52fcf8a309c5' }, h(Wrapper, { key: '3c84726262a3830766f50779ee6cd3fec8da47d8', class: "step-wrapper" }, h("ul", { key: 'b62449d73c812731bb4ab0d53992fec1f18448ed', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: 'ef7a477f27f8c10efa6ad5309386a1c6bf0e38bb', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: 'b36fa485a490b0a6425c84ff8cdca9b12ceb1e2c', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '122a3616e538164c52feaf095e3227f1b5cbd7e5', slot: "trigger", class: "step-trigger" }, h("div", { key: '097c1fd6f3588d28b869b82d9f63de996d7c20dc', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
|
|
108
108
|
'--value': '' + (this.activeStep + 1),
|
|
109
109
|
'--max': '' + this.steps.length,
|
|
110
|
-
} }, h("span", { key: '
|
|
110
|
+
} }, h("span", { key: '3d90bccdae92dbecccf93f36b4325e6184d55bcc', class: "step-progress-text" }, h("strong", { key: '941be73db7a09546c823175ccf01519f3daf7d73' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '52619f7a88712ace9b82e4a112784af57fc87ec1', class: "step-trigger-text" }, h("div", { key: 'f3fb2049434f2435836ee276fe0ac56d398a04b7', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: '382916108875640ef59479bf259fe26662596720', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: '18503355440a76daaa97abcbc1b5f53d783ac86d', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '91032f5d664af203643a27b62ff0d0749b467029' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
|
|
111
111
|
'step-item-mobile': true,
|
|
112
112
|
'step-item-mobile step-item--active': index === this.activeStep,
|
|
113
113
|
'step-item-mobile step-item--complete': step.complete,
|
|
@@ -605,12 +605,12 @@ const Sticker = class {
|
|
|
605
605
|
this.hasBootstrapped = false;
|
|
606
606
|
}
|
|
607
607
|
render() {
|
|
608
|
-
return (h(Host, { key: '
|
|
608
|
+
return (h(Host, { key: '60adae6e59e66c467f2bc893bfce5fec6f9840b3', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'd07aa4d91346877330985751dc07e77ade6641f1', class: {
|
|
609
609
|
sticker: true,
|
|
610
610
|
sticky: this.isRootSticker && this.isSticky,
|
|
611
611
|
stuck: this.isStuck && this.isRootSticker && this.isSticky,
|
|
612
612
|
hide: this.isRootSticker && this.hide && this.isStuck,
|
|
613
|
-
}, ref: (div) => (this.sticker = div) }, h("div", { key: '
|
|
613
|
+
}, ref: (div) => (this.sticker = div) }, h("div", { key: '2e9e03afcef0357ada094e4518c9bfd84947e676', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '21c51e2ea322f7d39528633072d93cfe8ebb94de' })))));
|
|
614
614
|
}
|
|
615
615
|
static get watchers() { return {
|
|
616
616
|
"trigger": ["updateTriggerOffset"],
|
|
@@ -22,10 +22,10 @@ const NanoTabContent = class {
|
|
|
22
22
|
requestAnimationFrame(() => (this.ready = true));
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '0a81893905932bca2ba694d0ecb27f28369f7606', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
|
|
26
26
|
ready: this.ready,
|
|
27
27
|
'nano-tab-content': true,
|
|
28
|
-
} }, h("div", { key: '
|
|
28
|
+
} }, h("div", { key: '74093ccac8983cba93c5bff5f06da2ab4ade4eed', part: "base", class: "nano-tab-content" }, h("slot", { key: '9c0922b3463cec891cf542ebf2232c9f4870845d' }))));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
NanoTabContent.style = tabContentCss;
|
|
@@ -49,12 +49,12 @@ const NanoTab = class {
|
|
|
49
49
|
};
|
|
50
50
|
render() {
|
|
51
51
|
const Tag = this.href ? 'a' : 'div';
|
|
52
|
-
return (h(Host, { key: '
|
|
52
|
+
return (h(Host, { key: '3649794a7283da61c9659f2c639d00862a2116d1', id: this.host.id || this.tabId, role: !this.href ? 'tab' : undefined, "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h(Tag, { key: '4a1cff12dce6edb0a13b1a1d997a8534132e617a', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
|
|
53
53
|
tab: true,
|
|
54
54
|
'tab--active': this.active,
|
|
55
55
|
'tab--disabled': this.disabled,
|
|
56
56
|
'tab--closable': this.closable,
|
|
57
|
-
}, href: this.href, target: this.target }, h("slot", { key: '
|
|
57
|
+
}, href: this.href, target: this.target }, h("slot", { key: 'f3b43c6b87ce86c945671b18598ed8844ec8e855', name: "start" }), h("div", { key: 'c9b508f82c5818b625e24b14ce1d9b61e47fd208', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, h("slot", { key: '6c02486bf2f3640fd56fc188d0fdf2091f3da23c' })), h("slot", { key: 'bd9695255a1032294c9ff2f500e01aac2ba2b3e3', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '0f458dcada1ee1d05f4bbce6c24352d01ff1a68d', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
NanoTab.style = tabCss;
|
|
@@ -226,10 +226,10 @@ const NanoTable = class {
|
|
|
226
226
|
this.cleanUpObservers();
|
|
227
227
|
}
|
|
228
228
|
render() {
|
|
229
|
-
return (h(Host, { key: '
|
|
229
|
+
return (h(Host, { key: 'ebbfd8421e422255664184552b1f0eda8072fd89', class: {
|
|
230
230
|
'nano-table': true,
|
|
231
231
|
'nano-table--props-ready': this.propsReady,
|
|
232
|
-
} }, this.scrollable && (h("nano-masked-overflow", { key: '
|
|
232
|
+
} }, this.scrollable && (h("nano-masked-overflow", { key: '89df303f6187fed245e1883420c913e765a625fc', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: 'e9c9da86bd1ff153587dbcc56dd79d661dcb0cbc', class: "nano-table__overflow" }))), h("slot", { key: 'ce06e9466b6700c9c3c489d5751a28da1af5952f' })));
|
|
233
233
|
}
|
|
234
234
|
static get watchers() { return {
|
|
235
235
|
"compact": ["handleCompactChange"],
|
|
@@ -124,11 +124,13 @@ async function buildGlobalStylesheetFromHrefs(hrefs) {
|
|
|
124
124
|
return null;
|
|
125
125
|
}
|
|
126
126
|
}));
|
|
127
|
-
// keep the original document order
|
|
128
|
-
|
|
129
|
-
|
|
127
|
+
// keep the original document order and combine every matching stylesheet -
|
|
128
|
+
// the nano styles are split across multiple files (e.g. core.css, light.css,
|
|
129
|
+
// dark.css), so we must adopt all of them, not just the first match
|
|
130
|
+
const matchingCss = cssTexts.filter((text) => !!text && cssTextContainsNanoMarker(text));
|
|
131
|
+
if (matchingCss.length) {
|
|
130
132
|
const sheet = new CSSStyleSheet();
|
|
131
|
-
await sheet.replace(
|
|
133
|
+
await sheet.replace(matchingCss.join('\n'));
|
|
132
134
|
cachedCSStylesheet = sheet;
|
|
133
135
|
return sheet;
|
|
134
136
|
}
|
|
@@ -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-C0Hxa7Aa.js";import"./index-RXFO3HxS.js";import"./renderer-B_wACs4w.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-C0Hxa7Aa.js";import"./index-RXFO3HxS.js";import"./renderer-B_wACs4w.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;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Custom elements for Nanopore-Digital Web applications
|
|
3
|
+
*/
|
|
4
|
+
import{F as t,u as i}from"./nano-slides-C0Hxa7Aa.js";import"./index-RXFO3HxS.js";import"./renderer-B_wACs4w.js";t.createMethods.push("_createLazyload");const a=t.prototype;function s(t,i){this.img=t,this.flickity=i,this.load()}a._createLazyload=function(){this.on("select",this.lazyLoad)},a.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const a=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];a.forEach((function(t){const a=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),a=t.getAttribute("data-flickity-lazyload-src"),s=t.getAttribute("data-flickity-lazyload-srcset");if(i||a||s)return[t]}const a=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(a)}(t);l=l.concat(a)})),l.forEach((function(t){new s(t,this)}),this)},s.prototype.handleEvent=i.handleEvent,s.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")},s.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},s.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},s.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const a=this.flickity.getParentCell(this.img),s=a&&a.element;this.flickity.cellSizeChange(s),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,s)},t.LazyLoader=s;
|