@itcenteratunihelsinki/huds-lib 0.8.61 → 0.8.63
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-hero-carousel.js +328 -1
- package/components/hy-hero-carousel.js.map +1 -1
- package/components/hy-menu-main-group2.js +20 -27
- package/components/hy-menu-main-group2.js.map +1 -1
- package/components/menu-language.js +4 -3
- package/components/menu-language.js.map +1 -1
- package/components/site-search.js +14 -78
- package/components/site-search.js.map +1 -1
- package/dist/cjs/huds-lib.cjs.js +1 -1
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +17 -80
- package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js.map +1 -1
- package/dist/cjs/hy-hero-carousel.cjs.entry.js +328 -1
- package/dist/cjs/hy-hero-carousel.cjs.entry.js.map +1 -1
- package/dist/cjs/hy-menu-main-group.cjs.entry.js +19 -26
- package/dist/cjs/hy-menu-main-group.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +5 -2
- package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js.map +1 -1
- package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.js +24 -31
- package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.js.map +1 -1
- package/dist/collection/components/hy-navigation/menu-language/menu-language.js +4 -3
- package/dist/collection/components/hy-navigation/menu-language/menu-language.js.map +1 -1
- package/dist/collection/components/hy-site-header/site-search/site-search.css +13 -2
- package/dist/collection/components/hy-site-header/site-search/site-search.js +36 -82
- package/dist/collection/components/hy-site-header/site-search/site-search.js.map +1 -1
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/hy-breadcrumbs_15.entry.js +17 -80
- package/dist/esm/hy-breadcrumbs_15.entry.js.map +1 -1
- package/dist/esm/hy-hero-carousel.entry.js +328 -1
- package/dist/esm/hy-hero-carousel.entry.js.map +1 -1
- package/dist/esm/hy-menu-main-group.entry.js +19 -26
- package/dist/esm/hy-menu-main-group.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/huds-lib.esm.js.map +1 -1
- package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
- package/dist/huds-lib/hy-breadcrumbs_15.entry.js.map +1 -1
- package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
- package/dist/huds-lib/hy-hero-carousel.entry.js.map +1 -1
- package/dist/huds-lib/hy-menu-main-group.entry.js +1 -1
- package/dist/huds-lib/hy-menu-main-group.entry.js.map +1 -1
- package/dist/types/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.d.ts +2 -5
- package/dist/types/components/hy-site-header/site-search/site-search.d.ts +1 -6
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"site-search.js","mappings":"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","names":[],"sources":["./src/components/hy-site-header/site-search/site-search.scss?tag=hy-site-search&encapsulation=shadow","./src/components/hy-site-header/site-search/site-search.tsx"],"sourcesContent":[".button--search {\n @include font-size(12px, 24px);\n @include font-weight($regular);\n align-items: center;\n background: transparent;\n border: 0 none;\n color: var(--brand-main-nearly-black);\n display: inline-flex;\n flex-direction: row;\n font-family: var(--main-font-family);\n height: 100%;\n justify-content: center;\n letter-spacing: -0.5px;\n width: 44px;\n\n @include breakpoint($extrawide) {\n display: inline-grid;\n grid-template-columns: repeat(2, auto);\n gap: 4px;\n width: auto;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(14px, 24px);\n }\n\n &:hover:not([disabled]) {\n color: var(--brand-main);\n cursor: pointer;\n\n svg {\n fill: var(--brand-main);\n }\n }\n\n &:focus:not([disabled]) {\n outline: solid 2px var(--additional-yellow);\n outline-offset: 2px;\n }\n\n &.is-active,\n &[aria-expanded=\"true\"] {\n position: relative;\n\n &:after {\n content: \"\";\n position: absolute;\n height: 4px;\n right: 0;\n bottom: -1px;\n left: 0;\n background-color: var(--grayscale-black);\n }\n }\n\n .is-group & {\n color: var(--grayscale-white);\n\n &:hover:not([disabled]) {\n color: var(--grayscale-medium);\n cursor: pointer;\n\n svg {\n fill: var(--grayscale-medium);\n }\n }\n }\n\n &.is-open--menu {\n position: absolute;\n right: 50px;\n top: 15px;\n z-index: 101;\n }\n}\n\n.button--search__label {\n display: none;\n visibility: hidden;\n\n @include breakpoint($extrawide) {\n display: block;\n visibility: visible;\n order: 2;\n }\n}\n\n.site-search {\n height: 100%;\n\n &__panel {\n display: none;\n &__is-open {\n background-color: #f8f8f8;\n border: 1px solid rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n font-family: var(--main-font-family);\n left: 0;\n position: absolute;\n width: 100%;\n z-index: 520;\n }\n\n &__title {\n &__group {\n align-items: baseline;\n display: flex;\n flex-direction: column;\n\n @include breakpoint($wide) {\n align-items: baseline;\n flex-direction: row;\n justify-content: flex-start;\n }\n }\n\n .panel-title {\n @include font-size(32px, 32px);\n @include font-weight($bold);\n color: var(--grayscale-black);\n letter-spacing: -1px;\n margin-bottom: 12px;\n margin-top: 20px;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(46px, 48px);\n letter-spacing: -1.5px;\n margin-top: 24px;\n }\n @include breakpoint($xlarge) {\n @include font-size(52px, 54px);\n letter-spacing: -1.6px;\n }\n }\n .description {\n @include font-size(12px, 16px);\n color: var(--grayscale-black);\n letter-spacing: -0.2px;\n margin-bottom: 16px;\n padding: 0;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 22px);\n letter-spacing: -0.1px;\n margin-bottom: 18px;\n }\n @include breakpoint($wide) {\n @include font-size(18px, 24px);\n letter-spacing: -0.1px;\n padding-left: 8px;\n }\n @include breakpoint($xlarge) {\n @include font-size(20px, 28px);\n letter-spacing: -0.2px;\n padding-left: 12px;\n }\n }\n }\n\n &__wrapper {\n margin: 0 auto;\n max-width: 100%;\n padding: 0 1rem 2rem;\n width: 100%;\n\n @include breakpoint($narrow) {\n max-width: 1216px;\n padding: 0 0 2rem;\n }\n @include breakpoint($xlarge) {\n padding: 0 0 4rem;\n }\n }\n\n &__panel-toggle {\n background-color: transparent;\n border: none;\n position: absolute;\n right: 1rem;\n top: 25px;\n\n @include breakpoint($narrow) {\n right: 2rem;\n top: 36px;\n }\n @include breakpoint($xlarge) {\n top: 45px;\n }\n\n &__label {\n @include font-size(14px, 22px);\n @include font-weight($bold);\n align-items: center;\n color: var(--grayscale-black);\n display: flex;\n letter-spacing: -0.44px;\n text-transform: uppercase;\n\n &__title {\n padding-right: 8px;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(18px, 22px);\n letter-spacing: -0.56px;\n }\n }\n\n &:focus:not([disabled]),\n &:hover:not([disabled]) {\n cursor: pointer;\n span {\n color: var(--brand-main);\n }\n svg {\n fill: var(--brand-main);\n }\n }\n }\n\n &__tools {\n .title {\n @include font-size(16px, 20px);\n @include font-weight($bold);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.5px;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(18px, 24px);\n letter-spacing: -0.56px;\n margin: 32px 0 16px;\n }\n }\n\n .list {\n a.search-special-tool {\n align-items: center;\n background-color: var(--grayscale-white);\n display: flex;\n margin-bottom: 8px;\n text-decoration: none;\n\n .label {\n @include font-size(14px, 16px);\n @include font-weight($bold);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.44px;\n padding-left: 8px;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n letter-spacing: -0.5px;\n padding-left: 12px;\n }\n }\n .description {\n display: none;\n @include breakpoint($wide) {\n @include font-size(14px, 18px);\n color: var(--grayscale-dark);\n display: flex;\n letter-spacing: -0.2px;\n padding-left: 12px;\n }\n @include breakpoint($xlarge) {\n @include font-size(16px, 24px);\n color: var(--grayscale-dark);\n display: flex;\n letter-spacing: 0;\n padding-left: 12px;\n }\n }\n\n hy-icon {\n height: 40px;\n width: 40px;\n\n svg {\n background-color: var(--brand-main-light);\n fill: var(--grayscale-white);\n height: 40px;\n padding: 8px;\n width: 40px;\n }\n }\n }\n }\n }\n }\n}\n","export interface SearchTools {\n label: string;\n url: string;\n description: string;\n menuLinkId: string;\n isExternal: string;\n}\n\nexport interface SearchLabels {\n label?: string;\n}\n\ndeclare global {\n interface Window {\n CludoSayt: any;\n }\n}\n\nimport {Component, Prop, h, State, Listen, Event, EventEmitter, Element} from \"@stencil/core\";\nimport {ComponentLabels} from \"../site-header\";\nimport {ColorVariant} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n tag: \"hy-site-search\",\n styleUrl: \"site-search.scss\",\n shadow: true,\n})\nexport class SiteSearch {\n @Element() el: HTMLElement;\n\n @Prop() color: ColorVariant = ColorVariant.black;\n @Prop() isAlternative: boolean = false;\n @Prop() isGroup: boolean = false;\n @Prop() isLuomusGroup: boolean = false;\n @Prop() isBetaGroup: boolean = false;\n @Prop() searchLanguage: string;\n @Prop() labels?: ComponentLabels[] | string;\n @Prop() searchLabels: string;\n @Prop() searchTools: string;\n private _searchTools: SearchTools[];\n\n @Prop() showLabel: boolean = false;\n @Prop() size: number;\n @Prop() dataSearchSpecialTools: string;\n\n private _searchLabels: SearchLabels[];\n private searchTitleLabel: string;\n private searchCloseLabel: string;\n private searchToolsLabel: string;\n private searchDescriptionLabel: string;\n\n @State() isSearchPanelOpen: boolean = false;\n @Event() searchPanelToggled: EventEmitter;\n\n private _labels: ComponentLabels[];\n\n async componentWillLoad() {\n this._labels = await jsonParserWorker(this.labels);\n // Special search tools.\n if (this.searchTools) {\n this._searchTools = await jsonParserWorker(this.searchTools);\n }\n\n if (this.searchLabels) {\n this._searchLabels = await jsonParserWorker(this.searchLabels);\n\n this.searchTitleLabel = this._searchLabels[\"search_label\"];\n this.searchCloseLabel = this._searchLabels[\"search_close_label\"];\n this.searchToolsLabel = this._searchLabels[\"search_tools_label\"];\n this.searchDescriptionLabel = this._searchLabels[\"search_description\"];\n }\n }\n\n // CLose the search panel if user opens the desktop menu panel.\n @Listen(\"menuDesktopToggled\", {target: \"document\"})\n desktopMenuToggled() {\n this.closeSearchPanel();\n }\n\n // CLose the search panel if user opens the mobile menu panel.\n @Listen(\"menuMobileToggled\", {target: \"document\"})\n mobileMenuToggled() {\n this.closeSearchPanel();\n }\n\n // CLose the search panel if user opens the language menu.\n @Listen(\"menuLanguageToggled\", {target: \"document\"})\n menuLanguageToggled() {\n this.closeSearchPanel();\n }\n\n // Close the search panel if user opens University main menu\n @Listen(\"universityMainMenuToggled\", {target: \"document\"})\n universityMainMenuPanelToggled() {\n this.closeSearchPanel();\n }\n\n @Listen(\"click\", {target: \"window\"})\n handleWindowClick(event) {\n // Check if event is being fired during pressing a key (event.detail==0 in this case)\n if (event.detail == 0) return;\n\n if (this.isSearchPanelOpen) {\n const path = event.path || (event.composedPath && event.composedPath());\n\n if ((path[0] as HTMLElement).classList.contains(\"hy-backdrop\")) {\n this.closeSearchPanel();\n event.stopPropagation();\n }\n }\n }\n\n // Close the search panel on Scroll down.\n // @Listen('headerScrollDown', {target: 'document'})\n // headerScrollDown() {\n // this.closeSearchPanel();\n // }\n\n closeSearchPanel() {\n this.isSearchPanelOpen = false;\n\n let cludoSayt = document.querySelectorAll(\"stencil-cludo-sayt\")[0] as HTMLElement;\n if (cludoSayt) {\n let CludoSayt = window.CludoSayt;\n if (typeof CludoSayt !== \"undefined\") {\n CludoSayt.hide();\n }\n }\n\n this.showBackdropShadow();\n }\n\n handleSearchPanelToggle(event) {\n if (this.isLuomusGroup) {\n let beta = this.isBetaGroup ? \"/beta\" : \"\";\n let luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/search-results\";\n if (this.searchLanguage == \"fi\") {\n luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/hakutulokset\";\n } else if (this.searchLanguage == \"sv\") {\n luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/sokresultat\";\n } else if (this.searchLanguage == \"ru\") {\n luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/rezultaty-poiska\";\n }\n location.href = luomus_search_url;\n } else {\n this.isSearchPanelOpen = !this.isSearchPanelOpen;\n\n if (this.isSearchPanelOpen) {\n // Close desktop menu panel and lang menu panel if they are open.\n this.searchPanelToggled.emit();\n\n this.adjustPosition(this.el);\n\n // Remove hidden class from cludo suggestions\n let cludoSayt = document.querySelectorAll(\"stencil-cludo-sayt\")[0] as HTMLElement;\n\n if (cludoSayt) {\n const cludoSearchContentFormElement = this.el.shadowRoot.querySelector(\n \"#cludo-search-content-form\"\n ) as HTMLElement;\n cludoSayt.classList.remove(\"hidden\");\n cludoSearchContentFormElement.append(cludoSayt);\n (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi-wrapper\") as HTMLElement).style.position = \"relative\";\n (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi\") as HTMLElement).style.position = \"relative\";\n (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi\") as HTMLElement).style.maxWidth = \"none\";\n }\n\n // Without setTimeout it will not focus the input because it hasn't rendered yet.\n setTimeout(() => {\n const searchInput = this.el.shadowRoot.querySelector(\"input#search\") as HTMLElement;\n searchInput.focus();\n });\n } else {\n this.closeSearchPanel();\n }\n }\n\n event.stopPropagation();\n }\n\n adjustPosition(target) {\n let headerHeight = \"0\";\n let shadowTop = 0;\n const searchPanel = target.shadowRoot.querySelectorAll(`.site-search__panel`)[0] as HTMLElement;\n let initialDisplayStyle = searchPanel.style.display;\n\n if (this.isGroup) {\n let hyHeader = target.closest(\".hy-site-header__content-top\") as HTMLElement;\n if (hyHeader) {\n let headerHeightValue = hyHeader.offsetHeight;\n headerHeight = `${headerHeightValue}px`;\n let headerTop = hyHeader.offsetTop;\n\n // Add shadow backdrop\n searchPanel.style.display = \"flex\";\n shadowTop = headerHeightValue + headerTop + searchPanel.offsetHeight;\n }\n } else {\n let hyHeader = target.closest(\".hy-site-header\") as HTMLElement;\n if (hyHeader) {\n let headerHeightValue = hyHeader.classList.contains(\"hy-site-header--sticky-active\")\n ? hyHeader.offsetHeight\n : hyHeader.offsetTop + hyHeader.offsetHeight;\n\n headerHeight = `${headerHeightValue}px`;\n\n // Add shadow backdrop\n searchPanel.style.display = \"flex\";\n let searchPanelHeight = searchPanel.offsetHeight;\n\n shadowTop = searchPanelHeight + headerHeightValue;\n }\n }\n\n searchPanel.style.display = initialDisplayStyle;\n searchPanel.style.top = headerHeight;\n\n this.showBackdropShadow(\"open\", shadowTop);\n }\n\n showBackdropShadow(state = \"close\", top = 0) {\n let hyHeader = this.el.closest(\".hy-site-header\") as HTMLElement;\n let hyBackdropDiv = hyHeader.children[0] as HTMLElement;\n\n if (hyBackdropDiv) {\n if (state === \"open\") {\n let me = window.outerHeight - top;\n hyBackdropDiv.style.height = `${me}px`;\n hyBackdropDiv.style.top = `${top}px`;\n hyBackdropDiv.style.position = \"absolute\";\n hyBackdropDiv.classList.add(\"is-active\");\n } else {\n hyBackdropDiv.removeAttribute(\"style\");\n hyBackdropDiv.classList.remove(\"is-active\");\n }\n }\n }\n\n render() {\n const currentPageUrlPathName = window.location.pathname;\n const searchPagePathNames = [\"/fi/haku\", \"/en/search\", \"/sv/sök\"];\n\n return (\n <div\n class={{\n \"site-search\": true,\n \"site-search__is-open\": this.isSearchPanelOpen,\n \"is-group\": this.isGroup,\n }}\n >\n <button\n aria-label={this.showLabel ? this._labels[\"open\"] : \"\"}\n aria-expanded={`${this.isSearchPanelOpen}`}\n class={{\n \"button--search\": true,\n \"is-open--menu\": this.isAlternative,\n \"is-open\": this.isSearchPanelOpen,\n \"is-active\": searchPagePathNames.some((item) => item === currentPageUrlPathName),\n }}\n onClick={(e) => this.handleSearchPanelToggle(e)}\n disabled={searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false}\n >\n {this.showLabel ? (\n <span class={{\"button--search__label\": true, \"button--search__label__group\": this.isGroup}}>\n {this._labels[\"label\"]}\n </span>\n ) : (\n \"\"\n )}\n <hy-icon icon={\"hy-icon-search\"} size={this.size} fill={this.color} />\n </button>\n {!this.isLuomusGroup && (\n <div\n class={{\n \"site-search__panel\": true,\n \"site-search__panel__is-open\": this.isSearchPanelOpen,\n }}\n aria-hidden={`${!this.isSearchPanelOpen}`}\n >\n <div class=\"site-search__panel__wrapper\">\n <div class=\"site-search__panel__title\">\n <div class=\"site-search__panel__title__group\">\n <span class=\"panel-title\">{this.searchTitleLabel}</span>\n <div class=\"description\">{this.searchDescriptionLabel}</div>\n </div>\n </div>\n <div id=\"cludo-search-results\" class=\"container_12\">\n <div class=\"search-banner\"></div>\n <div class=\"search-filters search-filters-mobile\"></div>\n\n <div class=\"col-md-12\">\n <div style={{margin: \"20px 0 32px\"}} id=\"cludo-search-content-form\">\n <hy-search-field input-id=\"search\" label=\"\"></hy-search-field>\n </div>\n </div>\n\n <div class=\"col-md-3\">\n <div class=\"search-filters\" aria-controls=\"search-results\"></div>\n </div>\n <div class=\"col-md-9\">\n <div class=\"search-results-container\">\n <hy-paragraph-text>\n <div class=\"search-result-count\"></div>\n </hy-paragraph-text>\n <div class=\"search-did-you-mean\" role=\"Complementary\"></div>\n <div class=\"search-results\" role=\"region\" id=\"search-results\" aria-live=\"polite\"></div>\n </div>\n </div>\n </div>\n\n {this._searchTools && this._searchTools.length > 0 && (\n <div class=\"site-search__panel__tools\">\n <div class=\"title\">{this.searchToolsLabel}</div>\n <div class=\"list\">\n {this._searchTools.map((i) => {\n let searchToolTarget = i.isExternal ? \"_blank\" : \"_self\";\n return (\n <a class=\"search-special-tool\" href={i.url} target={searchToolTarget}>\n <hy-icon icon={\"hy-icon-arrow-to-right\"} size={14} fill={ColorVariant.black} />\n <span class=\"label\">{i.label}</span>\n <span class=\"description\">{i.description}</span>\n </a>\n );\n })}\n </div>\n </div>\n )}\n <button\n onClick={() => this.closeSearchPanel()}\n class={{\n \"site-search__panel__panel-toggle\": true,\n }}\n aria-label={this.searchCloseLabel}\n aria-expanded={`${this.isSearchPanelOpen}`}\n >\n <span class=\"site-search__panel__panel-toggle__label\">\n <span class=\"site-search__panel__panel-toggle__label__title\" tabindex=\"0\">\n {this.searchCloseLabel}\n </span>\n <hy-icon icon={\"hy-icon-remove\"} size={16} fill={ColorVariant.black} />\n </span>\n </button>\n </div>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"site-search.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,+iQAA+iQ;;MC4BxjQ,UAAU;;;;;;iBAGS,YAAY,CAAC,KAAK;yBACf,KAAK;mBACX,KAAK;yBACC,KAAK;uBACP,KAAK;;;;;qBAOP,KAAK;;;6BAUI,KAAK;;EAK3C,MAAM,iBAAiB;IACrB,IAAI,CAAC,OAAO,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;IAEnD,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,IAAI,CAAC,YAAY,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC9D;IAED,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,IAAI,CAAC,aAAa,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;MAE/D,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;MAC3D,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;MACjE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;MACjE,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;KACxE;GACF;;;EAWD,qCAAqC;IACnC,IAAI,CAAC,gBAAgB,EAAE,CAAC;GACzB;EAID,iBAAiB,CAAC,KAAK;;IAErB,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;MAAE,OAAO;IAE9B,IAAI,IAAI,CAAC,iBAAiB,EAAE;MAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC;MAExE,IAAK,IAAI,CAAC,CAAC,CAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC9D,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,KAAK,CAAC,eAAe,EAAE,CAAC;OACzB;KACF;GACF;EAGD,gBAAgB;IACd,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAE/B,IAAI,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAgB,CAAC;IAClF,IAAI,SAAS,EAAE;MACb,IAAI,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;MACjC,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;QACpC,SAAS,CAAC,IAAI,EAAE,CAAC;OAClB;KACF;;GAGF;EAED,uBAAuB,CAAC,KAAK;;;IAG3B,IAAI,IAAI,CAAC,aAAa,EAAE;MACtB,IAAI,IAAI,GAAG,IAAI,CAAC,WAAW,GAAG,OAAO,GAAG,EAAE,CAAC;MAC3C,IAAI,iBAAiB,GAAG,GAAG,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,wBAAwB,CAAC;MACpF,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;QAC/B,iBAAiB,GAAG,GAAG,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,sBAAsB,CAAC;OAC/E;WAAM,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;QACtC,iBAAiB,GAAG,GAAG,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,qBAAqB,CAAC;OAC9E;WAAM,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;QACtC,iBAAiB,GAAG,GAAG,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,0BAA0B,CAAC;OACnF;MACD,QAAQ,CAAC,IAAI,GAAG,iBAAiB,CAAC;KACnC;SAAM;MACL,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;MAEjD,IAAI,IAAI,CAAC,iBAAiB,EAAE;;QAE1B,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;;;QAK/B,IAAI,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAgB,CAAC;QAClF,IAAI,SAAS,EAAE;UACb,MAAM,6BAA6B,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CACpE,4BAA4B,CACd,CAAC;UACjB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;UACrC,6BAA6B,aAA7B,6BAA6B,uBAA7B,6BAA6B,CAAE,MAAM,CAAC,SAAS,CAAC,CAAC;UAChD,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,2BAA2B,CAAiB,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;UAC5G,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAiB,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;UACpG,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAiB,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;SAClG;;QAGD,UAAU,CAAC;UACT,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAgB,CAAC;UACpF,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAE,CAAC;SACtB,CAAC,CAAC;OACJ;WAAM;QACL,IAAI,CAAC,gBAAgB,EAAE,CAAC;OACzB;KACF;IAED,KAAK,CAAC,eAAe,EAAE,CAAC;GACzB;EAED,MAAM;IACJ,MAAM,sBAAsB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACxD,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IAElE,QACE,WACE,KAAK,EAAE;QACL,aAAa,EAAE,IAAI;QACnB,sBAAsB,EAAE,IAAI,CAAC,iBAAiB;QAC9C,UAAU,EAAE,IAAI,CAAC,OAAO;OACzB,IAED,4BACc,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,mBACvC,GAAG,IAAI,CAAC,iBAAiB,EAAE,EAC1C,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,eAAe,EAAE,IAAI,CAAC,aAAa;QACnC,SAAS,EAAE,IAAI,CAAC,iBAAiB;QACjC,WAAW,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,sBAAsB,CAAC;OACjF,EACD,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAC/C,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,sBAAsB,CAAC,GAAG,IAAI,GAAG,KAAK,IAE3F,IAAI,CAAC,SAAS,IACb,YAAM,KAAK,EAAE,EAAC,uBAAuB,EAAE,IAAI,EAAE,8BAA8B,EAAE,IAAI,CAAC,OAAO,EAAC,IACvF,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CACjB,KAEP,EAAE,CACH,EACD,eAAS,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,CAC/D,EACR,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,iBAAiB,MAC7C,WACE,KAAK,EAAE;QACL,oBAAoB,EAAE,IAAI;QAC1B,6BAA6B,EAAE,IAAI,CAAC,iBAAiB;OACtD,iBACY,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAEzC,WAAK,KAAK,EAAC,6BAA6B,IACtC,WAAK,KAAK,EAAC,6BAA6B,IACtC,WAAK,KAAK,EAAC,2BAA2B,IACpC,WAAK,KAAK,EAAC,kCAAkC,IAC3C,YAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,gBAAgB,CAAQ,EACxD,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,sBAAsB,CAAO,CACxD,CACF,EACN,WAAK,EAAE,EAAC,sBAAsB,EAAC,KAAK,EAAC,cAAc,IACjD,WAAK,KAAK,EAAC,eAAe,GAAO,EACjC,WAAK,KAAK,EAAC,sCAAsC,GAAO,EAExD,WAAK,KAAK,EAAC,WAAW,IACpB,WAAK,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,EAAE,EAAE,EAAC,2BAA2B,IACjE,mCAA0B,QAAQ,EAAC,KAAK,EAAC,EAAE,GAAmB,CAC1D,CACF,EAEN,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,gBAAgB,mBAAe,gBAAgB,GAAO,CAC7D,EACN,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,0BAA0B,IACnC,6BACE,WAAK,KAAK,EAAC,qBAAqB,GAAO,CACrB,EACpB,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,eAAe,GAAO,EAC5D,WAAK,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,gBAAgB,eAAW,QAAQ,GAAO,CACnF,CACF,CACF,EAEP,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,KAChD,WAAK,KAAK,EAAC,2BAA2B,IACpC,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,gBAAgB,CAAO,EAChD,WAAK,KAAK,EAAC,MAAM,IACd,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;MACvB,IAAI,gBAAgB,GAAG,CAAC,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;MACzD,QACE,SAAG,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,gBAAgB,IAClE,eAAS,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,GAAI,EAC/E,YAAM,KAAK,EAAC,OAAO,IAAE,CAAC,CAAC,KAAK,CAAQ,EACpC,YAAM,KAAK,EAAC,aAAa,IAAE,CAAC,CAAC,WAAW,CAAQ,CAC9C,EACJ;KACH,CAAC,CACE,CACF,CACP,EACD,cACE,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EACtC,KAAK,EAAE;QACL,kCAAkC,EAAE,IAAI;OACzC,gBACW,IAAI,CAAC,gBAAgB,mBAClB,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAE1C,YAAM,KAAK,EAAC,yCAAyC,IACnD,YAAM,KAAK,EAAC,gDAAgD,EAAC,QAAQ,EAAC,GAAG,IACtE,IAAI,CAAC,gBAAgB,CACjB,EACP,eAAS,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,GAAI,CAClE,CACA,CACL,EACN,WAAK,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,GAAQ,CACrF,CACF,CACL,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-site-header/site-search/site-search.scss?tag=hy-site-search&encapsulation=shadow","./src/components/hy-site-header/site-search/site-search.tsx"],"sourcesContent":[".button--search {\n @include font-size(12px, 24px);\n @include font-weight($regular);\n align-items: center;\n background: transparent;\n border: 0 none;\n color: var(--brand-main-nearly-black);\n display: inline-flex;\n flex-direction: row;\n font-family: var(--main-font-family);\n height: 100%;\n justify-content: center;\n letter-spacing: -0.5px;\n width: 44px;\n\n @include breakpoint($extrawide) {\n display: inline-grid;\n grid-template-columns: repeat(2, auto);\n gap: 4px;\n width: auto;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(14px, 24px);\n }\n\n &:hover:not([disabled]) {\n color: var(--brand-main);\n cursor: pointer;\n\n svg {\n fill: var(--brand-main);\n }\n }\n\n &:focus:not([disabled]) {\n outline: solid 2px var(--additional-yellow);\n outline-offset: 2px;\n }\n\n &.is-active,\n &[aria-expanded=\"true\"] {\n position: relative;\n\n &:after {\n content: \"\";\n position: absolute;\n height: 4px;\n right: 0;\n bottom: -1px;\n left: 0;\n background-color: var(--grayscale-black);\n }\n }\n\n .is-group & {\n color: var(--grayscale-white);\n\n &:hover:not([disabled]) {\n color: var(--grayscale-medium);\n cursor: pointer;\n\n svg {\n fill: var(--grayscale-medium);\n }\n }\n }\n\n &.is-open--menu {\n position: absolute;\n right: 50px;\n top: 15px;\n z-index: 101;\n }\n}\n\n.button--search__label {\n display: none;\n visibility: hidden;\n\n @include breakpoint($extrawide) {\n display: block;\n visibility: visible;\n order: 2;\n }\n}\n\n.site-search {\n height: 100%;\n\n &__panel {\n display: none;\n &__is-open {\n background-color: rgba(0, 0, 0, 0.5);\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n font-family: var(--main-font-family);\n left: 0;\n height: 100vh;\n position: absolute;\n width: 100%;\n z-index: 520;\n }\n\n &__title {\n &__group {\n align-items: baseline;\n display: flex;\n flex-direction: column;\n\n @include breakpoint($wide) {\n align-items: baseline;\n flex-direction: row;\n justify-content: flex-start;\n }\n }\n\n .panel-title {\n @include font-size(32px, 32px);\n @include font-weight($bold);\n color: var(--grayscale-black);\n letter-spacing: -1px;\n margin-bottom: 12px;\n margin-top: 20px;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(46px, 48px);\n letter-spacing: -1.5px;\n margin-top: 24px;\n }\n @include breakpoint($xlarge) {\n @include font-size(52px, 54px);\n letter-spacing: -1.6px;\n }\n }\n .description {\n @include font-size(12px, 16px);\n color: var(--grayscale-black);\n letter-spacing: -0.2px;\n margin-bottom: 16px;\n padding: 0;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 22px);\n letter-spacing: -0.1px;\n margin-bottom: 18px;\n }\n @include breakpoint($wide) {\n @include font-size(18px, 24px);\n letter-spacing: -0.1px;\n padding-left: 8px;\n }\n @include breakpoint($xlarge) {\n @include font-size(20px, 28px);\n letter-spacing: -0.2px;\n padding-left: 12px;\n }\n }\n }\n\n &__content {\n background-color: #f8f8f8;\n width: 100%;\n }\n\n &__space-box {height: 100%;width:100%;}\n\n &__wrapper {\n margin: 0 auto;\n max-width: 100%;\n padding: 0 1rem 2rem;\n width: 100%;\n\n @include breakpoint($narrow) {\n max-width: 1216px;\n padding: 0 0 2rem;\n }\n @include breakpoint($xlarge) {\n padding: 0 0 4rem;\n }\n }\n\n &__panel-toggle {\n background-color: transparent;\n border: none;\n position: absolute;\n right: 1rem;\n top: 25px;\n\n @include breakpoint($narrow) {\n right: 2rem;\n top: 36px;\n }\n @include breakpoint($xlarge) {\n top: 45px;\n }\n\n &__label {\n @include font-size(14px, 22px);\n @include font-weight($bold);\n align-items: center;\n color: var(--grayscale-black);\n display: flex;\n letter-spacing: -0.44px;\n text-transform: uppercase;\n\n &__title {\n padding-right: 8px;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(18px, 22px);\n letter-spacing: -0.56px;\n }\n }\n\n &:focus:not([disabled]),\n &:hover:not([disabled]) {\n cursor: pointer;\n span {\n color: var(--brand-main);\n }\n svg {\n fill: var(--brand-main);\n }\n }\n }\n\n &__tools {\n .title {\n @include font-size(16px, 20px);\n @include font-weight($bold);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.5px;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(18px, 24px);\n letter-spacing: -0.56px;\n margin: 32px 0 16px;\n }\n }\n\n .list {\n a.search-special-tool {\n align-items: center;\n background-color: var(--grayscale-white);\n display: flex;\n margin-bottom: 8px;\n text-decoration: none;\n\n .label {\n @include font-size(14px, 16px);\n @include font-weight($bold);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.44px;\n padding-left: 8px;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n letter-spacing: -0.5px;\n padding-left: 12px;\n }\n }\n .description {\n display: none;\n @include breakpoint($wide) {\n @include font-size(14px, 18px);\n color: var(--grayscale-dark);\n display: flex;\n letter-spacing: -0.2px;\n padding-left: 12px;\n }\n @include breakpoint($xlarge) {\n @include font-size(16px, 24px);\n color: var(--grayscale-dark);\n display: flex;\n letter-spacing: 0;\n padding-left: 12px;\n }\n }\n\n hy-icon {\n height: 40px;\n width: 40px;\n\n svg {\n background-color: var(--brand-main-light);\n fill: var(--grayscale-white);\n height: 40px;\n padding: 8px;\n width: 40px;\n }\n }\n }\n }\n }\n }\n}\n","export interface SearchTools {\n label: string;\n url: string;\n description: string;\n menuLinkId: string;\n isExternal: string;\n}\n\nexport interface SearchLabels {\n label?: string;\n}\n\ndeclare global {\n interface Window {\n CludoSayt: any;\n }\n}\n\nimport {Component, Prop, h, State, Listen, Event, EventEmitter, Element} from \"@stencil/core\";\nimport {ComponentLabels} from \"../site-header\";\nimport {ColorVariant} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n tag: \"hy-site-search\",\n styleUrl: \"site-search.scss\",\n shadow: true,\n})\nexport class SiteSearch {\n @Element() el: HTMLElement;\n\n @Prop() color: ColorVariant = ColorVariant.black;\n @Prop() isAlternative: boolean = false;\n @Prop() isGroup: boolean = false;\n @Prop() isLuomusGroup: boolean = false;\n @Prop() isBetaGroup: boolean = false;\n @Prop() searchLanguage: string;\n @Prop() labels?: ComponentLabels[] | string;\n @Prop() searchLabels: string;\n @Prop() searchTools: string;\n private _searchTools: SearchTools[];\n\n @Prop() showLabel: boolean = false;\n @Prop() size: number;\n @Prop() dataSearchSpecialTools: string;\n\n private _searchLabels: SearchLabels[];\n private searchTitleLabel: string;\n private searchCloseLabel: string;\n private searchToolsLabel: string;\n private searchDescriptionLabel: string;\n\n @State() isSearchPanelOpen: boolean = false;\n @Event() searchPanelToggled: EventEmitter;\n\n private _labels: ComponentLabels[];\n\n async componentWillLoad() {\n this._labels = await jsonParserWorker(this.labels);\n // Special search tools.\n if (this.searchTools) {\n this._searchTools = await jsonParserWorker(this.searchTools);\n }\n\n if (this.searchLabels) {\n this._searchLabels = await jsonParserWorker(this.searchLabels);\n\n this.searchTitleLabel = this._searchLabels[\"search_label\"];\n this.searchCloseLabel = this._searchLabels[\"search_close_label\"];\n this.searchToolsLabel = this._searchLabels[\"search_tools_label\"];\n this.searchDescriptionLabel = this._searchLabels[\"search_description\"];\n }\n }\n\n // CLose the search panel if user opens the any other dropdown in header.\n // Do same if user scrolls up or down;\n @Listen(\"menuMobileToggled\", {target: \"document\"})\n @Listen(\"menuDesktopToggled\", {target: \"document\"})\n @Listen(\"menuLanguageToggled\", {target: \"document\"})\n @Listen(\"universityMainMenuToggled\", {target: \"document\"})\n @Listen(\"menuToggled\", {target: \"window\"})\n @Listen('headerScrollUp', {target: 'document'})\n @Listen('headerScrollDown', {target: 'document'})\n closePanelWhenOtherDropdownsTriggered() {\n this.closeSearchPanel();\n }\n\n\n @Listen(\"click\", {target: 'window'})\n handleWindowClick(event) {\n // Check if event is being fired during pressing a key (event.detail==0 in this case)\n if (event.detail == 0) return;\n\n if (this.isSearchPanelOpen) {\n const path = event.path || (event.composedPath && event.composedPath());\n\n if ((path[0] as HTMLElement).classList.contains(\"hy-backdrop\")) {\n this.closeSearchPanel();\n event.stopPropagation();\n }\n }\n }\n\n\n closeSearchPanel() {\n this.isSearchPanelOpen = false;\n\n let cludoSayt = document.querySelectorAll(\"stencil-cludo-sayt\")[0] as HTMLElement;\n if (cludoSayt) {\n let CludoSayt = window.CludoSayt;\n if (typeof CludoSayt !== \"undefined\") {\n CludoSayt.hide();\n }\n }\n\n //this.showBackdropShadow();\n }\n\n handleSearchPanelToggle(event) {\n // What is this??\n // TODO: Cleanup\n if (this.isLuomusGroup) {\n let beta = this.isBetaGroup ? \"/beta\" : \"\";\n let luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/search-results\";\n if (this.searchLanguage == \"fi\") {\n luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/hakutulokset\";\n } else if (this.searchLanguage == \"sv\") {\n luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/sokresultat\";\n } else if (this.searchLanguage == \"ru\") {\n luomus_search_url = \"/\" + this.searchLanguage + beta + \"/luomus/rezultaty-poiska\";\n }\n location.href = luomus_search_url;\n } else {\n this.isSearchPanelOpen = !this.isSearchPanelOpen;\n\n if (this.isSearchPanelOpen) {\n // Close desktop menu panel and lang menu panel if they are open.\n this.searchPanelToggled.emit();\n\n //this.adjustPosition(this.el);\n\n // Remove hidden class from cludo suggestions\n let cludoSayt = document.querySelectorAll(\"stencil-cludo-sayt\")[0] as HTMLElement;\n if (cludoSayt) {\n const cludoSearchContentFormElement = this.el.shadowRoot.querySelector(\n \"#cludo-search-content-form\"\n ) as HTMLElement;\n cludoSayt.classList.remove(\"hidden\");\n cludoSearchContentFormElement?.append(cludoSayt);\n (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi-wrapper\") as HTMLElement).style.position = \"relative\";\n (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi\") as HTMLElement).style.position = \"relative\";\n (cludoSayt.shadowRoot.querySelector(\"#cludo-reli-flexi\") as HTMLElement).style.maxWidth = \"none\";\n }\n\n // Without setTimeout it will not focus the input because it hasn't rendered yet.\n setTimeout(() => {\n const searchInput = this.el.shadowRoot.querySelector(\"input#search\") as HTMLElement;\n searchInput?.focus();\n });\n } else {\n this.closeSearchPanel();\n }\n }\n\n event.stopPropagation();\n }\n\n render() {\n const currentPageUrlPathName = window.location.pathname;\n const searchPagePathNames = [\"/fi/haku\", \"/en/search\", \"/sv/sök\"];\n\n return (\n <div\n class={{\n \"site-search\": true,\n \"site-search__is-open\": this.isSearchPanelOpen,\n \"is-group\": this.isGroup,\n }}\n >\n <button\n aria-label={this.showLabel ? this._labels[\"open\"] : \"\"}\n aria-expanded={`${this.isSearchPanelOpen}`}\n class={{\n \"button--search\": true,\n \"is-open--menu\": this.isAlternative,\n \"is-open\": this.isSearchPanelOpen,\n \"is-active\": searchPagePathNames.some((item) => item === currentPageUrlPathName),\n }}\n onClick={(e) => this.handleSearchPanelToggle(e)}\n disabled={searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false}\n >\n {this.showLabel ? (\n <span class={{\"button--search__label\": true, \"button--search__label__group\": this.isGroup}}>\n {this._labels[\"label\"]}\n </span>\n ) : (\n \"\"\n )}\n <hy-icon icon={\"hy-icon-search\"} size={this.size} fill={this.color} />\n </button>\n {(!this.isLuomusGroup && this.isSearchPanelOpen) && (\n <div\n class={{\n \"site-search__panel\": true,\n \"site-search__panel__is-open\": this.isSearchPanelOpen,\n }}\n aria-hidden={`${!this.isSearchPanelOpen}`}\n >\n <div class=\"site-search__panel__content\">\n <div class=\"site-search__panel__wrapper\">\n <div class=\"site-search__panel__title\">\n <div class=\"site-search__panel__title__group\">\n <span class=\"panel-title\">{this.searchTitleLabel}</span>\n <div class=\"description\">{this.searchDescriptionLabel}</div>\n </div>\n </div>\n <div id=\"cludo-search-results\" class=\"container_12\">\n <div class=\"search-banner\"></div>\n <div class=\"search-filters search-filters-mobile\"></div>\n\n <div class=\"col-md-12\">\n <div style={{margin: \"20px 0 32px\"}} id=\"cludo-search-content-form\">\n <hy-search-field input-id=\"search\" label=\"\"></hy-search-field>\n </div>\n </div>\n\n <div class=\"col-md-3\">\n <div class=\"search-filters\" aria-controls=\"search-results\"></div>\n </div>\n <div class=\"col-md-9\">\n <div class=\"search-results-container\">\n <hy-paragraph-text>\n <div class=\"search-result-count\"></div>\n </hy-paragraph-text>\n <div class=\"search-did-you-mean\" role=\"Complementary\"></div>\n <div class=\"search-results\" role=\"region\" id=\"search-results\" aria-live=\"polite\"></div>\n </div>\n </div>\n </div>\n\n {this._searchTools && this._searchTools.length > 0 && (\n <div class=\"site-search__panel__tools\">\n <div class=\"title\">{this.searchToolsLabel}</div>\n <div class=\"list\">\n {this._searchTools.map((i) => {\n let searchToolTarget = i.isExternal ? \"_blank\" : \"_self\";\n return (\n <a class=\"search-special-tool\" href={i.url} target={searchToolTarget}>\n <hy-icon icon={\"hy-icon-arrow-to-right\"} size={14} fill={ColorVariant.black} />\n <span class=\"label\">{i.label}</span>\n <span class=\"description\">{i.description}</span>\n </a>\n );\n })}\n </div>\n </div>\n )}\n <button\n onClick={() => this.closeSearchPanel()}\n class={{\n \"site-search__panel__panel-toggle\": true,\n }}\n aria-label={this.searchCloseLabel}\n aria-expanded={`${this.isSearchPanelOpen}`}\n >\n <span class=\"site-search__panel__panel-toggle__label\">\n <span class=\"site-search__panel__panel-toggle__label__title\" tabindex=\"0\">\n {this.searchCloseLabel}\n </span>\n <hy-icon icon={\"hy-icon-remove\"} size={16} fill={ColorVariant.black} />\n </span>\n </button>\n </div>\n <div class=\"site-search__panel__space-box\" onClick={() => this.closeSearchPanel()}></div>\n </div>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
|
package/dist/cjs/huds-lib.cjs.js
CHANGED
|
@@ -21,7 +21,7 @@ const patchBrowser = () => {
|
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
patchBrowser().then(options => {
|
|
24
|
-
return index.bootstrapLazy(JSON.parse("[[\"hy-main.cjs\",[[4,\"hy-main\",{\"hasSidebar\":[4,\"has-sidebar\"]}]]],[\"hy-person-profile-listing.cjs\",[[0,\"hy-person-profile-listing\",{\"items\":[16],\"col\":[1],\"inline\":[4],\"withoutIcons\":[4,\"without-icons\"],\"textSpacingTight\":[4,\"text-spacing-tight\"],\"isResearch\":[4,\"is-research\"]}]]],[\"hy-box.cjs\",[[4,\"hy-box\",{\"headerstyle\":[1],\"p\":[1],\"pl\":[1],\"pr\":[1],\"pb\":[1],\"pt\":[1],\"m\":[1],\"ml\":[1],\"mr\":[1],\"mb\":[1],\"mt\":[1],\"justify\":[1],\"align\":[1],\"h\":[2],\"bg\":[1],\"width\":[1],\"direction\":[1]}]]],[\"hy-icon.cjs\",[[0,\"hy-icon\",{\"icon\":[1],\"fill\":[1],\"size\":[2]}]]],[\"hy-person-profile.cjs\",[[0,\"hy-person-profile\",{\"personDataJson\":[1,\"person-data-json\"],\"showFullAboutText\":[1,\"show-full-about-text\"],\"hideFullAboutText\":[1,\"hide-full-about-text\"],\"organizationItemsLabelText\":[1,\"organization-items-label-text\"],\"peopleFinderReturnLink\":[1,\"people-finder-return-link\"],\"peopleFinderReturnLabel\":[1,\"people-finder-return-label\"],\"isFullAboutTextHidden\":[32],\"viewportSize\":[32]}]]],[\"hy-introduction.cjs\",[[0,\"hy-introduction\",{\"variant\":[1],\"reversed\":[4],\"limitContentWidth\":[4,\"limit-content-width\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-banner.cjs\",[[0,\"hy-banner\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"headerstyle\":[1],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-opening-hours_2.cjs\",[[4,\"hy-opening-hours\",{\"blockTitle\":[1,\"block-title\"],\"language\":[1],\"venueType\":[1,\"venue-type\"],\"blockId\":[1,\"block-id\"],\"nextLabel\":[1,\"next-label\"],\"prevLabel\":[1,\"prev-label\"],\"listLabel\":[1,\"list-label\"],\"buildingLabel\":[1,\"building-label\"],\"customerServiceLabel\":[1,\"customer-service-label\"],\"date\":[1],\"dateTitle\":[1,\"date-title\"],\"dateType\":[1,\"date-type\"],\"multiple\":[4],\"customLinkTitle\":[1,\"custom-link-title\"],\"customLink\":[1,\"custom-link\"],\"exceptional\":[4]}],[0,\"hy-opening-hours-content\",{\"multiple\":[4],\"selfServiceLabel\":[1,\"self-service-label\"],\"venueType\":[1,\"venue-type\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-adjacent-image-text.cjs\",[[0,\"hy-adjacent-image-text\",{\"headerstyle\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"mainUrl\":[1,\"main-url\"],\"mainUrlTitle\":[1,\"main-url-title\"],\"mainUrlAriaLabel\":[1,\"main-url-aria-label\"],\"mainUrlIsExternal\":[4,\"main-url-is-external\"],\"mainUrl2\":[1,\"main-url-2\"],\"mainUrlTitle2\":[1,\"main-url-title-2\"],\"mainUrlAriaLabel2\":[1,\"main-url-aria-label-2\"],\"mainUrlIsExternal2\":[4,\"main-url-is-external-2\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-hero.cjs\",[[0,\"hy-hero\",{\"heroType\":[1,\"hero-type\"],\"heroGroupType\":[1,\"hero-group-type\"],\"colorVariant\":[1,\"color-variant\"],\"sizeVariant\":[1,\"size-variant\"],\"image\":[1],\"imageHeight\":[2,\"image-height\"],\"imageWidth\":[2,\"image-width\"],\"imageAltText\":[1,\"image-alt-text\"],\"disableLazy\":[4,\"disable-lazy\"],\"hasShortcuts\":[4,\"has-shortcuts\"],\"heading\":[1],\"description\":[1],\"url\":[1],\"urlTitle\":[1,\"url-title\"],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-shortcuts.cjs\",[[0,\"hy-shortcuts\",{\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"headerstyle\":[1]}]]],[\"hy-video.cjs\",[[4,\"hy-video\",{\"videoTitle\":[1,\"video-title\"],\"videoDescription\":[1,\"video-description\"],\"contextLabel\":[1,\"context-label\"],\"contextLabelVisible\":[4,\"context-label-visible\"],\"previewImageUrl\":[1,\"preview-image-url\"],\"linkToVideo\":[1,\"link-to-video\"],\"playButtonLabel\":[1,\"play-button-label\"],\"playButtonVisible\":[4,\"play-button-visible\"],\"seriesLabel\":[1,\"series-label\"],\"seriesCount\":[1,\"series-count\"],\"views\":[1],\"viewsLabel\":[1,\"views-label\"],\"duration\":[1],\"durationLabel\":[1,\"duration-label\"],\"dateAdded\":[1,\"date-added\"],\"dateAddedLabel\":[1,\"date-added-label\"],\"horizontal\":[4],\"disableLazy\":[4,\"disable-lazy\"],\"headerstyle\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showLessLabel\":[1,\"show-less-label\"],\"simplePlayButton\":[4,\"simple-play-button\"],\"styleList\":[4,\"style-list\"],\"descCollapsed\":[32]}]]],[\"hy-events.cjs\",[[4,\"hy-events\",{\"styleGrid\":[4,\"style-grid\"],\"showMore\":[4,\"show-more\"],\"viewAllUrl\":[1,\"view-all-url\"],\"viewAllLabel\":[1,\"view-all-label\"],\"scrollLeftLabel\":[1,\"scroll-left-label\"],\"scrollRightLabel\":[1,\"scroll-right-label\"],\"scrollable\":[32]}]]],[\"hy-hero-carousel.cjs\",[[0,\"hy-hero-carousel\",{\"itemCount\":[2,\"item-count\"],\"ariaLabelNext\":[1,\"aria-label-next\"],\"ariaLabelPrev\":[1,\"aria-label-prev\"],\"ariaLabelFirstSlide\":[1,\"aria-label-first-slide\"],\"ariaLabelLastSlide\":[1,\"aria-label-last-slide\"],\"ariaLabelBulletMessage\":[1,\"aria-label-bullet-message\"],\"data\":[1]}]]],[\"hy-link-list.cjs\",[[0,\"hy-link-list\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"variation\":[1],\"headingVariant\":[1,\"heading-variant\"]}]]],[\"hy-prominent-image.cjs\",[[1,\"hy-prominent-image\",{\"textTitle\":[1,\"text-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-user-login-form.cjs\",[[4,\"hy-user-login-form\",{\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"]}]]],[\"hy-pager_2.cjs\",[[1,\"hy-pager-item\",{\"variant\":[1],\"itemLabel\":[1,\"item-label\"],\"itemUrl\":[1,\"item-url\"],\"scAriaLabel\":[1,\"sc-aria-label\"]}],[1,\"hy-pager\"]]],[\"hy-anchor-link-list.cjs\",[[0,\"hy-anchor-link-list\",{\"listTitle\":[1,\"list-title\"],\"openLabel\":[1,\"open-label\"],\"closeLabel\":[1,\"close-label\"],\"anchorItems\":[1,\"anchor-items\"],\"isOpen\":[32]},[[0,\"handleLinkClick\",\"handleLinkClick\"]]]]],[\"hy-checkbox.cjs\",[[0,\"hy-checkbox\",{\"checkboxId\":[8,\"checkbox-id\"],\"checkboxValue\":[8,\"checkbox-value\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxChecked\":[4,\"checkbox-checked\"],\"variant\":[1]}]]],[\"hy-collaboration.cjs\",[[0,\"hy-collaboration\",{\"textDescription\":[1,\"text-description\"],\"linkUrl\":[1,\"link-url\"],\"linkTitle\":[1,\"link-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"]}]]],[\"hy-crisis-banner.cjs\",[[0,\"hy-crisis-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"bannerDescription\":[1,\"banner-description\"],\"linkTitle\":[1,\"link-title\"],\"linkUrl\":[1,\"link-url\"]}]]],[\"hy-event-item.cjs\",[[0,\"hy-event-item\",{\"eventTitle\":[1,\"event-title\"],\"eventDescription\":[1,\"event-description\"],\"dateShort\":[1,\"date-short\"],\"dateLong\":[1,\"date-long\"],\"location\":[1],\"type\":[1],\"url\":[1],\"styleGrid\":[4,\"style-grid\"],\"readMoreLabel\":[1,\"read-more-label\"],\"isLong\":[32]}]]],[\"hy-list-item.cjs\",[[0,\"hy-list-item\",{\"variant\":[1],\"itemType\":[1,\"item-type\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[8,\"item-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"itemImageUrl\":[1,\"item-image-url\"],\"itemImageAlt\":[1,\"item-image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"relatedLinksBlockTitle\":[1,\"related-links-block-title\"],\"relatedLinks\":[1,\"related-links\"],\"imageLabel\":[1,\"image-label\"],\"outGoingUrlLabel\":[1,\"out-going-url-label\"],\"additionalInfo\":[1,\"additional-info\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"isExpandedRelatedContent\":[32],\"_imageMinHeight\":[32],\"_imageMinWidth\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-person-card.cjs\",[[0,\"hy-person-card\",{\"variant\":[1],\"categoryTitle\":[1,\"category-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"positionTitle\":[1,\"position-title\"],\"department\":[1],\"field\":[1],\"email\":[1],\"phone\":[1],\"aboutInfo\":[1,\"about-info\"],\"researchNetworks\":[1,\"research-networks\"],\"studyProgramme\":[1,\"study-programme\"],\"aboutInfoLabel\":[1,\"about-info-label\"],\"researchNetworksLabel\":[1,\"research-networks-label\"],\"studyProgrammeLabel\":[1,\"study-programme-label\"],\"isMobile\":[32]}]]],[\"hy-quote.cjs\",[[1,\"hy-quote\",{\"quoteSignature\":[1,\"quote-signature\"],\"headerstyle\":[1]}]]],[\"hy-table-container.cjs\",[[4,\"hy-table-container\"]]],[\"hy-twitter-feed.cjs\",[[0,\"hy-twitter-feed\",{\"headingVariant\":[1,\"heading-variant\"],\"paragraphTitle\":[1,\"paragraph-title\"],\"twitterFeedKeyword\":[1,\"twitter-feed-keyword\"],\"tweetType\":[1,\"tweet-type\"],\"tweets\":[1]}]]],[\"hy-logo-grid_2.cjs\",[[4,\"hy-logo-grid\",{\"headingVariant\":[1,\"heading-variant\"],\"logoGridTitle\":[1,\"logo-grid-title\"]}],[0,\"hy-logo-grid-item\",{\"link\":[1],\"image\":[1]}]]],[\"hy-badge.cjs\",[[1,\"hy-badge\",{\"variant\":[1]}]]],[\"hy-link.cjs\",[[0,\"hy-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-row.cjs\",[[4,\"hy-row\",{\"justify\":[1],\"align\":[1],\"margin\":[2]}]]],[\"hy-section-container.cjs\",[[4,\"hy-section-container\"]]],[\"hy-tiny-text.cjs\",[[1,\"hy-tiny-text\"]]],[\"hy-two-columns.cjs\",[[4,\"hy-two-columns\",{\"reversed\":[4]}]]],[\"hy-large-process-flow_2.cjs\",[[1,\"hy-large-process-flow\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-large-process-flow-phase\",{\"dataItems\":[1,\"data-items\"]}]]],[\"hy-process_2.cjs\",[[1,\"hy-process\",{\"headerstyle\":[1],\"numberTerm\":[1,\"number-term\"],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-process-flow-box\",{\"variant\":[1],\"boxNumber\":[1,\"box-number\"],\"boxTitle\":[1,\"box-title\"],\"boxDescription\":[1,\"box-description\"],\"intermediateStepTitle\":[1,\"intermediate-step-title\"],\"stepState\":[1,\"step-state\"],\"numberTerm\":[1,\"number-term\"]}]]],[\"hy-key-figure_2.cjs\",[[0,\"hy-key-figure-group\",{\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-figure\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-menu-main-group.cjs\",[[1,\"hy-menu-main-group\",{\"menuLabel\":[1,\"menu-label\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"dataMainMenu\":[1,\"data-main-menu\"],\"isMobile\":[4,\"is-mobile\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"donate\":[16],\"isMenuOpen\":[32]},[[2,\"click\",\"handleComponentClick\"],[0,\"keydown\",\"handleComponentKeyDown\"],[8,\"click\",\"handleOutsideMenuClick\"],[8,\"headerScrollDown\",\"handleOutsideMenuClick\"],[8,\"headerScrollUp\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"menuLanguageToggled\",\"languageMenuToggled\"]]]]],[\"hy-image.cjs\",[[0,\"hy-image\",{\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"fetchPriority\":[1,\"fetch-priority\"],\"caption\":[1],\"aspectRatioWidth\":[2,\"aspect-ratio-width\"],\"aspectRatioHeight\":[2,\"aspect-ratio-height\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-paragraph-text.cjs\",[[36,\"hy-paragraph-text\",{\"variant\":[1],\"placement\":[1],\"headerstyle\":[1]}]]],[\"hy-tag.cjs\",[[1,\"hy-tag\"]]],[\"hy-content-list_2.cjs\",[[0,\"hy-content-list\",{\"linkLabel\":[1,\"link-label\"],\"noResultLabel\":[1,\"no-result-label\"],\"creditsLabel\":[1,\"credits-label\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1],\"courseStateVariant\":[1,\"course-state-variant\"],\"courseRealisations\":[32]}],[0,\"hy-content-list-item\",{\"variant\":[1],\"stateVariant\":[1,\"state-variant\"],\"courseCode\":[1,\"course-code\"],\"courseName\":[1,\"course-name\"],\"isCancelled\":[4,\"is-cancelled\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"courseCredits\":[1,\"course-credits\"],\"courseTags\":[1,\"course-tags\"],\"courseStartDate\":[1,\"course-start-date\"],\"courseEndDate\":[1,\"course-end-date\"],\"formattedTimeRange\":[1,\"formatted-time-range\"],\"courseStudyFormat\":[1,\"course-study-format\"],\"courseOrganisation\":[1,\"course-organisation\"],\"courseEnrollmentLink\":[1,\"course-enrollment-link\"],\"courseTeachingLanguage\":[1,\"course-teaching-language\"],\"courseLinkLabel\":[1,\"course-link-label\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"hy-link-box_2.cjs\",[[0,\"hy-link-box-list\",{\"headerstyle\":[1],\"variant\":[1],\"readMoreLabel\":[1,\"read-more-label\"],\"dataItems\":[1,\"data-items\"]}],[0,\"hy-link-box\",{\"variant\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"useSlot\":[4,\"use-slot\"],\"showLogo\":[4,\"show-logo\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"readMoreLabel\":[1,\"read-more-label\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-general-list_2.cjs\",[[0,\"hy-general-list\",{\"type\":[1],\"blank\":[4],\"dataItems\":[1,\"data-items\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"hasSidebar\":[32]}],[0,\"hy-general-list-item\",{\"hasSidebar\":[4,\"has-sidebar\"],\"description\":[1],\"imageAlt\":[1,\"image-alt\"],\"imageUrl\":[1,\"image-url\"],\"disableLazy\":[4,\"disable-lazy\"],\"itemTitle\":[1,\"item-title\"],\"label\":[1],\"subLabel\":[1,\"sub-label\"],\"date\":[1],\"tag\":[1],\"type\":[1],\"url\":[1],\"listStyle\":[1,\"list-style\"],\"target\":[4]}]]],[\"hy-key-highlight_2.cjs\",[[1,\"hy-key-highlight-group\",{\"variant\":[1],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-highlight\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-dropdown_3.cjs\",[[0,\"hy-dropdown\",{\"single\":[4],\"dropdownLabel\":[1,\"dropdown-label\"],\"dropdownId\":[1,\"dropdown-id\"],\"dropdownOptions\":[1,\"dropdown-options\"],\"defaultLabel\":[1,\"default-label\"],\"defaultOption\":[1032,\"default-option\"],\"isPanelOpen\":[32],\"isChecked\":[32],\"currentSingle\":[32]},[[8,\"click\",\"handleClick\"],[2,\"click\",\"handleSingleClick\"]]],[0,\"hy-dropdown-panel-item\",{\"isLast\":[4,\"is-last\"],\"dropdownItemId\":[8,\"dropdown-item-id\"],\"dropdownItemValue\":[8,\"dropdown-item-value\"],\"dropdownItemLabel\":[1,\"dropdown-item-label\"]}],[4,\"hy-dropdown-panel\",{\"isHidden\":[4,\"is-hidden\"]}]]],[\"hy-tabs_2.cjs\",[[4,\"hy-tabs\",{\"tabId\":[1,\"tab-id\"],\"tabListLabel\":[1,\"tab-list-label\"],\"headerstyle\":[1],\"focusTimeoutCleared\":[32],\"tabButtonTitles\":[32],\"tabPanelsState\":[32],\"tabButtons\":[32],\"tabList\":[32]},[[0,\"click\",\"clickEventListener\"],[0,\"keydown\",\"keydownEventListener\"],[0,\"keydown\",\"keyupEventListener\"],[0,\"focus\",\"focusEventHandler\"]]],[4,\"hy-tabs-item\",{\"tabTitle\":[1,\"tab-title\"]}]]],[\"hy-filter-group_6.cjs\",[[0,\"hy-filter-visibility-tool\",{\"filterVisibilityToolType\":[1,\"filter-visibility-tool-type\"]}],[0,\"hy-filter-group\",{\"filterGroupLabel\":[1,\"filter-group-label\"],\"filterGroupFilters\":[1,\"filter-group-filters\"]}],[0,\"hy-filter-list-type\",{\"filterLabel\":[1,\"filter-label\"],\"filterValue\":[1,\"filter-value\"]}],[4,\"hy-filter-group-item\",{\"filterGroupItemId\":[8,\"filter-group-item-id\"],\"filterGroupItemLabel\":[1,\"filter-group-item-label\"]}],[0,\"hy-filter-visibility-tool-reset\"],[0,\"hy-filter-visibility-tool-toggle\"]]],[\"hy-accordion-container_2.cjs\",[[4,\"hy-accordion-container\",{\"accordionid\":[1]}],[4,\"hy-accordion-item\",{\"accordiontitle\":[1],\"variant\":[1],\"headerstyle\":[1],\"showOpen\":[4,\"show-open\"],\"ready\":[32]},[[8,\"hashchange\",\"onHashChange\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-cta-button.cjs\",[[4,\"hy-cta-button\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"typeButton\":[4,\"type-button\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1]}]]],[\"hy-cta-link.cjs\",[[0,\"hy-cta-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-breadcrumbs_15.cjs\",[[0,\"hy-footer-info\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"linkText\":[1,\"link-text\"],\"linkUrl\":[1,\"link-url\"],\"linkIsExternal\":[4,\"link-is-external\"],\"linkScLabel\":[1,\"link-sc-label\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"dataFooterInfoLinks\":[1,\"data-footer-info-links\"],\"luomusFooterContent\":[1,\"luomus-footer-content\"],\"isMobile\":[32]}],[4,\"hy-site-header\",{\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"researchGroupLabel\":[1,\"research-group-label\"],\"groupType\":[1,\"group-type\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"dataMenuLanguage\":[1,\"data-menu-language\"],\"dataMenuDonate\":[1,\"data-menu-donate\"],\"dataSiteHeaderLabels\":[1,\"data-site-header-labels\"],\"dataSiteSearchLabels\":[1,\"data-site-search-labels\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"showSearchLabel\":[4,\"show-search-label\"],\"noSearch\":[4,\"no-search\"],\"menuLabel\":[1,\"menu-label\"],\"menuLabelOpen\":[1,\"menu-label-open\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"menuType\":[513,\"menu-type\"],\"dataMainMenuLinks\":[1,\"data-main-menu-links\"],\"dataSearchTools\":[1,\"data-search-tools\"],\"isMobile\":[32],\"isMenuOpen\":[32],\"isDesktopMenuOpen\":[32],\"isDesktopMenuDropdown\":[32],\"isTopMenuOpen\":[32],\"isBottomVisible\":[32],\"isTopVisible\":[32],\"lastScrollTop\":[32],\"delta\":[32],\"navbarHeight\":[32]},[[0,\"mobileMenuToggle\",\"mobileMenuToggle\"],[0,\"mobileMenuTopToggle\",\"mobileMenuTopToggle\"],[8,\"menuToggled\",\"mainMenuToggled\"],[9,\"scroll\",\"handleScroll\"]]],[4,\"hy-footer-base\",{\"color\":[1],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"size\":[2],\"someLabel\":[1,\"some-label\"],\"copyrightText\":[1,\"copyright-text\"],\"dataFooterBaseLinks\":[1,\"data-footer-base-links\"],\"dataFooterBaseSome\":[1,\"data-footer-base-some\"]}],[0,\"hy-breadcrumbs\",{\"dataItems\":[1,\"data-items\"],\"variant\":[1],\"headerstyle\":[1],\"menuOpen\":[32]}],[0,\"hy-footer-action\",{\"updatedText\":[1,\"updated-text\"],\"upButtonLabel\":[1,\"up-button-label\"]},[[2,\"scrollTop\",\"scrollTop\"]]],[4,\"hy-footer\"],[4,\"hy-ingress\",{\"headerstyle\":[1]}],[1,\"hy-site-search\",{\"color\":[1],\"isAlternative\":[4,\"is-alternative\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"searchLanguage\":[1,\"search-language\"],\"labels\":[1],\"searchLabels\":[1,\"search-labels\"],\"searchTools\":[1,\"search-tools\"],\"showLabel\":[4,\"show-label\"],\"size\":[2],\"dataSearchSpecialTools\":[1,\"data-search-special-tools\"],\"isSearchPanelOpen\":[32]},[[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"menuMobileToggled\",\"mobileMenuToggled\"],[4,\"menuLanguageToggled\",\"menuLanguageToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[8,\"click\",\"handleWindowClick\"]]],[1,\"hy-menu-language\",{\"dataMenuLanguage\":[1,\"data-menu-language\"],\"isGroup\":[4,\"is-group\"],\"labels\":[1],\"isMenuOpen\":[32]},[[8,\"click\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[0,\"focus\",\"handleComponentFocus\"],[0,\"click\",\"handleComponentClick\"]]],[0,\"hy-footer-link-item\",{\"label\":[1],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"mainLink\":[4,\"main-link\"],\"items\":[16],\"color\":[1],\"isMobile\":[4,\"is-mobile\"],\"variant\":[1],\"isLuomusGroup\":[4,\"is-luomus-group\"]}],[0,\"hy-search-field\",{\"label\":[1],\"isLabelBold\":[4,\"is-label-bold\"],\"labelLarge\":[4,\"label-large\"],\"isLuomusSearch\":[4,\"is-luomus-search\"],\"placeholder\":[1],\"isLabelHidden\":[4,\"is-label-hidden\"],\"inputId\":[1,\"input-id\"],\"prefillParameter\":[1,\"prefill-parameter\"],\"isInputValueEmpty\":[32]}],[4,\"hy-main-content-wrapper\"],[1,\"hy-menu-language-item\",{\"abbr\":[1],\"isActive\":[4,\"is-active\"],\"isDisabled\":[4,\"is-disabled\"],\"label\":[1],\"langCode\":[1,\"lang-code\"],\"url\":[1]}],[0,\"hy-site-logo\",{\"type\":[1],\"color\":[1],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"label\":[1],\"size\":[2],\"url\":[1]}],[36,\"hy-heading\",{\"heading\":[1],\"isSearch\":[4,\"is-search\"],\"section\":[1],\"negative\":[4],\"headerstyle\":[1],\"hyphenatedText\":[513,\"hyphenated-text\"],\"hasChildren\":[32]}]]]]"), options);
|
|
24
|
+
return index.bootstrapLazy(JSON.parse("[[\"hy-main.cjs\",[[4,\"hy-main\",{\"hasSidebar\":[4,\"has-sidebar\"]}]]],[\"hy-person-profile-listing.cjs\",[[0,\"hy-person-profile-listing\",{\"items\":[16],\"col\":[1],\"inline\":[4],\"withoutIcons\":[4,\"without-icons\"],\"textSpacingTight\":[4,\"text-spacing-tight\"],\"isResearch\":[4,\"is-research\"]}]]],[\"hy-box.cjs\",[[4,\"hy-box\",{\"headerstyle\":[1],\"p\":[1],\"pl\":[1],\"pr\":[1],\"pb\":[1],\"pt\":[1],\"m\":[1],\"ml\":[1],\"mr\":[1],\"mb\":[1],\"mt\":[1],\"justify\":[1],\"align\":[1],\"h\":[2],\"bg\":[1],\"width\":[1],\"direction\":[1]}]]],[\"hy-icon.cjs\",[[0,\"hy-icon\",{\"icon\":[1],\"fill\":[1],\"size\":[2]}]]],[\"hy-person-profile.cjs\",[[0,\"hy-person-profile\",{\"personDataJson\":[1,\"person-data-json\"],\"showFullAboutText\":[1,\"show-full-about-text\"],\"hideFullAboutText\":[1,\"hide-full-about-text\"],\"organizationItemsLabelText\":[1,\"organization-items-label-text\"],\"peopleFinderReturnLink\":[1,\"people-finder-return-link\"],\"peopleFinderReturnLabel\":[1,\"people-finder-return-label\"],\"isFullAboutTextHidden\":[32],\"viewportSize\":[32]}]]],[\"hy-introduction.cjs\",[[0,\"hy-introduction\",{\"variant\":[1],\"reversed\":[4],\"limitContentWidth\":[4,\"limit-content-width\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-banner.cjs\",[[0,\"hy-banner\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"urlTitle\":[1,\"url-title\"],\"headerstyle\":[1],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-opening-hours_2.cjs\",[[4,\"hy-opening-hours\",{\"blockTitle\":[1,\"block-title\"],\"language\":[1],\"venueType\":[1,\"venue-type\"],\"blockId\":[1,\"block-id\"],\"nextLabel\":[1,\"next-label\"],\"prevLabel\":[1,\"prev-label\"],\"listLabel\":[1,\"list-label\"],\"buildingLabel\":[1,\"building-label\"],\"customerServiceLabel\":[1,\"customer-service-label\"],\"date\":[1],\"dateTitle\":[1,\"date-title\"],\"dateType\":[1,\"date-type\"],\"multiple\":[4],\"customLinkTitle\":[1,\"custom-link-title\"],\"customLink\":[1,\"custom-link\"],\"exceptional\":[4]}],[0,\"hy-opening-hours-content\",{\"multiple\":[4],\"selfServiceLabel\":[1,\"self-service-label\"],\"venueType\":[1,\"venue-type\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-adjacent-image-text.cjs\",[[0,\"hy-adjacent-image-text\",{\"headerstyle\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"mainUrl\":[1,\"main-url\"],\"mainUrlTitle\":[1,\"main-url-title\"],\"mainUrlAriaLabel\":[1,\"main-url-aria-label\"],\"mainUrlIsExternal\":[4,\"main-url-is-external\"],\"mainUrl2\":[1,\"main-url-2\"],\"mainUrlTitle2\":[1,\"main-url-title-2\"],\"mainUrlAriaLabel2\":[1,\"main-url-aria-label-2\"],\"mainUrlIsExternal2\":[4,\"main-url-is-external-2\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-hero.cjs\",[[0,\"hy-hero\",{\"heroType\":[1,\"hero-type\"],\"heroGroupType\":[1,\"hero-group-type\"],\"colorVariant\":[1,\"color-variant\"],\"sizeVariant\":[1,\"size-variant\"],\"image\":[1],\"imageHeight\":[2,\"image-height\"],\"imageWidth\":[2,\"image-width\"],\"imageAltText\":[1,\"image-alt-text\"],\"disableLazy\":[4,\"disable-lazy\"],\"hasShortcuts\":[4,\"has-shortcuts\"],\"heading\":[1],\"description\":[1],\"url\":[1],\"urlTitle\":[1,\"url-title\"],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-shortcuts.cjs\",[[0,\"hy-shortcuts\",{\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"headerstyle\":[1]}]]],[\"hy-video.cjs\",[[4,\"hy-video\",{\"videoTitle\":[1,\"video-title\"],\"videoDescription\":[1,\"video-description\"],\"contextLabel\":[1,\"context-label\"],\"contextLabelVisible\":[4,\"context-label-visible\"],\"previewImageUrl\":[1,\"preview-image-url\"],\"linkToVideo\":[1,\"link-to-video\"],\"playButtonLabel\":[1,\"play-button-label\"],\"playButtonVisible\":[4,\"play-button-visible\"],\"seriesLabel\":[1,\"series-label\"],\"seriesCount\":[1,\"series-count\"],\"views\":[1],\"viewsLabel\":[1,\"views-label\"],\"duration\":[1],\"durationLabel\":[1,\"duration-label\"],\"dateAdded\":[1,\"date-added\"],\"dateAddedLabel\":[1,\"date-added-label\"],\"horizontal\":[4],\"disableLazy\":[4,\"disable-lazy\"],\"headerstyle\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showLessLabel\":[1,\"show-less-label\"],\"simplePlayButton\":[4,\"simple-play-button\"],\"styleList\":[4,\"style-list\"],\"descCollapsed\":[32]}]]],[\"hy-events.cjs\",[[4,\"hy-events\",{\"styleGrid\":[4,\"style-grid\"],\"showMore\":[4,\"show-more\"],\"viewAllUrl\":[1,\"view-all-url\"],\"viewAllLabel\":[1,\"view-all-label\"],\"scrollLeftLabel\":[1,\"scroll-left-label\"],\"scrollRightLabel\":[1,\"scroll-right-label\"],\"scrollable\":[32]}]]],[\"hy-hero-carousel.cjs\",[[0,\"hy-hero-carousel\",{\"itemCount\":[2,\"item-count\"],\"ariaLabelNext\":[1,\"aria-label-next\"],\"ariaLabelPrev\":[1,\"aria-label-prev\"],\"ariaLabelFirstSlide\":[1,\"aria-label-first-slide\"],\"ariaLabelLastSlide\":[1,\"aria-label-last-slide\"],\"ariaLabelBulletMessage\":[1,\"aria-label-bullet-message\"],\"data\":[1]}]]],[\"hy-link-list.cjs\",[[0,\"hy-link-list\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"variation\":[1],\"headingVariant\":[1,\"heading-variant\"]}]]],[\"hy-prominent-image.cjs\",[[1,\"hy-prominent-image\",{\"textTitle\":[1,\"text-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-user-login-form.cjs\",[[4,\"hy-user-login-form\",{\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"]}]]],[\"hy-pager_2.cjs\",[[1,\"hy-pager-item\",{\"variant\":[1],\"itemLabel\":[1,\"item-label\"],\"itemUrl\":[1,\"item-url\"],\"scAriaLabel\":[1,\"sc-aria-label\"]}],[1,\"hy-pager\"]]],[\"hy-anchor-link-list.cjs\",[[0,\"hy-anchor-link-list\",{\"listTitle\":[1,\"list-title\"],\"openLabel\":[1,\"open-label\"],\"closeLabel\":[1,\"close-label\"],\"anchorItems\":[1,\"anchor-items\"],\"isOpen\":[32]},[[0,\"handleLinkClick\",\"handleLinkClick\"]]]]],[\"hy-checkbox.cjs\",[[0,\"hy-checkbox\",{\"checkboxId\":[8,\"checkbox-id\"],\"checkboxValue\":[8,\"checkbox-value\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxChecked\":[4,\"checkbox-checked\"],\"variant\":[1]}]]],[\"hy-collaboration.cjs\",[[0,\"hy-collaboration\",{\"textDescription\":[1,\"text-description\"],\"linkUrl\":[1,\"link-url\"],\"linkTitle\":[1,\"link-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"]}]]],[\"hy-crisis-banner.cjs\",[[0,\"hy-crisis-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"bannerDescription\":[1,\"banner-description\"],\"linkTitle\":[1,\"link-title\"],\"linkUrl\":[1,\"link-url\"]}]]],[\"hy-event-item.cjs\",[[0,\"hy-event-item\",{\"eventTitle\":[1,\"event-title\"],\"eventDescription\":[1,\"event-description\"],\"dateShort\":[1,\"date-short\"],\"dateLong\":[1,\"date-long\"],\"location\":[1],\"type\":[1],\"url\":[1],\"styleGrid\":[4,\"style-grid\"],\"readMoreLabel\":[1,\"read-more-label\"],\"isLong\":[32]}]]],[\"hy-list-item.cjs\",[[0,\"hy-list-item\",{\"variant\":[1],\"itemType\":[1,\"item-type\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[8,\"item-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"itemImageUrl\":[1,\"item-image-url\"],\"itemImageAlt\":[1,\"item-image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"relatedLinksBlockTitle\":[1,\"related-links-block-title\"],\"relatedLinks\":[1,\"related-links\"],\"imageLabel\":[1,\"image-label\"],\"outGoingUrlLabel\":[1,\"out-going-url-label\"],\"additionalInfo\":[1,\"additional-info\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"isExpandedRelatedContent\":[32],\"_imageMinHeight\":[32],\"_imageMinWidth\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-person-card.cjs\",[[0,\"hy-person-card\",{\"variant\":[1],\"categoryTitle\":[1,\"category-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"positionTitle\":[1,\"position-title\"],\"department\":[1],\"field\":[1],\"email\":[1],\"phone\":[1],\"aboutInfo\":[1,\"about-info\"],\"researchNetworks\":[1,\"research-networks\"],\"studyProgramme\":[1,\"study-programme\"],\"aboutInfoLabel\":[1,\"about-info-label\"],\"researchNetworksLabel\":[1,\"research-networks-label\"],\"studyProgrammeLabel\":[1,\"study-programme-label\"],\"isMobile\":[32]}]]],[\"hy-quote.cjs\",[[1,\"hy-quote\",{\"quoteSignature\":[1,\"quote-signature\"],\"headerstyle\":[1]}]]],[\"hy-table-container.cjs\",[[4,\"hy-table-container\"]]],[\"hy-twitter-feed.cjs\",[[0,\"hy-twitter-feed\",{\"headingVariant\":[1,\"heading-variant\"],\"paragraphTitle\":[1,\"paragraph-title\"],\"twitterFeedKeyword\":[1,\"twitter-feed-keyword\"],\"tweetType\":[1,\"tweet-type\"],\"tweets\":[1]}]]],[\"hy-logo-grid_2.cjs\",[[4,\"hy-logo-grid\",{\"headingVariant\":[1,\"heading-variant\"],\"logoGridTitle\":[1,\"logo-grid-title\"]}],[0,\"hy-logo-grid-item\",{\"link\":[1],\"image\":[1]}]]],[\"hy-badge.cjs\",[[1,\"hy-badge\",{\"variant\":[1]}]]],[\"hy-link.cjs\",[[0,\"hy-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-row.cjs\",[[4,\"hy-row\",{\"justify\":[1],\"align\":[1],\"margin\":[2]}]]],[\"hy-section-container.cjs\",[[4,\"hy-section-container\"]]],[\"hy-tiny-text.cjs\",[[1,\"hy-tiny-text\"]]],[\"hy-two-columns.cjs\",[[4,\"hy-two-columns\",{\"reversed\":[4]}]]],[\"hy-large-process-flow_2.cjs\",[[1,\"hy-large-process-flow\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-large-process-flow-phase\",{\"dataItems\":[1,\"data-items\"]}]]],[\"hy-process_2.cjs\",[[1,\"hy-process\",{\"headerstyle\":[1],\"numberTerm\":[1,\"number-term\"],\"dataItems\":[1,\"data-items\"]}],[1,\"hy-process-flow-box\",{\"variant\":[1],\"boxNumber\":[1,\"box-number\"],\"boxTitle\":[1,\"box-title\"],\"boxDescription\":[1,\"box-description\"],\"intermediateStepTitle\":[1,\"intermediate-step-title\"],\"stepState\":[1,\"step-state\"],\"numberTerm\":[1,\"number-term\"]}]]],[\"hy-key-figure_2.cjs\",[[0,\"hy-key-figure-group\",{\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-figure\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-menu-main-group.cjs\",[[1,\"hy-menu-main-group\",{\"menuLabel\":[1,\"menu-label\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"dataMainMenu\":[1,\"data-main-menu\"],\"isMobile\":[4,\"is-mobile\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"donate\":[16],\"isMenuOpen\":[32]},[[2,\"click\",\"handleComponentClick\"],[0,\"keydown\",\"handleComponentKeyDown\"],[8,\"click\",\"handleOutsideMenuClick\"],[8,\"headerScrollDown\",\"handleOutsideMenuClick\"],[8,\"headerScrollUp\",\"handleOutsideMenuClick\"],[4,\"menuLanguageToggled\",\"handleOutsideMenuClick\"],[4,\"searchPanelToggled\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"handleOutsideMenuClick\"]]]]],[\"hy-image.cjs\",[[0,\"hy-image\",{\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"fetchPriority\":[1,\"fetch-priority\"],\"caption\":[1],\"aspectRatioWidth\":[2,\"aspect-ratio-width\"],\"aspectRatioHeight\":[2,\"aspect-ratio-height\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-paragraph-text.cjs\",[[36,\"hy-paragraph-text\",{\"variant\":[1],\"placement\":[1],\"headerstyle\":[1]}]]],[\"hy-tag.cjs\",[[1,\"hy-tag\"]]],[\"hy-content-list_2.cjs\",[[0,\"hy-content-list\",{\"linkLabel\":[1,\"link-label\"],\"noResultLabel\":[1,\"no-result-label\"],\"creditsLabel\":[1,\"credits-label\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1],\"courseStateVariant\":[1,\"course-state-variant\"],\"courseRealisations\":[32]}],[0,\"hy-content-list-item\",{\"variant\":[1],\"stateVariant\":[1,\"state-variant\"],\"courseCode\":[1,\"course-code\"],\"courseName\":[1,\"course-name\"],\"isCancelled\":[4,\"is-cancelled\"],\"cancelledLabel\":[1,\"cancelled-label\"],\"courseCredits\":[1,\"course-credits\"],\"courseTags\":[1,\"course-tags\"],\"courseStartDate\":[1,\"course-start-date\"],\"courseEndDate\":[1,\"course-end-date\"],\"formattedTimeRange\":[1,\"formatted-time-range\"],\"courseStudyFormat\":[1,\"course-study-format\"],\"courseOrganisation\":[1,\"course-organisation\"],\"courseEnrollmentLink\":[1,\"course-enrollment-link\"],\"courseTeachingLanguage\":[1,\"course-teaching-language\"],\"courseLinkLabel\":[1,\"course-link-label\"]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"hy-link-box_2.cjs\",[[0,\"hy-link-box-list\",{\"headerstyle\":[1],\"variant\":[1],\"readMoreLabel\":[1,\"read-more-label\"],\"dataItems\":[1,\"data-items\"]}],[0,\"hy-link-box\",{\"variant\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"useSlot\":[4,\"use-slot\"],\"showLogo\":[4,\"show-logo\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"readMoreLabel\":[1,\"read-more-label\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-general-list_2.cjs\",[[0,\"hy-general-list\",{\"type\":[1],\"blank\":[4],\"dataItems\":[1,\"data-items\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"hasSidebar\":[32]}],[0,\"hy-general-list-item\",{\"hasSidebar\":[4,\"has-sidebar\"],\"description\":[1],\"imageAlt\":[1,\"image-alt\"],\"imageUrl\":[1,\"image-url\"],\"disableLazy\":[4,\"disable-lazy\"],\"itemTitle\":[1,\"item-title\"],\"label\":[1],\"subLabel\":[1,\"sub-label\"],\"date\":[1],\"tag\":[1],\"type\":[1],\"url\":[1],\"listStyle\":[1,\"list-style\"],\"target\":[4]}]]],[\"hy-key-highlight_2.cjs\",[[1,\"hy-key-highlight-group\",{\"variant\":[1],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}],[1,\"hy-key-highlight\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-dropdown_3.cjs\",[[0,\"hy-dropdown\",{\"single\":[4],\"dropdownLabel\":[1,\"dropdown-label\"],\"dropdownId\":[1,\"dropdown-id\"],\"dropdownOptions\":[1,\"dropdown-options\"],\"defaultLabel\":[1,\"default-label\"],\"defaultOption\":[1032,\"default-option\"],\"isPanelOpen\":[32],\"isChecked\":[32],\"currentSingle\":[32]},[[8,\"click\",\"handleClick\"],[2,\"click\",\"handleSingleClick\"]]],[0,\"hy-dropdown-panel-item\",{\"isLast\":[4,\"is-last\"],\"dropdownItemId\":[8,\"dropdown-item-id\"],\"dropdownItemValue\":[8,\"dropdown-item-value\"],\"dropdownItemLabel\":[1,\"dropdown-item-label\"]}],[4,\"hy-dropdown-panel\",{\"isHidden\":[4,\"is-hidden\"]}]]],[\"hy-tabs_2.cjs\",[[4,\"hy-tabs\",{\"tabId\":[1,\"tab-id\"],\"tabListLabel\":[1,\"tab-list-label\"],\"headerstyle\":[1],\"focusTimeoutCleared\":[32],\"tabButtonTitles\":[32],\"tabPanelsState\":[32],\"tabButtons\":[32],\"tabList\":[32]},[[0,\"click\",\"clickEventListener\"],[0,\"keydown\",\"keydownEventListener\"],[0,\"keydown\",\"keyupEventListener\"],[0,\"focus\",\"focusEventHandler\"]]],[4,\"hy-tabs-item\",{\"tabTitle\":[1,\"tab-title\"]}]]],[\"hy-filter-group_6.cjs\",[[0,\"hy-filter-visibility-tool\",{\"filterVisibilityToolType\":[1,\"filter-visibility-tool-type\"]}],[0,\"hy-filter-group\",{\"filterGroupLabel\":[1,\"filter-group-label\"],\"filterGroupFilters\":[1,\"filter-group-filters\"]}],[0,\"hy-filter-list-type\",{\"filterLabel\":[1,\"filter-label\"],\"filterValue\":[1,\"filter-value\"]}],[4,\"hy-filter-group-item\",{\"filterGroupItemId\":[8,\"filter-group-item-id\"],\"filterGroupItemLabel\":[1,\"filter-group-item-label\"]}],[0,\"hy-filter-visibility-tool-reset\"],[0,\"hy-filter-visibility-tool-toggle\"]]],[\"hy-accordion-container_2.cjs\",[[4,\"hy-accordion-container\",{\"accordionid\":[1]}],[4,\"hy-accordion-item\",{\"accordiontitle\":[1],\"variant\":[1],\"headerstyle\":[1],\"showOpen\":[4,\"show-open\"],\"ready\":[32]},[[8,\"hashchange\",\"onHashChange\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-cta-button.cjs\",[[4,\"hy-cta-button\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"typeButton\":[4,\"type-button\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1]}]]],[\"hy-cta-link.cjs\",[[0,\"hy-cta-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-breadcrumbs_15.cjs\",[[0,\"hy-footer-info\",{\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"linkText\":[1,\"link-text\"],\"linkUrl\":[1,\"link-url\"],\"linkIsExternal\":[4,\"link-is-external\"],\"linkScLabel\":[1,\"link-sc-label\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"dataFooterInfoLinks\":[1,\"data-footer-info-links\"],\"luomusFooterContent\":[1,\"luomus-footer-content\"],\"isMobile\":[32]}],[4,\"hy-site-header\",{\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"researchGroupLabel\":[1,\"research-group-label\"],\"groupType\":[1,\"group-type\"],\"groupLogoUrl\":[1,\"group-logo-url\"],\"dataMenuLanguage\":[1,\"data-menu-language\"],\"dataMenuDonate\":[1,\"data-menu-donate\"],\"dataSiteHeaderLabels\":[1,\"data-site-header-labels\"],\"dataSiteSearchLabels\":[1,\"data-site-search-labels\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"siteLabel\":[1,\"site-label\"],\"siteUrl\":[1,\"site-url\"],\"showSearchLabel\":[4,\"show-search-label\"],\"noSearch\":[4,\"no-search\"],\"menuLabel\":[1,\"menu-label\"],\"menuLabelOpen\":[1,\"menu-label-open\"],\"menuLabelClose\":[1,\"menu-label-close\"],\"menuType\":[513,\"menu-type\"],\"dataMainMenuLinks\":[1,\"data-main-menu-links\"],\"dataSearchTools\":[1,\"data-search-tools\"],\"isMobile\":[32],\"isMenuOpen\":[32],\"isDesktopMenuOpen\":[32],\"isDesktopMenuDropdown\":[32],\"isTopMenuOpen\":[32],\"isBottomVisible\":[32],\"isTopVisible\":[32],\"lastScrollTop\":[32],\"delta\":[32],\"navbarHeight\":[32]},[[0,\"mobileMenuToggle\",\"mobileMenuToggle\"],[0,\"mobileMenuTopToggle\",\"mobileMenuTopToggle\"],[8,\"menuToggled\",\"mainMenuToggled\"],[9,\"scroll\",\"handleScroll\"]]],[4,\"hy-footer-base\",{\"color\":[1],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"size\":[2],\"someLabel\":[1,\"some-label\"],\"copyrightText\":[1,\"copyright-text\"],\"dataFooterBaseLinks\":[1,\"data-footer-base-links\"],\"dataFooterBaseSome\":[1,\"data-footer-base-some\"]}],[0,\"hy-breadcrumbs\",{\"dataItems\":[1,\"data-items\"],\"variant\":[1],\"headerstyle\":[1],\"menuOpen\":[32]}],[0,\"hy-footer-action\",{\"updatedText\":[1,\"updated-text\"],\"upButtonLabel\":[1,\"up-button-label\"]},[[2,\"scrollTop\",\"scrollTop\"]]],[4,\"hy-footer\"],[4,\"hy-ingress\",{\"headerstyle\":[1]}],[1,\"hy-site-search\",{\"color\":[1],\"isAlternative\":[4,\"is-alternative\"],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"isBetaGroup\":[4,\"is-beta-group\"],\"searchLanguage\":[1,\"search-language\"],\"labels\":[1],\"searchLabels\":[1,\"search-labels\"],\"searchTools\":[1,\"search-tools\"],\"showLabel\":[4,\"show-label\"],\"size\":[2],\"dataSearchSpecialTools\":[1,\"data-search-special-tools\"],\"isSearchPanelOpen\":[32]},[[4,\"menuMobileToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"menuDesktopToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"menuLanguageToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"universityMainMenuToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[8,\"menuToggled\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"headerScrollUp\",\"closePanelWhenOtherDropdownsTriggered\"],[4,\"headerScrollDown\",\"closePanelWhenOtherDropdownsTriggered\"],[8,\"click\",\"handleWindowClick\"]]],[1,\"hy-menu-language\",{\"dataMenuLanguage\":[1,\"data-menu-language\"],\"isGroup\":[4,\"is-group\"],\"labels\":[1],\"isMenuOpen\":[32]},[[8,\"click\",\"handleOutsideMenuClick\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[0,\"focus\",\"handleComponentFocus\"],[0,\"click\",\"handleComponentClick\"]]],[0,\"hy-footer-link-item\",{\"label\":[1],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"mainLink\":[4,\"main-link\"],\"items\":[16],\"color\":[1],\"isMobile\":[4,\"is-mobile\"],\"variant\":[1],\"isLuomusGroup\":[4,\"is-luomus-group\"]}],[0,\"hy-search-field\",{\"label\":[1],\"isLabelBold\":[4,\"is-label-bold\"],\"labelLarge\":[4,\"label-large\"],\"isLuomusSearch\":[4,\"is-luomus-search\"],\"placeholder\":[1],\"isLabelHidden\":[4,\"is-label-hidden\"],\"inputId\":[1,\"input-id\"],\"prefillParameter\":[1,\"prefill-parameter\"],\"isInputValueEmpty\":[32]}],[4,\"hy-main-content-wrapper\"],[1,\"hy-menu-language-item\",{\"abbr\":[1],\"isActive\":[4,\"is-active\"],\"isDisabled\":[4,\"is-disabled\"],\"label\":[1],\"langCode\":[1,\"lang-code\"],\"url\":[1]}],[0,\"hy-site-logo\",{\"type\":[1],\"color\":[1],\"isGroup\":[4,\"is-group\"],\"isLuomusGroup\":[4,\"is-luomus-group\"],\"label\":[1],\"size\":[2],\"url\":[1]}],[36,\"hy-heading\",{\"heading\":[1],\"isSearch\":[4,\"is-search\"],\"section\":[1],\"negative\":[4],\"headerstyle\":[1],\"hyphenatedText\":[513,\"hyphenated-text\"],\"hasChildren\":[32]}]]]]"), options);
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
exports.setNonce = index.setNonce;
|
|
@@ -423,9 +423,10 @@ const MenuLanguage = class {
|
|
|
423
423
|
}
|
|
424
424
|
})), index.h("hy-icon", { icon: "hy-icon-caret-down", size: 8, fill: svgColor })), index.h("div", { class: {
|
|
425
425
|
"menu-language__dropdown": true,
|
|
426
|
-
}, "aria-hidden": `${!this.isMenuOpen}` },
|
|
427
|
-
|
|
428
|
-
|
|
426
|
+
}, "aria-hidden": `${!this.isMenuOpen}` }, this.isMenuOpen &&
|
|
427
|
+
index.h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
|
|
428
|
+
return (index.h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
|
|
429
|
+
})))));
|
|
429
430
|
}
|
|
430
431
|
get el() { return index.getElement(this); }
|
|
431
432
|
};
|
|
@@ -792,7 +793,7 @@ const SiteLogo = class {
|
|
|
792
793
|
};
|
|
793
794
|
SiteLogo.style = siteLogoCss;
|
|
794
795
|
|
|
795
|
-
const siteSearchCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.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
|
|
796
|
+
const siteSearchCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.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:8px;width:40px}";
|
|
796
797
|
|
|
797
798
|
const SiteSearch = class {
|
|
798
799
|
constructor(hostRef) {
|
|
@@ -826,20 +827,9 @@ const SiteSearch = class {
|
|
|
826
827
|
this.searchDescriptionLabel = this._searchLabels["search_description"];
|
|
827
828
|
}
|
|
828
829
|
}
|
|
829
|
-
// CLose the search panel if user opens the
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
}
|
|
833
|
-
// CLose the search panel if user opens the mobile menu panel.
|
|
834
|
-
mobileMenuToggled() {
|
|
835
|
-
this.closeSearchPanel();
|
|
836
|
-
}
|
|
837
|
-
// CLose the search panel if user opens the language menu.
|
|
838
|
-
menuLanguageToggled() {
|
|
839
|
-
this.closeSearchPanel();
|
|
840
|
-
}
|
|
841
|
-
// Close the search panel if user opens University main menu
|
|
842
|
-
universityMainMenuPanelToggled() {
|
|
830
|
+
// CLose the search panel if user opens the any other dropdown in header.
|
|
831
|
+
// Do same if user scrolls up or down;
|
|
832
|
+
closePanelWhenOtherDropdownsTriggered() {
|
|
843
833
|
this.closeSearchPanel();
|
|
844
834
|
}
|
|
845
835
|
handleWindowClick(event) {
|
|
@@ -854,11 +844,6 @@ const SiteSearch = class {
|
|
|
854
844
|
}
|
|
855
845
|
}
|
|
856
846
|
}
|
|
857
|
-
// Close the search panel on Scroll down.
|
|
858
|
-
// @Listen('headerScrollDown', {target: 'document'})
|
|
859
|
-
// headerScrollDown() {
|
|
860
|
-
// this.closeSearchPanel();
|
|
861
|
-
// }
|
|
862
847
|
closeSearchPanel() {
|
|
863
848
|
this.isSearchPanelOpen = false;
|
|
864
849
|
let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
|
|
@@ -868,9 +853,11 @@ const SiteSearch = class {
|
|
|
868
853
|
CludoSayt.hide();
|
|
869
854
|
}
|
|
870
855
|
}
|
|
871
|
-
this.showBackdropShadow();
|
|
856
|
+
//this.showBackdropShadow();
|
|
872
857
|
}
|
|
873
858
|
handleSearchPanelToggle(event) {
|
|
859
|
+
// What is this??
|
|
860
|
+
// TODO: Cleanup
|
|
874
861
|
if (this.isLuomusGroup) {
|
|
875
862
|
let beta = this.isBetaGroup ? "/beta" : "";
|
|
876
863
|
let luomus_search_url = "/" + this.searchLanguage + beta + "/luomus/search-results";
|
|
@@ -890,13 +877,13 @@ const SiteSearch = class {
|
|
|
890
877
|
if (this.isSearchPanelOpen) {
|
|
891
878
|
// Close desktop menu panel and lang menu panel if they are open.
|
|
892
879
|
this.searchPanelToggled.emit();
|
|
893
|
-
this.adjustPosition(this.el);
|
|
880
|
+
//this.adjustPosition(this.el);
|
|
894
881
|
// Remove hidden class from cludo suggestions
|
|
895
882
|
let cludoSayt = document.querySelectorAll("stencil-cludo-sayt")[0];
|
|
896
883
|
if (cludoSayt) {
|
|
897
884
|
const cludoSearchContentFormElement = this.el.shadowRoot.querySelector("#cludo-search-content-form");
|
|
898
885
|
cludoSayt.classList.remove("hidden");
|
|
899
|
-
cludoSearchContentFormElement.append(cludoSayt);
|
|
886
|
+
cludoSearchContentFormElement === null || cludoSearchContentFormElement === void 0 ? void 0 : cludoSearchContentFormElement.append(cludoSayt);
|
|
900
887
|
cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi-wrapper").style.position = "relative";
|
|
901
888
|
cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.position = "relative";
|
|
902
889
|
cludoSayt.shadowRoot.querySelector("#cludo-reli-flexi").style.maxWidth = "none";
|
|
@@ -904,7 +891,7 @@ const SiteSearch = class {
|
|
|
904
891
|
// Without setTimeout it will not focus the input because it hasn't rendered yet.
|
|
905
892
|
setTimeout(() => {
|
|
906
893
|
const searchInput = this.el.shadowRoot.querySelector("input#search");
|
|
907
|
-
searchInput.focus();
|
|
894
|
+
searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
|
|
908
895
|
});
|
|
909
896
|
}
|
|
910
897
|
else {
|
|
@@ -913,56 +900,6 @@ const SiteSearch = class {
|
|
|
913
900
|
}
|
|
914
901
|
event.stopPropagation();
|
|
915
902
|
}
|
|
916
|
-
adjustPosition(target) {
|
|
917
|
-
let headerHeight = "0";
|
|
918
|
-
let shadowTop = 0;
|
|
919
|
-
const searchPanel = target.shadowRoot.querySelectorAll(`.site-search__panel`)[0];
|
|
920
|
-
let initialDisplayStyle = searchPanel.style.display;
|
|
921
|
-
if (this.isGroup) {
|
|
922
|
-
let hyHeader = target.closest(".hy-site-header__content-top");
|
|
923
|
-
if (hyHeader) {
|
|
924
|
-
let headerHeightValue = hyHeader.offsetHeight;
|
|
925
|
-
headerHeight = `${headerHeightValue}px`;
|
|
926
|
-
let headerTop = hyHeader.offsetTop;
|
|
927
|
-
// Add shadow backdrop
|
|
928
|
-
searchPanel.style.display = "flex";
|
|
929
|
-
shadowTop = headerHeightValue + headerTop + searchPanel.offsetHeight;
|
|
930
|
-
}
|
|
931
|
-
}
|
|
932
|
-
else {
|
|
933
|
-
let hyHeader = target.closest(".hy-site-header");
|
|
934
|
-
if (hyHeader) {
|
|
935
|
-
let headerHeightValue = hyHeader.classList.contains("hy-site-header--sticky-active")
|
|
936
|
-
? hyHeader.offsetHeight
|
|
937
|
-
: hyHeader.offsetTop + hyHeader.offsetHeight;
|
|
938
|
-
headerHeight = `${headerHeightValue}px`;
|
|
939
|
-
// Add shadow backdrop
|
|
940
|
-
searchPanel.style.display = "flex";
|
|
941
|
-
let searchPanelHeight = searchPanel.offsetHeight;
|
|
942
|
-
shadowTop = searchPanelHeight + headerHeightValue;
|
|
943
|
-
}
|
|
944
|
-
}
|
|
945
|
-
searchPanel.style.display = initialDisplayStyle;
|
|
946
|
-
searchPanel.style.top = headerHeight;
|
|
947
|
-
this.showBackdropShadow("open", shadowTop);
|
|
948
|
-
}
|
|
949
|
-
showBackdropShadow(state = "close", top = 0) {
|
|
950
|
-
let hyHeader = this.el.closest(".hy-site-header");
|
|
951
|
-
let hyBackdropDiv = hyHeader.children[0];
|
|
952
|
-
if (hyBackdropDiv) {
|
|
953
|
-
if (state === "open") {
|
|
954
|
-
let me = window.outerHeight - top;
|
|
955
|
-
hyBackdropDiv.style.height = `${me}px`;
|
|
956
|
-
hyBackdropDiv.style.top = `${top}px`;
|
|
957
|
-
hyBackdropDiv.style.position = "absolute";
|
|
958
|
-
hyBackdropDiv.classList.add("is-active");
|
|
959
|
-
}
|
|
960
|
-
else {
|
|
961
|
-
hyBackdropDiv.removeAttribute("style");
|
|
962
|
-
hyBackdropDiv.classList.remove("is-active");
|
|
963
|
-
}
|
|
964
|
-
}
|
|
965
|
-
}
|
|
966
903
|
render() {
|
|
967
904
|
const currentPageUrlPathName = window.location.pathname;
|
|
968
905
|
const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
|
|
@@ -975,15 +912,15 @@ const SiteSearch = class {
|
|
|
975
912
|
"is-open--menu": this.isAlternative,
|
|
976
913
|
"is-open": this.isSearchPanelOpen,
|
|
977
914
|
"is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
|
|
978
|
-
}, 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", { icon: "hy-icon-search", size: this.size, fill: this.color })), !this.isLuomusGroup && (index.h("div", { class: {
|
|
915
|
+
}, 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", { icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (index.h("div", { class: {
|
|
979
916
|
"site-search__panel": true,
|
|
980
917
|
"site-search__panel__is-open": this.isSearchPanelOpen,
|
|
981
|
-
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { class: "site-search__panel__wrapper" }, index.h("div", { class: "site-search__panel__title" }, index.h("div", { class: "site-search__panel__title__group" }, index.h("span", { class: "panel-title" }, this.searchTitleLabel), index.h("div", { class: "description" }, this.searchDescriptionLabel))), index.h("div", { id: "cludo-search-results", class: "container_12" }, index.h("div", { class: "search-banner" }), index.h("div", { class: "search-filters search-filters-mobile" }), index.h("div", { class: "col-md-12" }, index.h("div", { style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { "input-id": "search", label: "" }))), index.h("div", { class: "col-md-3" }, index.h("div", { class: "search-filters", "aria-controls": "search-results" })), index.h("div", { class: "col-md-9" }, index.h("div", { class: "search-results-container" }, index.h("hy-paragraph-text", null, index.h("div", { class: "search-result-count" })), index.h("div", { class: "search-did-you-mean", role: "Complementary" }), index.h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { class: "site-search__panel__tools" }, index.h("div", { class: "title" }, this.searchToolsLabel), index.h("div", { class: "list" }, this._searchTools.map((i) => {
|
|
918
|
+
}, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { class: "site-search__panel__content" }, index.h("div", { class: "site-search__panel__wrapper" }, index.h("div", { class: "site-search__panel__title" }, index.h("div", { class: "site-search__panel__title__group" }, index.h("span", { class: "panel-title" }, this.searchTitleLabel), index.h("div", { class: "description" }, this.searchDescriptionLabel))), index.h("div", { id: "cludo-search-results", class: "container_12" }, index.h("div", { class: "search-banner" }), index.h("div", { class: "search-filters search-filters-mobile" }), index.h("div", { class: "col-md-12" }, index.h("div", { style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { "input-id": "search", label: "" }))), index.h("div", { class: "col-md-3" }, index.h("div", { class: "search-filters", "aria-controls": "search-results" })), index.h("div", { class: "col-md-9" }, index.h("div", { class: "search-results-container" }, index.h("hy-paragraph-text", null, index.h("div", { class: "search-result-count" })), index.h("div", { class: "search-did-you-mean", role: "Complementary" }), index.h("div", { class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { class: "site-search__panel__tools" }, index.h("div", { class: "title" }, this.searchToolsLabel), index.h("div", { class: "list" }, this._searchTools.map((i) => {
|
|
982
919
|
let searchToolTarget = i.isExternal ? "_blank" : "_self";
|
|
983
920
|
return (index.h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 14, fill: utils.ColorVariant.black }), index.h("span", { class: "label" }, i.label), index.h("span", { class: "description" }, i.description)));
|
|
984
921
|
})))), index.h("button", { onClick: () => this.closeSearchPanel(), class: {
|
|
985
922
|
"site-search__panel__panel-toggle": true,
|
|
986
|
-
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { class: "site-search__panel__panel-toggle__label" }, index.h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black }))))))));
|
|
923
|
+
}, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { class: "site-search__panel__panel-toggle__label" }, index.h("span", { class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black })))), index.h("div", { class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
|
|
987
924
|
}
|
|
988
925
|
get el() { return index.getElement(this); }
|
|
989
926
|
};
|