@itcenteratunihelsinki/huds-lib 0.8.76 → 0.8.78-alpha.0

package/dist/huds-lib/hy-banner.entry.js

@@ -1 +1 @@
-import{r as i,h as e,H as n,g as a}from"./index-e2e165ed.js";import{d as t}from"./utils-1e7f5184.js";const r=class{constructor(e){i(this,e),this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.scLabel=void 0,this.urlTitle=void 0,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),a=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),d=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),o=t.onBlueBkgd;return e(n,{key:"22fcaf75d6302de7329b2beaf2c4e22c2d0a062a"},e("hy-box",{key:"f260ec692240c5c16c1073219415a58812398d58",pt:"1.25, 1.25, 1.5, 2.5"}),e("div",{key:"4d05549e3707ad10c0392e8c4f084e72cf89f912",class:i},e("hy-main-content-wrapper",{key:"97e230319b1347e366da305bb2bcb05712d97bb0"},e("div",{key:"fe84cdca03c1f5b18520a211541420eeae022dbe",class:a},e("div",{key:"e7d2fb32a11cdf81434b780df5fbcf3c26b5b10d",class:r},this.textTitle),e("div",{key:"371185f891f14442ebf6673d7ee21c9bb07de4fb",class:d},this.textDescription),this.url&&e("div",{key:"7b35f08c05c164061a926664a7845dd8c7cd6df8",class:"hy-banner__info-container__link"},e("hy-cta-button",{key:"ad35634b4378b044ea006cf03f8f13857acd0036","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:o}))))),e("hy-box",{key:"4b4a5e67409a1b0a0000a0958f97031c82354e6a",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};r.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 30px 48px 30px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}
+import{r as i,h as n,H as e,g as t}from"./index-2ffe17c9.js";import{d as a}from"./utils-1e7f5184.js";const r=class{constructor(n){i(this,n),this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.scLabel=void 0,this.urlTitle=void 0,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),t=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),h=a.onBlueBkgd;return n(e,{key:"22fcaf75d6302de7329b2beaf2c4e22c2d0a062a"},n("hy-box",{key:"f260ec692240c5c16c1073219415a58812398d58",pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{key:"4d05549e3707ad10c0392e8c4f084e72cf89f912",class:i},n("hy-main-content-wrapper",{key:"97e230319b1347e366da305bb2bcb05712d97bb0"},n("div",{key:"fe84cdca03c1f5b18520a211541420eeae022dbe",class:t},n("div",{key:"e7d2fb32a11cdf81434b780df5fbcf3c26b5b10d",class:r},this.textTitle),n("div",{key:"371185f891f14442ebf6673d7ee21c9bb07de4fb",class:o},this.textDescription),this.url&&n("div",{key:"7b35f08c05c164061a926664a7845dd8c7cd6df8",class:"hy-banner__info-container__link"},n("hy-cta-button",{key:"ad35634b4378b044ea006cf03f8f13857acd0036","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:h}))))),n("hy-box",{key:"4b4a5e67409a1b0a0000a0958f97031c82354e6a",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 30px 48px 30px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}

package/dist/huds-lib/hy-box.entry.js

@@ -1,70 +1,70 @@
-import{r as i,h as t,H as a,g as d}from"./index-e2e165ed.js";import{c as r}from"./index.esm-aef0c42f.js";const e=i=>"number"==typeof i?`${i}rem`:void 0,o=["30rem","60rem","75.0625rem","100.0625rem"].map((i=>`@media (min-width: ${i})`)),n=({hasSidebar:i,pt:t,pb:a,pl:d,pr:n,mt:l,mb:s,ml:g,mr:h,h:m,bg:$,width:b,justify:p,align:f,direction:c})=>{const u=b[b.length-1];return r`
-    padding-top: ${e(t[0])};
-    padding-right: ${e(n[0])};
-    padding-bottom: ${e(a[0])};
-    padding-left: ${e(d[0])};
-    margin-top: ${e(l[0])};
-    margin-right: ${e(h[0])};
-    margin-bottom: ${e(s[0])};
-    margin-left: ${e(g[0])};
-    height: ${e(m)};
-    background-color: ${$?`var(--${$})`:"transparent"};
-    width: ${b[0]};
+import{r as i,h as t,H as d,g as o}from"./index-2ffe17c9.js";import{c as n}from"./index.esm-aef0c42f.js";const a=i=>"number"==typeof i?`${i}rem`:void 0,r=["30rem","60rem","75.0625rem","100.0625rem"].map((i=>`@media (min-width: ${i})`)),s=({hasSidebar:i,pt:t,pb:d,pl:o,pr:s,mt:$,mb:h,ml:l,mr:g,h:e,bg:m,width:p,justify:b,align:v,direction:f})=>{const u=p[p.length-1];return n`
+    padding-top: ${a(t[0])};
+    padding-right: ${a(s[0])};
+    padding-bottom: ${a(d[0])};
+    padding-left: ${a(o[0])};
+    margin-top: ${a($[0])};
+    margin-right: ${a(g[0])};
+    margin-bottom: ${a(h[0])};
+    margin-left: ${a(l[0])};
+    height: ${a(e)};
+    background-color: ${m?`var(--${m})`:"transparent"};
+    width: ${p[0]};
     display: flex;
-    flex-flow: ${c||"row"};
-    justify-content: ${p||"flex-start"};
-    align-items: ${f||"flex-start"};
+    flex-flow: ${f||"row"};
+    justify-content: ${b||"flex-start"};
+    align-items: ${v||"flex-start"};
 
-    ${o[0]} {
-      width: ${b[1]};
+    ${r[0]} {
+      width: ${p[1]};
 
-      padding-top: ${e(t[1])};
-      padding-right: ${e(n[1])};
-      padding-bottom: ${e(a[1])};
-      padding-left: ${e(d[1])};
+      padding-top: ${a(t[1])};
+      padding-right: ${a(s[1])};
+      padding-bottom: ${a(d[1])};
+      padding-left: ${a(o[1])};
 
-      margin-top: ${e(l[1])};
-      margin-right: ${e(h[1])};
-      margin-bottom: ${e(s[1])};
-      margin-left: ${e(g[1])};
+      margin-top: ${a($[1])};
+      margin-right: ${a(g[1])};
+      margin-bottom: ${a(h[1])};
+      margin-left: ${a(l[1])};
     }
-    ${o[1]} {
-      width: ${b[2]||u};
+    ${r[1]} {
+      width: ${p[2]||u};
 
-      padding-top: ${e(t[2])};
-      padding-right: ${e(n[2])};
-      padding-bottom: ${e(a[2])};
-      padding-left: ${e(d[2])};
+      padding-top: ${a(t[2])};
+      padding-right: ${a(s[2])};
+      padding-bottom: ${a(d[2])};
+      padding-left: ${a(o[2])};
 
-      margin-top: ${e(l[2])};
-      margin-right: ${e(h[2])};
-      margin-bottom: ${e(s[2])};
-      margin-left: ${e(g[2])};
+      margin-top: ${a($[2])};
+      margin-right: ${a(g[2])};
+      margin-bottom: ${a(h[2])};
+      margin-left: ${a(l[2])};
     }
-    ${o[2]} {
-      width: ${b[3]||u};
+    ${r[2]} {
+      width: ${p[3]||u};
 
-      padding-top: ${i?`${e(t[2])}`:`${e(t[3])}`};
-      padding-right: ${i?`${e(n[2])}`:`${e(n[3])}`};
-      padding-bottom: ${i?`${e(a[2])}`:`${e(a[3])}`};
-      padding-left: ${i?`${e(d[2])}`:`${e(d[3])}`};
+      padding-top: ${i?`${a(t[2])}`:`${a(t[3])}`};
+      padding-right: ${i?`${a(s[2])}`:`${a(s[3])}`};
+      padding-bottom: ${i?`${a(d[2])}`:`${a(d[3])}`};
+      padding-left: ${i?`${a(o[2])}`:`${a(o[3])}`};
 
-      margin-top: ${i?`${e(l[2])}`:`${e(l[3])}`};
-      margin-right: ${i?`${e(h[2])}`:`${e(h[3])}`};
-      margin-bottom: ${i?`${e(s[2])}`:`${e(s[3])}`};
-      margin-left: ${i?`${e(g[2])}`:`${e(g[3])}`};
+      margin-top: ${i?`${a($[2])}`:`${a($[3])}`};
+      margin-right: ${i?`${a(g[2])}`:`${a(g[3])}`};
+      margin-bottom: ${i?`${a(h[2])}`:`${a(h[3])}`};
+      margin-left: ${i?`${a(l[2])}`:`${a(l[3])}`};
     }
-    ${o[3]} {
-      width: ${b[4]||u};
+    ${r[3]} {
+      width: ${p[4]||u};
 
-      padding-top: ${e(t[3])};
-      padding-right: ${e(n[3])};
-      padding-bottom: ${e(a[3])};
-      padding-left: ${e(d[3])};
+      padding-top: ${a(t[3])};
+      padding-right: ${a(s[3])};
+      padding-bottom: ${a(d[3])};
+      padding-left: ${a(o[3])};
 
-      margin-top: ${e(l[3])};
-      margin-right: ${e(h[3])};
-      margin-bottom: ${e(s[3])};
-      margin-left: ${e(g[3])};
+      margin-top: ${a($[3])};
+      margin-right: ${a(g[3])};
+      margin-bottom: ${a(h[3])};
+      margin-left: ${a(l[3])};
     }
-  `},l=i=>null==i?void 0:i.split(",").map((i=>`${i.trim()}`)).map((i=>parseFloat(i))),s=class{constructor(t){i(this,t),this.headerstyle="common",this.p=void 0,this.pl=void 0,this.pr=void 0,this.pb=void 0,this.pt=void 0,this.m=void 0,this.ml=void 0,this.mr=void 0,this.mb=void 0,this.mt=void 0,this.justify="flex-start",this.align="baseline",this.h=void 0,this.bg="transparent",this.width="100",this.direction="row"}componentWillLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){var i,d,r,e,o,s,g,h,m,$,b,p,f,c,u,v;const y=null!==(d=null!==(i=l(this.pt))&&void 0!==i?i:l(this.p))&&void 0!==d?d:[0],w=null!==(e=null!==(r=l(this.pb))&&void 0!==r?r:l(this.p))&&void 0!==e?e:[0],k=null!==(s=null!==(o=l(this.pr))&&void 0!==o?o:l(this.p))&&void 0!==s?s:[0],x=null!==(h=null!==(g=l(this.pl))&&void 0!==g?g:l(this.p))&&void 0!==h?h:[0],j=null!==($=null!==(m=l(this.mt))&&void 0!==m?m:l(this.m))&&void 0!==$?$:[0],z=null!==(p=null!==(b=l(this.mb))&&void 0!==b?b:l(this.m))&&void 0!==p?p:[0],S=null!==(c=null!==(f=l(this.mr))&&void 0!==f?f:l(this.m))&&void 0!==c?c:[0],F=null!==(v=null!==(u=l(this.ml))&&void 0!==u?u:l(this.m))&&void 0!==v?v:[0];return t(a,{key:"b3bd1885d34b3f37b0a26e2802f1567f43673789",class:n({hasSidebar:"common"==this.headerstyle,pt:y,pl:x,pr:k,pb:w,mt:j,ml:F,mr:S,mb:z,h:this.h,bg:this.bg,width:this.width.split(",").map((i=>`${i.trim()}%`)),justify:this.justify,align:this.align,direction:this.direction})},t("slot",{key:"7613027160dbdd5abfd405877c5ee4a75ac3ba61"}))}get el(){return d(this)}};s.style=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}";export{s as hy_box}
+  `},$=i=>null==i?void 0:i.split(",").map((i=>`${i.trim()}`)).map((i=>parseFloat(i))),h=class{constructor(t){i(this,t),this.headerstyle="common",this.p=void 0,this.pl=void 0,this.pr=void 0,this.pb=void 0,this.pt=void 0,this.m=void 0,this.ml=void 0,this.mr=void 0,this.mb=void 0,this.mt=void 0,this.justify="flex-start",this.align="baseline",this.h=void 0,this.bg="transparent",this.width="100",this.direction="row"}componentWillLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){var i,o,n,a,r,h,l,g,e,m,p,b,v,f,u,c;const w=null!==(o=null!==(i=$(this.pt))&&void 0!==i?i:$(this.p))&&void 0!==o?o:[0],x=null!==(a=null!==(n=$(this.pb))&&void 0!==n?n:$(this.p))&&void 0!==a?a:[0],y=null!==(h=null!==(r=$(this.pr))&&void 0!==r?r:$(this.p))&&void 0!==h?h:[0],j=null!==(g=null!==(l=$(this.pl))&&void 0!==l?l:$(this.p))&&void 0!==g?g:[0],k=null!==(m=null!==(e=$(this.mt))&&void 0!==e?e:$(this.m))&&void 0!==m?m:[0],z=null!==(b=null!==(p=$(this.mb))&&void 0!==p?p:$(this.m))&&void 0!==b?b:[0],S=null!==(f=null!==(v=$(this.mr))&&void 0!==v?v:$(this.m))&&void 0!==f?f:[0],F=null!==(c=null!==(u=$(this.ml))&&void 0!==u?u:$(this.m))&&void 0!==c?c:[0];return t(d,{key:"b3bd1885d34b3f37b0a26e2802f1567f43673789",class:s({hasSidebar:"common"==this.headerstyle,pt:w,pl:j,pr:y,pb:x,mt:k,ml:F,mr:S,mb:z,h:this.h,bg:this.bg,width:this.width.split(",").map((i=>`${i.trim()}%`)),justify:this.justify,align:this.align,direction:this.direction})},t("slot",{key:"7613027160dbdd5abfd405877c5ee4a75ac3ba61"}))}get el(){return o(this)}};h.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";export{h as hy_box}