@nanoporetech-digital/components 9.1.2 → 9.1.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/nano-avatar_5.cjs.entry.js +1 -1
- 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-footer.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/{style-CIGbDa5n.js → style-CQ5MIH25.js} +6 -4
- package/dist/collection/utils/style.js +6 -4
- package/dist/components/style.js +6 -4
- package/dist/esm/nano-avatar_5.entry.js +1 -1
- package/dist/esm/nano-breadcrumb.entry.js +1 -1
- package/dist/esm/nano-collapsible-comparison.entry.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-step-breadcrumb.entry.js +1 -1
- package/dist/esm/{style-BVRinbua.js → style-DZBZHpf8.js} +6 -4
- 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-footer.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/nano-step-breadcrumb.entry.js +1 -1
- package/dist/nano-components/{style-BVRinbua.js → style-DZBZHpf8.js} +1 -1
- package/docs-json.json +1 -1
- package/package.json +2 -2
|
@@ -14,7 +14,7 @@ var activeElement = require('./active-element-Vtuxns0n.js');
|
|
|
14
14
|
var drag = require('./drag-B5XXLJW9.js');
|
|
15
15
|
var tabbable = require('./tabbable-BXxsn02Z.js');
|
|
16
16
|
var searchInsights = require('./search-insights-BtxuX7Wv.js');
|
|
17
|
-
var style = require('./style-
|
|
17
|
+
var style = require('./style-CQ5MIH25.js');
|
|
18
18
|
var dom = require('./dom-CIEcUG2R.js');
|
|
19
19
|
var throttle = require('./throttle-CrRDOkln.js');
|
|
20
20
|
var formControl = require('./form-control-DdnBRckY.js');
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-C7Ikbhe3.js');
|
|
7
|
-
var style = require('./style-
|
|
7
|
+
var style = require('./style-CQ5MIH25.js');
|
|
8
8
|
|
|
9
9
|
const breadcrumbCss = ":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{--text-color:var(--nano-color-text-link);--text-color-hover:var(--nano-color-text-hover);--text-color-secondary:var(--nano-color-text-default);--text-color-disabled:var(--nano-color-text-disabled);--border-color:var(--nano-color-border-default);--trigger-bg-color:var(--nano-color-background-default);display:block}.breadcrumbs{inline-size:fit-content}nano-menu.breadcrumbs{inline-size:100%}.breadcrumbs-hidden{position:absolute;visibility:hidden;pointer-events:none;block-size:0;overflow:hidden}ol{list-style:none;padding:var(--nano-spacing-l3) 0;margin:0;display:flex;flex-direction:row}li{display:flex;align-items:center;justify-content:flex-start;font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-wrap:nowrap;margin-block-end:0}li:not(.return-only li)::after,nano-nav-item::after{content:\"/\";margin:0 var(--nano-spacing-xs);color:var(--border-color)}a.link{color:var(--text-color)}a:not(.link){color:var(--text-color-secondary)}a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}a.link:hover{color:var(--text-color-hover)}a.return.link{display:flex;align-items:center;gap:calc(var(--nano-spacing-sm) / 2)}.breadcrumbs__dropdown{inline-size:100%}.breadcrumbs__dropdown[open]::part(trigger){box-shadow:var(--nano-shadow-l1)}.trigger-button{inline-size:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--nano-spacing-l3) var(--nano-spacing-l2);color:var(--text-color);background-color:var(--trigger-bg-color);cursor:pointer;text-align:start;border:none;font-size:var(--nano-font-size-xs)}.trigger-button .trigger-button_label{text-decoration:underline}.trigger-button .trigger-button_label::after{content:\"/\";margin:0 var(--nano-spacing-xs);color:var(--border-color)}.trigger-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.trigger-icon{transform:rotate(0deg);transition:var(--nano-transition-x-fast) ease transform}.trigger-icon--open{transform:rotate(180deg)}nano-nav-item::after{display:none !important}.trigger-button_label::after{display:inline-block !important}.return-only{padding:var(--nano-spacing-l3) var(--nano-spacing-l2) !important}";
|
|
10
10
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
var index = require('./index-C7Ikbhe3.js');
|
|
7
7
|
var renderer = require('./renderer-bX7EsIYR.js');
|
|
8
|
-
var style = require('./style-
|
|
8
|
+
var style = require('./style-CQ5MIH25.js');
|
|
9
9
|
|
|
10
10
|
const collapsibleComparisonCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n /**\n * @prop --color-bg - Background color of the component. Defaults to var(--nano-color-background-default).\n * @prop --color-border - Border color of the component. Defaults to var(--nano-color-surface-sunken).\n * @prop --outer-spacing - Horizontal padding of the component. Defaults to var(--nano-spacing-l1-default).\n */\n}\n:host .collapsible-comparison {\n background-color: var(--color-bg);\n color: var(--nano-color-text-default);\n padding: var(--outer-spacing) 0;\n container-type: inline-size;\n}\n:host .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-end: var(--nano-spacing-xl);\n}\n:host .headings {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--nano-spacing-xl);\n}\n:host nano-icon-button {\n display: none;\n}\n@container (max-width: 400px) {\n :host nano-cta {\n display: none;\n }\n :host nano-icon-button {\n --color: var(--nano-color-icon-primary);\n display: block;\n margin-inline-start: auto;\n font-size: var(--nano-font-size-xl);\n transition: 0.3s ease transform;\n }\n :host nano-icon-button.open {\n transform: rotate(180deg);\n }\n}";
|
|
11
11
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-C7Ikbhe3.js');
|
|
7
|
-
var style = require('./style-
|
|
7
|
+
var style = require('./style-CQ5MIH25.js');
|
|
8
8
|
|
|
9
9
|
const footerCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n --col-gap: var(--nano-spacing-l1-default);\n --icon-gap-md: var(--nano-spacing-md);\n --icon-gap-sm: var(--nano-spacing-sm);\n --vertical-padding: var(--nano-spacing-l1-default);\n --horizontal-padding: 0;\n --header-margin: 0 0 var(--nano-spacing-l1-default) 0;\n display: block;\n}\n:host .footer {\n container-type: inline-size;\n container-name: footer-container;\n display: flex;\n flex-direction: column;\n}\n@container footer-container (max-width: 768px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-md);\n --col-gap: var(--nano-spacing-l);\n --vertical-padding: var(--nano-spacing-md);\n }\n :host .top-start,\n :host .top-center,\n :host .top-end {\n --header-margin: 0 0 var(--nano-spacing-md) 0;\n }\n}\n@container footer-container (max-width: 1023px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-l);\n }\n}\n@container footer-container (max-width: 1346px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-l1-default);\n }\n}\n:host .upper {\n border-block-start: 1px solid var(--nano-color-border-default);\n}\n:host .lower {\n background-color: var(--nano-color-surface-special);\n color: var(--nano-color-basic-white);\n}\n:host .top,\n:host .middle,\n:host .bottom {\n display: grid;\n gap: var(--col-gap);\n margin: 0 auto;\n max-inline-size: 1266px;\n}\n:host .top,\n:host .middle {\n grid-template-columns: repeat(3, 1fr);\n padding: var(--vertical-padding) var(--horizontal-padding);\n}\n:host .bottom {\n grid-template-columns: repeat(2, 1fr);\n padding-inline: var(--horizontal-padding);\n padding-block-end: var(--vertical-padding);\n}\n:host .middle-centre a {\n color: inherit;\n}\n:host .middle-centre a:hover {\n color: var(--nano-color-text-link-hover);\n}\n:host .middle-centre a:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n}\n:host .top-start,\n:host .top-center,\n:host .top-end {\n flex-direction: column;\n}\n:host .middle-start,\n:host .middle-centre,\n:host .middle-end {\n align-items: center;\n}\n:host .middle-start {\n display: flex;\n justify-content: flex-start;\n}\n:host .middle-centre {\n display: flex;\n justify-content: center;\n gap: var(--icon-gap-md);\n flex-wrap: nowrap;\n}\n:host .middle-end {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 20rem));\n gap: var(--icon-gap-sm);\n justify-content: end;\n}\n:host [slot=middle-end] {\n inline-size: 100%;\n}\n:host .bottom-start p,\n:host .bottom-start ::slotted(p), .bottom-start :host::slotted(p) {\n font-weight: var(--nano-font-weight-normal) !important;\n font-size: var(--nano-font-size-xs) !important;\n line-height: var(--nano-line-height-normal) !important;\n letter-spacing: var(--nano-letter-spacing-loose) !important;\n margin-block: 0 !important;\n}\n:host .bottom-end {\n display: flex;\n justify-content: flex-end;\n}\n:host .bottom-end ::slotted(*), .bottom-end :host::slotted(*) {\n --input-font-size: var(--nano-font-size-2xs) !important;\n max-inline-size: 9rem !important;\n}\n@container footer-container (max-width: 1200px) {\n :host .top {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, auto);\n }\n :host .top-end {\n grid-row: 2;\n grid-column: 1/-1;\n }\n}\n@container footer-container (max-width: 912px) {\n :host .middle,\n :host .bottom {\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n }\n :host .top {\n display: flex;\n flex-direction: column;\n }\n :host .middle-centre {\n flex-wrap: wrap;\n }\n :host .middle-end {\n grid-template-columns: minmax(0, 6.6rem);\n }\n :host .bottom {\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n }\n :host .middle-start,\n :host .middle-centre,\n :host .middle-end {\n justify-content: center;\n }\n}";
|
|
10
10
|
|
|
@@ -7,7 +7,7 @@ var index = require('./index-C7Ikbhe3.js');
|
|
|
7
7
|
var algoliasearchLite_esm_browser = require('./algoliasearch-lite.esm.browser-CEon6pM5.js');
|
|
8
8
|
var renderer = require('./renderer-bX7EsIYR.js');
|
|
9
9
|
var throttle = require('./throttle-CrRDOkln.js');
|
|
10
|
-
var style = require('./style-
|
|
10
|
+
var style = require('./style-CQ5MIH25.js');
|
|
11
11
|
var searchInsights = require('./search-insights-BtxuX7Wv.js');
|
|
12
12
|
|
|
13
13
|
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}";
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
var index = require('./index-C7Ikbhe3.js');
|
|
7
7
|
var renderer = require('./renderer-bX7EsIYR.js');
|
|
8
8
|
var constructibleStyle = require('./constructible-style-CRdAciHm.js');
|
|
9
|
-
var style = require('./style-
|
|
9
|
+
var style = require('./style-CQ5MIH25.js');
|
|
10
10
|
|
|
11
11
|
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)}";
|
|
12
12
|
|
|
@@ -126,11 +126,13 @@ async function buildGlobalStylesheetFromHrefs(hrefs) {
|
|
|
126
126
|
return null;
|
|
127
127
|
}
|
|
128
128
|
}));
|
|
129
|
-
// keep the original document order
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
// keep the original document order and combine every matching stylesheet -
|
|
130
|
+
// the nano styles are split across multiple files (e.g. core.css, light.css,
|
|
131
|
+
// dark.css), so we must adopt all of them, not just the first match
|
|
132
|
+
const matchingCss = cssTexts.filter((text) => !!text && cssTextContainsNanoMarker(text));
|
|
133
|
+
if (matchingCss.length) {
|
|
132
134
|
const sheet = new CSSStyleSheet();
|
|
133
|
-
await sheet.replace(
|
|
135
|
+
await sheet.replace(matchingCss.join('\n'));
|
|
134
136
|
cachedCSStylesheet = sheet;
|
|
135
137
|
return sheet;
|
|
136
138
|
}
|
|
@@ -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
|
}
|
package/dist/components/style.js
CHANGED
|
@@ -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
|
}
|
|
@@ -12,7 +12,7 @@ import { g as getActiveElement } from './active-element-CKJIkX0R.js';
|
|
|
12
12
|
import { d as drag } from './drag-BLOEuv-q.js';
|
|
13
13
|
import { g as getTabbableElements } from './tabbable-Dwh0pD2q.js';
|
|
14
14
|
import { s as searchInsight } from './search-insights-8OL2oeQN.js';
|
|
15
|
-
import { a as addGlobalStylesheetToShadow } from './style-
|
|
15
|
+
import { a as addGlobalStylesheetToShadow } from './style-DZBZHpf8.js';
|
|
16
16
|
import { c as closestElement } from './dom-DiLhOqyz.js';
|
|
17
17
|
import { a as debounceEvent } from './throttle-C93FMm2Z.js';
|
|
18
18
|
import { F as FormControlWrap, a as FormControl } from './form-control-DYfvQbOQ.js';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, a as getElement, h } from './index-RXFO3HxS.js';
|
|
5
|
-
import { a as addGlobalStylesheetToShadow } from './style-
|
|
5
|
+
import { a as addGlobalStylesheetToShadow } from './style-DZBZHpf8.js';
|
|
6
6
|
|
|
7
7
|
const breadcrumbCss = ":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{--text-color:var(--nano-color-text-link);--text-color-hover:var(--nano-color-text-hover);--text-color-secondary:var(--nano-color-text-default);--text-color-disabled:var(--nano-color-text-disabled);--border-color:var(--nano-color-border-default);--trigger-bg-color:var(--nano-color-background-default);display:block}.breadcrumbs{inline-size:fit-content}nano-menu.breadcrumbs{inline-size:100%}.breadcrumbs-hidden{position:absolute;visibility:hidden;pointer-events:none;block-size:0;overflow:hidden}ol{list-style:none;padding:var(--nano-spacing-l3) 0;margin:0;display:flex;flex-direction:row}li{display:flex;align-items:center;justify-content:flex-start;font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-wrap:nowrap;margin-block-end:0}li:not(.return-only li)::after,nano-nav-item::after{content:\"/\";margin:0 var(--nano-spacing-xs);color:var(--border-color)}a.link{color:var(--text-color)}a:not(.link){color:var(--text-color-secondary)}a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}a.link:hover{color:var(--text-color-hover)}a.return.link{display:flex;align-items:center;gap:calc(var(--nano-spacing-sm) / 2)}.breadcrumbs__dropdown{inline-size:100%}.breadcrumbs__dropdown[open]::part(trigger){box-shadow:var(--nano-shadow-l1)}.trigger-button{inline-size:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--nano-spacing-l3) var(--nano-spacing-l2);color:var(--text-color);background-color:var(--trigger-bg-color);cursor:pointer;text-align:start;border:none;font-size:var(--nano-font-size-xs)}.trigger-button .trigger-button_label{text-decoration:underline}.trigger-button .trigger-button_label::after{content:\"/\";margin:0 var(--nano-spacing-xs);color:var(--border-color)}.trigger-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.trigger-icon{transform:rotate(0deg);transition:var(--nano-transition-x-fast) ease transform}.trigger-icon--open{transform:rotate(180deg)}nano-nav-item::after{display:none !important}.trigger-button_label::after{display:inline-block !important}.return-only{padding:var(--nano-spacing-l3) var(--nano-spacing-l2) !important}";
|
|
8
8
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, c as createEvent, a as getElement, d as Host } from './index-RXFO3HxS.js';
|
|
5
5
|
import { h } from './renderer-B_wACs4w.js';
|
|
6
|
-
import { a as addGlobalStylesheetToShadow } from './style-
|
|
6
|
+
import { a as addGlobalStylesheetToShadow } from './style-DZBZHpf8.js';
|
|
7
7
|
|
|
8
8
|
const collapsibleComparisonCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n /**\n * @prop --color-bg - Background color of the component. Defaults to var(--nano-color-background-default).\n * @prop --color-border - Border color of the component. Defaults to var(--nano-color-surface-sunken).\n * @prop --outer-spacing - Horizontal padding of the component. Defaults to var(--nano-spacing-l1-default).\n */\n}\n:host .collapsible-comparison {\n background-color: var(--color-bg);\n color: var(--nano-color-text-default);\n padding: var(--outer-spacing) 0;\n container-type: inline-size;\n}\n:host .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-end: var(--nano-spacing-xl);\n}\n:host .headings {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--nano-spacing-xl);\n}\n:host nano-icon-button {\n display: none;\n}\n@container (max-width: 400px) {\n :host nano-cta {\n display: none;\n }\n :host nano-icon-button {\n --color: var(--nano-color-icon-primary);\n display: block;\n margin-inline-start: auto;\n font-size: var(--nano-font-size-xl);\n transition: 0.3s ease transform;\n }\n :host nano-icon-button.open {\n transform: rotate(180deg);\n }\n}";
|
|
9
9
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, a as getElement, h, l as getAssetPath } from './index-RXFO3HxS.js';
|
|
5
|
-
import { a as addGlobalStylesheetToShadow } from './style-
|
|
5
|
+
import { a as addGlobalStylesheetToShadow } from './style-DZBZHpf8.js';
|
|
6
6
|
|
|
7
7
|
const footerCss = ":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n --col-gap: var(--nano-spacing-l1-default);\n --icon-gap-md: var(--nano-spacing-md);\n --icon-gap-sm: var(--nano-spacing-sm);\n --vertical-padding: var(--nano-spacing-l1-default);\n --horizontal-padding: 0;\n --header-margin: 0 0 var(--nano-spacing-l1-default) 0;\n display: block;\n}\n:host .footer {\n container-type: inline-size;\n container-name: footer-container;\n display: flex;\n flex-direction: column;\n}\n@container footer-container (max-width: 768px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-md);\n --col-gap: var(--nano-spacing-l);\n --vertical-padding: var(--nano-spacing-md);\n }\n :host .top-start,\n :host .top-center,\n :host .top-end {\n --header-margin: 0 0 var(--nano-spacing-md) 0;\n }\n}\n@container footer-container (max-width: 1023px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-l);\n }\n}\n@container footer-container (max-width: 1346px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-l1-default);\n }\n}\n:host .upper {\n border-block-start: 1px solid var(--nano-color-border-default);\n}\n:host .lower {\n background-color: var(--nano-color-surface-special);\n color: var(--nano-color-basic-white);\n}\n:host .top,\n:host .middle,\n:host .bottom {\n display: grid;\n gap: var(--col-gap);\n margin: 0 auto;\n max-inline-size: 1266px;\n}\n:host .top,\n:host .middle {\n grid-template-columns: repeat(3, 1fr);\n padding: var(--vertical-padding) var(--horizontal-padding);\n}\n:host .bottom {\n grid-template-columns: repeat(2, 1fr);\n padding-inline: var(--horizontal-padding);\n padding-block-end: var(--vertical-padding);\n}\n:host .middle-centre a {\n color: inherit;\n}\n:host .middle-centre a:hover {\n color: var(--nano-color-text-link-hover);\n}\n:host .middle-centre a:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n}\n:host .top-start,\n:host .top-center,\n:host .top-end {\n flex-direction: column;\n}\n:host .middle-start,\n:host .middle-centre,\n:host .middle-end {\n align-items: center;\n}\n:host .middle-start {\n display: flex;\n justify-content: flex-start;\n}\n:host .middle-centre {\n display: flex;\n justify-content: center;\n gap: var(--icon-gap-md);\n flex-wrap: nowrap;\n}\n:host .middle-end {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 20rem));\n gap: var(--icon-gap-sm);\n justify-content: end;\n}\n:host [slot=middle-end] {\n inline-size: 100%;\n}\n:host .bottom-start p,\n:host .bottom-start ::slotted(p), .bottom-start :host::slotted(p) {\n font-weight: var(--nano-font-weight-normal) !important;\n font-size: var(--nano-font-size-xs) !important;\n line-height: var(--nano-line-height-normal) !important;\n letter-spacing: var(--nano-letter-spacing-loose) !important;\n margin-block: 0 !important;\n}\n:host .bottom-end {\n display: flex;\n justify-content: flex-end;\n}\n:host .bottom-end ::slotted(*), .bottom-end :host::slotted(*) {\n --input-font-size: var(--nano-font-size-2xs) !important;\n max-inline-size: 9rem !important;\n}\n@container footer-container (max-width: 1200px) {\n :host .top {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, auto);\n }\n :host .top-end {\n grid-row: 2;\n grid-column: 1/-1;\n }\n}\n@container footer-container (max-width: 912px) {\n :host .middle,\n :host .bottom {\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n }\n :host .top {\n display: flex;\n flex-direction: column;\n }\n :host .middle-centre {\n flex-wrap: wrap;\n }\n :host .middle-end {\n grid-template-columns: minmax(0, 6.6rem);\n }\n :host .bottom {\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n }\n :host .middle-start,\n :host .middle-centre,\n :host .middle-end {\n justify-content: center;\n }\n}";
|
|
8
8
|
|
|
@@ -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}";
|
|
@@ -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
|
|
|
@@ -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{r as e,c as n,a as t,d as a}from"./index-RXFO3HxS.js";import{h as s,t as i}from"./renderer-B_wACs4w.js";import{M as o}from"./modal-DFUZVWqg.js";import{l,u as r}from"./scroll-CFCUiakV.js";import{H as c}from"./slot-Cj55s-OG.js";import{w as d}from"./events-ClRFmcmJ.js";import{C as h}from"./component-store-DCcnMDT0.js";import{g as p}from"./active-element-CKJIkX0R.js";import{d as u}from"./drag-BLOEuv-q.js";import{g as f}from"./tabbable-Dwh0pD2q.js";import{s as m}from"./search-insights-8OL2oeQN.js";import{a as b}from"./style-BVRinbua.js";import{c as g}from"./dom-DiLhOqyz.js";import{a as _}from"./throttle-C93FMm2Z.js";import{F as v,a as y}from"./form-control-DYfvQbOQ.js";const x=class{constructor(n){e(this,n)}initials};x.style=":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}}";const w=class{constructor(n){e(this,n)}theme;pulse};w.style=":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}}";const k=class{constructor(t){e(this,t),this.nanoShow=n(this,"nanoShow",7),this.nanoHide=n(this,"nanoHide",7),this.nanoAfterHide=n(this,"nanoAfterHide",7),this.nanoAfterShow=n(this,"nanoAfterShow",7),this.nanoInitialFocus=n(this,"nanoInitialFocus",7),this.nanoRequestClose=n(this,"nanoRequestClose",7)}get host(){return t(this)}originalTrigger;drawer;overlay;modal;slotCtrl=new c(this,"footer");get panel(){return this._panel}set panel(e){this._panel&&this.panel.removeEventListener("animationend",this.handleTransitionEnd),e&&(e.addEventListener("transitionend",this.handleTransitionEnd),this._panel=e)}_panel;noDismiss=!1;isOpen=!1;open=!1;label;placement="end";contained=!1;noHeader=!1;storeId;storeMethod="url-hash";noUserDismiss=!1;hoist=!1;resizable=!1;handleHoistChange(){"popover"in globalThis.HTMLElement.prototype||!this.hoist||Array.from(document.body.children).includes(this.host)||document.body.prepend(this.host)}nanoShow;nanoHide;nanoAfterHide;nanoAfterShow;nanoInitialFocus;nanoRequestClose;async show(){if(!this.open)return this.open=!0,d(this.host,"nanoAfterShow")}async hide(){if(this.open)return this.open=!1,d(this.host,"nanoAfterHide")}requestClose(e){if(this.nanoRequestClose.emit({source:e}).defaultPrevented||this.noUserDismiss)return this.noDismiss=!0,void setTimeout((()=>this.noDismiss=!1),250);this.hide()}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),l(this.host)),this.open&&this.contained&&(this.modal.deactivate(),r(this.host))}async handleOpenChange(){if(this.open){this.nanoShow.emit(),this.addOpenListeners(),this.originalTrigger=p(),this.contained||(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),l(this.host));const e=this.host.querySelector("[autofocus]");return e&&e.removeAttribute("autofocus"),this.drawer.hidden=!1,this.isOpen=!0,void requestAnimationFrame((()=>{this.nanoInitialFocus.emit().defaultPrevented||(e||f(this.host,!0,!0,!0)[0]||this.panel).focus({preventScroll:!0}),e&&e.setAttribute("autofocus","")}))}this.nanoHide.emit(),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),r(this.host)),(this.originalTrigger&&"function"==typeof this.originalTrigger.focus?this.originalTrigger:document.body).focus(),requestAnimationFrame((()=>{this.isOpen=!1}))}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown=e=>{this.contained||"Escape"===e.key&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))};handleTransitionEnd=e=>{if("opacity"===e.propertyName&&e.composedPath().find((e=>e===this.panel||e===this.overlay))){if(!this.open)return this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,this.contained||"function"!=typeof this.drawer?.hidePopover||this.drawer.hidePopover(),void this.nanoAfterHide.emit();this.nanoAfterShow.emit()}};get panelSize(){return["top","bottom"].includes(this.placement)?this.panel.offsetHeight:this.panel.offsetWidth}set panelSize(e){const n=["top","bottom"].includes(this.placement)?"blockSize":"inlineSize";this.panel.style[n]=`clamp(var(--min-size), ${e+"px"}, var(--max-size))`}handleKeyDown=e=>{if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let n=this.panelSize;const t=(e.shiftKey?30:5)*("end"===this.placement||"bottom"===this.placement?-1:1),a=["top","bottom"].includes(this.placement);e.preventDefault(),("ArrowLeft"===e.key&&!a||"ArrowUp"===e.key&&a)&&(n-=t),("ArrowRight"===e.key&&!a||"ArrowDown"===e.key&&a)&&(n+=t),"Home"===e.key&&(n=0),"End"===e.key&&(n=1e4),this.panelSize=n}};handleDrag=e=>{e.preventDefault();const n=["top","bottom"].includes(this.placement),t="end"===this.placement||"bottom"===this.placement,a=n?this.panel.offsetHeight:this.panel.offsetWidth;u(this.host,{relative:!0,initialEvent:e,onMove:(e,s)=>{let i=n?s:e;t&&(i*=-1),this.panelSize=a+i}})};connectedCallback(){this.handleHoistChange(),this.modal=new o(this.host)}disconnectedCallback(){r(this.host)}componentWillLoad(){this.storeId&&h.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.drawer.hidden=!this.open,this.open&&(this.handleNoModalChange(),this.show())}render(){return s(a,{key:"487ea65e478b81f58f3302110777a756e5dcf7d4",class:"nano-drawer"},s("div",{key:"12feebdc459f4643d41d5d2dc19643c13c0d9809",ref:e=>this.drawer=e,part:"base",class:{drawer:!0,"drawer--open":this.open,[`drawer--${this.placement}`]:!0,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--has-footer":this.slotCtrl.has("footer"),"drawer--has-header":!this.noHeader,"drawer--nodismiss":this.noDismiss},popover:this.contained?void 0:"manual"},s("div",{key:"e38b14383dadea34b11db92d6871518b82192859",ref:e=>this.overlay=e,part:"overlay",class:"drawer__overlay",onClick:()=>this.requestClose("overlay"),tabindex:"-1"}),s("div",{key:"4a934cc84b9d4ff06bff84feaf75ac8d463d2d5f",ref:e=>this.panel=e,part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.isOpen?"false":"true","aria-label":this.noHeader?this.label:void 0,"aria-labelledby":this.noHeader?void 0:"title",tabindex:"0"},this.resizable&&s("div",{key:"7c8d1c12356974522a698d69ff2e9015dd60ae92",part:"resize-handle",class:"drawer__resize-handle",tabindex:"0",role:"separator","aria-label":"Resize",onKeyDown:this.handleKeyDown,onMouseDown:this.handleDrag,onTouchStart:this.handleDrag},s("slot",{key:"48e2497abc58310beb96648b4cc44d80ae28431f",name:"handle"},["start","end"].includes(this.placement)?s("nano-icon",{slot:"handle",name:"solid/grip-dots-vertical"}):s("nano-icon",{slot:"handle",name:"solid/grip-dots"}))),s("div",{key:"425d5eb60035fb44b7c3ea4ddf4f338d429893ab",class:"drawer__main"},!this.noHeader&&s("nano-sticker",{key:"1f8eac374619dd3b607862254c2573e19963374c"},s("div",{key:"070d62dd270a2040f32e509ec0a2a5eb8c739367",part:"header",class:"drawer__header"},s("div",{key:"f3d0155227515ad548ee70e65a2213711dc13a3a",part:"title",class:"drawer__title",id:"title"},s("slot",{key:"61410c8918849984dd31854a042ec3209c1ca175",name:"label"},this.label.length>0?this.label:String.fromCharCode(65279))),s("div",{key:"262e4616c018e346596b089968f6af8b4a39436a",part:"header-actions",class:"drawer__header-actions"},s("slot",{key:"81245d6449637ca85f631d2065b173dfa3b6c663",name:"header-actions"}),!this.noUserDismiss&&s("nano-icon-button",{key:"0b88624e93df33a23f3f132d05d5f8fbc418f520",part:"close-button",exportparts:"base:close-button__base",class:"drawer__close",iconName:"light/xmark",label:"Close",onClick:()=>this.requestClose("close-button")})))),s("div",{key:"50a441f9c9417ba4fa29f30b63cc54eaf5618a98",part:"body",class:"drawer__body"},s("slot",{key:"478310362285c4ea2fcde71838da527640bf09da"})),s("nano-sticker",{key:"bb6c4a2c6ce89a03270daaf194b0a78914437c2b",position:"bottom"},s("footer",{key:"efbb6ac1f46e3bce948a236f01e26adc63b628cc",part:"footer",class:"drawer__footer"},s("slot",{key:"5a3d95c01ce45c51715d89e4cc3064f337d59b23",name:"footer"})))))))}static get watchers(){return{hoist:["handleHoistChange"],contained:["handleNoModalChange"],open:["handleOpenChange"]}}};k.style=":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{--size:25rem;--min-size:25rem;--max-size:50%;--panel-background:var(--nano-color-surface-default);--panel-shadow:var(--nano-shadow-l3);--scrim-color:var(--nano-color-overlay-scrim);--header-button-color:var(--nano-color-icon-primary);--header-button-size:1.375rem;--footer-background:var(--panel-background);--header-background:var(--panel-background);--header-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--body-spacing:var(--nano-spacing-l1-default);--footer-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--dir:1}:host([placement=top]),:host([placement=bottom]){--max-size:80%}:host(:dir(rtl)){--dir:-1}:host-context([dir=rtl]){--dir:-1}.drawer{inset-block-start:0;inset-inline-start:0;pointer-events:none;overflow:hidden;border:none;inline-size:100%;block-size:100%;color:unset;background-color:unset}.drawer::backdrop{display:none}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--nano-z-index-modal)}.drawer__panel{position:absolute;max-inline-size:100%;max-block-size:100%;background-color:var(--panel-background);box-shadow:var(--panel-shadow);pointer-events:all;transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform;display:flex}.drawer--top .drawer__panel,.drawer--bottom .drawer__panel{flex-direction:column}@media (forced-colors: active){.drawer__panel{border:solid 1px var(--nano-color-surface-contrast)}}.drawer__panel:focus{outline:none}.drawer--nodismiss .drawer__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{scale:1}50%{scale:1.08}100%{scale:1}}.drawer--top .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(-100%)}.drawer--bottom .drawer__panel{inset-block:auto 0;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(100%)}.drawer--top.drawer--open .drawer__panel,.drawer--bottom.drawer--open .drawer__panel{opacity:1;transform:translateY(0)}.drawer--start .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * -100%))}.drawer--end .drawer__panel{inset-block:0 auto;inset-inline:auto 0;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * 100%))}.drawer--start.drawer--open .drawer__panel,.drawer--end.drawer--open .drawer__panel{opacity:1;transform:translateX(0)}.drawer__resize-handle{display:flex;align-items:center;justify-content:center;position:absolute;z-index:var(--nano-z-index-dropdown);color:var(--nano-color-fill-primary-pressed);background-color:var(--nano-color-surface-subtle)}.drawer__resize-handle:focus{outline:none}.drawer__resize-handle:focus-visible{background-color:var(--nano-focus-ring-color)}.drawer__resize-handle:active{color:var(--nano-color-fill-primary)}.drawer--top .drawer__resize-handle,.drawer--bottom .drawer__resize-handle{cursor:row-resize;inset-inline:0}.drawer--end .drawer__resize-handle,.drawer--start .drawer__resize-handle{cursor:col-resize;inset-block:0}.drawer--end .drawer__resize-handle{inset-inline-start:0}.drawer--start .drawer__resize-handle{inset-inline-end:0}.drawer--top .drawer__resize-handle{inset-block-end:0}.drawer--bottom .drawer__resize-handle{inset-block-start:0}.drawer__header{inline-size:100%;display:flex;background-color:var(--header-background);align-items:center;padding:var(--header-spacing)}[stuck] .drawer__header{box-shadow:var(--nano-shadow-l0)}.drawer__title{flex:1 1 auto;margin:0;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.drawer__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--nano-spacing-sm);color:var(--header-button-color);inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);position:relative}.drawer__header-actions .drawer__close,.drawer__header-actions ::slotted(.nano-icon-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--header-button-size)}.drawer__main{display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.drawer__body{display:block;flex:1 1 auto;padding:var(--body-spacing);padding-block:0 var(--body-spacing);padding-inline:var(--body-spacing)}.drawer:not(.drawer--has-header) .drawer__body{padding-block-start:var(--body-spacing)}.drawer__footer{inline-size:100%;text-align:end;padding:var(--footer-spacing);background:var(--footer-background);inset-block-start:1px;position:relative;border-block-start:1px solid var(--nano-color-fill-neutral-weak);gap:var(--nano-spacing-md);display:inline-flex}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;inset:0;background-color:var(--scrim-color);pointer-events:all;opacity:0;transition:var(--nano-transition-fast) opacity}.drawer--open .drawer__overlay{opacity:1}.drawer--contained .drawer__overlay{display:none}";const z="created > "+Math.floor((Date.now()-631152e5)/1e3);let C=0;const T=class{constructor(t){e(this,t),this.nanoSearchGoBack=n(this,"nanoSearchGoBack",7)}algoliaResultsEle;filtersDiv;openFilterBtn;ro;searchResultId=C++;queryId=this.searchResultId>0?`searchq-${this.searchResultId}`:"searchq";globalNav;algoliaResults;algoliaEle;currentWidth;apiKey;appId;index;get el(){return t(this)}nanoSearchGoBack;handleAlgoliaCredsChange(){this.apiKey&&this.appId&&this.algoliaEle&&(this.algoliaEle.apiKey=this.apiKey,this.algoliaEle.appId=this.appId)}handleAlgoliaIndexChange(){this.index&&this.algoliaEle&&(this.algoliaEle.searchIndex=this.index)}handleAlgoliaEleChange(){this.algoliaEle&&this.algoliaResults&&"Community"===this.algoliaResults.indexName&&(this.algoliaEle.filters=[z])}handleGlobalNavReset=()=>{this.algoliaResultsEle=null,this.goback()};handleGlobalNavSearch=e=>{const{detail:{meta:n,client:t}}=e;this.apiKey=t.apiKey,this.appId=t.appId,this.index={name:n.indexTitle,index:n.index,domain:n.domain,filters:n.filters,replicas:n.replicas},this.algoliaEle.query=n.query};handleNanoFilterChanged(){if(!this.algoliaEle.showResults||!this.algoliaResultsEle?.querySelector(".topbar"))return;const e=this.algoliaResultsEle.querySelector(".topbar");e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({behavior:"smooth",block:"start"})}handleReorder(e){e.composedPath().find((e=>e.classList&&e.classList.contains("indexchange")))&&this.algoliaResultsEle&&this.changeOrder(e)}attachListeners(e){if(m.init(e.detail.client.appId,e.detail.client.apiKey),!e.composedPath().find((e=>e.id&&"main-search"===e.id)))return;this.algoliaResultsEle=this.algoliaEle.querySelector("#main-search-results"),this.algoliaResults=e.detail.meta,this.attachResultListeners(),this.algoliaEle.querySelectorAll(".filters-reset").forEach((e=>{e.addEventListener("click",(()=>{this.removeAllFilters()}))})),this.algoliaEle.querySelectorAll(".close-filters").forEach((e=>{e.addEventListener("click",(()=>{this.closefilters()}))}));const n=this.algoliaEle.querySelector(".filters-wrap");n&&n.addEventListener("click",(e=>{e.stopPropagation()})),this.filtersDiv=this.algoliaEle.querySelector("#main-search-filters");const t=this.algoliaEle.querySelector(".old-posts");t&&t.addEventListener("nanoChange",(e=>{this.toggleOldResults(e.target.checked)}))}attachResultListeners(e){if(e&&e.composedPath()?.find((e=>e===this.algoliaEle))&&(this.algoliaResultsEle=this.algoliaEle.querySelector("nano-algolia-results")),!this.algoliaResultsEle)return;const n=this.algoliaResultsEle;this.algoliaResultsEle.removeEventListener("click",this.resultClick),this.algoliaResultsEle.addEventListener("click",this.resultClick),n.querySelectorAll(".remove-filter").forEach((e=>{e.removeEventListener("nanoClose",this.removeFilterClick),e.addEventListener("nanoClose",this.removeFilterClick)})),n.querySelectorAll(".back-btn").forEach((e=>{e.removeEventListener("click",this.goback),e.addEventListener("click",this.goback)})),n.querySelectorAll(".topbar__show-filters").forEach((e=>{this.openFilterBtn=e,e.removeEventListener("click",this.showFiltersClick),e.addEventListener("click",this.showFiltersClick)})),Array.from(n.querySelectorAll(".result__tags-tag")).forEach((e=>{e.removeEventListener("click",this.tagClick),e.addEventListener("click",this.tagClick)}))}onDocNanoSearchResult(e){this.globalNav&&e.target===this.globalNav&&this.handleGlobalNavSearch(e)}onDocNanoSearchReset(e){this.globalNav&&e.target===this.globalNav&&this.handleGlobalNavReset()}async closeSearch(e=!1){e?this.goback():this.algoliaEle.showResults=!1}resultClick=e=>{const n=e.target.closest(".result");"A"===e.target.tagName&&n&&(m.sendClick({index:this.algoliaResults.index,eventName:"Global nav full search - search result clicked",queryID:this.algoliaResults.queryID,objectIDs:[n.dataset.hitId],positions:[Number(n.dataset.hitCount)+1]}),this.closeSearch())};showFiltersClick=()=>{this.filtersDiv.tabIndex=-1,this.filtersDiv.classList.add("show"),this.filtersDiv.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden",setTimeout((()=>this.filtersDiv.focus()),20)};removeFilterClick=e=>{const n=e.target.closest("[data-filter-val]");this.removeFilter(n?.dataset.filter,n?.dataset.filterVal)};tagClick=e=>{e.preventDefault();let n=e.target.dataset.value;n="publication"===n?"publications":n,n=n.toLowerCase();const t=this.algoliaEle.querySelector('nano-algolia-filter[filter-name="tags"]');-1===t.value.indexOf(n)&&(t.value=t.value?[...t.value,n]:[n])};changeOrder(e){this.algoliaEle.replicaIndex=e.detail.value}goback=()=>{this.nanoSearchGoBack.emit().defaultPrevented||(this.removeAllFilters(),this.algoliaEle.query=void 0,this.algoliaEle.showResults=!1)};removeFilter(e,n){this.algoliaEle.removeFilters(e,n)}removeAllFilters(){this.algoliaEle.removeFilters()}closefilters(){this.filtersDiv&&(this.filtersDiv.tabIndex=null,this.filtersDiv.classList.remove("show"),this.filtersDiv.setAttribute("aria-expanded","false"),document.body.style.overflow="",setTimeout((()=>this.openFilterBtn?.focus()),20))}toggleOldResults(e){this.algoliaEle.filters=e?this.algoliaEle.filters.filter((e=>!e.startsWith("created > "))):[...this.algoliaEle.filters,z]}componentWillLoad(){b(this.el.shadowRoot)}connectedCallback(){const e=i("nano-global-nav");if(this.globalNav=this.el.closest(e),!this.globalNav){const n=this.el.getRootNode()?.host;n&&n.tagName===e.toUpperCase()&&(this.globalNav=n)}this.globalNav?this.handleAlgoliaEleChange():console.error("`<nano-global-search-results>` must be a child of `<nano-global-nav>`")}disconnectedCallback(){this.ro&&this.ro.disconnect()}componentDidLoad(){window.ResizeObserver&&(this.ro=new ResizeObserver((e=>{for(const n of e){if(!n.contentRect.width)return;this.currentWidth=n.contentRect.width}})),this.ro.observe(this.el))}render(){return s(a,{key:"63af990582466961e1cf02c9e67bd8cffa82e620",class:{small:this.currentWidth<780,"nano-global-search-results":!0},dir:"rtl"===this.el.ownerDocument.dir?"rtl":void 0},s("nano-algolia",{key:"ea81b7334b7d2edb65328f65c70db0f75b48820c",storeId:this.queryId,storeMethod:"url-hash-push",class:"main-search__wrap sc-nano-global-search-results",ref:e=>requestAnimationFrame((()=>this.algoliaEle=e)),id:"main-search",onNanoFilterChanged:()=>this.handleNanoFilterChanged()},s("template",{key:"10cf57aac61c6b40cd3a285ddfd03b483b9d131d",slot:"template"},'<div class="main-search sc-nano-global-search-results">\n <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>\n <script type="text/template" slot="start-template">\n <div class="sc-nano-global-search-results main-search__topbar topbar">\n <nano-icon-button icon-name="light/chevron-left" class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button"></nano-icon-button>\n <div>\n <em class="sc-nano-global-search-results topbar__query">\'{{ it.query }}\' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results\n </div>\n\n <div class="sc-nano-global-search-results topbar__filtering">\n {{ @if (it.results.length) }}\n {{ @if (it.searchIndex && it.searchIndex.replicas) }}\n <nano-select class="sc-nano-global-search-results topbar__order indexchange" value="{{ it.index }}" hide-label="true" label="Sort order" show-inline-error="false">\n {{ @each(it.searchIndex.replicas) => replica }}\n <nano-option value="{{ replica.index }}">{{ replica.name }}</nano-option>\n {{ /each }}\n </nano-select>\n {{ /if }}\n {{ /if }}\n\n <button class="sc-nano-global-search-results topbar__show-filters filters-title" aria-controls="main-search-filters">\n {{ @if (it.appliedFilters && it.appliedFilters.length > 0) }}\n <span class="sc-nano-global-search-results topbar__filter-count">\n {{ (it.appliedFilters.reduce(function(a, b) { return a + (b.values ? b.values.length : 0) }, 0)) }}\n </span>\n {{ /if }}\n <nano-icon class="sc-nano-global-search-results" name="light/filter"></nano-icon>\n </button>\n </div>\n </div>\n\n {{ @if (it.results.length) }}\n <div class="sc-nano-global-search-results main-search__applied-filters">\n {{ @if (it.appliedFilters) }}\n {{ @each(it.appliedFilters) => filterObj }}\n {{ @each(filterObj.values) => filterVal }}\n <nano-tag \n closable \n size="large" \n data-filter-val="{{ filterVal }}" \n data-filter="{{ filterObj.name }}" \n class="remove-filter"\n >{{ filterVal | tag_tidy | public_name }}</nano-tag>\n {{ /each }}\n {{ /each }}\n {{ /if }}\n </div>\n {{ /if }}\n <\/script>\n\n <script type="text/template" slot="result-template">\n \x3c!-- START NO CONTENT --\x3e\n {{ @if ((!it.results || !it.results.length)) }}\n <div class="search-empty">\n <nano-icon name="light/magnifying-glass" class="search-empty-icon"></nano-icon>\n <h2>No matches found...</h2>\n <p>Please try a different search query.</p>\n </div>\n {{ /if }}\n \x3c!-- END NO CONTENT --\x3e\n\n {{ @if (it.totalHitsWithFilters > 0) }}\n {{ @each(it.results) => result, resultIndex }}\n {{ contentType = result.content_type ? result.content_type : result.type }}\n <li class="sc-nano-global-search-results">\n <div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">\n <strong class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">\n <a href="{{ result.url | abs_url(it, result) }}">\n {{ @if (result._snippetResult) }}\n {{ result._snippetResult.title.value | safe }}\n {{ #else }}\n {{ result.title | safe }}\n {{ /if }}\n {{ @if (contentType === \'technical_document\' || contentType === \'literature\' || contentType === \'white_paper\' || contentType === \'protocol\') }}\n <span class="sc-nano-global-search-results result__pdf">PDF</span>\n {{ /if }}\n </a>\n </strong>\n {{ @if (result.authors) }}\n {{ @if (typeof result.authors === \'string\') }}\n <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Authors: {{ result.authors | trim_to(50) }}</a>\n {{ #else }}\n <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">\n {{ @each(result.authors) => author, index }}\n \x3c!-- {{ @if(index == 0)}} --\x3e\n Authors: {{ author | trim_to(60) }}\n \x3c!-- {{ /if }} --\x3e\n {{ /each }}\n </a>\n {{ /if }}\n {{ /if }}\n {{ @if (contentType === \'video\' || contentType === \'lc_lightning_talk\' ) }}\n {{ @if (result.name) }}\n <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>\n {{ /if }}\n \n {{ @if (result.image) }}\n <div class="sc-nano-global-search-results result__image" style="background-image: url(\'{{ result.image | abs_url(it, result) }}\')">\n <nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>\n </div>\n {{ /if }}\n <a class="sc-nano-global-search-results result__video-body" href="{{ result.url | abs_url(it, result) }}">\n <div class="sc-nano-global-search-results result__body">\n <div class="sc-nano-global-search-results result__description">\n {{ @if (result.description) }}\n {{ result._snippetResult.description.value | safe }}\n {{ /if }}\n </div>\n </div>\n </a>\n <div class="sc-nano-global-search-results result__meta">\n {{ @if (result.type || result.content_type) }}\n <div class="sc-nano-global-search-results result__type">\n {{ @if (contentType === \'lc_lightning_talk\') }}\n Presentation\n {{ #else }}\n {{ contentType }}\n {{ /if }}\n </div>\n {{ /if }}\n \n {{ @if (result.source) }}\n <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n {{ /if }}\n </div>\n {{ @if (result.tags) }}\n <div class="sc-nano-global-search-results result__tags">\n {{ @if (typeof result.tags === \'string\') }}\n <nano-tag><button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button></nano-tag>\n {{ #else }}\n {{ @each(result.tags) => tag, index }}\n {{ @if(index < 5)}}\n {{ @if (tag !== "No video" && tag !== "Resources" && tag !== "Video") }}\n <nano-tag><button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag | tag_tidy }}</button></nano-tag>\n {{ /if }}\n {{ /if }}\n {{ /each }}\n {{ /if }}\n </div>\n {{ /if }}\n {{ /if }}\n {{ @if (result.body) }}\n <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">\n {{ @if (result._snippetResult) }}\n {{ result._snippetResult.body.value | safe }}\n {{ /if }}\n </a>\n {{ /if }}\n {{ @if (contentType === \'product\' }}\n <nano-cta size="small">\n <a href="{{ result.url | abs_url(it, result) }}">View product</a>\n </div>\n {{ /if }}\n {{ @if (contentType === \'event\') }}\n <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">\n <div class="sc-nano-global-search-results result__promo-box">\n <div class="sc-nano-global-search-results result__promo-bigdate">\n {{ result.start_date | date_long({year: undefined, month: \'short\', day: undefined}) }}\n <span>{{ result.start_date | date_long({year: undefined, month: undefined, day: \'numeric\'}) }}</span>\n </div>\n <div>\n <div class="sc-nano-global-search-results result__promo-date">\n <nano-icon class="sc-nano-global-search-results" name="light/calendar-days"></nano-icon>\n {{ @if (result.end_date) }}\n {{ @if (result.end_date !== result.start_date) }}\n {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', month: \'short\'}) }} - {{ result.end_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n {{ #else }}\n {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n {{ /if }}\n {{ #else }}\n {{ @if (result.start_date) }}\n {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n {{ /if }}\n {{ /if }}\n </div>\n <div class="sc-nano-global-search-results result__promo-venue">\n <nano-icon class="sc-nano-global-search-results" name="light/map-marker-alt"></nano-icon>\n Venue\n </div>\n </div>\n </div>\n </a>\n {{ /if }}\n {{ @if (contentType !== \'lc_lightning_talk\' && contentType !== \'video\') }}\n <div class="sc-nano-global-search-results result__meta">\n {{ @if (result.type || result.content_type) }}\n <div class="sc-nano-global-search-results result__type">\n {{ @if (contentType === \'news_item\') }}\n News\n {{ #elif (contentType === \'static_page\' || contentType === \'bespoke\') }}\n Page\n {{ #elif (contentType === \'case_study\') }}\n Case study\n {{ #elif (contentType === \'lc_poster\') }}\n Poster\n {{ #elif (contentType === \'nanopore_live\') }}\n Live stream\n {{ #elif (contentType === \'data_release\') }}\n Data release\n {{ #elif (contentType === \'research_area\') }}\n Research area\n {{ #elif (contentType === \'white_paper\') }}\n White paper\n {{ #elif (contentType === \'technical_document\') }}\n Technical document\n {{ #elif (contentType === \'info_sheet\') }}\n Info sheet\n {{ #elif (contentType === \'lc_home\' || contentType === \'lc_venue\') }}\n London Calling\n {{ #else }}\n {{ contentType }}\n {{ /if }}\n </div>\n {{ /if }}\n {{ @if (contentType !== \'event\') }}\n {{ @if (result.updated) }}\n <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n {{ #else }}\n {{ @if (result.created) }}\n <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n {{ /if }}\n {{ /if }}\n {{ /if }}\n {{ @if (result.source) }}\n <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n {{ /if }}\n </div>\n {{ @if (result.tags) }}\n <div class="sc-nano-global-search-results result__tags">\n {{ @if (typeof result.tags === \'string\') }}\n {{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}\n <nano-tag><button data-value="{{ result.tags | lowercase }}" class="result__tags-tag">{{ result.tags }}</button></nano-tag>\n {{ /if }}\n {{ #else }}\n {{ @each(result.tags) => tag, index }}\n {{ @if(index < 5)}}\n {{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}\n <nano-tag><button data-value="{{ tag | lowercase }}" class="result__tags-tag">{{ tag | tag_tidy }}</button></nano-tag>\n {{ /if }}\n {{ /if }}\n {{ /each }}\n {{ /if }}\n </div>\n {{ /if }}\n {{ /if }}\n </div>\n </li>\n {{ /each }}\n {{ /if }}\n <\/script>\n\n <div slot="start-output"></div>\n <ul slot="result-output" class="sc-nano-global-search-results"></ul>\n </nano-algolia-results>\n\n {{ @if(Object.keys(it.origFilters).length) }}\n <div class="sc-nano-global-search-results main-search__filters filters close-filters" id="main-search-filters">\n <div class="sc-nano-global-search-results filters-wrap">\n {{ @if(it.totalHits) }}\n <div class="sc-nano-global-search-results filters-header">\n <strong class="sc-nano-global-search-results filters-title">Filters</strong>\n <button class="sc-nano-global-search-results filters-reset">Reset</button>\n <nano-icon-button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" icon-name="light/xmark" aria-controls="main-search-filters"></nano-icon-button>\n </div>\n {{ /if }}\n\n <div class="sc-nano-global-search-results filters-list">\n <nano-checkbox value="old-posts" class="old-posts" name="old-posts" checked>\n <span>Include posts older than 2 years</strong>)</span>\n </nano-checkbox>\n {{ @if(it.origFilters[\'type\']) }}\n <nano-details class="sc-nano-global-search-results" open={true} label="Type" size="small">\n <nano-algolia-filter store-id="searchf1" store-method="url-hash-push" filter-name="type">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="type-{{ filter }}-{{x}}" />\n <label class="sc-nano-global-search-results filter-label" for="type-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'channel\']) }}\n <nano-details open={true} label="Channels" size="small">\n <nano-algolia-filter store-id="searchf2" store-method="url-hash-push" filter-name="channel">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="channel-{{ filter }}-{{x}}" />\n <label class="filter-label sc-nano-global-search-results" for="channel-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'authors\']) }}\n <nano-details open={true} label="Authors" size="small">\n <nano-algolia-filter store-id="searchf3" store-method="url-hash-push" filter-name="authors">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="authors-{{ filter }}-{{x}}" />\n <label class="filter-label sc-nano-global-search-results" for="authors-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'categories_without_path\']) }}\n <nano-details open={true} label="Categories" size="small">\n <nano-algolia-filter store-id="searchf4" store-method="url-hash-push" filter-name="categories_without_path">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n {{ @if(!filter.match(/publication/)) }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="cwp-{{ filter }}-{{x}}" />\n <label class="sc-nano-global-search-results filter-label" for="cwp-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /if }}\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'tags\']) }}\n <nano-details open={true} label="Tags" size="small">\n <nano-algolia-filter store-id="searchf5" store-method="url-hash-push" filter-name="tags">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n {{ @if(!filter.match(\'>\')) }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter | lowercase }}" id="tags-{{ filter }}-{{x}}" />\n <label class="filter-label sc-nano-global-search-results" for="tags-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /if }}\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n </div>\n </div>\n </div>\n {{ /if }}\n </div>'),s("div",{key:"531d1aaf58fe5df465d93998f9448207d23de76a",slot:"output"}),s("slot",{key:"66231f02547592a1b03a87b3f3e237c527befc38"})))}static get watchers(){return{algoliaEle:["handleAlgoliaCredsChange","handleAlgoliaIndexChange","handleAlgoliaEleChange"],apiKey:["handleAlgoliaCredsChange"],appId:["handleAlgoliaCredsChange"],index:["handleAlgoliaIndexChange"],algoliaResults:["handleAlgoliaEleChange"]}}};T.style=':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;flex:1 1 100%}.main-search{display:flex;background:var(--nano-color-background-default);font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between;max-inline-size:1266px;margin:auto}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--nano-spacing-xl)}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;cursor:pointer}.main-search button:not(.result__tags-tag):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.main-search a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search div[slot=start-output]{border-block-end:1px solid var(--nano-color-fill-neutral-weak);margin-block-end:var(--nano-spacing-md)}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__applied-filters{display:flex;flex-wrap:wrap;gap:var(--nano-spacing-sm);margin-block-end:var(--nano-spacing-md)}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:var(--nano-spacing-md) var(--nano-spacing-l1-default);color:var(--nano-color-text-default);inline-size:70%;block-size:100%}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 var(--nano-spacing-l1-default);padding-block:var(--nano-spacing-l) var(--nano-spacing-md);flex:1 1 30%;box-sizing:border-box}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:var(--nano-color-text-default);font-size:var(--nano-font-size-xs)}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:var(--nano-z-index-modal);inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:"";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translateX(120%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:var(--nano-spacing-md);overflow:auto;block-size:100vh;background-color:var(--nano-color-surface-overlay);box-shadow:var(--nano-shadow-l2)}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none;gap:var(--nano-spacing-sm);display:flex;flex-direction:column}.filters li{margin:0;padding:0}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:grid;place-items:center center;grid-template-columns:1.125em 1fr;gap:var(--nano-spacing-sm);cursor:pointer}.filters .filter-label>*{justify-self:start;font-size:var(--nano-font-size-2xs)}.filters .filter-label::before{content:"";grid-column:1;grid-row:1;border-radius:1px;block-size:1.125em;inline-size:1.125em;border:1px solid var(--nano-color-fill-primary);font-size:1rem}.filters .filter-label::after{content:"";grid-column:1;grid-row:1;border:solid var(--nano-color-basic-white);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em;font-size:1rem}.filters .filter-cb{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.filters .filter-cb:checked~.filter-label::before{background-color:var(--nano-color-fill-primary)}.filters .filter-cb:checked~.filter-label::after{scale:1}.filters .filter-cb:focus-visible:focus~.filter-label::before{outline:var(--nano-focus-ring);outline-offset:1px}.filters-header{display:flex;align-items:center;border-block-end:1px solid var(--nano-color-fill-neutral-weak);padding-block-end:var(--nano-spacing-md);margin-block-end:var(--nano-spacing-md)}.filters-reset{color:var(--nano-color-fill-primary);font-size:var(--nano-font-size-xs);text-decoration:underline;margin-inline:auto 0;margin-block:0;appearance:none;background:none;border:none}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:var(--nano-font-size-xs)}:host(.small) .filters-title{display:none}.filters-list{display:flex;flex-direction:column;gap:var(--nano-spacing-md)}.result{text-decoration:none;display:flex;flex-flow:row wrap;gap:var(--nano-spacing-sm);color:var(--nano-color-text-default)}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{inline-size:70%;display:flex}.result__title a{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);text-decoration:none;color:var(--nano-color-text-default)}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{font-size:var(--nano-font-size-xs);inline-size:70%;text-decoration:none;color:var(--nano-color-text-default)}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:var(--nano-color-fill-neutral-weak)}.result__meta{display:flex;flex-flow:row wrap;font-size:var(--nano-font-size-2xs);line-height:13px;inline-size:100%;align-items:center}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:"";block-size:1rem;inline-size:1px;background:var(--nano-color-fill-neutral-weak);display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap;gap:var(--nano-spacing-sm)}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__type{text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center}.result__source{padding-inline-end:0.75rem}.result__authors{font-size:var(--nano-font-size-2xs);margin-block-end:var(--nano-spacing-xs);text-decoration:none;inline-size:70%;color:var(--nano-color-text-default)}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:var(--nano-color-text-default)}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:var(--nano-color-fill-primary);text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:var(--nano-color-text-default);display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid var(--nano-color-fill-neutral-weak)}.result__promo-date{font-size:var(--nano-font-size-2xs)}.result__promo-venue{font-size:var(--nano-font-size-2xs)}.result__promo .nano-icon{color:var(--nano-color-fill-primary);position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:var(--nano-spacing-xs)}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:var(--nano-pictogram-size-small);color:var(--nano-color-fill-primary);--primary-color:var(--nano-color-background-default);--secondary-color:var(--nano-color-fill-primary);--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:var(--nano-spacing-md);display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:var(--nano-spacing-xl) 0;text-align:center;border-block-start:1px solid var(--nano-color-fill-neutral-weak)}.search-empty h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:var(--nano-color-highlight);font-style:normal}';let D=0;const V=class{constructor(t){e(this,t),this.nanoChange=n(this,"nanoChange",7),this.nanoBlur=n(this,"nanoBlur",7),this.nanoFocus=n(this,"nanoFocus",7),this.nanoDidLoad=n(this,"nanoDidLoad",7),this.nanoDidUnload=n(this,"nanoDidUnload",7),this.nanoSearchChange=n(this,"nanoSearchChange",7),this.nanoValidate=n(this,"nanoValidate",7)}nativeSelect;valueItems=[];dragVal;mo;selectId="nano-select-"+D++;rtl=!1;onInit=!0;customError="";get inputCtrl(){return this._inputCtrl}set inputCtrl(e){e!==this._inputCtrl&&(this._inputCtrl=e,this.setDataListOpts())}_inputCtrl;_selectWrap;get selectWrap(){return this._selectWrap}set selectWrap(e){this._selectWrap!==e&&(this._selectWrap=e,this.setDataListOpts())}_datalist;get datalist(){return this._datalist}set datalist(e){this._datalist!==e&&(this._datalist=e,this.setDataListOpts())}currInsertIndex=-1;showErrorMsg=!1;errorMessage="";hasFocus=!1;hasOpened=!1;hasLabelSlot=!1;hasHelperSlot=!1;hasHelperEndSlot=!1;inputSearchVal="";get el(){return t(this)}get invalid(){return this._invalid}_invalid=null;get validityMessage(){return this.nativeSelect?this.nativeSelect.validationMessage:""}autofocus=!1;disabled=!1;validateOn="submitThenDirty";showInlineError=!0;_label="";get label(){return this.required&&!this._label.endsWith("*")?this._label+" *":this._label}set label(e){this._label=e}hideLabel=!1;floatLabel=!1;multiple=!1;maxValuesVisible=3;_maxValuesVisible;watchMaxValuesVisible(){this.multiple&&(this._maxValuesVisible=!1===this.maxValuesVisible?NaN:Number(this.maxValuesVisible),Number.isNaN(this._maxValuesVisible)?this.currInsertIndex=this.value.length-1:this.currInsertIndex>this._maxValuesVisible&&(this.currInsertIndex=this._maxValuesVisible))}name=this.selectId+"-name";placeholder;readonly=!1;required=!1;size;max;min;form;allowCustomValues=!1;get value(){return this._value||(this.multiple?[]:"")}set value(e){e&&this._value&&JSON.stringify(e)===JSON.stringify(this._value)||("string"==typeof e?this._value=this.multiple?e.split(",").map((e=>e.trim())):e:Array.isArray(e)&&(this._value=this.multiple?e:e[0]))}_value;valueChanged(){this.customValidate(),this.onInit?this.multiple&&(this.currInsertIndex=this.value.length-1):requestAnimationFrame((()=>{this.shouldValidate(),this.nanoChange.emit({value:this.value})}))}get options(){return this._options.length?this._options:this.datalist&&this.datalist.activeOptions?this._elementOptions.map((e=>{const{value:n,selected:t,label:a,filterMeta:s}=e;return{value:n,selected:t,label:a,filterMeta:s}})):[]}set options(e){this._options=e.map((e=>"string"==typeof e?{value:e,label:e}:e))}_options=[];_elementOptions=[];clearable=!1;mask=!1;debounce=0;debounceChanged(){this.nanoSearchChange=_(this.nanoSearchChange,this.debounce)}shouldValidate(){this.onInit||(this.invalid&&(this.showErrorMsg=this._invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation())}dropDownConfig={};setDataListOpts(){this.datalist&&this.selectWrap&&(this.datalist.input=this.inputCtrl,this.datalist.dropDownConfig={distance:10,...this.datalist.dropDownConfig||{},...this.dropDownConfig,tetherTo:this.selectWrap})}valueTagTemplate;nanoChange;nanoBlur;nanoFocus;nanoDidLoad;nanoDidUnload;nanoSearchChange;nanoValidate;async reportValidity(e){return new Promise((n=>{e&&(this.customValidate(),this.showInlineValidation()),setTimeout((()=>{n({isValid:!this._invalid,errorMessage:this.nativeSelect.validationMessage})}),50)}))}async setFocus(){this.inputCtrl&&(this.inputCtrl.focus(),setTimeout((()=>this.inputCtrl.click()),50))}getSelectElement(){return Promise.resolve(this.nativeSelect)}async showError(e){this.nativeSelect&&(this.customError=e,this.nativeSelect.setCustomValidity(e),this.showInlineValidation())}get valArray(){return"string"==typeof this.value?this.value.length?[this.value]:[]:this.value}isValidValues(){return this.valArray.find((e=>this.options.find((n=>n.value===e))))}customValidate=()=>{if(this.nativeSelect&&!this.customError&&this.nativeSelect.setCustomValidity)return this.nativeSelect.setCustomValidity(""),this.required&&!this.valArray.length?(this.nativeSelect.setCustomValidity("Please fill in this field."),!0):!this.valArray.length||this.allowCustomValues||this.isValidValues()?this.max&&this.valArray.length>this.max?(this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`),!0):!!(this.min&&this.valArray.length<this.min)&&(this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`),!0):(this.nativeSelect.setCustomValidity("Please choose an item from this field."),!0)};showInlineValidation=e=>{"submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this._invalid=!1,this.showErrorMsg=!1,this.errorMessage="",this.nativeSelect.validity.valid||(this.errorMessage=this.nativeSelect.validationMessage,this._invalid=!0,this.showErrorMsg=!0),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:e})};handleInvalid=e=>{this._invalid=!0,"submit"===this.validateOn&&(this._invalid=this.showErrorMsg=this.customValidate()),this.showInlineError&&e.preventDefault(),requestAnimationFrame((()=>this.showInlineValidation(e)))};setValue=e=>{e.preventDefault(),this.multiple?this.value&&this.value.length&&this.value.includes(e.detail.value)||this.max&&this.value.length===this.max||((Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex++,this.value=[...this.value.slice(0,this.currInsertIndex),e.detail.value,...this.value.slice(this.currInsertIndex)],this.inputSearchVal=""):this.value=e.detail.value};removeValue=e=>{this.readonly||this.disabled||this.multiple&&this.value.length&&(e||(e=this.value[this.value.length-1]),this.value=this.value.filter((n=>n!==e)),(Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex--,this.setFocus())};slotChangeObserver(){(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.el,{childList:!0,subtree:!0})}processSlottedContent(){this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length,this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]'),this.hasHelperEndSlot=!!this.el.querySelector('[slot="helper-end"]')}getOptionWithValue(e){let n;return[(this.datalist?.activeOptions?.length?this.datalist.activeOptions:this.options).find(((t,a)=>(n=a,!t.disabled&&t.value?.length&&t.value===e))),n]}getLabel(e){const n=this.getOptionWithValue(e)[0];return n&&n.label?n.label:e}onReset(e){(this.form?document.querySelector("#"+this.form):this.el.closest("form"))&&e.target===this.el.closest("form")&&this.clearSelectValue()}handleBlur(){this.hasFocus&&requestAnimationFrame((()=>{const e=p();g(this.el.tagName.toLowerCase(),e)!==this.el&&this.onBlur()}))}setOptions=()=>{this.datalist&&this.datalist.activeOptions&&this.datalist.activeOptions.length&&(this._elementOptions=this.datalist.activeOptions.map((e=>{const{value:n,selected:t,label:a,filterMeta:s}=e;return{value:n,selected:t,label:a,filterMeta:s}})),this.customValidate())};handleDocumentKeyDown=e=>{if(this.multiple&&this.hasFocus&&!this.inputSearchVal){let n;switch(e.key){case"Backspace":if(!this.inputCtrl.previousElementSibling)break;n=this.inputCtrl.previousElementSibling,this.removeValue(n.dataset.value||null);break;case"Delete":if(!this.inputCtrl.nextElementSibling)break;n=this.inputCtrl.nextElementSibling,this.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!this.value.length)break;"ArrowLeft"===e.key&&this.inputCtrl.previousSibling&&this.currInsertIndex--,"ArrowRight"===e.key&&this.inputCtrl.nextSibling&&this.currInsertIndex++,setTimeout((()=>{this.inputCtrl.focus()}),20),e.preventDefault()}}};onBlur=()=>{if(this.hasFocus=!1,requestAnimationFrame((()=>{"dirty"!==this.validateOn||this.hasFocus||this.showInlineValidation()})),this.nanoBlur.emit(),!this.allowCustomValues&&this.multiple){this.inputSearchVal="";const e=new window.Event("change");this.inputCtrl.dispatchEvent(e)}};onFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()};clearSelectValue=e=>{this.clearable&&!this.readonly&&!this.disabled&&e&&(e.preventDefault(),e.stopPropagation()),this.multiple?(this.value=[],this.currInsertIndex=-1):this.value="",this.inputCtrl.value="";const n=new window.Event("change");this.inputCtrl.dispatchEvent(n)};onClick=()=>{this.setFocus()};onDragStart=e=>{this.dragVal=e.target.dataset.value};onDragEnd=e=>{this.dragVal=null,e.preventDefault()};onDragLeave=e=>{const n=e.target,t=n.dataset?.value||null;if(!t||this.dragVal===t||!this.value.includes(this.dragVal))return void e.preventDefault();const a=this.value.indexOf(t),s=this.value.indexOf(this.dragVal),i=[...this.value],o=i[a];i[a]=i[s],i[s]=o,this.value=[...i]};onMultiInput=e=>{this.inputSearchVal=e.target.value.trim(),this.nanoSearchChange.emit({value:e.target.value.trim()})};connectedCallback(){this.debounceChanged(),this.watchMaxValuesVisible(),this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el})),this.mo&&this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver(),this.customValidate(),this.setDataListOpts(),requestAnimationFrame((()=>this.onInit=!1))}componentWillLoad(){this.processSlottedContent()}render(){const e=this.selectId+"-lbl",n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"",t=this.hasHelperEndSlot?this.selectId+"-helper":"";this.rtl="rtl"===this.el.ownerDocument.dir,this.valueItems=[];const i={...(({el:e,floatLabel:n,label:t,errorMessage:a,showInlineError:s,hasHelperSlot:i,hasHelperEndSlot:o,hasLabelSlot:l,hideLabel:r,placeholder:c,rtl:d})=>({el:e,floatLabel:n,label:t,errorMessage:a,showInlineError:s,hasHelperSlot:i,hasHelperEndSlot:o,hasLabelSlot:l,hideLabel:r,placeholder:c,rtl:d}))(this),labelId:e,moreId:n,helperEndId:t,hasValue:!!this.value.length||!!this.inputSearchVal.length,controlId:this.selectId,alwaysShowPlaceholder:!1},o=(({readonly:e,disabled:n})=>({readonly:e,disabled:n,clearControl:this.clearable}))(this);return s(a,{key:"a2c56f43fef750f8e336a1612644761293b19bd4",type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":!0===this._invalid,"is-valid":!1===this._invalid,"nano-select":!0}},s(v,{key:"632d901cdff60d36ae1a410f6c252c671eac8e63",...i,class:{"has-error":!!this.errorMessage&&this.showInlineError&&!0===this._invalid,"has-helper":this.hasHelperSlot,"is-open":this.hasOpened,masked:this.mask}},s(y,{key:"387a55518ed1c74ea944008c750a0ca42a6bbbe8",...o,ref:e=>this.selectWrap=e,onClearText:this.clearSelectValue,control:this.el,endValueSlot:s("slot",{name:"down-arrow"},s("nano-icon",{class:"select__down-arrow",name:"light/chevron-down"})),showInlineError:this.showInlineError},this.multiple&&s("div",{key:"660b70b098520471d4f7653af5cc50388625cd1c",class:"select__multi-wrap select"},this.multipleValues(e,n,t)),!this.multiple&&[this.mask&&s("div",{key:"44f53317d26f2f8b85b5c8b397ccfd68a26eebb5",class:"select__mask"},this.getLabel(this.value)),s("input",{key:"04f3935c7f759e3767f32faecb9e6ef81a36c777",ref:e=>this.inputCtrl=e,id:this.selectId,class:"select__native-input","aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,placeholder:this.placeholder,readonly:!0,required:this.required,value:this.getLabel(this.value),onFocus:this.onFocus})])),!this.readonly&&!this.disabled&&s("nano-datalist",{key:"aae86b85c3bd2c2c562468f2a33e52c7036ad69b",ref:e=>this.datalist=e,selected:this.valArray,type:this.multiple?"selectMulti":"select",options:this._options.length?this._options:void 0,onNanoDeselect:e=>{e.preventDefault(),this.removeValue(e.detail.value)},onNanoOptionsUpdated:this.setOptions,onNanoSelect:this.setValue,onNanoShow:()=>this.hasOpened=!0,onNanoHide:()=>this.hasOpened=!1},this.allowCustomValues&&this.multiple&&!!this.inputSearchVal&&s("nano-option",{key:"cf744eb6bbad3ce2d8d05354d5edaf3eab07a207",slot:"list-top",value:this.inputSearchVal,selected:!1,label:this.inputSearchVal,onNanoSelect:()=>this.inputCtrl.focus()},s("span",{key:"990e00208c403d92d1586fb0b2c4618768f5fda5",slot:"check-icon"}),"Add '",this.inputSearchVal,"'"),s("slot",{key:"54fce41f95c01e0b2ff1619209ebb15a28383677"})),s("select",{key:"1c5ff40ac84be25c6b7075ef031b29f2b6f9b007",id:this.selectId+"-hidden",class:"select__native-ctrl",ref:e=>this.nativeSelect=e,"aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.allowCustomValues&&this.valArray.map((e=>s("option",{value:e,selected:!0},e))),!this.allowCustomValues&&this.options.map((e=>s("option",{value:e.value,selected:this.valArray.includes(e.value),disabled:e.disabled,label:e.label},this.valArray.includes(e.value))))))}multipleValues(e,n,t){const a=s("input",{class:"select__multi-input",id:this.selectId,ref:e=>this.inputCtrl=e,readonly:this.readonly,disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onKeyDown:this.handleDocumentKeyDown,onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder&&!this.value.length?this.placeholder:"","aria-labelledby":e+" "+n+" "+t});if(!this.value.length)return a;const i=[];return this.value.forEach(((e,n)=>{if(!Number.isNaN(this._maxValuesVisible)&&n>this._maxValuesVisible)return;let t;t=n===this._maxValuesVisible?s("nano-tag",{"data-value":e,key:e},"+",this.value.length-this._maxValuesVisible):s("nano-tag",{key:e,ref:e=>this.valueItems.push(e),onDragStart:this.onDragStart,onDragLeave:this.onDragLeave,onDragEnd:this.onDragEnd,onDragOver:e=>e.preventDefault(),onNanoClose:()=>this.removeValue(e),draggable:!0,tabIndex:-1,"data-value":e,closable:!0},this.valueTagTemplate?s("span",{innerHTML:this.valueTagTemplate?this.valueTagTemplate(...this.getOptionWithValue(e)):void 0}):s("span",null,this.getLabel(e))),0===n&&this.currInsertIndex<0?i.push(a,t):n===this.currInsertIndex?i.push(t,a):i.push(t)})),i}static get watchers(){return{maxValuesVisible:["watchMaxValuesVisible"],value:["valueChanged"],debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],readonly:["shouldValidate"],dropDownConfig:["setDataListOpts"]}}};V.style='.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }slot-fb.sc-nano-select {\n display: contents !important;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) {\n opacity: 0.5;\n position: relative;\n}\n[disabled].sc-nano-select-h:not([disabled=false])::after {\n content: "";\n position: absolute;\n inset: 0;\n cursor: not-allowed;\n}\n\n.form-ctrl.sc-nano-select {\n min-inline-size: 100%;\n display: block;\n}\n.form-ctrl.has-helper-end.sc-nano-select {\n display: flex;\n gap: 1rem;\n container-type: inline-size;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__wrapper.sc-nano-select {\n flex: 1 1 100%;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__helper-end.sc-nano-select {\n display: none;\n}\n@container (min-width: 350px) {\n .form-ctrl.has-helper-end .form-ctrl__helper-end {\n display: block !important;\n }\n .form-ctrl.has-helper-end .form-ctrl__helper {\n display: none !important;\n }\n}\n\n.form-ctrl__wrapper.sc-nano-select {\n display: block;\n}\n\nlabel.sc-nano-select, .form-ctrl__more.sc-nano-select, .form-ctrl__error.sc-nano-select, .form-ctrl__helper.sc-nano-select {\n display: block;\n}\nlabel.visually-hide.sc-nano-select, .form-ctrl__more.visually-hide.sc-nano-select, .form-ctrl__error.visually-hide.sc-nano-select, .form-ctrl__helper.visually-hide.sc-nano-select {\n clip-path: inset(50%);\n block-size: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n inline-size: 1px;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n padding-block: 0;\n padding-inline: var(--padding-start) 0;\n color: var(--label-color);\n position: absolute;\n font-size: 1em;\n transform: translateY(-50%);\n inset-block-start: 50%;\n transition: all 0.125s ease-in;\n opacity: 1;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select {\n transform: none;\n font-size: 0.75em;\n opacity: 0.7;\n inset-block-start: var(--padding-top);\n}\n.form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n opacity: 0;\n transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__label.sc-nano-select {\n color: var(--label-color);\n font-size: var(--label-font-size);\n padding-block-end: var(--padding-bottom);\n line-height: 1;\n display: flex;\n align-items: center;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-wrap.sc-nano-select {\n flex: 1;\n overflow-x: clip;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n margin-block: unset;\n margin-inline: 0 5px;\n opacity: 0;\n appearance: none;\n transition: 0.3s ease opacity;\n font-size: 0.85em;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n margin-block: unset;\n margin-inline: auto 0;\n font-size: var(--nano-font-size-2xs);\n opacity: 0.5;\n}\n.has-value.sc-nano-select-h .form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n opacity: 0.5;\n}\n\n.has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n opacity: 0;\n transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__more.sc-nano-select {\n position: relative;\n margin-block: var(--padding-bottom) 0;\n margin-inline: 0;\n opacity: 0;\n display: none;\n transition: all var(--nano-transition-fast) ease;\n transition-behavior: allow-discrete;\n}\n.form-ctrl__more.sc-nano-select > *.sc-nano-select {\n grid-column: 1;\n grid-row: 1;\n}\n.has-helper.sc-nano-select .form-ctrl__more.sc-nano-select, .has-error.sc-nano-select .form-ctrl__more.sc-nano-select {\n display: grid;\n opacity: 1;\n}\n\n.form-ctrl__helper.sc-nano-select, .form-ctrl__error.sc-nano-select {\n font-size: var(--more-font-size);\n line-height: 1.2;\n transition: 0.3s ease-out opacity;\n}\n\n.form-ctrl__helper.sc-nano-select {\n font-style: italic;\n color: var(--help-msg-color);\n}\n[show-inline-error].sc-nano-select-h:not([show-inline-error=false]).is-invalid .form-ctrl__helper.sc-nano-select {\n opacity: 0;\n}\n\n.form-ctrl__helper-end.sc-nano-select {\n flex: 1 1 30%;\n min-inline-size: 150px;\n font-size: var(--invalid-msg-font-size);\n color: var(--help-msg-color);\n font-style: italic;\n}\n\n.form-ctrl__error.sc-nano-select {\n opacity: 0;\n color: var(--invalid-msg-color);\n font-style: italic;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__error.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__input.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n border-radius: var(--input-border-radius);\n inline-size: 100%;\n padding: 0 !important;\n position: relative;\n flex: 1 0 auto;\n display: flex;\n background: var(--input-bg-color);\n border: var(--input-border-style) var(--input-border-width);\n font-size: var(--input-font-size);\n padding-inline-start: calc(var(--input-invalid-border-hint-width) - var(--input-border-width)) !important;\n}\n.form-ctrl__input.sc-nano-select:focus-visible, .form-ctrl__input.sc-nano-select:focus-within, .has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select {\n outline: var(--nano-focus-ring-color) solid 3px;\n outline-offset: -2px;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n padding-inline-start: 0 !important;\n}\n.is-invalid.has-focus.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n border-color: var(--color-invalid);\n border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n padding-inline-start: 0 !important;\n}\n\n.form-ctrl__input-wrap.sc-nano-select {\n display: flex;\n flex: 1;\n max-inline-size: 100%;\n align-items: center;\n}\n[type=textarea].sc-nano-select-h .form-ctrl__input-wrap.sc-nano-select {\n align-items: start;\n}\n\n.form-ctrl__clear-btn.sc-nano-select, .form-ctrl__slot-end.sc-nano-select, .form-ctrl__slot-start.sc-nano-select, .form-ctrl__slot-value-end.sc-nano-select {\n margin-block: 0;\n margin-inline: 0;\n font-size: 1em;\n border: 0;\n outline: none;\n background-color: transparent;\n background-repeat: no-repeat;\n display: flex;\n align-items: center;\n inline-size: auto;\n padding-inline-end: var(--padding-end);\n padding-block: var(--padding-top) var(--padding-bottom);\n}\n.form-ctrl__clear-btn.sc-nano-select:empty, .form-ctrl__slot-end.sc-nano-select:empty, .form-ctrl__slot-start.sc-nano-select:empty, .form-ctrl__slot-value-end.sc-nano-select:empty {\n display: none;\n}\n\n.form-ctrl__slot-end.sc-nano-select {\n padding-block: calc(var(--padding-top) / 2) calc(var(--padding-bottom) / 2);\n}\n\n.form-ctrl__slot-start.sc-nano-select {\n padding-inline-end: 0;\n}\n.has-float-label.sc-nano-select .form-ctrl__slot-start.sc-nano-select {\n display: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n padding-inline: unset;\n align-items: center;\n display: flex;\n block-size: 100%;\n z-index: 1;\n}\n.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n pointer-events: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > * {\n margin-inline: var(--padding-start) 0;\n}\n\n.form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select {\n pointer-events: none;\n}\n\n.form-ctrl__clear-btn.sc-nano-select {\n color: var(--clear-btn-color);\n padding: 0;\n opacity: 0;\n inline-size: 0;\n appearance: none;\n align-items: center;\n overflow: hidden;\n padding-block: var(--padding-top) var(--padding-bottom);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n color: var(--clear-btn-color--invalid);\n}\n.has-value.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n padding-inline: 0 var(--padding-end);\n opacity: 1;\n inline-size: auto;\n}\n.form-ctrl__clear-btn.sc-nano-select:hover {\n color: var(--clear-btn-color--hover);\n}\n\n.form-ctrl__validation-icon.sc-nano-select {\n padding-block: var(--padding-top) var(--padding-bottom);\n padding-inline-end: var(--padding-end);\n display: grid;\n grid-template-areas: "overlay";\n}\n.sc-nano-select-h:not(.is-invalid .form-ctrl__validation-icon.sc-nano-select, .is-valid).sc-nano-select-h .form-ctrl__validation-icon.sc-nano-select {\n display: none;\n}\n\n.form-ctrl__error-icon.sc-nano-select, .form-ctrl__success-icon.sc-nano-select {\n color: var(--color-valid);\n opacity: 0;\n transition: 0.3s ease-out opacity;\n grid-area: overlay;\n}\n\n.is-valid.sc-nano-select-h .form-ctrl__success-icon.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__error-icon.sc-nano-select {\n color: var(--color-invalid);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__error-icon.sc-nano-select {\n opacity: 1;\n}\n\n.sc-nano-select-h {\n \n --placeholder-color: var(--nano-color-text-placeholder);\n --padding-top: var(--nano-spacing-sm);\n --padding-end: var(--nano-spacing-sm);\n --padding-bottom: var(--nano-spacing-sm);\n --padding-start: var(--nano-spacing-sm);\n --color-invalid: var(--nano-color-text-danger);\n --color-valid: var(--nano-color-fill-success);\n --input-font-size: var(--nano-font-size-sm);\n --input-text-color: var(--nano-color-text-default);\n --input-border-width: 1px;\n --input-border-color: var(--nano-color-border-default);\n --input-border-radius: 0px;\n --input-invalid-border-hint-width: 2px;\n --input-border-style: solid var(--input-border-color);\n --input-border-style--focus: solid var(--input-border-width) var(--nano-color-border-active);\n --input-bg-color: var(--nano-color-background-default);\n --invalid-msg-color: var(--color-invalid);\n --help-msg-color: var(--nano-color-text-default);\n --more-font-size: var(--nano-font-size-2xs);\n --clear-btn-color: rgb(var(--nano-color-base-rgb-1000) / 60%);\n --clear-btn-color--hover: rgb(var(--nano-color-base-rgb-1000) / 100%);\n --clear-btn-color--invalid: rgb(var(--color-invalid) / 100%);\n --label-color: var(--nano-color-text-default);\n --label-font-size: var(--nano-font-size-xs);\n \n position: relative;\n inline-size: 100%;\n padding: 0 !important;\n display: block;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select {\n pointer-events: none !important;\n}\n\nselect.sc-nano-select {\n display: none;\n}\n\n.select__native-input.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n padding: unset;\n padding-inline: var(--padding-start) var(--padding-end);\n padding-block: 0;\n border-radius: var(--input-border-radius);\n text-overflow: ellipsis;\n color: var(--input-text-color);\n display: inline-block;\n flex: 1;\n inline-size: 100%;\n max-inline-size: 100%;\n max-block-size: 100%;\n border: 0;\n outline: none;\n background: transparent;\n appearance: none;\n margin: 0;\n box-sizing: border-box;\n resize: none;\n overflow: hidden;\n cursor: default;\n line-height: 2.5em;\n \n \n}\n.has-float-label.sc-nano-select .select__native-input.sc-nano-select {\n line-height: 2.1em;\n min-block-size: 2.1em;\n padding-block-start: 1.4em;\n}\n.select__native-input.sc-nano-select::selection {\n background: transparent;\n color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::-moz-selection {\n background: transparent;\n color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n font-style: initial;\n font-weight: initial;\n line-height: inherit;\n min-block-size: initial;\n}\n.select__native-input.sc-nano-select::-moz-placeholder {\n line-height: 2.8em;\n text-overflow: ellipsis;\n}\n.select__native-input.sc-nano-select:-webkit-autofill {\n background-color: transparent;\n}\n.select__native-input.sc-nano-select::-webkit-search-decoration, .select__native-input.sc-nano-select::-webkit-search-cancel-button, .select__native-input.sc-nano-select::-webkit-search-results-button, .select__native-input.sc-nano-select::-webkit-search-results-decoration {\n appearance: none;\n}\n.select__native-input.sc-nano-select:invalid {\n box-shadow: none;\n}\n.select__native-input.sc-nano-select::-ms-clear, .select__native-input.sc-nano-select::-ms-reveal {\n display: none;\n}\n.select__native-input.resizable.sc-nano-select {\n resize: vertical;\n overflow: auto;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select {\n line-height: 1.5em;\n padding-block: var(--padding-top) var(--padding-bottom);\n white-space: pre-wrap;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::placeholder {\n line-height: 1.5em;\n}\n.has-float-label.textarea.sc-nano-select .select__native-input.sc-nano-select {\n padding-block-start: 1.8em;\n}\n.masked.sc-nano-select .select__native-input.sc-nano-select {\n opacity: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n}\n\n.select__mask.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n padding-inline: var(--padding-start) var(--padding-end);\n padding-block: 0;\n border-radius: var(--input-border-radius);\n pointer-events: none;\n line-height: 2.5em;\n min-block-size: 2.5em;\n}\n\n.select__down-arrow.sc-nano-select {\n color: var(--nano-color-icon-primary);\n transition: rotate var(--nano-transition-x-fast) linear;\n}\n.is-open.sc-nano-select .select__down-arrow.sc-nano-select {\n rotate: 180deg;\n}\n\n.select__multi-wrap.sc-nano-select {\n padding-block: 0 var(--padding-bottom);\n padding-inline: 0;\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n overflow: hidden;\n align-items: flex-start;\n}\n.has-float-label.sc-nano-select .select__multi-wrap.sc-nano-select {\n padding-block-start: 1em;\n}\n\n.select__multi-input.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n padding-inline: var(--padding-start) var(--padding-end);\n padding-block: var(--padding-bottom) 0;\n min-inline-size: 50px;\n inline-size: 100%;\n max-block-size: 100%;\n appearance: none;\n border: 0;\n outline: none;\n display: inline-block;\n background: transparent;\n flex: 0;\n position: relative;\n box-sizing: border-box;\n line-height: calc(2.5em - var(--padding-bottom));\n block-size: calc(2.5em - var(--padding-bottom));\n}\n.select__multi-input.sc-nano-select:not(:has(~ nano-tag)) {\n flex: 1;\n}\n\nnano-tag.sc-nano-select {\n --color-non-interactive: var(--nano-color-fill-primary);\n margin-block: var(--padding-bottom) 0;\n margin-inline: var(--padding-start) 0;\n line-height: 1.4;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n inline-size: calc(100% - (1em + var(--padding-start) * 2));\n}\n\n.has-focus.sc-nano-select-h select.sc-nano-select, .has-focus.sc-nano-select-h a.sc-nano-select, .has-focus.sc-nano-select-h button.sc-nano-select {\n pointer-events: auto;\n}';export{x as nano_avatar,w as nano_badge,k as nano_drawer,T as nano_global_search_results,V as nano_select}
|
|
4
|
+
import{r as e,c as n,a as t,d as a}from"./index-RXFO3HxS.js";import{h as s,t as i}from"./renderer-B_wACs4w.js";import{M as o}from"./modal-DFUZVWqg.js";import{l,u as r}from"./scroll-CFCUiakV.js";import{H as c}from"./slot-Cj55s-OG.js";import{w as d}from"./events-ClRFmcmJ.js";import{C as h}from"./component-store-DCcnMDT0.js";import{g as p}from"./active-element-CKJIkX0R.js";import{d as u}from"./drag-BLOEuv-q.js";import{g as f}from"./tabbable-Dwh0pD2q.js";import{s as m}from"./search-insights-8OL2oeQN.js";import{a as b}from"./style-DZBZHpf8.js";import{c as g}from"./dom-DiLhOqyz.js";import{a as _}from"./throttle-C93FMm2Z.js";import{F as v,a as y}from"./form-control-DYfvQbOQ.js";const x=class{constructor(n){e(this,n)}initials};x.style=":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}}";const w=class{constructor(n){e(this,n)}theme;pulse};w.style=":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}}";const k=class{constructor(t){e(this,t),this.nanoShow=n(this,"nanoShow",7),this.nanoHide=n(this,"nanoHide",7),this.nanoAfterHide=n(this,"nanoAfterHide",7),this.nanoAfterShow=n(this,"nanoAfterShow",7),this.nanoInitialFocus=n(this,"nanoInitialFocus",7),this.nanoRequestClose=n(this,"nanoRequestClose",7)}get host(){return t(this)}originalTrigger;drawer;overlay;modal;slotCtrl=new c(this,"footer");get panel(){return this._panel}set panel(e){this._panel&&this.panel.removeEventListener("animationend",this.handleTransitionEnd),e&&(e.addEventListener("transitionend",this.handleTransitionEnd),this._panel=e)}_panel;noDismiss=!1;isOpen=!1;open=!1;label;placement="end";contained=!1;noHeader=!1;storeId;storeMethod="url-hash";noUserDismiss=!1;hoist=!1;resizable=!1;handleHoistChange(){"popover"in globalThis.HTMLElement.prototype||!this.hoist||Array.from(document.body.children).includes(this.host)||document.body.prepend(this.host)}nanoShow;nanoHide;nanoAfterHide;nanoAfterShow;nanoInitialFocus;nanoRequestClose;async show(){if(!this.open)return this.open=!0,d(this.host,"nanoAfterShow")}async hide(){if(this.open)return this.open=!1,d(this.host,"nanoAfterHide")}requestClose(e){if(this.nanoRequestClose.emit({source:e}).defaultPrevented||this.noUserDismiss)return this.noDismiss=!0,void setTimeout((()=>this.noDismiss=!1),250);this.hide()}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),l(this.host)),this.open&&this.contained&&(this.modal.deactivate(),r(this.host))}async handleOpenChange(){if(this.open){this.nanoShow.emit(),this.addOpenListeners(),this.originalTrigger=p(),this.contained||(this.modal.activate(),"function"==typeof this.drawer?.showPopover&&this.drawer.showPopover(),l(this.host));const e=this.host.querySelector("[autofocus]");return e&&e.removeAttribute("autofocus"),this.drawer.hidden=!1,this.isOpen=!0,void requestAnimationFrame((()=>{this.nanoInitialFocus.emit().defaultPrevented||(e||f(this.host,!0,!0,!0)[0]||this.panel).focus({preventScroll:!0}),e&&e.setAttribute("autofocus","")}))}this.nanoHide.emit(),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),r(this.host)),(this.originalTrigger&&"function"==typeof this.originalTrigger.focus?this.originalTrigger:document.body).focus(),requestAnimationFrame((()=>{this.isOpen=!1}))}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown=e=>{this.contained||"Escape"===e.key&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))};handleTransitionEnd=e=>{if("opacity"===e.propertyName&&e.composedPath().find((e=>e===this.panel||e===this.overlay))){if(!this.open)return this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,this.contained||"function"!=typeof this.drawer?.hidePopover||this.drawer.hidePopover(),void this.nanoAfterHide.emit();this.nanoAfterShow.emit()}};get panelSize(){return["top","bottom"].includes(this.placement)?this.panel.offsetHeight:this.panel.offsetWidth}set panelSize(e){const n=["top","bottom"].includes(this.placement)?"blockSize":"inlineSize";this.panel.style[n]=`clamp(var(--min-size), ${e+"px"}, var(--max-size))`}handleKeyDown=e=>{if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)){let n=this.panelSize;const t=(e.shiftKey?30:5)*("end"===this.placement||"bottom"===this.placement?-1:1),a=["top","bottom"].includes(this.placement);e.preventDefault(),("ArrowLeft"===e.key&&!a||"ArrowUp"===e.key&&a)&&(n-=t),("ArrowRight"===e.key&&!a||"ArrowDown"===e.key&&a)&&(n+=t),"Home"===e.key&&(n=0),"End"===e.key&&(n=1e4),this.panelSize=n}};handleDrag=e=>{e.preventDefault();const n=["top","bottom"].includes(this.placement),t="end"===this.placement||"bottom"===this.placement,a=n?this.panel.offsetHeight:this.panel.offsetWidth;u(this.host,{relative:!0,initialEvent:e,onMove:(e,s)=>{let i=n?s:e;t&&(i*=-1),this.panelSize=a+i}})};connectedCallback(){this.handleHoistChange(),this.modal=new o(this.host)}disconnectedCallback(){r(this.host)}componentWillLoad(){this.storeId&&h.init(this,["open"],this.storeMethod,this.storeId)}componentDidLoad(){this.drawer.hidden=!this.open,this.open&&(this.handleNoModalChange(),this.show())}render(){return s(a,{key:"487ea65e478b81f58f3302110777a756e5dcf7d4",class:"nano-drawer"},s("div",{key:"12feebdc459f4643d41d5d2dc19643c13c0d9809",ref:e=>this.drawer=e,part:"base",class:{drawer:!0,"drawer--open":this.open,[`drawer--${this.placement}`]:!0,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--has-footer":this.slotCtrl.has("footer"),"drawer--has-header":!this.noHeader,"drawer--nodismiss":this.noDismiss},popover:this.contained?void 0:"manual"},s("div",{key:"e38b14383dadea34b11db92d6871518b82192859",ref:e=>this.overlay=e,part:"overlay",class:"drawer__overlay",onClick:()=>this.requestClose("overlay"),tabindex:"-1"}),s("div",{key:"4a934cc84b9d4ff06bff84feaf75ac8d463d2d5f",ref:e=>this.panel=e,part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.isOpen?"false":"true","aria-label":this.noHeader?this.label:void 0,"aria-labelledby":this.noHeader?void 0:"title",tabindex:"0"},this.resizable&&s("div",{key:"7c8d1c12356974522a698d69ff2e9015dd60ae92",part:"resize-handle",class:"drawer__resize-handle",tabindex:"0",role:"separator","aria-label":"Resize",onKeyDown:this.handleKeyDown,onMouseDown:this.handleDrag,onTouchStart:this.handleDrag},s("slot",{key:"48e2497abc58310beb96648b4cc44d80ae28431f",name:"handle"},["start","end"].includes(this.placement)?s("nano-icon",{slot:"handle",name:"solid/grip-dots-vertical"}):s("nano-icon",{slot:"handle",name:"solid/grip-dots"}))),s("div",{key:"425d5eb60035fb44b7c3ea4ddf4f338d429893ab",class:"drawer__main"},!this.noHeader&&s("nano-sticker",{key:"1f8eac374619dd3b607862254c2573e19963374c"},s("div",{key:"070d62dd270a2040f32e509ec0a2a5eb8c739367",part:"header",class:"drawer__header"},s("div",{key:"f3d0155227515ad548ee70e65a2213711dc13a3a",part:"title",class:"drawer__title",id:"title"},s("slot",{key:"61410c8918849984dd31854a042ec3209c1ca175",name:"label"},this.label.length>0?this.label:String.fromCharCode(65279))),s("div",{key:"262e4616c018e346596b089968f6af8b4a39436a",part:"header-actions",class:"drawer__header-actions"},s("slot",{key:"81245d6449637ca85f631d2065b173dfa3b6c663",name:"header-actions"}),!this.noUserDismiss&&s("nano-icon-button",{key:"0b88624e93df33a23f3f132d05d5f8fbc418f520",part:"close-button",exportparts:"base:close-button__base",class:"drawer__close",iconName:"light/xmark",label:"Close",onClick:()=>this.requestClose("close-button")})))),s("div",{key:"50a441f9c9417ba4fa29f30b63cc54eaf5618a98",part:"body",class:"drawer__body"},s("slot",{key:"478310362285c4ea2fcde71838da527640bf09da"})),s("nano-sticker",{key:"bb6c4a2c6ce89a03270daaf194b0a78914437c2b",position:"bottom"},s("footer",{key:"efbb6ac1f46e3bce948a236f01e26adc63b628cc",part:"footer",class:"drawer__footer"},s("slot",{key:"5a3d95c01ce45c51715d89e4cc3064f337d59b23",name:"footer"})))))))}static get watchers(){return{hoist:["handleHoistChange"],contained:["handleNoModalChange"],open:["handleOpenChange"]}}};k.style=":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{--size:25rem;--min-size:25rem;--max-size:50%;--panel-background:var(--nano-color-surface-default);--panel-shadow:var(--nano-shadow-l3);--scrim-color:var(--nano-color-overlay-scrim);--header-button-color:var(--nano-color-icon-primary);--header-button-size:1.375rem;--footer-background:var(--panel-background);--header-background:var(--panel-background);--header-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--body-spacing:var(--nano-spacing-l1-default);--footer-spacing:var(--nano-spacing-l) var(--nano-spacing-l1-default);--dir:1}:host([placement=top]),:host([placement=bottom]){--max-size:80%}:host(:dir(rtl)){--dir:-1}:host-context([dir=rtl]){--dir:-1}.drawer{inset-block-start:0;inset-inline-start:0;pointer-events:none;overflow:hidden;border:none;inline-size:100%;block-size:100%;color:unset;background-color:unset}.drawer::backdrop{display:none}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--nano-z-index-modal)}.drawer__panel{position:absolute;max-inline-size:100%;max-block-size:100%;background-color:var(--panel-background);box-shadow:var(--panel-shadow);pointer-events:all;transition:var(--nano-transition-fast) opacity, var(--nano-transition-fast) transform;display:flex}.drawer--top .drawer__panel,.drawer--bottom .drawer__panel{flex-direction:column}@media (forced-colors: active){.drawer__panel{border:solid 1px var(--nano-color-surface-contrast)}}.drawer__panel:focus{outline:none}.drawer--nodismiss .drawer__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{scale:1}50%{scale:1.08}100%{scale:1}}.drawer--top .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(-100%)}.drawer--bottom .drawer__panel{inset-block:auto 0;inset-inline:0 auto;inline-size:100%;block-size:var(--size);opacity:0;transform:translateY(100%)}.drawer--top.drawer--open .drawer__panel,.drawer--bottom.drawer--open .drawer__panel{opacity:1;transform:translateY(0)}.drawer--start .drawer__panel{inset-block:0 auto;inset-inline:0 auto;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * -100%))}.drawer--end .drawer__panel{inset-block:0 auto;inset-inline:auto 0;inline-size:var(--size);block-size:100%;opacity:0;transform:translateX(calc(var(--dir) * 100%))}.drawer--start.drawer--open .drawer__panel,.drawer--end.drawer--open .drawer__panel{opacity:1;transform:translateX(0)}.drawer__resize-handle{display:flex;align-items:center;justify-content:center;position:absolute;z-index:var(--nano-z-index-dropdown);color:var(--nano-color-fill-primary-pressed);background-color:var(--nano-color-surface-subtle)}.drawer__resize-handle:focus{outline:none}.drawer__resize-handle:focus-visible{background-color:var(--nano-focus-ring-color)}.drawer__resize-handle:active{color:var(--nano-color-fill-primary)}.drawer--top .drawer__resize-handle,.drawer--bottom .drawer__resize-handle{cursor:row-resize;inset-inline:0}.drawer--end .drawer__resize-handle,.drawer--start .drawer__resize-handle{cursor:col-resize;inset-block:0}.drawer--end .drawer__resize-handle{inset-inline-start:0}.drawer--start .drawer__resize-handle{inset-inline-end:0}.drawer--top .drawer__resize-handle{inset-block-end:0}.drawer--bottom .drawer__resize-handle{inset-block-start:0}.drawer__header{inline-size:100%;display:flex;background-color:var(--header-background);align-items:center;padding:var(--header-spacing)}[stuck] .drawer__header{box-shadow:var(--nano-shadow-l0)}.drawer__title{flex:1 1 auto;margin:0;font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.drawer__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--nano-spacing-sm);color:var(--header-button-color);inset-inline-end:calc(var(--nano-spacing-l1-default) / 2 * -1);position:relative}.drawer__header-actions .drawer__close,.drawer__header-actions ::slotted(.nano-icon-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--header-button-size)}.drawer__main{display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.drawer__body{display:block;flex:1 1 auto;padding:var(--body-spacing);padding-block:0 var(--body-spacing);padding-inline:var(--body-spacing)}.drawer:not(.drawer--has-header) .drawer__body{padding-block-start:var(--body-spacing)}.drawer__footer{inline-size:100%;text-align:end;padding:var(--footer-spacing);background:var(--footer-background);inset-block-start:1px;position:relative;border-block-start:1px solid var(--nano-color-fill-neutral-weak);gap:var(--nano-spacing-md);display:inline-flex}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;inset:0;background-color:var(--scrim-color);pointer-events:all;opacity:0;transition:var(--nano-transition-fast) opacity}.drawer--open .drawer__overlay{opacity:1}.drawer--contained .drawer__overlay{display:none}";const z="created > "+Math.floor((Date.now()-631152e5)/1e3);let C=0;const T=class{constructor(t){e(this,t),this.nanoSearchGoBack=n(this,"nanoSearchGoBack",7)}algoliaResultsEle;filtersDiv;openFilterBtn;ro;searchResultId=C++;queryId=this.searchResultId>0?`searchq-${this.searchResultId}`:"searchq";globalNav;algoliaResults;algoliaEle;currentWidth;apiKey;appId;index;get el(){return t(this)}nanoSearchGoBack;handleAlgoliaCredsChange(){this.apiKey&&this.appId&&this.algoliaEle&&(this.algoliaEle.apiKey=this.apiKey,this.algoliaEle.appId=this.appId)}handleAlgoliaIndexChange(){this.index&&this.algoliaEle&&(this.algoliaEle.searchIndex=this.index)}handleAlgoliaEleChange(){this.algoliaEle&&this.algoliaResults&&"Community"===this.algoliaResults.indexName&&(this.algoliaEle.filters=[z])}handleGlobalNavReset=()=>{this.algoliaResultsEle=null,this.goback()};handleGlobalNavSearch=e=>{const{detail:{meta:n,client:t}}=e;this.apiKey=t.apiKey,this.appId=t.appId,this.index={name:n.indexTitle,index:n.index,domain:n.domain,filters:n.filters,replicas:n.replicas},this.algoliaEle.query=n.query};handleNanoFilterChanged(){if(!this.algoliaEle.showResults||!this.algoliaResultsEle?.querySelector(".topbar"))return;const e=this.algoliaResultsEle.querySelector(".topbar");e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({behavior:"smooth",block:"start"})}handleReorder(e){e.composedPath().find((e=>e.classList&&e.classList.contains("indexchange")))&&this.algoliaResultsEle&&this.changeOrder(e)}attachListeners(e){if(m.init(e.detail.client.appId,e.detail.client.apiKey),!e.composedPath().find((e=>e.id&&"main-search"===e.id)))return;this.algoliaResultsEle=this.algoliaEle.querySelector("#main-search-results"),this.algoliaResults=e.detail.meta,this.attachResultListeners(),this.algoliaEle.querySelectorAll(".filters-reset").forEach((e=>{e.addEventListener("click",(()=>{this.removeAllFilters()}))})),this.algoliaEle.querySelectorAll(".close-filters").forEach((e=>{e.addEventListener("click",(()=>{this.closefilters()}))}));const n=this.algoliaEle.querySelector(".filters-wrap");n&&n.addEventListener("click",(e=>{e.stopPropagation()})),this.filtersDiv=this.algoliaEle.querySelector("#main-search-filters");const t=this.algoliaEle.querySelector(".old-posts");t&&t.addEventListener("nanoChange",(e=>{this.toggleOldResults(e.target.checked)}))}attachResultListeners(e){if(e&&e.composedPath()?.find((e=>e===this.algoliaEle))&&(this.algoliaResultsEle=this.algoliaEle.querySelector("nano-algolia-results")),!this.algoliaResultsEle)return;const n=this.algoliaResultsEle;this.algoliaResultsEle.removeEventListener("click",this.resultClick),this.algoliaResultsEle.addEventListener("click",this.resultClick),n.querySelectorAll(".remove-filter").forEach((e=>{e.removeEventListener("nanoClose",this.removeFilterClick),e.addEventListener("nanoClose",this.removeFilterClick)})),n.querySelectorAll(".back-btn").forEach((e=>{e.removeEventListener("click",this.goback),e.addEventListener("click",this.goback)})),n.querySelectorAll(".topbar__show-filters").forEach((e=>{this.openFilterBtn=e,e.removeEventListener("click",this.showFiltersClick),e.addEventListener("click",this.showFiltersClick)})),Array.from(n.querySelectorAll(".result__tags-tag")).forEach((e=>{e.removeEventListener("click",this.tagClick),e.addEventListener("click",this.tagClick)}))}onDocNanoSearchResult(e){this.globalNav&&e.target===this.globalNav&&this.handleGlobalNavSearch(e)}onDocNanoSearchReset(e){this.globalNav&&e.target===this.globalNav&&this.handleGlobalNavReset()}async closeSearch(e=!1){e?this.goback():this.algoliaEle.showResults=!1}resultClick=e=>{const n=e.target.closest(".result");"A"===e.target.tagName&&n&&(m.sendClick({index:this.algoliaResults.index,eventName:"Global nav full search - search result clicked",queryID:this.algoliaResults.queryID,objectIDs:[n.dataset.hitId],positions:[Number(n.dataset.hitCount)+1]}),this.closeSearch())};showFiltersClick=()=>{this.filtersDiv.tabIndex=-1,this.filtersDiv.classList.add("show"),this.filtersDiv.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden",setTimeout((()=>this.filtersDiv.focus()),20)};removeFilterClick=e=>{const n=e.target.closest("[data-filter-val]");this.removeFilter(n?.dataset.filter,n?.dataset.filterVal)};tagClick=e=>{e.preventDefault();let n=e.target.dataset.value;n="publication"===n?"publications":n,n=n.toLowerCase();const t=this.algoliaEle.querySelector('nano-algolia-filter[filter-name="tags"]');-1===t.value.indexOf(n)&&(t.value=t.value?[...t.value,n]:[n])};changeOrder(e){this.algoliaEle.replicaIndex=e.detail.value}goback=()=>{this.nanoSearchGoBack.emit().defaultPrevented||(this.removeAllFilters(),this.algoliaEle.query=void 0,this.algoliaEle.showResults=!1)};removeFilter(e,n){this.algoliaEle.removeFilters(e,n)}removeAllFilters(){this.algoliaEle.removeFilters()}closefilters(){this.filtersDiv&&(this.filtersDiv.tabIndex=null,this.filtersDiv.classList.remove("show"),this.filtersDiv.setAttribute("aria-expanded","false"),document.body.style.overflow="",setTimeout((()=>this.openFilterBtn?.focus()),20))}toggleOldResults(e){this.algoliaEle.filters=e?this.algoliaEle.filters.filter((e=>!e.startsWith("created > "))):[...this.algoliaEle.filters,z]}componentWillLoad(){b(this.el.shadowRoot)}connectedCallback(){const e=i("nano-global-nav");if(this.globalNav=this.el.closest(e),!this.globalNav){const n=this.el.getRootNode()?.host;n&&n.tagName===e.toUpperCase()&&(this.globalNav=n)}this.globalNav?this.handleAlgoliaEleChange():console.error("`<nano-global-search-results>` must be a child of `<nano-global-nav>`")}disconnectedCallback(){this.ro&&this.ro.disconnect()}componentDidLoad(){window.ResizeObserver&&(this.ro=new ResizeObserver((e=>{for(const n of e){if(!n.contentRect.width)return;this.currentWidth=n.contentRect.width}})),this.ro.observe(this.el))}render(){return s(a,{key:"63af990582466961e1cf02c9e67bd8cffa82e620",class:{small:this.currentWidth<780,"nano-global-search-results":!0},dir:"rtl"===this.el.ownerDocument.dir?"rtl":void 0},s("nano-algolia",{key:"ea81b7334b7d2edb65328f65c70db0f75b48820c",storeId:this.queryId,storeMethod:"url-hash-push",class:"main-search__wrap sc-nano-global-search-results",ref:e=>requestAnimationFrame((()=>this.algoliaEle=e)),id:"main-search",onNanoFilterChanged:()=>this.handleNanoFilterChanged()},s("template",{key:"10cf57aac61c6b40cd3a285ddfd03b483b9d131d",slot:"template"},'<div class="main-search sc-nano-global-search-results">\n <nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>\n <script type="text/template" slot="start-template">\n <div class="sc-nano-global-search-results main-search__topbar topbar">\n <nano-icon-button icon-name="light/chevron-left" class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button"></nano-icon-button>\n <div>\n <em class="sc-nano-global-search-results topbar__query">\'{{ it.query }}\' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results\n </div>\n\n <div class="sc-nano-global-search-results topbar__filtering">\n {{ @if (it.results.length) }}\n {{ @if (it.searchIndex && it.searchIndex.replicas) }}\n <nano-select class="sc-nano-global-search-results topbar__order indexchange" value="{{ it.index }}" hide-label="true" label="Sort order" show-inline-error="false">\n {{ @each(it.searchIndex.replicas) => replica }}\n <nano-option value="{{ replica.index }}">{{ replica.name }}</nano-option>\n {{ /each }}\n </nano-select>\n {{ /if }}\n {{ /if }}\n\n <button class="sc-nano-global-search-results topbar__show-filters filters-title" aria-controls="main-search-filters">\n {{ @if (it.appliedFilters && it.appliedFilters.length > 0) }}\n <span class="sc-nano-global-search-results topbar__filter-count">\n {{ (it.appliedFilters.reduce(function(a, b) { return a + (b.values ? b.values.length : 0) }, 0)) }}\n </span>\n {{ /if }}\n <nano-icon class="sc-nano-global-search-results" name="light/filter"></nano-icon>\n </button>\n </div>\n </div>\n\n {{ @if (it.results.length) }}\n <div class="sc-nano-global-search-results main-search__applied-filters">\n {{ @if (it.appliedFilters) }}\n {{ @each(it.appliedFilters) => filterObj }}\n {{ @each(filterObj.values) => filterVal }}\n <nano-tag \n closable \n size="large" \n data-filter-val="{{ filterVal }}" \n data-filter="{{ filterObj.name }}" \n class="remove-filter"\n >{{ filterVal | tag_tidy | public_name }}</nano-tag>\n {{ /each }}\n {{ /each }}\n {{ /if }}\n </div>\n {{ /if }}\n <\/script>\n\n <script type="text/template" slot="result-template">\n \x3c!-- START NO CONTENT --\x3e\n {{ @if ((!it.results || !it.results.length)) }}\n <div class="search-empty">\n <nano-icon name="light/magnifying-glass" class="search-empty-icon"></nano-icon>\n <h2>No matches found...</h2>\n <p>Please try a different search query.</p>\n </div>\n {{ /if }}\n \x3c!-- END NO CONTENT --\x3e\n\n {{ @if (it.totalHitsWithFilters > 0) }}\n {{ @each(it.results) => result, resultIndex }}\n {{ contentType = result.content_type ? result.content_type : result.type }}\n <li class="sc-nano-global-search-results">\n <div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">\n <strong class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">\n <a href="{{ result.url | abs_url(it, result) }}">\n {{ @if (result._snippetResult) }}\n {{ result._snippetResult.title.value | safe }}\n {{ #else }}\n {{ result.title | safe }}\n {{ /if }}\n {{ @if (contentType === \'technical_document\' || contentType === \'literature\' || contentType === \'white_paper\' || contentType === \'protocol\') }}\n <span class="sc-nano-global-search-results result__pdf">PDF</span>\n {{ /if }}\n </a>\n </strong>\n {{ @if (result.authors) }}\n {{ @if (typeof result.authors === \'string\') }}\n <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Authors: {{ result.authors | trim_to(50) }}</a>\n {{ #else }}\n <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">\n {{ @each(result.authors) => author, index }}\n \x3c!-- {{ @if(index == 0)}} --\x3e\n Authors: {{ author | trim_to(60) }}\n \x3c!-- {{ /if }} --\x3e\n {{ /each }}\n </a>\n {{ /if }}\n {{ /if }}\n {{ @if (contentType === \'video\' || contentType === \'lc_lightning_talk\' ) }}\n {{ @if (result.name) }}\n <a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>\n {{ /if }}\n \n {{ @if (result.image) }}\n <div class="sc-nano-global-search-results result__image" style="background-image: url(\'{{ result.image | abs_url(it, result) }}\')">\n <nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>\n </div>\n {{ /if }}\n <a class="sc-nano-global-search-results result__video-body" href="{{ result.url | abs_url(it, result) }}">\n <div class="sc-nano-global-search-results result__body">\n <div class="sc-nano-global-search-results result__description">\n {{ @if (result.description) }}\n {{ result._snippetResult.description.value | safe }}\n {{ /if }}\n </div>\n </div>\n </a>\n <div class="sc-nano-global-search-results result__meta">\n {{ @if (result.type || result.content_type) }}\n <div class="sc-nano-global-search-results result__type">\n {{ @if (contentType === \'lc_lightning_talk\') }}\n Presentation\n {{ #else }}\n {{ contentType }}\n {{ /if }}\n </div>\n {{ /if }}\n \n {{ @if (result.source) }}\n <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n {{ /if }}\n </div>\n {{ @if (result.tags) }}\n <div class="sc-nano-global-search-results result__tags">\n {{ @if (typeof result.tags === \'string\') }}\n <nano-tag><button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button></nano-tag>\n {{ #else }}\n {{ @each(result.tags) => tag, index }}\n {{ @if(index < 5)}}\n {{ @if (tag !== "No video" && tag !== "Resources" && tag !== "Video") }}\n <nano-tag><button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag | tag_tidy }}</button></nano-tag>\n {{ /if }}\n {{ /if }}\n {{ /each }}\n {{ /if }}\n </div>\n {{ /if }}\n {{ /if }}\n {{ @if (result.body) }}\n <a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">\n {{ @if (result._snippetResult) }}\n {{ result._snippetResult.body.value | safe }}\n {{ /if }}\n </a>\n {{ /if }}\n {{ @if (contentType === \'product\' }}\n <nano-cta size="small">\n <a href="{{ result.url | abs_url(it, result) }}">View product</a>\n </div>\n {{ /if }}\n {{ @if (contentType === \'event\') }}\n <a class="sc-nano-global-search-results result__promo" href="{{ result.url | abs_url(it, result) }}">\n <div class="sc-nano-global-search-results result__promo-box">\n <div class="sc-nano-global-search-results result__promo-bigdate">\n {{ result.start_date | date_long({year: undefined, month: \'short\', day: undefined}) }}\n <span>{{ result.start_date | date_long({year: undefined, month: undefined, day: \'numeric\'}) }}</span>\n </div>\n <div>\n <div class="sc-nano-global-search-results result__promo-date">\n <nano-icon class="sc-nano-global-search-results" name="light/calendar-days"></nano-icon>\n {{ @if (result.end_date) }}\n {{ @if (result.end_date !== result.start_date) }}\n {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', month: \'short\'}) }} - {{ result.end_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n {{ #else }}\n {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n {{ /if }}\n {{ #else }}\n {{ @if (result.start_date) }}\n {{ result.start_date | date_long({weekday: \'short\', day: \'numeric\', year: \'numeric\', month: \'short\'}) }}\n {{ /if }}\n {{ /if }}\n </div>\n <div class="sc-nano-global-search-results result__promo-venue">\n <nano-icon class="sc-nano-global-search-results" name="light/map-marker-alt"></nano-icon>\n Venue\n </div>\n </div>\n </div>\n </a>\n {{ /if }}\n {{ @if (contentType !== \'lc_lightning_talk\' && contentType !== \'video\') }}\n <div class="sc-nano-global-search-results result__meta">\n {{ @if (result.type || result.content_type) }}\n <div class="sc-nano-global-search-results result__type">\n {{ @if (contentType === \'news_item\') }}\n News\n {{ #elif (contentType === \'static_page\' || contentType === \'bespoke\') }}\n Page\n {{ #elif (contentType === \'case_study\') }}\n Case study\n {{ #elif (contentType === \'lc_poster\') }}\n Poster\n {{ #elif (contentType === \'nanopore_live\') }}\n Live stream\n {{ #elif (contentType === \'data_release\') }}\n Data release\n {{ #elif (contentType === \'research_area\') }}\n Research area\n {{ #elif (contentType === \'white_paper\') }}\n White paper\n {{ #elif (contentType === \'technical_document\') }}\n Technical document\n {{ #elif (contentType === \'info_sheet\') }}\n Info sheet\n {{ #elif (contentType === \'lc_home\' || contentType === \'lc_venue\') }}\n London Calling\n {{ #else }}\n {{ contentType }}\n {{ /if }}\n </div>\n {{ /if }}\n {{ @if (contentType !== \'event\') }}\n {{ @if (result.updated) }}\n <div class="sc-nano-global-search-results result__date">{{ result.updated | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n {{ #else }}\n {{ @if (result.created) }}\n <div class="sc-nano-global-search-results result__date">{{ result.created | date_long({year: \'numeric\', month: \'short\', day: \'numeric\'}) }}</div>\n {{ /if }}\n {{ /if }}\n {{ /if }}\n {{ @if (result.source) }}\n <div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>\n {{ /if }}\n </div>\n {{ @if (result.tags) }}\n <div class="sc-nano-global-search-results result__tags">\n {{ @if (typeof result.tags === \'string\') }}\n {{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}\n <nano-tag><button data-value="{{ result.tags | lowercase }}" class="result__tags-tag">{{ result.tags }}</button></nano-tag>\n {{ /if }}\n {{ #else }}\n {{ @each(result.tags) => tag, index }}\n {{ @if(index < 5)}}\n {{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}\n <nano-tag><button data-value="{{ tag | lowercase }}" class="result__tags-tag">{{ tag | tag_tidy }}</button></nano-tag>\n {{ /if }}\n {{ /if }}\n {{ /each }}\n {{ /if }}\n </div>\n {{ /if }}\n {{ /if }}\n </div>\n </li>\n {{ /each }}\n {{ /if }}\n <\/script>\n\n <div slot="start-output"></div>\n <ul slot="result-output" class="sc-nano-global-search-results"></ul>\n </nano-algolia-results>\n\n {{ @if(Object.keys(it.origFilters).length) }}\n <div class="sc-nano-global-search-results main-search__filters filters close-filters" id="main-search-filters">\n <div class="sc-nano-global-search-results filters-wrap">\n {{ @if(it.totalHits) }}\n <div class="sc-nano-global-search-results filters-header">\n <strong class="sc-nano-global-search-results filters-title">Filters</strong>\n <button class="sc-nano-global-search-results filters-reset">Reset</button>\n <nano-icon-button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" icon-name="light/xmark" aria-controls="main-search-filters"></nano-icon-button>\n </div>\n {{ /if }}\n\n <div class="sc-nano-global-search-results filters-list">\n <nano-checkbox value="old-posts" class="old-posts" name="old-posts" checked>\n <span>Include posts older than 2 years</strong>)</span>\n </nano-checkbox>\n {{ @if(it.origFilters[\'type\']) }}\n <nano-details class="sc-nano-global-search-results" open={true} label="Type" size="small">\n <nano-algolia-filter store-id="searchf1" store-method="url-hash-push" filter-name="type">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="type-{{ filter }}-{{x}}" />\n <label class="sc-nano-global-search-results filter-label" for="type-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'channel\']) }}\n <nano-details open={true} label="Channels" size="small">\n <nano-algolia-filter store-id="searchf2" store-method="url-hash-push" filter-name="channel">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="channel-{{ filter }}-{{x}}" />\n <label class="filter-label sc-nano-global-search-results" for="channel-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'authors\']) }}\n <nano-details open={true} label="Authors" size="small">\n <nano-algolia-filter store-id="searchf3" store-method="url-hash-push" filter-name="authors">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="authors-{{ filter }}-{{x}}" />\n <label class="filter-label sc-nano-global-search-results" for="authors-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'categories_without_path\']) }}\n <nano-details open={true} label="Categories" size="small">\n <nano-algolia-filter store-id="searchf4" store-method="url-hash-push" filter-name="categories_without_path">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n {{ @if(!filter.match(/publication/)) }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="cwp-{{ filter }}-{{x}}" />\n <label class="sc-nano-global-search-results filter-label" for="cwp-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /if }}\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n\n {{ @if(it.origFilters[\'tags\']) }}\n <nano-details open={true} label="Tags" size="small">\n <nano-algolia-filter store-id="searchf5" store-method="url-hash-push" filter-name="tags">\n <script type="text/template" slot="filter-template">\n <ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">\n {{ @foreach(it.dyn) => filter, filterVal }}\n {{ @if(!filter.match(\'>\')) }}\n <li class="sc-nano-global-search-results" data-num="{{(x++)}}">\n <input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter | lowercase }}" id="tags-{{ filter }}-{{x}}" />\n <label class="filter-label sc-nano-global-search-results" for="tags-{{ filter }}-{{x}}">\n <span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>\n </label>\n </li>\n {{ /if }}\n {{ /foreach }}\n </ul>\n <\/script>\n <div slot="output"></div>\n </nano-algolia-filter>\n </nano-details>\n {{ /if }}\n </div>\n </div>\n </div>\n {{ /if }}\n </div>'),s("div",{key:"531d1aaf58fe5df465d93998f9448207d23de76a",slot:"output"}),s("slot",{key:"66231f02547592a1b03a87b3f3e237c527befc38"})))}static get watchers(){return{algoliaEle:["handleAlgoliaCredsChange","handleAlgoliaIndexChange","handleAlgoliaEleChange"],apiKey:["handleAlgoliaCredsChange"],appId:["handleAlgoliaCredsChange"],index:["handleAlgoliaIndexChange"],algoliaResults:["handleAlgoliaEleChange"]}}};T.style=':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;flex:1 1 100%}.main-search{display:flex;background:var(--nano-color-background-default);font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between;max-inline-size:1266px;margin:auto}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--nano-spacing-xl)}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;cursor:pointer}.main-search button:not(.result__tags-tag):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.main-search a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search div[slot=start-output]{border-block-end:1px solid var(--nano-color-fill-neutral-weak);margin-block-end:var(--nano-spacing-md)}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__applied-filters{display:flex;flex-wrap:wrap;gap:var(--nano-spacing-sm);margin-block-end:var(--nano-spacing-md)}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:var(--nano-spacing-md) var(--nano-spacing-l1-default);color:var(--nano-color-text-default);inline-size:70%;block-size:100%}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 var(--nano-spacing-l1-default);padding-block:var(--nano-spacing-l) var(--nano-spacing-md);flex:1 1 30%;box-sizing:border-box}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:var(--nano-color-text-default);font-size:var(--nano-font-size-xs)}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:var(--nano-z-index-modal);inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:"";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translateX(120%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:var(--nano-spacing-md);overflow:auto;block-size:100vh;background-color:var(--nano-color-surface-overlay);box-shadow:var(--nano-shadow-l2)}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none;gap:var(--nano-spacing-sm);display:flex;flex-direction:column}.filters li{margin:0;padding:0}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:grid;place-items:center center;grid-template-columns:1.125em 1fr;gap:var(--nano-spacing-sm);cursor:pointer}.filters .filter-label>*{justify-self:start;font-size:var(--nano-font-size-2xs)}.filters .filter-label::before{content:"";grid-column:1;grid-row:1;border-radius:1px;block-size:1.125em;inline-size:1.125em;border:1px solid var(--nano-color-fill-primary);font-size:1rem}.filters .filter-label::after{content:"";grid-column:1;grid-row:1;border:solid var(--nano-color-basic-white);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em;font-size:1rem}.filters .filter-cb{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.filters .filter-cb:checked~.filter-label::before{background-color:var(--nano-color-fill-primary)}.filters .filter-cb:checked~.filter-label::after{scale:1}.filters .filter-cb:focus-visible:focus~.filter-label::before{outline:var(--nano-focus-ring);outline-offset:1px}.filters-header{display:flex;align-items:center;border-block-end:1px solid var(--nano-color-fill-neutral-weak);padding-block-end:var(--nano-spacing-md);margin-block-end:var(--nano-spacing-md)}.filters-reset{color:var(--nano-color-fill-primary);font-size:var(--nano-font-size-xs);text-decoration:underline;margin-inline:auto 0;margin-block:0;appearance:none;background:none;border:none}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:var(--nano-font-size-xs)}:host(.small) .filters-title{display:none}.filters-list{display:flex;flex-direction:column;gap:var(--nano-spacing-md)}.result{text-decoration:none;display:flex;flex-flow:row wrap;gap:var(--nano-spacing-sm);color:var(--nano-color-text-default)}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{inline-size:70%;display:flex}.result__title a{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);text-decoration:none;color:var(--nano-color-text-default)}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{font-size:var(--nano-font-size-xs);inline-size:70%;text-decoration:none;color:var(--nano-color-text-default)}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:var(--nano-color-fill-neutral-weak)}.result__meta{display:flex;flex-flow:row wrap;font-size:var(--nano-font-size-2xs);line-height:13px;inline-size:100%;align-items:center}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:"";block-size:1rem;inline-size:1px;background:var(--nano-color-fill-neutral-weak);display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap;gap:var(--nano-spacing-sm)}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__type{text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center}.result__source{padding-inline-end:0.75rem}.result__authors{font-size:var(--nano-font-size-2xs);margin-block-end:var(--nano-spacing-xs);text-decoration:none;inline-size:70%;color:var(--nano-color-text-default)}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:var(--nano-color-text-default)}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:var(--nano-color-fill-primary);text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:var(--nano-color-text-default);display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid var(--nano-color-fill-neutral-weak)}.result__promo-date{font-size:var(--nano-font-size-2xs)}.result__promo-venue{font-size:var(--nano-font-size-2xs)}.result__promo .nano-icon{color:var(--nano-color-fill-primary);position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:var(--nano-spacing-xs)}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:var(--nano-pictogram-size-small);color:var(--nano-color-fill-primary);--primary-color:var(--nano-color-background-default);--secondary-color:var(--nano-color-fill-primary);--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:var(--nano-spacing-md);display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:var(--nano-spacing-xl) 0;text-align:center;border-block-start:1px solid var(--nano-color-fill-neutral-weak)}.search-empty h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:var(--nano-color-highlight);font-style:normal}';let D=0;const V=class{constructor(t){e(this,t),this.nanoChange=n(this,"nanoChange",7),this.nanoBlur=n(this,"nanoBlur",7),this.nanoFocus=n(this,"nanoFocus",7),this.nanoDidLoad=n(this,"nanoDidLoad",7),this.nanoDidUnload=n(this,"nanoDidUnload",7),this.nanoSearchChange=n(this,"nanoSearchChange",7),this.nanoValidate=n(this,"nanoValidate",7)}nativeSelect;valueItems=[];dragVal;mo;selectId="nano-select-"+D++;rtl=!1;onInit=!0;customError="";get inputCtrl(){return this._inputCtrl}set inputCtrl(e){e!==this._inputCtrl&&(this._inputCtrl=e,this.setDataListOpts())}_inputCtrl;_selectWrap;get selectWrap(){return this._selectWrap}set selectWrap(e){this._selectWrap!==e&&(this._selectWrap=e,this.setDataListOpts())}_datalist;get datalist(){return this._datalist}set datalist(e){this._datalist!==e&&(this._datalist=e,this.setDataListOpts())}currInsertIndex=-1;showErrorMsg=!1;errorMessage="";hasFocus=!1;hasOpened=!1;hasLabelSlot=!1;hasHelperSlot=!1;hasHelperEndSlot=!1;inputSearchVal="";get el(){return t(this)}get invalid(){return this._invalid}_invalid=null;get validityMessage(){return this.nativeSelect?this.nativeSelect.validationMessage:""}autofocus=!1;disabled=!1;validateOn="submitThenDirty";showInlineError=!0;_label="";get label(){return this.required&&!this._label.endsWith("*")?this._label+" *":this._label}set label(e){this._label=e}hideLabel=!1;floatLabel=!1;multiple=!1;maxValuesVisible=3;_maxValuesVisible;watchMaxValuesVisible(){this.multiple&&(this._maxValuesVisible=!1===this.maxValuesVisible?NaN:Number(this.maxValuesVisible),Number.isNaN(this._maxValuesVisible)?this.currInsertIndex=this.value.length-1:this.currInsertIndex>this._maxValuesVisible&&(this.currInsertIndex=this._maxValuesVisible))}name=this.selectId+"-name";placeholder;readonly=!1;required=!1;size;max;min;form;allowCustomValues=!1;get value(){return this._value||(this.multiple?[]:"")}set value(e){e&&this._value&&JSON.stringify(e)===JSON.stringify(this._value)||("string"==typeof e?this._value=this.multiple?e.split(",").map((e=>e.trim())):e:Array.isArray(e)&&(this._value=this.multiple?e:e[0]))}_value;valueChanged(){this.customValidate(),this.onInit?this.multiple&&(this.currInsertIndex=this.value.length-1):requestAnimationFrame((()=>{this.shouldValidate(),this.nanoChange.emit({value:this.value})}))}get options(){return this._options.length?this._options:this.datalist&&this.datalist.activeOptions?this._elementOptions.map((e=>{const{value:n,selected:t,label:a,filterMeta:s}=e;return{value:n,selected:t,label:a,filterMeta:s}})):[]}set options(e){this._options=e.map((e=>"string"==typeof e?{value:e,label:e}:e))}_options=[];_elementOptions=[];clearable=!1;mask=!1;debounce=0;debounceChanged(){this.nanoSearchChange=_(this.nanoSearchChange,this.debounce)}shouldValidate(){this.onInit||(this.invalid&&(this.showErrorMsg=this._invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation())}dropDownConfig={};setDataListOpts(){this.datalist&&this.selectWrap&&(this.datalist.input=this.inputCtrl,this.datalist.dropDownConfig={distance:10,...this.datalist.dropDownConfig||{},...this.dropDownConfig,tetherTo:this.selectWrap})}valueTagTemplate;nanoChange;nanoBlur;nanoFocus;nanoDidLoad;nanoDidUnload;nanoSearchChange;nanoValidate;async reportValidity(e){return new Promise((n=>{e&&(this.customValidate(),this.showInlineValidation()),setTimeout((()=>{n({isValid:!this._invalid,errorMessage:this.nativeSelect.validationMessage})}),50)}))}async setFocus(){this.inputCtrl&&(this.inputCtrl.focus(),setTimeout((()=>this.inputCtrl.click()),50))}getSelectElement(){return Promise.resolve(this.nativeSelect)}async showError(e){this.nativeSelect&&(this.customError=e,this.nativeSelect.setCustomValidity(e),this.showInlineValidation())}get valArray(){return"string"==typeof this.value?this.value.length?[this.value]:[]:this.value}isValidValues(){return this.valArray.find((e=>this.options.find((n=>n.value===e))))}customValidate=()=>{if(this.nativeSelect&&!this.customError&&this.nativeSelect.setCustomValidity)return this.nativeSelect.setCustomValidity(""),this.required&&!this.valArray.length?(this.nativeSelect.setCustomValidity("Please fill in this field."),!0):!this.valArray.length||this.allowCustomValues||this.isValidValues()?this.max&&this.valArray.length>this.max?(this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`),!0):!!(this.min&&this.valArray.length<this.min)&&(this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`),!0):(this.nativeSelect.setCustomValidity("Please choose an item from this field."),!0)};showInlineValidation=e=>{"submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this._invalid=!1,this.showErrorMsg=!1,this.errorMessage="",this.nativeSelect.validity.valid||(this.errorMessage=this.nativeSelect.validationMessage,this._invalid=!0,this.showErrorMsg=!0),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:e})};handleInvalid=e=>{this._invalid=!0,"submit"===this.validateOn&&(this._invalid=this.showErrorMsg=this.customValidate()),this.showInlineError&&e.preventDefault(),requestAnimationFrame((()=>this.showInlineValidation(e)))};setValue=e=>{e.preventDefault(),this.multiple?this.value&&this.value.length&&this.value.includes(e.detail.value)||this.max&&this.value.length===this.max||((Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex++,this.value=[...this.value.slice(0,this.currInsertIndex),e.detail.value,...this.value.slice(this.currInsertIndex)],this.inputSearchVal=""):this.value=e.detail.value};removeValue=e=>{this.readonly||this.disabled||this.multiple&&this.value.length&&(e||(e=this.value[this.value.length-1]),this.value=this.value.filter((n=>n!==e)),(Number.isNaN(this._maxValuesVisible)||this.value.length<=this._maxValuesVisible)&&this.currInsertIndex--,this.setFocus())};slotChangeObserver(){(this.mo=new MutationObserver((()=>this.processSlottedContent()))).observe(this.el,{childList:!0,subtree:!0})}processSlottedContent(){this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length,this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]'),this.hasHelperEndSlot=!!this.el.querySelector('[slot="helper-end"]')}getOptionWithValue(e){let n;return[(this.datalist?.activeOptions?.length?this.datalist.activeOptions:this.options).find(((t,a)=>(n=a,!t.disabled&&t.value?.length&&t.value===e))),n]}getLabel(e){const n=this.getOptionWithValue(e)[0];return n&&n.label?n.label:e}onReset(e){(this.form?document.querySelector("#"+this.form):this.el.closest("form"))&&e.target===this.el.closest("form")&&this.clearSelectValue()}handleBlur(){this.hasFocus&&requestAnimationFrame((()=>{const e=p();g(this.el.tagName.toLowerCase(),e)!==this.el&&this.onBlur()}))}setOptions=()=>{this.datalist&&this.datalist.activeOptions&&this.datalist.activeOptions.length&&(this._elementOptions=this.datalist.activeOptions.map((e=>{const{value:n,selected:t,label:a,filterMeta:s}=e;return{value:n,selected:t,label:a,filterMeta:s}})),this.customValidate())};handleDocumentKeyDown=e=>{if(this.multiple&&this.hasFocus&&!this.inputSearchVal){let n;switch(e.key){case"Backspace":if(!this.inputCtrl.previousElementSibling)break;n=this.inputCtrl.previousElementSibling,this.removeValue(n.dataset.value||null);break;case"Delete":if(!this.inputCtrl.nextElementSibling)break;n=this.inputCtrl.nextElementSibling,this.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!this.value.length)break;"ArrowLeft"===e.key&&this.inputCtrl.previousSibling&&this.currInsertIndex--,"ArrowRight"===e.key&&this.inputCtrl.nextSibling&&this.currInsertIndex++,setTimeout((()=>{this.inputCtrl.focus()}),20),e.preventDefault()}}};onBlur=()=>{if(this.hasFocus=!1,requestAnimationFrame((()=>{"dirty"!==this.validateOn||this.hasFocus||this.showInlineValidation()})),this.nanoBlur.emit(),!this.allowCustomValues&&this.multiple){this.inputSearchVal="";const e=new window.Event("change");this.inputCtrl.dispatchEvent(e)}};onFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()};clearSelectValue=e=>{this.clearable&&!this.readonly&&!this.disabled&&e&&(e.preventDefault(),e.stopPropagation()),this.multiple?(this.value=[],this.currInsertIndex=-1):this.value="",this.inputCtrl.value="";const n=new window.Event("change");this.inputCtrl.dispatchEvent(n)};onClick=()=>{this.setFocus()};onDragStart=e=>{this.dragVal=e.target.dataset.value};onDragEnd=e=>{this.dragVal=null,e.preventDefault()};onDragLeave=e=>{const n=e.target,t=n.dataset?.value||null;if(!t||this.dragVal===t||!this.value.includes(this.dragVal))return void e.preventDefault();const a=this.value.indexOf(t),s=this.value.indexOf(this.dragVal),i=[...this.value],o=i[a];i[a]=i[s],i[s]=o,this.value=[...i]};onMultiInput=e=>{this.inputSearchVal=e.target.value.trim(),this.nanoSearchChange.emit({value:e.target.value.trim()})};connectedCallback(){this.debounceChanged(),this.watchMaxValuesVisible(),this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el})),this.mo&&this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver(),this.customValidate(),this.setDataListOpts(),requestAnimationFrame((()=>this.onInit=!1))}componentWillLoad(){this.processSlottedContent()}render(){const e=this.selectId+"-lbl",n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"",t=this.hasHelperEndSlot?this.selectId+"-helper":"";this.rtl="rtl"===this.el.ownerDocument.dir,this.valueItems=[];const i={...(({el:e,floatLabel:n,label:t,errorMessage:a,showInlineError:s,hasHelperSlot:i,hasHelperEndSlot:o,hasLabelSlot:l,hideLabel:r,placeholder:c,rtl:d})=>({el:e,floatLabel:n,label:t,errorMessage:a,showInlineError:s,hasHelperSlot:i,hasHelperEndSlot:o,hasLabelSlot:l,hideLabel:r,placeholder:c,rtl:d}))(this),labelId:e,moreId:n,helperEndId:t,hasValue:!!this.value.length||!!this.inputSearchVal.length,controlId:this.selectId,alwaysShowPlaceholder:!1},o=(({readonly:e,disabled:n})=>({readonly:e,disabled:n,clearControl:this.clearable}))(this);return s(a,{key:"a2c56f43fef750f8e336a1612644761293b19bd4",type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":!0===this._invalid,"is-valid":!1===this._invalid,"nano-select":!0}},s(v,{key:"632d901cdff60d36ae1a410f6c252c671eac8e63",...i,class:{"has-error":!!this.errorMessage&&this.showInlineError&&!0===this._invalid,"has-helper":this.hasHelperSlot,"is-open":this.hasOpened,masked:this.mask}},s(y,{key:"387a55518ed1c74ea944008c750a0ca42a6bbbe8",...o,ref:e=>this.selectWrap=e,onClearText:this.clearSelectValue,control:this.el,endValueSlot:s("slot",{name:"down-arrow"},s("nano-icon",{class:"select__down-arrow",name:"light/chevron-down"})),showInlineError:this.showInlineError},this.multiple&&s("div",{key:"660b70b098520471d4f7653af5cc50388625cd1c",class:"select__multi-wrap select"},this.multipleValues(e,n,t)),!this.multiple&&[this.mask&&s("div",{key:"44f53317d26f2f8b85b5c8b397ccfd68a26eebb5",class:"select__mask"},this.getLabel(this.value)),s("input",{key:"04f3935c7f759e3767f32faecb9e6ef81a36c777",ref:e=>this.inputCtrl=e,id:this.selectId,class:"select__native-input","aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,placeholder:this.placeholder,readonly:!0,required:this.required,value:this.getLabel(this.value),onFocus:this.onFocus})])),!this.readonly&&!this.disabled&&s("nano-datalist",{key:"aae86b85c3bd2c2c562468f2a33e52c7036ad69b",ref:e=>this.datalist=e,selected:this.valArray,type:this.multiple?"selectMulti":"select",options:this._options.length?this._options:void 0,onNanoDeselect:e=>{e.preventDefault(),this.removeValue(e.detail.value)},onNanoOptionsUpdated:this.setOptions,onNanoSelect:this.setValue,onNanoShow:()=>this.hasOpened=!0,onNanoHide:()=>this.hasOpened=!1},this.allowCustomValues&&this.multiple&&!!this.inputSearchVal&&s("nano-option",{key:"cf744eb6bbad3ce2d8d05354d5edaf3eab07a207",slot:"list-top",value:this.inputSearchVal,selected:!1,label:this.inputSearchVal,onNanoSelect:()=>this.inputCtrl.focus()},s("span",{key:"990e00208c403d92d1586fb0b2c4618768f5fda5",slot:"check-icon"}),"Add '",this.inputSearchVal,"'"),s("slot",{key:"54fce41f95c01e0b2ff1619209ebb15a28383677"})),s("select",{key:"1c5ff40ac84be25c6b7075ef031b29f2b6f9b007",id:this.selectId+"-hidden",class:"select__native-ctrl",ref:e=>this.nativeSelect=e,"aria-labelledby":e+" "+n+" "+t,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.allowCustomValues&&this.valArray.map((e=>s("option",{value:e,selected:!0},e))),!this.allowCustomValues&&this.options.map((e=>s("option",{value:e.value,selected:this.valArray.includes(e.value),disabled:e.disabled,label:e.label},this.valArray.includes(e.value))))))}multipleValues(e,n,t){const a=s("input",{class:"select__multi-input",id:this.selectId,ref:e=>this.inputCtrl=e,readonly:this.readonly,disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onKeyDown:this.handleDocumentKeyDown,onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder&&!this.value.length?this.placeholder:"","aria-labelledby":e+" "+n+" "+t});if(!this.value.length)return a;const i=[];return this.value.forEach(((e,n)=>{if(!Number.isNaN(this._maxValuesVisible)&&n>this._maxValuesVisible)return;let t;t=n===this._maxValuesVisible?s("nano-tag",{"data-value":e,key:e},"+",this.value.length-this._maxValuesVisible):s("nano-tag",{key:e,ref:e=>this.valueItems.push(e),onDragStart:this.onDragStart,onDragLeave:this.onDragLeave,onDragEnd:this.onDragEnd,onDragOver:e=>e.preventDefault(),onNanoClose:()=>this.removeValue(e),draggable:!0,tabIndex:-1,"data-value":e,closable:!0},this.valueTagTemplate?s("span",{innerHTML:this.valueTagTemplate?this.valueTagTemplate(...this.getOptionWithValue(e)):void 0}):s("span",null,this.getLabel(e))),0===n&&this.currInsertIndex<0?i.push(a,t):n===this.currInsertIndex?i.push(t,a):i.push(t)})),i}static get watchers(){return{maxValuesVisible:["watchMaxValuesVisible"],value:["valueChanged"],debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],readonly:["shouldValidate"],dropDownConfig:["setDataListOpts"]}}};V.style='.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }.sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n box-sizing: border-box;\n}\n[hidden].sc-nano-select {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n .sc-nano-select-h, *.sc-nano-select, *.sc-nano-select::before, *.sc-nano-select::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }slot-fb.sc-nano-select {\n display: contents !important;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) {\n opacity: 0.5;\n position: relative;\n}\n[disabled].sc-nano-select-h:not([disabled=false])::after {\n content: "";\n position: absolute;\n inset: 0;\n cursor: not-allowed;\n}\n\n.form-ctrl.sc-nano-select {\n min-inline-size: 100%;\n display: block;\n}\n.form-ctrl.has-helper-end.sc-nano-select {\n display: flex;\n gap: 1rem;\n container-type: inline-size;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__wrapper.sc-nano-select {\n flex: 1 1 100%;\n}\n.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__helper-end.sc-nano-select {\n display: none;\n}\n@container (min-width: 350px) {\n .form-ctrl.has-helper-end .form-ctrl__helper-end {\n display: block !important;\n }\n .form-ctrl.has-helper-end .form-ctrl__helper {\n display: none !important;\n }\n}\n\n.form-ctrl__wrapper.sc-nano-select {\n display: block;\n}\n\nlabel.sc-nano-select, .form-ctrl__more.sc-nano-select, .form-ctrl__error.sc-nano-select, .form-ctrl__helper.sc-nano-select {\n display: block;\n}\nlabel.visually-hide.sc-nano-select, .form-ctrl__more.visually-hide.sc-nano-select, .form-ctrl__error.visually-hide.sc-nano-select, .form-ctrl__helper.visually-hide.sc-nano-select {\n clip-path: inset(50%);\n block-size: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n inline-size: 1px;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n padding-block: 0;\n padding-inline: var(--padding-start) 0;\n color: var(--label-color);\n position: absolute;\n font-size: 1em;\n transform: translateY(-50%);\n inset-block-start: 50%;\n transition: all 0.125s ease-in;\n opacity: 1;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select {\n transform: none;\n font-size: 0.75em;\n opacity: 0.7;\n inset-block-start: var(--padding-top);\n}\n.form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n opacity: 0;\n transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select, .has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__label.sc-nano-select {\n color: var(--label-color);\n font-size: var(--label-font-size);\n padding-block-end: var(--padding-bottom);\n line-height: 1;\n display: flex;\n align-items: center;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-wrap.sc-nano-select {\n flex: 1;\n overflow-x: clip;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n margin-block: unset;\n margin-inline: 0 5px;\n opacity: 0;\n appearance: none;\n transition: 0.3s ease opacity;\n font-size: 0.85em;\n}\n.form-ctrl__label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select {\n margin-block: unset;\n margin-inline: auto 0;\n font-size: var(--nano-font-size-2xs);\n opacity: 0.5;\n}\n.has-value.sc-nano-select-h .form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select {\n opacity: 0.5;\n}\n\n.has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n opacity: 0;\n transition: opacity 0.125s ease-in;\n}\n.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select, .has-focus.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select, .has-value.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__more.sc-nano-select {\n position: relative;\n margin-block: var(--padding-bottom) 0;\n margin-inline: 0;\n opacity: 0;\n display: none;\n transition: all var(--nano-transition-fast) ease;\n transition-behavior: allow-discrete;\n}\n.form-ctrl__more.sc-nano-select > *.sc-nano-select {\n grid-column: 1;\n grid-row: 1;\n}\n.has-helper.sc-nano-select .form-ctrl__more.sc-nano-select, .has-error.sc-nano-select .form-ctrl__more.sc-nano-select {\n display: grid;\n opacity: 1;\n}\n\n.form-ctrl__helper.sc-nano-select, .form-ctrl__error.sc-nano-select {\n font-size: var(--more-font-size);\n line-height: 1.2;\n transition: 0.3s ease-out opacity;\n}\n\n.form-ctrl__helper.sc-nano-select {\n font-style: italic;\n color: var(--help-msg-color);\n}\n[show-inline-error].sc-nano-select-h:not([show-inline-error=false]).is-invalid .form-ctrl__helper.sc-nano-select {\n opacity: 0;\n}\n\n.form-ctrl__helper-end.sc-nano-select {\n flex: 1 1 30%;\n min-inline-size: 150px;\n font-size: var(--invalid-msg-font-size);\n color: var(--help-msg-color);\n font-style: italic;\n}\n\n.form-ctrl__error.sc-nano-select {\n opacity: 0;\n color: var(--invalid-msg-color);\n font-style: italic;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__error.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__input.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n border-radius: var(--input-border-radius);\n inline-size: 100%;\n padding: 0 !important;\n position: relative;\n flex: 1 0 auto;\n display: flex;\n background: var(--input-bg-color);\n border: var(--input-border-style) var(--input-border-width);\n font-size: var(--input-font-size);\n padding-inline-start: calc(var(--input-invalid-border-hint-width) - var(--input-border-width)) !important;\n}\n.form-ctrl__input.sc-nano-select:focus-visible, .form-ctrl__input.sc-nano-select:focus-within, .has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select {\n outline: var(--nano-focus-ring-color) solid 3px;\n outline-offset: -2px;\n}\n.is-invalid.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n padding-inline-start: 0 !important;\n}\n.is-invalid.has-focus.sc-nano-select-h:not([disabled]) .form-ctrl__input.sc-nano-select {\n border-color: var(--color-invalid);\n border-inline-start: solid var(--color-invalid) var(--input-invalid-border-hint-width);\n padding-inline-start: 0 !important;\n}\n\n.form-ctrl__input-wrap.sc-nano-select {\n display: flex;\n flex: 1;\n max-inline-size: 100%;\n align-items: center;\n}\n[type=textarea].sc-nano-select-h .form-ctrl__input-wrap.sc-nano-select {\n align-items: start;\n}\n\n.form-ctrl__clear-btn.sc-nano-select, .form-ctrl__slot-end.sc-nano-select, .form-ctrl__slot-start.sc-nano-select, .form-ctrl__slot-value-end.sc-nano-select {\n margin-block: 0;\n margin-inline: 0;\n font-size: 1em;\n border: 0;\n outline: none;\n background-color: transparent;\n background-repeat: no-repeat;\n display: flex;\n align-items: center;\n inline-size: auto;\n padding-inline-end: var(--padding-end);\n padding-block: var(--padding-top) var(--padding-bottom);\n}\n.form-ctrl__clear-btn.sc-nano-select:empty, .form-ctrl__slot-end.sc-nano-select:empty, .form-ctrl__slot-start.sc-nano-select:empty, .form-ctrl__slot-value-end.sc-nano-select:empty {\n display: none;\n}\n\n.form-ctrl__slot-end.sc-nano-select {\n padding-block: calc(var(--padding-top) / 2) calc(var(--padding-bottom) / 2);\n}\n\n.form-ctrl__slot-start.sc-nano-select {\n padding-inline-end: 0;\n}\n.has-float-label.sc-nano-select .form-ctrl__slot-start.sc-nano-select {\n display: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n padding-inline: unset;\n align-items: center;\n display: flex;\n block-size: 100%;\n z-index: 1;\n}\n.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end.sc-nano-select-s > *, .form-ctrl__slot-end .sc-nano-select-s > *, .sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select-s > :not(slot-fb), .form-ctrl__slot-value-end .sc-nano-select-s > :not(slot-fb) {\n pointer-events: none;\n}\n\n.form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start.sc-nano-select-s > *, .form-ctrl__slot-start .sc-nano-select-s > * {\n margin-inline: var(--padding-start) 0;\n}\n\n.form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select-s > *, .form-ctrl__slot-value-end .sc-nano-select-s > *, .form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select {\n pointer-events: none;\n}\n\n.form-ctrl__clear-btn.sc-nano-select {\n color: var(--clear-btn-color);\n padding: 0;\n opacity: 0;\n inline-size: 0;\n appearance: none;\n align-items: center;\n overflow: hidden;\n padding-block: var(--padding-top) var(--padding-bottom);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n color: var(--clear-btn-color--invalid);\n}\n.has-value.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select {\n padding-inline: 0 var(--padding-end);\n opacity: 1;\n inline-size: auto;\n}\n.form-ctrl__clear-btn.sc-nano-select:hover {\n color: var(--clear-btn-color--hover);\n}\n\n.form-ctrl__validation-icon.sc-nano-select {\n padding-block: var(--padding-top) var(--padding-bottom);\n padding-inline-end: var(--padding-end);\n display: grid;\n grid-template-areas: "overlay";\n}\n.sc-nano-select-h:not(.is-invalid .form-ctrl__validation-icon.sc-nano-select, .is-valid).sc-nano-select-h .form-ctrl__validation-icon.sc-nano-select {\n display: none;\n}\n\n.form-ctrl__error-icon.sc-nano-select, .form-ctrl__success-icon.sc-nano-select {\n color: var(--color-valid);\n opacity: 0;\n transition: 0.3s ease-out opacity;\n grid-area: overlay;\n}\n\n.is-valid.sc-nano-select-h .form-ctrl__success-icon.sc-nano-select {\n opacity: 1;\n}\n\n.form-ctrl__error-icon.sc-nano-select {\n color: var(--color-invalid);\n}\n.is-invalid.sc-nano-select-h .form-ctrl__error-icon.sc-nano-select {\n opacity: 1;\n}\n\n.sc-nano-select-h {\n \n --placeholder-color: var(--nano-color-text-placeholder);\n --padding-top: var(--nano-spacing-sm);\n --padding-end: var(--nano-spacing-sm);\n --padding-bottom: var(--nano-spacing-sm);\n --padding-start: var(--nano-spacing-sm);\n --color-invalid: var(--nano-color-text-danger);\n --color-valid: var(--nano-color-fill-success);\n --input-font-size: var(--nano-font-size-sm);\n --input-text-color: var(--nano-color-text-default);\n --input-border-width: 1px;\n --input-border-color: var(--nano-color-border-default);\n --input-border-radius: 0px;\n --input-invalid-border-hint-width: 2px;\n --input-border-style: solid var(--input-border-color);\n --input-border-style--focus: solid var(--input-border-width) var(--nano-color-border-active);\n --input-bg-color: var(--nano-color-background-default);\n --invalid-msg-color: var(--color-invalid);\n --help-msg-color: var(--nano-color-text-default);\n --more-font-size: var(--nano-font-size-2xs);\n --clear-btn-color: rgb(var(--nano-color-base-rgb-1000) / 60%);\n --clear-btn-color--hover: rgb(var(--nano-color-base-rgb-1000) / 100%);\n --clear-btn-color--invalid: rgb(var(--color-invalid) / 100%);\n --label-color: var(--nano-color-text-default);\n --label-font-size: var(--nano-font-size-xs);\n \n position: relative;\n inline-size: 100%;\n padding: 0 !important;\n display: block;\n}\n\n[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select {\n pointer-events: none !important;\n}\n\nselect.sc-nano-select {\n display: none;\n}\n\n.select__native-input.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n padding: unset;\n padding-inline: var(--padding-start) var(--padding-end);\n padding-block: 0;\n border-radius: var(--input-border-radius);\n text-overflow: ellipsis;\n color: var(--input-text-color);\n display: inline-block;\n flex: 1;\n inline-size: 100%;\n max-inline-size: 100%;\n max-block-size: 100%;\n border: 0;\n outline: none;\n background: transparent;\n appearance: none;\n margin: 0;\n box-sizing: border-box;\n resize: none;\n overflow: hidden;\n cursor: default;\n line-height: 2.5em;\n \n \n}\n.has-float-label.sc-nano-select .select__native-input.sc-nano-select {\n line-height: 2.1em;\n min-block-size: 2.1em;\n padding-block-start: 1.4em;\n}\n.select__native-input.sc-nano-select::selection {\n background: transparent;\n color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::-moz-selection {\n background: transparent;\n color: var(--input-text-color);\n}\n.select__native-input.sc-nano-select::placeholder {\n color: var(--placeholder-color);\n font-family: inherit;\n font-style: initial;\n font-weight: initial;\n line-height: inherit;\n min-block-size: initial;\n}\n.select__native-input.sc-nano-select::-moz-placeholder {\n line-height: 2.8em;\n text-overflow: ellipsis;\n}\n.select__native-input.sc-nano-select:-webkit-autofill {\n background-color: transparent;\n}\n.select__native-input.sc-nano-select::-webkit-search-decoration, .select__native-input.sc-nano-select::-webkit-search-cancel-button, .select__native-input.sc-nano-select::-webkit-search-results-button, .select__native-input.sc-nano-select::-webkit-search-results-decoration {\n appearance: none;\n}\n.select__native-input.sc-nano-select:invalid {\n box-shadow: none;\n}\n.select__native-input.sc-nano-select::-ms-clear, .select__native-input.sc-nano-select::-ms-reveal {\n display: none;\n}\n.select__native-input.resizable.sc-nano-select {\n resize: vertical;\n overflow: auto;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select {\n line-height: 1.5em;\n padding-block: var(--padding-top) var(--padding-bottom);\n white-space: pre-wrap;\n}\n.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::placeholder {\n line-height: 1.5em;\n}\n.has-float-label.textarea.sc-nano-select .select__native-input.sc-nano-select {\n padding-block-start: 1.8em;\n}\n.masked.sc-nano-select .select__native-input.sc-nano-select {\n opacity: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n}\n\n.select__mask.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n padding-inline: var(--padding-start) var(--padding-end);\n padding-block: 0;\n border-radius: var(--input-border-radius);\n pointer-events: none;\n line-height: 2.5em;\n min-block-size: 2.5em;\n}\n\n.select__down-arrow.sc-nano-select {\n color: var(--nano-color-icon-primary);\n transition: rotate var(--nano-transition-x-fast) linear;\n}\n.is-open.sc-nano-select .select__down-arrow.sc-nano-select {\n rotate: 180deg;\n}\n\n.select__multi-wrap.sc-nano-select {\n padding-block: 0 var(--padding-bottom);\n padding-inline: 0;\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n overflow: hidden;\n align-items: flex-start;\n}\n.has-float-label.sc-nano-select .select__multi-wrap.sc-nano-select {\n padding-block-start: 1em;\n}\n\n.select__multi-input.sc-nano-select {\n font-family: inherit;\n font-size: inherit;\n font-stretch: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n padding-inline: var(--padding-start) var(--padding-end);\n padding-block: var(--padding-bottom) 0;\n min-inline-size: 50px;\n inline-size: 100%;\n max-block-size: 100%;\n appearance: none;\n border: 0;\n outline: none;\n display: inline-block;\n background: transparent;\n flex: 0;\n position: relative;\n box-sizing: border-box;\n line-height: calc(2.5em - var(--padding-bottom));\n block-size: calc(2.5em - var(--padding-bottom));\n}\n.select__multi-input.sc-nano-select:not(:has(~ nano-tag)) {\n flex: 1;\n}\n\nnano-tag.sc-nano-select {\n --color-non-interactive: var(--nano-color-fill-primary);\n margin-block: var(--padding-bottom) 0;\n margin-inline: var(--padding-start) 0;\n line-height: 1.4;\n}\n\n.form-ctrl__float-label.sc-nano-select {\n inline-size: calc(100% - (1em + var(--padding-start) * 2));\n}\n\n.has-focus.sc-nano-select-h select.sc-nano-select, .has-focus.sc-nano-select-h a.sc-nano-select, .has-focus.sc-nano-select-h button.sc-nano-select {\n pointer-events: auto;\n}';export{x as nano_avatar,w as nano_badge,k as nano_drawer,T as nano_global_search_results,V as nano_select}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{r as n,a as r,h as o}from"./index-RXFO3HxS.js";import{a as t}from"./style-
|
|
4
|
+
import{r as n,a as r,h as o}from"./index-RXFO3HxS.js";import{a as t}from"./style-DZBZHpf8.js";const e=class{constructor(r){n(this,r)}get el(){return r(this)}breadcrumbs=[];isOpen=!1;isOverflowing=!1;mainRef;componentDidLoad(){this.checkOverflow(),t(this.el?.shadowRoot)}componentDidUpdate(){this.checkOverflow()}connectedCallback(){window.addEventListener("resize",this.checkOverflow)}disconnectedCallback(){window.removeEventListener("resize",this.checkOverflow)}checkOverflow=()=>{if(!this.mainRef)return;const n=this.mainRef.scrollWidth>.9*this.el.clientWidth;this.isOverflowing!==n&&(this.isOverflowing=n,this.isOverflowing&&(this.isOpen=!1))};render(){const n=this.breadcrumbs?.find((n=>n.return));if(n)return o("nav",{"aria-label":"Breadcrumb",class:"breadcrumbs"},o(a,{breadcrumbs:[n],className:"return-only"}));const r=this.breadcrumbs?.length?this.breadcrumbs.at(-1):null;return o("div",{class:"breadcrumbs"},o("nav",{"aria-label":"Breadcrumb"},o(a,{breadcrumbs:this.breadcrumbs,className:"main"+(this.isOverflowing?" breadcrumbs-hidden":""),mainRef:n=>this.mainRef=n})),this.isOverflowing&&o("nano-dropdown",{dialogTitle:`${r?.label} Breadcrumb`,onNanoShow:()=>this.isOpen=!0,onNanoHide:()=>this.isOpen=!1,containingElement:this.el,class:"breadcrumbs__dropdown"},o("button",{class:"trigger-button",slot:"trigger"},o("span",null,this.breadcrumbs&&this.breadcrumbs.length>1&&o("span",{class:"trigger-button_label"},".."),o("span",{class:"trigger-button_label"},r?.label)),o("nano-icon",{class:{"trigger-icon":!0,"trigger-icon--open":this.isOpen},name:"light/chevron-down"})),o("nav",null,o("nano-menu",{class:"breadcrumbs small",label:"Breadcrumbs"},this.breadcrumbs?.slice(0,-1)?.map(((n,r)=>o("nano-nav-item",{key:r,href:n.href,class:{return:n.return,link:!!n.href},disabled:!n.href},n.label)))))))}},a=({breadcrumbs:n,className:r,mainRef:t})=>o("ol",{class:`breadcrumbs ${r}`,ref:t},n?.map(((n,r)=>o("li",null,o("a",{key:r,href:n.href,class:{return:n.return,link:!!n.href}},n.return&&o("nano-icon",{name:"light/chevron-left",size:"small",class:"breadcrumb-icon"}),n.label)))));e.style=':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{--text-color:var(--nano-color-text-link);--text-color-hover:var(--nano-color-text-hover);--text-color-secondary:var(--nano-color-text-default);--text-color-disabled:var(--nano-color-text-disabled);--border-color:var(--nano-color-border-default);--trigger-bg-color:var(--nano-color-background-default);display:block}.breadcrumbs{inline-size:fit-content}nano-menu.breadcrumbs{inline-size:100%}.breadcrumbs-hidden{position:absolute;visibility:hidden;pointer-events:none;block-size:0;overflow:hidden}ol{list-style:none;padding:var(--nano-spacing-l3) 0;margin:0;display:flex;flex-direction:row}li{display:flex;align-items:center;justify-content:flex-start;font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-wrap:nowrap;margin-block-end:0}li:not(.return-only li)::after,nano-nav-item::after{content:"/";margin:0 var(--nano-spacing-xs);color:var(--border-color)}a.link{color:var(--text-color)}a:not(.link){color:var(--text-color-secondary)}a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset);z-index:1}a.link:hover{color:var(--text-color-hover)}a.return.link{display:flex;align-items:center;gap:calc(var(--nano-spacing-sm) / 2)}.breadcrumbs__dropdown{inline-size:100%}.breadcrumbs__dropdown[open]::part(trigger){box-shadow:var(--nano-shadow-l1)}.trigger-button{inline-size:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--nano-spacing-l3) var(--nano-spacing-l2);color:var(--text-color);background-color:var(--trigger-bg-color);cursor:pointer;text-align:start;border:none;font-size:var(--nano-font-size-xs)}.trigger-button .trigger-button_label{text-decoration:underline}.trigger-button .trigger-button_label::after{content:"/";margin:0 var(--nano-spacing-xs);color:var(--border-color)}.trigger-button:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.trigger-icon{transform:rotate(0deg);transition:var(--nano-transition-x-fast) ease transform}.trigger-icon--open{transform:rotate(180deg)}nano-nav-item::after{display:none !important}.trigger-button_label::after{display:inline-block !important}.return-only{padding:var(--nano-spacing-l3) var(--nano-spacing-l2) !important}';export{e as nano_breadcrumb}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{r as n,c as o,a,d as e}from"./index-RXFO3HxS.js";import{h as t}from"./renderer-B_wACs4w.js";import{a as i}from"./style-
|
|
4
|
+
import{r as n,c as o,a,d as e}from"./index-RXFO3HxS.js";import{h as t}from"./renderer-B_wACs4w.js";import{a as i}from"./style-DZBZHpf8.js";const r=class{constructor(a){n(this,a),this.nanoToggle=o(this,"nanoToggle",7)}get details(){return this.el.querySelectorAll("nano-details")}get el(){return a(this)}open=!1;showLabel="Show details";hideLabel="Hide details";nanoToggle;handleOpenChange(){this.details?.forEach((n=>{n.open=!!this.open})),this.nanoToggle.emit(this.open)}handleClick=()=>{this.open=!this.open};getToggleLabel=()=>this.open?this.hideLabel:this.showLabel;componentWillLoad(){i(this.el.shadowRoot)}componentDidLoad(){this.open&&this.details?.forEach((n=>{n.open=!0}))}render(){return t(e,{key:"5cced0d90a9447ca3b8ee481478aacbeeb4d4484",class:"nano-collapsible-comparison"},t("div",{key:"ae25da89fa04b0a5c89210ba8292cf1db8190a30",class:"collapsible-comparison"},t("div",{key:"7cfd1c96cc5c1553d50193a8bec9abd260e08dfc",part:"header"},t("div",{key:"ccc5102295b9ca9404d3c358f4d9a885d45b5885",class:"header"},t("slot",{key:"7d5b2f2d074b3d6b99f126b4bec77afa1d285ea8",name:"heading"}),t("nano-cta",{key:"a10b35f5779d035d1331cdbd55c42d3007d7ce2c",size:"large",icon:this.open?"up":"down",secondary:!0},t("button",{key:"59fde8b32c34ec3df61f96c767ce44e18482a2d5",onClick:this.handleClick},this.getToggleLabel())),t("nano-icon-button",{key:"7f9174c6d81455fc4d3fcae99b684e26de44d7ec",label:this.getToggleLabel(),onClick:this.handleClick,iconName:"light/chevron-down",class:this.open?"open":""})),t("div",{key:"1f92af4c863a0a643e47e225781bb67e32efea3e",class:"headings"},t("slot",{key:"5744549ec533f0d1019138325310cdd6a6dd1d55",name:"comparison-headings"}))),t("div",{key:"fb9b8acb4315686fcabd5771989c2f2bed298895",class:"content"},t("slot",{key:"77821b17b1e3384126a1d7f7714f8779924b4b2d",name:"content"}))))}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n /**\n * @prop --color-bg - Background color of the component. Defaults to var(--nano-color-background-default).\n * @prop --color-border - Border color of the component. Defaults to var(--nano-color-surface-sunken).\n * @prop --outer-spacing - Horizontal padding of the component. Defaults to var(--nano-spacing-l1-default).\n */\n}\n:host .collapsible-comparison {\n background-color: var(--color-bg);\n color: var(--nano-color-text-default);\n padding: var(--outer-spacing) 0;\n container-type: inline-size;\n}\n:host .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-end: var(--nano-spacing-xl);\n}\n:host .headings {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--nano-spacing-xl);\n}\n:host nano-icon-button {\n display: none;\n}\n@container (max-width: 400px) {\n :host nano-cta {\n display: none;\n }\n :host nano-icon-button {\n --color: var(--nano-color-icon-primary);\n display: block;\n margin-inline-start: auto;\n font-size: var(--nano-font-size-xl);\n transition: 0.3s ease transform;\n }\n :host nano-icon-button.open {\n transform: rotate(180deg);\n }\n}";export{r as nano_collapsible_comparison}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{r as n,a as e,h as a,l as o}from"./index-RXFO3HxS.js";import{a as t}from"./style-
|
|
4
|
+
import{r as n,a as e,h as a,l as o}from"./index-RXFO3HxS.js";import{a as t}from"./style-DZBZHpf8.js";const d=class{constructor(e){n(this,e)}get host(){return e(this)}componentWillLoad(){t(this.host.shadowRoot)}render(){return a("footer",{key:"c2a8504a9eb51ed5b5ddd3da0adf06ae4c619155",class:"footer"},a("div",{key:"d2aa1e0ca9d7a546f0a8ac53e3f2aee31b69c144",class:"upper"},a("div",{key:"eff89342b051447e6518a89d4b8c4072ccacd9cc",class:"top"},a("div",{key:"a3081f69348ca489e82fab5692caf3e530341394",class:"top-start"},a("slot",{key:"2b9197d57ca7914d86a640dae4297b3b73c58d04",name:"top-start_heading"}),a("slot",{key:"0d48a29421927c55f73ae9e69c4ab9ac4c2f2c6a",name:"top-start_content"})),a("div",{key:"42845d69fc0b65501f3d391c7d6a8f78815d892b",class:"top-center"},a("slot",{key:"47046cd14d811f78b3e750bd35df7d2cececbe2c",name:"top-center_heading"}),a("slot",{key:"4ed1e887e7a7fa7d4be901cc26579691b1fd4aa0",name:"top-center_content"})),a("div",{key:"dcb140d7f5fda4530e90be3a9f9f8fcac914c508",class:"top-end"},a("slot",{key:"48f6027d5155383f1928408a47dd250250f2a841",name:"top-end_heading"}),a("slot",{key:"83f5a9ad3568dd75bf84ad6532b2094244ed0d96",name:"top-end_content"})))),a("div",{key:"3fc2df5976c5802f17338b601cc8162397385210",class:"lower nano-theme-dark"},a("div",{key:"97018136a4e7f65ffbbb706919e0f04cd693ee6e",class:"middle"},a("div",{key:"8d1090ea74fede921c3c657cf6b3d59d4d4099ea",class:"middle-start"},a("img",{key:"d227c88e189f725042500884743ab8d5a3bdb47a",src:o("../nano-assets/ont-logo-light.svg"),alt:"Oxford Nanopore Technologies logo. Featuring a stylised representation of a nanopore,\n (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",height:"46",part:"logo"})),a("slot",{key:"3c2dfa7cb2e6a00715dfa51febb836f981fbf3f6",name:"middle-centre"},a("div",{key:"0bcf3ad9ff6d9cff398e5a69f69dc3eec7cef425",class:"middle-centre"},a("a",{key:"2046a3d31732c36c024b02f40b333c6e3e940ad9",href:"https://x.com/nanopore",target:"_blank"},a("nano-icon",{key:"3d2f8b00bcb23cf63cc0433244ab8e787ae58de1",name:"brands/x-twitter",size:"large",ariaLabel:"X (formerly Twitter)"})),a("a",{key:"449625ca6b7866ac54d410871ef8dd48c0b921a4",href:"https://bsky.app/profile/nanoporetech.com",target:"_blank"},a("nano-icon",{key:"2bfa9fdae2df01571cf735b6a8621bf4591954ec",name:"brands/bluesky",size:"large",ariaLabel:"Bluesky"})),a("a",{key:"92d9aa410759d7137bf76878820565e31783306f",href:"https://www.youtube.com/channel/UC5yMlYjHSgFfZ37LYq-dzig",target:"_blank"},a("nano-icon",{key:"294302355c16e5cd10d0958eeb6e5f82d486ec9a",name:"brands/youtube",size:"large",ariaLabel:"YouTube"})),a("a",{key:"a2e1f1a50e25e79e1a6f856941494fee1a5d9348",href:"https://www.facebook.com/Oxford-Nanopore-Technologies-251034380246/",target:"_blank"},a("nano-icon",{key:"5f755d6191da952039e4dd212790d73e44869689",name:"brands/facebook",size:"large",ariaLabel:"Facebook"})),a("a",{key:"ac1b66b957ac42cd31111d1ce1a19c603442f71b",href:"https://www.linkedin.com/company/oxford-nanopore-technologies",target:"_blank"},a("nano-icon",{key:"6c31573dd300a2f1f973b17e62ae5013cef0faa7",name:"brands/linkedin",size:"large",ariaLabel:"LinkedIn"})),a("a",{key:"5c1738d75d98eab928d6e3331991f0f13a0a0a01",href:"https://www.instagram.com/oxfordnanopore",target:"_blank"},a("nano-icon",{key:"bbfd2562b24bab2dd6b5ac0abda7d328be8b77f2",name:"brands/instagram",size:"large",ariaLabel:"Instagram"})))),a("div",{key:"7fa7ce2a77355ef0e479db3d328c6c549ad0b0e0",class:"middle-end"},a("slot",{key:"25fb3c61e7c29211f94fa6ad18023273fda6bbee",name:"middle-end"}))),a("div",{key:"f6be28833e0a022e8918be48869d1655b19de781",class:"bottom"},a("div",{key:"bf6d46ecf55c77e1e9c5de89438b73c747e7c228",class:"bottom-start"},a("slot",{key:"361dbfd8db399e50b300aab1bb4af8049b74f033",name:"bottom-start"},a("p",{key:"14ef6c21d9da97caf9d0181740fbf0e270beb9d3"},"© 2008 - 2025 Oxford Nanopore Technologies plc. All rights reserved. Registered Office: Gosling Building, Edmund Halley Road, Oxford Science Park, OX4 4DQ, UK | Registered No. 05386273 | VAT No 336942382. Oxford Nanopore Technologies, the Wheel icon, EPI2ME, Flongle, GridION, Metrichor, MinION, MinIT, MinKNOW, Plongle, PromethION, SmidgION, Ubik and VolTRAX are registered trademarks of Oxford Nanopore Technologies plc in various countries. Oxford Nanopore Technologies products are not intended for use for health assessment or to diagnose, treat, mitigate, cure, or prevent any disease or condition."))),a("div",{key:"fd2a849f3bd442ef1b81f93c829aa6fc20741fe1",class:"bottom-end"},a("slot",{key:"e6739d536a4075bcb14dbbb6c890f5927d71a869",name:"bottom-end"})))))}};d.style=":host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host,\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n[hidden] {\n display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n :host,\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }:host {\n --col-gap: var(--nano-spacing-l1-default);\n --icon-gap-md: var(--nano-spacing-md);\n --icon-gap-sm: var(--nano-spacing-sm);\n --vertical-padding: var(--nano-spacing-l1-default);\n --horizontal-padding: 0;\n --header-margin: 0 0 var(--nano-spacing-l1-default) 0;\n display: block;\n}\n:host .footer {\n container-type: inline-size;\n container-name: footer-container;\n display: flex;\n flex-direction: column;\n}\n@container footer-container (max-width: 768px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-md);\n --col-gap: var(--nano-spacing-l);\n --vertical-padding: var(--nano-spacing-md);\n }\n :host .top-start,\n :host .top-center,\n :host .top-end {\n --header-margin: 0 0 var(--nano-spacing-md) 0;\n }\n}\n@container footer-container (max-width: 1023px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-l);\n }\n}\n@container footer-container (max-width: 1346px) {\n :host .top,\n :host .middle,\n :host .bottom {\n --horizontal-padding: var(--nano-spacing-l1-default);\n }\n}\n:host .upper {\n border-block-start: 1px solid var(--nano-color-border-default);\n}\n:host .lower {\n background-color: var(--nano-color-surface-special);\n color: var(--nano-color-basic-white);\n}\n:host .top,\n:host .middle,\n:host .bottom {\n display: grid;\n gap: var(--col-gap);\n margin: 0 auto;\n max-inline-size: 1266px;\n}\n:host .top,\n:host .middle {\n grid-template-columns: repeat(3, 1fr);\n padding: var(--vertical-padding) var(--horizontal-padding);\n}\n:host .bottom {\n grid-template-columns: repeat(2, 1fr);\n padding-inline: var(--horizontal-padding);\n padding-block-end: var(--vertical-padding);\n}\n:host .middle-centre a {\n color: inherit;\n}\n:host .middle-centre a:hover {\n color: var(--nano-color-text-link-hover);\n}\n:host .middle-centre a:focus-visible {\n outline: var(--nano-focus-ring);\n outline-offset: var(--nano-focus-ring-offset);\n}\n:host .top-start,\n:host .top-center,\n:host .top-end {\n flex-direction: column;\n}\n:host .middle-start,\n:host .middle-centre,\n:host .middle-end {\n align-items: center;\n}\n:host .middle-start {\n display: flex;\n justify-content: flex-start;\n}\n:host .middle-centre {\n display: flex;\n justify-content: center;\n gap: var(--icon-gap-md);\n flex-wrap: nowrap;\n}\n:host .middle-end {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 20rem));\n gap: var(--icon-gap-sm);\n justify-content: end;\n}\n:host [slot=middle-end] {\n inline-size: 100%;\n}\n:host .bottom-start p,\n:host .bottom-start ::slotted(p), .bottom-start :host::slotted(p) {\n font-weight: var(--nano-font-weight-normal) !important;\n font-size: var(--nano-font-size-xs) !important;\n line-height: var(--nano-line-height-normal) !important;\n letter-spacing: var(--nano-letter-spacing-loose) !important;\n margin-block: 0 !important;\n}\n:host .bottom-end {\n display: flex;\n justify-content: flex-end;\n}\n:host .bottom-end ::slotted(*), .bottom-end :host::slotted(*) {\n --input-font-size: var(--nano-font-size-2xs) !important;\n max-inline-size: 9rem !important;\n}\n@container footer-container (max-width: 1200px) {\n :host .top {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, auto);\n }\n :host .top-end {\n grid-row: 2;\n grid-column: 1/-1;\n }\n}\n@container footer-container (max-width: 912px) {\n :host .middle,\n :host .bottom {\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n }\n :host .top {\n display: flex;\n flex-direction: column;\n }\n :host .middle-centre {\n flex-wrap: wrap;\n }\n :host .middle-end {\n grid-template-columns: minmax(0, 6.6rem);\n }\n :host .bottom {\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n }\n :host .middle-start,\n :host .middle-centre,\n :host .middle-end {\n justify-content: center;\n }\n}";export{d as nano_footer}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{a as n,r as e,c as a,d as t,l as o}from"./index-RXFO3HxS.js";import{a as i}from"./algoliasearch-lite.esm.browser-BTIloVU8.js";import{h as r}from"./renderer-B_wACs4w.js";import{d as s}from"./throttle-C93FMm2Z.js";import{a as l}from"./style-BVRinbua.js";import{s as c}from"./search-insights-8OL2oeQN.js";const h=class{get host(){return n(this)}overflowMenu;overflowOpen=!1;logoUrl=location.protocol+"//"+location.host;cartUrl="";msgUrl="";loginUrl="";logoutUrl="";contactUrl="https://nanoporetech.com/contact";sessionRedirect=window.location.href;cartCount=0;msgCount=0;async openOverflowMenu(){this.overflowOpen=!0}async closeOverflowMenu(){this.overflowOpen=!1}myAccountUrl;async handleMyAccountUrl(){this.myAccountUrl&&("local-logged-in"!==this.myAccountUrl?"local-logged-out"!==this.myAccountUrl?fetch(this.myAccountUrl+"/nav_bar_data.json").then((n=>n.json())).then((n=>{this.myAccountData=n})).catch((n=>{console.error("Error fetching MyAccount data",n)})):this.myAccountData=await import("./local-logged-out-BuucpKxf.js"):this.myAccountData=await import("./local-logged-in-B3A7tw10.js"))}myAccountData;nanoUserData;userLinks=[];isLoggedIn=!1;get myAccountUser(){return this.myAccountData?.user?.uuid?this.myAccountData.user:null}processUserData(){if(this.myAccountData&&(this.loginUrl=this.loginUrl||this.myAccountData.urls?.login,this.cartUrl=this.cartUrl||this.myAccountData.urls?.cart,this.cartCount=this.cartCount||this.myAccountData.cart?.count),!this.myAccountUser)return this.isLoggedIn=!1,this.userLinks=[],this.msgUrl="",this.msgCount=0,void this.nanoUserData.emit(null);this.userLinks=this.myAccountData?.links?.filter((n=>"profile-panel-list"===n.area))||[],this.logoutUrl=this.logoutUrl||this.myAccountData.urls?.logout,this.msgUrl=this.msgUrl||this.myAccountData.urls?.messages,this.msgCount=this.msgCount||this.myAccountData.notifications?.count,this.isLoggedIn=!0,this.nanoUserData.emit(this.myAccountUser)}formatLoginLink(n){if(!n)return"";if(!this.sessionRedirect)return n;const e=encodeURIComponent(this.sessionRedirect);return n.endsWith("=")?n+e:n.includes("?")?n+"&RelayState="+e:n+"?RelayState="+e}resizeObserver;cachedWidth;mainMenu;_mainMenuBar;get mainMenuBar(){return this._mainMenuBar}set mainMenuBar(n){this._mainMenuBar!==n&&(this._mainMenuBar=n,this.addMainmenuRo())}async triggerResize(){this.shouldResize=!0,this.breakpoint=0}shouldResize=!0;breakpoint=0;breakpointChanged(){this.breakpoint<this.bpPartials.mainMenu.breakpoint&&!1===this.shouldResize&&(this.overflowOpen=!1),this.setNavItemHover()}setNavItemHover(){const n=this.breakpoint<=this.bpPartials.mainMenu.breakpoint;this.host.querySelectorAll("nano-nav-item").forEach((e=>{e.openOnHover=n})),this.host.querySelectorAll("nano-mdd").forEach((e=>{e.accordion=!n}))}debounceResetResize=s((()=>{this.shouldResize=!1}),300);addMainmenuRo(){this.removeMainmenuRo(),(this.resizeObserver=new ResizeObserver((()=>{this.shouldResize||this.mainMenuBar.clientWidth>=this.cachedWidth&&0===this.breakpoint||this.mainMenuBar.clientWidth<=this.cachedWidth&&this.mainMenuBar.clientWidth>=this.mainMenu.scrollWidth||(this.shouldResize=!0,this.breakpoint=0)}))).observe(this.mainMenuBar)}removeMainmenuRo(){this.resizeObserver&&(this.mainMenuBar?this.resizeObserver.unobserve(this.mainMenuBar):this.resizeObserver.disconnect())}handleResize=()=>{this.shouldResize&&(this.breakpoint<4&&this.mainMenu.scrollWidth>this.mainMenuBar.clientWidth?this.breakpoint++:(this.cachedWidth=this.mainMenuBar.clientWidth,this.debounceResetResize()))};algoliaClient;searchResults;searchInput;activeIndex;autocompleteResults;searchForm;searchIndices=[];searchBarShown=!1;searchLoading=!1;_searchValue="";nanoSearchResult;nanoSearchError;nanoSearchReset;searchIndex="All";get searchValue(){return this._searchValue}set searchValue(n){n&&this.host.componentOnReady().then((()=>{this.searchBarShown=!0,this.handleSearchTermChangeEvent(n)}))}async submitSearch(){this.onSearchSubmit()}handleSearchIndex(){if(this.searchIndices?.length){if(this.searchIndex)return this.activeIndex=this.searchIndices.find((n=>n.name===this.searchIndex))||this.searchIndices[0],this.activeIndex;this.activeIndex=this.searchIndices[0]}}initSearch(){if(!this.myAccountData)return;const{search:n}=this.myAccountData;n?.app_id&&n?.api_key&&(this.algoliaClient=i(n.app_id,n.api_key),c.init(n.app_id,n.api_key).then((()=>{this.myAccountUser&&c.setUser(this.myAccountUser.uuid)})),this.searchIndices=this.myAccountData.search.indeces,this.searchIndices.forEach((n=>{n.algoliaIndex=this.algoliaClient.initIndex(n.index)})),this.searchIndex||(this.searchIndex=this.searchIndices[0].name))}onSearchSubmit=async n=>{if(n&&n.preventDefault(),!this.activeIndex||!this.myAccountData||this._searchValue?.length<3)return;this.searchResults||await this.doAlgoliaSearch();const{search:e}=this.myAccountData,a=this.searchResults?.results.find((n=>this.activeIndex.index===n.index)),{index:t,domain:o,filters:i,query:r,replicas:s}=a;this.searchBarShown=!1,this.nanoSearchResult.emit({meta:{indexTitle:a.indexName,index:t,domain:o,filters:i,query:r,replicas:s},client:{apiKey:e.api_key,appId:e.app_id}})};async doAlgoliaSearch(){if(this.searchResults=null,!this.algoliaClient)return;const n=this.searchIndices.map((n=>{const e={clickAnalytics:!0,attributesToSnippet:["body:5","title:8"],indexName:n.index,query:this._searchValue,facets:n.filters,hitsPerPage:5,filters:""};return"Community"===n.name&&(e.filters="created > "+Math.floor((Date.now()-631152e5)/1e3)),e}));try{this.searchLoading=!0,this.searchResults=this.processSearchResults(await this.algoliaClient.search(n))}catch(n){console.error(n),this.nanoSearchError.emit(n)}return this.searchLoading=!1,this.searchResults}processSearchResults(n){const e=n,a=n;return e?.results?(e.results.forEach(((n,a)=>{n={...n,indexName:this.searchIndices[a].name,selected:this.activeIndex.name===this.searchIndices[a].name,domain:this.activeIndex.domain||null,domains:this.myAccountData.domains||null,allGroup:!!this.searchIndices[a].allGroup,filters:this.searchIndices[a].filters,replicas:this.activeIndex.replicas},e.results[a]=this.processSearchResults(n)})),e):(a.hits.map((n=>{n.url&&!n.url.match(/^http/)&&(n.url=location.protocol+"//"+this.domainFor(n.origin)+n.url)})),a)}domainFor(n){if(!this.myAccountData)return"";const e=this.myAccountData.domains.find((e=>e.origin===n));return e?e.domain:""}async setAutocompleteResults(){this.autocompleteResults=null,this._searchValue.length<3?this._searchValue.length||this.nanoSearchReset.emit():this.autocompleteResults=(await this.doAlgoliaSearch())?.results.find((n=>n.selected))}autocompleteSnippet(n){return n._snippetResult?.title?.value||n.title}handleSearchOpenEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&this.searchInput&&(this.searchInput.setFocus(),this.searchBarShown=!0)};handleSearchCloseEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&requestAnimationFrame((()=>this.searchBarShown=!1))};handleSearchTermInputEvent=n=>{"input"===n.detail.type&&this.searchInput.value.length>=3&&(this.autocompleteResults=null,this.searchLoading=!0)};handleSearchTermChangeEvent=n=>{this._searchValue!==n&&(this._searchValue=n,this.setAutocompleteResults())};handleSearchIndexChangeEvent=n=>{if(!n.detail?.value?.length)return;const e=n.detail.value;if(this.activeIndex.index===e)return;const a=this.searchIndices.find((n=>n.index===e));a&&a.algoliaIndex&&(this.searchIndex=a.name,this._searchValue.length>=3&&(this.searchInput.setFocus(),this.searchBarShown=!0,this.setAutocompleteResults()))};constructor(n){e(this,n),this.nanoUserData=a(this,"nanoUserData",7),this.nanoSearchResult=a(this,"nanoSearchResult",7),this.nanoSearchError=a(this,"nanoSearchError",7),this.nanoSearchReset=a(this,"nanoSearchReset",7),this.handleResize=s(this.handleResize,75)}componentWillLoad(){this.handleMyAccountUrl(),this.initSearch(),this.processUserData(),l(this.host.shadowRoot)}componentDidRender(){this.handleResize(),this.setNavItemHover()}loggedInPanel(){if(this.isLoggedIn&&this.myAccountUser)return r("div",{part:"user-panel",class:"gn__user-panel nano-theme-dark"},r("div",{class:"gn__user-panel-head",slot:"label"},r("nano-avatar",{initials:this.myAccountUser.first_name?.charAt(0)+this.myAccountUser.last_name?.charAt(0)},this.myAccountUser.small_avatar_url&&!this.myAccountUser.small_avatar_url.includes("generic")&&r("img",{src:this.myAccountUser.small_avatar_url,alt:"User Avatar",height:40,width:40})),r("div",null,this.myAccountUser.name,r("br",null),this.myAccountUser.job_title&&this.myAccountUser?.company?`${this.myAccountUser.job_title}, ${this.myAccountUser.company}`:this.myAccountUser.job_title||this.myAccountUser.company||"")),r("div",{class:"gn__user-panel-body"},this.userLinks.map((n=>r("a",{href:n.address,target:n.target||void 0},n.title,("Messages"===n.title||n.address.includes(this.msgUrl)||this.msgUrl.includes(n.address))&&this.msgCount>0&&r("nano-badge",{theme:"danger"},this.msgCount))))),r("div",{class:"gn__user-panel-foot"},r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},"string"==typeof this.logoutUrl?r("a",{href:this.formatLoginLink(this.logoutUrl)},"Logout"):r("button",{onClick:this.logoutUrl},"Logout"))))}bpPartials={contact:{tpl:()=>this.contactUrl&&r("a",{href:this.contactUrl},"Contact"),breakpoint:0},mainMenu:{tpl:()=>r("slot",{name:"menu"}),breakpoint:1},logo:{tpl:()=>{},breakpoint:2}};noResultPartial(){if(this.searchLoading||this.autocompleteResults?.hits.length||this._searchValue.length<3)return;const n=[];return"All"===this.searchIndex?(n.push(r("div",{slot:"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" Try another phrase')),n):(this.searchResults?.results.forEach((e=>{e.hits.length&&n.push(r("nano-option",{class:"gn__search-result",onNanoSelect:n=>{n.preventDefault(),this.searchIndex=e.indexName,this.onSearchSubmit(n)}},'Show results for "',r("strong",null,this._searchValue),'" in ',r("strong",null,e.indexName)))})),n.unshift(r("div",{slot:n.length?"list-top":"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" in'," ",r("strong",null,this.searchIndex),". Try another phrase")),n)}render(){const n=this.bpPartials;return r(t,{key:"79ca6089ded878867c3febc0add938f4bc93eabd",class:{"overflow-menu":this.breakpoint>n.mainMenu.breakpoint,"bar-menu":this.breakpoint<=n.mainMenu.breakpoint,"nano-global-nav":!0}},r("div",{key:"87e6512e1973f4e67437959690e1333936e62cb9",class:{gn:!0,"gn__search-open":this.searchBarShown}},r("nano-drawer",{key:"402c74ddc996de4a0568dccd15e2f5e40a25bf7f",ref:n=>this.overflowMenu=n,label:"Main menu",part:"drawer",class:"gn__drawer nano-theme-dark",placement:"start",open:this.overflowOpen,onNanoAfterHide:()=>this.overflowOpen=!1,onNanoAfterShow:()=>this.overflowOpen=!0},r("div",{key:"8d4c585f5a1b14b9bb432904c9527c89a1ab269a",class:"gn__drawer-header",part:"overflow-header",slot:"label"},"Main menu"),r("nav",{key:"3cdd62fbb5664b6ee24c9b4cf440c6ce7a312ebf",class:"gn__drawer-menu",part:"overflow-menu"},this.breakpoint>n.mainMenu.breakpoint?n.mainMenu.tpl():"",r("slot",{key:"9e6b2a9d61043fb7a17d21e8904525dfaeb1c35f",name:"overflow"}))),r("div",{key:"015d506e548f826cf2a74f0fb35ffbbb8b666589",class:"gn__menu-bar-wrapper"},r("div",{key:"d37bdf198530424948dab02fc31c9c8d587bff71",class:"gn__menu-bar",part:"menu-bar",ref:n=>this.mainMenuBar=n},r("nav",{key:"ecc35be807c48079fead123dca093fcdeef0ea37","aria-label":"Global navigation",class:"gn__main-menu "+(this.shouldResize?"resizing":""),part:"main-menu",ref:n=>this.mainMenu=n},this.breakpoint>n.mainMenu.breakpoint&&r("nano-icon-button",{key:"d3d673f2e0c8965d3497ac38dee5dcbe51715d2f",class:"gn__overflow-button",iconName:"light/bars",label:"Open Menu",onClick:()=>this.overflowMenu.show()}),r("slot",{key:"a3cde52880592ad39c88a13c156214cf232536e0",name:"logo"},r("a",{key:"03f442de2365b2df4cc617e891f9fdb47c0b553c",href:this.logoUrl,class:"gn__logo-link",part:"logo-link"},r("img",this.breakpoint<=n.logo.breakpoint?{src:o("../nano-assets/ont-logo.svg"),alt:"Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,\n (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--large",width:"152",height:"35",part:"logo logo--large"}:{src:o("../nano-assets/ont-wheel.svg"),alt:"Oxford Nanopore Technologies logo. A stylised representation of a nanopore,\n (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--small",width:"35",height:"35",part:"logo logo--small"}))),this.breakpoint<=n.mainMenu.breakpoint&&r("div",{key:"daddd483f4767056f6315fae07b23f3fa42516c9",class:"gn__main-menu-links"},n.mainMenu.tpl()),r("div",{key:"91ef351b76c6699960c0f356f5f01eb106182e34",class:"gn__main-menu-actions"},!this.myAccountData||!!this.searchIndices.length&&r("nano-dropdown",{key:"d0308a67b45e4337fa574d8d010b7e28f14b3239",dialogTitle:"Search Oxford Nanopore Technologies",placement:"bottom",class:"gn__search-dropdown",skidding:-30,distance:25,open:this.searchBarShown,onNanoAfterShow:this.handleSearchOpenEvent,onNanoAfterHide:this.handleSearchCloseEvent,autoOpen:!!this.searchIndices.length},r("nano-icon-button",{key:"cefaae614f193e02118476a060bfc8eb5ba71d92",class:"gn__search-button",slot:"trigger",iconName:"light/magnifying-glass",label:"Search"}),r("form",{key:"bda3ff083a6808046f80336b93fa6a9ee7bdf21b",ref:n=>this.searchForm=n,class:"gn__search-form",part:"search-form",onSubmit:this.onSearchSubmit},this.searchIndices.length>1&&r("nano-select",{key:"0147d8c7add407f1993850ac72a7765c4a5b0504",part:"search-select",label:"Which site do you wish to search in?",mask:!0,hideLabel:!0,value:this.activeIndex?.index,onNanoChange:this.handleSearchIndexChangeEvent},this.searchIndices.map((n=>r("nano-option",{selected:n.name===this.searchIndex,value:n.index},n.name||n.index)))),r("nano-input",{key:"0513a5ff74d0c0d1b5f88660f8bd1818958face2",ref:n=>this.searchInput=n,part:"search-input",label:"Search Oxford Nanopore Technologies",placeholder:"Search Oxford Nanopore...",hideLabel:!0,clearable:!0,showInlineError:!1,onNanoChange:n=>{this.handleSearchTermChangeEvent(n.detail.value)},onNanoInput:this.handleSearchTermInputEvent,debounce:500,value:this._searchValue},r("nano-icon-button",{key:"a309cc734af7faec9310983ad85a2a119faaae54",slot:"end","icon-name":"light/magnifying-glass",label:"Search",onClick:this.onSearchSubmit}),r("nano-datalist",{key:"e460a1e0b1bcfd0cf1e6a7ab9bdb8b9de3e1eca3",class:"gn__search-results",onNanoSelect:n=>n.preventDefault(),dropDownConfig:{tetherTo:this.searchForm},disableFilter:!0},this.searchLoading&&r("div",{key:"586f5f2c0b5a70ee6076da48d795b52def4a9dac",slot:"no-result",class:"gn__search-loading"},r("nano-spinner",{key:"45656109a08eea5467f7ae306f31581a82f785c8"},"Searching...")),this.noResultPartial(),!!this.autocompleteResults?.hits.length&&[this.autocompleteResults.hits.map(((n,e)=>r("nano-option",{href:n.url,class:"gn__search-result",onClick:()=>{c.sendClick({index:this.activeIndex.index,eventName:"Global nav quick search - search result clicked",queryID:this.autocompleteResults.queryID,objectIDs:[n.objectID],positions:[e+1]})}},r("span",{innerHTML:this.autocompleteSnippet(n)})))),r("nano-option",{key:"1ff8c43585ef9863aacbe489b836889016e14fb3",class:"gn__search-viewall",onNanoSelect:this.onSearchSubmit},"View all results")])))),r("div",{key:"d997f29cc0d38caa6f268ad692194f68d43fa1d8",class:"gn__cart"},this.cartUrl&&[r("nano-icon-button",{key:"992788e9a06e19d3a75d4b8d2439f1900bfcde3e",iconName:"light/cart-shopping",label:"View your cart",href:this.cartUrl}),!!this.cartCount&&r("nano-badge",{key:"b7e6532aee69cb21901faaead2cd0e88c18f6e75",theme:"danger"},this.cartCount>9?"9+":this.cartCount)]),this.breakpoint<=n.contact.breakpoint?n.contact.tpl():"",this.isLoggedIn?r("nano-dropdown",{dialogTitle:"User menu",class:"gn__user-dropdown",distance:10,placement:"bottom-end"},r("button",{slot:"trigger",class:"gn__user-dropdown-trigger"},r("nano-icon",{name:"light/user"}),r("nano-icon",{name:"light/chevron-down",class:"gn__user-dropdown-chevron"}),!!this.msgCount&&r("nano-badge",{theme:"danger"},this.msgCount>9?"9+":this.msgCount)),this.loggedInPanel()):r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},"string"==typeof this.loginUrl?r("a",{href:this.formatLoginLink(this.loginUrl)},"Login"):r("button",{onClick:this.loginUrl},"Login")))))),r("nano-global-search-results",{key:"fbdd99411cd64c03f00f64120367bc503b4560ec",part:"site-search-results"},r("div",{key:"6ba33f25b6af1e5b58426d05b51ef9aaa221daf8",class:"gn__site",part:"site-wrapper"},r("slot",{key:"fbf0bf5f7eb0c4b154537e66ce3f4b0acea4a10e"})))))}static get assetsDirs(){return["assets"]}static get watchers(){return{myAccountUrl:["handleMyAccountUrl"],myAccountData:["processUserData","initSearch"],shouldResize:["breakpointChanged"],breakpoint:["breakpointChanged"],searchIndices:["handleSearchIndex"],searchIndex:["handleSearchIndex"]}}};h.style=':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}';export{h as nano_global_nav}
|
|
4
|
+
import{a as n,r as e,c as a,d as t,l as o}from"./index-RXFO3HxS.js";import{a as i}from"./algoliasearch-lite.esm.browser-BTIloVU8.js";import{h as r}from"./renderer-B_wACs4w.js";import{d as s}from"./throttle-C93FMm2Z.js";import{a as l}from"./style-DZBZHpf8.js";import{s as c}from"./search-insights-8OL2oeQN.js";const h=class{get host(){return n(this)}overflowMenu;overflowOpen=!1;logoUrl=location.protocol+"//"+location.host;cartUrl="";msgUrl="";loginUrl="";logoutUrl="";contactUrl="https://nanoporetech.com/contact";sessionRedirect=window.location.href;cartCount=0;msgCount=0;async openOverflowMenu(){this.overflowOpen=!0}async closeOverflowMenu(){this.overflowOpen=!1}myAccountUrl;async handleMyAccountUrl(){this.myAccountUrl&&("local-logged-in"!==this.myAccountUrl?"local-logged-out"!==this.myAccountUrl?fetch(this.myAccountUrl+"/nav_bar_data.json").then((n=>n.json())).then((n=>{this.myAccountData=n})).catch((n=>{console.error("Error fetching MyAccount data",n)})):this.myAccountData=await import("./local-logged-out-BuucpKxf.js"):this.myAccountData=await import("./local-logged-in-B3A7tw10.js"))}myAccountData;nanoUserData;userLinks=[];isLoggedIn=!1;get myAccountUser(){return this.myAccountData?.user?.uuid?this.myAccountData.user:null}processUserData(){if(this.myAccountData&&(this.loginUrl=this.loginUrl||this.myAccountData.urls?.login,this.cartUrl=this.cartUrl||this.myAccountData.urls?.cart,this.cartCount=this.cartCount||this.myAccountData.cart?.count),!this.myAccountUser)return this.isLoggedIn=!1,this.userLinks=[],this.msgUrl="",this.msgCount=0,void this.nanoUserData.emit(null);this.userLinks=this.myAccountData?.links?.filter((n=>"profile-panel-list"===n.area))||[],this.logoutUrl=this.logoutUrl||this.myAccountData.urls?.logout,this.msgUrl=this.msgUrl||this.myAccountData.urls?.messages,this.msgCount=this.msgCount||this.myAccountData.notifications?.count,this.isLoggedIn=!0,this.nanoUserData.emit(this.myAccountUser)}formatLoginLink(n){if(!n)return"";if(!this.sessionRedirect)return n;const e=encodeURIComponent(this.sessionRedirect);return n.endsWith("=")?n+e:n.includes("?")?n+"&RelayState="+e:n+"?RelayState="+e}resizeObserver;cachedWidth;mainMenu;_mainMenuBar;get mainMenuBar(){return this._mainMenuBar}set mainMenuBar(n){this._mainMenuBar!==n&&(this._mainMenuBar=n,this.addMainmenuRo())}async triggerResize(){this.shouldResize=!0,this.breakpoint=0}shouldResize=!0;breakpoint=0;breakpointChanged(){this.breakpoint<this.bpPartials.mainMenu.breakpoint&&!1===this.shouldResize&&(this.overflowOpen=!1),this.setNavItemHover()}setNavItemHover(){const n=this.breakpoint<=this.bpPartials.mainMenu.breakpoint;this.host.querySelectorAll("nano-nav-item").forEach((e=>{e.openOnHover=n})),this.host.querySelectorAll("nano-mdd").forEach((e=>{e.accordion=!n}))}debounceResetResize=s((()=>{this.shouldResize=!1}),300);addMainmenuRo(){this.removeMainmenuRo(),(this.resizeObserver=new ResizeObserver((()=>{this.shouldResize||this.mainMenuBar.clientWidth>=this.cachedWidth&&0===this.breakpoint||this.mainMenuBar.clientWidth<=this.cachedWidth&&this.mainMenuBar.clientWidth>=this.mainMenu.scrollWidth||(this.shouldResize=!0,this.breakpoint=0)}))).observe(this.mainMenuBar)}removeMainmenuRo(){this.resizeObserver&&(this.mainMenuBar?this.resizeObserver.unobserve(this.mainMenuBar):this.resizeObserver.disconnect())}handleResize=()=>{this.shouldResize&&(this.breakpoint<4&&this.mainMenu.scrollWidth>this.mainMenuBar.clientWidth?this.breakpoint++:(this.cachedWidth=this.mainMenuBar.clientWidth,this.debounceResetResize()))};algoliaClient;searchResults;searchInput;activeIndex;autocompleteResults;searchForm;searchIndices=[];searchBarShown=!1;searchLoading=!1;_searchValue="";nanoSearchResult;nanoSearchError;nanoSearchReset;searchIndex="All";get searchValue(){return this._searchValue}set searchValue(n){n&&this.host.componentOnReady().then((()=>{this.searchBarShown=!0,this.handleSearchTermChangeEvent(n)}))}async submitSearch(){this.onSearchSubmit()}handleSearchIndex(){if(this.searchIndices?.length){if(this.searchIndex)return this.activeIndex=this.searchIndices.find((n=>n.name===this.searchIndex))||this.searchIndices[0],this.activeIndex;this.activeIndex=this.searchIndices[0]}}initSearch(){if(!this.myAccountData)return;const{search:n}=this.myAccountData;n?.app_id&&n?.api_key&&(this.algoliaClient=i(n.app_id,n.api_key),c.init(n.app_id,n.api_key).then((()=>{this.myAccountUser&&c.setUser(this.myAccountUser.uuid)})),this.searchIndices=this.myAccountData.search.indeces,this.searchIndices.forEach((n=>{n.algoliaIndex=this.algoliaClient.initIndex(n.index)})),this.searchIndex||(this.searchIndex=this.searchIndices[0].name))}onSearchSubmit=async n=>{if(n&&n.preventDefault(),!this.activeIndex||!this.myAccountData||this._searchValue?.length<3)return;this.searchResults||await this.doAlgoliaSearch();const{search:e}=this.myAccountData,a=this.searchResults?.results.find((n=>this.activeIndex.index===n.index)),{index:t,domain:o,filters:i,query:r,replicas:s}=a;this.searchBarShown=!1,this.nanoSearchResult.emit({meta:{indexTitle:a.indexName,index:t,domain:o,filters:i,query:r,replicas:s},client:{apiKey:e.api_key,appId:e.app_id}})};async doAlgoliaSearch(){if(this.searchResults=null,!this.algoliaClient)return;const n=this.searchIndices.map((n=>{const e={clickAnalytics:!0,attributesToSnippet:["body:5","title:8"],indexName:n.index,query:this._searchValue,facets:n.filters,hitsPerPage:5,filters:""};return"Community"===n.name&&(e.filters="created > "+Math.floor((Date.now()-631152e5)/1e3)),e}));try{this.searchLoading=!0,this.searchResults=this.processSearchResults(await this.algoliaClient.search(n))}catch(n){console.error(n),this.nanoSearchError.emit(n)}return this.searchLoading=!1,this.searchResults}processSearchResults(n){const e=n,a=n;return e?.results?(e.results.forEach(((n,a)=>{n={...n,indexName:this.searchIndices[a].name,selected:this.activeIndex.name===this.searchIndices[a].name,domain:this.activeIndex.domain||null,domains:this.myAccountData.domains||null,allGroup:!!this.searchIndices[a].allGroup,filters:this.searchIndices[a].filters,replicas:this.activeIndex.replicas},e.results[a]=this.processSearchResults(n)})),e):(a.hits.map((n=>{n.url&&!n.url.match(/^http/)&&(n.url=location.protocol+"//"+this.domainFor(n.origin)+n.url)})),a)}domainFor(n){if(!this.myAccountData)return"";const e=this.myAccountData.domains.find((e=>e.origin===n));return e?e.domain:""}async setAutocompleteResults(){this.autocompleteResults=null,this._searchValue.length<3?this._searchValue.length||this.nanoSearchReset.emit():this.autocompleteResults=(await this.doAlgoliaSearch())?.results.find((n=>n.selected))}autocompleteSnippet(n){return n._snippetResult?.title?.value||n.title}handleSearchOpenEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&this.searchInput&&(this.searchInput.setFocus(),this.searchBarShown=!0)};handleSearchCloseEvent=n=>{n.target.classList.contains("gn__search-dropdown")&&requestAnimationFrame((()=>this.searchBarShown=!1))};handleSearchTermInputEvent=n=>{"input"===n.detail.type&&this.searchInput.value.length>=3&&(this.autocompleteResults=null,this.searchLoading=!0)};handleSearchTermChangeEvent=n=>{this._searchValue!==n&&(this._searchValue=n,this.setAutocompleteResults())};handleSearchIndexChangeEvent=n=>{if(!n.detail?.value?.length)return;const e=n.detail.value;if(this.activeIndex.index===e)return;const a=this.searchIndices.find((n=>n.index===e));a&&a.algoliaIndex&&(this.searchIndex=a.name,this._searchValue.length>=3&&(this.searchInput.setFocus(),this.searchBarShown=!0,this.setAutocompleteResults()))};constructor(n){e(this,n),this.nanoUserData=a(this,"nanoUserData",7),this.nanoSearchResult=a(this,"nanoSearchResult",7),this.nanoSearchError=a(this,"nanoSearchError",7),this.nanoSearchReset=a(this,"nanoSearchReset",7),this.handleResize=s(this.handleResize,75)}componentWillLoad(){this.handleMyAccountUrl(),this.initSearch(),this.processUserData(),l(this.host.shadowRoot)}componentDidRender(){this.handleResize(),this.setNavItemHover()}loggedInPanel(){if(this.isLoggedIn&&this.myAccountUser)return r("div",{part:"user-panel",class:"gn__user-panel nano-theme-dark"},r("div",{class:"gn__user-panel-head",slot:"label"},r("nano-avatar",{initials:this.myAccountUser.first_name?.charAt(0)+this.myAccountUser.last_name?.charAt(0)},this.myAccountUser.small_avatar_url&&!this.myAccountUser.small_avatar_url.includes("generic")&&r("img",{src:this.myAccountUser.small_avatar_url,alt:"User Avatar",height:40,width:40})),r("div",null,this.myAccountUser.name,r("br",null),this.myAccountUser.job_title&&this.myAccountUser?.company?`${this.myAccountUser.job_title}, ${this.myAccountUser.company}`:this.myAccountUser.job_title||this.myAccountUser.company||"")),r("div",{class:"gn__user-panel-body"},this.userLinks.map((n=>r("a",{href:n.address,target:n.target||void 0},n.title,("Messages"===n.title||n.address.includes(this.msgUrl)||this.msgUrl.includes(n.address))&&this.msgCount>0&&r("nano-badge",{theme:"danger"},this.msgCount))))),r("div",{class:"gn__user-panel-foot"},r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},"string"==typeof this.logoutUrl?r("a",{href:this.formatLoginLink(this.logoutUrl)},"Logout"):r("button",{onClick:this.logoutUrl},"Logout"))))}bpPartials={contact:{tpl:()=>this.contactUrl&&r("a",{href:this.contactUrl},"Contact"),breakpoint:0},mainMenu:{tpl:()=>r("slot",{name:"menu"}),breakpoint:1},logo:{tpl:()=>{},breakpoint:2}};noResultPartial(){if(this.searchLoading||this.autocompleteResults?.hits.length||this._searchValue.length<3)return;const n=[];return"All"===this.searchIndex?(n.push(r("div",{slot:"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" Try another phrase')),n):(this.searchResults?.results.forEach((e=>{e.hits.length&&n.push(r("nano-option",{class:"gn__search-result",onNanoSelect:n=>{n.preventDefault(),this.searchIndex=e.indexName,this.onSearchSubmit(n)}},'Show results for "',r("strong",null,this._searchValue),'" in ',r("strong",null,e.indexName)))})),n.unshift(r("div",{slot:n.length?"list-top":"no-result",class:"gn__search-no-results"},'No results matching for "',r("strong",null,this._searchValue),'" in'," ",r("strong",null,this.searchIndex),". Try another phrase")),n)}render(){const n=this.bpPartials;return r(t,{key:"79ca6089ded878867c3febc0add938f4bc93eabd",class:{"overflow-menu":this.breakpoint>n.mainMenu.breakpoint,"bar-menu":this.breakpoint<=n.mainMenu.breakpoint,"nano-global-nav":!0}},r("div",{key:"87e6512e1973f4e67437959690e1333936e62cb9",class:{gn:!0,"gn__search-open":this.searchBarShown}},r("nano-drawer",{key:"402c74ddc996de4a0568dccd15e2f5e40a25bf7f",ref:n=>this.overflowMenu=n,label:"Main menu",part:"drawer",class:"gn__drawer nano-theme-dark",placement:"start",open:this.overflowOpen,onNanoAfterHide:()=>this.overflowOpen=!1,onNanoAfterShow:()=>this.overflowOpen=!0},r("div",{key:"8d4c585f5a1b14b9bb432904c9527c89a1ab269a",class:"gn__drawer-header",part:"overflow-header",slot:"label"},"Main menu"),r("nav",{key:"3cdd62fbb5664b6ee24c9b4cf440c6ce7a312ebf",class:"gn__drawer-menu",part:"overflow-menu"},this.breakpoint>n.mainMenu.breakpoint?n.mainMenu.tpl():"",r("slot",{key:"9e6b2a9d61043fb7a17d21e8904525dfaeb1c35f",name:"overflow"}))),r("div",{key:"015d506e548f826cf2a74f0fb35ffbbb8b666589",class:"gn__menu-bar-wrapper"},r("div",{key:"d37bdf198530424948dab02fc31c9c8d587bff71",class:"gn__menu-bar",part:"menu-bar",ref:n=>this.mainMenuBar=n},r("nav",{key:"ecc35be807c48079fead123dca093fcdeef0ea37","aria-label":"Global navigation",class:"gn__main-menu "+(this.shouldResize?"resizing":""),part:"main-menu",ref:n=>this.mainMenu=n},this.breakpoint>n.mainMenu.breakpoint&&r("nano-icon-button",{key:"d3d673f2e0c8965d3497ac38dee5dcbe51715d2f",class:"gn__overflow-button",iconName:"light/bars",label:"Open Menu",onClick:()=>this.overflowMenu.show()}),r("slot",{key:"a3cde52880592ad39c88a13c156214cf232536e0",name:"logo"},r("a",{key:"03f442de2365b2df4cc617e891f9fdb47c0b553c",href:this.logoUrl,class:"gn__logo-link",part:"logo-link"},r("img",this.breakpoint<=n.logo.breakpoint?{src:o("../nano-assets/ont-logo.svg"),alt:"Oxford Nanopore Technologies logo. Features a stylised representation of a nanopore,\n (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--large",width:"152",height:"35",part:"logo logo--large"}:{src:o("../nano-assets/ont-wheel.svg"),alt:"Oxford Nanopore Technologies logo. A stylised representation of a nanopore,\n (a tiny protein channel embedded in a membrane) through which DNA or RNA molecules are passed in for sequencing.",class:"gn__logo gn__logo--small",width:"35",height:"35",part:"logo logo--small"}))),this.breakpoint<=n.mainMenu.breakpoint&&r("div",{key:"daddd483f4767056f6315fae07b23f3fa42516c9",class:"gn__main-menu-links"},n.mainMenu.tpl()),r("div",{key:"91ef351b76c6699960c0f356f5f01eb106182e34",class:"gn__main-menu-actions"},!this.myAccountData||!!this.searchIndices.length&&r("nano-dropdown",{key:"d0308a67b45e4337fa574d8d010b7e28f14b3239",dialogTitle:"Search Oxford Nanopore Technologies",placement:"bottom",class:"gn__search-dropdown",skidding:-30,distance:25,open:this.searchBarShown,onNanoAfterShow:this.handleSearchOpenEvent,onNanoAfterHide:this.handleSearchCloseEvent,autoOpen:!!this.searchIndices.length},r("nano-icon-button",{key:"cefaae614f193e02118476a060bfc8eb5ba71d92",class:"gn__search-button",slot:"trigger",iconName:"light/magnifying-glass",label:"Search"}),r("form",{key:"bda3ff083a6808046f80336b93fa6a9ee7bdf21b",ref:n=>this.searchForm=n,class:"gn__search-form",part:"search-form",onSubmit:this.onSearchSubmit},this.searchIndices.length>1&&r("nano-select",{key:"0147d8c7add407f1993850ac72a7765c4a5b0504",part:"search-select",label:"Which site do you wish to search in?",mask:!0,hideLabel:!0,value:this.activeIndex?.index,onNanoChange:this.handleSearchIndexChangeEvent},this.searchIndices.map((n=>r("nano-option",{selected:n.name===this.searchIndex,value:n.index},n.name||n.index)))),r("nano-input",{key:"0513a5ff74d0c0d1b5f88660f8bd1818958face2",ref:n=>this.searchInput=n,part:"search-input",label:"Search Oxford Nanopore Technologies",placeholder:"Search Oxford Nanopore...",hideLabel:!0,clearable:!0,showInlineError:!1,onNanoChange:n=>{this.handleSearchTermChangeEvent(n.detail.value)},onNanoInput:this.handleSearchTermInputEvent,debounce:500,value:this._searchValue},r("nano-icon-button",{key:"a309cc734af7faec9310983ad85a2a119faaae54",slot:"end","icon-name":"light/magnifying-glass",label:"Search",onClick:this.onSearchSubmit}),r("nano-datalist",{key:"e460a1e0b1bcfd0cf1e6a7ab9bdb8b9de3e1eca3",class:"gn__search-results",onNanoSelect:n=>n.preventDefault(),dropDownConfig:{tetherTo:this.searchForm},disableFilter:!0},this.searchLoading&&r("div",{key:"586f5f2c0b5a70ee6076da48d795b52def4a9dac",slot:"no-result",class:"gn__search-loading"},r("nano-spinner",{key:"45656109a08eea5467f7ae306f31581a82f785c8"},"Searching...")),this.noResultPartial(),!!this.autocompleteResults?.hits.length&&[this.autocompleteResults.hits.map(((n,e)=>r("nano-option",{href:n.url,class:"gn__search-result",onClick:()=>{c.sendClick({index:this.activeIndex.index,eventName:"Global nav quick search - search result clicked",queryID:this.autocompleteResults.queryID,objectIDs:[n.objectID],positions:[e+1]})}},r("span",{innerHTML:this.autocompleteSnippet(n)})))),r("nano-option",{key:"1ff8c43585ef9863aacbe489b836889016e14fb3",class:"gn__search-viewall",onNanoSelect:this.onSearchSubmit},"View all results")])))),r("div",{key:"d997f29cc0d38caa6f268ad692194f68d43fa1d8",class:"gn__cart"},this.cartUrl&&[r("nano-icon-button",{key:"992788e9a06e19d3a75d4b8d2439f1900bfcde3e",iconName:"light/cart-shopping",label:"View your cart",href:this.cartUrl}),!!this.cartCount&&r("nano-badge",{key:"b7e6532aee69cb21901faaead2cd0e88c18f6e75",theme:"danger"},this.cartCount>9?"9+":this.cartCount)]),this.breakpoint<=n.contact.breakpoint?n.contact.tpl():"",this.isLoggedIn?r("nano-dropdown",{dialogTitle:"User menu",class:"gn__user-dropdown",distance:10,placement:"bottom-end"},r("button",{slot:"trigger",class:"gn__user-dropdown-trigger"},r("nano-icon",{name:"light/user"}),r("nano-icon",{name:"light/chevron-down",class:"gn__user-dropdown-chevron"}),!!this.msgCount&&r("nano-badge",{theme:"danger"},this.msgCount>9?"9+":this.msgCount)),this.loggedInPanel()):r("nano-cta",{secondary:!0,size:"small",icon:"false",class:"gn__login-cta"},"string"==typeof this.loginUrl?r("a",{href:this.formatLoginLink(this.loginUrl)},"Login"):r("button",{onClick:this.loginUrl},"Login")))))),r("nano-global-search-results",{key:"fbdd99411cd64c03f00f64120367bc503b4560ec",part:"site-search-results"},r("div",{key:"6ba33f25b6af1e5b58426d05b51ef9aaa221daf8",class:"gn__site",part:"site-wrapper"},r("slot",{key:"fbf0bf5f7eb0c4b154537e66ce3f4b0acea4a10e"})))))}static get assetsDirs(){return["assets"]}static get watchers(){return{myAccountUrl:["handleMyAccountUrl"],myAccountData:["processUserData","initSearch"],shouldResize:["breakpointChanged"],breakpoint:["breakpointChanged"],searchIndices:["handleSearchIndex"],searchIndex:["handleSearchIndex"]}}};h.style=':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}';export{h as nano_global_nav}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,a as i,k as n,d as s}from"./index-RXFO3HxS.js";import{h as a}from"./renderer-B_wACs4w.js";import{C as o}from"./constructible-style-BKXXXS9X.js";import{a as r}from"./style-
|
|
4
|
+
import{r as e,c as t,a as i,k as n,d as s}from"./index-RXFO3HxS.js";import{h as a}from"./renderer-B_wACs4w.js";import{C as o}from"./constructible-style-BKXXXS9X.js";import{a as r}from"./style-DZBZHpf8.js";const l=class{constructor(i){e(this,i),this.nanoStepActive=t(this,"nanoStepActive",7)}get host(){return i(this)}calculatedWidth;cacheKey;activeStep=0;handleActiveStepChange(e,t){this.steps[e]?.enabled?this.nanoStepActive.emit({index:e,step:this.steps[e]}).defaultPrevented&&(this.activeStep=t):this.activeStep=t}nanoStepActive;_steps=[];stepProxyHandler={set:(e,t,i)=>(e[t]=i,n(this.host),!0)};get steps(){return this._steps}set steps(e){this._steps=[],e.forEach((e=>{const t=new Proxy(e,this.stepProxyHandler);this._steps.push(t)}))}handleStepsChange(){const e=this._steps.length,t=this._steps.reduce(((e,t)=>e+t.title.length),0);this.cacheKey="step-breadcrumb-"+e+t,this.calculatedWidth=`calc(${t}ch + ${1.5*e}rem + ${1.875*(e-1)}rem + ${10*e}px)`}styles=()=>`@container (width > ${this.calculatedWidth}) {\n .step-list.mobile.${this.cacheKey} { display: none; }\n .step-list.desktop.${this.cacheKey} { display: flex; }\n }\n @container (width <= ${this.calculatedWidth}) {\n .step-list.mobile.${this.cacheKey} { display: block; }\n .step-list.desktop.${this.cacheKey} { display: none; }\n }`;componentWillLoad(){this.handleStepsChange(),r(this.host.shadowRoot)}ControlTag=({step:e,index:t})=>a(e.enabled?e.href?"A":"BUTTON":"SPAN",{href:e.href||void 0,class:{"step-item":!0,"step-item--active":t===this.activeStep,"step-item--complete":e.complete,"step-item--disabled":!e.enabled},onClick:()=>{e.enabled&&(this.activeStep=t)}},a("span",{class:"step-item-icon",slot:"icon-start"},t+1),a("span",{class:"step-item-title"},e.title));render(){const e=this.steps.filter((e=>e.href)).length>0?"nav":"div";return a(s,{key:"c36aea91ff263fe145d0eebfe5ba34c3fb33c948"},a(e,{key:"5399b604512fdc7254f01702b5f58fd1ab5725be",class:"step-wrapper"},a("ul",{key:"42f2f8adddd37661873ed4b16559b558a4525af4",class:`step-list desktop ${this.cacheKey}`},this.steps.map(((e,t)=>a("li",{class:"step-item-wrapper",key:t},a(this.ControlTag,{step:e,index:t}))))),a("div",{key:"ab41697fed0c7d4282913f8492676008cee1ec63",class:`step-list mobile ${this.cacheKey}`},a("nano-dropdown",{key:"73e5bba6d10f193c4e0b6b2ff43919e0b1589bcb",dialogTitle:"Steps",class:"step-dropdown"},a("button",{key:"7054eb631e22d22ef7fbcb0c8320e77b288b381f",slot:"trigger",class:"step-trigger"},a("div",{key:"8f0816402f31637a1402d1ee1e66bcd086ef6377",class:"step-progress-circle",role:"progressbar","aria-valuenow":"2","aria-valuemin":"0","aria-valuemax":"5",style:{"--value":""+(this.activeStep+1),"--max":""+this.steps.length}},a("span",{key:"1ab7e9e69dc52d2761b2c1a2c7bdb19cc0cdad0f",class:"step-progress-text"},a("strong",{key:"e760c2e668e5930694a873448154e3f23bf03018"},this.activeStep+1)," of"," ",this.steps.length)),a("div",{key:"0afdddcdfa767f2d250986360c5ce52a37adc868",class:"step-trigger-text"},a("div",{key:"1c200ddd5ca41a6c003c4b4bfa6c6e188a8641ac",class:"step-trigger-now"},this.steps[0|this.activeStep]?.title||"Select a step"),a("div",{key:"c600fd068470ea8ae187c74dc9616e8efb057c9e",class:"step-trigger-next"},this.steps[this.activeStep+1]?.title||"Next step")),a("nano-icon",{key:"053727621ffd9a19c39b9be0766c904391ede136",class:"step-trigger-icon",name:"light/chevron-down"})),a("nano-menu",{key:"7a578be0c13a7e4edeb40500e30e58d47c917b8e"},this.steps.map(((e,t)=>a("nano-nav-item",{class:{"step-item-mobile":!0,"step-item-mobile step-item--active":t===this.activeStep,"step-item-mobile step-item--complete":e.complete},disabled:!e.enabled,key:t,onClick:()=>{e.enabled&&(this.activeStep=t)},href:e.href||void 0},a("span",{class:"step-item-icon",slot:"icon-start"},t+1),a("span",{class:"step-item-title"},e.title)))))))))}static get watchers(){return{activeStep:["handleActiveStepChange"],steps:["handleStepsChange"]}}};(function(e,t,i,n){var s,a=arguments.length,o=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(a<3?s(o):a>3?s(t,i,o):s(t,i))||o);a>3&&o&&Object.defineProperty(t,i,o)})([o({cacheKeyProperty:"calculatedWidth"}),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",Object)],l.prototype,"styles",void 0),l.style=':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)}';export{l as nano_step_breadcrumb}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
let n,t=null;const o=[".nano-toast-stack",".nano-theme"];function e(n){return o.some((t=>n.indexOf(t)>-1))}const c=["@nanoporetech-digital/style","/core.css","/nano.css"];function s(n){return c.some((t=>n.indexOf(t)>-1))}function l(o){if(!o)return;if(n)return void o.adoptedStyleSheets.push(n);const c=document.styleSheets;let l=null,a=null;const r=[],u=[];for(l of c){if(!(l instanceof CSSStyleSheet))continue;let n;try{if(n=l?.cssRules,!n)continue}catch{l.href&&s(l.href)&&u.push(l.href);continue}for(a of n)a instanceof CSSLayerBlockRule&&e(a.cssText)&&r.push(l)}if(r.length){const t=new CSSStyleSheet;for(const n of r)for(const o of n.cssRules)t.insertRule(o.cssText);return n=t,void o.adoptedStyleSheets.push(t)}u.length?async function(o,c){t||(t=async function(t){const o=(await Promise.all(t.map((async n=>{try{const t=await fetch(n);return t.ok?await t.text():null}catch(t){return console.warn("Unable to fetch stylesheet:",n,t),null}})))).
|
|
4
|
+
let n,t=null;const o=[".nano-toast-stack",".nano-theme"];function e(n){return o.some((t=>n.indexOf(t)>-1))}const c=["@nanoporetech-digital/style","/core.css","/nano.css"];function s(n){return c.some((t=>n.indexOf(t)>-1))}function l(o){if(!o)return;if(n)return void o.adoptedStyleSheets.push(n);const c=document.styleSheets;let l=null,a=null;const r=[],u=[];for(l of c){if(!(l instanceof CSSStyleSheet))continue;let n;try{if(n=l?.cssRules,!n)continue}catch{l.href&&s(l.href)&&u.push(l.href);continue}for(a of n)a instanceof CSSLayerBlockRule&&e(a.cssText)&&r.push(l)}if(r.length){const t=new CSSStyleSheet;for(const n of r)for(const o of n.cssRules)t.insertRule(o.cssText);return n=t,void o.adoptedStyleSheets.push(t)}u.length?async function(o,c){t||(t=async function(t){const o=(await Promise.all(t.map((async n=>{try{const t=await fetch(n);return t.ok?await t.text():null}catch(t){return console.warn("Unable to fetch stylesheet:",n,t),null}})))).filter((n=>!!n&&e(n)));if(o.length){const t=new CSSStyleSheet;return await t.replace(o.join("\n")),n=t,t}return console.warn("No global stylesheet found"),null}(o));const s=await t;s&&c&&c.adoptedStyleSheets.push(s)}(u,o):console.warn("No global stylesheet found")}export{l as a}
|
package/docs-json.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nanoporetech-digital/components",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.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": "9.1.
|
|
59
|
+
"@nanoporetech-digital/style": "9.1.3"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@algolia/client-search": "^4.22.1",
|