@nanoporetech-digital/components 8.0.0 → 8.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/nano-algolia-results.cjs.entry.js +24 -26
- package/dist/cjs/nano-algolia.cjs.entry.js +4 -0
- package/dist/cjs/nano-avatar_5.cjs.entry.js +120 -117
- package/dist/cjs/nano-dropdown_2.cjs.entry.js +10 -6
- package/dist/cjs/nano-icon_3.cjs.entry.js +1 -1
- package/dist/cjs/nano-in-page-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/{popover-D_uJstEp.js → popover-BxNxwqMv.js} +5 -3
- package/dist/collection/components/algolia/algolia-results.js +25 -27
- package/dist/collection/components/algolia/lib/template.js +4 -0
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +9 -5
- package/dist/collection/components/global-search-results/global-search-results.css +121 -189
- package/dist/collection/components/global-search-results/global-search-results.js +121 -117
- package/dist/collection/components/in-page-nav/in-page-nav.css +3 -1
- package/dist/collection/components/tabs/tab-group.js +1 -1
- package/dist/collection/utils/popover.js +5 -3
- package/dist/components/algolia.js +4 -0
- package/dist/components/dropdown.js +9 -5
- package/dist/components/global-search-results.js +122 -118
- package/dist/components/nano-algolia-results.js +25 -27
- package/dist/components/nano-in-page-nav.js +1 -1
- package/dist/components/nano-tab-group.js +1 -1
- package/dist/components/popover.js +5 -3
- package/dist/esm/nano-algolia-results.entry.js +25 -27
- package/dist/esm/nano-algolia.entry.js +4 -0
- package/dist/esm/nano-avatar_5.entry.js +120 -117
- package/dist/esm/nano-dropdown_2.entry.js +10 -6
- package/dist/esm/nano-icon_3.entry.js +1 -1
- package/dist/esm/nano-in-page-nav.entry.js +1 -1
- package/dist/esm/nano-tab-group.entry.js +1 -1
- package/dist/esm/{popover-BKomgCqQ.js → popover-CWVbjtKn.js} +5 -3
- package/dist/nano-components/nano-algolia-results.entry.js +1 -1
- package/dist/nano-components/nano-algolia.entry.js +1 -1
- package/dist/nano-components/nano-avatar_5.entry.js +1 -1
- package/dist/nano-components/nano-components.css +8 -6
- package/dist/nano-components/nano-dropdown_2.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-tab-group.entry.js +1 -1
- package/dist/nano-components/{popover-BKomgCqQ.js → popover-CWVbjtKn.js} +1 -1
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/core.css +1 -1
- package/dist/style/core.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +1 -1
- package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +1 -1
- package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +1 -1
- package/dist/types/builds/W1hp42tj/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +2 -0
- package/dist/types/builds/W1hp42tj/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +2 -0
- package/dist/types/components/global-search-results/global-search-results.d.ts +2 -0
- package/docs-json.json +2 -2
- package/hydrate/index.js +162 -153
- package/hydrate/index.mjs +162 -153
- package/package.json +2 -2
- package/dist/types/Users/John.Jenkins/projects/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -2
- package/dist/types/Users/John.Jenkins/projects/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -2
- /package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/{Users/John.Jenkins/projects → builds/W1hp42tj/0/Digital}/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
|
|
4
|
+
import { proxyCustomElement, HTMLElement, createEvent, Build, Host } from '@stencil/core/internal/client';
|
|
5
5
|
import { t as transformTag, h } from './renderer.js';
|
|
6
|
+
import { a as addGlobalStylesheetToShadow } from './style.js';
|
|
6
7
|
import { d as defineCustomElement$2 } from './algolia.js';
|
|
7
8
|
import { d as defineCustomElement$1 } from './spinner.js';
|
|
8
9
|
|
|
@@ -50,7 +51,7 @@ const searchInsight = {
|
|
|
50
51
|
},
|
|
51
52
|
};
|
|
52
53
|
|
|
53
|
-
const globalSearchResultsCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;flex:1 1 100%}.main-search{display:flex;background:white;font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;inset-block-start:-2px}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__topbar::after{content:\"\";inline-size:calc(100% - 30px);inset-inline-start:30px;position:relative;border-block-end:1px solid #e5eef1;padding-block-start:0.9em}.main-search__applied-filters{border:solid 1px #e4e6e8;text-transform:uppercase;border-radius:3px;font-weight:bold;display:flex;align-items:center;line-height:0.9;padding:5px 5px 0;letter-spacing:2px;flex-wrap:wrap;margin-block-end:0.5rem}.main-search__applied-filters span{display:flex;align-items:center}:host(.small) .main-search__applied-filters{display:none}.main-search__applied-nofilter{margin-inline:0 5px;margin-block:0 3px;padding-inline:7px;padding-block:10px;font-size:12px;color:rgba(69, 85, 86, 0.85)}.main-search__applied-filter{padding-inline:8px 2px;padding-block:5px 3px;margin-inline:0 5px;margin-block:0 5px;color:#455556;font-size:11px;border-radius:2px;border:solid 1px rgba(0, 132, 169, 0.5);background-color:rgba(0, 132, 169, 0.2);line-height:1}.main-search__applied-filter .icon-button{padding-inline:10px 4px;padding-block:2px 1px}.main-search__applied-filter .icon-button .nano-icon{pointer-events:none}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:1em 40px;color:rgba(69, 85, 86, 0.85);inline-size:70%;block-size:100%}@media (max-width: 576px){.main-search__results{padding:1em 20px}}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 40px;padding-block:1.8em 1em;flex:1 1 30%;box-sizing:border-box}@media (max-width: 576px){.main-search__filters{padding-inline-end:20px}}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:#455556;background:white;font-size:14px}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:10;inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:\"\";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;background:rgb(247, 246, 246);transform:translateX(100%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:1em;color:black;overflow:auto;block-size:100vh}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:0;padding:0}.filters .nano-details{--padding:0.8em;margin:0.8em 0}.filters .nano-details strong[slot]{display:block;padding-inline-start:calc(20px - 0.8em)}.filters .nano-details .nano-icon[slot=icon-end]{padding-inline:calc(20px - 0.8em)}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:flex;align-items:center;position:relative;margin:0.5em 0;line-height:1.4;z-index:0}.filters .filter-label::before{margin-inline:0 1em;margin-block:0;content:\"\";border:1px solid #007495;background:#fff;border-radius:3px;block-size:1em;inline-size:1em;min-inline-size:1em;min-block-size:1em;display:inline-block}.filters .filter-label::after{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%23ffffff'%20d='M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z'/></svg>\");content:\"\";block-size:0.7em;inline-size:0.7em;position:absolute;inset-inline-start:2px;inset-block-start:50%;transform:translateY(-50%);z-index:1;display:block;background-size:100%;background-position:center center;background-repeat:no-repeat}.filters .filter-cb{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.filters .filter-cb:checked+.filter-label::before{background:#245a6f}.filters .filter-cb:focus+.filter-label::before{box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7)}.filters-header{display:flex;align-items:center;border-block-end:1px solid #90c6e7;padding-block-end:0.5rem;margin-block-end:0.5rem}.filters-reset{color:#007495;font-size:12px;text-decoration:underline;margin-inline:auto 0;margin-block:0}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:14px}:host(.small) .filters-title{display:none}.result{text-decoration:none;display:flex;flex-flow:row wrap;padding-block-end:14px;border-block-end:1px solid #90c6e7}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{margin:1em 0 0.5em;inline-size:70%;display:flex}.result__title a{color:#0084a9;font-size:14px;line-height:1.43;text-decoration:none;font-weight:600}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{color:#455556;font-size:13px;inline-size:70%;text-decoration:none}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:#b5aea7}.result__meta{display:flex;flex-flow:row wrap;color:#455556;font-size:11px;line-height:13px;inline-size:100%;align-items:center}.result__meta>*{margin-block-start:0.5rem}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:\"\";block-size:1rem;inline-size:1px;background:#90c6e7;display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__tags-tag{color:#455556;display:inline-block;font-size:0.4375rem;letter-spacing:1.4px;background:#fff;border-radius:2px;text-transform:uppercase;padding:0 4px 1px 5px;font-weight:600;margin:3px 0.25rem 0.25rem 0;border:1px solid #b5aea7;white-space:nowrap;line-height:13px}.result__type{font-weight:600;text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center;color:#455556}.result__source{color:#455556;padding-inline-end:0.75rem}.result__authors{font-size:12px;color:#455556;margin-block-end:0.25rem;text-decoration:none;inline-size:70%}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__buttons-button{background-color:#007495;color:#fff;padding:5px 8px 1px;border-radius:4px;display:inline-block;font-size:11px;text-decoration:none;border:none}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:#455556}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:#007495;text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:#455556;display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid #c5dbe1}.result__promo-date{font-size:12px}.result__promo-venue{font-size:12px}.result__promo .nano-icon{color:#007495;position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:0.5rem}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:1.5rem;color:#0084a9;--primary-color:#fff;--secondary-color:#0084a9;--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:1rem;display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:3rem 0;text-align:center;border-block-start:1px solid #e5eef1}.search-empty h2{color:#455556;font-size:1.125rem;margin-block-end:0.5rem}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:#fbffbf;font-style:normal}";
|
|
54
|
+
const globalSearchResultsCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;flex:1 1 100%}.main-search{display:flex;background:white;font-size:14px;min-block-size:calc(100vh - 63px);justify-content:space-between;max-inline-size:1266px;margin:auto}.main-search__wrap{display:contents;block-size:100%}.main-search ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--nano-spacing-xl)}.main-search li{margin:0;padding:0}.main-search button:not(.result__tags-tag){appearance:none;border:none;background:none;position:relative;cursor:pointer}.main-search button:not(.result__tags-tag):focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.main-search a:focus-visible{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.main-search .icon-button{color:inherit;align-self:normal;padding:9px 7px;cursor:pointer;display:flex;align-items:center}.main-search div[slot=start-output]{border-block-end:1px solid var(--nano-color-neutral-300);margin-block-end:var(--nano-spacing-md)}.main-search__topbar{display:flex;align-items:center;flex-wrap:wrap;margin-block-end:1em}.main-search__applied-filters{display:flex;flex-wrap:wrap;gap:var(--nano-spacing-sm);margin-block-end:var(--nano-spacing-md)}.main-search .topbar__bkbtn{position:relative;inset-inline-start:-7px}:host(.small) .main-search .topbar__query{display:none}.main-search .topbar__filtering{display:flex;align-items:center;margin-block:0;margin-inline:1em 0;flex:1}.main-search .topbar__order{min-inline-size:175px;max-inline-size:200px;margin-inline-start:auto}:host(.small) .main-search .topbar__order{max-inline-size:300px}.main-search .topbar .nano-select{opacity:1;transition:0.1s ease opacity}.main-search .topbar .nano-select:not(.hydrated){opacity:0}.main-search .topbar__show-filters{margin-inline-start:0.5em;text-transform:uppercase;display:none;flex-direction:column;align-items:center}.main-search .topbar__show-filters .nano-icon{font-size:20px}:host(.small) .main-search .topbar__show-filters{display:flex}.main-search .topbar__filter-count{inline-size:12px;block-size:12px;box-shadow:inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);border:solid 1px #005c76;background-color:#005c76;color:white;font-size:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;margin-block-end:3px}.main-search__results{font-size:14px;padding:var(--nano-spacing-md) var(--nano-spacing-l1-default);color:var(--nano-color-neutral-1400);inline-size:70%;block-size:100%}:host(.small) .main-search__results{inline-size:100%}.main-search__filters{outline:none;padding-inline:0 var(--nano-spacing-l1-default);padding-block:var(--nano-spacing-l) var(--nano-spacing-md);flex:1 1 30%;box-sizing:border-box}:host(:not(.small)) .main-search__filters{max-inline-size:350px;min-inline-size:220px}.filters{color:var(--nano-color-neutral-1400);font-size:var(--nano-font-size-xs)}:host(.small) .filters{position:fixed;inline-size:0;block-size:0;z-index:10;inset-block-start:0;inset-inline-end:0;transition:all 0s ease 0.5s;background:none}:host(.small) .filters.show{block-size:100vh;inline-size:100vw;transition:all 0s ease 0s}:host(.small) .filters.show::after{opacity:1}:host(.small) .filters::after{content:\"\";background:rgba(0, 0, 0, 0.5);position:absolute;inset:0;z-index:-1;opacity:0;transition:0.1s ease opacity}.filters__close-filters{display:none !important;font-size:1.4em}:host(.small) .filters__close-filters{display:inline-block !important;margin-inline:auto 0;margin-block:0}.filters__old-posts{margin-inline-start:1rem}:host(.small) .filters-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translateX(120%);inline-size:300px;min-inline-size:200px;max-inline-size:80vw;transition:transform 0.3s ease;padding:var(--nano-spacing-md);overflow:auto;block-size:100vh;background-color:var(--nano-color-surface-200);box-shadow:var(--nano-shadow-l2)}:host(.small) .filters.show .filters-wrap{transform:translateX(0%);box-shadow:-3px -3px 7px rgba(0, 0, 0, 0.1)}.filters ul{margin:0;padding:0;list-style:none;gap:var(--nano-spacing-sm);display:flex;flex-direction:column}.filters li{margin:0;padding:0}.filters li:last-child .filter-label{margin-block-end:0}.filters .filter-label{display:grid;place-items:center center;grid-template-columns:1.125em 1fr;gap:var(--nano-spacing-sm);cursor:pointer}.filters .filter-label>*{justify-self:start;font-size:var(--nano-font-size-2xs)}.filters .filter-label::before{content:\"\";grid-column:1;grid-row:1;border-radius:1px;block-size:1.125em;inline-size:1.125em;border:1px solid var(--nano-color-primary-1000);font-size:1rem}.filters .filter-label::after{content:\"\";grid-column:1;grid-row:1;border:solid var(--nano-color-basic-white);border-width:0 0.125em 0.125em 0;opacity:1;transition:scale var(--nano-transition-x-fast) ease-out;transform-origin:center;rotate:45deg;scale:0;inline-size:0.325em;block-size:0.5625em;margin-block-start:-0.1875em;font-size:1rem}.filters .filter-cb{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.filters .filter-cb:checked~.filter-label::before{background-color:var(--nano-color-primary-1000)}.filters .filter-cb:checked~.filter-label::after{scale:1}.filters .filter-cb:focus-visible:focus~.filter-label::before{outline:var(--nano-focus-ring);outline-offset:1px}.filters-header{display:flex;align-items:center;border-block-end:1px solid var(--nano-color-neutral-300);padding-block-end:var(--nano-spacing-md);margin-block-end:var(--nano-spacing-md)}.filters-reset{color:var(--nano-color-primary-1000);font-size:var(--nano-font-size-xs);text-decoration:underline;margin-inline:auto 0;margin-block:0;appearance:none;background:none;border:none}:host(.small) .filters-reset{margin:0}.filters-title{margin:0;text-transform:uppercase;color:rgba(69, 85, 86, 0.85);font-weight:bold;font-size:var(--nano-font-size-xs)}:host(.small) .filters-title{display:none}.filters-list{display:flex;flex-direction:column;gap:var(--nano-spacing-md)}.result{text-decoration:none;display:flex;flex-flow:row wrap;gap:var(--nano-spacing-sm);color:var(--nano-color-neutral-1400)}.result *{word-wrap:break-word;overflow-wrap:break-word}.result__title{inline-size:70%;display:flex}.result__title a{font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);font-weight:var(--nano-font-weight-bold);text-decoration:none;color:var(--nano-color-neutral-1400)}.result__title .nano-icon{margin-inline:0 0.5em;margin-block:0;min-inline-size:20px;min-block-size:20px;opacity:0.8}@media (max-width: 992px){.result__title{inline-size:100%}}.result__body{font-size:var(--nano-font-size-xs);inline-size:70%;text-decoration:none;color:var(--nano-color-neutral-1400)}@media (max-width: 992px){.result__body{inline-size:100%}}.result__pdf{display:inline-block;margin-inline-start:0.5rem;color:var(--nano-color-neutral-300)}.result__meta{display:flex;flex-flow:row wrap;font-size:var(--nano-font-size-2xs);line-height:13px;inline-size:100%;align-items:center}.result__meta>*:not(:last-child){padding-inline-end:0}.result__meta>*:not(:last-child)::after{content:\"\";block-size:1rem;inline-size:1px;background:var(--nano-color-neutral-300);display:inline-block;margin-inline:0.7rem}@media (max-width: 576px){.result__meta>*:not(:last-child)::after{display:none}}@media (max-width: 576px){.result__meta{flex-flow:column;align-items:flex-start}}.result__tags{display:flex;flex-flow:row wrap;gap:var(--nano-spacing-sm)}@media (max-width: 576px){.result__tags{padding-inline-start:0}}.result__type{text-transform:capitalize;white-space:nowrap;display:flex;align-items:center}.result__date{display:flex;align-items:center}.result__source{padding-inline-end:0.75rem}.result__authors{font-size:var(--nano-font-size-2xs);margin-block-end:var(--nano-spacing-xs);text-decoration:none;inline-size:70%;color:var(--nano-color-neutral-1400)}.result__buttons{inline-size:70%;margin-block-end:0.5rem}.result__promo{inline-size:70%;margin-block-end:0.5rem;text-decoration:none;color:var(--nano-color-neutral-1400)}.result__promo-box{inline-size:300px;background-color:#e3eef1;padding:12px 12px 8px 4px;display:flex;flex-flow:row nowrap;margin-block-start:1rem}.result__promo-bigdate{flex:0 1 60px;text-align:center;font-weight:600;color:var(--nano-color-primary-1000);text-transform:uppercase;line-height:1;letter-spacing:1.5px}@media (max-width: 992px){.result__promo-bigdate{inline-size:100%}}.result__promo-bigdate span{color:var(--nano-color-neutral-1400);display:block}.result__promo-bigdate~div{padding-inline-start:1rem;border-inline-start:1px solid var(--nano-color-neutral-300)}.result__promo-date{font-size:var(--nano-font-size-2xs)}.result__promo-venue{font-size:var(--nano-font-size-2xs)}.result__promo .nano-icon{color:var(--nano-color-primary-1000);position:relative;inset-block-start:1px;padding-inline-end:2px}.result__image{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;position:relative;inline-size:100%;block-size:150px;margin-block-end:var(--nano-spacing-xs)}@media (min-width: 576px){.result__image{inline-size:142px;block-size:80px}}.result__image .nano-icon{position:absolute;inset-block-start:calc(50% - 0.75rem);inset-inline-start:calc(50% - 0.75rem);font-size:var(--nano-pictogram-size-small);color:var(--nano-color-primary-1000);--primary-color:var(--nano-color-base-0);--secondary-color:var(--nano-color-primary-1000);--primary-opacity:1}@media (max-width: 576px){.result__image .nano-icon{font-size:3rem;inset-block-start:calc(50% - 1.5rem);inset-inline-start:calc(50% - 1.5rem)}}.result__video-body{inline-size:70%;text-decoration:none;display:flex;flex-flow:row wrap}@media (max-width: 992px){.result__video-body{inline-size:100%}}@media (max-width: 576px){.result__video-body{flex-flow:column}}.result__video-body .result__body{padding-inline-start:var(--nano-spacing-md);display:flex;flex-direction:column;margin-block-end:0;flex:1}@media (max-width: 576px){.result__video-body .result__body{padding-inline-start:0}}.result__video-body .result__body p{display:inline;margin:0}.result__video-body .result__body u,.result__video-body .result__body li,.result__video-body .result__body a{text-decoration:none}.result__video-body .result__body .result__meta{margin-block-start:0.5rem}.result__video-body .result__body .result__description{flex:1 0 auto}.search-empty{padding:var(--nano-spacing-xl) 0;text-align:center;border-block-start:1px solid var(--nano-color-neutral-300)}.search-empty h2{font-weight:var(--nano-font-weight-normal);font-size:var(--nano-font-size-xl);line-height:var(--nano-line-height-denser);text-wrap:balance}.search-empty-icon{font-size:7rem;--icon-color:#e4e6e8;margin-block-end:2rem}.search__highlight{background:var(--nano-color-highlight);font-style:normal}";
|
|
54
55
|
|
|
55
56
|
const filterOldPosts = 'created > ' + Math.floor((Date.now() - 63115200000) / 1000);
|
|
56
57
|
let searchResultIds = 0;
|
|
@@ -115,6 +116,9 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
115
116
|
};
|
|
116
117
|
this.algoliaEle.query = meta.query;
|
|
117
118
|
};
|
|
119
|
+
handleNanoFilterChanged() {
|
|
120
|
+
this.el.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
121
|
+
}
|
|
118
122
|
handleReorder(e) {
|
|
119
123
|
if (e
|
|
120
124
|
.composedPath()
|
|
@@ -152,7 +156,7 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
152
156
|
this.filtersDiv = this.algoliaEle.querySelector('#main-search-filters');
|
|
153
157
|
const oldResults = this.algoliaEle.querySelector('.old-posts');
|
|
154
158
|
if (oldResults) {
|
|
155
|
-
oldResults.addEventListener('
|
|
159
|
+
oldResults.addEventListener('nanoChange', (e) => {
|
|
156
160
|
this.toggleOldResults(e.target.checked);
|
|
157
161
|
});
|
|
158
162
|
}
|
|
@@ -169,8 +173,8 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
169
173
|
this.algoliaResultsEle.addEventListener('click', this.resultClick);
|
|
170
174
|
// wire up remove filter event listener
|
|
171
175
|
resultEle.querySelectorAll('.remove-filter').forEach((item) => {
|
|
172
|
-
item.removeEventListener('
|
|
173
|
-
item.addEventListener('
|
|
176
|
+
item.removeEventListener('nanoClose', this.removeFilterClick);
|
|
177
|
+
item.addEventListener('nanoClose', this.removeFilterClick);
|
|
174
178
|
});
|
|
175
179
|
// wire up the back button event listener
|
|
176
180
|
resultEle.querySelectorAll('.back-btn').forEach((item) => {
|
|
@@ -214,7 +218,8 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
214
218
|
setTimeout(() => this.filtersDiv.focus(), 20);
|
|
215
219
|
};
|
|
216
220
|
removeFilterClick = (e) => {
|
|
217
|
-
|
|
221
|
+
const target = e.target.closest('[data-filter-val]');
|
|
222
|
+
this.removeFilter(target?.dataset.filter, target?.dataset.filterVal);
|
|
218
223
|
};
|
|
219
224
|
tagClick = (e) => {
|
|
220
225
|
e.preventDefault();
|
|
@@ -250,7 +255,7 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
250
255
|
this.filtersDiv.classList.remove('show');
|
|
251
256
|
this.filtersDiv.setAttribute('aria-expanded', 'false');
|
|
252
257
|
document.body.style.overflow = '';
|
|
253
|
-
setTimeout(() => this.openFilterBtn
|
|
258
|
+
setTimeout(() => this.openFilterBtn?.focus(), 20);
|
|
254
259
|
}
|
|
255
260
|
toggleOldResults(show) {
|
|
256
261
|
if (show)
|
|
@@ -258,6 +263,10 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
258
263
|
else
|
|
259
264
|
this.algoliaEle.filters = [...this.algoliaEle.filters, filterOldPosts];
|
|
260
265
|
}
|
|
266
|
+
componentWillLoad() {
|
|
267
|
+
if (Build.isBrowser)
|
|
268
|
+
addGlobalStylesheetToShadow(this.el.shadowRoot);
|
|
269
|
+
}
|
|
261
270
|
connectedCallback() {
|
|
262
271
|
const globalNavTag = transformTag('nano-global-nav');
|
|
263
272
|
this.globalNav = this.el.closest(globalNavTag);
|
|
@@ -295,17 +304,17 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
295
304
|
this.ro.observe(this.el);
|
|
296
305
|
}
|
|
297
306
|
render() {
|
|
298
|
-
return (h(Host, { key: '
|
|
299
|
-
small: this.currentWidth <
|
|
307
|
+
return (h(Host, { key: '6f4387b28776c047e2bea038b7de5ebc43c16a49', class: {
|
|
308
|
+
small: this.currentWidth < 780,
|
|
300
309
|
'nano-global-search-results': true,
|
|
301
|
-
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: '
|
|
310
|
+
}, dir: this.el.ownerDocument.dir === 'rtl' ? 'rtl' : undefined }, h("nano-algolia", { key: 'cf5fdf51f46cedf20c3242ddfd873903168bb04d', storeId: this.queryId, storeMethod: "url-hash-push", class: "main-search__wrap sc-nano-global-search-results", ref: (ele) => requestAnimationFrame(() => (this.algoliaEle = ele)), id: "main-search",
|
|
311
|
+
// @ts-expect-error this bubbles from nano-algolia-filter
|
|
312
|
+
onNanoFilterChanged: () => this.handleNanoFilterChanged() }, h("template", { key: '8abd5c449cb8f570ca9b3a8cdd9247e26dd4a116', slot: "template" },
|
|
302
313
|
/* html */ `<div class="main-search sc-nano-global-search-results">
|
|
303
314
|
<nano-algolia-results id="main-search-results" class="main-search__results sc-nano-global-search-results" infinite-scroll>
|
|
304
315
|
<script type="text/template" slot="start-template">
|
|
305
316
|
<div class="sc-nano-global-search-results main-search__topbar topbar">
|
|
306
|
-
<button class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button">
|
|
307
|
-
<nano-icon class="sc-nano-global-search-results" name="light/chevron-left" size="small"></nano-icon>
|
|
308
|
-
</button>
|
|
317
|
+
<nano-icon-button icon-name="light/chevron-left" class="sc-nano-global-search-results topbar__bkbtn back-btn icon-button"></nano-icon-button>
|
|
309
318
|
<div>
|
|
310
319
|
<em class="sc-nano-global-search-results topbar__query">'{{ it.query }}' - </em> <strong>{{ it.totalHitsWithFilters }}</strong> Results
|
|
311
320
|
</div>
|
|
@@ -337,16 +346,15 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
337
346
|
{{ @if (it.appliedFilters) }}
|
|
338
347
|
{{ @each(it.appliedFilters) => filterObj }}
|
|
339
348
|
{{ @each(filterObj.values) => filterVal }}
|
|
340
|
-
<
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
349
|
+
<nano-tag
|
|
350
|
+
closable
|
|
351
|
+
size="large"
|
|
352
|
+
data-filter-val="{{ filterVal }}"
|
|
353
|
+
data-filter="{{ filterObj.name }}"
|
|
354
|
+
class="remove-filter"
|
|
355
|
+
>{{ filterVal | tag_tidy | public_name }}</nano-tag>
|
|
346
356
|
{{ /each }}
|
|
347
357
|
{{ /each }}
|
|
348
|
-
{{ #else }}
|
|
349
|
-
<span class="sc-nano-global-search-results main-search__applied-nofilter"> </span>
|
|
350
358
|
{{ /if }}
|
|
351
359
|
</div>
|
|
352
360
|
{{ /if }}
|
|
@@ -368,7 +376,7 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
368
376
|
{{ contentType = result.content_type ? result.content_type : result.type }}
|
|
369
377
|
<li class="sc-nano-global-search-results">
|
|
370
378
|
<div class="sc-nano-global-search-results result" data-hit-id="{{ result.objectID }}" data-hit-count="{{ resultIndex }}">
|
|
371
|
-
<
|
|
379
|
+
<strong class="sc-nano-global-search-results result__title" data-icon-set="{{(iconSet = false)}}">
|
|
372
380
|
<a href="{{ result.url | abs_url(it, result) }}">
|
|
373
381
|
{{ @if (result._snippetResult) }}
|
|
374
382
|
{{ result._snippetResult.title.value | safe }}
|
|
@@ -379,7 +387,7 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
379
387
|
<span class="sc-nano-global-search-results result__pdf">PDF</span>
|
|
380
388
|
{{ /if }}
|
|
381
389
|
</a>
|
|
382
|
-
</
|
|
390
|
+
</strong>
|
|
383
391
|
{{ @if (result.authors) }}
|
|
384
392
|
{{ @if (typeof result.authors === 'string') }}
|
|
385
393
|
<a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Authors: {{ result.authors | trim_to(50) }}</a>
|
|
@@ -397,12 +405,13 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
397
405
|
{{ @if (result.name) }}
|
|
398
406
|
<a class="sc-nano-global-search-results result__authors" href="{{ result.url | abs_url(it, result) }}">Speaker: {{ result.name | trim_to(50) }}</a>
|
|
399
407
|
{{ /if }}
|
|
408
|
+
|
|
409
|
+
{{ @if (result.image) }}
|
|
410
|
+
<div class="sc-nano-global-search-results result__image" style="background-image: url('{{ result.image | abs_url(it, result) }}')">
|
|
411
|
+
<nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>
|
|
412
|
+
</div>
|
|
413
|
+
{{ /if }}
|
|
400
414
|
<a class="sc-nano-global-search-results result__video-body" href="{{ result.url | abs_url(it, result) }}">
|
|
401
|
-
{{ @if (result.image) }}
|
|
402
|
-
<div class="sc-nano-global-search-results result__image" style="background-image: url('{{ result.image | abs_url(it, result) }}')">
|
|
403
|
-
<nano-icon class="sc-nano-global-search-results" name="duotone/play-circle"></nano-icon>
|
|
404
|
-
</div>
|
|
405
|
-
{{ /if }}
|
|
406
415
|
<div class="sc-nano-global-search-results result__body">
|
|
407
416
|
<div class="sc-nano-global-search-results result__description">
|
|
408
417
|
{{ @if (result.description) }}
|
|
@@ -410,36 +419,37 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
410
419
|
{{ /if }}
|
|
411
420
|
</div>
|
|
412
421
|
</div>
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
{{
|
|
421
|
-
</div>
|
|
422
|
+
</a>
|
|
423
|
+
<div class="sc-nano-global-search-results result__meta">
|
|
424
|
+
{{ @if (result.type || result.content_type) }}
|
|
425
|
+
<div class="sc-nano-global-search-results result__type">
|
|
426
|
+
{{ @if (contentType === 'lc_lightning_talk') }}
|
|
427
|
+
Presentation
|
|
428
|
+
{{ #else }}
|
|
429
|
+
{{ contentType }}
|
|
422
430
|
{{ /if }}
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
431
|
+
</div>
|
|
432
|
+
{{ /if }}
|
|
433
|
+
|
|
434
|
+
{{ @if (result.source) }}
|
|
435
|
+
<div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>
|
|
436
|
+
{{ /if }}
|
|
437
|
+
</div>
|
|
438
|
+
{{ @if (result.tags) }}
|
|
439
|
+
<div class="sc-nano-global-search-results result__tags">
|
|
440
|
+
{{ @if (typeof result.tags === 'string') }}
|
|
441
|
+
<nano-tag><button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button></nano-tag>
|
|
442
|
+
{{ #else }}
|
|
443
|
+
{{ @each(result.tags) => tag, index }}
|
|
444
|
+
{{ @if(index < 5)}}
|
|
445
|
+
{{ @if (tag !== "No video" && tag !== "Resources" && tag !== "Video") }}
|
|
446
|
+
<nano-tag><button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag | tag_tidy }}</button></nano-tag>
|
|
447
|
+
{{ /if }}
|
|
435
448
|
{{ /if }}
|
|
436
|
-
|
|
437
|
-
{{ /if }}
|
|
438
|
-
{{ @if (result.source) }}
|
|
439
|
-
<div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>
|
|
449
|
+
{{ /each }}
|
|
440
450
|
{{ /if }}
|
|
441
451
|
</div>
|
|
442
|
-
|
|
452
|
+
{{ /if }}
|
|
443
453
|
{{ /if }}
|
|
444
454
|
{{ @if (result.body) }}
|
|
445
455
|
<a class="sc-nano-global-search-results result__body" href="{{ result.url | abs_url(it, result) }}">
|
|
@@ -449,8 +459,8 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
449
459
|
</a>
|
|
450
460
|
{{ /if }}
|
|
451
461
|
{{ @if (contentType === 'product' }}
|
|
452
|
-
<
|
|
453
|
-
<a
|
|
462
|
+
<nano-cta size="small">
|
|
463
|
+
<a href="{{ result.url | abs_url(it, result) }}">View product</a>
|
|
454
464
|
</div>
|
|
455
465
|
{{ /if }}
|
|
456
466
|
{{ @if (contentType === 'event') }}
|
|
@@ -523,27 +533,27 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
523
533
|
{{ /if }}
|
|
524
534
|
{{ /if }}
|
|
525
535
|
{{ /if }}
|
|
526
|
-
{{ @if (result.tags) }}
|
|
527
|
-
<div class="sc-nano-global-search-results result__tags">
|
|
528
|
-
{{ @if (typeof result.tags === 'string') }}
|
|
529
|
-
{{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}
|
|
530
|
-
<button data-value="{{ result.tags | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ result.tags }}</button>
|
|
531
|
-
{{ /if }}
|
|
532
|
-
{{ #else }}
|
|
533
|
-
{{ @each(result.tags) => tag, index }}
|
|
534
|
-
{{ @if(index < 5)}}
|
|
535
|
-
{{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}
|
|
536
|
-
<button data-value="{{ tag | lowercase }}" class="sc-nano-global-search-results result__tags-tag">{{ tag }}</button>
|
|
537
|
-
{{ /if }}
|
|
538
|
-
{{ /if }}
|
|
539
|
-
{{ /each }}
|
|
540
|
-
{{ /if }}
|
|
541
|
-
</div>
|
|
542
|
-
{{ /if }}
|
|
543
536
|
{{ @if (result.source) }}
|
|
544
537
|
<div class="sc-nano-global-search-results result__source">Source: {{ result.source }}</div>
|
|
545
538
|
{{ /if }}
|
|
546
539
|
</div>
|
|
540
|
+
{{ @if (result.tags) }}
|
|
541
|
+
<div class="sc-nano-global-search-results result__tags">
|
|
542
|
+
{{ @if (typeof result.tags === 'string') }}
|
|
543
|
+
{{ @if (result.tags !== "Resources" && result.tags !== "Tools" && result.tags !== "Publications" && result.tags !== "Case studies") }}
|
|
544
|
+
<nano-tag><button data-value="{{ result.tags | lowercase }}" class="result__tags-tag">{{ result.tags }}</button></nano-tag>
|
|
545
|
+
{{ /if }}
|
|
546
|
+
{{ #else }}
|
|
547
|
+
{{ @each(result.tags) => tag, index }}
|
|
548
|
+
{{ @if(index < 5)}}
|
|
549
|
+
{{ @if (tag !== "Resources" && tag !== "Tools" && tag !== "Publications" && tag !== "Case studies") }}
|
|
550
|
+
<nano-tag><button data-value="{{ tag | lowercase }}" class="result__tags-tag">{{ tag | tag_tidy }}</button></nano-tag>
|
|
551
|
+
{{ /if }}
|
|
552
|
+
{{ /if }}
|
|
553
|
+
{{ /each }}
|
|
554
|
+
{{ /if }}
|
|
555
|
+
</div>
|
|
556
|
+
{{ /if }}
|
|
547
557
|
{{ /if }}
|
|
548
558
|
</div>
|
|
549
559
|
</li>
|
|
@@ -562,30 +572,26 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
562
572
|
<div class="sc-nano-global-search-results filters-header">
|
|
563
573
|
<strong class="sc-nano-global-search-results filters-title">Filters</strong>
|
|
564
574
|
<button class="sc-nano-global-search-results filters-reset">Reset</button>
|
|
565
|
-
<button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" aria-controls="main-search-filters">
|
|
566
|
-
<nano-icon class="sc-nano-global-search-results" name="light/xmark"></nano-icon>
|
|
567
|
-
</button>
|
|
575
|
+
<nano-icon-button class="sc-nano-global-search-results filters__close-filters close-filters icon-button" icon-name="light/xmark" aria-controls="main-search-filters"></nano-icon-button>
|
|
568
576
|
</div>
|
|
569
577
|
{{ /if }}
|
|
570
578
|
|
|
571
|
-
<div>
|
|
572
|
-
<
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
</label>
|
|
579
|
+
<div class="sc-nano-global-search-results filters-list">
|
|
580
|
+
<nano-checkbox value="old-posts" class="old-posts" name="old-posts" checked>
|
|
581
|
+
<span>Include posts older than 2 years</strong>)</span>
|
|
582
|
+
</nano-checkbox>
|
|
576
583
|
{{ @if(it.origFilters['type']) }}
|
|
577
|
-
<nano-details class="sc-nano-global-search-results" open={true}
|
|
578
|
-
<strong slot="label">Type</strong>
|
|
579
|
-
<nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>
|
|
584
|
+
<nano-details class="sc-nano-global-search-results" open={true} label="Type" size="small">
|
|
580
585
|
<nano-algolia-filter store-id="searchf1" store-method="url-hash-push" filter-name="type">
|
|
581
586
|
<script type="text/template" slot="filter-template">
|
|
582
587
|
<ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">
|
|
583
588
|
{{ @foreach(it.dyn) => filter, filterVal }}
|
|
584
589
|
<li class="sc-nano-global-search-results" data-num="{{(x++)}}">
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
590
|
+
<input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="type-{{ filter }}-{{x}}" />
|
|
591
|
+
<label class="sc-nano-global-search-results filter-label" for="type-{{ filter }}-{{x}}">
|
|
592
|
+
<span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>
|
|
593
|
+
</label>
|
|
594
|
+
</li>
|
|
589
595
|
{{ /foreach }}
|
|
590
596
|
</ul>
|
|
591
597
|
</script>
|
|
@@ -595,18 +601,17 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
595
601
|
{{ /if }}
|
|
596
602
|
|
|
597
603
|
{{ @if(it.origFilters['channel']) }}
|
|
598
|
-
<nano-details open={true}
|
|
599
|
-
<strong slot="label">Channels</strong>
|
|
600
|
-
<nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>
|
|
604
|
+
<nano-details open={true} label="Channels" size="small">
|
|
601
605
|
<nano-algolia-filter store-id="searchf2" store-method="url-hash-push" filter-name="channel">
|
|
602
606
|
<script type="text/template" slot="filter-template">
|
|
603
607
|
<ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">
|
|
604
608
|
{{ @foreach(it.dyn) => filter, filterVal }}
|
|
605
609
|
<li class="sc-nano-global-search-results" data-num="{{(x++)}}">
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
+
<input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="channel-{{ filter }}-{{x}}" />
|
|
611
|
+
<label class="filter-label sc-nano-global-search-results" for="channel-{{ filter }}-{{x}}">
|
|
612
|
+
<span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>
|
|
613
|
+
</label>
|
|
614
|
+
</li>
|
|
610
615
|
{{ /foreach }}
|
|
611
616
|
</ul>
|
|
612
617
|
</script>
|
|
@@ -616,18 +621,17 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
616
621
|
{{ /if }}
|
|
617
622
|
|
|
618
623
|
{{ @if(it.origFilters['authors']) }}
|
|
619
|
-
<nano-details open={true}
|
|
620
|
-
<strong slot="label">Authors</strong>
|
|
621
|
-
<nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>
|
|
624
|
+
<nano-details open={true} label="Authors" size="small">
|
|
622
625
|
<nano-algolia-filter store-id="searchf3" store-method="url-hash-push" filter-name="authors">
|
|
623
626
|
<script type="text/template" slot="filter-template">
|
|
624
627
|
<ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">
|
|
625
628
|
{{ @foreach(it.dyn) => filter, filterVal }}
|
|
626
629
|
<li class="sc-nano-global-search-results" data-num="{{(x++)}}">
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
630
|
+
<input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter }}" id="authors-{{ filter }}-{{x}}" />
|
|
631
|
+
<label class="filter-label sc-nano-global-search-results" for="authors-{{ filter }}-{{x}}">
|
|
632
|
+
<span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>
|
|
633
|
+
</label>
|
|
634
|
+
</li>
|
|
631
635
|
{{ /foreach }}
|
|
632
636
|
</ul>
|
|
633
637
|
</script>
|
|
@@ -637,19 +641,18 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
637
641
|
{{ /if }}
|
|
638
642
|
|
|
639
643
|
{{ @if(it.origFilters['categories_without_path']) }}
|
|
640
|
-
<nano-details open={true}
|
|
641
|
-
<strong slot="label">Category</strong>
|
|
642
|
-
<nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>
|
|
644
|
+
<nano-details open={true} label="Categories" size="small">
|
|
643
645
|
<nano-algolia-filter store-id="searchf4" store-method="url-hash-push" filter-name="categories_without_path">
|
|
644
646
|
<script type="text/template" slot="filter-template">
|
|
645
647
|
<ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">
|
|
646
648
|
{{ @foreach(it.dyn) => filter, filterVal }}
|
|
647
649
|
{{ @if(!filter.match(/publication/)) }}
|
|
648
650
|
<li class="sc-nano-global-search-results" data-num="{{(x++)}}">
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
651
|
+
<input class="sc-nano-global-search-results filter-cb" type="checkbox" value="{{ filter }}" id="cwp-{{ filter }}-{{x}}" />
|
|
652
|
+
<label class="sc-nano-global-search-results filter-label" for="cwp-{{ filter }}-{{x}}">
|
|
653
|
+
<span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>
|
|
654
|
+
</label>
|
|
655
|
+
</li>
|
|
653
656
|
{{ /if }}
|
|
654
657
|
{{ /foreach }}
|
|
655
658
|
</ul>
|
|
@@ -660,18 +663,19 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
660
663
|
{{ /if }}
|
|
661
664
|
|
|
662
665
|
{{ @if(it.origFilters['tags']) }}
|
|
663
|
-
<nano-details open={true}
|
|
664
|
-
<strong slot="label">Tags</strong>
|
|
665
|
-
<nano-icon slot="icon-end" name="light/chevron-down" size="small"></nano-icon>
|
|
666
|
+
<nano-details open={true} label="Tags" size="small">
|
|
666
667
|
<nano-algolia-filter store-id="searchf5" store-method="url-hash-push" filter-name="tags">
|
|
667
668
|
<script type="text/template" slot="filter-template">
|
|
668
669
|
<ul class="sc-nano-global-search-results" data-num="{{(x = 0)}}">
|
|
669
670
|
{{ @foreach(it.dyn) => filter, filterVal }}
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
671
|
+
{{ @if(!filter.match('>')) }}
|
|
672
|
+
<li class="sc-nano-global-search-results" data-num="{{(x++)}}">
|
|
673
|
+
<input class="filter-cb sc-nano-global-search-results" type="checkbox" value="{{ filter | lowercase }}" id="tags-{{ filter }}-{{x}}" />
|
|
674
|
+
<label class="filter-label sc-nano-global-search-results" for="tags-{{ filter }}-{{x}}">
|
|
675
|
+
<span>{{ filter | public_name }} (<strong>{{ filterVal }}</strong>)</span>
|
|
676
|
+
</label>
|
|
677
|
+
</li>
|
|
678
|
+
{{ /if }}
|
|
675
679
|
{{ /foreach }}
|
|
676
680
|
</ul>
|
|
677
681
|
</script>
|
|
@@ -683,7 +687,7 @@ const GlobalSearchResults = /*@__PURE__*/ proxyCustomElement(class GlobalSearchR
|
|
|
683
687
|
</div>
|
|
684
688
|
</div>
|
|
685
689
|
{{ /if }}
|
|
686
|
-
</div>`), h("div", { key: '
|
|
690
|
+
</div>`), h("div", { key: '33b7b45a25b64b26e7ccd724e0171c997c145540', slot: "output" }), h("slot", { key: '15039307d1b06217c2666eb344a44fe9966a336f' }))));
|
|
687
691
|
}
|
|
688
692
|
static get watchers() { return {
|
|
689
693
|
"algoliaEle": ["handleAlgoliaCredsChange", "handleAlgoliaIndexChange", "handleAlgoliaEleChange"],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Custom elements for Nanopore-Digital Web applications
|
|
3
3
|
*/
|
|
4
|
-
import { proxyCustomElement, HTMLElement, createEvent, Build,
|
|
4
|
+
import { proxyCustomElement, HTMLElement, createEvent, Build, Host } from '@stencil/core/internal/client';
|
|
5
5
|
import { h } from './renderer.js';
|
|
6
6
|
import { W as Wormhole, S as SearchChangeEvent } from './algolia-data.js';
|
|
7
7
|
|
|
@@ -162,30 +162,28 @@ const AlgoliaResults = /*@__PURE__*/ proxyCustomElement(class AlgoliaResults ext
|
|
|
162
162
|
this.nanoTplUpdated.emit(this.el);
|
|
163
163
|
}
|
|
164
164
|
connectedCallback() {
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
}
|
|
188
|
-
});
|
|
165
|
+
this.startTplSlot = this.el.querySelector('[slot="start-template"]');
|
|
166
|
+
this.startOutputSlot = this.el.querySelector('[slot="start-output"]');
|
|
167
|
+
if (this.startTplSlot) {
|
|
168
|
+
this.startTpl = this.startTplSlot.innerHTML;
|
|
169
|
+
this.startTpl = this.startTpl.replace(/=>/gm, '=>');
|
|
170
|
+
}
|
|
171
|
+
this.resultTplSlot = this.el.querySelector('[slot="result-template"]');
|
|
172
|
+
this.outputSlot = this.el.querySelector('[slot="result-output"]');
|
|
173
|
+
if (this.resultTplSlot) {
|
|
174
|
+
this.resultTpl = this.resultTplSlot.innerHTML;
|
|
175
|
+
this.resultTpl = this.resultTpl.replace(/=>/gm, '=>');
|
|
176
|
+
}
|
|
177
|
+
this.endTplSlot = this.el.querySelector('[slot="end-template"]');
|
|
178
|
+
this.endOutputSlot = this.el.querySelector('[slot="end-output"]');
|
|
179
|
+
if (this.endTplSlot) {
|
|
180
|
+
this.endTpl = this.endTplSlot.innerHTML;
|
|
181
|
+
this.endTpl = this.endTpl.replace(/=>/gm, '=>');
|
|
182
|
+
}
|
|
183
|
+
if (this.indexResults) {
|
|
184
|
+
this.addContentIndex();
|
|
185
|
+
this.updateResultContent();
|
|
186
|
+
}
|
|
189
187
|
}
|
|
190
188
|
componentDidLoad() {
|
|
191
189
|
this.updateStartEndContent();
|
|
@@ -197,10 +195,10 @@ const AlgoliaResults = /*@__PURE__*/ proxyCustomElement(class AlgoliaResults ext
|
|
|
197
195
|
}
|
|
198
196
|
}
|
|
199
197
|
render() {
|
|
200
|
-
return (h(Host, { key: '
|
|
198
|
+
return (h(Host, { key: '857784ead2b9536559ef2220bff26d508061781c', class: {
|
|
201
199
|
'show-results': this.showResults,
|
|
202
200
|
'nano-results': true,
|
|
203
|
-
} }, h("div", { key: '
|
|
201
|
+
} }, h("div", { key: 'be165b02c4ec5d2358e15dadfd4695fd5901f0b0', class: "default" }, h("slot", { key: '1ab64bb71c75531e8f6b0c65833de7d2dc1ee0ca' })), h("div", { key: 'cee981cead8b921e29fd4223e4985c3615e0e063', ref: (div) => (this.outputEle = div) }, h("slot", { key: 'cff96070ca2acf18f7b8165444b28f433ca3601d', name: "start-output" }), h("slot", { key: '76833dd55d415baf083527ed5580049f90c36b40', name: "result-output" }), h("div", { key: 'dac7a9081d1a65b4e17dec60044467e17575568e', ref: (div) => (this.infiniteScrollBar = div) }), h("slot", { key: '07c82d60a58c11bcc50807ab95d63cf3fd59d768', name: "end-output" }))));
|
|
204
202
|
}
|
|
205
203
|
static get watchers() { return {
|
|
206
204
|
"results": ["addContentIndex", "resultsChange"],
|
|
@@ -8,7 +8,7 @@ import { g as getDirectChildren } from './dom.js';
|
|
|
8
8
|
import { d as defineCustomElement$3 } from './details.js';
|
|
9
9
|
import { d as defineCustomElement$2 } from './icon.js';
|
|
10
10
|
|
|
11
|
-
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)
|
|
11
|
+
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)}";
|
|
12
12
|
|
|
13
13
|
const NanoInPageNav$1 = /*@__PURE__*/ proxyCustomElement(class NanoInPageNav extends HTMLElement {
|
|
14
14
|
constructor() {
|