@itcenteratunihelsinki/huds-lib 0.8.88-alpha.1 → 0.8.89
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/hy-general-list-item2.js +1 -1
- package/components/hy-link-box-list.js +1 -1
- package/components/link-box.js +1 -1
- package/components/site-search.js +7 -10
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +7 -10
- package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box_2.cjs.entry.js +2 -2
- package/dist/collection/components/hy-general-list-item/hy-general-list-item.js +1 -1
- package/dist/collection/components/hy-link-box/link-box.css +2 -0
- package/dist/collection/components/hy-link-box-list/link-box-list.css +2 -2
- package/dist/collection/components/hy-site-header/site-search/site-search.css +0 -310
- package/dist/collection/components/hy-site-header/site-search/site-search.js +6 -9
- package/dist/esm/hy-breadcrumbs_15.entry.js +7 -10
- package/dist/esm/hy-general-list_2.entry.js +1 -1
- package/dist/esm/hy-link-box_2.entry.js +2 -2
- package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
- package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
- package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
- package/dist/types/components/hy-site-header/site-search/site-search.d.ts +0 -1
- package/package.json +2 -2
|
@@ -38,7 +38,7 @@ const HyGeneralListItem = /*@__PURE__*/ proxyCustomElement(class HyGeneralListIt
|
|
|
38
38
|
const aspectRatio = {
|
|
39
39
|
"--aspectRatio": `${aspect}%`,
|
|
40
40
|
};
|
|
41
|
-
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '
|
|
41
|
+
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
42
42
|
}
|
|
43
43
|
get el() { return this; }
|
|
44
44
|
static get style() { return HyGeneralListItemStyle0; }
|
|
@@ -5,7 +5,7 @@ import { d as defineCustomElement$4 } from './hy-box2.js';
|
|
|
5
5
|
import { d as defineCustomElement$3 } from './icon.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './link-box.js';
|
|
7
7
|
|
|
8
|
-
const linkBoxListCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";
|
|
8
|
+
const linkBoxListCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";
|
|
9
9
|
const HyLinkBoxListStyle0 = linkBoxListCss;
|
|
10
10
|
|
|
11
11
|
const LinkBoxList = /*@__PURE__*/ proxyCustomElement(class LinkBoxList extends H {
|
package/components/link-box.js
CHANGED
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './index3.js';
|
|
|
2
2
|
import { n as LinkBoxVariants } from './utils.js';
|
|
3
3
|
import { d as defineCustomElement$1 } from './icon.js';
|
|
4
4
|
|
|
5
|
-
const linkBoxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}";
|
|
5
|
+
const linkBoxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}";
|
|
6
6
|
const HyLinkBoxStyle0 = linkBoxCss;
|
|
7
7
|
|
|
8
8
|
const LinkBox = /*@__PURE__*/ proxyCustomElement(class LinkBox extends H {
|
|
@@ -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}#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}";
|
|
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}";
|
|
9
9
|
const HySiteSearchStyle0 = siteSearchCss;
|
|
10
10
|
|
|
11
11
|
const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
|
|
@@ -106,9 +106,6 @@ 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
|
-
}
|
|
112
109
|
searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
|
|
113
110
|
});
|
|
114
111
|
}
|
|
@@ -121,24 +118,24 @@ const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
|
|
|
121
118
|
render() {
|
|
122
119
|
const currentPageUrlPathName = window.location.pathname;
|
|
123
120
|
const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
|
|
124
|
-
return (h("div", { key: '
|
|
121
|
+
return (h("div", { key: '4ac9b1caf588eab9e9a41ac0afa3c42ca4cf2b7f', class: {
|
|
125
122
|
"site-search": true,
|
|
126
123
|
"site-search__is-open": this.isSearchPanelOpen,
|
|
127
124
|
"is-group": this.isGroup,
|
|
128
|
-
} }, h("button", { key: '
|
|
125
|
+
} }, h("button", { key: '8e66bf52e245b4a7c340e0740b942e515b470374', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
|
|
129
126
|
"button--search": true,
|
|
130
127
|
"is-open--menu": this.isAlternative,
|
|
131
128
|
"is-open": this.isSearchPanelOpen,
|
|
132
129
|
"is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
|
|
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: '
|
|
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: '357e69fed2b6ac892650b69e1e28e857a6adba1f', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: '216cac4927e21db0c326111314d73c946e572e1e', class: {
|
|
134
131
|
"site-search__panel": true,
|
|
135
132
|
"site-search__panel__is-open": this.isSearchPanelOpen,
|
|
136
|
-
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '
|
|
133
|
+
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '508b15c35329045bdc2eba0aef0a62c4605b32c9', class: "site-search__panel__content" }, h("div", { key: 'd7c1ad3170e55489768fad2531ee35108ba9c259', class: "site-search__panel__wrapper" }, h("div", { key: 'da9286017a0e1af822b13112869b7870f838d24e', class: "site-search__panel__title" }, h("div", { key: 'ea40c009702ca11e62d2a86eef799df64f815f4f', class: "site-search__panel__title__group" }, h("span", { key: '15c03566dca90ee75d67208ef8a62d1b45ba8289', class: "panel-title" }, this.searchTitleLabel), h("div", { key: '59a1e27b26e552091a14bbc1286f5848167e4547', class: "description" }, this.searchDescriptionLabel))), h("div", { key: 'bba6f2df064414b63c10b9fd9894cf05fd65111a', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'd2cf4a20d6e3c767bd2e8657700e0dfa6a2bba76', class: "search-banner" }), h("div", { key: '630d3b54c96c0c425bc1b8039e855febe3118582', class: "search-filters search-filters-mobile" }), h("div", { key: 'f9e5b98bb58e4b9ef309ae357da0d6c826e937b9', class: "col-md-12" }, h("div", { key: 'c56b6830cb8f287c9613b63c787bdc0bca198ec6', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: '014caca09b37533bee504333c185f8b460f90543', "input-id": "search", label: "" }))), h("div", { key: 'f8529bb05c8ff4cb980decdbce00d59ef51b11b1', class: "col-md-3" }, h("div", { key: 'ab6ab052a06b799a43799450b1ccf78e8e24ac5a', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: '4a41c2a91edf8ed931791ba2ac90a55103026ef5', class: "col-md-9" }, h("div", { key: '9a388208afe64f3a60b89c847fd4cb740466a830', class: "search-results-container" }, h("hy-paragraph-text", { key: '0fc3472b7a6520e212493915b4d5cbbe0a1ddf45' }, h("div", { key: '6592c5f04487edcea1308bb7c1d3757911ef2dd5', class: "search-result-count" })), h("div", { key: 'd1bbd7d44a2120534f82fbc65c844225aa28d022', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: 'b3cc65fd9cc303dd0fa6d9bf055679588992c09d', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: '75b93aa2b6b234adbc96e4efed407086f051ea8b', class: "site-search__panel__tools" }, h("div", { key: '3841809a8ab8f65f8e985992d06903f58c8e7e21', class: "title" }, this.searchToolsLabel), h("div", { key: 'd3f1069f79eeea5b3af19289d76690fa464d9fdb', class: "list" }, this._searchTools.map((i) => {
|
|
137
134
|
let searchToolTarget = i.isExternal ? "_blank" : "_self";
|
|
138
135
|
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)));
|
|
139
|
-
})))), h("button", { key: '
|
|
136
|
+
})))), h("button", { key: 'e494d65c218193d653f64675a7742a060885695c', onClick: () => this.closeSearchPanel(), class: {
|
|
140
137
|
"site-search__panel__panel-toggle": true,
|
|
141
|
-
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '
|
|
138
|
+
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: '04b5b9982ed712730b22f25824c1700a715323ca', class: "site-search__panel__panel-toggle__label" }, h("span", { key: 'bae165308503b8aadc6cb0ac34b98076b3bcfb0e', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: '9fdca3a2808cd73282193e11cc037200e0bc98da', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: '7ba624a1dac1f9447c03a9fb8fec36ba6759819f', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
|
|
142
139
|
}
|
|
143
140
|
get el() { return this; }
|
|
144
141
|
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}#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}";
|
|
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}";
|
|
815
815
|
const HySiteSearchStyle0 = siteSearchCss;
|
|
816
816
|
|
|
817
817
|
const SiteSearch = class {
|
|
@@ -910,9 +910,6 @@ 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
|
-
}
|
|
916
913
|
searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
|
|
917
914
|
});
|
|
918
915
|
}
|
|
@@ -925,24 +922,24 @@ const SiteSearch = class {
|
|
|
925
922
|
render() {
|
|
926
923
|
const currentPageUrlPathName = window.location.pathname;
|
|
927
924
|
const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
|
|
928
|
-
return (index.h("div", { key: '
|
|
925
|
+
return (index.h("div", { key: '4ac9b1caf588eab9e9a41ac0afa3c42ca4cf2b7f', class: {
|
|
929
926
|
"site-search": true,
|
|
930
927
|
"site-search__is-open": this.isSearchPanelOpen,
|
|
931
928
|
"is-group": this.isGroup,
|
|
932
|
-
} }, index.h("button", { key: '
|
|
929
|
+
} }, index.h("button", { key: '8e66bf52e245b4a7c340e0740b942e515b470374', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
|
|
933
930
|
"button--search": true,
|
|
934
931
|
"is-open--menu": this.isAlternative,
|
|
935
932
|
"is-open": this.isSearchPanelOpen,
|
|
936
933
|
"is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
|
|
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: '
|
|
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: '357e69fed2b6ac892650b69e1e28e857a6adba1f', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (index.h("div", { key: '216cac4927e21db0c326111314d73c946e572e1e', class: {
|
|
938
935
|
"site-search__panel": true,
|
|
939
936
|
"site-search__panel__is-open": this.isSearchPanelOpen,
|
|
940
|
-
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { key: '
|
|
937
|
+
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { key: '508b15c35329045bdc2eba0aef0a62c4605b32c9', class: "site-search__panel__content" }, index.h("div", { key: 'd7c1ad3170e55489768fad2531ee35108ba9c259', class: "site-search__panel__wrapper" }, index.h("div", { key: 'da9286017a0e1af822b13112869b7870f838d24e', class: "site-search__panel__title" }, index.h("div", { key: 'ea40c009702ca11e62d2a86eef799df64f815f4f', class: "site-search__panel__title__group" }, index.h("span", { key: '15c03566dca90ee75d67208ef8a62d1b45ba8289', class: "panel-title" }, this.searchTitleLabel), index.h("div", { key: '59a1e27b26e552091a14bbc1286f5848167e4547', class: "description" }, this.searchDescriptionLabel))), index.h("div", { key: 'bba6f2df064414b63c10b9fd9894cf05fd65111a', id: "cludo-search-results", class: "container_12" }, index.h("div", { key: 'd2cf4a20d6e3c767bd2e8657700e0dfa6a2bba76', class: "search-banner" }), index.h("div", { key: '630d3b54c96c0c425bc1b8039e855febe3118582', class: "search-filters search-filters-mobile" }), index.h("div", { key: 'f9e5b98bb58e4b9ef309ae357da0d6c826e937b9', class: "col-md-12" }, index.h("div", { key: 'c56b6830cb8f287c9613b63c787bdc0bca198ec6', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { key: '014caca09b37533bee504333c185f8b460f90543', "input-id": "search", label: "" }))), index.h("div", { key: 'f8529bb05c8ff4cb980decdbce00d59ef51b11b1', class: "col-md-3" }, index.h("div", { key: 'ab6ab052a06b799a43799450b1ccf78e8e24ac5a', class: "search-filters", "aria-controls": "search-results" })), index.h("div", { key: '4a41c2a91edf8ed931791ba2ac90a55103026ef5', class: "col-md-9" }, index.h("div", { key: '9a388208afe64f3a60b89c847fd4cb740466a830', class: "search-results-container" }, index.h("hy-paragraph-text", { key: '0fc3472b7a6520e212493915b4d5cbbe0a1ddf45' }, index.h("div", { key: '6592c5f04487edcea1308bb7c1d3757911ef2dd5', class: "search-result-count" })), index.h("div", { key: 'd1bbd7d44a2120534f82fbc65c844225aa28d022', class: "search-did-you-mean", role: "Complementary" }), index.h("div", { key: 'b3cc65fd9cc303dd0fa6d9bf055679588992c09d', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { key: '75b93aa2b6b234adbc96e4efed407086f051ea8b', class: "site-search__panel__tools" }, index.h("div", { key: '3841809a8ab8f65f8e985992d06903f58c8e7e21', class: "title" }, this.searchToolsLabel), index.h("div", { key: 'd3f1069f79eeea5b3af19289d76690fa464d9fdb', class: "list" }, this._searchTools.map((i) => {
|
|
941
938
|
let searchToolTarget = i.isExternal ? "_blank" : "_self";
|
|
942
939
|
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)));
|
|
943
|
-
})))), index.h("button", { key: '
|
|
940
|
+
})))), index.h("button", { key: 'e494d65c218193d653f64675a7742a060885695c', onClick: () => this.closeSearchPanel(), class: {
|
|
944
941
|
"site-search__panel__panel-toggle": true,
|
|
945
|
-
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { key: '
|
|
942
|
+
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { key: '04b5b9982ed712730b22f25824c1700a715323ca', class: "site-search__panel__panel-toggle__label" }, index.h("span", { key: 'bae165308503b8aadc6cb0ac34b98076b3bcfb0e', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { key: '9fdca3a2808cd73282193e11cc037200e0bc98da', icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black })))), index.h("div", { key: '7ba624a1dac1f9447c03a9fb8fec36ba6759819f', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
|
|
946
943
|
}
|
|
947
944
|
get el() { return index.getElement(this); }
|
|
948
945
|
};
|
|
@@ -93,7 +93,7 @@ const HyGeneralListItem = class {
|
|
|
93
93
|
const aspectRatio = {
|
|
94
94
|
"--aspectRatio": `${aspect}%`,
|
|
95
95
|
};
|
|
96
|
-
return (index.h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, index.h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (index.h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, index.h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), index.h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (index.h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, index.h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), index.h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (index.h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, index.h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), index.h("h3", { key: '
|
|
96
|
+
return (index.h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, index.h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (index.h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, index.h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), index.h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (index.h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, index.h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), index.h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (index.h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, index.h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), index.h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), index.h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
97
97
|
}
|
|
98
98
|
get el() { return index.getElement(this); }
|
|
99
99
|
};
|
|
@@ -6,7 +6,7 @@ const index = require('./index-701b1b84.js');
|
|
|
6
6
|
const utils = require('./utils-8e26d681.js');
|
|
7
7
|
const globalScript = require('./globalScript-45e3aea7.js');
|
|
8
8
|
|
|
9
|
-
const linkBoxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}";
|
|
9
|
+
const linkBoxCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}";
|
|
10
10
|
const HyLinkBoxStyle0 = linkBoxCss;
|
|
11
11
|
|
|
12
12
|
const LinkBox = class {
|
|
@@ -83,7 +83,7 @@ const LinkBox = class {
|
|
|
83
83
|
};
|
|
84
84
|
LinkBox.style = HyLinkBoxStyle0;
|
|
85
85
|
|
|
86
|
-
const linkBoxListCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";
|
|
86
|
+
const linkBoxListCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";
|
|
87
87
|
const HyLinkBoxListStyle0 = linkBoxListCss;
|
|
88
88
|
|
|
89
89
|
const LinkBoxList = class {
|
|
@@ -32,7 +32,7 @@ export class HyGeneralListItem {
|
|
|
32
32
|
const aspectRatio = {
|
|
33
33
|
"--aspectRatio": `${aspect}%`,
|
|
34
34
|
};
|
|
35
|
-
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '
|
|
35
|
+
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "hy-general-list-item"; }
|
|
38
38
|
static get originalStyleUrls() {
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
}
|
|
19
19
|
@media screen and (min-width: 768px) {
|
|
20
20
|
.hy-link-box-list {
|
|
21
|
-
grid-template-columns: repeat(2, 1fr);
|
|
21
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
22
22
|
gap: 32px 24px;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
@media screen and (min-width: 1024px) {
|
|
26
26
|
.hy-link-box-list {
|
|
27
|
-
grid-template-columns: repeat(3, 1fr);
|
|
27
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
@media screen and (min-width: 1920px) {
|