@itcenteratunihelsinki/huds-lib 0.8.89 → 0.9.0

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}