@itcenteratunihelsinki/huds-lib 0.8.88 → 0.8.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/hy-general-list-item2.js +1 -1
- package/components/link-box.js +1 -1
- package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
- package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
- package/dist/collection/components/hy-general-list-item/hy-general-list-item.js +1 -1
- package/dist/collection/components/hy-link-box/link-box.js +1 -1
- package/dist/esm/hy-general-list_2.entry.js +1 -1
- package/dist/esm/hy-link-box_2.entry.js +1 -1
- package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
- package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
- package/package.json +2 -2
|
@@ -38,7 +38,7 @@ const HyGeneralListItem = /*@__PURE__*/ proxyCustomElement(class HyGeneralListIt
|
|
|
38
38
|
const aspectRatio = {
|
|
39
39
|
"--aspectRatio": `${aspect}%`,
|
|
40
40
|
};
|
|
41
|
-
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '
|
|
41
|
+
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
42
42
|
}
|
|
43
43
|
get el() { return this; }
|
|
44
44
|
static get style() { return HyGeneralListItemStyle0; }
|
package/components/link-box.js
CHANGED
|
@@ -70,7 +70,7 @@ const LinkBox = /*@__PURE__*/ proxyCustomElement(class LinkBox extends H {
|
|
|
70
70
|
};
|
|
71
71
|
return [
|
|
72
72
|
h("article", { key: 'd66398c2e146bdfb114a7df6e9ac9a46e0bb1181', class: classContainerAttributes }, h("div", { key: '034dbd08272bf8d14646c61f100c328643309730', class: classAttributes }, this.imageUrl &&
|
|
73
|
-
(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", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: '
|
|
73
|
+
(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", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: '1aa734fe8717d0ba44efa495bb92c8a5a58e1430', class: classTitle, innerHTML: this.textTitle }), this.textDescription && (h("p", { key: '8f00cfb1b3cbb2036a1007e90321d3a12ac08308', class: classDescription, innerHTML: this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription })))), h("a", { key: 'eb1fab1765d75d53d01f50de210048c640873fe3', "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", { key: 'c36c8d6d55c68096592787b8482c1def9c394e9e', "aria-hidden": "true" }), h("span", { key: 'f90967f30756db358c74a448329014ffb78c54e3' }, this.readMoreLabel), h("span", { key: '527928255a66bbddd03ed84a2c22a2306c343b5e', class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, h("hy-icon", { key: '840e7fbeebaa6633655d3227b9144cf959a6ae5f', icon: "hy-icon-arrow-to-right", size: 24 })))),
|
|
74
74
|
];
|
|
75
75
|
}
|
|
76
76
|
get el() { return this; }
|
|
@@ -93,7 +93,7 @@ const HyGeneralListItem = class {
|
|
|
93
93
|
const aspectRatio = {
|
|
94
94
|
"--aspectRatio": `${aspect}%`,
|
|
95
95
|
};
|
|
96
|
-
return (index.h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, index.h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (index.h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, index.h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), index.h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (index.h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, index.h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), index.h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (index.h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, index.h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), index.h("h3", { key: '
|
|
96
|
+
return (index.h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, index.h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (index.h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, index.h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), index.h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (index.h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, index.h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), index.h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (index.h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, index.h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), index.h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), index.h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
97
97
|
}
|
|
98
98
|
get el() { return index.getElement(this); }
|
|
99
99
|
};
|
|
@@ -73,7 +73,7 @@ const LinkBox = class {
|
|
|
73
73
|
};
|
|
74
74
|
return [
|
|
75
75
|
index.h("article", { key: 'd66398c2e146bdfb114a7df6e9ac9a46e0bb1181', class: classContainerAttributes }, index.h("div", { key: '034dbd08272bf8d14646c61f100c328643309730', class: classAttributes }, this.imageUrl &&
|
|
76
|
-
(this._sourceSet ? (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (index.h("div", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, index.h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), index.h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, index.h("h3", { key: '
|
|
76
|
+
(this._sourceSet ? (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("picture", null, this._sourceSet.map((item) => (index.h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (index.h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (index.h("div", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, index.h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), index.h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, index.h("h3", { key: '1aa734fe8717d0ba44efa495bb92c8a5a58e1430', class: classTitle, innerHTML: this.textTitle }), this.textDescription && (index.h("p", { key: '8f00cfb1b3cbb2036a1007e90321d3a12ac08308', class: classDescription, innerHTML: this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription })))), index.h("a", { key: 'eb1fab1765d75d53d01f50de210048c640873fe3', "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` }, index.h("span", { key: 'c36c8d6d55c68096592787b8482c1def9c394e9e', "aria-hidden": "true" }), index.h("span", { key: 'f90967f30756db358c74a448329014ffb78c54e3' }, this.readMoreLabel), index.h("span", { key: '527928255a66bbddd03ed84a2c22a2306c343b5e', class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, index.h("hy-icon", { key: '840e7fbeebaa6633655d3227b9144cf959a6ae5f', icon: "hy-icon-arrow-to-right", size: 24 })))),
|
|
77
77
|
];
|
|
78
78
|
}
|
|
79
79
|
get el() { return index.getElement(this); }
|
|
@@ -32,7 +32,7 @@ export class HyGeneralListItem {
|
|
|
32
32
|
const aspectRatio = {
|
|
33
33
|
"--aspectRatio": `${aspect}%`,
|
|
34
34
|
};
|
|
35
|
-
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '
|
|
35
|
+
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "hy-general-list-item"; }
|
|
38
38
|
static get originalStyleUrls() {
|
|
@@ -63,7 +63,7 @@ export class LinkBox {
|
|
|
63
63
|
};
|
|
64
64
|
return [
|
|
65
65
|
h("article", { key: 'd66398c2e146bdfb114a7df6e9ac9a46e0bb1181', class: classContainerAttributes }, h("div", { key: '034dbd08272bf8d14646c61f100c328643309730', class: classAttributes }, this.imageUrl &&
|
|
66
|
-
(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", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: '
|
|
66
|
+
(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", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: '1aa734fe8717d0ba44efa495bb92c8a5a58e1430', class: classTitle, innerHTML: this.textTitle }), this.textDescription && (h("p", { key: '8f00cfb1b3cbb2036a1007e90321d3a12ac08308', class: classDescription, innerHTML: this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription })))), h("a", { key: 'eb1fab1765d75d53d01f50de210048c640873fe3', "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", { key: 'c36c8d6d55c68096592787b8482c1def9c394e9e', "aria-hidden": "true" }), h("span", { key: 'f90967f30756db358c74a448329014ffb78c54e3' }, this.readMoreLabel), h("span", { key: '527928255a66bbddd03ed84a2c22a2306c343b5e', class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, h("hy-icon", { key: '840e7fbeebaa6633655d3227b9144cf959a6ae5f', icon: "hy-icon-arrow-to-right", size: 24 })))),
|
|
67
67
|
];
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "hy-link-box"; }
|
|
@@ -89,7 +89,7 @@ const HyGeneralListItem = class {
|
|
|
89
89
|
const aspectRatio = {
|
|
90
90
|
"--aspectRatio": `${aspect}%`,
|
|
91
91
|
};
|
|
92
|
-
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '
|
|
92
|
+
return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '7081f93304f3cf19ad098cec6ad6336c7cd31cfc', class: titleClassAttributes, innerHTML: this.itemTitle }), h("p", { key: 'ece9916a27cfeab10edb2ed2e53f4cc9807d7d72', class: descriptionClassAttributes, innerHTML: this.description })))));
|
|
93
93
|
}
|
|
94
94
|
get el() { return getElement(this); }
|
|
95
95
|
};
|
|
@@ -69,7 +69,7 @@ const LinkBox = class {
|
|
|
69
69
|
};
|
|
70
70
|
return [
|
|
71
71
|
h("article", { key: 'd66398c2e146bdfb114a7df6e9ac9a46e0bb1181', class: classContainerAttributes }, h("div", { key: '034dbd08272bf8d14646c61f100c328643309730', class: classAttributes }, this.imageUrl &&
|
|
72
|
-
(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", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: '
|
|
72
|
+
(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", { key: '9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2', "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { key: '8077a642704366f4ecbf951ffc4c9d86edec47cc', class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { key: '69dac608e446585af251ea70e12a6079a80de312', class: classTextContainer }, h("h3", { key: '1aa734fe8717d0ba44efa495bb92c8a5a58e1430', class: classTitle, innerHTML: this.textTitle }), this.textDescription && (h("p", { key: '8f00cfb1b3cbb2036a1007e90321d3a12ac08308', class: classDescription, innerHTML: this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription })))), h("a", { key: 'eb1fab1765d75d53d01f50de210048c640873fe3', "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", { key: 'c36c8d6d55c68096592787b8482c1def9c394e9e', "aria-hidden": "true" }), h("span", { key: 'f90967f30756db358c74a448329014ffb78c54e3' }, this.readMoreLabel), h("span", { key: '527928255a66bbddd03ed84a2c22a2306c343b5e', class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, h("hy-icon", { key: '840e7fbeebaa6633655d3227b9144cf959a6ae5f', icon: "hy-icon-arrow-to-right", size: 24 })))),
|
|
73
73
|
];
|
|
74
74
|
}
|
|
75
75
|
get el() { return getElement(this); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as t,g as a}from"./index-2ffe17c9.js";import{G as l}from"./utils-1e7f5184.js";import{j as r}from"./globalScript-7f6ce018.js";const n=class{constructor(i){e(this,i),this.type=l.list,this.blank=!0,this.dataItems=void 0,this.truncateDescription=!0,this.truncateLimit=140,this.hasSidebar=!1}async componentWillLoad(){this._dataItems=await r(this.dataItems);const e=this.el.closest(".hy-main");e&&e.classList.contains("with-sidebar")&&(this.hasSidebar=!0)}async watchPropHandler(e,i){e!==i&&(this._dataItems=await r(this.dataItems))}render(){const e=["hy-general-list",this.hasSidebar?"hy-general-list--with-sidebar":"",`hy-general-list--style-${this.type}`].join(" ");let a=this._dataItems;return"object"==typeof this._dataItems&&(a=Object.values(this._dataItems)),i(t,null,i("ul",{class:e},a&&a.map((e=>{return i("li",null,i("hy-general-list-item",{"has-sidebar":this.hasSidebar,target:this.blank,"data-location":e.url,description:this.truncateDescription?(t=e.description,a=this.truncateLimit,t&&t.length>a?t.substr(0,a-1)+"...":t):e.description,id:e.id,imageAlt:e.imageAlt,imageUrl:e.imageUrl,"item-title":e.title,label:e.label,"sub-label":e.subLabel,tag:e.tag,date:e.date,type:e.type,url:e.url,"list-style":this.type}));var t,a}))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["watchPropHandler"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-general-list--style-grid{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-general-list--style-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-general-list--style-grid{gap:32px}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}";const s=class{constructor(i){e(this,i),this.hasSidebar=!0,this.description=void 0,this.imageAlt="",this.imageUrl=null,this.disableLazy=!1,this.itemTitle=void 0,this.label=void 0,this.subLabel="",this.date="",this.tag="",this.type=void 0,this.url=void 0,this.listStyle=void 0,this.target=!0}render(){const e=["hy-general-list-item",`hy-general-list-item--style-${this.listStyle}`].join(" "),t=["hy-general-list-item__text-container"].join(" "),a=["hy-general-list-item__image-container"].join(" "),l=this.hasSidebar?"common":"large",r=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),n=["hy-general-list-item__description",`hy-general-list-item__description__${l}`].join(" ");return i("article",{key:"adca7126ed22708b38fccda42f8cf7539b663b4e",class:e},i("a",{key:"89a3af4674a926ed510fdfb92b31ff96a733b6fd",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"34475cf10cd654bd55be9d06305504bd024623d7",class:"hy-general-list-item__type"},i("span",{key:"a354b151a2be10023e676889e28a1dfad004537e",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"485b0991f311f1e2a01fcf4c0af87cc387f5a590",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"fc612555b4fff31e0cff4be356a8d4b755dad0d3",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"322507845036015cc71db724a88a12f2bc0d7567",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"03a945ed956b80525c795a30e8321b5e8aa5b9ba",class:t},(this.tag||this.date)&&i("span",{key:"e1247e33b750e3b4f6bcff1705b20a8ae59750d9",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"f45459b0437fb5a46d70c6117f85bab23a448335",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"
|
|
1
|
+
import{r as e,h as i,H as t,g as a}from"./index-2ffe17c9.js";import{G as l}from"./utils-1e7f5184.js";import{j as r}from"./globalScript-7f6ce018.js";const n=class{constructor(i){e(this,i),this.type=l.list,this.blank=!0,this.dataItems=void 0,this.truncateDescription=!0,this.truncateLimit=140,this.hasSidebar=!1}async componentWillLoad(){this._dataItems=await r(this.dataItems);const e=this.el.closest(".hy-main");e&&e.classList.contains("with-sidebar")&&(this.hasSidebar=!0)}async watchPropHandler(e,i){e!==i&&(this._dataItems=await r(this.dataItems))}render(){const e=["hy-general-list",this.hasSidebar?"hy-general-list--with-sidebar":"",`hy-general-list--style-${this.type}`].join(" ");let a=this._dataItems;return"object"==typeof this._dataItems&&(a=Object.values(this._dataItems)),i(t,null,i("ul",{class:e},a&&a.map((e=>{return i("li",null,i("hy-general-list-item",{"has-sidebar":this.hasSidebar,target:this.blank,"data-location":e.url,description:this.truncateDescription?(t=e.description,a=this.truncateLimit,t&&t.length>a?t.substr(0,a-1)+"...":t):e.description,id:e.id,imageAlt:e.imageAlt,imageUrl:e.imageUrl,"item-title":e.title,label:e.label,"sub-label":e.subLabel,tag:e.tag,date:e.date,type:e.type,url:e.url,"list-style":this.type}));var t,a}))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["watchPropHandler"]}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-general-list--style-grid{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-general-list--style-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-general-list--style-grid{gap:32px}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}";const s=class{constructor(i){e(this,i),this.hasSidebar=!0,this.description=void 0,this.imageAlt="",this.imageUrl=null,this.disableLazy=!1,this.itemTitle=void 0,this.label=void 0,this.subLabel="",this.date="",this.tag="",this.type=void 0,this.url=void 0,this.listStyle=void 0,this.target=!0}render(){const e=["hy-general-list-item",`hy-general-list-item--style-${this.listStyle}`].join(" "),t=["hy-general-list-item__text-container"].join(" "),a=["hy-general-list-item__image-container"].join(" "),l=this.hasSidebar?"common":"large",r=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),n=["hy-general-list-item__description",`hy-general-list-item__description__${l}`].join(" ");return i("article",{key:"adca7126ed22708b38fccda42f8cf7539b663b4e",class:e},i("a",{key:"89a3af4674a926ed510fdfb92b31ff96a733b6fd",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"34475cf10cd654bd55be9d06305504bd024623d7",class:"hy-general-list-item__type"},i("span",{key:"a354b151a2be10023e676889e28a1dfad004537e",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"485b0991f311f1e2a01fcf4c0af87cc387f5a590",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"fc612555b4fff31e0cff4be356a8d4b755dad0d3",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"322507845036015cc71db724a88a12f2bc0d7567",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"03a945ed956b80525c795a30e8321b5e8aa5b9ba",class:t},(this.tag||this.date)&&i("span",{key:"e1247e33b750e3b4f6bcff1705b20a8ae59750d9",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"f45459b0437fb5a46d70c6117f85bab23a448335",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"7081f93304f3cf19ad098cec6ad6336c7cd31cfc",class:r,innerHTML:this.itemTitle}),i("p",{key:"ece9916a27cfeab10edb2ed2e53f4cc9807d7d72",class:n,innerHTML:this.description}))))}get el(){return a(this)}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block;height:100%}.hy-general-list-item{font-family:var(--main-font-family);margin-bottom:1rem;height:100%}.hy-general-list-item--style-grid .hy-general-list-item__link{height:100%}@media (min-width: 30rem){.hy-general-list-item--style-grid .hy-general-list-item__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hy-general-list-item--style-grid .hy-general-list-item__image-container{border:1px solid var(--grayscale-light);max-width:100%}@media (max-width: 479px){.hy-general-list-item--style-grid .hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 60rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}@media (min-width: 75.0625rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}.hy-genenral-list-item__meta{font-size:0.75rem;line-height:14px;font-weight:600;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.1px;text-transform:uppercase;margin:9px 0}.hy-genenral-list-item__meta__date{font-weight:400;margin-left:4px}.hy-general-list-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-general-list-item__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list-item__link:hover{cursor:pointer}.hy-general-list-item__link:hover .hy-general-list-item__type span,.hy-general-list-item__link:focus .hy-general-list-item__type span{background-color:var(--brand-main)}.hy-general-list-item__link:hover .hy-general-list-item__title,.hy-general-list-item__link:focus .hy-general-list-item__title{color:var(--brand-main);text-decoration:underline}.hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0;position:relative;width:100%}@media (max-width: 479px){.hy-general-list-item__image-container{display:none}}@media (min-width: 30rem){.hy-general-list-item__image-container{max-width:35.7%}}@media (min-width: 60rem){.hy-general-list-item__image-container{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-general-list-item__image-container{max-width:23.03%}}.hy-general-list-item__image-container:before{content:"";display:block;padding-top:var(--aspectRatio)}.hy-general-list-item__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-general-list-item__image{background-color:#ececec;width:100%;height:100%}.hy-general-list-item__type{background-color:var(--grayscale-background-box);padding-top:16px;z-index:10}@media (min-width: 30rem){.hy-general-list-item__type{background-color:transparent;left:-8px;padding-top:0;position:absolute;top:16px}}.hy-general-list-item__type__major{font-size:0.75rem;line-height:14px;font-weight:700;background-color:var(--grayscale-black);color:var(--grayscale-white);letter-spacing:-0.1px;padding:5px 8px;text-transform:uppercase;-ms-flex-item-align:baseline;align-self:baseline;margin-left:-8px}@media (min-width: 30rem){.hy-general-list-item__type__major{margin-left:0}}.hy-general-list-item__type__sub{font-size:0.75rem;line-height:14px;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.1px;padding:5px 8px;margin-left:-8px}.hy-general-list-item__text-container{background-color:var(--grayscale-background-box);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-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px 12px}@media (min-width: 60rem){.hy-general-list-item__text-container{padding:14px 32px 24px 24px}}@media (min-width: 75.0625rem){.hy-general-list-item__text-container{padding:20px 104px 32px 32px}}.hy-general-list-item__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.45px;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 1601px){.hy-general-list-item__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.hy-general-list-item__description{font-size:0.9375rem;line-height:20px;color:var(--grayscale-dark);display:none;letter-spacing:-0.09px;margin:0}@media (min-width: 30rem){.hy-general-list-item__description{font-size:0.875rem;line-height:18px;display:block;letter-spacing:-0.08px}}@media (min-width: 1601px){.hy-general-list-item__description{font-size:0.875rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{font-size:0.875rem;line-height:20px}}';export{n as hy_general_list,s as hy_general_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,g as e,H as n}from"./index-2ffe17c9.js";import{l as a}from"./utils-1e7f5184.js";import{j as o}from"./globalScript-7f6ce018.js";const s=class{constructor(t){i(this,t),this.variant=a.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.showLogo=!1,this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.isExternal=!1,this.scLabel=void 0,this.readMoreLabel=void 0,this.headerstyle="common",this.sourceSet=void 0}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),a=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),s=this.isExternal?"_blank":"_self";return[t("article",{key:"d66398c2e146bdfb114a7df6e9ac9a46e0bb1181",class:i},t("div",{key:"034dbd08272bf8d14646c61f100c328643309730",class:e},this.imageUrl&&t("figure",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),!this.imageUrl&&this.showLogo&&t("div",{key:"9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2","aria-hidden":"true",class:"hy-link-box__image-container is-image-missing"},t("hy-icon",{key:"8077a642704366f4ecbf951ffc4c9d86edec47cc",class:{"hy-site-logo__icon":!0},icon:"hy-icon-hy-logo"})),t("div",{key:"69dac608e446585af251ea70e12a6079a80de312",class:n},t("h3",{key:"
|
|
1
|
+
import{r as i,h as t,g as e,H as n}from"./index-2ffe17c9.js";import{l as a}from"./utils-1e7f5184.js";import{j as o}from"./globalScript-7f6ce018.js";const s=class{constructor(t){i(this,t),this.variant=a.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.showLogo=!1,this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.isExternal=!1,this.scLabel=void 0,this.readMoreLabel=void 0,this.headerstyle="common",this.sourceSet=void 0}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),a=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),s=this.isExternal?"_blank":"_self";return[t("article",{key:"d66398c2e146bdfb114a7df6e9ac9a46e0bb1181",class:i},t("div",{key:"034dbd08272bf8d14646c61f100c328643309730",class:e},this.imageUrl&&t("figure",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),!this.imageUrl&&this.showLogo&&t("div",{key:"9bb6d340f5c68d1351e79bc99e50b5a24dde1cc2","aria-hidden":"true",class:"hy-link-box__image-container is-image-missing"},t("hy-icon",{key:"8077a642704366f4ecbf951ffc4c9d86edec47cc",class:{"hy-site-logo__icon":!0},icon:"hy-icon-hy-logo"})),t("div",{key:"69dac608e446585af251ea70e12a6079a80de312",class:n},t("h3",{key:"1aa734fe8717d0ba44efa495bb92c8a5a58e1430",class:a,innerHTML:this.textTitle}),this.textDescription&&t("p",{key:"8f00cfb1b3cbb2036a1007e90321d3a12ac08308",class:o,innerHTML:this.textDescription.length>=141?this.textDescription.slice(0,140)+"...":this.textDescription}))),t("a",{key:"eb1fab1765d75d53d01f50de210048c640873fe3","aria-label":this.scLabel||`${this.readMoreLabel} - ${this.textTitle}`,title:this.scLabel||`${this.readMoreLabel} - ${this.textTitle}`,href:this.url,target:s,class:"hy-cta-link hy-cta-link--default"},t("span",{key:"c36c8d6d55c68096592787b8482c1def9c394e9e","aria-hidden":"true"}),t("span",{key:"f90967f30756db358c74a448329014ffb78c54e3"},this.readMoreLabel),t("span",{key:"527928255a66bbddd03ed84a2c22a2306c343b5e",class:"hy-cta-link__icon "+(this.isExternal?"hy-cta-link__icon--external":"")},t("hy-icon",{key:"840e7fbeebaa6633655d3227b9144cf959a6ae5f",icon:"hy-icon-arrow-to-right",size:24}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box-container .hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-link-box-container .hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-link-box-container .hy-cta-link:focus{outline:none}.hy-link-box-container .hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-link-box-container .hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-link-box-container .hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px;text-wrap:balance}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;margin:0;text-wrap:pretty}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}';const l=class{constructor(t){i(this,t),this.headerstyle="common",this.variant=a.default,this.readMoreLabel=void 0,this.dataItems=void 0}async componentWillLoad(){this._dataItems=await o(this.dataItems)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-link-box-list",this.variant,`hy-link-box-list__${this.variant}`,`hy-link-box-list__${this.headerstyle}`].join(" "),e=[this.variant,`hy-link-box__${this.variant}`].join(" ");return t(n,{key:"e03e2f8c30348873286da0eee4d71593a04f0f41"},t("ul",{key:"8d01eac632b7b94df38f38dd029b329b14569ade",class:i},this._dataItems.map((i=>t("li",null,t("hy-link-box",{class:e,variant:this.variant,"source-set":i.imageSets,"image-url":i.imageUrl,"image-alt":i.imageAlt,"text-title":i.heading,"text-description":i.description,"show-logo":i.showLogo,url:i.boxUrl,"is-external":i.isExternal,"sc-label":i.ariaLabel,"read-more-label":this.readMoreLabel}))))),t("hy-box",{key:"2ed3ba6e604b1976c2d108584606a295c1a3fdbf",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return e(this)}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-link-box-list{padding:0;margin:0;list-style:none;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-link-box-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px 24px}}@media screen and (min-width: 1024px){.hy-link-box-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1920px){.hy-link-box-list{gap:32px}}";export{s as hy_link_box,l as hy_link_box_list}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcenteratunihelsinki/huds-lib",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.90",
|
|
4
4
|
"description": "Helsinki University Design System library",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"pre-commit": "pretty-quick --staged"
|
|
72
72
|
}
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "e376083ded4e67aa758dfe32bfe3e35eecf97288"
|
|
75
75
|
}
|