@itcenteratunihelsinki/huds-lib 0.9.7 → 0.9.9

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 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}
+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:"27855d59db1c516895b1e8e1126b299841d6bf30",href:this.url,class:e,target:"_blank"},i("div",{key:"0180826effa6544695c93d15132c8ed7abd129d1",class:"hy-events__item--container"},i("div",{key:"1c4e7129fba84f378f3e134e696c7d111be29664",class:"hy-events__item__top-container"},i("span",{key:"cf70d25654f16a0a89275c52208deef2cea716fb",class:"hy-events__item__date--short"},this.dateShort),this.isLong&&i("span",{key:"fa2ec45cab1b3656d4b55cef16103ae33727bcb6",class:"hy-events__item--toggle"},i("hy-icon",{key:"33c256daad8d9f6c1cc0609886819a7233ac0db5",icon:"hy-icon-caret-down",size:10}))),i("div",{key:"b018914a912ad18b6e275cf13e1ee3eb3b47e6ce",class:"hy-events__item__details"},i("div",{key:"21cfce58bdeefcd83cb1c196cb134c0b642d6d3d",class:"hy-events__item__title"},this.eventTitle),i("div",{key:"545d9ebf8a88558160fa83cd28b5532fabbce0db",class:"hy-events__item__meta"},this.dateLong&&i("div",{key:"2974c7acfc79b5ee951943136cd517e3dfc4ec76",class:"hy-events__item__meta--item hy-events__item__date--long"},i("hy-icon",{key:"c6f2554796051a507b43d5efaa9acc1409fa195f",icon:"hy-icon-events",size:18}),this.dateLong),this.location&&i("div",{key:"9890f7bed90305e5b6995744c938923f8d937b0a",class:"hy-events__item__meta--item hy-events__item__location"},i("hy-icon",{key:"548db99571870cea330663b624dd17f6f1bb0bc1",icon:"hy-icon-location",size:18}),this.location),this.type&&i("div",{key:"0deb9de0cd071f63451de96fbfccbd9171f7b476",class:"hy-events__item__meta--item hy-events__item__type"},i("hy-icon",{key:"9670dd3dabb475ecd514fa5d7fb4f2281aeb4d50",icon:"hy-icon-people",size:18}),this.type),i("span",{key:"eede93b4f5fa00cb2c75510d6c21c164f98cfde4",class:"hy-events__item__read-more"},this.readMoreLabel))),i("span",{key:"defe0a8aa40631f4dba9d74c54aaf370b2bec4e8",class:"hy-events__item__url-icon","aria-hidden":"true"},i("hy-icon",{key:"9ac0b9bf3667ac0885f68ba22028c513f5598909",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-events.entry.js

@@ -1 +1 @@
-import{r as e,h as t,g as i}from"./index-2ffe17c9.js";import{h as n}from"./utils-1e7f5184.js";let o=null,s=null;const r=class{constructor(t){e(this,t),this.styleGrid=!1,this.showMore=!1,this.viewAllUrl=void 0,this.viewAllLabel=void 0,this.scrollLeftLabel="Scroll list to left",this.scrollRightLabel="Scroll list to right",this.scrollable=!0}componentDidLoad(){const e=this.el,t=document.querySelector(".hy-events"),i=e.querySelector(".hy-events__scroll-left"),n=e.querySelector(".hy-events__scroll-right");this.styleGrid&&(t.addEventListener("scroll",(()=>{o=setTimeout((()=>{window.clearTimeout(o)}),250)}),!1),i.addEventListener("click",(e=>{e.preventDefault(),i.classList.add("is-disabled"),t.scrollBy({top:0,left:-304,behavior:"smooth"}),s=window.setTimeout((()=>{window.clearTimeout(s),i.classList.remove("is-disabled")}),250)})),n.addEventListener("click",(e=>{e.preventDefault(),n.classList.add("is-disabled"),t.scrollBy({top:0,left:304,behavior:"smooth"}),s=window.setTimeout((()=>{window.clearTimeout(s),n.classList.remove("is-disabled")}),250)})))}watchUrlHandler(e,t){t!==e&&(this.viewAllUrl=e)}checkScrollHidden(e,t,i){const n=e.querySelector(".hy-events__content");0===e.scrollLeft?t.classList.add("is-hidden"):t.classList.remove("is-hidden"),e.scrollLeft+e.clientWidth>=n.scrollWidth-1?i.classList.add("is-hidden"):i.classList.remove("is-hidden")}render(){const e=["hy-events",this.styleGrid?"hy-events--grid":""].join(" "),i=["hy-events__footer",this.styleGrid?"hy-events__footer--grid":""].join(" ");return t("div",{key:"1236158132037dd66603976cd847d9d0664b2f68",class:"hy-events--wrapper"},t("div",{key:"fcdc284c051a866eb405b404802bec31b3caa52e",class:e},t("slot",{key:"edac498a414e5a603695de9d617d41bfe8db5929"})),t("div",{key:"215c08aa84672310330a4dd8d19e71e6acd51294",class:i},this.scrollable&&this.styleGrid&&t("div",{key:"a3f28cffe5db8c87ec905cbe4fad782becd057b1",class:"hy-events__scroll-buttons"},t("button",{key:"6b59914c7a6cdbf7df96c6915e16f46ee2841bb8",type:"button",class:"hy-events__scroll-left","aria-label":this.scrollLeftLabel},t("hy-icon",{key:"eae6ca497a7903d3c9fd782d9e587842557f35a0",icon:"hy-icon-caret-left",size:16})),t("button",{key:"74a77395fe6c3a258b546125a4b6d262c1931fd8",type:"button",class:"hy-events__scroll-right","aria-label":this.scrollRightLabel},t("hy-icon",{key:"5fa859970a8b3e5872d0c55e5188f10a0a185fb8",icon:"hy-icon-caret-right",size:16}))),this.showMore&&this.viewAllLabel&&this.viewAllUrl&&t("hy-cta-link",{key:"b9b929391510d390cae1b42e4ebceaf79f148842","link-content":this.viewAllLabel,"sc-label":this.viewAllLabel,url:this.viewAllUrl,variant:n.linkList})))}get el(){return i(this)}static get watchers(){return{viewAllUrl:["watchUrlHandler"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-events.no-events .hy-events__no-result-container{font-family:var(--main-font-family)}hy-events.no-events .hy-events--wrapper .hy-events--grid{padding-bottom:0}hy-events.no-events .hy-events__footer{display:none}.hy-events--wrapper .hy-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-events--wrapper .hy-events--grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;overflow-x:hidden;white-space:nowrap;scrollbar-width:none}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid{padding-bottom:14rem}}.hy-events--wrapper .hy-events--grid .hy-events__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid .hy-events__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events--wrapper .hy-events__footer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.hy-events--wrapper .hy-events__footer--grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1.5rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__footer--grid{margin-top:-9.5rem}}.hy-events--wrapper .hy-events__scroll-buttons{display:none;margin-top:2rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events--wrapper .hy-events__scroll-buttons button{border:none;background:none;padding:0.5rem}.hy-events--wrapper .hy-events__scroll-buttons button:hover{cursor:pointer}.hy-events--wrapper .hy-events__scroll-buttons button:hover svg{scale:1.1}.hy-events--wrapper .hy-events__scroll-buttons button.is-hidden{display:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled{pointer-events:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg{fill:var(--link-disabled)}";export{r as hy_events}
+import{r as e,h as t,g as i}from"./index-2ffe17c9.js";import{h as n}from"./utils-1e7f5184.js";let o=null,s=null;const r=class{constructor(t){e(this,t),this.styleGrid=!1,this.showMore=!1,this.viewAllUrl=void 0,this.viewAllLabel=void 0,this.scrollLeftLabel="Scroll list to left",this.scrollRightLabel="Scroll list to right",this.scrollable=!0}componentDidLoad(){const e=this.el,t=document.querySelector(".hy-events"),i=e.querySelector(".hy-events__scroll-left"),n=e.querySelector(".hy-events__scroll-right");this.styleGrid&&(t.addEventListener("scroll",(()=>{o=setTimeout((()=>{window.clearTimeout(o)}),250)}),!1),i.addEventListener("click",(e=>{e.preventDefault(),i.classList.add("is-disabled"),t.scrollBy({top:0,left:-304,behavior:"smooth"}),s=window.setTimeout((()=>{window.clearTimeout(s),i.classList.remove("is-disabled")}),250)})),n.addEventListener("click",(e=>{e.preventDefault(),n.classList.add("is-disabled"),t.scrollBy({top:0,left:304,behavior:"smooth"}),s=window.setTimeout((()=>{window.clearTimeout(s),n.classList.remove("is-disabled")}),250)})))}watchUrlHandler(e,t){t!==e&&(this.viewAllUrl=e)}checkScrollHidden(e,t,i){const n=e.querySelector(".hy-events__content");0===e.scrollLeft?t.classList.add("is-hidden"):t.classList.remove("is-hidden"),e.scrollLeft+e.clientWidth>=n.scrollWidth-1?i.classList.add("is-hidden"):i.classList.remove("is-hidden")}render(){const e=["hy-events",this.styleGrid?"hy-events--grid":""].join(" "),i=["hy-events__footer",this.styleGrid?"hy-events__footer--grid":""].join(" ");return t("div",{key:"e8bb63a5aaab6c005a89614eef8babf67043da62",class:"hy-events--wrapper"},t("div",{key:"8494025a4ce17f12f4ae409d4de97e85d5a37d61",class:e},t("slot",{key:"85517652e0cf83655744305b4f8bea218ef57542"})),t("div",{key:"75d19ac8c4c4be2f3fbd80538be5d2c7bfc903d7",class:i},this.scrollable&&this.styleGrid&&t("div",{key:"190e4c0d18b9dcf34de83069534c7fb408ea420b",class:"hy-events__scroll-buttons"},t("button",{key:"392de6a4361cb0f9cb946012b51eafad8f0e2247",type:"button",class:"hy-events__scroll-left","aria-label":this.scrollLeftLabel},t("hy-icon",{key:"043a8664e79786f4579dcb2f9e11c90b5067fb5c",icon:"hy-icon-caret-left",size:16})),t("button",{key:"33b9f282fba0ddffb77e1590174e3cdd4ed9e2ac",type:"button",class:"hy-events__scroll-right","aria-label":this.scrollRightLabel},t("hy-icon",{key:"af69bc715ccb8146f2b84dff79531bf59a471eb5",icon:"hy-icon-caret-right",size:16}))),this.showMore&&this.viewAllLabel&&this.viewAllUrl&&t("hy-cta-link",{key:"bb744cbee635dd7d25827ec0f1b752709a824ebc","link-content":this.viewAllLabel,"sc-label":this.viewAllLabel,url:this.viewAllUrl,variant:n.linkList})))}get el(){return i(this)}static get watchers(){return{viewAllUrl:["watchUrlHandler"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-events.no-events .hy-events__no-result-container{font-family:var(--main-font-family)}hy-events.no-events .hy-events--wrapper .hy-events--grid{padding-bottom:0}hy-events.no-events .hy-events__footer{display:none}.hy-events--wrapper .hy-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-events--wrapper .hy-events--grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;overflow-x:hidden;white-space:nowrap;scrollbar-width:none}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid{padding-bottom:14rem}}.hy-events--wrapper .hy-events--grid .hy-events__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid .hy-events__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events--wrapper .hy-events__footer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.hy-events--wrapper .hy-events__footer--grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1.5rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__footer--grid{margin-top:-9.5rem}}.hy-events--wrapper .hy-events__scroll-buttons{display:none;margin-top:2rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events--wrapper .hy-events__scroll-buttons button{border:none;background:none;padding:0.5rem}.hy-events--wrapper .hy-events__scroll-buttons button:hover{cursor:pointer}.hy-events--wrapper .hy-events__scroll-buttons button:hover svg{scale:1.1}.hy-events--wrapper .hy-events__scroll-buttons button.is-hidden{display:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled{pointer-events:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg{fill:var(--link-disabled)}";export{r as hy_events}

package/dist/huds-lib/hy-filter-group_6.entry.js

@@ -1 +1 @@
-import{r as i,h as e,H as t}from"./index-2ffe17c9.js";import{C as r,n as l}from"./utils-1e7f5184.js";const a=class{constructor(e){i(this,e),this.filterGroupLabel=void 0,this.filterGroupFilters=void 0}arrayDataWatcher(i){this._filterGroupFilters="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.arrayDataWatcher(this.filterGroupFilters)}handleFilterDeselect(i){console.log(i)}render(){return e(t,{key:"03dbf4276196b64739ac42eadb2f35a6f9c6ccf0",class:"hy-filter-group"},e("ul",{key:"502d490d785d68b20e3c29e9914fca3c973c5c2d",class:"hy-filter-group__listing"},e("li",{key:"b397706f6a5f9ea123b558da8cd58d38a02ddbf9"},e("h3",{key:"27bb68af8077433df63e9466a32028a7186b461c",class:"hy-filter-group__label"},this.filterGroupLabel)),this._filterGroupFilters.map((({id:i,label:t})=>e("hy-filter-group-item",{"filter-group-item-id":i,"filter-group-item-label":t,onClick:()=>this.handleFilterDeselect(i)})))))}static get watchers(){return{filterGroupFilters:["arrayDataWatcher"]}}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";const o=class{constructor(e){i(this,e),this.filterGroupItemId=void 0,this.filterGroupItemLabel=void 0}render(){return e("li",{key:"3d4e1ee5c9eafdff323df5942c1574483ae5cdfa",class:"hy-filter-group__filter"},e("button",{key:"b26dcbebbe21e6c7794dc875b3267c05fcc9b418",type:"button",class:"hy-filter-group__button","aria-label":`Deselect ${this.filterGroupItemLabel}`},this.filterGroupItemLabel,e("hy-icon",{key:"fa22c314b2d38609a49bdc8088a3040b53060ad5",class:"hy-filter-group__button-icon",icon:"hy-icon-remove",size:10,"aria-hidden":"true",fill:r.grey_dark})),e("slot",{key:"4d174ced20e271800018e8dad559a5352e781ecc"}))}},s=class{constructor(e){i(this,e),this.filterLabel=void 0,this.filterValue=void 0}render(){return e("div",{key:"c885f341d0ae2a217e76dd767e70d7d2daf89661",class:"hy-filter__list-type"},e("span",{key:"29efc111d7c6b549aadf4b4908a635ce31d30c6c"},this.filterLabel),e("button",{key:"9be385aaba6abb126222906cdba0b9f25c50a378",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__list":!0,"is-active":this.filterValue==l.list},"aria-label":`${this.filterLabel}--list`},e("hy-icon",{key:"d75b0ddd891522b19ed22d70df65db6df32d28fb",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-list",size:16,"aria-hidden":"true"})),e("button",{key:"387080c9af3012c3e0a758610074f3cee9c8f5cc",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__grid":!0,"is-active":this.filterValue==l.grid},"aria-label":`${this.filterLabel}--grid`},e("hy-icon",{key:"408594fa4b35ca4ce5a67a1f83a59afc761c1a41",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-grid",size:16,"aria-hidden":"true"})))}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";const n=class{constructor(e){i(this,e),this.filterVisibilityToolType=void 0}render(){switch(this.filterVisibilityToolType){case"toggle":return e(t,null,e("hy-filter-visibility-tool-toggle",null));case"reset":return e(t,null,e("hy-filter-visibility-tool-reset",null))}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";const c=class{constructor(e){i(this,e)}render(){return e("button",{key:"1baf204d15239138cbd403db9db08baceeb53a2e",class:"hy-filter-visibility-tool hy-filter-visibility-tool--reset",type:"button"},e("hy-icon",{key:"2baa7ecbf103d6f23cdbb29c47a2ec9b650d54f6",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-remove",size:14,"aria-hidden":"true"}),"Reset filters")}},d=class{constructor(e){i(this,e)}render(){return e(t,{key:"e914cc806b6051c0e7d65e8f93b93c7741e2f297"},e("button",{key:"a507feabc34921a048ce498b8c2b4c9cb94f79cf",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-more",type:"button"},e("hy-icon",{key:"35326b68072ef63184efdbe7b81adb1b277f0a1a",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-plus",size:12,"aria-hidden":"true"}),"Show more filters"),e("button",{key:"668ed03f2e5072da773ad48e6ae0e31d00c3f4ad",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-less",type:"button"},e("hy-icon",{key:"83f61df9f455b9b1f0cdc39dc9acc188857baaeb",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-minus",size:12,"aria-hidden":"true"}),"Show less filters"))}};export{a as hy_filter_group,o as hy_filter_group_item,s as hy_filter_list_type,n as hy_filter_visibility_tool,c as hy_filter_visibility_tool_reset,d as hy_filter_visibility_tool_toggle}
+import{r as i,h as e,H as t}from"./index-2ffe17c9.js";import{C as r,n as l}from"./utils-1e7f5184.js";const a=class{constructor(e){i(this,e),this.filterGroupLabel=void 0,this.filterGroupFilters=void 0}arrayDataWatcher(i){this._filterGroupFilters="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.arrayDataWatcher(this.filterGroupFilters)}handleFilterDeselect(i){console.log(i)}render(){return e(t,{key:"03dbf4276196b64739ac42eadb2f35a6f9c6ccf0",class:"hy-filter-group"},e("ul",{key:"502d490d785d68b20e3c29e9914fca3c973c5c2d",class:"hy-filter-group__listing"},e("li",{key:"b397706f6a5f9ea123b558da8cd58d38a02ddbf9"},e("h3",{key:"27bb68af8077433df63e9466a32028a7186b461c",class:"hy-filter-group__label"},this.filterGroupLabel)),this._filterGroupFilters.map((({id:i,label:t})=>e("hy-filter-group-item",{"filter-group-item-id":i,"filter-group-item-label":t,onClick:()=>this.handleFilterDeselect(i)})))))}static get watchers(){return{filterGroupFilters:["arrayDataWatcher"]}}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";const o=class{constructor(e){i(this,e),this.filterGroupItemId=void 0,this.filterGroupItemLabel=void 0}render(){return e("li",{key:"8efb678b72cc7f9d304fcc4e282cfa2dea1c079a",class:"hy-filter-group__filter"},e("button",{key:"4120a9ca3bddf0916be95cd12c6cb963cb64512f",type:"button",class:"hy-filter-group__button","aria-label":`Deselect ${this.filterGroupItemLabel}`},this.filterGroupItemLabel,e("hy-icon",{key:"dc929c3c175eb2dfc18172525892831e58dfa5e5",class:"hy-filter-group__button-icon",icon:"hy-icon-remove",size:10,"aria-hidden":"true",fill:r.grey_dark})),e("slot",{key:"49cb39bc4553657839a9396e057bd85b7eab71fb"}))}},s=class{constructor(e){i(this,e),this.filterLabel=void 0,this.filterValue=void 0}render(){return e("div",{key:"f5d3ce9299a2e8f052c4660da4d62ecaa00eb561",class:"hy-filter__list-type"},e("span",{key:"e21896583c2790cc8799576ddf3fed60f1f19b43"},this.filterLabel),e("button",{key:"ab90f473319a0bb8f120d4f6abbe4ba387c83574",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__list":!0,"is-active":this.filterValue==l.list},"aria-label":`${this.filterLabel}--list`},e("hy-icon",{key:"33d51e7f2837c4de3217d2776546b130594f24fd",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-list",size:16,"aria-hidden":"true"})),e("button",{key:"dcb3a2c3eab482b6bec2f6fae4d3823ba25309aa",type:"button",class:{"hy-filter-item":!0,"hy-filter__list-type__grid":!0,"is-active":this.filterValue==l.grid},"aria-label":`${this.filterLabel}--grid`},e("hy-icon",{key:"e785c5218d09771d8d064ac8c96dc2a17cb1c173",class:"hy-filter-group__button-icon",icon:"hy-icon-list-style-grid",size:16,"aria-hidden":"true"})))}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";const n=class{constructor(e){i(this,e),this.filterVisibilityToolType=void 0}render(){switch(this.filterVisibilityToolType){case"toggle":return e(t,null,e("hy-filter-visibility-tool-toggle",null));case"reset":return e(t,null,e("hy-filter-visibility-tool-reset",null))}}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";const c=class{constructor(e){i(this,e)}render(){return e("button",{key:"481af1d3c9d57834e18cb21a98c5d2bf0bd194dc",class:"hy-filter-visibility-tool hy-filter-visibility-tool--reset",type:"button"},e("hy-icon",{key:"fba525d765c19ac420feac55117667d7307ea65b",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-remove",size:14,"aria-hidden":"true"}),"Reset filters")}},d=class{constructor(e){i(this,e)}render(){return e(t,{key:"3e4b20a877a0ce588499fabc68c0054515f6da98"},e("button",{key:"181b801252d5de0b0cfa1657f9713ddabc2711c3",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-more",type:"button"},e("hy-icon",{key:"acb47e0b0a613b743ca3eeab7dda03f07079d756",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-plus",size:12,"aria-hidden":"true"}),"Show more filters"),e("button",{key:"b8d2cd7c969718604af0c8ac4f1b626143e5cca1",class:"hy-filter-visibility-tool hy-filter-visibility-tool--show-less",type:"button"},e("hy-icon",{key:"d0f0b4b9d9965d7d1d8a92fc1fda60a2607e803e",class:"hy-filter-visibility-tool__icon",icon:"hy-icon-minus",size:12,"aria-hidden":"true"}),"Show less filters"))}};export{a as hy_filter_group,o as hy_filter_group_item,s as hy_filter_list_type,n as hy_filter_visibility_tool,c as hy_filter_visibility_tool_reset,d as hy_filter_visibility_tool_toggle}

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 n}from"./globalScript-3f479486.js";const r=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 n(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 n(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"]}}};r.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",n=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),r=["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:n,innerHTML:this.itemTitle}),i("p",{key:"ece9916a27cfeab10edb2ed2e53f4cc9807d7d72",class:r,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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance}}@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);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;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);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}';export{r 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 n}from"./globalScript-3f479486.js";const r=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 n(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 n(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"]}}};r.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",n=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),r=["hy-general-list-item__description",`hy-general-list-item__description__${l}`].join(" ");return i("article",{key:"999af76d95db5284c7d255dfa56f0cb57d162863",class:e},i("a",{key:"9ae2d5879a9fe4a9931af79456d91a34fa886efc",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"c945d8bf1ce1baa35235827a7072ad75cd1842d0",class:"hy-general-list-item__type"},i("span",{key:"008ee7fce6e14b9b9307cbb58284183eca9c59a3",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"cc78e8b22bd2fb7d642ffab7c2f08d8046a8fa45",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"30af192f233c4a5de78f9e85c02ce83e1844f026",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"0e47919ea85a36137af51598bd6b7044f49a916d",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"ff1ff0b21dc466d160cd2690a146beb9e6e491af",class:t},(this.tag||this.date)&&i("span",{key:"f7a7ccba65ebe8923a3c1b96996d43f266ddd780",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"ebe2215d552a5d8f298f3497666a1d3dc645cbaa",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"59e9357acb67485262561e6517defb568af9b4a2",class:n,innerHTML:this.itemTitle}),i("p",{key:"fa6ca0b4653a9f32e5ab8336617eb2f2510af353",class:r,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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance}}@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);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;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);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}';export{r as hy_general_list,s as hy_general_list_item}