@nanoporetech-digital/components 9.1.2 → 9.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{fade-Cng4p1KQ.js → fade-qohjp1nm.js} +1 -1
- package/dist/cjs/{fullscreen-BYNt89kR.js → fullscreen-DwMCASzJ.js} +1 -1
- package/dist/cjs/{lazyload-CLpLl1ob.js → lazyload-e3rgW4Hl.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-avatar_5.cjs.entry.js +8 -8
- package/dist/cjs/nano-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/nano-collapsible-comparison.cjs.entry.js +1 -1
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-footer.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-icon-button_2.cjs.entry.js +2 -2
- package/dist/cjs/nano-mdd.cjs.entry.js +3 -0
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +2 -2
- package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
- package/dist/cjs/nano-rating.cjs.entry.js +4 -4
- package/dist/cjs/nano-resize-observe.cjs.entry.js +2 -2
- package/dist/cjs/nano-slide.cjs.entry.js +1 -1
- package/dist/cjs/{nano-slides-QbssxNUC.js → nano-slides-BqJU19OI.js} +8 -8
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/cjs/nano-sortable.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-accordion.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/nano-sticker.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab-content.cjs.entry.js +2 -2
- package/dist/cjs/nano-tab.cjs.entry.js +2 -2
- package/dist/cjs/nano-table.cjs.entry.js +2 -2
- package/dist/cjs/{style-CIGbDa5n.js → style-CQ5MIH25.js} +6 -4
- package/dist/collection/components/mdd/mdd.js +7 -0
- package/dist/collection/components/menu-drawer/menu-drawer.js +2 -2
- package/dist/collection/components/more-less/more-less.js +2 -2
- package/dist/collection/components/rating/rating.js +4 -4
- package/dist/collection/components/resize-observe/resize-observe.js +2 -2
- package/dist/collection/components/select/select.js +7 -7
- package/dist/collection/components/slides/slide.js +1 -1
- package/dist/collection/components/slides/slides.js +5 -5
- package/dist/collection/components/sortable/sortable.js +1 -1
- package/dist/collection/components/step-accordion/step-accordion.js +1 -1
- package/dist/collection/components/step-breadcrumb/step-breadcrumb.js +2 -2
- package/dist/collection/components/sticker/sticker.js +2 -2
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/tabs/tab-content.js +2 -2
- package/dist/collection/components/tabs/tab.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/utils/style.js +6 -4
- package/dist/components/nano-mdd.js +5 -2
- package/dist/components/nano-menu-drawer.js +2 -2
- package/dist/components/nano-more-less.js +2 -2
- package/dist/components/nano-rating.js +4 -4
- package/dist/components/nano-slide.js +1 -1
- package/dist/components/nano-sortable.js +1 -1
- package/dist/components/nano-step-accordion.js +1 -1
- package/dist/components/nano-step-breadcrumb.js +2 -2
- package/dist/components/nano-tab-content.js +2 -2
- package/dist/components/nano-tab.js +2 -2
- package/dist/components/nano-table.js +2 -2
- package/dist/components/resize-observe.js +2 -2
- package/dist/components/select.js +7 -7
- package/dist/components/slides.js +5 -5
- package/dist/components/sticker.js +2 -2
- package/dist/components/style.js +6 -4
- package/dist/components/tooltip.js +2 -2
- package/dist/esm/{fade-CnvBzIGD.js → fade-DYPdqggy.js} +1 -1
- package/dist/esm/{fullscreen-BqihOK-Y.js → fullscreen-CTmKto_6.js} +1 -1
- package/dist/esm/{lazyload-ClpqVun1.js → lazyload-CAFm10PR.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-avatar_5.entry.js +8 -8
- package/dist/esm/nano-breadcrumb.entry.js +1 -1
- package/dist/esm/nano-collapsible-comparison.entry.js +1 -1
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-footer.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +1 -1
- package/dist/esm/nano-icon-button_2.entry.js +2 -2
- package/dist/esm/nano-mdd.entry.js +4 -1
- package/dist/esm/nano-menu-drawer.entry.js +2 -2
- package/dist/esm/nano-more-less.entry.js +2 -2
- package/dist/esm/nano-rating.entry.js +4 -4
- package/dist/esm/nano-resize-observe.entry.js +2 -2
- package/dist/esm/nano-slide.entry.js +1 -1
- package/dist/esm/{nano-slides-WDFCFgZL.js → nano-slides-C0Hxa7Aa.js} +8 -8
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/esm/nano-sortable.entry.js +1 -1
- package/dist/esm/nano-step-accordion.entry.js +1 -1
- package/dist/esm/nano-step-breadcrumb.entry.js +3 -3
- package/dist/esm/nano-sticker.entry.js +2 -2
- package/dist/esm/nano-tab-content.entry.js +2 -2
- package/dist/esm/nano-tab.entry.js +2 -2
- package/dist/esm/nano-table.entry.js +2 -2
- package/dist/esm/{style-BVRinbua.js → style-DZBZHpf8.js} +6 -4
- package/dist/nano-components/{fade-CnvBzIGD.js → fade-DYPdqggy.js} +1 -1
- package/dist/nano-components/{fullscreen-BqihOK-Y.js → fullscreen-CTmKto_6.js} +1 -1
- package/dist/nano-components/lazyload-CAFm10PR.js +4 -0
- package/dist/nano-components/nano-avatar_5.entry.js +1 -1
- package/dist/nano-components/nano-breadcrumb.entry.js +1 -1
- package/dist/nano-components/nano-collapsible-comparison.entry.js +1 -1
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-footer.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/nano-icon-button_2.entry.js +1 -1
- package/dist/nano-components/nano-mdd.entry.js +1 -1
- package/dist/nano-components/nano-menu-drawer.entry.js +1 -1
- package/dist/nano-components/nano-more-less.entry.js +1 -1
- package/dist/nano-components/nano-rating.entry.js +1 -1
- package/dist/nano-components/nano-resize-observe.entry.js +1 -1
- package/dist/nano-components/nano-slide.entry.js +1 -1
- package/dist/nano-components/{nano-slides-WDFCFgZL.js → nano-slides-C0Hxa7Aa.js} +4 -4
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/nano-components/nano-sortable.entry.js +1 -1
- package/dist/nano-components/nano-step-accordion.entry.js +1 -1
- package/dist/nano-components/nano-step-breadcrumb.entry.js +1 -1
- package/dist/nano-components/nano-sticker.entry.js +1 -1
- package/dist/nano-components/nano-tab-content.entry.js +1 -1
- package/dist/nano-components/nano-tab.entry.js +1 -1
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/nano-components/{style-BVRinbua.js → style-DZBZHpf8.js} +1 -1
- package/dist/types/components/mdd/mdd.d.ts +1 -0
- package/docs-json.json +1 -1
- package/hydrate/index.js +41 -38
- package/hydrate/index.mjs +41 -38
- package/package.json +2 -2
- package/dist/nano-components/lazyload-ClpqVun1.js +0 -4
|
@@ -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}";
|
|
@@ -321,10 +321,10 @@ const Tooltip = class {
|
|
|
321
321
|
this.popover.destroy();
|
|
322
322
|
}
|
|
323
323
|
render() {
|
|
324
|
-
return (renderer.h(index.Host, { key: '
|
|
324
|
+
return (renderer.h(index.Host, { key: '085c79dbd9df2889a6aa7d88c41646e5a5a99fa9', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, renderer.h("slot", { key: '8936b4cbb36ae5d085ca6531730b3ca698896186', onSlotchange: this.handleSlotChange }), renderer.h("div", { key: 'b0cbe2bd129018ae3694fec63d2e5699ad4bd7ff', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, renderer.h("div", { key: 'a3bacf2ca0ca83af15cebfe3ce45132c66bfe348', part: "base", ref: (el) => (this.tooltip = el), class: {
|
|
325
325
|
tooltip: true,
|
|
326
326
|
'tooltip--open': this.open,
|
|
327
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, renderer.h("slot", { key: '
|
|
327
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, renderer.h("slot", { key: '70b83683ad7457bd801b1853683047da757305cc', name: "content", onSlotchange: () => this.setLabel() }, this.content), renderer.h("div", { key: '2e61880754b5165c17f6ce93a8b1a62266109c09', class: "tooltip-arrow", "data-popper-arrow": true })))));
|
|
328
328
|
}
|
|
329
329
|
static get watchers() { return {
|
|
330
330
|
"content": ["setLabel"],
|
|
@@ -48,6 +48,9 @@ const Mdd = class {
|
|
|
48
48
|
componentDidLoad() {
|
|
49
49
|
this.syncAccordionProp();
|
|
50
50
|
}
|
|
51
|
+
render() {
|
|
52
|
+
return (index.h(index.Host, { key: '52a120df3f4a2e6f6864634567ee80261d709633' }, index.h("slot", { key: 'a3016952c44b518bd751ba04ecc8684d23f6a393' })));
|
|
53
|
+
}
|
|
51
54
|
static get watchers() { return {
|
|
52
55
|
"accordion": ["accordionChanged"]
|
|
53
56
|
}; }
|
|
@@ -144,14 +144,14 @@ const MenuDrawer = class {
|
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
render() {
|
|
147
|
-
return (renderer.h(index.Host, { key: '
|
|
147
|
+
return (renderer.h(index.Host, { key: '97332b71914156fa113b0c731df25df9f865efac', class: {
|
|
148
148
|
open: this.open,
|
|
149
149
|
'secondary-open': this.secondaryOpen,
|
|
150
150
|
hide: this.hide,
|
|
151
151
|
loading: this.isLoading,
|
|
152
152
|
'has-global-nav': !!this.globalNav,
|
|
153
153
|
'nano-menu-drawer': true,
|
|
154
|
-
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, renderer.h("div", { key: '
|
|
154
|
+
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, renderer.h("div", { key: 'dca06c232b7ea14a297e0dcb76af9aa1e4a8495d', ref: (div) => (this.containerDiv = div), class: "container" }, renderer.h("div", { key: 'cb7c8552ef987f62da0736843b1c3e831db67f24', class: `content-wrap ${this.secondaryOpen ? 'secondary-open' : ''}` }, renderer.h("nav", { key: '4693b1febfbb2c0bd151a6eb92601c9d187ad8d3', ref: (div) => (this.contentDiv = div), class: "content" }, renderer.h("div", { key: '08d0b661514899115b4e95e2e7f5e4b8c9b4b845', class: "head" }, renderer.h("button", { key: '614da037d05c06f21776cfa3bb3f83d4a4faf207', onClick: this.toggle, class: "collapse-btn" }, renderer.h("nano-icon", { key: 'd2f6562f2e0fc7fb548dec8ea8db15fbaf4f6775', name: "light/arrow-right-to-line" }), renderer.h("span", { key: 'd9dbe44c1d25920f482e7729fb29ccebef3fc6d0', class: "visually-hidden" }, "collapse / expand menu"))), renderer.h("slot", { key: '789d41eef9551811c368692c20b6aefef60c0fa0' }), this.slotCtrl.has('foot') && (renderer.h("div", { key: '43ae2bbf32447b820a96e990812e6e0542a31f78', class: "foot" }, renderer.h("slot", { key: '6cff47313f5465c38f8272638bae793648238c26', name: "foot" }))))))));
|
|
155
155
|
}
|
|
156
156
|
static get watchers() { return {
|
|
157
157
|
"open": ["openChange"]
|
|
@@ -54,8 +54,8 @@ const Rating = class {
|
|
|
54
54
|
this.handleShowHideElements();
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (renderer.h(index.Host, { key: '
|
|
58
|
-
renderer.h("div", { key: '
|
|
57
|
+
return (renderer.h(index.Host, { key: 'e8c428a7adfceaa5a7e427ec824341e8b6867d7a', class: "nano-more-less" }, renderer.h("slot", { key: '1f77ecd99f6d9dc2717a25066bc5baa332781096', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
|
|
58
|
+
renderer.h("div", { key: '63e70b0dd2b343ad2e887186063526d3f3f3c7fd', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, renderer.h("slot", { key: '926db7914efeac71f6e3fbfe7df53e61ca5dfad4', name: "less" }, renderer.h("button", { key: '5a693e3684cae91a70e8dc6714542ea2b5cc73e6', part: "button button--less" }, "Show more (+", this.children.length - this.maxToShow, ")"))),
|
|
59
59
|
!this.noHideBtn ? (renderer.h("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, renderer.h("slot", { name: "more" }, renderer.h("button", { part: "button button--more" }, "Show less (-", this.children.length - this.maxToShow, ")")))) : (''),
|
|
60
60
|
]));
|
|
61
61
|
}
|
|
@@ -195,20 +195,20 @@ const Rating = class {
|
|
|
195
195
|
else {
|
|
196
196
|
displayValue = this.isHovering ? this.hoverValue : this.value;
|
|
197
197
|
}
|
|
198
|
-
return (renderer.h(index.Host, { key: '
|
|
198
|
+
return (renderer.h(index.Host, { key: 'ca9f8614ee480fe918ea02b0d76e86ee46011ccd', class: "nano-rating" }, renderer.h("label", { key: '15115ed7a3fb89a94ad83fd21585f217765d5a62', class: `rating-label${this.hideLabel ? ' visually-hidden' : ''}`, part: "label", htmlFor: this.name }, renderer.h("slot", { key: '74a550e0f50a541c1d202a170d51c26ba20ead68', name: "label" }, this.label)), renderer.h("input", { key: 'f9dc6fe605ef4d9c8f8720892a94eec1769cb04d', class: "range-input visually-hidden", name: this.name, id: this.name, disabled: this.disabled || this.readonly, required: this.required, value: this.value, onFocus: () => {
|
|
199
199
|
this.setFocus();
|
|
200
|
-
} }), renderer.h("div", { key: '
|
|
200
|
+
} }), renderer.h("div", { key: 'bf0b7849d8bed8732b172a12a45d287e1827f9a7', class: "rating-wrap" }, renderer.h("div", { key: '392f8d2c6cb93c7d0765371875ad2aa273d20874', dir: this.isRtl ? 'rtl' : null, ref: (el) => (this.rating = el), part: "base", class: {
|
|
201
201
|
rating: true,
|
|
202
202
|
'rating--readonly': this.readonly,
|
|
203
203
|
'rating--disabled': this.disabled,
|
|
204
|
-
}, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, renderer.h("span", { key: '
|
|
204
|
+
}, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, renderer.h("span", { key: '6a18e58e85a13da490e931002f633bbd9a2c0279', class: "rating__symbols rating__symbols--inactive" }, counter.map((index) => (renderer.h("span", { class: {
|
|
205
205
|
rating__symbol: true,
|
|
206
206
|
'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1,
|
|
207
207
|
},
|
|
208
208
|
// Users can click the current value to clear the rating. When this happens, we set this.isHovering to
|
|
209
209
|
// false to prevent the hover state from confusing them as they move the mouse out of the control. This
|
|
210
210
|
// extra mouseenter will reinstate it if they happen to mouse over an adjacent symbol.
|
|
211
|
-
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), renderer.h("span", { key: '
|
|
211
|
+
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), renderer.h("span", { key: 'b7ee9e2ba25a05d701728e5280c00759a5c967d7', ref: (span) => (this.indicator = span), class: "rating__symbols rating__symbols--indicator", style: {
|
|
212
212
|
clip: this.clip(displayValue),
|
|
213
213
|
} }, counter.map((index) => (renderer.h("span", { class: {
|
|
214
214
|
rating__symbol: true,
|
|
@@ -228,13 +228,13 @@ const ResizeObserve = class {
|
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
230
|
render() {
|
|
231
|
-
return (renderer.h(index.Host, { key: '
|
|
231
|
+
return (renderer.h(index.Host, { key: '5c2c1a5a1187493cb89fe5c581d5b4b1250f5009', class: {
|
|
232
232
|
'nano-resize-observe': true,
|
|
233
233
|
'content-fit-x': this.contentFitX,
|
|
234
234
|
'content-fit-y': this.contentFitY,
|
|
235
235
|
'content-nofit-x': this.contentFitX === false,
|
|
236
236
|
'content-nofit-y': this.contentFitY === false,
|
|
237
|
-
} }, renderer.h("slot", { key: '
|
|
237
|
+
} }, renderer.h("slot", { key: '24c3b65283fe59e533b68618188a4ff2dedb1b91' }), !!this.notifyContentFit &&
|
|
238
238
|
(this.contentFitX !== null || this.contentFitY !== null) && [
|
|
239
239
|
this.contentFitX ? (renderer.h("slot", { name: "content-fit-x" })) : (renderer.h("slot", { name: "content-nofit-x" })),
|
|
240
240
|
this.contentFitY ? (renderer.h("slot", { name: "content-fit-y" })) : (renderer.h("slot", { name: "content-nofit-y" })),
|
|
@@ -39,7 +39,7 @@ const Slide = class {
|
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (renderer.h(index.Host, { key: '
|
|
42
|
+
return (renderer.h(index.Host, { key: '4682e74f51d787ef7e2a5481b39f8c8e3a87fa1e', class: "nano-slide" }, renderer.h("slot", { key: '12d3315aeabf35aaf0c86c7239c0ef1cf19b60b5' })));
|
|
43
43
|
}
|
|
44
44
|
static get watchers() { return {
|
|
45
45
|
"ready": ["readyChange"]
|
|
@@ -2823,15 +2823,15 @@ const Slides = class {
|
|
|
2823
2823
|
}
|
|
2824
2824
|
async loadFlickityModules(opts) {
|
|
2825
2825
|
if (!this.hasFullScreenModule && opts.fullscreen) {
|
|
2826
|
-
await Promise.resolve().then(function () { return require('./fullscreen-
|
|
2826
|
+
await Promise.resolve().then(function () { return require('./fullscreen-DwMCASzJ.js'); });
|
|
2827
2827
|
this.hasFullScreenModule = true;
|
|
2828
2828
|
}
|
|
2829
2829
|
if (!this.hasLazyLoadModule && opts.lazyLoad) {
|
|
2830
|
-
await Promise.resolve().then(function () { return require('./lazyload-
|
|
2830
|
+
await Promise.resolve().then(function () { return require('./lazyload-e3rgW4Hl.js'); });
|
|
2831
2831
|
this.hasLazyLoadModule = true;
|
|
2832
2832
|
}
|
|
2833
2833
|
if (!this.hasFadeModule && opts.fade) {
|
|
2834
|
-
await Promise.resolve().then(function () { return require('./fade-
|
|
2834
|
+
await Promise.resolve().then(function () { return require('./fade-qohjp1nm.js'); });
|
|
2835
2835
|
this.hasFadeModule = true;
|
|
2836
2836
|
}
|
|
2837
2837
|
}
|
|
@@ -2965,15 +2965,15 @@ const Slides = class {
|
|
|
2965
2965
|
this.destroyflickity();
|
|
2966
2966
|
}
|
|
2967
2967
|
render() {
|
|
2968
|
-
return (renderer.h(index.Host, { key: '
|
|
2968
|
+
return (renderer.h(index.Host, { key: '42548f40ddb58bd17ba72b0f4d8eae4e80830896', class: "nano-slides" }, renderer.h("div", { key: 'd8f2236b6bca970b42b3d1d8f9ab0a6b109d36a1', class: {
|
|
2969
2969
|
slideshow: true,
|
|
2970
2970
|
ready: this.ready,
|
|
2971
2971
|
'not-ready': !this.ready,
|
|
2972
|
-
}, part: "base" }, renderer.h("div", { key: '
|
|
2972
|
+
}, part: "base" }, renderer.h("div", { key: '8fbdcaad01037ae236438aedb5a50fcc00f44830', ref: (div) => (this.flickityEl = div), class: {
|
|
2973
2973
|
'flickity-container': true,
|
|
2974
2974
|
'slides-ready': this.slidesReady,
|
|
2975
2975
|
'slides-not-ready': !this.slidesReady,
|
|
2976
|
-
}, part: "slide-container" }, renderer.h("slot", { key: '
|
|
2976
|
+
}, part: "slide-container" }, renderer.h("slot", { key: 'daf0eb9a2fda8304dad8575205bcd03db6974212', onSlotchange: () => this.update() })), renderer.h("div", { key: 'd319f84ee4c616c591133613b304df11b171975c', class: "ui-extras" }, renderer.h("slot", { key: 'c3bcea25c38aa569a78b51f415f29b520f9b3f86', name: "ui" })), this.pageCount > 1 && (this.pager || this.navbtns) && (renderer.h("div", { key: 'e6fa9bba0a67ec190cb8461a21d32ca74d3a0b88', class: "pagination", part: "pagination" }, this.navbtns && (renderer.h("button", { key: '3539c40d3505d629ed8ff83a56abaa990dc46857', class: "flickity-button flickity-prev-next-button previous", part: "navigation-button navigation-button--previous", "aria-label": "Previous slide", onClick: () => this.slidePrev(), disabled: this.iCurrentSlide === 0 && !this.options.wrapAround }, renderer.h("span", { key: 'ca7f5d2b8dc29e5c0fee0e7d74ac26be8dcd74f6', class: "button-icon button-icon--previous", part: "navigation-icon" }, renderer.h("slot", { key: '3eab4f9542746d4bc1bdd5f69aa2ff89beafba00', name: "previous-icon" })))), this.pager && (renderer.h("div", { key: '762f7a3601918ebd6cb8a2bf8bbf4f3ee359f8bc', class: "flickity-page-dots" }, Array.from({ length: this.pageCount }).map((_, index) => (renderer.h("button", { part: "pagination-item--active", key: index, class: {
|
|
2977
2977
|
'pagination-btn': true,
|
|
2978
2978
|
'pagination-btn--active': this.isActive(index),
|
|
2979
2979
|
'is-selected': this.isActive(index),
|
|
@@ -2982,8 +2982,8 @@ const Slides = class {
|
|
|
2982
2982
|
if (this.isActive(index))
|
|
2983
2983
|
return;
|
|
2984
2984
|
this.slideTo(index);
|
|
2985
|
-
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '
|
|
2986
|
-
this.iCurrentSlide + 1 && !this.options.wrapAround }, renderer.h("span", { key: '
|
|
2985
|
+
} }, renderer.h("span", { class: "pagination-btn__label" }, "Go to slide ", index + 1)))))), this.navbtns && (renderer.h("button", { key: '4a9bcddd7133c0a150e2e046e82bf76a97534926', class: "flickity-button flickity-prev-next-button next", part: "navigation-button navigation-button--next", "aria-label": "Next slide", onClick: () => this.slideNext(), disabled: this.syncflickity?.slides.length ===
|
|
2986
|
+
this.iCurrentSlide + 1 && !this.options.wrapAround }, renderer.h("span", { key: 'de509817e85cff853beba46b0ae5d19e14b8f81d', class: "button-icon", part: "navigation-icon" }, renderer.h("slot", { key: '89ffb6c06f1b03feb2065808222c14be70b66949', name: "next-icon" })))))))));
|
|
2987
2987
|
}
|
|
2988
2988
|
static get watchers() { return {
|
|
2989
2989
|
"options": ["optionsChanged"],
|
|
@@ -728,7 +728,7 @@ const Sortable = class {
|
|
|
728
728
|
}
|
|
729
729
|
}
|
|
730
730
|
render() {
|
|
731
|
-
return (renderer.h(index.Host, { key: '
|
|
731
|
+
return (renderer.h(index.Host, { key: '92da39ca4300baebfafa0dbbde2b969a94c153a1', class: "nano-sortable" }, renderer.h("div", { key: 'f36ee8930fe09db42e4eb3d23bc9c9a41cee78c3', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (renderer.h("div", null, str)))), renderer.h("slot", { key: 'b5aadf78950111c71866655c087fd188ff310414' })));
|
|
732
732
|
}
|
|
733
733
|
static get watchers() { return {
|
|
734
734
|
"itemSelector": ["handleItemSelectorChange"],
|
|
@@ -83,7 +83,7 @@ const NanoStepAccordion = class {
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
|
-
return (renderer.h("nano-accordion", { key: '
|
|
86
|
+
return (renderer.h("nano-accordion", { key: 'dd04f4a4e9a0d3892342cb5fd0ca4ded7fa393cc', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index$1) => (renderer.h("nano-details", { open: index$1 === this.activeStep, disabled: !step.enabled, class: {
|
|
87
87
|
step: true,
|
|
88
88
|
'step--active': index$1 === this.activeStep,
|
|
89
89
|
'step--complete': step.complete,
|
|
@@ -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
|
|
|
@@ -106,10 +106,10 @@ const NanoStepBreadcrumb = class {
|
|
|
106
106
|
};
|
|
107
107
|
render() {
|
|
108
108
|
const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
|
|
109
|
-
return (renderer.h(index.Host, { key: '
|
|
109
|
+
return (renderer.h(index.Host, { key: '411b80e166d57b3d07b80ec28cad52fcf8a309c5' }, renderer.h(Wrapper, { key: '3c84726262a3830766f50779ee6cd3fec8da47d8', class: "step-wrapper" }, renderer.h("ul", { key: 'b62449d73c812731bb4ab0d53992fec1f18448ed', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (renderer.h("li", { class: "step-item-wrapper", key: index }, renderer.h(this.ControlTag, { step: step, index: index }))))), renderer.h("div", { key: 'ef7a477f27f8c10efa6ad5309386a1c6bf0e38bb', class: `step-list mobile ${this.cacheKey}` }, renderer.h("nano-dropdown", { key: 'b36fa485a490b0a6425c84ff8cdca9b12ceb1e2c', dialogTitle: "Steps", class: "step-dropdown" }, renderer.h("button", { key: '122a3616e538164c52feaf095e3227f1b5cbd7e5', slot: "trigger", class: "step-trigger" }, renderer.h("div", { key: '097c1fd6f3588d28b869b82d9f63de996d7c20dc', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
|
|
110
110
|
'--value': '' + (this.activeStep + 1),
|
|
111
111
|
'--max': '' + this.steps.length,
|
|
112
|
-
} }, renderer.h("span", { key: '
|
|
112
|
+
} }, renderer.h("span", { key: '3d90bccdae92dbecccf93f36b4325e6184d55bcc', class: "step-progress-text" }, renderer.h("strong", { key: '941be73db7a09546c823175ccf01519f3daf7d73' }, this.activeStep + 1), " of", ' ', this.steps.length)), renderer.h("div", { key: '52619f7a88712ace9b82e4a112784af57fc87ec1', class: "step-trigger-text" }, renderer.h("div", { key: 'f3fb2049434f2435836ee276fe0ac56d398a04b7', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), renderer.h("div", { key: '382916108875640ef59479bf259fe26662596720', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), renderer.h("nano-icon", { key: '18503355440a76daaa97abcbc1b5f53d783ac86d', class: "step-trigger-icon", name: "light/chevron-down" })), renderer.h("nano-menu", { key: '91032f5d664af203643a27b62ff0d0749b467029' }, this.steps.map((step, index) => (renderer.h("nano-nav-item", { class: {
|
|
113
113
|
'step-item-mobile': true,
|
|
114
114
|
'step-item-mobile step-item--active': index === this.activeStep,
|
|
115
115
|
'step-item-mobile step-item--complete': step.complete,
|
|
@@ -607,12 +607,12 @@ const Sticker = class {
|
|
|
607
607
|
this.hasBootstrapped = false;
|
|
608
608
|
}
|
|
609
609
|
render() {
|
|
610
|
-
return (renderer.h(index.Host, { key: '
|
|
610
|
+
return (renderer.h(index.Host, { key: '60adae6e59e66c467f2bc893bfce5fec6f9840b3', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, renderer.h("div", { key: 'd07aa4d91346877330985751dc07e77ade6641f1', class: {
|
|
611
611
|
sticker: true,
|
|
612
612
|
sticky: this.isRootSticker && this.isSticky,
|
|
613
613
|
stuck: this.isStuck && this.isRootSticker && this.isSticky,
|
|
614
614
|
hide: this.isRootSticker && this.hide && this.isStuck,
|
|
615
|
-
}, ref: (div) => (this.sticker = div) }, renderer.h("div", { key: '
|
|
615
|
+
}, ref: (div) => (this.sticker = div) }, renderer.h("div", { key: '2e9e03afcef0357ada094e4518c9bfd84947e676', class: "sticker-content", ref: (div) => (this.content = div) }, renderer.h("slot", { key: '21c51e2ea322f7d39528633072d93cfe8ebb94de' })))));
|
|
616
616
|
}
|
|
617
617
|
static get watchers() { return {
|
|
618
618
|
"trigger": ["updateTriggerOffset"],
|
|
@@ -24,10 +24,10 @@ const NanoTabContent = class {
|
|
|
24
24
|
requestAnimationFrame(() => (this.ready = true));
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (renderer.h(index.Host, { key: '
|
|
27
|
+
return (renderer.h(index.Host, { key: '0a81893905932bca2ba694d0ecb27f28369f7606', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
|
|
28
28
|
ready: this.ready,
|
|
29
29
|
'nano-tab-content': true,
|
|
30
|
-
} }, renderer.h("div", { key: '
|
|
30
|
+
} }, renderer.h("div", { key: '74093ccac8983cba93c5bff5f06da2ab4ade4eed', part: "base", class: "nano-tab-content" }, renderer.h("slot", { key: '9c0922b3463cec891cf542ebf2232c9f4870845d' }))));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
NanoTabContent.style = tabContentCss;
|
|
@@ -51,12 +51,12 @@ const NanoTab = class {
|
|
|
51
51
|
};
|
|
52
52
|
render() {
|
|
53
53
|
const Tag = this.href ? 'a' : 'div';
|
|
54
|
-
return (renderer.h(index.Host, { key: '
|
|
54
|
+
return (renderer.h(index.Host, { key: '3649794a7283da61c9659f2c639d00862a2116d1', id: this.host.id || this.tabId, role: !this.href ? 'tab' : undefined, "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, renderer.h(Tag, { key: '4a1cff12dce6edb0a13b1a1d997a8534132e617a', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
|
|
55
55
|
tab: true,
|
|
56
56
|
'tab--active': this.active,
|
|
57
57
|
'tab--disabled': this.disabled,
|
|
58
58
|
'tab--closable': this.closable,
|
|
59
|
-
}, href: this.href, target: this.target }, renderer.h("slot", { key: '
|
|
59
|
+
}, href: this.href, target: this.target }, renderer.h("slot", { key: 'f3b43c6b87ce86c945671b18598ed8844ec8e855', name: "start" }), renderer.h("div", { key: 'c9b508f82c5818b625e24b14ce1d9b61e47fd208', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active || this.href ? '-1' : '0', class: "tab__label" }, renderer.h("slot", { key: '6c02486bf2f3640fd56fc188d0fdf2091f3da23c' })), renderer.h("slot", { key: 'bd9695255a1032294c9ff2f500e01aac2ba2b3e3', name: "end" }), this.closable && !this.disabled && (renderer.h("nano-icon-button", { key: '0f458dcada1ee1d05f4bbce6c24352d01ff1a68d', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
NanoTab.style = tabCss;
|
|
@@ -228,10 +228,10 @@ const NanoTable = class {
|
|
|
228
228
|
this.cleanUpObservers();
|
|
229
229
|
}
|
|
230
230
|
render() {
|
|
231
|
-
return (renderer.h(index.Host, { key: '
|
|
231
|
+
return (renderer.h(index.Host, { key: 'ebbfd8421e422255664184552b1f0eda8072fd89', class: {
|
|
232
232
|
'nano-table': true,
|
|
233
233
|
'nano-table--props-ready': this.propsReady,
|
|
234
|
-
} }, this.scrollable && (renderer.h("nano-masked-overflow", { key: '
|
|
234
|
+
} }, this.scrollable && (renderer.h("nano-masked-overflow", { key: '89df303f6187fed245e1883420c913e765a625fc', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, renderer.h("div", { key: 'e9c9da86bd1ff153587dbcc56dd79d661dcb0cbc', class: "nano-table__overflow" }))), renderer.h("slot", { key: 'ce06e9466b6700c9c3c489d5751a28da1af5952f' })));
|
|
235
235
|
}
|
|
236
236
|
static get watchers() { return {
|
|
237
237
|
"compact": ["handleCompactChange"],
|
|
@@ -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
|
}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Custom elements for Nanopore-Digital Web applications
|
|
3
|
+
*/
|
|
4
|
+
import { h, Host, } from "@stencil/core";
|
|
1
5
|
import { transformTag } from "../../utils/renderer";
|
|
2
6
|
/**
|
|
3
7
|
* Mega drop-down container. Groups `nano-mdd-item` elements and optionally
|
|
@@ -47,6 +51,9 @@ export class Mdd {
|
|
|
47
51
|
componentDidLoad() {
|
|
48
52
|
this.syncAccordionProp();
|
|
49
53
|
}
|
|
54
|
+
render() {
|
|
55
|
+
return (h(Host, { key: '52a120df3f4a2e6f6864634567ee80261d709633' }, h("slot", { key: 'a3016952c44b518bd751ba04ecc8684d23f6a393' })));
|
|
56
|
+
}
|
|
50
57
|
static get is() { return "nano-mdd"; }
|
|
51
58
|
static get originalStyleUrls() {
|
|
52
59
|
return {
|
|
@@ -147,14 +147,14 @@ export class MenuDrawer {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
render() {
|
|
150
|
-
return (h(Host, { key: '
|
|
150
|
+
return (h(Host, { key: '97332b71914156fa113b0c731df25df9f865efac', class: {
|
|
151
151
|
open: this.open,
|
|
152
152
|
'secondary-open': this.secondaryOpen,
|
|
153
153
|
hide: this.hide,
|
|
154
154
|
loading: this.isLoading,
|
|
155
155
|
'has-global-nav': !!this.globalNav,
|
|
156
156
|
'nano-menu-drawer': true,
|
|
157
|
-
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: '
|
|
157
|
+
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: 'dca06c232b7ea14a297e0dcb76af9aa1e4a8495d', ref: (div) => (this.containerDiv = div), class: "container" }, h("div", { key: 'cb7c8552ef987f62da0736843b1c3e831db67f24', class: `content-wrap ${this.secondaryOpen ? 'secondary-open' : ''}` }, h("nav", { key: '4693b1febfbb2c0bd151a6eb92601c9d187ad8d3', ref: (div) => (this.contentDiv = div), class: "content" }, h("div", { key: '08d0b661514899115b4e95e2e7f5e4b8c9b4b845', class: "head" }, h("button", { key: '614da037d05c06f21776cfa3bb3f83d4a4faf207', onClick: this.toggle, class: "collapse-btn" }, h("nano-icon", { key: 'd2f6562f2e0fc7fb548dec8ea8db15fbaf4f6775', name: "light/arrow-right-to-line" }), h("span", { key: 'd9dbe44c1d25920f482e7729fb29ccebef3fc6d0', class: "visually-hidden" }, "collapse / expand menu"))), h("slot", { key: '789d41eef9551811c368692c20b6aefef60c0fa0' }), this.slotCtrl.has('foot') && (h("div", { key: '43ae2bbf32447b820a96e990812e6e0542a31f78', class: "foot" }, h("slot", { key: '6cff47313f5465c38f8272638bae793648238c26', name: "foot" }))))))));
|
|
158
158
|
}
|
|
159
159
|
static get is() { return "nano-menu-drawer"; }
|
|
160
160
|
static get encapsulation() { return "shadow"; }
|
|
@@ -65,8 +65,8 @@ export class Rating {
|
|
|
65
65
|
this.handleShowHideElements();
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return (h(Host, { key: '
|
|
69
|
-
h("div", { key: '
|
|
68
|
+
return (h(Host, { key: 'e8c428a7adfceaa5a7e427ec824341e8b6867d7a', class: "nano-more-less" }, h("slot", { key: '1f77ecd99f6d9dc2717a25066bc5baa332781096', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
|
|
69
|
+
h("div", { key: '63e70b0dd2b343ad2e887186063526d3f3f3c7fd', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, h("slot", { key: '926db7914efeac71f6e3fbfe7df53e61ca5dfad4', name: "less" }, h("button", { key: '5a693e3684cae91a70e8dc6714542ea2b5cc73e6', part: "button button--less" }, "Show more (+", this.children.length - this.maxToShow, ")"))),
|
|
70
70
|
!this.noHideBtn ? (h("div", { style: { display: this.show ? 'contents' : 'none' }, class: "button-wrapper", part: "button-wrapper button-wrapper--more", onClick: (e) => this.handleClick(e) }, h("slot", { name: "more" }, h("button", { part: "button button--more" }, "Show less (-", this.children.length - this.maxToShow, ")")))) : (''),
|
|
71
71
|
]));
|
|
72
72
|
}
|
|
@@ -192,20 +192,20 @@ export class Rating {
|
|
|
192
192
|
else {
|
|
193
193
|
displayValue = this.isHovering ? this.hoverValue : this.value;
|
|
194
194
|
}
|
|
195
|
-
return (h(Host, { key: '
|
|
195
|
+
return (h(Host, { key: 'ca9f8614ee480fe918ea02b0d76e86ee46011ccd', class: "nano-rating" }, h("label", { key: '15115ed7a3fb89a94ad83fd21585f217765d5a62', class: `rating-label${this.hideLabel ? ' visually-hidden' : ''}`, part: "label", htmlFor: this.name }, h("slot", { key: '74a550e0f50a541c1d202a170d51c26ba20ead68', name: "label" }, this.label)), h("input", { key: 'f9dc6fe605ef4d9c8f8720892a94eec1769cb04d', class: "range-input visually-hidden", name: this.name, id: this.name, disabled: this.disabled || this.readonly, required: this.required, value: this.value, onFocus: () => {
|
|
196
196
|
this.setFocus();
|
|
197
|
-
} }), h("div", { key: '
|
|
197
|
+
} }), h("div", { key: 'bf0b7849d8bed8732b172a12a45d287e1827f9a7', class: "rating-wrap" }, h("div", { key: '392f8d2c6cb93c7d0765371875ad2aa273d20874', dir: this.isRtl ? 'rtl' : null, ref: (el) => (this.rating = el), part: "base", class: {
|
|
198
198
|
rating: true,
|
|
199
199
|
'rating--readonly': this.readonly,
|
|
200
200
|
'rating--disabled': this.disabled,
|
|
201
|
-
}, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("span", { key: '
|
|
201
|
+
}, "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', "aria-valuenow": this.value, "aria-valuemin": 0, "aria-valuemax": this.max, tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("span", { key: '6a18e58e85a13da490e931002f633bbd9a2c0279', class: "rating__symbols rating__symbols--inactive" }, counter.map((index) => (h("span", { class: {
|
|
202
202
|
rating__symbol: true,
|
|
203
203
|
'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1,
|
|
204
204
|
},
|
|
205
205
|
// Users can click the current value to clear the rating. When this happens, we set this.isHovering to
|
|
206
206
|
// false to prevent the hover state from confusing them as they move the mouse out of the control. This
|
|
207
207
|
// extra mouseenter will reinstate it if they happen to mouse over an adjacent symbol.
|
|
208
|
-
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), h("span", { key: '
|
|
208
|
+
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), h("span", { key: 'b7ee9e2ba25a05d701728e5280c00759a5c967d7', ref: (span) => (this.indicator = span), class: "rating__symbols rating__symbols--indicator", style: {
|
|
209
209
|
clip: this.clip(displayValue),
|
|
210
210
|
} }, counter.map((index) => (h("span", { class: {
|
|
211
211
|
rating__symbol: true,
|
|
@@ -230,13 +230,13 @@ export class ResizeObserve {
|
|
|
230
230
|
}
|
|
231
231
|
}
|
|
232
232
|
render() {
|
|
233
|
-
return (h(Host, { key: '
|
|
233
|
+
return (h(Host, { key: '5c2c1a5a1187493cb89fe5c581d5b4b1250f5009', class: {
|
|
234
234
|
'nano-resize-observe': true,
|
|
235
235
|
'content-fit-x': this.contentFitX,
|
|
236
236
|
'content-fit-y': this.contentFitY,
|
|
237
237
|
'content-nofit-x': this.contentFitX === false,
|
|
238
238
|
'content-nofit-y': this.contentFitY === false,
|
|
239
|
-
} }, h("slot", { key: '
|
|
239
|
+
} }, h("slot", { key: '24c3b65283fe59e533b68618188a4ff2dedb1b91' }), !!this.notifyContentFit &&
|
|
240
240
|
(this.contentFitX !== null || this.contentFitY !== null) && [
|
|
241
241
|
this.contentFitX ? (h("slot", { name: "content-fit-x" })) : (h("slot", { name: "content-nofit-x" })),
|
|
242
242
|
this.contentFitY ? (h("slot", { name: "content-fit-y" })) : (h("slot", { name: "content-nofit-y" })),
|
|
@@ -705,30 +705,30 @@ export class Select {
|
|
|
705
705
|
disabled,
|
|
706
706
|
clearControl: this.clearable,
|
|
707
707
|
}))(this);
|
|
708
|
-
return (h(Host, { key: '
|
|
708
|
+
return (h(Host, { key: 'e16c3ad617a9efd302fccd9f3f66a989e8bfb2d0', type: this.multiple ? 'select-multiple' : 'select-one', "aria-disabled": this.disabled ? 'true' : null, class: {
|
|
709
709
|
'has-value': !!this.value.length || !!this.inputSearchVal.length,
|
|
710
710
|
'has-focus': this.hasFocus,
|
|
711
711
|
'is-invalid': this._invalid === true,
|
|
712
712
|
'is-valid': this._invalid === false,
|
|
713
713
|
'nano-select': true,
|
|
714
|
-
} }, h(FormControlWrap, { key: '
|
|
714
|
+
} }, h(FormControlWrap, { key: '3b6f2796221b941871b5e42e3345cc668b1792a9', ...wrapOptions, class: {
|
|
715
715
|
'has-error': !!this.errorMessage &&
|
|
716
716
|
this.showInlineError &&
|
|
717
717
|
this._invalid === true,
|
|
718
718
|
'has-helper': this.hasHelperSlot,
|
|
719
719
|
'is-open': this.hasOpened,
|
|
720
720
|
masked: this.mask,
|
|
721
|
-
} }, h(FormControl, { key: '
|
|
722
|
-
this.mask && (h("div", { key: '
|
|
723
|
-
h("input", { key: '
|
|
724
|
-
])), !this.readonly && !this.disabled && (h("nano-datalist", { key: '
|
|
721
|
+
} }, h(FormControl, { key: 'f15f55785786c1831ea1983a76ac44e3107b12c6', ...controlOptions, ref: (el) => (this.selectWrap = el), onClearText: this.clearSelectValue, control: this.el, endValueSlot: h("slot", { name: "down-arrow" }, h("nano-icon", { class: "select__down-arrow", name: "light/chevron-down" })), showInlineError: this.showInlineError }, this.multiple && (h("div", { key: '33bbe0bf20b03138fbe5edc597dcae69d2c3c2f8', class: "select__multi-wrap select" }, this.multipleValues(labelId, moreId, helperEndId))), !this.multiple && [
|
|
722
|
+
this.mask && (h("div", { key: 'ce7ad6a1d92ac5ee1fe890f4d406c38d9e6c3e7b', class: "select__mask" }, this.getLabel(this.value))),
|
|
723
|
+
h("input", { key: '71dbac3723511da106d0ec4c2c1dca15861fb942', ref: (input) => (this.inputCtrl = input), id: this.selectId, class: "select__native-input", "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, form: this.form, placeholder: this.placeholder, readonly: true, required: this.required, value: this.getLabel(this.value), onFocus: this.onFocus }),
|
|
724
|
+
])), !this.readonly && !this.disabled && (h("nano-datalist", { key: 'eedb7c8d2e72177ca794ca2c87c9272c1b0747fc', ref: (el) => (this.datalist = el), selected: this.valArray, type: this.multiple ? 'selectMulti' : 'select', options: this._options.length ? this._options : undefined, onNanoDeselect: (e) => {
|
|
725
725
|
e.preventDefault();
|
|
726
726
|
this.removeValue(e.detail.value);
|
|
727
727
|
}, onNanoOptionsUpdated: this.setOptions, onNanoSelect: this.setValue,
|
|
728
728
|
// @ts-expect-error - this bubbles from the nano-dropdown
|
|
729
729
|
onNanoShow: () => (this.hasOpened = true), onNanoHide: () => (this.hasOpened = false) }, this.allowCustomValues &&
|
|
730
730
|
this.multiple &&
|
|
731
|
-
!!this.inputSearchVal && (h("nano-option", { key: '
|
|
731
|
+
!!this.inputSearchVal && (h("nano-option", { key: '1042e4403ae2e187f19d179cb9abf1641e381e53', slot: "list-top", value: this.inputSearchVal, selected: false, label: this.inputSearchVal, onNanoSelect: () => this.inputCtrl.focus() }, h("span", { key: '2c3fcf73eb8d5a7a7894567a7069d3a87deaf82e', slot: "check-icon" }), "Add '", this.inputSearchVal, "'")), h("slot", { key: '9b2ae27ac6a6c04207495d378c1b4493be38817a' }))), h("select", { key: '13a280aa59b88260a4677d2387c69dff8283610f', id: this.selectId + '-hidden', class: "select__native-ctrl", ref: (select) => (this.nativeSelect = select), "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, form: this.form, multiple: this.multiple, name: this.name, required: this.required, onInvalid: this.handleInvalid }, this.allowCustomValues &&
|
|
732
732
|
this.valArray.map((val) => {
|
|
733
733
|
return (h("option", { value: val, selected: true }, val));
|
|
734
734
|
}), !this.allowCustomValues &&
|
|
@@ -38,7 +38,7 @@ export class Slide {
|
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '4682e74f51d787ef7e2a5481b39f8c8e3a87fa1e', class: "nano-slide" }, h("slot", { key: '12d3315aeabf35aaf0c86c7239c0ef1cf19b60b5' })));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "nano-slide"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|