@itcenteratunihelsinki/huds-lib 0.8.87 → 0.8.88-alpha.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/components/site-search.js +10 -7
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +10 -7
- package/dist/collection/components/hy-site-header/site-search/site-search.css +310 -0
- package/dist/collection/components/hy-site-header/site-search/site-search.js +9 -6
- package/dist/esm/hy-breadcrumbs_15.entry.js +10 -7
- package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
- package/dist/types/components/hy-site-header/site-search/site-search.d.ts +1 -0
- package/package.json +2 -2
|
@@ -5,7 +5,7 @@ import { d as defineCustomElement$3 } from './icon.js';
|
|
|
5
5
|
import { d as defineCustomElement$2 } from './paragraph-text.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './hy-search-field2.js';
|
|
7
7
|
|
|
8
|
-
const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:#f8f8f8;width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}";
|
|
8
|
+
const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:#f8f8f8;width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}#search_autocomplete .cludo-sayt__no-result-text p a:focus,#search_autocomplete .cludo-sayt__no-result-text p a:hover,#search_autocomplete .cludo-sayt__results-tophit a:focus h3,#search_autocomplete .cludo-sayt__results-tophit a:hover h3,#search_autocomplete .cludo-sayt__results-tophit-title-link:focus,#search_autocomplete .cludo-sayt__results-tophit-title-link:hover,#search_autocomplete .cludo-sayt__results-tophit.active h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:focus h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:hover h3{text-decoration:underline}#search_autocomplete{position:absolute;width:100%;top:100%;left:0;padding:0;z-index:5}#search_autocomplete *{font-family:\"Open Sans\", Helvetica, Arial, sans-serif}#search_autocomplete h3{font-size:0.875rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#search_autocomplete .cludo-sayt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:12px 15px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt h3{line-height:1.25rem}#search_autocomplete .cludo-sayt__suggestions{border-bottom:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions>h3{margin:0;white-space:nowrap}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar{height:8px}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar:empty{display:none}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px;cursor:pointer}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb:hover{background:#878787}#search_autocomplete .cludo-sayt__suggestions-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;overflow-x:scroll;overflow-y:hidden;padding:8px 0 12px;margin:0;list-style-type:none}#search_autocomplete .cludo-sayt__suggestion{white-space:nowrap;background-color:#f5f5f5;padding:10.05px 18.76px;border-radius:16.75px;font-size:0.813rem;cursor:pointer}#search_autocomplete .cludo-sayt__suggestion.active,#search_autocomplete .cludo-sayt__suggestion:focus,#search_autocomplete .cludo-sayt__suggestion:hover{color:#107eab;text-decoration:underline}#search_autocomplete .cludo-sayt__results{padding:1rem 0}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:24px}#search_autocomplete .cludo-sayt__results-tophit-container:not(:last-child){margin-bottom:24px}#search_autocomplete .cludo-sayt__results-tophit-title{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 16px;color:#000}#search_autocomplete .cludo-sayt__results-tophit-title-link{color:#107eab;font-weight:600;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit-title-no-link{color:#107eab;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p{margin:0;padding:0;color:#222;font-size:0.875rem;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p a{color:#107eab;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophits{margin:0;padding:0;list-style-type:none}#search_autocomplete .cludo-sayt__results-tophit:not(:last-of-type){margin-bottom:16px}#search_autocomplete .cludo-sayt__results-tophit.tool a{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#search_autocomplete .cludo-sayt__results-tophit.tool a .cludo-sayt__tool{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:5px;background-color:#107eab;color:#fff;font-size:14px;font-weight:600}#search_autocomplete .cludo-sayt__results-tophit a{display:block;font-weight:600;font-size:0.875rem;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit a h3{font-weight:600;color:#222;margin:0}#search_autocomplete .cludo-sayt__results-tophit a span{color:#979797;font-size:0.688rem}#search_autocomplete .cludo-sayt__results-tophit.people-result a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;color:#222}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:0;background-color:var(--brand-main-light);background-size:cover;color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px;overflow:hidden}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image img{width:100%}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content h3{font-size:1rem;font-weight:700}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content p{margin:0;font-weight:400}#search_autocomplete .cludo-sayt__all-results{border-top:1px solid #d2d2d2;padding-top:16px}@media (min-width: 931px){#search_autocomplete .cludo-sayt{width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:0 16px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;overflow-x:scroll;overflow-y:hidden}#search_autocomplete .cludo-sayt__suggestions-list{overflow:visible;padding:12px 0}#search_autocomplete .cludo-sayt__results{padding:0;display:grid;grid-template-columns:1fr 1fr}#search_autocomplete .cludo-sayt__main-search-categories{padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories{border-left:1px solid #d2d2d2;padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:0}#search_autocomplete .cludo-sayt__all-results{padding:16px 0}}#search_autocomplete .cludo-sayt__all-results a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border:none;background-color:#107eab;color:#fff;font-weight:700;font-size:1rem;padding:13px 16px;cursor:pointer}#search_autocomplete .cludo-sayt__all-results a:focus,#search_autocomplete .cludo-sayt__all-results a:hover{background:#005379}#search_autocomplete .cludo-sayt__other{padding:22px 0}#search_autocomplete .cludo-sayt__other h3{font-size:18px;letter-spacing:-0.56px;margin-bottom:7.5px}";
|
|
9
9
|
const HySiteSearchStyle0 = siteSearchCss;
|
|
10
10
|
|
|
11
11
|
const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
|
|
@@ -106,6 +106,9 @@ const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
|
|
|
106
106
|
// Without setTimeout it will not focus the input because it hasn't rendered yet.
|
|
107
107
|
setTimeout(() => {
|
|
108
108
|
const searchInput = this.el.shadowRoot.querySelector("input#search");
|
|
109
|
+
if (window.registerNavSearchInput && searchInput) {
|
|
110
|
+
window.registerNavSearchInput('#cludo-search-form input#search');
|
|
111
|
+
}
|
|
109
112
|
searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
|
|
110
113
|
});
|
|
111
114
|
}
|
|
@@ -118,24 +121,24 @@ const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
|
|
|
118
121
|
render() {
|
|
119
122
|
const currentPageUrlPathName = window.location.pathname;
|
|
120
123
|
const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
|
|
121
|
-
return (h("div", { key: '
|
|
124
|
+
return (h("div", { key: 'd86aee9d148617837eef2d3095b3d5e7e3411467', class: {
|
|
122
125
|
"site-search": true,
|
|
123
126
|
"site-search__is-open": this.isSearchPanelOpen,
|
|
124
127
|
"is-group": this.isGroup,
|
|
125
|
-
} }, h("button", { key: '
|
|
128
|
+
} }, h("button", { key: '6ffbfb2bf03ff22d10878b39be98231e1e8a4365', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
|
|
126
129
|
"button--search": true,
|
|
127
130
|
"is-open--menu": this.isAlternative,
|
|
128
131
|
"is-open": this.isSearchPanelOpen,
|
|
129
132
|
"is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
|
|
130
|
-
}, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '
|
|
133
|
+
}, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: 'b86b7f7f0096c15c33c9a40037dd6d53161ad8c4', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: 'c8e72fcd91268857fa91c0f595f6b7b42988c341', class: {
|
|
131
134
|
"site-search__panel": true,
|
|
132
135
|
"site-search__panel__is-open": this.isSearchPanelOpen,
|
|
133
|
-
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '
|
|
136
|
+
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: 'd774bdc3fb9314ab212ec898e81d69e24db3f9b2', class: "site-search__panel__content" }, h("div", { key: 'b762d1928f4b8dde6c5163947991773ac7c9861b', class: "site-search__panel__wrapper" }, h("div", { key: '55a0f46708436e252bbe993bcb6990b20c7bec31', class: "site-search__panel__title" }, h("div", { key: '27c81cae9b5b87a69f1d114d79b18bfc3b7865a1', class: "site-search__panel__title__group" }, h("span", { key: '3743bc2aa5cb70ad94753ed7c60099d2b4ce301a', class: "panel-title" }, this.searchTitleLabel), h("div", { key: '65f4e557d9a355c9e2549dacdedf33d6bb48a025', class: "description" }, this.searchDescriptionLabel))), h("div", { key: '0c4a894cce08b2862a1783a7eb33c4b2d96b079f', id: "cludo-search-results", class: "container_12" }, h("div", { key: '443392399c7bd0cd105cd0418755c06d884df247', class: "search-banner" }), h("div", { key: 'a57a69f60f36e9cd74709908d13d5f58eb522ad0', class: "search-filters search-filters-mobile" }), h("div", { key: 'eedad9495289af558ada1d88ccc6958350138ba4', class: "col-md-12" }, h("div", { key: '0d943682048e08baf0c451a10ce9bef3d9119afc', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: '878ea20723a2d1b1f5f4f50505c61787802e5157', "input-id": "search", label: "" }))), h("div", { key: '08682651c358a1cf1077521f180a271f4d0de481', class: "col-md-3" }, h("div", { key: '69ded57ad6ad65fe396c25616f9434738b16f92e', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'e3f437c73067c687ed17eead32159bc41d23ec31', class: "col-md-9" }, h("div", { key: 'f9cdcb0a353b9d067bf67c1cef7da94aeffb6a04', class: "search-results-container" }, h("hy-paragraph-text", { key: '44642fa115f8e952f34588c0efc225f5c1c00893' }, h("div", { key: '5da31dad0869b6e2cf2dfbadaf1f366ac877986d', class: "search-result-count" })), h("div", { key: 'a709ccff1ec8e57e7a2276f810c30ea1609d93b6', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: '24b6b479a27daa1c9c922497f688f61867eab290', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: 'eb16335abe46bd026b8f789824354e4cb8edb51b', class: "site-search__panel__tools" }, h("div", { key: '652f83d87d301f6030ee77b930027998b1596bdd', class: "title" }, this.searchToolsLabel), h("div", { key: '4850b43f54e2ed132e0d15474ed61d65c394e4a3', class: "list" }, this._searchTools.map((i) => {
|
|
134
137
|
let searchToolTarget = i.isExternal ? "_blank" : "_self";
|
|
135
138
|
return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
|
|
136
|
-
})))), h("button", { key: '
|
|
139
|
+
})))), h("button", { key: '98e64566ef275316f87accf675df19cf54846022', onClick: () => this.closeSearchPanel(), class: {
|
|
137
140
|
"site-search__panel__panel-toggle": true,
|
|
138
|
-
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '
|
|
141
|
+
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '6720d1cfa3cc45bd0d893056341165b944eb7502', class: "site-search__panel__panel-toggle__label" }, h("span", { key: '5c724c756a6fd70acdb69f1893f56f7dd09ef471', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: '77337de2b3df2b8973c0f7542190ddfbdf9f6693', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: '2ea850ffe316fe33fdfbaa3209125d152192ebe2', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
|
|
139
142
|
}
|
|
140
143
|
get el() { return this; }
|
|
141
144
|
static get style() { return HySiteSearchStyle0; }
|
|
@@ -811,7 +811,7 @@ const SiteLogo = class {
|
|
|
811
811
|
};
|
|
812
812
|
SiteLogo.style = HySiteLogoStyle0;
|
|
813
813
|
|
|
814
|
-
const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:#f8f8f8;width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}";
|
|
814
|
+
const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:#f8f8f8;width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}#search_autocomplete .cludo-sayt__no-result-text p a:focus,#search_autocomplete .cludo-sayt__no-result-text p a:hover,#search_autocomplete .cludo-sayt__results-tophit a:focus h3,#search_autocomplete .cludo-sayt__results-tophit a:hover h3,#search_autocomplete .cludo-sayt__results-tophit-title-link:focus,#search_autocomplete .cludo-sayt__results-tophit-title-link:hover,#search_autocomplete .cludo-sayt__results-tophit.active h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:focus h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:hover h3{text-decoration:underline}#search_autocomplete{position:absolute;width:100%;top:100%;left:0;padding:0;z-index:5}#search_autocomplete *{font-family:\"Open Sans\", Helvetica, Arial, sans-serif}#search_autocomplete h3{font-size:0.875rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#search_autocomplete .cludo-sayt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:12px 15px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt h3{line-height:1.25rem}#search_autocomplete .cludo-sayt__suggestions{border-bottom:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions>h3{margin:0;white-space:nowrap}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar{height:8px}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar:empty{display:none}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px;cursor:pointer}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb:hover{background:#878787}#search_autocomplete .cludo-sayt__suggestions-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;overflow-x:scroll;overflow-y:hidden;padding:8px 0 12px;margin:0;list-style-type:none}#search_autocomplete .cludo-sayt__suggestion{white-space:nowrap;background-color:#f5f5f5;padding:10.05px 18.76px;border-radius:16.75px;font-size:0.813rem;cursor:pointer}#search_autocomplete .cludo-sayt__suggestion.active,#search_autocomplete .cludo-sayt__suggestion:focus,#search_autocomplete .cludo-sayt__suggestion:hover{color:#107eab;text-decoration:underline}#search_autocomplete .cludo-sayt__results{padding:1rem 0}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:24px}#search_autocomplete .cludo-sayt__results-tophit-container:not(:last-child){margin-bottom:24px}#search_autocomplete .cludo-sayt__results-tophit-title{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 16px;color:#000}#search_autocomplete .cludo-sayt__results-tophit-title-link{color:#107eab;font-weight:600;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit-title-no-link{color:#107eab;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p{margin:0;padding:0;color:#222;font-size:0.875rem;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p a{color:#107eab;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophits{margin:0;padding:0;list-style-type:none}#search_autocomplete .cludo-sayt__results-tophit:not(:last-of-type){margin-bottom:16px}#search_autocomplete .cludo-sayt__results-tophit.tool a{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#search_autocomplete .cludo-sayt__results-tophit.tool a .cludo-sayt__tool{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:5px;background-color:#107eab;color:#fff;font-size:14px;font-weight:600}#search_autocomplete .cludo-sayt__results-tophit a{display:block;font-weight:600;font-size:0.875rem;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit a h3{font-weight:600;color:#222;margin:0}#search_autocomplete .cludo-sayt__results-tophit a span{color:#979797;font-size:0.688rem}#search_autocomplete .cludo-sayt__results-tophit.people-result a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;color:#222}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:0;background-color:var(--brand-main-light);background-size:cover;color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px;overflow:hidden}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image img{width:100%}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content h3{font-size:1rem;font-weight:700}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content p{margin:0;font-weight:400}#search_autocomplete .cludo-sayt__all-results{border-top:1px solid #d2d2d2;padding-top:16px}@media (min-width: 931px){#search_autocomplete .cludo-sayt{width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:0 16px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;overflow-x:scroll;overflow-y:hidden}#search_autocomplete .cludo-sayt__suggestions-list{overflow:visible;padding:12px 0}#search_autocomplete .cludo-sayt__results{padding:0;display:grid;grid-template-columns:1fr 1fr}#search_autocomplete .cludo-sayt__main-search-categories{padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories{border-left:1px solid #d2d2d2;padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:0}#search_autocomplete .cludo-sayt__all-results{padding:16px 0}}#search_autocomplete .cludo-sayt__all-results a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border:none;background-color:#107eab;color:#fff;font-weight:700;font-size:1rem;padding:13px 16px;cursor:pointer}#search_autocomplete .cludo-sayt__all-results a:focus,#search_autocomplete .cludo-sayt__all-results a:hover{background:#005379}#search_autocomplete .cludo-sayt__other{padding:22px 0}#search_autocomplete .cludo-sayt__other h3{font-size:18px;letter-spacing:-0.56px;margin-bottom:7.5px}";
|
|
815
815
|
const HySiteSearchStyle0 = siteSearchCss;
|
|
816
816
|
|
|
817
817
|
const SiteSearch = class {
|
|
@@ -910,6 +910,9 @@ const SiteSearch = class {
|
|
|
910
910
|
// Without setTimeout it will not focus the input because it hasn't rendered yet.
|
|
911
911
|
setTimeout(() => {
|
|
912
912
|
const searchInput = this.el.shadowRoot.querySelector("input#search");
|
|
913
|
+
if (window.registerNavSearchInput && searchInput) {
|
|
914
|
+
window.registerNavSearchInput('#cludo-search-form input#search');
|
|
915
|
+
}
|
|
913
916
|
searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
|
|
914
917
|
});
|
|
915
918
|
}
|
|
@@ -922,24 +925,24 @@ const SiteSearch = class {
|
|
|
922
925
|
render() {
|
|
923
926
|
const currentPageUrlPathName = window.location.pathname;
|
|
924
927
|
const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
|
|
925
|
-
return (index.h("div", { key: '
|
|
928
|
+
return (index.h("div", { key: 'd86aee9d148617837eef2d3095b3d5e7e3411467', class: {
|
|
926
929
|
"site-search": true,
|
|
927
930
|
"site-search__is-open": this.isSearchPanelOpen,
|
|
928
931
|
"is-group": this.isGroup,
|
|
929
|
-
} }, index.h("button", { key: '
|
|
932
|
+
} }, index.h("button", { key: '6ffbfb2bf03ff22d10878b39be98231e1e8a4365', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
|
|
930
933
|
"button--search": true,
|
|
931
934
|
"is-open--menu": this.isAlternative,
|
|
932
935
|
"is-open": this.isSearchPanelOpen,
|
|
933
936
|
"is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
|
|
934
|
-
}, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), index.h("hy-icon", { key: '
|
|
937
|
+
}, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), index.h("hy-icon", { key: 'b86b7f7f0096c15c33c9a40037dd6d53161ad8c4', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (index.h("div", { key: 'c8e72fcd91268857fa91c0f595f6b7b42988c341', class: {
|
|
935
938
|
"site-search__panel": true,
|
|
936
939
|
"site-search__panel__is-open": this.isSearchPanelOpen,
|
|
937
|
-
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { key: '
|
|
940
|
+
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { key: 'd774bdc3fb9314ab212ec898e81d69e24db3f9b2', class: "site-search__panel__content" }, index.h("div", { key: 'b762d1928f4b8dde6c5163947991773ac7c9861b', class: "site-search__panel__wrapper" }, index.h("div", { key: '55a0f46708436e252bbe993bcb6990b20c7bec31', class: "site-search__panel__title" }, index.h("div", { key: '27c81cae9b5b87a69f1d114d79b18bfc3b7865a1', class: "site-search__panel__title__group" }, index.h("span", { key: '3743bc2aa5cb70ad94753ed7c60099d2b4ce301a', class: "panel-title" }, this.searchTitleLabel), index.h("div", { key: '65f4e557d9a355c9e2549dacdedf33d6bb48a025', class: "description" }, this.searchDescriptionLabel))), index.h("div", { key: '0c4a894cce08b2862a1783a7eb33c4b2d96b079f', id: "cludo-search-results", class: "container_12" }, index.h("div", { key: '443392399c7bd0cd105cd0418755c06d884df247', class: "search-banner" }), index.h("div", { key: 'a57a69f60f36e9cd74709908d13d5f58eb522ad0', class: "search-filters search-filters-mobile" }), index.h("div", { key: 'eedad9495289af558ada1d88ccc6958350138ba4', class: "col-md-12" }, index.h("div", { key: '0d943682048e08baf0c451a10ce9bef3d9119afc', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { key: '878ea20723a2d1b1f5f4f50505c61787802e5157', "input-id": "search", label: "" }))), index.h("div", { key: '08682651c358a1cf1077521f180a271f4d0de481', class: "col-md-3" }, index.h("div", { key: '69ded57ad6ad65fe396c25616f9434738b16f92e', class: "search-filters", "aria-controls": "search-results" })), index.h("div", { key: 'e3f437c73067c687ed17eead32159bc41d23ec31', class: "col-md-9" }, index.h("div", { key: 'f9cdcb0a353b9d067bf67c1cef7da94aeffb6a04', class: "search-results-container" }, index.h("hy-paragraph-text", { key: '44642fa115f8e952f34588c0efc225f5c1c00893' }, index.h("div", { key: '5da31dad0869b6e2cf2dfbadaf1f366ac877986d', class: "search-result-count" })), index.h("div", { key: 'a709ccff1ec8e57e7a2276f810c30ea1609d93b6', class: "search-did-you-mean", role: "Complementary" }), index.h("div", { key: '24b6b479a27daa1c9c922497f688f61867eab290', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { key: 'eb16335abe46bd026b8f789824354e4cb8edb51b', class: "site-search__panel__tools" }, index.h("div", { key: '652f83d87d301f6030ee77b930027998b1596bdd', class: "title" }, this.searchToolsLabel), index.h("div", { key: '4850b43f54e2ed132e0d15474ed61d65c394e4a3', class: "list" }, this._searchTools.map((i) => {
|
|
938
941
|
let searchToolTarget = i.isExternal ? "_blank" : "_self";
|
|
939
942
|
return (index.h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24, fill: utils.ColorVariant.black }), index.h("span", { class: "label" }, i.label), index.h("span", { class: "description" }, i.description)));
|
|
940
|
-
})))), index.h("button", { key: '
|
|
943
|
+
})))), index.h("button", { key: '98e64566ef275316f87accf675df19cf54846022', onClick: () => this.closeSearchPanel(), class: {
|
|
941
944
|
"site-search__panel__panel-toggle": true,
|
|
942
|
-
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { key: '
|
|
945
|
+
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { key: '6720d1cfa3cc45bd0d893056341165b944eb7502', class: "site-search__panel__panel-toggle__label" }, index.h("span", { key: '5c724c756a6fd70acdb69f1893f56f7dd09ef471', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { key: '77337de2b3df2b8973c0f7542190ddfbdf9f6693', icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black })))), index.h("div", { key: '2ea850ffe316fe33fdfbaa3209125d152192ebe2', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
|
|
943
946
|
}
|
|
944
947
|
get el() { return index.getElement(this); }
|
|
945
948
|
};
|
|
@@ -359,4 +359,314 @@
|
|
|
359
359
|
height: 40px;
|
|
360
360
|
padding: 7px;
|
|
361
361
|
width: 40px;
|
|
362
|
+
}
|
|
363
|
+
/*
|
|
364
|
+
Cludo autocomplete
|
|
365
|
+
*/
|
|
366
|
+
#search_autocomplete .cludo-sayt__no-result-text p a:focus,
|
|
367
|
+
#search_autocomplete .cludo-sayt__no-result-text p a:hover,
|
|
368
|
+
#search_autocomplete .cludo-sayt__results-tophit a:focus h3,
|
|
369
|
+
#search_autocomplete .cludo-sayt__results-tophit a:hover h3,
|
|
370
|
+
#search_autocomplete .cludo-sayt__results-tophit-title-link:focus,
|
|
371
|
+
#search_autocomplete .cludo-sayt__results-tophit-title-link:hover,
|
|
372
|
+
#search_autocomplete .cludo-sayt__results-tophit.active h3,
|
|
373
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result a:focus h3,
|
|
374
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result a:hover h3 {
|
|
375
|
+
text-decoration: underline;
|
|
376
|
+
}
|
|
377
|
+
#search_autocomplete {
|
|
378
|
+
position: absolute;
|
|
379
|
+
width: 100%;
|
|
380
|
+
top: 100%;
|
|
381
|
+
left: 0;
|
|
382
|
+
padding: 0;
|
|
383
|
+
z-index: 5;
|
|
384
|
+
}
|
|
385
|
+
#search_autocomplete * {
|
|
386
|
+
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
|
387
|
+
}
|
|
388
|
+
#search_autocomplete h3 {
|
|
389
|
+
font-size: 0.875rem;
|
|
390
|
+
width: -webkit-fit-content;
|
|
391
|
+
width: -moz-fit-content;
|
|
392
|
+
width: fit-content;
|
|
393
|
+
}
|
|
394
|
+
#search_autocomplete .cludo-sayt {
|
|
395
|
+
display: -webkit-box;
|
|
396
|
+
display: -ms-flexbox;
|
|
397
|
+
display: flex;
|
|
398
|
+
-webkit-box-orient: vertical;
|
|
399
|
+
-webkit-box-direction: normal;
|
|
400
|
+
-ms-flex-direction: column;
|
|
401
|
+
flex-direction: column;
|
|
402
|
+
width: 100%;
|
|
403
|
+
background-color: #fff;
|
|
404
|
+
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
405
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
406
|
+
margin: 0;
|
|
407
|
+
padding: 12px 15px;
|
|
408
|
+
border: 1px solid #d2d2d2;
|
|
409
|
+
}
|
|
410
|
+
#search_autocomplete .cludo-sayt h3 {
|
|
411
|
+
line-height: 1.25rem;
|
|
412
|
+
}
|
|
413
|
+
#search_autocomplete .cludo-sayt__suggestions {
|
|
414
|
+
border-bottom: 1px solid #d2d2d2;
|
|
415
|
+
}
|
|
416
|
+
#search_autocomplete .cludo-sayt__suggestions > h3 {
|
|
417
|
+
margin: 0;
|
|
418
|
+
white-space: nowrap;
|
|
419
|
+
}
|
|
420
|
+
#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar {
|
|
421
|
+
height: 8px;
|
|
422
|
+
}
|
|
423
|
+
#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar:empty {
|
|
424
|
+
display: none;
|
|
425
|
+
}
|
|
426
|
+
#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb {
|
|
427
|
+
background: #c7c7c7;
|
|
428
|
+
border-radius: 20px;
|
|
429
|
+
cursor: pointer;
|
|
430
|
+
}
|
|
431
|
+
#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb:hover {
|
|
432
|
+
background: #878787;
|
|
433
|
+
}
|
|
434
|
+
#search_autocomplete .cludo-sayt__suggestions-list {
|
|
435
|
+
display: -webkit-box;
|
|
436
|
+
display: -ms-flexbox;
|
|
437
|
+
display: flex;
|
|
438
|
+
gap: 12px;
|
|
439
|
+
overflow-x: scroll;
|
|
440
|
+
overflow-y: hidden;
|
|
441
|
+
padding: 8px 0 12px;
|
|
442
|
+
margin: 0;
|
|
443
|
+
list-style-type: none;
|
|
444
|
+
}
|
|
445
|
+
#search_autocomplete .cludo-sayt__suggestion {
|
|
446
|
+
white-space: nowrap;
|
|
447
|
+
background-color: #f5f5f5;
|
|
448
|
+
padding: 10.05px 18.76px;
|
|
449
|
+
border-radius: 16.75px;
|
|
450
|
+
font-size: 0.813rem;
|
|
451
|
+
cursor: pointer;
|
|
452
|
+
}
|
|
453
|
+
#search_autocomplete .cludo-sayt__suggestion.active,
|
|
454
|
+
#search_autocomplete .cludo-sayt__suggestion:focus,
|
|
455
|
+
#search_autocomplete .cludo-sayt__suggestion:hover {
|
|
456
|
+
color: #107eab;
|
|
457
|
+
text-decoration: underline;
|
|
458
|
+
}
|
|
459
|
+
#search_autocomplete .cludo-sayt__results {
|
|
460
|
+
padding: 1rem 0;
|
|
461
|
+
}
|
|
462
|
+
#search_autocomplete .cludo-sayt__people-search-categories > div {
|
|
463
|
+
margin-top: 24px;
|
|
464
|
+
}
|
|
465
|
+
#search_autocomplete .cludo-sayt__results-tophit-container:not(:last-child) {
|
|
466
|
+
margin-bottom: 24px;
|
|
467
|
+
}
|
|
468
|
+
#search_autocomplete .cludo-sayt__results-tophit-title {
|
|
469
|
+
display: -webkit-box;
|
|
470
|
+
display: -ms-flexbox;
|
|
471
|
+
display: flex;
|
|
472
|
+
gap: 8px;
|
|
473
|
+
-webkit-box-align: center;
|
|
474
|
+
-ms-flex-align: center;
|
|
475
|
+
align-items: center;
|
|
476
|
+
margin: 0 0 16px;
|
|
477
|
+
color: #000;
|
|
478
|
+
}
|
|
479
|
+
#search_autocomplete .cludo-sayt__results-tophit-title-link {
|
|
480
|
+
color: #107eab;
|
|
481
|
+
font-weight: 600;
|
|
482
|
+
cursor: pointer;
|
|
483
|
+
}
|
|
484
|
+
#search_autocomplete .cludo-sayt__results-tophit-title-no-link {
|
|
485
|
+
color: #107eab;
|
|
486
|
+
font-weight: 600;
|
|
487
|
+
}
|
|
488
|
+
#search_autocomplete .cludo-sayt__no-result-text p {
|
|
489
|
+
margin: 0;
|
|
490
|
+
padding: 0;
|
|
491
|
+
color: #222;
|
|
492
|
+
font-size: 0.875rem;
|
|
493
|
+
font-weight: 600;
|
|
494
|
+
}
|
|
495
|
+
#search_autocomplete .cludo-sayt__no-result-text p a {
|
|
496
|
+
color: #107eab;
|
|
497
|
+
text-decoration: none;
|
|
498
|
+
cursor: pointer;
|
|
499
|
+
}
|
|
500
|
+
#search_autocomplete .cludo-sayt__results-tophits {
|
|
501
|
+
margin: 0;
|
|
502
|
+
padding: 0;
|
|
503
|
+
list-style-type: none;
|
|
504
|
+
}
|
|
505
|
+
#search_autocomplete .cludo-sayt__results-tophit:not(:last-of-type) {
|
|
506
|
+
margin-bottom: 16px;
|
|
507
|
+
}
|
|
508
|
+
#search_autocomplete .cludo-sayt__results-tophit.tool a {
|
|
509
|
+
display: -webkit-box !important;
|
|
510
|
+
display: -ms-flexbox !important;
|
|
511
|
+
display: flex !important;
|
|
512
|
+
gap: 8px;
|
|
513
|
+
-webkit-box-align: center;
|
|
514
|
+
-ms-flex-align: center;
|
|
515
|
+
align-items: center;
|
|
516
|
+
}
|
|
517
|
+
#search_autocomplete .cludo-sayt__results-tophit.tool a .cludo-sayt__tool {
|
|
518
|
+
display: -webkit-box;
|
|
519
|
+
display: -ms-flexbox;
|
|
520
|
+
display: flex;
|
|
521
|
+
-webkit-box-align: center;
|
|
522
|
+
-ms-flex-align: center;
|
|
523
|
+
align-items: center;
|
|
524
|
+
-webkit-box-pack: center;
|
|
525
|
+
-ms-flex-pack: center;
|
|
526
|
+
justify-content: center;
|
|
527
|
+
width: 34px;
|
|
528
|
+
height: 34px;
|
|
529
|
+
border-radius: 5px;
|
|
530
|
+
background-color: #107eab;
|
|
531
|
+
color: #fff;
|
|
532
|
+
font-size: 14px;
|
|
533
|
+
font-weight: 600;
|
|
534
|
+
}
|
|
535
|
+
#search_autocomplete .cludo-sayt__results-tophit a {
|
|
536
|
+
display: block;
|
|
537
|
+
font-weight: 600;
|
|
538
|
+
font-size: 0.875rem;
|
|
539
|
+
text-decoration: none;
|
|
540
|
+
cursor: pointer;
|
|
541
|
+
}
|
|
542
|
+
#search_autocomplete .cludo-sayt__results-tophit a h3 {
|
|
543
|
+
font-weight: 600;
|
|
544
|
+
color: #222;
|
|
545
|
+
margin: 0;
|
|
546
|
+
}
|
|
547
|
+
#search_autocomplete .cludo-sayt__results-tophit a span {
|
|
548
|
+
color: #979797;
|
|
549
|
+
font-size: 0.688rem;
|
|
550
|
+
}
|
|
551
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result a {
|
|
552
|
+
display: -webkit-box;
|
|
553
|
+
display: -ms-flexbox;
|
|
554
|
+
display: flex;
|
|
555
|
+
gap: 8px;
|
|
556
|
+
color: #222;
|
|
557
|
+
}
|
|
558
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image {
|
|
559
|
+
display: -webkit-box;
|
|
560
|
+
display: -ms-flexbox;
|
|
561
|
+
display: flex;
|
|
562
|
+
-webkit-box-align: center;
|
|
563
|
+
-ms-flex-align: center;
|
|
564
|
+
align-items: center;
|
|
565
|
+
-webkit-box-pack: center;
|
|
566
|
+
-ms-flex-pack: center;
|
|
567
|
+
justify-content: center;
|
|
568
|
+
width: 60px;
|
|
569
|
+
min-width: 60px;
|
|
570
|
+
height: 60px;
|
|
571
|
+
min-height: 60px;
|
|
572
|
+
border-radius: 0;
|
|
573
|
+
background-color: var(--brand-main-light);
|
|
574
|
+
background-size: cover;
|
|
575
|
+
color: var(--grayscale-white);
|
|
576
|
+
font-size: 1rem;
|
|
577
|
+
line-height: 32px;
|
|
578
|
+
font-weight: 700;
|
|
579
|
+
letter-spacing: 0.48px;
|
|
580
|
+
overflow: hidden;
|
|
581
|
+
}
|
|
582
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image img {
|
|
583
|
+
width: 100%;
|
|
584
|
+
}
|
|
585
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content h3 {
|
|
586
|
+
font-size: 1rem;
|
|
587
|
+
font-weight: 700;
|
|
588
|
+
}
|
|
589
|
+
#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content p {
|
|
590
|
+
margin: 0;
|
|
591
|
+
font-weight: 400;
|
|
592
|
+
}
|
|
593
|
+
#search_autocomplete .cludo-sayt__all-results {
|
|
594
|
+
border-top: 1px solid #d2d2d2;
|
|
595
|
+
padding-top: 16px;
|
|
596
|
+
}
|
|
597
|
+
@media (min-width: 931px) {
|
|
598
|
+
#search_autocomplete .cludo-sayt {
|
|
599
|
+
width: 100%;
|
|
600
|
+
background-color: #fff;
|
|
601
|
+
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
602
|
+
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
|
603
|
+
margin: 0;
|
|
604
|
+
padding: 0 16px;
|
|
605
|
+
border: 1px solid #d2d2d2;
|
|
606
|
+
}
|
|
607
|
+
#search_autocomplete .cludo-sayt__suggestions {
|
|
608
|
+
display: -webkit-box;
|
|
609
|
+
display: -ms-flexbox;
|
|
610
|
+
display: flex;
|
|
611
|
+
-webkit-box-align: center;
|
|
612
|
+
-ms-flex-align: center;
|
|
613
|
+
align-items: center;
|
|
614
|
+
gap: 12px;
|
|
615
|
+
overflow-x: scroll;
|
|
616
|
+
overflow-y: hidden;
|
|
617
|
+
}
|
|
618
|
+
#search_autocomplete .cludo-sayt__suggestions-list {
|
|
619
|
+
overflow: visible;
|
|
620
|
+
padding: 12px 0;
|
|
621
|
+
}
|
|
622
|
+
#search_autocomplete .cludo-sayt__results {
|
|
623
|
+
padding: 0;
|
|
624
|
+
display: grid;
|
|
625
|
+
grid-template-columns: 1fr 1fr;
|
|
626
|
+
}
|
|
627
|
+
#search_autocomplete .cludo-sayt__main-search-categories {
|
|
628
|
+
padding: 1rem;
|
|
629
|
+
}
|
|
630
|
+
#search_autocomplete .cludo-sayt__people-search-categories {
|
|
631
|
+
border-left: 1px solid #d2d2d2;
|
|
632
|
+
padding: 1rem;
|
|
633
|
+
}
|
|
634
|
+
#search_autocomplete .cludo-sayt__people-search-categories > div {
|
|
635
|
+
margin-top: 0;
|
|
636
|
+
}
|
|
637
|
+
#search_autocomplete .cludo-sayt__all-results {
|
|
638
|
+
padding: 16px 0;
|
|
639
|
+
}
|
|
640
|
+
}
|
|
641
|
+
#search_autocomplete .cludo-sayt__all-results a {
|
|
642
|
+
display: -webkit-box;
|
|
643
|
+
display: -ms-flexbox;
|
|
644
|
+
display: flex;
|
|
645
|
+
-webkit-box-align: center;
|
|
646
|
+
-ms-flex-align: center;
|
|
647
|
+
align-items: center;
|
|
648
|
+
gap: 8px;
|
|
649
|
+
width: -webkit-fit-content;
|
|
650
|
+
width: -moz-fit-content;
|
|
651
|
+
width: fit-content;
|
|
652
|
+
margin: 0 auto;
|
|
653
|
+
border: none;
|
|
654
|
+
background-color: #107eab;
|
|
655
|
+
color: #fff;
|
|
656
|
+
font-weight: 700;
|
|
657
|
+
font-size: 1rem;
|
|
658
|
+
padding: 13px 16px;
|
|
659
|
+
cursor: pointer;
|
|
660
|
+
}
|
|
661
|
+
#search_autocomplete .cludo-sayt__all-results a:focus,
|
|
662
|
+
#search_autocomplete .cludo-sayt__all-results a:hover {
|
|
663
|
+
background: #005379;
|
|
664
|
+
}
|
|
665
|
+
#search_autocomplete .cludo-sayt__other {
|
|
666
|
+
padding: 22px 0;
|
|
667
|
+
}
|
|
668
|
+
#search_autocomplete .cludo-sayt__other h3 {
|
|
669
|
+
font-size: 18px;
|
|
670
|
+
letter-spacing: -0.56px;
|
|
671
|
+
margin-bottom: 7.5px;
|
|
362
672
|
}
|
|
@@ -95,6 +95,9 @@ export class SiteSearch {
|
|
|
95
95
|
// Without setTimeout it will not focus the input because it hasn't rendered yet.
|
|
96
96
|
setTimeout(() => {
|
|
97
97
|
const searchInput = this.el.shadowRoot.querySelector("input#search");
|
|
98
|
+
if (window.registerNavSearchInput && searchInput) {
|
|
99
|
+
window.registerNavSearchInput('#cludo-search-form input#search');
|
|
100
|
+
}
|
|
98
101
|
searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
|
|
99
102
|
});
|
|
100
103
|
}
|
|
@@ -107,24 +110,24 @@ export class SiteSearch {
|
|
|
107
110
|
render() {
|
|
108
111
|
const currentPageUrlPathName = window.location.pathname;
|
|
109
112
|
const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
|
|
110
|
-
return (h("div", { key: '
|
|
113
|
+
return (h("div", { key: 'd86aee9d148617837eef2d3095b3d5e7e3411467', class: {
|
|
111
114
|
"site-search": true,
|
|
112
115
|
"site-search__is-open": this.isSearchPanelOpen,
|
|
113
116
|
"is-group": this.isGroup,
|
|
114
|
-
} }, h("button", { key: '
|
|
117
|
+
} }, h("button", { key: '6ffbfb2bf03ff22d10878b39be98231e1e8a4365', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
|
|
115
118
|
"button--search": true,
|
|
116
119
|
"is-open--menu": this.isAlternative,
|
|
117
120
|
"is-open": this.isSearchPanelOpen,
|
|
118
121
|
"is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
|
|
119
|
-
}, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '
|
|
122
|
+
}, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: 'b86b7f7f0096c15c33c9a40037dd6d53161ad8c4', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: 'c8e72fcd91268857fa91c0f595f6b7b42988c341', class: {
|
|
120
123
|
"site-search__panel": true,
|
|
121
124
|
"site-search__panel__is-open": this.isSearchPanelOpen,
|
|
122
|
-
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '
|
|
125
|
+
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: 'd774bdc3fb9314ab212ec898e81d69e24db3f9b2', class: "site-search__panel__content" }, h("div", { key: 'b762d1928f4b8dde6c5163947991773ac7c9861b', class: "site-search__panel__wrapper" }, h("div", { key: '55a0f46708436e252bbe993bcb6990b20c7bec31', class: "site-search__panel__title" }, h("div", { key: '27c81cae9b5b87a69f1d114d79b18bfc3b7865a1', class: "site-search__panel__title__group" }, h("span", { key: '3743bc2aa5cb70ad94753ed7c60099d2b4ce301a', class: "panel-title" }, this.searchTitleLabel), h("div", { key: '65f4e557d9a355c9e2549dacdedf33d6bb48a025', class: "description" }, this.searchDescriptionLabel))), h("div", { key: '0c4a894cce08b2862a1783a7eb33c4b2d96b079f', id: "cludo-search-results", class: "container_12" }, h("div", { key: '443392399c7bd0cd105cd0418755c06d884df247', class: "search-banner" }), h("div", { key: 'a57a69f60f36e9cd74709908d13d5f58eb522ad0', class: "search-filters search-filters-mobile" }), h("div", { key: 'eedad9495289af558ada1d88ccc6958350138ba4', class: "col-md-12" }, h("div", { key: '0d943682048e08baf0c451a10ce9bef3d9119afc', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: '878ea20723a2d1b1f5f4f50505c61787802e5157', "input-id": "search", label: "" }))), h("div", { key: '08682651c358a1cf1077521f180a271f4d0de481', class: "col-md-3" }, h("div", { key: '69ded57ad6ad65fe396c25616f9434738b16f92e', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'e3f437c73067c687ed17eead32159bc41d23ec31', class: "col-md-9" }, h("div", { key: 'f9cdcb0a353b9d067bf67c1cef7da94aeffb6a04', class: "search-results-container" }, h("hy-paragraph-text", { key: '44642fa115f8e952f34588c0efc225f5c1c00893' }, h("div", { key: '5da31dad0869b6e2cf2dfbadaf1f366ac877986d', class: "search-result-count" })), h("div", { key: 'a709ccff1ec8e57e7a2276f810c30ea1609d93b6', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: '24b6b479a27daa1c9c922497f688f61867eab290', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: 'eb16335abe46bd026b8f789824354e4cb8edb51b', class: "site-search__panel__tools" }, h("div", { key: '652f83d87d301f6030ee77b930027998b1596bdd', class: "title" }, this.searchToolsLabel), h("div", { key: '4850b43f54e2ed132e0d15474ed61d65c394e4a3', class: "list" }, this._searchTools.map((i) => {
|
|
123
126
|
let searchToolTarget = i.isExternal ? "_blank" : "_self";
|
|
124
127
|
return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
|
|
125
|
-
})))), h("button", { key: '
|
|
128
|
+
})))), h("button", { key: '98e64566ef275316f87accf675df19cf54846022', onClick: () => this.closeSearchPanel(), class: {
|
|
126
129
|
"site-search__panel__panel-toggle": true,
|
|
127
|
-
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '
|
|
130
|
+
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '6720d1cfa3cc45bd0d893056341165b944eb7502', class: "site-search__panel__panel-toggle__label" }, h("span", { key: '5c724c756a6fd70acdb69f1893f56f7dd09ef471', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: '77337de2b3df2b8973c0f7542190ddfbdf9f6693', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: '2ea850ffe316fe33fdfbaa3209125d152192ebe2', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
|
|
128
131
|
}
|
|
129
132
|
static get is() { return "hy-site-search"; }
|
|
130
133
|
static get encapsulation() { return "shadow"; }
|