@itcenteratunihelsinki/huds-lib 0.8.90 → 0.9.0

package/dist/huds-lib/hy-event-item.entry.js

@@ -1 +1 @@
-import{r as e,h as i,g as t}from"./index-2ffe17c9.js";const n=class{constructor(i){e(this,i),this.eventTitle=void 0,this.eventDescription="",this.dateShort="",this.dateLong="",this.location="",this.type=void 0,this.url=void 0,this.styleGrid=!1,this.readMoreLabel="Read more",this.isLong=!1}componentDidLoad(){this.styleGrid&&this.el.clientHeight>255&&(this.isLong=!0)}render(){const e=["hy-events__item",this.styleGrid?"hy-events__item--grid":"hy-events__item--list",this.isLong?"is-long":""].join(" ");return i("a",{key:"24ba3a83d0921efa8cb6b82e8b19fd4abc1ec833",href:this.url,class:e,target:"_blank"},i("div",{key:"a8432e313b9785b1c65c51236fb8b02b5693f3a1",class:"hy-events__item--container"},i("div",{key:"210b0e57a3021fe1aad6aea1f81e7bc19a75ea2b",class:"hy-events__item__top-container"},i("span",{key:"3a7afa35c70c3caf164850ec708786095376df18",class:"hy-events__item__date--short"},this.dateShort),this.isLong&&i("span",{key:"f9f40d1897c9ec24a1f9f2c76861daa47b97fe07",class:"hy-events__item--toggle"},i("hy-icon",{key:"bf35702e93828bf426a5a08913096458af719d76",icon:"hy-icon-caret-down",size:10}))),i("div",{key:"44b9330e04876d71f3a7ae8a090fa50ce5aea613",class:"hy-events__item__details"},i("div",{key:"4af298202dcf3e8dd90cd0446bc4d1443882c9a0",class:"hy-events__item__title"},this.eventTitle),i("div",{key:"2818b2788fe8d6cc1c01befaf75f10ab4b20ad1d",class:"hy-events__item__meta"},this.dateLong&&i("div",{key:"4b5baea42b31bdcbe5cd51247913c12c23068e5d",class:"hy-events__item__meta--item hy-events__item__date--long"},i("hy-icon",{key:"2f2c11262377506e27914e0d34316d300707983e",icon:"hy-icon-events",size:18}),this.dateLong),this.location&&i("div",{key:"e151bc9f486a704d03712719f3b3159e0ddd3cf8",class:"hy-events__item__meta--item hy-events__item__location"},i("hy-icon",{key:"e45ee3c237f7e762d31f138548ccdc1f6721228b",icon:"hy-icon-location",size:18}),this.location),this.type&&i("div",{key:"8a7bb89836044539e6463d6988134ce20ca3bf2b",class:"hy-events__item__meta--item hy-events__item__type"},i("hy-icon",{key:"81c5a8076940c993bf4b19b64bb58e162e4cd4a2",icon:"hy-icon-people",size:18}),this.type),i("span",{key:"5dcd5cbd95c037bf1f371e762cd2de1e73f9b997",class:"hy-events__item__read-more"},this.readMoreLabel))),i("span",{key:"485b475c970e7b5e9fcd308d078fa7b6b6aaf232",class:"hy-events__item__url-icon","aria-hidden":"true"},i("hy-icon",{key:"9f5b2c612601f0146f1f68499311456777c8c178",icon:"hy-icon-arrow-right",size:18}))))}get el(){return t(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-events__item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #d8d8d8;padding:13px 16px;position:relative;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:initial;margin-bottom:1rem}@media (min-width: 48rem){.hy-events__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:47px;margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-events__item:not(.hy-events__item--grid) .hy-events__item--container{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item:hover .hy-events__item__title{color:var(--brand-main);text-decoration:underline}.hy-events__item:hover .hy-events__item__date--short,.hy-events__item:hover .hy-events__item__url-icon{background-color:var(--brand-main-active)}.hy-events__item__title{font-size:1.125rem;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--grayscale-black);display:-webkit-box;font-family:var(--main-font-family);font-weight:700;letter-spacing:-0.36px;line-clamp:6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 48rem){.hy-events__item__title{font-size:1.375rem;line-height:28px;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-0.44px;margin-bottom:14px}}.hy-events__item__details{font-family:var(--main-font-family);font-style:normal;font-weight:400;font-size:17px;line-height:26px;color:var(--grayscale-black)}.hy-events__item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-events__item__meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events__item__meta--item{font-size:0.9375rem;line-height:22px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:0px;margin-bottom:9px;font-family:var(--main-font-family);font-weight:400;word-break:break-word}@media (min-width: 48rem){.hy-events__item__meta--item{font-size:1.0625rem;line-height:26px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:35px;margin-bottom:0;font-weight:400}}.hy-events__item__meta--item svg{width:20px;height:20px;margin-right:9px;margin-top:2px}@media (min-width: 48rem){.hy-events__item__meta--item svg{margin-top:1px}}.hy-events__item__date--short{font-size:0.9375rem;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);background:var(--brand-main-light);font-family:var(--main-font-family);font-style:normal;font-weight:700;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-0.28125px;text-decoration:none;margin-bottom:20px;margin-right:0}@media (min-width: 48rem){.hy-events__item__date--short{font-size:1.0625rem;line-height:20px;letter-spacing:-0.31875px;padding:0;height:68px;width:68px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:47px;margin-bottom:0}}.hy-events__item__url-icon{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:var(--brand-main-light);color:var(--grayscale-white);width:32px;height:32px;bottom:16px;right:-9px;z-index:1}@media (min-width: 48rem){.hy-events__item__url-icon{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item__url-icon svg{fill:currentColor}.hy-events__item__read-more{font-size:0.9375rem;line-height:18px;color:var(--brand-main-light);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:-0.28125px;margin-top:10px}@media (min-width: 48rem){.hy-events__item__read-more{display:none}}.hy-events__item--grid{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:280px;max-width:100%;min-height:255px;position:relative;margin-bottom:0}@media (min-width: 48rem){.hy-events__item--grid{max-width:280px;padding:1rem 1rem 0 1rem}}.hy-events__item--grid.is-long{max-height:100%}@media (min-width: 48rem){.hy-events__item--grid.is-long{max-height:255px}}.hy-events__item--grid.is-long::after{display:none;content:"";background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);position:absolute;bottom:0;left:0;width:100%;height:36px}@media (min-width: 48rem){.hy-events__item--grid.is-long::after{display:block}}.hy-events__item--grid.is-long .hy-events__item--container{overflow:visible}@media (min-width: 48rem){.hy-events__item--grid.is-long .hy-events__item--container{overflow:hidden}}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover,.hy-events__item--grid.is-long:focus{border:0}}.hy-events__item--grid.is-long:hover::after,.hy-events__item--grid.is-long:hover .hy-events__item--toggle,.hy-events__item--grid.is-long:focus::after,.hy-events__item--grid.is-long:focus .hy-events__item--toggle{display:none}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover .hy-events__item--container,.hy-events__item--grid.is-long:focus .hy-events__item--container{background-color:white;border:1px solid #d8d8d8;padding:16px 16px;position:absolute;top:0;left:0;min-height:255px;overflow:visible}}.hy-events__item--grid .hy-events__item__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}.hy-events__item--grid .hy-events__item--toggle{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#d7d7d7;border-radius:50%;position:absolute;top:16px;right:16px;width:24px;height:24px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item--toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item--grid .hy-events__item__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.hy-events__item--grid .hy-events__item__meta--item{font-size:0.9375rem;line-height:22px}.hy-events__item--grid .hy-events__item__date--short{padding:6px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item__date--short{font-size:0.9375rem;line-height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;font-weight:700;letter-spacing:-0.28125px;margin-bottom:18px}}';export{n as hy_event_item}
+import{r as e,h as i,g as t}from"./index-2ffe17c9.js";const n=class{constructor(i){e(this,i),this.eventTitle=void 0,this.eventDescription="",this.dateShort="",this.dateLong="",this.location="",this.type=void 0,this.url=void 0,this.styleGrid=!1,this.readMoreLabel="Read more",this.isLong=!1}componentDidLoad(){this.styleGrid&&this.el.clientHeight>255&&(this.isLong=!0)}render(){const e=["hy-events__item",this.styleGrid?"hy-events__item--grid":"hy-events__item--list",this.isLong?"is-long":""].join(" ");return i("a",{key:"24ba3a83d0921efa8cb6b82e8b19fd4abc1ec833",href:this.url,class:e,target:"_blank"},i("div",{key:"a8432e313b9785b1c65c51236fb8b02b5693f3a1",class:"hy-events__item--container"},i("div",{key:"210b0e57a3021fe1aad6aea1f81e7bc19a75ea2b",class:"hy-events__item__top-container"},i("span",{key:"3a7afa35c70c3caf164850ec708786095376df18",class:"hy-events__item__date--short"},this.dateShort),this.isLong&&i("span",{key:"f9f40d1897c9ec24a1f9f2c76861daa47b97fe07",class:"hy-events__item--toggle"},i("hy-icon",{key:"bf35702e93828bf426a5a08913096458af719d76",icon:"hy-icon-caret-down",size:10}))),i("div",{key:"44b9330e04876d71f3a7ae8a090fa50ce5aea613",class:"hy-events__item__details"},i("div",{key:"4af298202dcf3e8dd90cd0446bc4d1443882c9a0",class:"hy-events__item__title"},this.eventTitle),i("div",{key:"2818b2788fe8d6cc1c01befaf75f10ab4b20ad1d",class:"hy-events__item__meta"},this.dateLong&&i("div",{key:"4b5baea42b31bdcbe5cd51247913c12c23068e5d",class:"hy-events__item__meta--item hy-events__item__date--long"},i("hy-icon",{key:"2f2c11262377506e27914e0d34316d300707983e",icon:"hy-icon-events",size:18}),this.dateLong),this.location&&i("div",{key:"e151bc9f486a704d03712719f3b3159e0ddd3cf8",class:"hy-events__item__meta--item hy-events__item__location"},i("hy-icon",{key:"e45ee3c237f7e762d31f138548ccdc1f6721228b",icon:"hy-icon-location",size:18}),this.location),this.type&&i("div",{key:"8a7bb89836044539e6463d6988134ce20ca3bf2b",class:"hy-events__item__meta--item hy-events__item__type"},i("hy-icon",{key:"81c5a8076940c993bf4b19b64bb58e162e4cd4a2",icon:"hy-icon-people",size:18}),this.type),i("span",{key:"5dcd5cbd95c037bf1f371e762cd2de1e73f9b997",class:"hy-events__item__read-more"},this.readMoreLabel))),i("span",{key:"485b475c970e7b5e9fcd308d078fa7b6b6aaf232",class:"hy-events__item__url-icon","aria-hidden":"true"},i("hy-icon",{key:"9f5b2c612601f0146f1f68499311456777c8c178",icon:"hy-icon-arrow-right",size:18}))))}get el(){return t(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-events__item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--grayscale-light);padding:13px 16px;position:relative;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:initial;margin-bottom:1rem}@media (min-width: 48rem){.hy-events__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:47px;margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-events__item:not(.hy-events__item--grid) .hy-events__item--container{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item:hover .hy-events__item__title{color:var(--brand-main);text-decoration:underline}.hy-events__item:hover .hy-events__item__date--short,.hy-events__item:hover .hy-events__item__url-icon{background-color:var(--brand-main-active)}.hy-events__item__title{font-size:1.125rem;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--grayscale-black);display:-webkit-box;font-family:var(--main-font-family);font-weight:700;letter-spacing:-0.36px;line-clamp:6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 48rem){.hy-events__item__title{font-size:1.375rem;line-height:28px;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-0.44px;margin-bottom:14px}}.hy-events__item__details{font-family:var(--main-font-family);font-style:normal;font-weight:400;font-size:17px;line-height:26px;color:var(--grayscale-black)}.hy-events__item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-events__item__meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events__item__meta--item{font-size:0.9375rem;line-height:22px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:0px;margin-bottom:9px;font-family:var(--main-font-family);font-weight:400;word-break:break-word}@media (min-width: 48rem){.hy-events__item__meta--item{font-size:1.0625rem;line-height:26px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:35px;margin-bottom:0;font-weight:400}}.hy-events__item__meta--item svg{width:20px;height:20px;margin-right:9px;margin-top:2px}@media (min-width: 48rem){.hy-events__item__meta--item svg{margin-top:1px}}.hy-events__item__date--short{font-size:0.9375rem;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);background:var(--brand-main-light);font-family:var(--main-font-family);font-style:normal;font-weight:700;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-0.28125px;text-decoration:none;margin-bottom:20px;margin-right:0}@media (min-width: 48rem){.hy-events__item__date--short{font-size:1.0625rem;line-height:20px;letter-spacing:-0.31875px;padding:0;height:68px;width:68px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:47px;margin-bottom:0}}.hy-events__item__url-icon{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:var(--brand-main-light);color:var(--grayscale-white);width:32px;height:32px;bottom:16px;right:-9px;z-index:1}@media (min-width: 48rem){.hy-events__item__url-icon{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item__url-icon svg{fill:currentColor}.hy-events__item__read-more{font-size:0.9375rem;line-height:18px;color:var(--brand-main-light);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:-0.28125px;margin-top:10px}@media (min-width: 48rem){.hy-events__item__read-more{display:none}}.hy-events__item--grid{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:280px;max-width:100%;min-height:255px;position:relative;margin-bottom:0}@media (min-width: 48rem){.hy-events__item--grid{max-width:280px;padding:1rem 1rem 0 1rem}}.hy-events__item--grid.is-long{max-height:100%}@media (min-width: 48rem){.hy-events__item--grid.is-long{max-height:255px}}.hy-events__item--grid.is-long::after{display:none;content:"";background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);position:absolute;bottom:0;left:0;width:100%;height:36px}@media (min-width: 48rem){.hy-events__item--grid.is-long::after{display:block}}.hy-events__item--grid.is-long .hy-events__item--container{overflow:visible}@media (min-width: 48rem){.hy-events__item--grid.is-long .hy-events__item--container{overflow:hidden}}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover,.hy-events__item--grid.is-long:focus{border:0}}.hy-events__item--grid.is-long:hover::after,.hy-events__item--grid.is-long:hover .hy-events__item--toggle,.hy-events__item--grid.is-long:focus::after,.hy-events__item--grid.is-long:focus .hy-events__item--toggle{display:none}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover .hy-events__item--container,.hy-events__item--grid.is-long:focus .hy-events__item--container{background-color:var(--grayscale-white);border:1px solid var(--grayscale-light);padding:16px 16px;position:absolute;top:0;left:0;min-height:255px;overflow:visible}}.hy-events__item--grid .hy-events__item__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}.hy-events__item--grid .hy-events__item--toggle{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--grayscale-light);border-radius:50%;position:absolute;top:16px;right:16px;width:24px;height:24px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item--toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item--grid .hy-events__item__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.hy-events__item--grid .hy-events__item__meta--item{font-size:0.9375rem;line-height:22px}.hy-events__item--grid .hy-events__item__date--short{padding:6px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item__date--short{font-size:0.9375rem;line-height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;font-weight:700;letter-spacing:-0.28125px;margin-bottom:18px}}';export{n as hy_event_item}

package/dist/huds-lib/hy-general-list_2.entry.js

@@ -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:"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}
+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:var(--grayscale-light);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{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 60rem){.hy-general-list-item__title{font-size:var(--ds-fontSize-24);line-height:24px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__title__large{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-general-list-item__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:none;margin:0}@media (min-width: 60rem){.hy-general-list-item__description{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){.hy-general-list-item__description{display:block}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}';export{n as hy_general_list,s as hy_general_list_item}