@itcenteratunihelsinki/huds-lib 0.5.32 → 0.5.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/huds-lib.cjs.js +1 -1
- package/dist/cjs/hy-button.cjs.entry.js +19 -1
- package/dist/cjs/hy-image.cjs.entry.js +13 -6
- package/dist/cjs/hy-link-box-list.cjs.entry.js +4 -15
- package/dist/cjs/hy-link-box.cjs.entry.js +4 -50
- package/dist/cjs/hy-paragraph-text.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/button/button.js +37 -1
- package/dist/collection/components/image/image.css +10 -4
- package/dist/collection/components/image/image.js +12 -5
- package/dist/collection/components/link-box/link-box.css +88 -349
- package/dist/collection/components/link-box/link-box.js +50 -94
- package/dist/collection/components/link-box-list/link-box-list.css +16 -24
- package/dist/collection/components/link-box-list/link-box-list.js +21 -14
- package/dist/collection/components/paragraph-text/paragraph-text.css +6 -0
- package/dist/esm/huds-lib.js +1 -1
- package/dist/esm/hy-button.entry.js +19 -1
- package/dist/esm/hy-image.entry.js +13 -6
- package/dist/esm/hy-link-box-list.entry.js +4 -15
- package/dist/esm/hy-link-box.entry.js +4 -50
- package/dist/esm/hy-paragraph-text.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/huds-lib/huds-lib.esm.js +1 -1
- package/dist/huds-lib/p-0a37696c.entry.js +1 -0
- package/dist/huds-lib/p-4d46f33b.entry.js +1 -0
- package/dist/huds-lib/{p-557d5e62.entry.js → p-570b0c50.entry.js} +1 -1
- package/dist/huds-lib/p-c1222b96.entry.js +1 -0
- package/dist/huds-lib/p-f0d518a5.entry.js +1 -0
- package/dist/types/components/button/button.d.ts +1 -0
- package/dist/types/components/link-box/link-box.d.ts +2 -8
- package/dist/types/components/link-box-list/link-box-list.d.ts +2 -1
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/huds-lib/p-b1f5686d.entry.js +0 -1
- package/dist/huds-lib/p-b950d89c.entry.js +0 -1
- package/dist/huds-lib/p-fb3bcd59.entry.js +0 -1
- package/dist/huds-lib/p-ffa7f1fb.entry.js +0 -1
|
@@ -61,36 +61,28 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.hy-link-box-list {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
-ms-flex-direction: row;
|
|
70
|
-
flex-direction: row;
|
|
71
|
-
-ms-flex-wrap: wrap;
|
|
72
|
-
flex-wrap: wrap;
|
|
73
|
-
-webkit-box-pack: center;
|
|
74
|
-
-ms-flex-pack: center;
|
|
75
|
-
justify-content: center;
|
|
76
|
-
max-width: 30rem;
|
|
77
|
-
width: 100%;
|
|
64
|
+
padding: 0;
|
|
65
|
+
margin: 0;
|
|
66
|
+
list-style: none;
|
|
67
|
+
display: grid;
|
|
68
|
+
gap: 32px 0;
|
|
78
69
|
}
|
|
79
70
|
|
|
80
|
-
@media (min-width:
|
|
71
|
+
@media screen and (min-width: 768px) {
|
|
81
72
|
.hy-link-box-list {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
display: flex;
|
|
85
|
-
-webkit-box-pack: left;
|
|
86
|
-
-ms-flex-pack: left;
|
|
87
|
-
justify-content: left;
|
|
88
|
-
max-width: 100%;
|
|
73
|
+
grid-template-columns: repeat(2, 1fr);
|
|
74
|
+
gap: 32px 24px;
|
|
89
75
|
}
|
|
90
76
|
}
|
|
91
77
|
|
|
92
|
-
@media (min-width:
|
|
78
|
+
@media screen and (min-width: 1024px) {
|
|
93
79
|
.hy-link-box-list {
|
|
94
|
-
|
|
80
|
+
grid-template-columns: repeat(3, 1fr);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
@media screen and (min-width: 1920px) {
|
|
85
|
+
.hy-link-box-list {
|
|
86
|
+
gap: 32px;
|
|
95
87
|
}
|
|
96
88
|
}
|
|
@@ -17,16 +17,6 @@ export class LinkBoxList {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
getBoxClassName(count) {
|
|
21
|
-
let className = 'small';
|
|
22
|
-
if (count % 3 == 0 || count == 5) {
|
|
23
|
-
className = 'big';
|
|
24
|
-
}
|
|
25
|
-
else if (count % 4 == 0 || count == 7) {
|
|
26
|
-
className = 'small';
|
|
27
|
-
}
|
|
28
|
-
return className;
|
|
29
|
-
}
|
|
30
20
|
render() {
|
|
31
21
|
const classAttributes = [
|
|
32
22
|
'hy-link-box-list',
|
|
@@ -44,11 +34,11 @@ export class LinkBoxList {
|
|
|
44
34
|
- 8 items: small
|
|
45
35
|
- 9 items: big
|
|
46
36
|
* */
|
|
47
|
-
const
|
|
48
|
-
const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`, classItem].join(' ');
|
|
37
|
+
const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(' ');
|
|
49
38
|
return (h(Host, null,
|
|
50
|
-
h("
|
|
51
|
-
return (h("
|
|
39
|
+
h("ul", { class: classAttributes }, this._dataItems.map((x) => {
|
|
40
|
+
return (h("li", null,
|
|
41
|
+
h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, "show-logo": x.showLogo, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel, "read-more-label": this.readMoreLabel })));
|
|
52
42
|
})),
|
|
53
43
|
h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
|
|
54
44
|
}
|
|
@@ -101,6 +91,23 @@ export class LinkBoxList {
|
|
|
101
91
|
"reflect": false,
|
|
102
92
|
"defaultValue": "LinkBoxVariants.default"
|
|
103
93
|
},
|
|
94
|
+
"readMoreLabel": {
|
|
95
|
+
"type": "string",
|
|
96
|
+
"mutable": false,
|
|
97
|
+
"complexType": {
|
|
98
|
+
"original": "string",
|
|
99
|
+
"resolved": "string",
|
|
100
|
+
"references": {}
|
|
101
|
+
},
|
|
102
|
+
"required": false,
|
|
103
|
+
"optional": false,
|
|
104
|
+
"docs": {
|
|
105
|
+
"tags": [],
|
|
106
|
+
"text": ""
|
|
107
|
+
},
|
|
108
|
+
"attribute": "read-more-label",
|
|
109
|
+
"reflect": false
|
|
110
|
+
},
|
|
104
111
|
"dataItems": {
|
|
105
112
|
"type": "string",
|
|
106
113
|
"mutable": false,
|
|
@@ -386,6 +386,12 @@
|
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
388
|
|
|
389
|
+
@media (min-width: 60rem) {
|
|
390
|
+
.hy-paragraph-text.main_front_page, .hy-paragraph-text.landing_page, .hy-paragraph-text.faculty, .hy-paragraph-text.generic_site_group, .hy-paragraph-text.degree_programme_group, .hy-paragraph-text.research_group {
|
|
391
|
+
width: 100%;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
|
|
389
395
|
.hy-paragraph-text h1,
|
|
390
396
|
.hy-paragraph-text h2,
|
|
391
397
|
.hy-paragraph-text h3,
|
package/dist/esm/huds-lib.js
CHANGED
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy(JSON.parse("[[\"hy-icon\",[[0,\"hy-icon\",{\"icon\":[1],\"fill\":[1],\"size\":[2]}]]],[\"hy-person-profile\",[[1,\"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\"],\"isFullAboutTextHidden\":[32],\"viewportSize\":[32]}]]],[\"hy-introduction\",[[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\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-banner\",[[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-large-process-flow\",[[1,\"hy-large-process-flow\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-adjacent-image-text\",[[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-content-list\",[[1,\"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]}]]],[\"hy-dropdown\",[[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\"]]]]],[\"hy-filter-visibility-tool\",[[0,\"hy-filter-visibility-tool\",{\"filterVisibilityToolType\":[1,\"filter-visibility-tool-type\"]}]]],[\"hy-hero\",[[0,\"hy-hero\",{\"heroType\":[1,\"hero-type\"],\"heroGroupType\":[1,\"hero-group-type\"],\"colorVariant\":[1,\"color-variant\"],\"sizeVariant\":[1,\"size-variant\"],\"image\":[1],\"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-link-box-list\",[[0,\"hy-link-box-list\",{\"headerstyle\":[1],\"variant\":[1],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-opening-hours\",[[4,\"hy-opening-hours\",{\"blockTitle\":[1,\"block-title\"],\"language\":[1],\"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]}]]],[\"hy-shortcuts\",[[0,\"hy-shortcuts\",{\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"headerstyle\":[1]}]]],[\"hy-video\",[[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\"],\"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\"],\"descCollapsed\":[32]}]]],[\"hy-filter-group\",[[0,\"hy-filter-group\",{\"filterGroupLabel\":[1,\"filter-group-label\"],\"filterGroupFilters\":[1,\"filter-group-filters\"]}]]],[\"hy-key-figure-group\",[[0,\"hy-key-figure-group\",{\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}]]],[\"hy-link-list\",[[0,\"hy-link-list\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"variation\":[1],\"headingVariant\":[1,\"heading-variant\"]}]]],[\"hy-menu\",[[1,\"hy-menu\",{\"dataMenuDonate\":[1,\"data-menu-donate\"],\"dataMenuLanguage\":[1,\"data-menu-language\"],\"isGroup\":[4,\"is-group\"],\"isDemo\":[4,\"is-demo\"],\"labelFrontPage\":[1,\"label-front-page\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"menuIsOpen\":[4,\"menu-is-open\"],\"menuType\":[1,\"menu-type\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuButtonBreadcrumbReturn\":[1,\"menu-button-breadcrumb-return\"],\"menuButtonBreadcrumbHome\":[1,\"menu-button-breadcrumb-home\"],\"menuButtonBreadcrumbMain\":[1,\"menu-button-breadcrumb-main\"],\"menuButtonBreadcrumbLogourl\":[1,\"menu-button-breadcrumb-logourl\"],\"dataSiteHeaderLabels\":[1,\"data-site-header-labels\"],\"breadcrumbs\":[32]},[[0,\"removeBreadcrumb\",\"removeBreadcrumb\"],[0,\"addBreadcrumb\",\"addBreadcrumb\"]]]]],[\"hy-menu-level-container\",[[4,\"hy-menu-level-container\",{\"labelFrontPage\":[1,\"label-front-page\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuLevel\":[2,\"menu-level\"],\"menuType\":[1,\"menu-type\"],\"activeTrailTriggered\":[516,\"active-trail-triggered\"],\"depth\":[1026],\"headingItem\":[1032,\"heading-item\"],\"triggerItem\":[1537,\"trigger-item\"],\"frontUrl\":[1,\"front-url\"],\"frontLabel\":[1,\"front-label\"],\"menuIsOpen\":[32]},[[6,\"menuContainerActiveTrail\",\"menuContainerActiveTrail\"],[6,\"menuContainerToggled\",\"menuContainerToggled\"]]]]],[\"hy-menu-sidebar\",[[4,\"hy-menu-sidebar\",{\"menuIsOpen\":[4,\"menu-is-open\"],\"menuType\":[1,\"menu-type\"],\"pageSize\":[1,\"page-size\"],\"panelOpen\":[4,\"panel-open\"],\"panelToggleLabel\":[1,\"panel-toggle-label\"],\"panelToggleAriaLabel\":[1,\"panel-toggle-aria-label\"],\"panelToggleCloseLabel\":[1,\"panel-toggle-close-label\"],\"panelToggleCloseAriaLabel\":[1,\"panel-toggle-close-aria-label\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"size\":[2],\"isDemo\":[4,\"is-demo\"],\"noChildren\":[4,\"no-children\"],\"frontUrl\":[1,\"front-url\"],\"frontLabel\":[1,\"front-label\"],\"isResearchGroup\":[4,\"is-research-group\"],\"isActive\":[4,\"is-active\"],\"minHeight\":[1032,\"min-height\"],\"previousPanel\":[32],\"previousItem\":[32]},[[0,\"panelToggle\",\"panelToggle\"],[0,\"click\",\"handlePanel\"]]]]],[\"hy-process\",[[1,\"hy-process\",{\"headerstyle\":[1],\"numberTerm\":[1,\"number-term\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-prominent-image\",[[1,\"hy-prominent-image\",{\"textTitle\":[1,\"text-title\"],\"imageUrl\":[1,\"image-url\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-user-login-form\",[[4,\"hy-user-login-form\",{\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"]}]]],[\"hy-anchor-link-list\",[[1,\"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-breadcrumbs\",[[0,\"hy-breadcrumbs\",{\"dataItems\":[1,\"data-items\"],\"variant\":[1],\"headerstyle\":[1],\"menuOpen\":[32]},[[0,\"click\",\"clickEventListener\"],[9,\"resize\",\"resizeEventListener\"]]]]],[\"hy-button\",[[4,\"hy-button\",{\"buttonType\":[1,\"button-type\"],\"buttonClasses\":[1,\"button-classes\"],\"variant\":[1],\"state\":[1],\"size\":[1],\"disabled\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"isExternal\":[4,\"is-external\"],\"icon\":[1],\"iconRight\":[1,\"icon-right\"]}]]],[\"hy-checkbox\",[[0,\"hy-checkbox\",{\"checkboxId\":[8,\"checkbox-id\"],\"checkboxValue\":[8,\"checkbox-value\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxChecked\":[4,\"checkbox-checked\"],\"variant\":[1]}]]],[\"hy-collaboration\",[[1,\"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\",[[1,\"hy-crisis-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"bannerDescription\":[1,\"banner-description\"],\"linkTitle\":[1,\"link-title\"],\"linkUrl\":[1,\"link-url\"]}]]],[\"hy-filter-list-type\",[[0,\"hy-filter-list-type\",{\"filterLabel\":[1,\"filter-label\"],\"filterValue\":[1,\"filter-value\"]}]]],[\"hy-key-highlight-group\",[[1,\"hy-key-highlight-group\",{\"variant\":[1],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}]]],[\"hy-list-item\",[[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\"],\"isExpandedRelatedContent\":[32],\"_imageMinHeight\":[32],\"_imageMinWidth\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-menu-item-sidebar\",[[4,\"hy-menu-item-sidebar\",{\"inActiveTrail\":[4,\"in-active-trail\"],\"isActive\":[4,\"is-active\"],\"isActiveChild\":[4,\"is-active-child\"],\"isHeading\":[4,\"is-heading\"],\"isParent\":[4,\"is-parent\"],\"isDemo\":[4,\"is-demo\"],\"menuItemAlternative\":[4,\"menu-item-alternative\"],\"menuLinkId\":[1,\"menu-link-id\"],\"menuType\":[1,\"menu-type\"],\"pageSize\":[1,\"page-size\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuIsOpen\":[4,\"menu-is-open\"],\"ariaExpanded\":[1028,\"aria-expanded\"],\"depth\":[1538],\"hasChildren\":[1028,\"has-children\"],\"label\":[1025],\"parentAsHeading\":[1025,\"parent-as-heading\"],\"parentExpanded\":[1540,\"parent-expanded\"],\"url\":[1025]},[[0,\"sidebarTopLevelToggle\",\"sidebarTopLevelToggle\"]]]]],[\"hy-mobile-menu-shortcuts\",[[1,\"hy-mobile-menu-shortcuts\",{\"shortcutsLabel\":[1,\"shortcuts-label\"],\"dataShortcutLinks\":[1,\"data-shortcut-links\"]}]]],[\"hy-pager-item\",[[1,\"hy-pager-item\",{\"variant\":[1],\"itemLabel\":[1,\"item-label\"],\"itemUrl\":[1,\"item-url\"],\"scAriaLabel\":[1,\"sc-aria-label\"]}]]],[\"hy-person-card\",[[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\",[[1,\"hy-quote\",{\"quoteSignature\":[1,\"quote-signature\"],\"headerstyle\":[1]}]]],[\"hy-table-container\",[[4,\"hy-table-container\"]]],[\"hy-twitter-feed\",[[0,\"hy-twitter-feed\",{\"headingVariant\":[1,\"heading-variant\"],\"paragraphTitle\":[1,\"paragraph-title\"],\"twitterFeedKeyword\":[1,\"twitter-feed-keyword\"],\"tweetType\":[1,\"tweet-type\"],\"tweets\":[1]}]]],[\"color-box\",[[1,\"color-box\"]]],[\"hy-badge\",[[1,\"hy-badge\",{\"variant\":[1]}]]],[\"hy-baseline\",[[4,\"hy-baseline\",{\"margin\":[2]}]]],[\"hy-box-container\",[[4,\"hy-box-container\",{\"wrap\":[4],\"maxWidth\":[4,\"max-width\"]}]]],[\"hy-docs-container\",[[4,\"hy-docs-container\"]]],[\"hy-grid-container\",[[4,\"hy-grid-container\"]]],[\"hy-grid-item\",[[4,\"hy-grid-item\",{\"columns\":[1],\"columnssm\":[1],\"columnslg\":[1],\"contentalign\":[1]}]]],[\"hy-grid-row\",[[4,\"hy-grid-row\"]]],[\"hy-ingress\",[[4,\"hy-ingress\",{\"headerstyle\":[1]}]]],[\"hy-link\",[[1,\"hy-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-logo-grid\",[[4,\"hy-logo-grid\",{\"headingVariant\":[1,\"heading-variant\"],\"logoGridTitle\":[1,\"logo-grid-title\"]}]]],[\"hy-logo-grid-item\",[[0,\"hy-logo-grid-item\",{\"link\":[1],\"image\":[1]}]]],[\"hy-main\",[[4,\"hy-main\",{\"hasSidebar\":[4,\"has-sidebar\"]}]]],[\"hy-opening-hours-content\",[[0,\"hy-opening-hours-content\",{\"multiple\":[4],\"selfServiceLabel\":[1,\"self-service-label\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-pager\",[[1,\"hy-pager\"]]],[\"hy-row\",[[4,\"hy-row\",{\"justify\":[1],\"align\":[1],\"margin\":[2]}]]],[\"hy-section-container\",[[4,\"hy-section-container\"]]],[\"hy-tiny-text\",[[1,\"hy-tiny-text\"]]],[\"hy-two-columns\",[[4,\"hy-two-columns\",{\"reversed\":[4]}]]],[\"hy-general-list_2\",[[1,\"hy-general-list\",{\"type\":[1],\"blank\":[4],\"dataItems\":[1,\"data-items\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"hasSidebar\":[32]}],[1,\"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-content-list-item\",[[1,\"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\"],\"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-large-process-flow-phase\",[[1,\"hy-large-process-flow-phase\",{\"dataItems\":[1,\"data-items\"]}]]],[\"hy-menu-language\",[[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\"]]]]],[\"hy-site-header_3\",[[1,\"hy-site-header\",{\"isGroup\":[4,\"is-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\"],\"dataDesktopLinks\":[1,\"data-desktop-links\"],\"dataMainMenuLinks\":[1,\"data-main-menu-links\"],\"dataSearchTools\":[1,\"data-search-tools\"],\"isMobile\":[32],\"isMenuOpen\":[32],\"isDesktopMenuOpen\":[32],\"isDesktopMenuDropdown\":[32],\"isTopMenuOpen\":[32],\"lastScrollTop\":[32],\"delta\":[32],\"navbarHeight\":[32]},[[0,\"mobileMenuToggle\",\"mobileMenuToggle\"],[0,\"mobileMenuTopToggle\",\"mobileMenuTopToggle\"],[9,\"scroll\",\"handleScroll\"]]],[1,\"hy-site-search\",{\"color\":[1],\"isAlternative\":[4,\"is-alternative\"],\"isGroup\":[4,\"is-group\"],\"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\"]]],[0,\"hy-site-logo\",{\"type\":[1],\"color\":[1],\"isGroup\":[4,\"is-group\"],\"label\":[1],\"size\":[2],\"url\":[1]}]]],[\"hy-menu-main-group\",[[1,\"hy-menu-main-group\",{\"menuLabel\":[1,\"menu-label\"],\"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\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"menuLanguageToggled\",\"languageMenuToggled\"]]]]],[\"hy-desktop-menu-links\",[[1,\"hy-desktop-menu-links\",{\"isGroup\":[4,\"is-group\"],\"isDropdown\":[4,\"is-dropdown\"],\"dataDesktopLinks\":[1,\"data-desktop-links\"],\"firstLevelLinksList\":[32],\"menuLinkItems\":[32],\"hasToolbar\":[32],\"isDesktopMenuOpen\":[32],\"currenOpenMenuId\":[32],\"isNewMenuIdOnHover\":[32]},[[4,\"menuLanguageToggled\",\"menuLanguageToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"headerScrollUp\",\"headerScrollUp\"],[8,\"click\",\"handleWindowClick\"]]]]],[\"hy-filter-group-item\",[[4,\"hy-filter-group-item\",{\"filterGroupItemId\":[8,\"filter-group-item-id\"],\"filterGroupItemLabel\":[1,\"filter-group-item-label\"]}]]],[\"hy-link-box\",[[1,\"hy-link-box\",{\"variant\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"useSlot\":[4,\"use-slot\"],\"textTitle\":[1,\"text-title\"],\"textDescription\":[1,\"text-description\"],\"url\":[1],\"isExternal\":[4,\"is-external\"],\"scLabel\":[1,\"sc-label\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"],[1,\"mouseenter\",\"handleMouseEnter\"],[1,\"mouseleave\",\"handleMouseLeave\"],[0,\"focusin\",\"handleOnFocusIn\"],[0,\"focusout\",\"handleOnFocusOut\"]]]]],[\"hy-menu-item\",[[1,\"hy-menu-item\",{\"inActiveTrail\":[4,\"in-active-trail\"],\"isActive\":[4,\"is-active\"],\"isActiveChild\":[4,\"is-active-child\"],\"isHeading\":[4,\"is-heading\"],\"isParent\":[4,\"is-parent\"],\"isDemo\":[4,\"is-demo\"],\"isExternal\":[4,\"is-external\"],\"menuItemAlternative\":[4,\"menu-item-alternative\"],\"menuLinkId\":[1,\"menu-link-id\"],\"menuType\":[1,\"menu-type\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuButtonBreadcrumbMain\":[1,\"menu-button-breadcrumb-main\"],\"ariaExpanded\":[1028,\"aria-expanded\"],\"depth\":[1538],\"hasChildren\":[1028,\"has-children\"],\"label\":[1025],\"parentAsHeading\":[1025,\"parent-as-heading\"],\"parentExpanded\":[1540,\"parent-expanded\"],\"url\":[1025]},[[2,\"handleClick\",\"handleClick\"]]]]],[\"hy-menu-mobile-breadcrumb\",[[0,\"hy-menu-mobile-breadcrumb\",{\"bid\":[1],\"isFirst\":[4,\"is-first\"],\"label\":[1],\"labelBack\":[1,\"label-back\"],\"labelFrontPage\":[1,\"label-front-page\"],\"logoUrl\":[1,\"logo-url\"]},[[2,\"handleClick\",\"handleClick\"]]]]],[\"hy-box\",[[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]}]]],[\"hy-process-flow-box\",[[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\",[[1,\"hy-key-figure\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-key-highlight\",[[1,\"hy-key-highlight\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-filter-visibility-tool-reset_2\",[[0,\"hy-filter-visibility-tool-reset\"],[0,\"hy-filter-visibility-tool-toggle\"]]],[\"hy-dropdown-panel_2\",[[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-image\",[[0,\"hy-image\",{\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"caption\":[1],\"aspectRatioWidth\":[2,\"aspect-ratio-width\"],\"aspectRatioHeight\":[2,\"aspect-ratio-height\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-search-field\",[[0,\"hy-search-field\",{\"label\":[1],\"isLabelBold\":[4,\"is-label-bold\"],\"placeholder\":[1],\"isLabelHidden\":[4,\"is-label-hidden\"],\"inputId\":[1,\"input-id\"],\"isInputValueEmpty\":[32]}]]],[\"hy-main-content-wrapper\",[[4,\"hy-main-content-wrapper\"]]],[\"hy-menu-language-item\",[[1,\"hy-menu-language-item\",{\"abbr\":[1],\"isActive\":[4,\"is-active\"],\"isDisabled\":[4,\"is-disabled\"],\"label\":[1],\"langCode\":[1,\"lang-code\"],\"url\":[1]}]]],[\"hy-paragraph-text\",[[36,\"hy-paragraph-text\",{\"variant\":[1],\"placement\":[1],\"headerstyle\":[1]}]]],[\"hy-tag\",[[1,\"hy-tag\"]]],[\"hy-cta-button\",[[1,\"hy-cta-button\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1]}]]],[\"hy-cta-link\",[[1,\"hy-cta-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-accordion-container_5\",[[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\"]]],[1,\"hy-person-profile-listing\",{\"items\":[16],\"col\":[1],\"inline\":[4],\"withoutIcons\":[4,\"without-icons\"],\"textSpacingTight\":[4,\"text-spacing-tight\"]}],[4,\"hy-tabs-item\",{\"tabTitle\":[1,\"tab-title\"]}],[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-heading\",[[36,\"hy-heading\",{\"heading\":[1],\"isSearch\":[4,\"is-search\"],\"section\":[1],\"negative\":[4],\"headerstyle\":[1],\"hyphenatedText\":[513,\"hyphenated-text\"],\"hasChildren\":[32]}]]],[\"hy-footer_5\",[[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\"],\"isGroup\":[4,\"is-group\"],\"dataFooterInfoLinks\":[1,\"data-footer-info-links\"],\"isMobile\":[32]}],[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-footer-action\",{\"updatedText\":[1,\"updated-text\"],\"upButtonLabel\":[1,\"up-button-label\"]},[[2,\"scrollTop\",\"scrollTop\"]]],[4,\"hy-footer\"],[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]}]]]]"), options);
|
|
17
|
+
return bootstrapLazy(JSON.parse("[[\"hy-icon\",[[0,\"hy-icon\",{\"icon\":[1],\"fill\":[1],\"size\":[2]}]]],[\"hy-person-profile\",[[1,\"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\"],\"isFullAboutTextHidden\":[32],\"viewportSize\":[32]}]]],[\"hy-introduction\",[[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\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-banner\",[[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-large-process-flow\",[[1,\"hy-large-process-flow\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-adjacent-image-text\",[[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-content-list\",[[1,\"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]}]]],[\"hy-dropdown\",[[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\"]]]]],[\"hy-filter-visibility-tool\",[[0,\"hy-filter-visibility-tool\",{\"filterVisibilityToolType\":[1,\"filter-visibility-tool-type\"]}]]],[\"hy-hero\",[[0,\"hy-hero\",{\"heroType\":[1,\"hero-type\"],\"heroGroupType\":[1,\"hero-group-type\"],\"colorVariant\":[1,\"color-variant\"],\"sizeVariant\":[1,\"size-variant\"],\"image\":[1],\"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-link-box-list\",[[0,\"hy-link-box-list\",{\"headerstyle\":[1],\"variant\":[1],\"readMoreLabel\":[1,\"read-more-label\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-opening-hours\",[[4,\"hy-opening-hours\",{\"blockTitle\":[1,\"block-title\"],\"language\":[1],\"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]}]]],[\"hy-shortcuts\",[[0,\"hy-shortcuts\",{\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"headerstyle\":[1]}]]],[\"hy-video\",[[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\"],\"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\"],\"descCollapsed\":[32]}]]],[\"hy-filter-group\",[[0,\"hy-filter-group\",{\"filterGroupLabel\":[1,\"filter-group-label\"],\"filterGroupFilters\":[1,\"filter-group-filters\"]}]]],[\"hy-key-figure-group\",[[0,\"hy-key-figure-group\",{\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}]]],[\"hy-link-list\",[[0,\"hy-link-list\",{\"headerstyle\":[1],\"dataItems\":[1,\"data-items\"],\"listHeading\":[1,\"list-heading\"],\"variation\":[1],\"headingVariant\":[1,\"heading-variant\"]}]]],[\"hy-menu\",[[1,\"hy-menu\",{\"dataMenuDonate\":[1,\"data-menu-donate\"],\"dataMenuLanguage\":[1,\"data-menu-language\"],\"isGroup\":[4,\"is-group\"],\"isDemo\":[4,\"is-demo\"],\"labelFrontPage\":[1,\"label-front-page\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"menuIsOpen\":[4,\"menu-is-open\"],\"menuType\":[1,\"menu-type\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuButtonBreadcrumbReturn\":[1,\"menu-button-breadcrumb-return\"],\"menuButtonBreadcrumbHome\":[1,\"menu-button-breadcrumb-home\"],\"menuButtonBreadcrumbMain\":[1,\"menu-button-breadcrumb-main\"],\"menuButtonBreadcrumbLogourl\":[1,\"menu-button-breadcrumb-logourl\"],\"dataSiteHeaderLabels\":[1,\"data-site-header-labels\"],\"breadcrumbs\":[32]},[[0,\"removeBreadcrumb\",\"removeBreadcrumb\"],[0,\"addBreadcrumb\",\"addBreadcrumb\"]]]]],[\"hy-menu-level-container\",[[4,\"hy-menu-level-container\",{\"labelFrontPage\":[1,\"label-front-page\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuLevel\":[2,\"menu-level\"],\"menuType\":[1,\"menu-type\"],\"activeTrailTriggered\":[516,\"active-trail-triggered\"],\"depth\":[1026],\"headingItem\":[1032,\"heading-item\"],\"triggerItem\":[1537,\"trigger-item\"],\"frontUrl\":[1,\"front-url\"],\"frontLabel\":[1,\"front-label\"],\"menuIsOpen\":[32]},[[6,\"menuContainerActiveTrail\",\"menuContainerActiveTrail\"],[6,\"menuContainerToggled\",\"menuContainerToggled\"]]]]],[\"hy-menu-sidebar\",[[4,\"hy-menu-sidebar\",{\"menuIsOpen\":[4,\"menu-is-open\"],\"menuType\":[1,\"menu-type\"],\"pageSize\":[1,\"page-size\"],\"panelOpen\":[4,\"panel-open\"],\"panelToggleLabel\":[1,\"panel-toggle-label\"],\"panelToggleAriaLabel\":[1,\"panel-toggle-aria-label\"],\"panelToggleCloseLabel\":[1,\"panel-toggle-close-label\"],\"panelToggleCloseAriaLabel\":[1,\"panel-toggle-close-aria-label\"],\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"],\"size\":[2],\"isDemo\":[4,\"is-demo\"],\"noChildren\":[4,\"no-children\"],\"frontUrl\":[1,\"front-url\"],\"frontLabel\":[1,\"front-label\"],\"isResearchGroup\":[4,\"is-research-group\"],\"isActive\":[4,\"is-active\"],\"minHeight\":[1032,\"min-height\"],\"previousPanel\":[32],\"previousItem\":[32]},[[0,\"panelToggle\",\"panelToggle\"],[0,\"click\",\"handlePanel\"]]]]],[\"hy-process\",[[1,\"hy-process\",{\"headerstyle\":[1],\"numberTerm\":[1,\"number-term\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-prominent-image\",[[1,\"hy-prominent-image\",{\"textTitle\":[1,\"text-title\"],\"imageUrl\":[1,\"image-url\"],\"headerstyle\":[1],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-user-login-form\",[[4,\"hy-user-login-form\",{\"logoUrl\":[1,\"logo-url\"],\"logoLabel\":[1,\"logo-label\"]}]]],[\"hy-anchor-link-list\",[[1,\"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-breadcrumbs\",[[0,\"hy-breadcrumbs\",{\"dataItems\":[1,\"data-items\"],\"variant\":[1],\"headerstyle\":[1],\"menuOpen\":[32]},[[0,\"click\",\"clickEventListener\"],[9,\"resize\",\"resizeEventListener\"]]]]],[\"hy-button\",[[4,\"hy-button\",{\"buttonType\":[1,\"button-type\"],\"buttonClasses\":[1,\"button-classes\"],\"variant\":[1],\"state\":[1],\"size\":[1],\"disabled\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"isExternal\":[4,\"is-external\"],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"attrs\":[1]}]]],[\"hy-checkbox\",[[0,\"hy-checkbox\",{\"checkboxId\":[8,\"checkbox-id\"],\"checkboxValue\":[8,\"checkbox-value\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxChecked\":[4,\"checkbox-checked\"],\"variant\":[1]}]]],[\"hy-collaboration\",[[1,\"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\",[[1,\"hy-crisis-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"bannerDescription\":[1,\"banner-description\"],\"linkTitle\":[1,\"link-title\"],\"linkUrl\":[1,\"link-url\"]}]]],[\"hy-filter-list-type\",[[0,\"hy-filter-list-type\",{\"filterLabel\":[1,\"filter-label\"],\"filterValue\":[1,\"filter-value\"]}]]],[\"hy-key-highlight-group\",[[1,\"hy-key-highlight-group\",{\"variant\":[1],\"dataItems\":[1,\"data-items\"],\"headerstyle\":[1]}]]],[\"hy-list-item\",[[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\"],\"isExpandedRelatedContent\":[32],\"_imageMinHeight\":[32],\"_imageMinWidth\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleClick\"]]]]],[\"hy-menu-item-sidebar\",[[4,\"hy-menu-item-sidebar\",{\"inActiveTrail\":[4,\"in-active-trail\"],\"isActive\":[4,\"is-active\"],\"isActiveChild\":[4,\"is-active-child\"],\"isHeading\":[4,\"is-heading\"],\"isParent\":[4,\"is-parent\"],\"isDemo\":[4,\"is-demo\"],\"menuItemAlternative\":[4,\"menu-item-alternative\"],\"menuLinkId\":[1,\"menu-link-id\"],\"menuType\":[1,\"menu-type\"],\"pageSize\":[1,\"page-size\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuIsOpen\":[4,\"menu-is-open\"],\"ariaExpanded\":[1028,\"aria-expanded\"],\"depth\":[1538],\"hasChildren\":[1028,\"has-children\"],\"label\":[1025],\"parentAsHeading\":[1025,\"parent-as-heading\"],\"parentExpanded\":[1540,\"parent-expanded\"],\"url\":[1025]},[[0,\"sidebarTopLevelToggle\",\"sidebarTopLevelToggle\"]]]]],[\"hy-mobile-menu-shortcuts\",[[1,\"hy-mobile-menu-shortcuts\",{\"shortcutsLabel\":[1,\"shortcuts-label\"],\"dataShortcutLinks\":[1,\"data-shortcut-links\"]}]]],[\"hy-pager-item\",[[1,\"hy-pager-item\",{\"variant\":[1],\"itemLabel\":[1,\"item-label\"],\"itemUrl\":[1,\"item-url\"],\"scAriaLabel\":[1,\"sc-aria-label\"]}]]],[\"hy-person-card\",[[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\",[[1,\"hy-quote\",{\"quoteSignature\":[1,\"quote-signature\"],\"headerstyle\":[1]}]]],[\"hy-table-container\",[[4,\"hy-table-container\"]]],[\"hy-twitter-feed\",[[0,\"hy-twitter-feed\",{\"headingVariant\":[1,\"heading-variant\"],\"paragraphTitle\":[1,\"paragraph-title\"],\"twitterFeedKeyword\":[1,\"twitter-feed-keyword\"],\"tweetType\":[1,\"tweet-type\"],\"tweets\":[1]}]]],[\"color-box\",[[1,\"color-box\"]]],[\"hy-badge\",[[1,\"hy-badge\",{\"variant\":[1]}]]],[\"hy-baseline\",[[4,\"hy-baseline\",{\"margin\":[2]}]]],[\"hy-box-container\",[[4,\"hy-box-container\",{\"wrap\":[4],\"maxWidth\":[4,\"max-width\"]}]]],[\"hy-docs-container\",[[4,\"hy-docs-container\"]]],[\"hy-grid-container\",[[4,\"hy-grid-container\"]]],[\"hy-grid-item\",[[4,\"hy-grid-item\",{\"columns\":[1],\"columnssm\":[1],\"columnslg\":[1],\"contentalign\":[1]}]]],[\"hy-grid-row\",[[4,\"hy-grid-row\"]]],[\"hy-ingress\",[[4,\"hy-ingress\",{\"headerstyle\":[1]}]]],[\"hy-link\",[[1,\"hy-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-logo-grid\",[[4,\"hy-logo-grid\",{\"headingVariant\":[1,\"heading-variant\"],\"logoGridTitle\":[1,\"logo-grid-title\"]}]]],[\"hy-logo-grid-item\",[[0,\"hy-logo-grid-item\",{\"link\":[1],\"image\":[1]}]]],[\"hy-main\",[[4,\"hy-main\",{\"hasSidebar\":[4,\"has-sidebar\"]}]]],[\"hy-opening-hours-content\",[[0,\"hy-opening-hours-content\",{\"multiple\":[4],\"selfServiceLabel\":[1,\"self-service-label\"],\"dataItems\":[1,\"data-items\"]}]]],[\"hy-pager\",[[1,\"hy-pager\"]]],[\"hy-row\",[[4,\"hy-row\",{\"justify\":[1],\"align\":[1],\"margin\":[2]}]]],[\"hy-section-container\",[[4,\"hy-section-container\"]]],[\"hy-tiny-text\",[[1,\"hy-tiny-text\"]]],[\"hy-two-columns\",[[4,\"hy-two-columns\",{\"reversed\":[4]}]]],[\"hy-general-list_2\",[[1,\"hy-general-list\",{\"type\":[1],\"blank\":[4],\"dataItems\":[1,\"data-items\"],\"truncateDescription\":[4,\"truncate-description\"],\"truncateLimit\":[2,\"truncate-limit\"],\"hasSidebar\":[32]}],[1,\"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-content-list-item\",[[1,\"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\"],\"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-large-process-flow-phase\",[[1,\"hy-large-process-flow-phase\",{\"dataItems\":[1,\"data-items\"]}]]],[\"hy-menu-language\",[[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\"]]]]],[\"hy-site-header_3\",[[1,\"hy-site-header\",{\"isGroup\":[4,\"is-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\"],\"dataDesktopLinks\":[1,\"data-desktop-links\"],\"dataMainMenuLinks\":[1,\"data-main-menu-links\"],\"dataSearchTools\":[1,\"data-search-tools\"],\"isMobile\":[32],\"isMenuOpen\":[32],\"isDesktopMenuOpen\":[32],\"isDesktopMenuDropdown\":[32],\"isTopMenuOpen\":[32],\"lastScrollTop\":[32],\"delta\":[32],\"navbarHeight\":[32]},[[0,\"mobileMenuToggle\",\"mobileMenuToggle\"],[0,\"mobileMenuTopToggle\",\"mobileMenuTopToggle\"],[9,\"scroll\",\"handleScroll\"]]],[1,\"hy-site-search\",{\"color\":[1],\"isAlternative\":[4,\"is-alternative\"],\"isGroup\":[4,\"is-group\"],\"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\"]]],[0,\"hy-site-logo\",{\"type\":[1],\"color\":[1],\"isGroup\":[4,\"is-group\"],\"label\":[1],\"size\":[2],\"url\":[1]}]]],[\"hy-menu-main-group\",[[1,\"hy-menu-main-group\",{\"menuLabel\":[1,\"menu-label\"],\"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\"],[4,\"menuDesktopToggled\",\"desktopMenuToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"menuLanguageToggled\",\"languageMenuToggled\"]]]]],[\"hy-desktop-menu-links\",[[1,\"hy-desktop-menu-links\",{\"isGroup\":[4,\"is-group\"],\"isDropdown\":[4,\"is-dropdown\"],\"dataDesktopLinks\":[1,\"data-desktop-links\"],\"firstLevelLinksList\":[32],\"menuLinkItems\":[32],\"hasToolbar\":[32],\"isDesktopMenuOpen\":[32],\"currenOpenMenuId\":[32],\"isNewMenuIdOnHover\":[32]},[[4,\"menuLanguageToggled\",\"menuLanguageToggled\"],[4,\"universityMainMenuToggled\",\"universityMainMenuPanelToggled\"],[4,\"searchPanelToggled\",\"searchPanelToggled\"],[4,\"headerScrollUp\",\"headerScrollUp\"],[8,\"click\",\"handleWindowClick\"]]]]],[\"hy-filter-group-item\",[[4,\"hy-filter-group-item\",{\"filterGroupItemId\":[8,\"filter-group-item-id\"],\"filterGroupItemLabel\":[1,\"filter-group-item-label\"]}]]],[\"hy-link-box\",[[1,\"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-menu-item\",[[1,\"hy-menu-item\",{\"inActiveTrail\":[4,\"in-active-trail\"],\"isActive\":[4,\"is-active\"],\"isActiveChild\":[4,\"is-active-child\"],\"isHeading\":[4,\"is-heading\"],\"isParent\":[4,\"is-parent\"],\"isDemo\":[4,\"is-demo\"],\"isExternal\":[4,\"is-external\"],\"menuItemAlternative\":[4,\"menu-item-alternative\"],\"menuLinkId\":[1,\"menu-link-id\"],\"menuType\":[1,\"menu-type\"],\"menuButtonSubmenuExpand\":[1,\"menu-button-submenu-expand\"],\"menuButtonBreadcrumbMain\":[1,\"menu-button-breadcrumb-main\"],\"ariaExpanded\":[1028,\"aria-expanded\"],\"depth\":[1538],\"hasChildren\":[1028,\"has-children\"],\"label\":[1025],\"parentAsHeading\":[1025,\"parent-as-heading\"],\"parentExpanded\":[1540,\"parent-expanded\"],\"url\":[1025]},[[2,\"handleClick\",\"handleClick\"]]]]],[\"hy-menu-mobile-breadcrumb\",[[0,\"hy-menu-mobile-breadcrumb\",{\"bid\":[1],\"isFirst\":[4,\"is-first\"],\"label\":[1],\"labelBack\":[1,\"label-back\"],\"labelFrontPage\":[1,\"label-front-page\"],\"logoUrl\":[1,\"logo-url\"]},[[2,\"handleClick\",\"handleClick\"]]]]],[\"hy-box\",[[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]}]]],[\"hy-process-flow-box\",[[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\",[[1,\"hy-key-figure\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-key-highlight\",[[1,\"hy-key-highlight\",{\"variant\":[1],\"heading\":[1],\"description\":[1]}]]],[\"hy-filter-visibility-tool-reset_2\",[[0,\"hy-filter-visibility-tool-reset\"],[0,\"hy-filter-visibility-tool-toggle\"]]],[\"hy-dropdown-panel_2\",[[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-image\",[[0,\"hy-image\",{\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"disableLazy\":[4,\"disable-lazy\"],\"caption\":[1],\"aspectRatioWidth\":[2,\"aspect-ratio-width\"],\"aspectRatioHeight\":[2,\"aspect-ratio-height\"],\"sourceSet\":[1,\"source-set\"]}]]],[\"hy-search-field\",[[0,\"hy-search-field\",{\"label\":[1],\"isLabelBold\":[4,\"is-label-bold\"],\"placeholder\":[1],\"isLabelHidden\":[4,\"is-label-hidden\"],\"inputId\":[1,\"input-id\"],\"isInputValueEmpty\":[32]}]]],[\"hy-main-content-wrapper\",[[4,\"hy-main-content-wrapper\"]]],[\"hy-menu-language-item\",[[1,\"hy-menu-language-item\",{\"abbr\":[1],\"isActive\":[4,\"is-active\"],\"isDisabled\":[4,\"is-disabled\"],\"label\":[1],\"langCode\":[1,\"lang-code\"],\"url\":[1]}]]],[\"hy-paragraph-text\",[[36,\"hy-paragraph-text\",{\"variant\":[1],\"placement\":[1],\"headerstyle\":[1]}]]],[\"hy-tag\",[[1,\"hy-tag\"]]],[\"hy-cta-button\",[[1,\"hy-cta-button\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"],\"headerstyle\":[1]}]]],[\"hy-cta-link\",[[1,\"hy-cta-link\",{\"variant\":[1],\"linkContent\":[1,\"link-content\"],\"url\":[1],\"scLabel\":[1,\"sc-label\"],\"isExternal\":[4,\"is-external\"]}]]],[\"hy-accordion-container_5\",[[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\"]]],[1,\"hy-person-profile-listing\",{\"items\":[16],\"col\":[1],\"inline\":[4],\"withoutIcons\":[4,\"without-icons\"],\"textSpacingTight\":[4,\"text-spacing-tight\"]}],[4,\"hy-tabs-item\",{\"tabTitle\":[1,\"tab-title\"]}],[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-heading\",[[36,\"hy-heading\",{\"heading\":[1],\"isSearch\":[4,\"is-search\"],\"section\":[1],\"negative\":[4],\"headerstyle\":[1],\"hyphenatedText\":[513,\"hyphenated-text\"],\"hasChildren\":[32]}]]],[\"hy-footer_5\",[[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\"],\"isGroup\":[4,\"is-group\"],\"dataFooterInfoLinks\":[1,\"data-footer-info-links\"],\"isMobile\":[32]}],[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-footer-action\",{\"updatedText\":[1,\"updated-text\"],\"upButtonLabel\":[1,\"up-button-label\"]},[[2,\"scrollTop\",\"scrollTop\"]]],[4,\"hy-footer\"],[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]}]]]]"), options);
|
|
18
18
|
});
|
|
@@ -65,12 +65,30 @@ const Button = class {
|
|
|
65
65
|
* Use only with url property. Sets the
|
|
66
66
|
*/
|
|
67
67
|
this.isExternal = false;
|
|
68
|
+
this.attrs = '';
|
|
68
69
|
}
|
|
69
70
|
render() {
|
|
70
71
|
const classAttributes = ['hy-button', this.variant, this.state, 'size-' + this.size, this.buttonClasses];
|
|
71
72
|
const iconFillColor = fillcolors[this.variant];
|
|
72
73
|
const target = this.isExternal ? '_blank' : '_self';
|
|
73
|
-
|
|
74
|
+
let props = {};
|
|
75
|
+
if (this.attrs && this.attrs.length > 2) {
|
|
76
|
+
let attrString = JSON.parse(this.attrs);
|
|
77
|
+
let attrArray = attrString.split('" ');
|
|
78
|
+
attrArray.map((item) => {
|
|
79
|
+
let parts = item.split('=');
|
|
80
|
+
let key = parts[0];
|
|
81
|
+
let value = parts[1];
|
|
82
|
+
key = key.replaceAll('"', ' ');
|
|
83
|
+
key = key.trim();
|
|
84
|
+
if (key !== 'class') {
|
|
85
|
+
value = value.replaceAll('"', ' ');
|
|
86
|
+
value = value.trim();
|
|
87
|
+
props[key] = value;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, h("div", { style: { display: 'flex' } }, h("a", { class: classAttributes.join(' '), href: this.url, target: target }, h("span", { class: "hy-button__text" }, h("slot", null)), h("span", { class: "hy-button__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel }, h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(' '), disabled: this.disabled }, props), !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" }, h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), h("span", { class: "hy-button__text" }, h("slot", null)), !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" }, h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
|
|
74
92
|
}
|
|
75
93
|
};
|
|
76
94
|
Button.style = buttonCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-083c8c8a.js';
|
|
2
2
|
|
|
3
|
-
const imageCss = ":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:#f9a21a;--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}.hy-image{width:100%}.hy-image__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-image__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-two-columns .hy-image__image-container img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}";
|
|
3
|
+
const imageCss = ":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:#f9a21a;--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}.hy-image{width:100%}.hy-image__image-container.hy-image--no-aspect img{height:auto;width:auto;max-width:100%}.hy-image__image-container.hy-image--with-aspect{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container.hy-image--with-aspect:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-image__image-container.hy-image--with-aspect img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-two-columns .hy-image__image-container.hy-image--with-aspect img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}";
|
|
4
4
|
|
|
5
5
|
const Image = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -19,13 +19,20 @@ const Image = class {
|
|
|
19
19
|
this.srcSetWatcher(this.sourceSet);
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
+
let aspectRatio = null;
|
|
23
|
+
if (this.aspectRatioWidth !== 0 && this.aspectRatioWidth !== 0) {
|
|
24
|
+
const aspect = (this.aspectRatioHeight / this.aspectRatioWidth) * 100;
|
|
25
|
+
aspectRatio = {
|
|
26
|
+
'--aspectRatio': `${aspect}%`,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
22
29
|
const classAttributes = ['hy-image', this.caption ? 'hy-image--with-caption' : null].join(' ');
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
'--
|
|
26
|
-
|
|
30
|
+
const containerClasses = [
|
|
31
|
+
'hy-image__image-container',
|
|
32
|
+
aspectRatio !== null ? 'hy-image--with-aspect' : 'hy-image--no-aspect',
|
|
33
|
+
].join(' ');
|
|
27
34
|
return [
|
|
28
|
-
h("div", { class: classAttributes }, h("div", { class:
|
|
35
|
+
h("div", { class: classAttributes }, h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : '' }, this.imageUrl &&
|
|
29
36
|
(this._sourceSet ? (h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && h("div", { class: "hy-image__caption" }, this.caption)),
|
|
30
37
|
h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
|
|
31
38
|
];
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-08
|
|
|
2
2
|
import { q as LinkBoxVariants } from './utils-cb48185b.js';
|
|
3
3
|
import { j as jsonParserWorker } from './globalScript-92c6b812.js';
|
|
4
4
|
|
|
5
|
-
const linkBoxListCss = ":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:#f9a21a;--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}:host{display:block}.hy-link-box-list{
|
|
5
|
+
const linkBoxListCss = ":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:#f9a21a;--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}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";
|
|
6
6
|
|
|
7
7
|
const LinkBoxList = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -21,16 +21,6 @@ const LinkBoxList = class {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
getBoxClassName(count) {
|
|
25
|
-
let className = 'small';
|
|
26
|
-
if (count % 3 == 0 || count == 5) {
|
|
27
|
-
className = 'big';
|
|
28
|
-
}
|
|
29
|
-
else if (count % 4 == 0 || count == 7) {
|
|
30
|
-
className = 'small';
|
|
31
|
-
}
|
|
32
|
-
return className;
|
|
33
|
-
}
|
|
34
24
|
render() {
|
|
35
25
|
const classAttributes = [
|
|
36
26
|
'hy-link-box-list',
|
|
@@ -48,10 +38,9 @@ const LinkBoxList = class {
|
|
|
48
38
|
- 8 items: small
|
|
49
39
|
- 9 items: big
|
|
50
40
|
* */
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return (h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel }));
|
|
41
|
+
const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(' ');
|
|
42
|
+
return (h(Host, null, h("ul", { class: classAttributes }, this._dataItems.map((x) => {
|
|
43
|
+
return (h("li", null, h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, "show-logo": x.showLogo, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel, "read-more-label": this.readMoreLabel })));
|
|
55
44
|
})), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
|
|
56
45
|
}
|
|
57
46
|
get el() { return getElement(this); }
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-083c8c8a.js';
|
|
2
2
|
import { q as LinkBoxVariants } from './utils-cb48185b.js';
|
|
3
3
|
|
|
4
|
-
const linkBoxCss = ":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:#f9a21a;--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}:host{background:var(--grayscale-background-box);
|
|
4
|
+
const linkBoxCss = ":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:#f9a21a;--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}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-cta-link:focus{outline:none}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
|
|
5
5
|
|
|
6
|
-
let keys = {
|
|
7
|
-
enter: 'Enter',
|
|
8
|
-
};
|
|
9
6
|
const LinkBox = class {
|
|
10
7
|
constructor(hostRef) {
|
|
11
8
|
registerInstance(this, hostRef);
|
|
@@ -14,6 +11,7 @@ const LinkBox = class {
|
|
|
14
11
|
this.imageAlt = null;
|
|
15
12
|
this.disableLazy = false;
|
|
16
13
|
this.useSlot = false;
|
|
14
|
+
this.showLogo = false;
|
|
17
15
|
this.textDescription = null;
|
|
18
16
|
this.isExternal = false;
|
|
19
17
|
this.headerstyle = 'common';
|
|
@@ -32,43 +30,6 @@ const LinkBox = class {
|
|
|
32
30
|
}
|
|
33
31
|
}
|
|
34
32
|
}
|
|
35
|
-
handleClick(event) {
|
|
36
|
-
this.openLink(event.currentTarget);
|
|
37
|
-
}
|
|
38
|
-
handleKeyDown(event) {
|
|
39
|
-
const key = event.code;
|
|
40
|
-
if (key == keys.enter) {
|
|
41
|
-
this.openLink(event.currentTarget);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
openLink(linkbox) {
|
|
45
|
-
let card = linkbox.shadowRoot.querySelector('.hy-link-box-container');
|
|
46
|
-
window.open(card.dataset.location, card.dataset.target);
|
|
47
|
-
}
|
|
48
|
-
handleMouseEnter(event) {
|
|
49
|
-
this.manageHoverEffect(event.currentTarget);
|
|
50
|
-
}
|
|
51
|
-
handleMouseLeave(event) {
|
|
52
|
-
this.manageHoverEffect(event.currentTarget, false);
|
|
53
|
-
}
|
|
54
|
-
handleOnFocusIn(event) {
|
|
55
|
-
this.manageHoverEffect(event.currentTarget);
|
|
56
|
-
}
|
|
57
|
-
handleOnFocusOut(event) {
|
|
58
|
-
this.manageHoverEffect(event.currentTarget, false);
|
|
59
|
-
}
|
|
60
|
-
manageHoverEffect(linkbox, hoverOn = true) {
|
|
61
|
-
let title = linkbox.shadowRoot.querySelector('h3.hy-link-box__text-container__title');
|
|
62
|
-
let boxLink = linkbox.shadowRoot.querySelector('.hy-icon-wrapper');
|
|
63
|
-
if (hoverOn) {
|
|
64
|
-
title.classList.add('hy-link-box__text-container__title__hover');
|
|
65
|
-
boxLink.classList.add('hy-icon-wrapper__hover');
|
|
66
|
-
}
|
|
67
|
-
else {
|
|
68
|
-
title.classList.remove('hy-link-box__text-container__title__hover');
|
|
69
|
-
boxLink.classList.remove('hy-icon-wrapper__hover');
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
33
|
render() {
|
|
73
34
|
const classContainerAttributes = ['hy-link-box-container'].join(' ');
|
|
74
35
|
const classAttributes = [
|
|
@@ -79,13 +40,6 @@ const LinkBox = class {
|
|
|
79
40
|
`hy-link-box__${this.headerstyle}`,
|
|
80
41
|
this.imageUrl ? 'hy-link-box--with-image' : null,
|
|
81
42
|
].join(' ');
|
|
82
|
-
const classLinkAttributes = [
|
|
83
|
-
'hy-link-box-link',
|
|
84
|
-
`hy-link-box-link__${this.variant}`,
|
|
85
|
-
`hy-link-box-link__${this.headerstyle}`,
|
|
86
|
-
this.headerstyle,
|
|
87
|
-
this.isExternal ? 'hy-link-box-link__external' : null,
|
|
88
|
-
].join(' ');
|
|
89
43
|
const classTextContainer = ['hy-link-box__text-container', this.imageUrl ? 'hy-link-box--with-image' : null].join(' ');
|
|
90
44
|
const classTitle = [
|
|
91
45
|
'hy-link-box__text-container__title',
|
|
@@ -107,8 +61,8 @@ const LinkBox = class {
|
|
|
107
61
|
'--aspectRatio': `${aspect}%`,
|
|
108
62
|
};
|
|
109
63
|
return [
|
|
110
|
-
h("article", { class: classContainerAttributes
|
|
111
|
-
(this._sourceSet ? (h("
|
|
64
|
+
h("article", { class: classContainerAttributes }, h("div", { class: classAttributes }, this.imageUrl &&
|
|
65
|
+
(this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { class: { 'hy-site-logo__icon': true }, icon: 'hy-icon-hy-logo' }))), h("div", { class: classTextContainer }, h("h3", { class: classTitle }, this.textTitle), this.textDescription && (h("p", { class: classDescription }, this.textDescription.length >= 140 ? this.textDescription.slice(0, 139) + '...' : this.textDescription)))), h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, h("span", { "aria-hidden": "true" }), h("span", null, this.readMoreLabel), h("span", { class: `hy-cta-link__icon ${this.isExternal ? 'hy-cta-link__icon--external' : ''}` }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))),
|
|
112
66
|
];
|
|
113
67
|
}
|
|
114
68
|
get el() { return getElement(this); }
|