@nanoporetech-digital/components 8.1.1 → 8.3.0
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-DiBAr_-0.js → fade-Cvsqaxtn.js} +1 -1
- package/dist/cjs/{fullscreen-DiSrws4D.js → fullscreen-BtSF9KqT.js} +1 -1
- package/dist/cjs/index-Bp8uD6Gl.js +8 -0
- package/dist/cjs/{lazyload-CilBX2zO.js → lazyload-DxM1Zo3E.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{local-logged-in-CX0THX6r.js → local-logged-in-CLtc2TZa.js} +1 -1
- package/dist/cjs/{local-logged-out-C-cPz-8v.js → local-logged-out-Ao69_vQl.js} +1 -1
- package/dist/cjs/nano-avatar_5.cjs.entry.js +7 -7
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/nano-date-picker_2.cjs.entry.js +29 -26
- package/dist/cjs/nano-global-nav.cjs.entry.js +3 -3
- package/dist/cjs/nano-icon_3.cjs.entry.js +3 -3
- package/dist/cjs/nano-in-page-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-increment.cjs.entry.js +81 -0
- package/dist/cjs/nano-intersection-observe.cjs.entry.js +1 -1
- package/dist/cjs/nano-masked-overflow.cjs.entry.js +3 -3
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +6 -3
- package/dist/cjs/nano-more-less.cjs.entry.js +2 -2
- package/dist/cjs/nano-option-box.cjs.entry.js +17 -0
- 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-CFlLOF1V.js → nano-slides-DLbZhf2H.js} +7 -7
- package/dist/cjs/nano-slides.cjs.entry.js +1 -1
- package/dist/cjs/nano-sortable.cjs.entry.js +1 -1
- 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/{page-dots-B69b5Pqb.js → page-dots-DpnNe0bi.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/global-nav/assets/local-logged-in.json +1 -1
- package/dist/collection/components/global-nav/assets/local-logged-out.json +1 -1
- package/dist/collection/components/global-nav/global-nav.css +1 -0
- package/dist/collection/components/icon-button/icon-button.css +1 -1
- package/dist/collection/components/in-page-nav/in-page-nav.js +2 -2
- package/dist/collection/components/increment/increment.css +102 -0
- package/dist/collection/components/increment/increment.js +97 -0
- package/dist/collection/components/input/input.js +30 -27
- package/dist/collection/components/intersection-observe/intersection-observe.js +1 -1
- package/dist/collection/components/masked-overflow/masked-overflow.js +3 -3
- package/dist/collection/components/menu-drawer/menu-drawer.css +11 -7
- package/dist/collection/components/menu-drawer/menu-drawer.js +7 -3
- package/dist/collection/components/more-less/more-less.js +2 -2
- package/dist/collection/components/option-box/option-box.css +41 -0
- package/dist/collection/components/option-box/option-box.js +25 -0
- 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 +3 -3
- package/dist/collection/components/sortable/sortable.js +1 -1
- 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/components/icon-button.js +1 -1
- package/dist/components/input.js +39 -36
- package/dist/components/local-logged-in.js +1 -1
- package/dist/components/local-logged-out.js +1 -1
- package/dist/components/masked-overflow.js +3 -3
- package/dist/components/nano-global-nav.js +1 -1
- package/dist/components/nano-in-page-nav.js +1 -1
- package/dist/components/nano-increment.d.ts +11 -0
- package/dist/components/nano-increment.js +119 -0
- package/dist/components/nano-intersection-observe.js +1 -1
- package/dist/components/nano-menu-drawer.js +8 -4
- package/dist/components/nano-more-less.js +2 -2
- package/dist/components/nano-option-box.d.ts +11 -0
- package/dist/components/nano-option-box.js +32 -0
- 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-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 +3 -3
- package/dist/components/sticker.js +2 -2
- package/dist/components/tooltip.js +2 -2
- package/dist/esm/{fade-CJJNY8cW.js → fade-M1mjf4zm.js} +1 -1
- package/dist/esm/{fullscreen-kmgJDkI-.js → fullscreen-BJlrN4_5.js} +1 -1
- package/dist/esm/index-DgO0qeQ9.js +8 -0
- package/dist/esm/{lazyload-DqTFDE4y.js → lazyload-B6FI3nbb.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{local-logged-in-Bycp-mPl.js → local-logged-in-Bh5fOkeO.js} +1 -1
- package/dist/esm/{local-logged-out-BhOAka-2.js → local-logged-out-BQyUtSml.js} +1 -1
- package/dist/esm/nano-avatar_5.entry.js +7 -7
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/nano-date-picker_2.entry.js +29 -26
- package/dist/esm/nano-global-nav.entry.js +3 -3
- package/dist/esm/nano-icon_3.entry.js +3 -3
- package/dist/esm/nano-in-page-nav.entry.js +1 -1
- package/dist/esm/nano-increment.entry.js +79 -0
- package/dist/esm/nano-intersection-observe.entry.js +1 -1
- package/dist/esm/nano-masked-overflow.entry.js +3 -3
- package/dist/esm/nano-menu-drawer.entry.js +6 -3
- package/dist/esm/nano-more-less.entry.js +2 -2
- package/dist/esm/nano-option-box.entry.js +15 -0
- 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-Bdq8L4lE.js → nano-slides-CI0F1FDY.js} +7 -7
- package/dist/esm/nano-slides.entry.js +1 -1
- package/dist/esm/nano-sortable.entry.js +1 -1
- 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/{page-dots-BBtKwJtf.js → page-dots-BsFo0sLb.js} +1 -1
- package/dist/nano-assets/hash.txt +1 -1
- package/dist/nano-assets/local-logged-in.json +1 -1
- package/dist/nano-assets/local-logged-out.json +1 -1
- package/dist/nano-components/assets/local-logged-in.json +1 -1
- package/dist/nano-components/assets/local-logged-out.json +1 -1
- package/dist/nano-components/{fade-CJJNY8cW.js → fade-M1mjf4zm.js} +1 -1
- package/dist/nano-components/{fullscreen-kmgJDkI-.js → fullscreen-BJlrN4_5.js} +1 -1
- package/dist/nano-components/{lazyload-DqTFDE4y.js → lazyload-B6FI3nbb.js} +1 -1
- package/dist/nano-components/{local-logged-in-Bycp-mPl.js → local-logged-in-Bh5fOkeO.js} +1 -1
- package/dist/nano-components/{local-logged-out-BhOAka-2.js → local-logged-out-BQyUtSml.js} +1 -1
- package/dist/nano-components/nano-avatar_5.entry.js +1 -1
- package/dist/nano-components/nano-components.css +203 -10
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/nano-date-picker_2.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/nano-icon_3.entry.js +1 -1
- package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
- package/dist/nano-components/nano-increment.entry.js +4 -0
- package/dist/nano-components/nano-intersection-observe.entry.js +1 -1
- package/dist/nano-components/nano-masked-overflow.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-option-box.entry.js +4 -0
- 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-Bdq8L4lE.js → nano-slides-CI0F1FDY.js} +2 -2
- 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-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/{page-dots-BBtKwJtf.js → page-dots-BsFo0sLb.js} +1 -1
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/dist/types/components/in-page-nav/in-page-nav.d.ts +1 -1
- package/dist/types/components/increment/increment.d.ts +19 -0
- package/dist/types/components/input/input.d.ts +6 -2
- package/dist/types/components/menu-drawer/menu-drawer.d.ts +1 -0
- package/dist/types/components/option-box/option-box.d.ts +14 -0
- package/dist/types/components.d.ts +70 -4
- package/dist/wdio.conf.js +2 -2
- package/docs-json.json +117 -4
- package/docs-vscode.json +18 -2
- package/hydrate/index.js +196 -70
- package/hydrate/index.mjs +196 -70
- package/package.json +2 -2
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → uSGJX_GU}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -14693,7 +14693,7 @@ const searchInsight = {
|
|
|
14693
14693
|
},
|
|
14694
14694
|
};
|
|
14695
14695
|
|
|
14696
|
-
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-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::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:var(--nano-z-index-menubar);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-neutral-200)}.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}.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__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-neutral-300);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 .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-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 .nano-icon-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-neutral-200);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-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);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-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);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(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.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-neutral-300);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)}.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}";
|
|
14696
|
+
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-base-0);--main-menu-text-color:var(--nano-color-base-1000);--main-menu-hover-text-color:var(--nano-color-primary-1000);--main-menu-active-text-color:var(--nano-color-primary-1200);--main-menu-active-border-color:var(--nano-color-primary-1000);--overflow-bg-color:var(--nano-color-grey-mono-1600);--overflow-text-color:var(--nano-color-basic-white);--overflow-hover-text-color:var(--nano-color-blue-cerulean-700);--overflow-active-text-color:var(--nano-color-blue-cerulean-300);display:block;color:var(--main-menu-text-color)}img{max-inline-size:none;display:block}::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:var(--nano-z-index-menubar);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-neutral-200)}.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__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-neutral-300);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 .nano-icon-button{position:relative}.gn__search-dropdown .nano-icon-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 .nano-icon-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-neutral-200);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-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-neutral-1400);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-primary-300);--color-focus:var(--nano-color-neutral-1400);--color:var(--nano-color-primary-1200)}.gn__search-viewall::part(label){justify-content:flex-end;text-decoration:underline}.gn__user-dropdown-trigger{all:unset;cursor:pointer;color:var(--nano-color-primary-1200);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(--main-menu-hover-text-color)}.gn__user-dropdown-trigger:active{color:var(--main-menu-active-text-color)}.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-neutral-300);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)}.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}";
|
|
14697
14697
|
|
|
14698
14698
|
const MIN_SEARCH_LENGTH = 3;
|
|
14699
14699
|
/**
|
|
@@ -16626,7 +16626,7 @@ class Icon {
|
|
|
16626
16626
|
}; }
|
|
16627
16627
|
}
|
|
16628
16628
|
|
|
16629
|
-
const iconButtonCss = ":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{--border-radius:none;--active-color:var(--nano-color-neutral-800);--hover-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-xs);--box-shadow:none;--button-bg:transparent;color:currentcolor;border-radius:var(--border-radius);display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;border:none;border-radius:inherit;background:
|
|
16629
|
+
const iconButtonCss = ":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{--border-radius:none;--active-color:var(--nano-color-neutral-800);--hover-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-xs);--box-shadow:none;--button-bg:transparent;color:currentcolor;border-radius:var(--border-radius);display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;border:none;border-radius:inherit;background:inherit;font-size:inherit;color:inherit;padding:var(--padding);cursor:pointer;appearance:none;box-shadow:var(--box-shadow)}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--hover-color)}.icon-button:active:not(.icon-button--disabled){color:var(--active-color)}.icon-button:focus-visible:not(.icon-button--disabled){outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.icon-button__label{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}:host([disabled]:not([disabled=false])){opacity:0.5;cursor:not-allowed}.icon-button--disabled{pointer-events:none}";
|
|
16630
16630
|
|
|
16631
16631
|
/** Simple icon-only buttons designed to be used for actions and in toolbars.
|
|
16632
16632
|
*
|
|
@@ -17034,6 +17034,7 @@ class Input {
|
|
|
17034
17034
|
pickerDropdown;
|
|
17035
17035
|
picker;
|
|
17036
17036
|
pickerCloseBtn;
|
|
17037
|
+
shouldValidate = false;
|
|
17037
17038
|
// we don't want these rendered eles decorated with @State
|
|
17038
17039
|
// because that will cause re-renders. User get/set to set datalist options
|
|
17039
17040
|
_nativeInputWrap;
|
|
@@ -17220,7 +17221,9 @@ class Input {
|
|
|
17220
17221
|
*/
|
|
17221
17222
|
step;
|
|
17222
17223
|
/**
|
|
17223
|
-
* The initial size of the control. This value is in pixels unless the value of the type attribute
|
|
17224
|
+
* The initial size of the control. This value is in pixels unless the value of the type attribute
|
|
17225
|
+
* is `"text"` or `"password"`, in which case it is an integer number of characters.
|
|
17226
|
+
* This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
|
|
17224
17227
|
*/
|
|
17225
17228
|
size;
|
|
17226
17229
|
/**
|
|
@@ -17254,10 +17257,7 @@ class Input {
|
|
|
17254
17257
|
this.nativeInput.setCustomValidity('');
|
|
17255
17258
|
}
|
|
17256
17259
|
}
|
|
17257
|
-
|
|
17258
|
-
if (this.validateOn === 'dirty')
|
|
17259
|
-
this.validate();
|
|
17260
|
-
});
|
|
17260
|
+
this.shouldValidate = true;
|
|
17261
17261
|
}
|
|
17262
17262
|
/** Represents the value of the input or NaN if numeric conversion is impossible */
|
|
17263
17263
|
get valueAsNumber() {
|
|
@@ -17275,13 +17275,10 @@ class Input {
|
|
|
17275
17275
|
* Whether to show a character count / remaining count when using the `maxlength` attribute.
|
|
17276
17276
|
*/
|
|
17277
17277
|
showCharCount = false;
|
|
17278
|
-
|
|
17278
|
+
handleValidatePropChange() {
|
|
17279
17279
|
if (!this.hasRendered)
|
|
17280
17280
|
return;
|
|
17281
|
-
|
|
17282
|
-
if (this.validateOn === 'dirty')
|
|
17283
|
-
this.validate();
|
|
17284
|
-
});
|
|
17281
|
+
this.shouldValidate = true;
|
|
17285
17282
|
}
|
|
17286
17283
|
///// TYPE SPECIFIC PROPS /////
|
|
17287
17284
|
/**
|
|
@@ -17436,7 +17433,7 @@ class Input {
|
|
|
17436
17433
|
validate = (ev) => {
|
|
17437
17434
|
if (this.validateOn === 'submitThenDirty')
|
|
17438
17435
|
this.validateOn = 'dirty';
|
|
17439
|
-
if (!this.nativeInput.validity
|
|
17436
|
+
if (!this.nativeInput.validity?.valid) {
|
|
17440
17437
|
if (this.showInlineError) {
|
|
17441
17438
|
if (ev)
|
|
17442
17439
|
ev.preventDefault();
|
|
@@ -17536,6 +17533,12 @@ class Input {
|
|
|
17536
17533
|
componentWillLoad() {
|
|
17537
17534
|
this.processSlottedContent();
|
|
17538
17535
|
}
|
|
17536
|
+
componentDidRender() {
|
|
17537
|
+
if (this.shouldValidate) {
|
|
17538
|
+
this.validate();
|
|
17539
|
+
this.shouldValidate = false;
|
|
17540
|
+
}
|
|
17541
|
+
}
|
|
17539
17542
|
render() {
|
|
17540
17543
|
const value = this.getValue();
|
|
17541
17544
|
const labelId = this.inputId + '-lbl';
|
|
@@ -17574,18 +17577,18 @@ class Input {
|
|
|
17574
17577
|
disabled,
|
|
17575
17578
|
clearControl: this.clearable,
|
|
17576
17579
|
}))(this);
|
|
17577
|
-
return (h(Host, { key: '
|
|
17580
|
+
return (h(Host, { key: '636d7624bcfe136a0e93b55cf9fc38e272f7aed6', "aria-disabled": this.disabled ? 'true' : null, class: {
|
|
17578
17581
|
'has-value': this.hasValue(),
|
|
17579
17582
|
'has-focus': this.hasFocus,
|
|
17580
17583
|
'is-invalid': this._invalid === true,
|
|
17581
17584
|
'is-valid': this._invalid === false,
|
|
17582
17585
|
'nano-input': true,
|
|
17583
|
-
} }, h("div", { key: '
|
|
17586
|
+
} }, h("div", { key: '942db1636f7d08dd581359b66df66ebf080d23ae', style: { width: '100%' } }, h(FormControlWrap, { key: 'd944b897545398b51ab0a76e1f8d62c57cd85843', ...wrapOptions, class: {
|
|
17584
17587
|
'has-helper': this.hasHelperSlot,
|
|
17585
17588
|
'has-error': !!this.errorMessage &&
|
|
17586
17589
|
this.showInlineError &&
|
|
17587
17590
|
this._invalid === true,
|
|
17588
|
-
} }, h(FormControl, { key: '
|
|
17591
|
+
} }, h(FormControl, { key: 'efd29f841ff0724228fc47754a5aad8d82f88d49', ...controlOptions, onClearText: this.clearTextInput, control: this.el, ref: (el) => (this.nativeInputWrap = el), showInlineError: this.showInlineError, endSlot: this.showPicker &&
|
|
17589
17592
|
this.type === 'date' &&
|
|
17590
17593
|
!this.readonly &&
|
|
17591
17594
|
!this.disabled && [
|
|
@@ -17600,25 +17603,25 @@ class Input {
|
|
|
17600
17603
|
this.value = e.detail.value;
|
|
17601
17604
|
this.pickerDropdown?.hide();
|
|
17602
17605
|
}, min: this.min, max: this.max, "is-modal": true, selectedDate: this.value || this.initialPickerDate || undefined }))),
|
|
17603
|
-
] }, this.type !== 'textarea' && (h("input", { key: '
|
|
17606
|
+
] }, this.type !== 'textarea' && (h("input", { key: 'ce5547777de11926717b27712f7d687171d0dde7', id: this.inputId, class: "input__native-ctrl", ref: (input) => (this.nativeInput = input), "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalise, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, form: this.form, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onClick: (e) => e.preventDefault(), onChange: this.onInput, onFocus: this.onFocus, onBlur: this.handleBlur, onKeyDown: this.onKeydown, onInvalid: this.validate })), this.type === 'textarea' && (h("textarea", { key: 'e1dc2377200cdccda85cdbb6cda08a49d8459c1e', rows: this.floatLabel ? 1 : this.rows, id: this.inputId, class: {
|
|
17604
17607
|
'input__native-ctrl': true,
|
|
17605
17608
|
input__resizable: this.resize === 'true',
|
|
17606
|
-
}, ref: (input) => (this.nativeInput = input), "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, autoCapitalize: this.autocapitalise, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, form: this.form, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, value: value, onInput: this.onInput, onChange: this.onInput, onFocus: this.onFocus, onKeyDown: this.onKeydown, onInvalid: this.validate, onBlur: this.handleBlur })))), h("slot", { key: '
|
|
17609
|
+
}, ref: (input) => (this.nativeInput = input), "aria-labelledby": labelId + ' ' + moreId + ' ' + helperEndId, disabled: this.disabled, autoCapitalize: this.autocapitalise, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, form: this.form, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, value: value, onInput: this.onInput, onChange: this.onInput, onFocus: this.onFocus, onKeyDown: this.onKeydown, onInvalid: this.validate, onBlur: this.handleBlur })))), h("slot", { key: '564511c369dc13eb85cbf7e1c48b5d5fbbea8679' }))));
|
|
17607
17610
|
}
|
|
17608
17611
|
static get watchers() { return {
|
|
17609
17612
|
"datalist": ["setDataListOpts"],
|
|
17610
17613
|
"debounce": ["debounceChanged"],
|
|
17611
17614
|
"value": ["valueChanged"],
|
|
17612
|
-
"minlength": ["
|
|
17613
|
-
"maxlength": ["
|
|
17614
|
-
"min": ["
|
|
17615
|
-
"max": ["
|
|
17616
|
-
"required": ["
|
|
17617
|
-
"disabled": ["
|
|
17618
|
-
"readonly": ["
|
|
17619
|
-
"pattern": ["
|
|
17620
|
-
"inputmode": ["
|
|
17621
|
-
"type": ["
|
|
17615
|
+
"minlength": ["handleValidatePropChange"],
|
|
17616
|
+
"maxlength": ["handleValidatePropChange"],
|
|
17617
|
+
"min": ["handleValidatePropChange"],
|
|
17618
|
+
"max": ["handleValidatePropChange"],
|
|
17619
|
+
"required": ["handleValidatePropChange"],
|
|
17620
|
+
"disabled": ["handleValidatePropChange"],
|
|
17621
|
+
"readonly": ["handleValidatePropChange"],
|
|
17622
|
+
"pattern": ["handleValidatePropChange"],
|
|
17623
|
+
"inputmode": ["handleValidatePropChange"],
|
|
17624
|
+
"type": ["handleValidatePropChange"]
|
|
17622
17625
|
}; }
|
|
17623
17626
|
static get style() { return inputCss; }
|
|
17624
17627
|
static get cmpMeta() { return {
|
|
@@ -17826,7 +17829,7 @@ class IntersectionObserve {
|
|
|
17826
17829
|
this.removeIO();
|
|
17827
17830
|
}
|
|
17828
17831
|
render() {
|
|
17829
|
-
return (h(Host, { key: '
|
|
17832
|
+
return (h(Host, { key: 'be24c77cb033ff3fdb33b37cd8414edd99785795', class: "nano-intersection-observe" }, h("slot", { key: 'e1cf1e9175a9249c6f6f5b202d27a3f9bf937bac', ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange })));
|
|
17830
17833
|
}
|
|
17831
17834
|
static get watchers() { return {
|
|
17832
17835
|
"root": ["handleRootChange"],
|
|
@@ -18171,7 +18174,7 @@ class MaskedOverflow {
|
|
|
18171
18174
|
}
|
|
18172
18175
|
}
|
|
18173
18176
|
render() {
|
|
18174
|
-
return (h(Host, { key: '
|
|
18177
|
+
return (h(Host, { key: '5e3818d9ff886b75194db22fd7f42af484fe17d7', dir: this.isRtl ? 'rtl' : null, class: "nano-masked-overflow", "has-scroll-controls": this.hasScrollControls }, h("div", { key: '991fa196ffc2eb42c907519bb8187f15c9868161', part: "base", class: {
|
|
18175
18178
|
onav: true,
|
|
18176
18179
|
[`onav--${this.orientation}`]: true,
|
|
18177
18180
|
'onav--has-scroll-controls': this.hasScrollControls,
|
|
@@ -18180,12 +18183,12 @@ class MaskedOverflow {
|
|
|
18180
18183
|
'onav--no-transitions': this.instantReCalc,
|
|
18181
18184
|
'onnav--has-indicator': this.showIndicator,
|
|
18182
18185
|
'onnav--hide-scrollbars': this.hideScrollbars && this.hideScrollbars !== 'false',
|
|
18183
|
-
}, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '
|
|
18186
|
+
}, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'e6958d0060691af605afa2c6fd53194b4284f29d', class: "onav__nav" }, this.scrollControls && (h("nano-icon-button", { key: '167bb7fa1450371ceab4dc8467e5debbd672101f', part: "scroll-button scroll-button-prev", class: {
|
|
18184
18187
|
'onav__scroll-button': true,
|
|
18185
18188
|
'onav__scroll-button--start': true,
|
|
18186
18189
|
}, ref: (btn) => (this.startBtn = btn), onClick: () => this.handleBtnClick(false), label: "Click to scroll", iconName: this.orientation === 'horizontal'
|
|
18187
18190
|
? 'light/chevron-left'
|
|
18188
|
-
: 'light/chevron-up' })), h("div", { key: '
|
|
18191
|
+
: 'light/chevron-up' })), h("div", { key: '8d8d7c305c0c89738d9660aff6b75ca029506ab7', part: "scroller", ref: (el) => (this.nav = el), class: "onav__scroller", onScroll: this.handleScroll, tabindex: this.hasScrollControls ? 0 : undefined, role: "region", "aria-label": this.label || undefined }, h("div", { key: 'fdd83d15c431538a2992887e58aed07e9393d411', part: "items", ref: (el) => (this.itemContainer = el), class: "onav__items" }, this.showIndicator && (h("div", { key: 'a1fba6d2c2e62e05b5a062c563f22c8e2b0222a4', part: "indicator", ref: (el) => (this.activeIndicator = el), class: "onav__active-indicator" })), h("slot", { key: 'a6d602d437702479bd67d71bd5ac838d0ae02941', onSlotchange: this.slotChangeHandler }))), this.scrollControls && (h("nano-icon-button", { key: '30eae4cf86f7bead75734736b7192420255a64fc', part: "scroll-button scroll-button-next", class: {
|
|
18189
18192
|
'onav__scroll-button': true,
|
|
18190
18193
|
'onav__scroll-button--end': true,
|
|
18191
18194
|
}, ref: (btn) => (this.endBtn = btn), onClick: () => this.handleBtnClick(true), label: "Click to scroll", iconName: this.orientation === 'horizontal'
|
|
@@ -18512,7 +18515,7 @@ class Menu {
|
|
|
18512
18515
|
}; }
|
|
18513
18516
|
}
|
|
18514
18517
|
|
|
18515
|
-
const menuDrawerCss = ":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{--padding-top:13px;--padding-end:13px;--padding-bottom:13px;--padding-start:13px;--icon-size:19px;--font-size:var(--nano-font-size-xs);--bg-color:var(--nano-color-
|
|
18518
|
+
const menuDrawerCss = ":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{--padding-top:13px;--padding-end:13px;--padding-bottom:13px;--padding-start:13px;--icon-size:19px;--font-size:var(--nano-font-size-xs);--bg-color:var(--nano-color-surface-50);--bg-color-hover:var(--nano-color-neutral-75);--bg-color-selected:var(--nano-color-neutral-300);--bg-color-open:var(--nano-color-neutral-300);--content-color:var(--nano-color-neutral-1400);--divider-color:var(--nano-color-neutral-300);--global-nav-height:76px;--menu-width:calc((var(--padding-end) + var(--padding-start)) + var(--icon-size));color-scheme:dark;display:block;z-index:1;background:var(--bg-color);color:var(--content-color);min-block-size:100%}:host(.hide){display:none}.head{border-block-end:var(--divider-color) 1px solid}.container{inset-inline-end:auto;color:var(--content-color);inline-size:var(--menu-width);transition:inline-size 0.3s ease;inset-block-start:var(--global-nav-height);position:sticky;display:flex;flex-direction:column;block-size:100%;max-block-size:calc(100vh - var(--global-nav-height))}:host(.open) .container{inline-size:auto}.content-wrap{inset-inline-start:0;inset-block-start:0;inline-size:inherit;background:var(--bg-color);font-size:var(--font-size);line-height:1;display:flex;flex-direction:column;align-items:stretch;flex:1;box-shadow:var(--nano-shadow-ls)}.content-wrap.secondary-open{box-shadow:none}.content-wrap::after{content:\"\";position:absolute;inset:calc(var(--global-nav-height) * -1) 0 0;background-color:var(--bg-color);z-index:-1}.content{inline-size:auto;display:flex;flex-direction:column;overflow:hidden visible;flex:1}.collapse-btn{all:unset;padding-block:6px;margin-block-start:5px;padding-inline:var(--padding-start) var(--padding-end);inline-size:100%;display:flex;justify-items:flex-start;appearance:none;cursor:pointer;font-size:var(--icon-size)}.collapse-btn:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.collapse-btn:hover{background-color:var(--bg-color-hover)}.collapse-btn:active{background-color:var(--bg-color-selected)}.collapse-btn .nano-icon{transition:var(--nano-transition-x-fast) rotate ease-in-out;rotate:0deg}:host(.open) .collapse-btn .nano-icon{rotate:180deg}.visually-hidden{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.foot{margin-block:auto var(--padding-bottom)}";
|
|
18516
18519
|
|
|
18517
18520
|
/**
|
|
18518
18521
|
*
|
|
@@ -18538,6 +18541,7 @@ class MenuDrawer {
|
|
|
18538
18541
|
reset = false;
|
|
18539
18542
|
isLoading = true;
|
|
18540
18543
|
hide = false;
|
|
18544
|
+
secondaryOpen = false;
|
|
18541
18545
|
/**
|
|
18542
18546
|
* Set the initial menu drawer open or closed
|
|
18543
18547
|
*/
|
|
@@ -18550,6 +18554,7 @@ class MenuDrawer {
|
|
|
18550
18554
|
if (!ev.detail.secondaryMenu)
|
|
18551
18555
|
return;
|
|
18552
18556
|
ev.stopPropagation();
|
|
18557
|
+
this.secondaryOpen = ev.type === 'nanoOpen';
|
|
18553
18558
|
}
|
|
18554
18559
|
openChange() {
|
|
18555
18560
|
if (this.containerDiv) {
|
|
@@ -18624,13 +18629,14 @@ class MenuDrawer {
|
|
|
18624
18629
|
disconnectedCallback() {
|
|
18625
18630
|
}
|
|
18626
18631
|
render() {
|
|
18627
|
-
return (h(Host, { key: '
|
|
18632
|
+
return (h(Host, { key: '39da1804ff710702cacbbadf0d8bb1d47c2d732b', class: {
|
|
18628
18633
|
open: this.open,
|
|
18634
|
+
'secondary-open': this.secondaryOpen,
|
|
18629
18635
|
hide: this.hide,
|
|
18630
18636
|
loading: this.isLoading,
|
|
18631
18637
|
'has-global-nav': !!this.globalNav,
|
|
18632
18638
|
'nano-menu-drawer': true,
|
|
18633
|
-
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: '
|
|
18639
|
+
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : null }, h("div", { key: '90b0e1a831d49af7d81fe5ca2da977a697c08ee7', ref: (div) => (this.containerDiv = div), class: "container" }, h("div", { key: '37d6443befe1a93169e15a8becbefe974c8a8d1c', class: `content-wrap ${this.secondaryOpen ? 'secondary-open' : ''}` }, h("nav", { key: '7373abf5ec1ef567407abedc4b786ae3d51c9e93', ref: (div) => (this.contentDiv = div), class: "content" }, h("div", { key: '6f243a3de7b59072d43fac86c1d9c8acd62ec9d4', class: "head" }, h("button", { key: '6bf443330190314bf84583fc540cd2cb821f4f53', onClick: this.toggle, class: "collapse-btn" }, h("nano-icon", { key: '87025c0165c2e61bd51724ef15e8e1b110ded3e4', name: "light/arrow-right-to-line" }), h("span", { key: '6bfd0162936fc4ce0546194a227960ce9dd718a1', class: "visually-hidden" }, "collapse / expand menu"))), h("slot", { key: '07039af321133321dedceaaff462472bd22b4f12' }), this.slotCtrl.has('foot') && (h("div", { key: '252fe22caae99dc7ba850207a92f9390665bf3c0', class: "foot" }, h("slot", { key: 'f142bd0852c6fa01fcc3fba2de5528d1d96d03b7', name: "foot" }))))))));
|
|
18634
18640
|
}
|
|
18635
18641
|
static get watchers() { return {
|
|
18636
18642
|
"open": ["openChange"]
|
|
@@ -18644,7 +18650,8 @@ class MenuDrawer {
|
|
|
18644
18650
|
"hideWidth": [2, "hide-width"],
|
|
18645
18651
|
"reset": [32],
|
|
18646
18652
|
"isLoading": [32],
|
|
18647
|
-
"hide": [32]
|
|
18653
|
+
"hide": [32],
|
|
18654
|
+
"secondaryOpen": [32]
|
|
18648
18655
|
},
|
|
18649
18656
|
"$listeners$": [[0, "nanoOpen", "cancelNavItemEvents"], [0, "nanoClose", "cancelNavItemEvents"]],
|
|
18650
18657
|
"$lazyBundleId$": "-",
|
|
@@ -22548,7 +22555,7 @@ class NanoIconItem {
|
|
|
22548
22555
|
|
|
22549
22556
|
const inPageNavCss = ":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}.desktop-nav{display:block}@media (width <= 767px){.desktop-nav{display:none}}.mobile-nav{display:none}@media (width <= 767px){.mobile-nav{display:block}}nav{background-color:var(--color-bg);padding:0}nav:has(.details-wrapper[open]){box-shadow:var(--nano-shadow-l1)}.header{padding:var(--spacing-l2) var(--spacing-l2) 0;display:flex;flex-direction:column;gap:var(--spacing-l2);font-size:var(--font-size)}.header ::slotted(a[slot=back]),.header::slotted(a[slot=back]){display:flex !important;align-items:center !important;padding:0 !important;margin:0;gap:var(--spacing-l3) !important;cursor:pointer}.header ::slotted(a[slot=back])::before,.header::slotted(a[slot=back])::before{content:\"\";display:inline-block;background-size:cover;inline-size:1rem;block-size:1rem;background-color:var(--color-primary);-webkit-mask-image:var(--nano-component-icon-chevron);mask-image:var(--nano-component-icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;rotate:calc(180deg * var(--flip-icon-ltr))}.details-wrapper{--padding:0;--btn-bg-color:transparent;--btn-bg-color--hover:transparent;--btn-text-color:var(--color-text);border:none}.details-wrapper::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);padding:var(--spacing-l2)}.details-wrapper[open]::part(header){background-color:var(--nano-color-primary-75)}.details-wrapper::part(content){padding:0}.details-wrapper::part(body){padding:0}.details-wrapper.sticky.stuck[open]::part(header){z-index:var(--nano-z-index-menubar);inset-block-start:0;position:sticky;box-shadow:var(--nano-shadow-l1);padding:var(--spacing-l2)}.details-wrapper a,.details-wrapper ul,.details-wrapper li{all:unset}.details-wrapper ul{display:flex;flex-direction:column;list-style:none}.details-wrapper ul:not(ul ul){padding:0 var(--spacing-l2) 0 var(--spacing-l2)}.details-wrapper a{cursor:pointer}.details-wrapper a:hover{text-decoration:underline}.details-wrapper a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.details-wrapper ul>li:not(ul>li li){margin:0;padding:var(--spacing-l2) 0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;inline-size:100%}.details-wrapper ul>li:not(ul>li li):not(:last-of-type){border-block-end:1px solid var(--color-bottom-border)}.details-wrapper ul>li:not(ul>li li) a{color:var(--color-text)}.details-wrapper ul>li:not(ul>li li) a.is-active{border-inline-start:var(--border-active);padding-inline-start:1rem}.details-wrapper ul>li:not(ul>li li) a:hover{color:var(--color-text-hover)}.details-wrapper ul>li>ul,.details-wrapper ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--spacing-l2);gap:var(--list-gap)}.details-wrapper ul>li>ul a,.details-wrapper ul>li>.nano-details>ul a{color:var(--color-primary) !important}.details-wrapper ul>li>ul>li>.nano-details>ul,.details-wrapper ul>li>.nano-details>ul>li>.nano-details>ul{padding:var(--list-gap) 0 0 var(--nano-spacing-xl)}.details-wrapper .nano-details .nano-details:not(.nano-details .nano-details .nano-details){color:var(--color-text)}.details-wrapper .nano-details{--padding:0;--btn-bg-color:transparent;--btn-bg-color--open:var(--nano-color-primary-75);--btn-bg-color--hover:transparent;border:none;color:var(--color-primary)}.details-wrapper .nano-details .is-active::part(header){border-inline-start:var(--border-active);padding-inline-start:1rem !important;color:var(--color-primary)}.details-wrapper .nano-details[open]>[slot=icon-start]{rotate:90deg}.details-wrapper .nano-details::part(icon--start){margin-inline-end:var(--spacing-l3)}.details-wrapper .nano-details::part(header){font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing)}.details-wrapper .nano-details::part(header):hover{text-decoration:underline}.details-wrapper .nano-details:not(.nav-details){color:var(--color-primary)}";
|
|
22550
22557
|
|
|
22551
|
-
|
|
22558
|
+
/**
|
|
22552
22559
|
* In-page navigation allows users to quickly find different sections on a page.
|
|
22553
22560
|
*
|
|
22554
22561
|
* @status new
|
|
@@ -22604,7 +22611,7 @@ class NanoInPageNav {
|
|
|
22604
22611
|
return node;
|
|
22605
22612
|
}
|
|
22606
22613
|
render() {
|
|
22607
|
-
return (h(Host, { key: '
|
|
22614
|
+
return (h(Host, { key: '5fc7993edd48363da225ffce7e8d3dad8689e761', class: "nano-in-page-nav" }, h("nav", { key: '4cc75849661bb1e2fd144ac075a693ce9e5af58f', part: "root" }, (this.slotCtrl.has('back') || this.slotCtrl.has('accessory')) && (h("div", { key: '286df7a444423180967750017575414cce154b0d', class: "header" }, h("slot", { key: '255d81a0c2d26b0069a83a08e552e6afeb035295', name: "back" }), h("slot", { key: 'c939561b8be1b4a479e1f0c01684f5dd0a3014ce', name: "accessory" }))), h("div", { key: '411231a64e23575d76722f59446567f5cd68575e', class: "desktop-nav" }, h("slot", { key: '892a93de5de705e392b687ee62ab89c17bcc349a' })), h("nano-details", { key: '34d89f9f7927db1cb817124cf0d053f88963484c', label: "Menu", class: "details-wrapper mobile-nav", ref: (el) => (this.mobileNavWrapper = el) }))));
|
|
22608
22615
|
}
|
|
22609
22616
|
static get style() { return inPageNavCss; }
|
|
22610
22617
|
static get cmpMeta() { return {
|
|
@@ -22619,6 +22626,123 @@ class NanoInPageNav {
|
|
|
22619
22626
|
}; }
|
|
22620
22627
|
}
|
|
22621
22628
|
|
|
22629
|
+
const incrementCss = ":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:inline-block}.root{display:grid;grid-template-columns:min-content auto 1fr;grid-template-rows:max-content max-content;align-items:stretch}::slotted(*){text-align:center}nano-icon-button{background:var(--nano-color-base-0);color:var(--nano-color-primary-1000);display:flex;border-radius:var(--nano-border-radius-pill);position:relative;z-index:1;inline-size:fit-content;block-size:100%}nano-icon-button:hover{background:var(--nano-color-primary-100)}nano-icon-button:active{background:var(--nano-color-primary-300)}nano-icon-button::part(base){border:1px solid var(--nano-color-neutral-300)}nano-icon-button::part(base):focus-visible{outline:var(--nano-focus-ring-color) solid 3px;outline-offset:-2px}.minus{grid-column:1;grid-row:1}.minus nano-icon-button{--padding:0.4375em 0.625em 0.4375em 1.125em;border-start-end-radius:0;border-end-end-radius:0}.minus nano-icon-button::part(base){border-inline-end:none}.plus{grid-column:3;grid-row:1}.plus nano-icon-button{--padding:0.4375em 1.125em 0.4375em 0.625em;border-start-start-radius:0;border-end-start-radius:0}.plus nano-icon-button::part(base){border-inline-start:none}";
|
|
22630
|
+
|
|
22631
|
+
/**
|
|
22632
|
+
* Increments and decrements a value using an [input](/components/input).
|
|
22633
|
+
*
|
|
22634
|
+
* @status new
|
|
22635
|
+
* @version 8.2.0
|
|
22636
|
+
*/
|
|
22637
|
+
class NanoIncrement {
|
|
22638
|
+
constructor(hostRef) {
|
|
22639
|
+
registerInstance(this, hostRef);
|
|
22640
|
+
}
|
|
22641
|
+
get host() { return getElement(this); }
|
|
22642
|
+
inputElement;
|
|
22643
|
+
ignoreInputChange = false;
|
|
22644
|
+
inputElementChanged(_newValue, oldValue) {
|
|
22645
|
+
if (oldValue) {
|
|
22646
|
+
oldValue.removeEventListener('nanoChange', this.inputChangeHandler);
|
|
22647
|
+
}
|
|
22648
|
+
if (this.inputElement) {
|
|
22649
|
+
this.inputElement.label = this.inputElement.label || 'Increment value';
|
|
22650
|
+
this.inputElement.hideLabel = true;
|
|
22651
|
+
this.inputElement.type = 'number';
|
|
22652
|
+
this.inputElement.max = this.inputElement.max || '10';
|
|
22653
|
+
this.inputElement.min = this.inputElement.min || '0';
|
|
22654
|
+
this.inputElement.step = this.inputElement.step || '1';
|
|
22655
|
+
this.inputElement.value = this.inputElement.value || '0';
|
|
22656
|
+
this.inputElement.addEventListener('nanoChange', this.inputChangeHandler);
|
|
22657
|
+
}
|
|
22658
|
+
}
|
|
22659
|
+
inputChangeHandler = () => {
|
|
22660
|
+
if (!this.ignoreInputChange) {
|
|
22661
|
+
this.ignoreInputChange = true;
|
|
22662
|
+
let value = Number(this.inputElement.value);
|
|
22663
|
+
value = isNaN(value) ? 0 : value;
|
|
22664
|
+
value = Math.max(value, parseFloat(this.inputElement.min) || 0);
|
|
22665
|
+
value = Math.min(value, parseFloat(this.inputElement.max) || Infinity);
|
|
22666
|
+
this.inputElement.value = value.toString();
|
|
22667
|
+
requestAnimationFrame(() => {
|
|
22668
|
+
this.ignoreInputChange = false;
|
|
22669
|
+
});
|
|
22670
|
+
}
|
|
22671
|
+
};
|
|
22672
|
+
handleSlotChange = () => {
|
|
22673
|
+
this.inputElement = this.host.querySelector('nano-input');
|
|
22674
|
+
};
|
|
22675
|
+
handleMinus = () => {
|
|
22676
|
+
if (this.inputElement) {
|
|
22677
|
+
const currentValue = parseFloat(this.inputElement.value) || 0;
|
|
22678
|
+
const step = parseFloat(this.inputElement.step) || 1;
|
|
22679
|
+
const newValue = Math.max(currentValue - step, parseFloat(this.inputElement.min) || 0);
|
|
22680
|
+
this.ignoreInputChange = true;
|
|
22681
|
+
this.inputElement.value = newValue.toString();
|
|
22682
|
+
this.ignoreInputChange = false;
|
|
22683
|
+
}
|
|
22684
|
+
};
|
|
22685
|
+
handlePlus = () => {
|
|
22686
|
+
if (this.inputElement) {
|
|
22687
|
+
const currentValue = parseFloat(this.inputElement.value) || 0;
|
|
22688
|
+
const step = parseFloat(this.inputElement.step) || 1;
|
|
22689
|
+
const newValue = Math.min(currentValue + step, parseFloat(this.inputElement.max) || Infinity);
|
|
22690
|
+
this.ignoreInputChange = true;
|
|
22691
|
+
this.inputElement.value = newValue.toString();
|
|
22692
|
+
this.ignoreInputChange = false;
|
|
22693
|
+
}
|
|
22694
|
+
};
|
|
22695
|
+
componentWillLoad() {
|
|
22696
|
+
this.handleSlotChange();
|
|
22697
|
+
}
|
|
22698
|
+
render() {
|
|
22699
|
+
return (h(Host, { key: 'fab6b5bdecb8ccd3661d7054e08d66a46c2dd0a8', class: "nano-increment" }, h("div", { key: 'c064903981622ce66ac3a19efce6d595d59b7ed0', class: "root" }, h("div", { key: '447735cf16956d0ae172cc2bb1b3a7ffffd7fa0c', class: "minus" }, h("nano-icon-button", { key: '24e73eee061669ea0dd5423bae53886bed60478a', iconName: "light/minus", label: "Decrement", onClick: this.handleMinus })), h("slot", { key: '855358fe5a99004f52432dd42cf8c986f67afe69', onSlotchange: this.handleSlotChange }), h("div", { key: '17b1a5d9988023f4869489beffd697f4329a1d61', class: "plus" }, h("nano-icon-button", { key: '8b2e763e3f871355085e13b20a26f751c153a329', iconName: "light/plus", label: "Increment", onClick: this.handlePlus })))));
|
|
22700
|
+
}
|
|
22701
|
+
static get watchers() { return {
|
|
22702
|
+
"inputElement": ["inputElementChanged"]
|
|
22703
|
+
}; }
|
|
22704
|
+
static get style() { return incrementCss; }
|
|
22705
|
+
static get cmpMeta() { return {
|
|
22706
|
+
"$flags$": 265,
|
|
22707
|
+
"$tagName$": "nano-increment",
|
|
22708
|
+
"$members$": {
|
|
22709
|
+
"inputElement": [32]
|
|
22710
|
+
},
|
|
22711
|
+
"$listeners$": undefined,
|
|
22712
|
+
"$lazyBundleId$": "-",
|
|
22713
|
+
"$attrsToReflect$": []
|
|
22714
|
+
}; }
|
|
22715
|
+
}
|
|
22716
|
+
|
|
22717
|
+
const optionBoxCss = ":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}}";
|
|
22718
|
+
|
|
22719
|
+
/**
|
|
22720
|
+
* Option boxes are used to present a choice with accompanying data to the user, typically in a configuration context.
|
|
22721
|
+
*
|
|
22722
|
+
* @status new
|
|
22723
|
+
* @version 8.3.0
|
|
22724
|
+
* @type CSS Only
|
|
22725
|
+
*
|
|
22726
|
+
* @slot img - The image of the card. Appears first.
|
|
22727
|
+
* @slot header - The title of the card. Appears second.
|
|
22728
|
+
* @slot content - The main content of the card. Appears third.
|
|
22729
|
+
* @slot footer - The footer of the card. Appears last.
|
|
22730
|
+
*/
|
|
22731
|
+
class NanoOptionBox {
|
|
22732
|
+
constructor(hostRef) {
|
|
22733
|
+
registerInstance(this, hostRef);
|
|
22734
|
+
}
|
|
22735
|
+
static get style() { return optionBoxCss; }
|
|
22736
|
+
static get cmpMeta() { return {
|
|
22737
|
+
"$flags$": 0,
|
|
22738
|
+
"$tagName$": "nano-option-box",
|
|
22739
|
+
"$members$": undefined,
|
|
22740
|
+
"$listeners$": undefined,
|
|
22741
|
+
"$lazyBundleId$": "-",
|
|
22742
|
+
"$attrsToReflect$": []
|
|
22743
|
+
}; }
|
|
22744
|
+
}
|
|
22745
|
+
|
|
22622
22746
|
const tabCss = ":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{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1000);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";
|
|
22623
22747
|
|
|
22624
22748
|
let id$2 = 0;
|
|
@@ -22673,12 +22797,12 @@ class NanoTab {
|
|
|
22673
22797
|
}
|
|
22674
22798
|
};
|
|
22675
22799
|
render() {
|
|
22676
|
-
return (h(Host, { key: '
|
|
22800
|
+
return (h(Host, { key: '7eca94a330509cbd3c6d232444fbcde422b755a6', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h("div", { key: 'fca6ace8b5fc9c0142fcd04d70cb475323d8ef9d', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
|
|
22677
22801
|
tab: true,
|
|
22678
22802
|
'tab--active': this.active,
|
|
22679
22803
|
'tab--disabled': this.disabled,
|
|
22680
22804
|
'tab--closable': this.closable,
|
|
22681
|
-
} }, h("slot", { key: '
|
|
22805
|
+
} }, h("slot", { key: '3693ff8719b24c34db9018941daab7c840434502', name: "start" }), h("div", { key: 'c792fce22a28175e32f7e0b23a1a62f799016c76', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, h("slot", { key: '76b725cd050993d377bf5c7208ce5b7fdf224136' })), h("slot", { key: 'f7bd50a43bb64b67b2ce181bf9215ada4c0ccd12', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '96f6bddd3dee12d2e8adeb7a59f98d0cfe8b9c82', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
|
|
22682
22806
|
}
|
|
22683
22807
|
static get style() { return tabCss; }
|
|
22684
22808
|
static get cmpMeta() { return {
|
|
@@ -22724,10 +22848,10 @@ class NanoTabContent {
|
|
|
22724
22848
|
requestAnimationFrame(() => (this.ready = true));
|
|
22725
22849
|
}
|
|
22726
22850
|
render() {
|
|
22727
|
-
return (h(Host, { key: '
|
|
22851
|
+
return (h(Host, { key: 'f182a99dab031220a40b2c5125d3229b8bacca1c', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
|
|
22728
22852
|
ready: this.ready,
|
|
22729
22853
|
'nano-tab-content': true,
|
|
22730
|
-
} }, h("div", { key: '
|
|
22854
|
+
} }, h("div", { key: '47b383859162b6a64518273a9057464de1d37479', part: "base", class: "nano-tab-content" }, h("slot", { key: '3f908fec081c956f9ffd8d7de5e0f45b5e193a8c' }))));
|
|
22731
22855
|
}
|
|
22732
22856
|
static get style() { return tabContentCss; }
|
|
22733
22857
|
static get cmpMeta() { return {
|
|
@@ -23302,10 +23426,10 @@ class NanoTable {
|
|
|
23302
23426
|
this.cleanUpObservers();
|
|
23303
23427
|
}
|
|
23304
23428
|
render() {
|
|
23305
|
-
return (h(Host, { key: '
|
|
23429
|
+
return (h(Host, { key: '61967ae8d9228be1374d9a4ee4e08b286cd4dd57', class: {
|
|
23306
23430
|
'nano-table': true,
|
|
23307
23431
|
'nano-table--props-ready': this.propsReady,
|
|
23308
|
-
} }, this.scrollable && (h("nano-masked-overflow", { key: '
|
|
23432
|
+
} }, this.scrollable && (h("nano-masked-overflow", { key: 'eca1991383ebca49f6032066078f02b62c839d6c', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: 'f3bcb6830439858393c1eda96d68c2c5ccadd15a', class: "nano-table__overflow" }))), h("slot", { key: '7662741dcb672f75bae03c16b5745ff4946f12f7' })));
|
|
23309
23433
|
}
|
|
23310
23434
|
static get watchers() { return {
|
|
23311
23435
|
"compact": ["handleCompactChange"],
|
|
@@ -24376,8 +24500,8 @@ let Rating$1 = class Rating {
|
|
|
24376
24500
|
this.handleShowHideElements();
|
|
24377
24501
|
}
|
|
24378
24502
|
render() {
|
|
24379
|
-
return (h(Host, { key: '
|
|
24380
|
-
h("div", { key: '
|
|
24503
|
+
return (h(Host, { key: 'fbb60961810fe863ebebc729cbe4ecb955608c82', class: "nano-more-less" }, h("slot", { key: '6823f661e722640622d421c96244cd4a0eee1953', onSlotchange: () => this.handleShowHideElements() }), this.children?.length > this.maxToShow && [
|
|
24504
|
+
h("div", { key: '134fadd869470a34cbd21b06d9cc2c85fc4e614c', style: { display: this.show ? 'none' : 'contents' }, class: "button-wrapper", part: "button-wrapper button-wrapper--less", onClick: (e) => this.handleClick(e) }, h("slot", { key: '62544d207ac12171da4905e3006e26113b1b0189', name: "less" }, h("button", { key: '54badba3d736faf5b2b686ec989998a4319c5001', part: "button button--less" }, "Show more (+", this.children.length - this.maxToShow, ")"))),
|
|
24381
24505
|
!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, ")")))) : (''),
|
|
24382
24506
|
]));
|
|
24383
24507
|
}
|
|
@@ -24598,20 +24722,20 @@ class Rating {
|
|
|
24598
24722
|
else {
|
|
24599
24723
|
displayValue = this.isHovering ? this.hoverValue : this.value;
|
|
24600
24724
|
}
|
|
24601
|
-
return (h(Host, { key: '
|
|
24725
|
+
return (h(Host, { key: 'df7dc8a018d6d786e47134a2b9896a4cf2e87074', class: "nano-rating" }, h("label", { key: '7d9861c77bd39e075b1d9f75b24a5390efcbb42e', class: `rating-label${this.hideLabel ? ' visually-hidden' : ''}`, part: "label", htmlFor: this.name }, h("slot", { key: 'f2406ae04779c885c9968513d4e33d1b00ca8bde', name: "label" }, this.label)), h("input", { key: '50b8e5c1ef6b55ae88b48e4cf3d3ef83bb6a33f6', class: "range-input visually-hidden", name: this.name, id: this.name, disabled: this.disabled || this.readonly, required: this.required, value: this.value, onFocus: () => {
|
|
24602
24726
|
this.setFocus();
|
|
24603
|
-
} }), h("div", { key: '
|
|
24727
|
+
} }), h("div", { key: '1089a70fecbf338efbf3b2f5a8624c2c3c5ce56c', class: "rating-wrap" }, h("div", { key: '6552b5f9466c1ec0df3e69d9543d693fa90829d4', dir: this.isRtl ? 'rtl' : null, ref: (el) => (this.rating = el), part: "base", class: {
|
|
24604
24728
|
rating: true,
|
|
24605
24729
|
'rating--readonly': this.readonly,
|
|
24606
24730
|
'rating--disabled': this.disabled,
|
|
24607
|
-
}, "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: '
|
|
24731
|
+
}, "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: '1a741e52552009d9fe705aac22abbfa63b49e196', class: "rating__symbols rating__symbols--inactive" }, counter.map((index) => (h("span", { class: {
|
|
24608
24732
|
rating__symbol: true,
|
|
24609
24733
|
'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1,
|
|
24610
24734
|
},
|
|
24611
24735
|
// Users can click the current value to clear the rating. When this happens, we set this.isHovering to
|
|
24612
24736
|
// false to prevent the hover state from confusing them as they move the mouse out of the control. This
|
|
24613
24737
|
// extra mouseenter will reinstate it if they happen to mouse over an adjacent symbol.
|
|
24614
|
-
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), h("span", { key: '
|
|
24738
|
+
onMouseEnter: this.handleMouseEnter, innerHTML: this.symbol(index + 1) })))), h("span", { key: 'd6368fb64cac9837f38bc00a06b63f2ef3ad3a74', ref: (span) => (this.indicator = span), class: "rating__symbols rating__symbols--indicator", style: {
|
|
24615
24739
|
clip: this.clip(displayValue),
|
|
24616
24740
|
} }, counter.map((index) => (h("span", { class: {
|
|
24617
24741
|
rating__symbol: true,
|
|
@@ -24883,13 +25007,13 @@ class ResizeObserve {
|
|
|
24883
25007
|
}
|
|
24884
25008
|
}
|
|
24885
25009
|
render() {
|
|
24886
|
-
return (h(Host, { key: '
|
|
25010
|
+
return (h(Host, { key: 'e5019ccd47c55fddcffd4fa5ff151b0d1db5465f', class: {
|
|
24887
25011
|
'nano-resize-observe': true,
|
|
24888
25012
|
'content-fit-x': this.contentFitX,
|
|
24889
25013
|
'content-fit-y': this.contentFitY,
|
|
24890
25014
|
'content-nofit-x': this.contentFitX === false,
|
|
24891
25015
|
'content-nofit-y': this.contentFitY === false,
|
|
24892
|
-
} }, h("slot", { key: '
|
|
25016
|
+
} }, h("slot", { key: '6117c97943bf1ca7368946dd17e356e2d866bbf3' }), !!this.notifyContentFit &&
|
|
24893
25017
|
(this.contentFitX !== null || this.contentFitY !== null) && [
|
|
24894
25018
|
this.contentFitX ? (h("slot", { name: "content-fit-x" })) : (h("slot", { name: "content-nofit-x" })),
|
|
24895
25019
|
this.contentFitY ? (h("slot", { name: "content-fit-y" })) : (h("slot", { name: "content-nofit-y" })),
|
|
@@ -25620,30 +25744,30 @@ class Select {
|
|
|
25620
25744
|
disabled,
|
|
25621
25745
|
clearControl: this.clearable,
|
|
25622
25746
|
}))(this);
|
|
25623
|
-
return (h(Host, { key: '
|
|
25747
|
+
return (h(Host, { key: '83841b192717e301d098e3886cb3d44f7c517232', type: this.multiple ? 'select-multiple' : 'select-one', "aria-disabled": this.disabled ? 'true' : null, class: {
|
|
25624
25748
|
'has-value': !!this.value.length || !!this.inputSearchVal.length,
|
|
25625
25749
|
'has-focus': this.hasFocus,
|
|
25626
25750
|
'is-invalid': this._invalid === true,
|
|
25627
25751
|
'is-valid': this._invalid === false,
|
|
25628
25752
|
'nano-select': true,
|
|
25629
|
-
} }, h(FormControlWrap, { key: '
|
|
25753
|
+
} }, h(FormControlWrap, { key: 'c0a938ef46d167bbe5351913b1a73fcc39659b1d', ...wrapOptions, class: {
|
|
25630
25754
|
'has-error': !!this.errorMessage &&
|
|
25631
25755
|
this.showInlineError &&
|
|
25632
25756
|
this._invalid === true,
|
|
25633
25757
|
'has-helper': this.hasHelperSlot,
|
|
25634
25758
|
'is-open': this.hasOpened,
|
|
25635
25759
|
masked: this.mask,
|
|
25636
|
-
} }, h(FormControl, { key: '
|
|
25637
|
-
this.mask && (h("div", { key: '
|
|
25638
|
-
h("input", { key: '
|
|
25639
|
-
])), !this.readonly && !this.disabled && (h("nano-datalist", { key: '
|
|
25760
|
+
} }, h(FormControl, { key: '704c73a69c5a3f661ed8926fc8980b952b9169be', ...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: 'ef05cb7727be6b7c0ab67c7e9ebb8d1387903eb3', class: "select__multi-wrap select" }, this.multipleValues(labelId, moreId, helperEndId))), !this.multiple && [
|
|
25761
|
+
this.mask && (h("div", { key: '3a58835bf8f059658238a717a8f71b896fe0b599', class: "select__mask" }, this.getLabel(this.value))),
|
|
25762
|
+
h("input", { key: 'b74a7cedd698e6739ff3c81b4ef12710726b1a4d', 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 }),
|
|
25763
|
+
])), !this.readonly && !this.disabled && (h("nano-datalist", { key: 'e7469592db6a1248d8cf32f2c8fd36364045ac49', ref: (el) => (this.datalist = el), selected: this.valArray, type: this.multiple ? 'selectMulti' : 'select', options: this._options.length ? this._options : undefined, onNanoDeselect: (e) => {
|
|
25640
25764
|
e.preventDefault();
|
|
25641
25765
|
this.removeValue(e.detail.value);
|
|
25642
25766
|
}, onNanoOptionsUpdated: this.setOptions, onNanoSelect: this.setValue,
|
|
25643
25767
|
// @ts-expect-error - this bubbles from the nano-dropdown
|
|
25644
25768
|
onNanoShow: () => (this.hasOpened = true), onNanoHide: () => (this.hasOpened = false) }, this.allowCustomValues &&
|
|
25645
25769
|
this.multiple &&
|
|
25646
|
-
!!this.inputSearchVal && (h("nano-option", { key: '
|
|
25770
|
+
!!this.inputSearchVal && (h("nano-option", { key: '50c0203767871b9a1dcf87d9b6e51a98cf62c72f', slot: "list-top", value: this.inputSearchVal, selected: false, label: this.inputSearchVal, onNanoSelect: () => this.inputCtrl.focus() }, h("span", { key: 'bfd78ea1f905f6d512e36f43c0e7bf417769d7ba', slot: "check-icon" }), "Add '", this.inputSearchVal, "'")), h("slot", { key: '67b82a4e86e472fb9bcf5c4173a9b202ea9402c5' }))), h("select", { key: 'e9a9ab79d35f38e1a20e98594ee1c0d11945eb1f', 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 &&
|
|
25647
25771
|
this.valArray.map((val) => {
|
|
25648
25772
|
return (h("option", { value: val, selected: true }, val));
|
|
25649
25773
|
}), !this.allowCustomValues &&
|
|
@@ -25786,7 +25910,7 @@ let Slide$2 = class Slide {
|
|
|
25786
25910
|
});
|
|
25787
25911
|
}
|
|
25788
25912
|
render() {
|
|
25789
|
-
return (h(Host, { key: '
|
|
25913
|
+
return (h(Host, { key: 'a426e75ad5b607ac12e53db8183e08f89a10057a', class: "nano-slide" }, h("slot", { key: '792f06fe463ae49d981d7beceb68e4b7b49beff3' })));
|
|
25790
25914
|
}
|
|
25791
25915
|
static get watchers() { return {
|
|
25792
25916
|
"ready": ["readyChange"]
|
|
@@ -28765,15 +28889,15 @@ class Slides {
|
|
|
28765
28889
|
this.destroyflickity();
|
|
28766
28890
|
}
|
|
28767
28891
|
render() {
|
|
28768
|
-
return (h(Host, { key: '
|
|
28892
|
+
return (h(Host, { key: '25fe656149129885383046b7f2cb81ecc965db13', class: "nano-slides" }, h("div", { key: '84d9f878b91454a12311ffc5203d49a243fb9c66', class: {
|
|
28769
28893
|
slideshow: true,
|
|
28770
28894
|
ready: this.ready,
|
|
28771
28895
|
'not-ready': !this.ready,
|
|
28772
|
-
}, part: "base" }, h("div", { key: '
|
|
28896
|
+
}, part: "base" }, h("div", { key: 'b975dcadc6d7b7b5b7e915980527eba3bf740165', ref: (div) => (this.flickityEl = div), class: {
|
|
28773
28897
|
'flickity-container': true,
|
|
28774
28898
|
'slides-ready': this.slidesReady,
|
|
28775
28899
|
'slides-not-ready': !this.slidesReady,
|
|
28776
|
-
}, part: "slide-container" }, h("slot", { key: '
|
|
28900
|
+
}, part: "slide-container" }, h("slot", { key: 'a9b13e8e0c8808617c694953e3fef74a57d719a8' })), h("div", { key: '9caacd27973cc67740145365ab7a10c75ab44219', class: "ui-extras" }, h("slot", { key: 'ad80afb5ddbcc54b10310a4e115403fee8dda215', name: "ui" })))));
|
|
28777
28901
|
}
|
|
28778
28902
|
static get watchers() { return {
|
|
28779
28903
|
"options": ["optionsChanged"],
|
|
@@ -29551,7 +29675,7 @@ class Sortable {
|
|
|
29551
29675
|
}
|
|
29552
29676
|
}
|
|
29553
29677
|
render() {
|
|
29554
|
-
return (h(Host, { key: '
|
|
29678
|
+
return (h(Host, { key: 'd6d4f0ad6adf2a3f5e1d36b757e116b58e5b55b4', class: "nano-sortable" }, h("div", { key: 'd2cfcad28acfb052acbc6093dddfc247f5369bcf', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '079bc29ba8c2f26163b7e3a23f0107f78db7b3fb' })));
|
|
29555
29679
|
}
|
|
29556
29680
|
static get watchers() { return {
|
|
29557
29681
|
"itemSelector": ["handleItemSelectorChange"],
|
|
@@ -30550,12 +30674,12 @@ class Sticker {
|
|
|
30550
30674
|
this.hasBootstrapped = false;
|
|
30551
30675
|
}
|
|
30552
30676
|
render() {
|
|
30553
|
-
return (h(Host, { key: '
|
|
30677
|
+
return (h(Host, { key: 'f087d54cf3135fa7ba3d089f112157797efedaf2', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'db32b41390349cec6975dfad25b6b99ddadf5758', class: {
|
|
30554
30678
|
sticker: true,
|
|
30555
30679
|
sticky: this.isRootSticker && this.isSticky,
|
|
30556
30680
|
stuck: this.isStuck && this.isRootSticker && this.isSticky,
|
|
30557
30681
|
hide: this.isRootSticker && this.hide && this.isStuck,
|
|
30558
|
-
}, ref: (div) => (this.sticker = div) }, h("div", { key: '
|
|
30682
|
+
}, ref: (div) => (this.sticker = div) }, h("div", { key: 'b1e54c375552b7460fb6991f1c476bf9f73c997f', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: 'a2ee69ba9e39d796d832340777f61deb21c2f5d1' })))));
|
|
30559
30683
|
}
|
|
30560
30684
|
static get watchers() { return {
|
|
30561
30685
|
"trigger": ["updateTriggerOffset"],
|
|
@@ -30844,10 +30968,10 @@ class Tooltip {
|
|
|
30844
30968
|
this.popover.destroy();
|
|
30845
30969
|
}
|
|
30846
30970
|
render() {
|
|
30847
|
-
return (h(Host, { key: '
|
|
30971
|
+
return (h(Host, { key: '88500e56b7cc79e344604bfb9ffc54f2c7884c16', onKeyDown: this.handleKeyDown, onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.handleClick, class: "nano-tooltip" }, h("slot", { key: '6ff00a2034648eb7cde6bb7e7ba1bc0dcf611238', onSlotchange: this.handleSlotChange }), h("div", { key: 'e278b67db89953ef0a174b50f5aa28e101e8e83d', ref: (el) => (this.tooltipPositioner = el), class: "tooltip-positioner", popover: "manual" }, h("div", { key: '226bc518e38502e1a864c26a265abb01cfdb918e', part: "base", ref: (el) => (this.tooltip = el), class: {
|
|
30848
30972
|
tooltip: true,
|
|
30849
30973
|
'tooltip--open': this.open,
|
|
30850
|
-
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '
|
|
30974
|
+
}, role: "tooltip", "aria-hidden": this.open ? 'false' : 'true' }, h("slot", { key: '6245d2904946b690c9c3ea4e902fa5d789473110', name: "content", onSlotchange: () => this.setLabel() }, this.content), h("div", { key: '8ddc4c34d70107ade21b7b53827d3c37e6744d2e', class: "tooltip-arrow", "data-popper-arrow": true })))));
|
|
30851
30975
|
}
|
|
30852
30976
|
static get watchers() { return {
|
|
30853
30977
|
"content": ["setLabel"],
|
|
@@ -30920,6 +31044,8 @@ registerComponents([
|
|
|
30920
31044
|
NanoFooter,
|
|
30921
31045
|
NanoIconItem,
|
|
30922
31046
|
NanoInPageNav,
|
|
31047
|
+
NanoIncrement,
|
|
31048
|
+
NanoOptionBox,
|
|
30923
31049
|
NanoTab,
|
|
30924
31050
|
NanoTabContent,
|
|
30925
31051
|
NanoTabGroup,
|
|
@@ -31051,7 +31177,7 @@ const urls$1 = {
|
|
|
31051
31177
|
};
|
|
31052
31178
|
const search$1 = {
|
|
31053
31179
|
app_id: "N8NZI5A47F",
|
|
31054
|
-
api_key: "
|
|
31180
|
+
api_key: "MDQ0OWZiMzhmZjI4YmZmMmIzY2NhNzI3NGU4Yjc5YWVhNmExMzcxNDRlZTNlN2U2NGEwNzRlZmJjZTZkZmExZWZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc1NTk0Mzc5MA==",
|
|
31055
31181
|
indeces: [
|
|
31056
31182
|
{
|
|
31057
31183
|
index: "ont_prod_en_v3",
|
|
@@ -31269,7 +31395,7 @@ const urls = {
|
|
|
31269
31395
|
};
|
|
31270
31396
|
const search = {
|
|
31271
31397
|
app_id: "N8NZI5A47F",
|
|
31272
|
-
api_key: "
|
|
31398
|
+
api_key: "MDQ0OWZiMzhmZjI4YmZmMmIzY2NhNzI3NGU4Yjc5YWVhNmExMzcxNDRlZTNlN2U2NGEwNzRlZmJjZTZkZmExZWZpbHRlcnM9JTI4JTI3cmVnaW9uJTI3JTNBJTI3dXMlMjcrT1IrJTI3cmVnaW9uJTI3JTNBJTI3YW55JTI3JTI5K0FORCslMjhOT1QrJTI3dHlwZSUyNyUzQSUyN3doaXRlX3BhcGVyJTI3JTI5K0FORCslMjhOT1QrJTI3b3JpZ2luJTI3JTNBJTI3Y29tbXVuaXR5JTI3JTI5JnZhbGlkVW50aWw9MTc1NTk0Mzc5MA==",
|
|
31273
31399
|
indeces: [
|
|
31274
31400
|
{
|
|
31275
31401
|
index: "ont_prod_en_v3",
|