@itcenteratunihelsinki/huds-lib 0.8.62 → 0.8.64

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

@@ -1,2 +1,2 @@
-import{r as i,h as e,g as t}from"./index-f84f2a7d.js";import{f as a}from"./utils-7438924c.js";const o=':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}a.hy-video{text-decoration:none}.hy-video__video-container{display:inline-block;margin-bottom:22px;position:relative;width:100%}.hy-video__video-container iframe{border:0;height:100%;overflow:hidden;width:100%}@supports (aspect-ratio: 16/9){.hy-video__video-container iframe{aspect-ratio:16/9;height:auto}}.hy-video__video-container .hy-video__preview-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hy-video__video-container .hy-video__play{background-color:var(--grayscale-white);left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hy-video__video-container .hy-video__play button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button{padding:36px}}.hy-video__video-container .hy-video__play button:hover{cursor:pointer}.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:0.9375rem;line-height:18px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.1px;text-align:center;text-transform:uppercase}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.14px}}@media (min-width: 75.0625rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.16px}}.hy-video__video-container .hy-video__play button svg{fill:var(--link-blue);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play button svg{height:80px;width:80px}}.hy-video__video-container .hy-video__play__simple{background-color:rgba(0, 0, 0, 0.2);position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hy-video__video-container .hy-video__play__simple:hover{cursor:pointer}.hy-video__video-container .hy-video__play__simple button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-video__video-container .hy-video__play__simple button svg{fill:var(--grayscale-white);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play__simple button svg{height:80px;width:80px}}.hy-video__video-container>*:not(.hy-video__label,.hy-video__play,.hy-video__play__simple){bottom:0;left:0;position:absolute;right:0;top:0}.hy-video__video-container:after{content:"";display:block;padding-top:56.25%}.hy-video:not(.hy-video--horizontal){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: 1601px){.hy-video:not(.hy-video--horizontal):not(.hy-video__default,.hy-video--list){max-width:66%}}.hy-video--list .hy-video__meta__details{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:32px;margin:0}.hy-video--list .hy-video__meta__details--item{margin-right:0;padding-right:0}.hy-video__label{font-size:0.75rem;line-height:14px;display:inline-block;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.5px;padding:6px 8px;margin:0 0 22px;text-transform:uppercase}.hy-video.hy-video--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-video.hy-video--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-video.hy-video--horizontal .hy-video__meta{padding-left:0;width:100%}@media (min-width: 60rem){.hy-video.hy-video--horizontal .hy-video__meta{padding-left:2.5%;width:57.24%}}.hy-video__meta__title h2.hy-heading,.hy-video__meta__title h3.hy-heading{border:none;margin:8px 0 12px 0 !important;-ms-hyphens:auto;hyphens:auto;word-break:break-word;padding:0 !important}@media (min-width: 60rem){.hy-video__meta__title h2.hy-heading,.hy-video__meta__title h3.hy-heading{margin:0 0 16px 0 !important}}.hy-video__meta__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:12px}@media (min-width: 60rem){.hy-video__meta__details{margin-bottom:16px}}.hy-video__meta__details--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:44px;min-width:87px;padding-right:46px;place-content:center space-between}.hy-video__meta__description__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);display:block;font-family:var(--main-font-family);letter-spacing:0;width:100%}@media (min-width: 30rem){.hy-video__meta__description__content{font-size:1.0625rem;line-height:26px}}.hy-video__meta__description__more-button{font-size:1rem;line-height:24px;color:var(--brand-main-light);font-family:var(--main-font-family)}.hy-video__meta__description__more-button:hover{cursor:pointer}.hy-video__meta__label{font-size:0.9375rem;line-height:18px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:4px}.hy-video__meta__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px}@media (min-width: 30rem){.hy-video__meta__content{font-size:1.0625rem;line-height:26px;letter-spacing:-0.56px}}';const s=class{constructor(t){i(this,t);this.renderPreviewWithLink=()=>this.linkToVideo?e("a",{title:this.videoTitle,href:this.linkToVideo,class:"hy-video__link-to-video"},e("img",{loading:this.disableLazy?"eager":"lazy",class:"hy-video__preview-image",src:this.previewImageUrl,alt:this.videoTitle})):e("img",{loading:this.disableLazy?"eager":"lazy",class:"hy-video__preview-image",src:this.previewImageUrl,alt:this.videoTitle});this.renderPlayButton=()=>{if(this.simplePlayButton){return e("span",{class:"hy-video__play__simple"},e("button",{type:"button"},e("hy-icon",{icon:"hy-icon-video",class:"hy-video__play-icon",size:20})))}else{return e("span",{class:"hy-video__play"},e("button",{type:"button"},e("hy-icon",{icon:"hy-icon-video",class:"hy-video__play-icon",size:20}),e("span",{class:"hy-video__button-label"},this.playButtonLabel)))}};this.truncate=(i,e)=>i.length>e?i.substr(0,e-1)+"...":i;this.videoTitle=undefined;this.videoDescription=undefined;this.contextLabel=undefined;this.contextLabelVisible=false;this.previewImageUrl=undefined;this.linkToVideo=undefined;this.playButtonLabel=undefined;this.playButtonVisible=false;this.seriesLabel="In this series";this.seriesCount=null;this.views=undefined;this.viewsLabel=undefined;this.duration=undefined;this.durationLabel=undefined;this.dateAdded=undefined;this.dateAddedLabel=undefined;this.horizontal=false;this.disableLazy=false;this.headerstyle="default";this.showMoreLabel="Show more";this.showLessLabel="Show less";this.simplePlayButton=false;this.styleList=false;this.descCollapsed=false}componentDidLoad(){let i=this.el.closest(".hy-main");if(i){if(!i.classList.contains("with-sidebar")){this.headerstyle="large"}}if(this.videoDescription&&this.videoDescription.match(/\S/g).length>255){this.descCollapsed=true}}render(){const i=["hy-video",this.horizontal?"hy-video--horizontal":"",!this.styleList?`hy-video__${this.headerstyle}`:"",this.styleList?"hy-video--list":""].join(" ");const t=255;const o=this.videoDescription?this.videoDescription.match(/\S/g).length:0;if(this.linkToVideo&&this.styleList){return[e("a",{href:this.linkToVideo,class:i},this.videoTitle&&!this.horizontal&&!this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h2},this.videoTitle),e("div",{class:"hy-video__video-container"},this.previewImageUrl?e("div",null,this.renderPreviewWithLink(),e("slot",{name:"video"})):e("slot",{name:"video"}),this.playButtonVisible&&this.renderPlayButton()),e("div",{class:"hy-video__meta"},this.videoTitle&&this.horizontal||this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h3},this.videoTitle),this.contextLabelVisible&&e("span",{class:"hy-video__label"},this.contextLabel),(this.duration||this.views||this.dateAdded||this.seriesCount)&&e("div",{class:"hy-video__meta__details"},this.duration&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.durationLabel),e("span",{class:"hy-video__meta__content"},this.duration)),this.views&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.viewsLabel),e("span",{class:"hy-video__meta__content"},this.views)),this.dateAdded&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.dateAddedLabel),e("span",{class:"hy-video__meta__content"},this.dateAdded)),!this.views&&this.seriesCount&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.seriesLabel),e("span",{class:"hy-video__meta__content"},this.seriesCount))),this.videoDescription&&e("div",{class:"hy-video__meta__description","aria-expanded":this.descCollapsed?"false":"true"},e("div",{class:"hy-video__meta__description__content"},this.descCollapsed?this.truncate(this.videoDescription,255):this.videoDescription),o>t&&e("span",{class:"hy-video__meta__description__more-button",role:"button",tabindex:"0","aria-expanded":this.descCollapsed?"false":"true",onClick:()=>this.descCollapsed=!this.descCollapsed,onKeyDown:i=>{if(i.key!=" ")return;i.preventDefault();this.descCollapsed=!this.descCollapsed}},this.descCollapsed?this.showMoreLabel:this.showLessLabel))))]}else{return[e("div",{class:i},this.videoTitle&&!this.horizontal&&!this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h2},this.videoTitle),e("div",{class:"hy-video__video-container"},this.previewImageUrl?e("div",null,this.renderPreviewWithLink(),e("slot",{name:"video"})):e("slot",{name:"video"}),this.playButtonVisible&&this.renderPlayButton()),e("div",{class:"hy-video__meta"},this.videoTitle&&this.horizontal||this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h2},this.videoTitle),this.contextLabelVisible&&e("span",{class:"hy-video__label"},this.contextLabel),(this.duration||this.views||this.dateAdded)&&e("div",{class:"hy-video__meta__details"},this.duration&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.durationLabel),e("span",{class:"hy-video__meta__content"},this.duration)),this.views&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.viewsLabel),e("span",{class:"hy-video__meta__content"},this.views)),this.dateAdded&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.dateAddedLabel),e("span",{class:"hy-video__meta__content"},this.dateAdded))),this.videoDescription&&e("div",{class:"hy-video__meta__description","aria-expanded":this.descCollapsed?"false":"true"},e("div",{class:"hy-video__meta__description__content"},this.descCollapsed?this.truncate(this.videoDescription,255):this.videoDescription),o>t&&e("span",{class:"hy-video__meta__description__more-button",role:"button",tabindex:"0","aria-expanded":this.descCollapsed?"false":"true",onClick:()=>this.descCollapsed=!this.descCollapsed,onKeyDown:i=>{if(i.key!=" ")return;i.preventDefault();this.descCollapsed=!this.descCollapsed}},this.descCollapsed?this.showMoreLabel:this.showLessLabel)))),e("hy-box",{mb:"1.75, 1.75, 2, 2.5"})]}}get el(){return t(this)}};s.style=o;export{s as hy_video};
+import{r as i,h as e,g as t}from"./index-f84f2a7d.js";import{f as a}from"./utils-2819fd7e.js";const o=':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}a.hy-video{text-decoration:none}.hy-video__video-container{display:inline-block;margin-bottom:22px;position:relative;width:100%}.hy-video__video-container iframe{border:0;height:100%;overflow:hidden;width:100%}@supports (aspect-ratio: 16/9){.hy-video__video-container iframe{aspect-ratio:16/9;height:auto}}.hy-video__video-container .hy-video__preview-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hy-video__video-container .hy-video__play{background-color:var(--grayscale-white);left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hy-video__video-container .hy-video__play button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button{padding:36px}}.hy-video__video-container .hy-video__play button:hover{cursor:pointer}.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:0.9375rem;line-height:18px;color:var(--link-blue);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.1px;text-align:center;text-transform:uppercase}@media (min-width: 30rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.14px}}@media (min-width: 75.0625rem){.hy-video__video-container .hy-video__play button .hy-video__button-label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.16px}}.hy-video__video-container .hy-video__play button svg{fill:var(--link-blue);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play button svg{height:80px;width:80px}}.hy-video__video-container .hy-video__play__simple{background-color:rgba(0, 0, 0, 0.2);position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hy-video__video-container .hy-video__play__simple:hover{cursor:pointer}.hy-video__video-container .hy-video__play__simple button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-video__video-container .hy-video__play__simple button svg{fill:var(--grayscale-white);height:44px;width:44px}@media (min-width: 60rem){.hy-video__video-container .hy-video__play__simple button svg{height:80px;width:80px}}.hy-video__video-container>*:not(.hy-video__label,.hy-video__play,.hy-video__play__simple){bottom:0;left:0;position:absolute;right:0;top:0}.hy-video__video-container:after{content:"";display:block;padding-top:56.25%}.hy-video:not(.hy-video--horizontal){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: 1601px){.hy-video:not(.hy-video--horizontal):not(.hy-video__default,.hy-video--list){max-width:66%}}.hy-video--list .hy-video__meta__details{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:32px;margin:0}.hy-video--list .hy-video__meta__details--item{margin-right:0;padding-right:0}.hy-video__label{font-size:0.75rem;line-height:14px;display:inline-block;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:bold;letter-spacing:-0.5px;padding:6px 8px;margin:0 0 22px;text-transform:uppercase}.hy-video.hy-video--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 60rem){.hy-video.hy-video--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-video.hy-video--horizontal .hy-video__meta{padding-left:0;width:100%}@media (min-width: 60rem){.hy-video.hy-video--horizontal .hy-video__meta{padding-left:2.5%;width:57.24%}}.hy-video__meta__title h2.hy-heading,.hy-video__meta__title h3.hy-heading{border:none;margin:8px 0 12px 0 !important;-ms-hyphens:auto;hyphens:auto;word-break:break-word;padding:0 !important}@media (min-width: 60rem){.hy-video__meta__title h2.hy-heading,.hy-video__meta__title h3.hy-heading{margin:0 0 16px 0 !important}}.hy-video__meta__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:12px}@media (min-width: 60rem){.hy-video__meta__details{margin-bottom:16px}}.hy-video__meta__details--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:44px;min-width:87px;padding-right:46px;place-content:center space-between}.hy-video__meta__description__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);display:block;font-family:var(--main-font-family);letter-spacing:0;width:100%}@media (min-width: 30rem){.hy-video__meta__description__content{font-size:1.0625rem;line-height:26px}}.hy-video__meta__description__more-button{font-size:1rem;line-height:24px;color:var(--brand-main-light);font-family:var(--main-font-family)}.hy-video__meta__description__more-button:hover{cursor:pointer}.hy-video__meta__label{font-size:0.9375rem;line-height:18px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);margin-bottom:4px}.hy-video__meta__content{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.5px}@media (min-width: 30rem){.hy-video__meta__content{font-size:1.0625rem;line-height:26px;letter-spacing:-0.56px}}';const s=class{constructor(t){i(this,t);this.renderPreviewWithLink=()=>this.linkToVideo?e("a",{title:this.videoTitle,href:this.linkToVideo,class:"hy-video__link-to-video"},e("img",{loading:this.disableLazy?"eager":"lazy",class:"hy-video__preview-image",src:this.previewImageUrl,alt:this.videoTitle})):e("img",{loading:this.disableLazy?"eager":"lazy",class:"hy-video__preview-image",src:this.previewImageUrl,alt:this.videoTitle});this.renderPlayButton=()=>{if(this.simplePlayButton){return e("span",{class:"hy-video__play__simple"},e("button",{type:"button"},e("hy-icon",{icon:"hy-icon-video",class:"hy-video__play-icon",size:20})))}else{return e("span",{class:"hy-video__play"},e("button",{type:"button"},e("hy-icon",{icon:"hy-icon-video",class:"hy-video__play-icon",size:20}),e("span",{class:"hy-video__button-label"},this.playButtonLabel)))}};this.truncate=(i,e)=>i.length>e?i.substr(0,e-1)+"...":i;this.videoTitle=undefined;this.videoDescription=undefined;this.contextLabel=undefined;this.contextLabelVisible=false;this.previewImageUrl=undefined;this.linkToVideo=undefined;this.playButtonLabel=undefined;this.playButtonVisible=false;this.seriesLabel="In this series";this.seriesCount=null;this.views=undefined;this.viewsLabel=undefined;this.duration=undefined;this.durationLabel=undefined;this.dateAdded=undefined;this.dateAddedLabel=undefined;this.horizontal=false;this.disableLazy=false;this.headerstyle="default";this.showMoreLabel="Show more";this.showLessLabel="Show less";this.simplePlayButton=false;this.styleList=false;this.descCollapsed=false}componentDidLoad(){let i=this.el.closest(".hy-main");if(i){if(!i.classList.contains("with-sidebar")){this.headerstyle="large"}}if(this.videoDescription&&this.videoDescription.match(/\S/g).length>255){this.descCollapsed=true}}render(){const i=["hy-video",this.horizontal?"hy-video--horizontal":"",!this.styleList?`hy-video__${this.headerstyle}`:"",this.styleList?"hy-video--list":""].join(" ");const t=255;const o=this.videoDescription?this.videoDescription.match(/\S/g).length:0;if(this.linkToVideo&&this.styleList){return[e("a",{href:this.linkToVideo,class:i},this.videoTitle&&!this.horizontal&&!this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h2},this.videoTitle),e("div",{class:"hy-video__video-container"},this.previewImageUrl?e("div",null,this.renderPreviewWithLink(),e("slot",{name:"video"})):e("slot",{name:"video"}),this.playButtonVisible&&this.renderPlayButton()),e("div",{class:"hy-video__meta"},this.videoTitle&&this.horizontal||this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h3},this.videoTitle),this.contextLabelVisible&&e("span",{class:"hy-video__label"},this.contextLabel),(this.duration||this.views||this.dateAdded||this.seriesCount)&&e("div",{class:"hy-video__meta__details"},this.duration&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.durationLabel),e("span",{class:"hy-video__meta__content"},this.duration)),this.views&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.viewsLabel),e("span",{class:"hy-video__meta__content"},this.views)),this.dateAdded&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.dateAddedLabel),e("span",{class:"hy-video__meta__content"},this.dateAdded)),!this.views&&this.seriesCount&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.seriesLabel),e("span",{class:"hy-video__meta__content"},this.seriesCount))),this.videoDescription&&e("div",{class:"hy-video__meta__description","aria-expanded":this.descCollapsed?"false":"true"},e("div",{class:"hy-video__meta__description__content"},this.descCollapsed?this.truncate(this.videoDescription,255):this.videoDescription),o>t&&e("span",{class:"hy-video__meta__description__more-button",role:"button",tabindex:"0","aria-expanded":this.descCollapsed?"false":"true",onClick:()=>this.descCollapsed=!this.descCollapsed,onKeyDown:i=>{if(i.key!=" ")return;i.preventDefault();this.descCollapsed=!this.descCollapsed}},this.descCollapsed?this.showMoreLabel:this.showLessLabel))))]}else{return[e("div",{class:i},this.videoTitle&&!this.horizontal&&!this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h2},this.videoTitle),e("div",{class:"hy-video__video-container"},this.previewImageUrl?e("div",null,this.renderPreviewWithLink(),e("slot",{name:"video"})):e("slot",{name:"video"}),this.playButtonVisible&&this.renderPlayButton()),e("div",{class:"hy-video__meta"},this.videoTitle&&this.horizontal||this.styleList&&e("hy-heading",{class:"hy-video__meta__title",heading:a.h2},this.videoTitle),this.contextLabelVisible&&e("span",{class:"hy-video__label"},this.contextLabel),(this.duration||this.views||this.dateAdded)&&e("div",{class:"hy-video__meta__details"},this.duration&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.durationLabel),e("span",{class:"hy-video__meta__content"},this.duration)),this.views&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.viewsLabel),e("span",{class:"hy-video__meta__content"},this.views)),this.dateAdded&&e("div",{class:"hy-video__meta__details--item"},e("span",{class:"hy-video__meta__label"},this.dateAddedLabel),e("span",{class:"hy-video__meta__content"},this.dateAdded))),this.videoDescription&&e("div",{class:"hy-video__meta__description","aria-expanded":this.descCollapsed?"false":"true"},e("div",{class:"hy-video__meta__description__content"},this.descCollapsed?this.truncate(this.videoDescription,255):this.videoDescription),o>t&&e("span",{class:"hy-video__meta__description__more-button",role:"button",tabindex:"0","aria-expanded":this.descCollapsed?"false":"true",onClick:()=>this.descCollapsed=!this.descCollapsed,onKeyDown:i=>{if(i.key!=" ")return;i.preventDefault();this.descCollapsed=!this.descCollapsed}},this.descCollapsed?this.showMoreLabel:this.showLessLabel)))),e("hy-box",{mb:"1.75, 1.75, 2, 2.5"})]}}get el(){return t(this)}};s.style=o;export{s as hy_video};
 //# sourceMappingURL=hy-video.entry.js.map

package/dist/huds-lib/utils-2819fd7e.js

@@ -0,0 +1,2 @@
+var a;(function(a){a["enabled"]="enabled";a["disabled"]="disabled"})(a||(a={}));var n;(function(a){a["default"]="base";a["base"]="base";a["campus"]="base";a["group"]="group"})(n||(n={}));var r;(function(a){a["default"]="default";a["mini"]="mini"})(r||(r={}));var t;(function(a){a["default"]="default";a["landingLarge"]="large"})(t||(t={}));var i;(function(a){a["default"]="h1";a["h2"]="h2";a["h3"]="h3";a["h4"]="h4";a["h5"]="h5";a["h6"]="h6"})(i||(i={}));var o;(function(a){a["default"]="default";a["hero"]="hero";a["subSection"]="subsection";a["introduction"]="introduction";a["landingPageHeader"]="landingsection";a["contentPageHeader"]="contentsection";a["frontPage"]="frontpage";a["landingMajor"]="landing_major";a["landingMinor"]="landing_minor";a["course"]="courses";a["groupFooterInfo"]="group_footer_info";a["defaultFooterInfo"]="footer_info"})(o||(o={}));var e;(function(a){a["default"]="default";a["paragraph"]="within-paragraph"})(e||(e={}));var u;(function(a){a["default"]="default";a["linkList"]="link-list"})(u||(u={}));var s;(function(a){a["default"]="default";a["onBlueBkgd"]="blue-background";a["onWhiteBkgd"]="white-background";a["onBlackBkgd"]="black-background";a["onTransparentBkgd"]="transparent-background";a["heroWhite"]="hero-white";a["heroBlue"]="hero-blue";a["heroBlack"]="hero-black";a["darkBlue"]="dark-blue-background"})(s||(s={}));var l;(function(a){a["default"]="big";a["small"]="small"})(l||(l={}));var c;(function(a){a["default"]="big";a["small"]="small"})(c||(c={}));var f;(function(a){a["default"]="content";a["landingPage"]="landing"})(f||(f={}));var d;(function(a){a["default"]="row";a["row"]="row";a["grid"]="grid"})(d||(d={}));var g;(function(a){a["default"]="current";a["pastCourses"]="past-courses"})(g||(g={}));var v;(function(a){a["default"]="results";a["searchPanel"]="search-panel";a["extended"]="extended"})(v||(v={}));var b;(function(a){a["default"]="grid";a["grid"]="grid";a["list"]="list"})(b||(b={}));var h;(function(a){a["default"]="default";a["degreeProgramme"]="degree";a["position"]="position"})(h||(h={}));var _;(function(a){a["default"]="default";a["current"]="current";a["previous"]="previous";a["next"]="next";a["ellipsis"]="ellipsis"})(_||(_={}));var p;(function(a){a["desktop"]="desktop";a["mobile"]="mobile";a["tablet"]="tablet";a["default"]="desktop"})(p||(p={}));var k;(function(a){a[a["small"]=32]="small";a[a["big"]=64]="big";a[a["large"]=80]="large"})(k||(k={}));var m;(function(a){a["header"]="header";a["footer"]="footer"})(m||(m={}));var w;(function(a){a["black"]="var(--brand-main-nearly-black)";a["white"]="var(--grayscale-white)";a["grey_dark"]="var(--grayscale-dark)"})(w||(w={}));var x;(function(a){a["blue"]="blue";a["black"]="black";a["white"]="white";a["fp_white"]="fp_white"})(x||(x={}));var y;(function(a){a["large"]="large";a["small"]="small";a["fullImage"]="full-image"})(y||(y={}));var j;(function(a){a["landing"]="landing";a["group_landing"]="group_landing";a["minor_landing"]="minor_landing";a["front_page"]="front_page"})(j||(j={}));var q;(function(a){a["default"]="no_group";a["research"]="research_group"})(q||(q={}));var A;(function(a){a["dark_text_light_bg"]="dark_text_light_bg";a["light_text_dark_bg"]="light_text_dark_bg";a["dark_text_no_bg"]="dark_text_no_bg";a["light_text_no_bg"]="light_text_no_bg"})(A||(A={}));var B;(function(a){a["black"]="black";a["white"]="white"})(B||(B={}));var C;(function(a){a["default"]="default";a["button"]="button"})(C||(C={}));var F;(function(a){a["list"]="list";a["grid"]="grid"})(F||(F={}));export{r as A,t as B,w as C,B as F,F as G,j as H,c as K,h as L,p as M,_ as P,k as S,q as a,x as b,y as c,s as d,C as e,i as f,o as g,u as h,e as i,d as j,g as k,f as l,l as m,b as n,m as o,n as p,v as q};
+//# sourceMappingURL=utils-2819fd7e.js.map

package/dist/huds-lib/utils-2819fd7e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonStates","FooterLinkVariants","AccordionVariants","BreadcrumbVariants","HeadingVarians","HeadingSectionVariants","LinkVariants","CtaLinkVariants","CtaLinkButtonVariants","ProcessFlowBoxVariants","KeyHighlightVariants","LinkBoxVariants","CourseVariants","CourseStateVariants","PersonCardVariants","ListStyleVariants","ListItemVariants","PaginationItemVariants","MenuType","SiteLogoSize","FooterVariant","ColorVariant","HeroColorVariant","HeroSizeVariant","HeroTypeVariant","HeroGroupTypeVariant","HeroTextColor","FooterLinkItemColor","CheckboxVariants","GeneralListTypes"],"sources":["./src/utils/utils.ts"],"sourcesContent":["import {FunctionalComponent} from \"@stencil/core\";\n\nexport type ButtonVariants = \"primary\" | \"secondary\";\nexport enum ButtonStates {\n  enabled = \"enabled\",\n  disabled = \"disabled\",\n}\n\nexport type FetchPriorityRange = \"low\" | \"high\" | \"auto\";\n\nexport type ProcessFlowBoxStepStates = \"first\" | \"default\";\n\nexport type IconName = {\n  [key: string]: (props: any) => FunctionalComponent;\n};\n\nexport enum FooterLinkVariants {\n  default = \"base\",\n  base = \"base\",\n  campus = \"base\",\n  group = \"group\",\n}\n\nexport enum AccordionVariants {\n  default = \"default\",\n  mini = \"mini\",\n}\n\nexport enum BreadcrumbVariants {\n  default = \"default\",\n  landingLarge = \"large\",\n}\n\nexport enum HeadingVarians {\n  default = \"h1\",\n  h2 = \"h2\",\n  h3 = \"h3\",\n  h4 = \"h4\",\n  h5 = \"h5\",\n  h6 = \"h6\",\n}\n\nexport enum HeadingSectionVariants {\n  default = \"default\",\n  hero = \"hero\",\n  subSection = \"subsection\",\n  introduction = \"introduction\",\n  landingPageHeader = \"landingsection\",\n  contentPageHeader = \"contentsection\",\n  frontPage = \"frontpage\",\n  landingMajor = \"landing_major\",\n  landingMinor = \"landing_minor\",\n  course = \"courses\",\n  groupFooterInfo = \"group_footer_info\",\n  defaultFooterInfo = \"footer_info\",\n}\n\nexport enum LinkVariants {\n  default = \"default\",\n  paragraph = \"within-paragraph\",\n}\n\nexport enum CtaLinkVariants {\n  default = \"default\",\n  linkList = \"link-list\",\n}\n\nexport enum CtaLinkButtonVariants {\n  default = \"default\",\n  onBlueBkgd = \"blue-background\",\n  onWhiteBkgd = \"white-background\",\n  onBlackBkgd = \"black-background\",\n  onTransparentBkgd = \"transparent-background\",\n  heroWhite = \"hero-white\",\n  heroBlue = \"hero-blue\",\n  heroBlack = \"hero-black\",\n  darkBlue = \"dark-blue-background\",\n}\n\nexport enum ProcessFlowBoxVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum KeyHighlightVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum LinkBoxVariants {\n  default = \"content\",\n  landingPage = \"landing\",\n}\n\nexport enum CourseVariants {\n  default = \"row\",\n  row = \"row\",\n  grid = \"grid\",\n}\n\nexport enum CourseStateVariants {\n  default = \"current\",\n  pastCourses = \"past-courses\",\n}\n\nexport enum PersonCardVariants {\n  default = \"results\",\n  searchPanel = \"search-panel\",\n  extended = \"extended\",\n}\n\nexport enum ListStyleVariants {\n  default = \"grid\",\n  grid = \"grid\",\n  list = \"list\",\n}\n\nexport enum ListItemVariants {\n  default = \"default\",\n  degreeProgramme = \"degree\",\n  position = \"position\",\n}\n\nexport enum PaginationItemVariants {\n  default = \"default\",\n  current = \"current\",\n  previous = \"previous\",\n  next = \"next\",\n  ellipsis = \"ellipsis\",\n}\n\nexport enum MenuType {\n  desktop = \"desktop\",\n  mobile = \"mobile\",\n  tablet = \"tablet\",\n  default = \"desktop\",\n}\n\nexport enum SiteLogoSize {\n  small = 32,\n  big = 64,\n  large = 80,\n}\n\nexport enum FooterVariant {\n  header = \"header\",\n  footer = \"footer\",\n}\n\nexport enum ColorVariant {\n  black = \"var(--brand-main-nearly-black)\",\n  white = \"var(--grayscale-white)\",\n  grey_dark = \"var(--grayscale-dark)\",\n}\n\nexport type IntroductionBgColors = \"white\";\n\nexport enum HeroColorVariant {\n  blue = \"blue\",\n  black = \"black\",\n  white = \"white\",\n  fp_white = \"fp_white\",\n}\n\nexport enum HeroSizeVariant {\n  large = \"large\",\n  small = \"small\",\n  fullImage = 'full-image',\n}\n\nexport enum HeroTypeVariant {\n  landing = \"landing\",\n  group_landing = \"group_landing\",\n  minor_landing = \"minor_landing\",\n  front_page = \"front_page\",\n}\n\nexport enum HeroGroupTypeVariant {\n  default = \"no_group\",\n  research = \"research_group\",\n}\n\nexport enum HeroTextColor {\n  dark_text_light_bg = 'dark_text_light_bg',\n  light_text_dark_bg = 'light_text_dark_bg',\n  dark_text_no_bg = 'dark_text_no_bg',\n  light_text_no_bg = 'light_text_no_bg',\n}\n\nexport enum FooterLinkItemColor {\n  black = \"black\",\n  white = \"white\",\n}\n\nexport enum CheckboxVariants {\n  default = \"default\",\n  button = \"button\",\n}\n\nexport enum GeneralListTypes {\n  list = \"list\",\n  grid = \"grid\",\n}\n"],"mappings":"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"}

package/dist/types/components/hy-hero/hy-hero.d.ts

@@ -4,13 +4,14 @@ export interface ImageSrcSet {
   type: string;
   sizes: string | null;
 }
-import { HeroColorVariant, HeroSizeVariant, HeroGroupTypeVariant, HeroTypeVariant } from "../../utils/utils";
+import { HeroColorVariant, HeroSizeVariant, HeroGroupTypeVariant, HeroTypeVariant, HeroTextColor } from "../../utils/utils";
 export declare class HyHero {
   el: HTMLElement;
   heroType: HeroTypeVariant;
   heroGroupType: HeroGroupTypeVariant;
   colorVariant: HeroColorVariant;
   sizeVariant: HeroSizeVariant;
+  heroTextColor: HeroTextColor;
   image: string;
   imageHeight: number;
   imageWidth: number;
@@ -19,6 +20,7 @@ export declare class HyHero {
   hasShortcuts: boolean;
   heading: string;
   description: string;
+  subtitle: string;
   url: string;
   urlTitle: string;
   scLabel?: string;
@@ -27,5 +29,9 @@ export declare class HyHero {
   sourceSet: ImageSrcSet[] | string;
   componentWillLoad(): Promise<void>;
   handleHeroImageObjectFitValue(heroSizeVariant: any, heroElement: any): void;
+  createImageElement(props: any, srcSet: any, aspectRatio: any): any;
+  setAspectRatio(aspectRatioWidth?: number, aspectRatioHeight?: number): {
+    "--aspectRatio": "aspectRatio";
+  };
   render(): any;
 }

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccordionVariants, BreadcrumbVariants, CheckboxVariants, ColorVariant, CourseStateVariants, CourseVariants, CtaLinkButtonVariants, CtaLinkVariants, FetchPriorityRange, FooterLinkItemColor, FooterLinkVariants, FooterVariant, GeneralListTypes, HeadingSectionVariants, HeadingVarians, HeroColorVariant, HeroGroupTypeVariant, HeroSizeVariant, HeroTypeVariant, IntroductionBgColors, KeyHighlightVariants, LinkBoxVariants, LinkVariants, ListItemVariants, MenuType, PaginationItemVariants, PersonCardVariants, ProcessFlowBoxStepStates, ProcessFlowBoxVariants, SiteLogoSize } from "./utils/utils";
+import { AccordionVariants, BreadcrumbVariants, CheckboxVariants, ColorVariant, CourseStateVariants, CourseVariants, CtaLinkButtonVariants, CtaLinkVariants, FetchPriorityRange, FooterLinkItemColor, FooterLinkVariants, FooterVariant, GeneralListTypes, HeadingSectionVariants, HeadingVarians, HeroColorVariant, HeroGroupTypeVariant, HeroSizeVariant, HeroTextColor, HeroTypeVariant, IntroductionBgColors, KeyHighlightVariants, LinkBoxVariants, LinkVariants, ListItemVariants, MenuType, PaginationItemVariants, PersonCardVariants, ProcessFlowBoxStepStates, ProcessFlowBoxVariants, SiteLogoSize } from "./utils/utils";
 import { ImageSrcSet } from "./components/hy-adjacent-image-text/adjacent-image-text";
 import { AnchorItem } from "./components/hy-anchor-link-list/hy-anchor-link-list";
 import { Breadcrumb } from "./components/hy-breadcrumbs/hy-breadcrumbs";
@@ -36,7 +36,7 @@ import { ProcessFlowBoxValue } from "./components/hy-process/process";
 import { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
 import { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
 import { DesktopLinks } from "./components/hy-site-header/site-header";
-export { AccordionVariants, BreadcrumbVariants, CheckboxVariants, ColorVariant, CourseStateVariants, CourseVariants, CtaLinkButtonVariants, CtaLinkVariants, FetchPriorityRange, FooterLinkItemColor, FooterLinkVariants, FooterVariant, GeneralListTypes, HeadingSectionVariants, HeadingVarians, HeroColorVariant, HeroGroupTypeVariant, HeroSizeVariant, HeroTypeVariant, IntroductionBgColors, KeyHighlightVariants, LinkBoxVariants, LinkVariants, ListItemVariants, MenuType, PaginationItemVariants, PersonCardVariants, ProcessFlowBoxStepStates, ProcessFlowBoxVariants, SiteLogoSize } from "./utils/utils";
+export { AccordionVariants, BreadcrumbVariants, CheckboxVariants, ColorVariant, CourseStateVariants, CourseVariants, CtaLinkButtonVariants, CtaLinkVariants, FetchPriorityRange, FooterLinkItemColor, FooterLinkVariants, FooterVariant, GeneralListTypes, HeadingSectionVariants, HeadingVarians, HeroColorVariant, HeroGroupTypeVariant, HeroSizeVariant, HeroTextColor, HeroTypeVariant, IntroductionBgColors, KeyHighlightVariants, LinkBoxVariants, LinkVariants, ListItemVariants, MenuType, PaginationItemVariants, PersonCardVariants, ProcessFlowBoxStepStates, ProcessFlowBoxVariants, SiteLogoSize } from "./utils/utils";
 export { ImageSrcSet } from "./components/hy-adjacent-image-text/adjacent-image-text";
 export { AnchorItem } from "./components/hy-anchor-link-list/hy-anchor-link-list";
 export { Breadcrumb } from "./components/hy-breadcrumbs/hy-breadcrumbs";
@@ -466,6 +466,7 @@ export namespace Components {
         "hasShortcuts": boolean;
         "heading": string;
         "heroGroupType": HeroGroupTypeVariant;
+        "heroTextColor": HeroTextColor;
         "heroType": HeroTypeVariant;
         "image": string;
         "imageAltText": string;
@@ -475,6 +476,7 @@ export namespace Components {
         "scLabel"?: string;
         "sizeVariant": HeroSizeVariant;
         "sourceSet": ImageSrcSet1[] | string;
+        "subtitle": string;
         "url": string;
         "urlTitle": string;
     }
@@ -1945,6 +1947,7 @@ declare namespace LocalJSX {
         "hasShortcuts"?: boolean;
         "heading"?: string;
         "heroGroupType"?: HeroGroupTypeVariant;
+        "heroTextColor"?: HeroTextColor;
         "heroType"?: HeroTypeVariant;
         "image"?: string;
         "imageAltText"?: string;
@@ -1954,6 +1957,7 @@ declare namespace LocalJSX {
         "scLabel"?: string;
         "sizeVariant"?: HeroSizeVariant;
         "sourceSet"?: ImageSrcSet1[] | string;
+        "subtitle"?: string;
         "url"?: string;
         "urlTitle"?: string;
     }

package/dist/types/utils/utils.d.ts

@@ -136,7 +136,8 @@ export declare enum HeroColorVariant {
 }
 export declare enum HeroSizeVariant {
   large = "large",
-  small = "small"
+  small = "small",
+  fullImage = "full-image"
 }
 export declare enum HeroTypeVariant {
   landing = "landing",
@@ -148,6 +149,12 @@ export declare enum HeroGroupTypeVariant {
   default = "no_group",
   research = "research_group"
 }
+export declare enum HeroTextColor {
+  dark_text_light_bg = "dark_text_light_bg",
+  light_text_dark_bg = "light_text_dark_bg",
+  dark_text_no_bg = "dark_text_no_bg",
+  light_text_no_bg = "light_text_no_bg"
+}
 export declare enum FooterLinkItemColor {
   black = "black",
   white = "white"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.8.62",
+  "version": "0.8.64",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -68,5 +68,5 @@
       "pre-commit": "pretty-quick --staged"
     }
   },
-  "gitHead": "7d04e77abf6ee2bfb3b0eb1d73281197f87005e5"
+  "gitHead": "9e0b6d28edfeb9d8a9479afdd54b531d98e638c8"
 }

package/dist/cjs/utils-bfc1127a.js.map

@@ -1 +0,0 @@
-{"file":"utils-bfc1127a.js","mappings":"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","names":["FooterLinkVariants","AccordionVariants","BreadcrumbVariants","HeadingVarians","HeadingSectionVariants","LinkVariants","CtaLinkVariants","CtaLinkButtonVariants","ProcessFlowBoxVariants","KeyHighlightVariants","LinkBoxVariants","CourseVariants","CourseStateVariants","PersonCardVariants","ListStyleVariants","ListItemVariants","PaginationItemVariants","MenuType","SiteLogoSize","FooterVariant","ColorVariant","HeroColorVariant","HeroSizeVariant","HeroTypeVariant","HeroGroupTypeVariant","FooterLinkItemColor","CheckboxVariants","GeneralListTypes"],"sources":["./src/utils/utils.ts"],"sourcesContent":["import {FunctionalComponent} from \"@stencil/core\";\n\nexport type ButtonVariants = \"primary\" | \"secondary\";\nexport enum ButtonStates {\n  enabled = \"enabled\",\n  disabled = \"disabled\",\n}\n\nexport type FetchPriorityRange = \"low\" | \"high\" | \"auto\";\n\nexport type ProcessFlowBoxStepStates = \"first\" | \"default\";\n\nexport type IconName = {\n  [key: string]: (props: any) => FunctionalComponent;\n};\n\nexport enum FooterLinkVariants {\n  default = \"base\",\n  base = \"base\",\n  campus = \"base\",\n  group = \"group\",\n}\n\nexport enum AccordionVariants {\n  default = \"default\",\n  mini = \"mini\",\n}\n\nexport enum BreadcrumbVariants {\n  default = \"default\",\n  landingLarge = \"large\",\n}\n\nexport enum HeadingVarians {\n  default = \"h1\",\n  h2 = \"h2\",\n  h3 = \"h3\",\n  h4 = \"h4\",\n  h5 = \"h5\",\n  h6 = \"h6\",\n}\n\nexport enum HeadingSectionVariants {\n  default = \"default\",\n  hero = \"hero\",\n  subSection = \"subsection\",\n  introduction = \"introduction\",\n  landingPageHeader = \"landingsection\",\n  contentPageHeader = \"contentsection\",\n  frontPage = \"frontpage\",\n  landingMajor = \"landing_major\",\n  landingMinor = \"landing_minor\",\n  course = \"courses\",\n  groupFooterInfo = \"group_footer_info\",\n  defaultFooterInfo = \"footer_info\",\n}\n\nexport enum LinkVariants {\n  default = \"default\",\n  paragraph = \"within-paragraph\",\n}\n\nexport enum CtaLinkVariants {\n  default = \"default\",\n  linkList = \"link-list\",\n}\n\nexport enum CtaLinkButtonVariants {\n  default = \"default\",\n  onBlueBkgd = \"blue-background\",\n  onWhiteBkgd = \"white-background\",\n  onBlackBkgd = \"black-background\",\n  onTransparentBkgd = \"transparent-background\",\n  heroWhite = \"hero-white\",\n  heroBlue = \"hero-blue\",\n  heroBlack = \"hero-black\",\n  darkBlue = \"dark-blue-background\",\n}\n\nexport enum ProcessFlowBoxVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum KeyHighlightVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum LinkBoxVariants {\n  default = \"content\",\n  landingPage = \"landing\",\n}\n\nexport enum CourseVariants {\n  default = \"row\",\n  row = \"row\",\n  grid = \"grid\",\n}\n\nexport enum CourseStateVariants {\n  default = \"current\",\n  pastCourses = \"past-courses\",\n}\n\nexport enum PersonCardVariants {\n  default = \"results\",\n  searchPanel = \"search-panel\",\n  extended = \"extended\",\n}\n\nexport enum ListStyleVariants {\n  default = \"grid\",\n  grid = \"grid\",\n  list = \"list\",\n}\n\nexport enum ListItemVariants {\n  default = \"default\",\n  degreeProgramme = \"degree\",\n  position = \"position\",\n}\n\nexport enum PaginationItemVariants {\n  default = \"default\",\n  current = \"current\",\n  previous = \"previous\",\n  next = \"next\",\n  ellipsis = \"ellipsis\",\n}\n\nexport enum MenuType {\n  desktop = \"desktop\",\n  mobile = \"mobile\",\n  tablet = \"tablet\",\n  default = \"desktop\",\n}\n\nexport enum SiteLogoSize {\n  small = 32,\n  big = 64,\n  large = 80,\n}\n\nexport enum FooterVariant {\n  header = \"header\",\n  footer = \"footer\",\n}\n\nexport enum ColorVariant {\n  black = \"var(--brand-main-nearly-black)\",\n  white = \"var(--grayscale-white)\",\n  grey_dark = \"var(--grayscale-dark)\",\n}\n\nexport type IntroductionBgColors = \"white\";\n\nexport enum HeroColorVariant {\n  blue = \"blue\",\n  black = \"black\",\n  white = \"white\",\n  fp_white = \"fp_white\",\n}\n\nexport enum HeroSizeVariant {\n  large = \"large\",\n  small = \"small\",\n}\n\nexport enum HeroTypeVariant {\n  landing = \"landing\",\n  group_landing = \"group_landing\",\n  minor_landing = \"minor_landing\",\n  front_page = \"front_page\",\n}\n\nexport enum HeroGroupTypeVariant {\n  default = \"no_group\",\n  research = \"research_group\",\n}\n\nexport enum FooterLinkItemColor {\n  black = \"black\",\n  white = \"white\",\n}\n\nexport enum CheckboxVariants {\n  default = \"default\",\n  button = \"button\",\n}\n\nexport enum GeneralListTypes {\n  list = \"list\",\n  grid = \"grid\",\n}\n"],"version":3}

package/dist/esm/utils-7438924c.js.map

@@ -1 +0,0 @@
-{"file":"utils-7438924c.js","mappings":"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","names":[],"sources":["./src/utils/utils.ts"],"sourcesContent":["import {FunctionalComponent} from \"@stencil/core\";\n\nexport type ButtonVariants = \"primary\" | \"secondary\";\nexport enum ButtonStates {\n  enabled = \"enabled\",\n  disabled = \"disabled\",\n}\n\nexport type FetchPriorityRange = \"low\" | \"high\" | \"auto\";\n\nexport type ProcessFlowBoxStepStates = \"first\" | \"default\";\n\nexport type IconName = {\n  [key: string]: (props: any) => FunctionalComponent;\n};\n\nexport enum FooterLinkVariants {\n  default = \"base\",\n  base = \"base\",\n  campus = \"base\",\n  group = \"group\",\n}\n\nexport enum AccordionVariants {\n  default = \"default\",\n  mini = \"mini\",\n}\n\nexport enum BreadcrumbVariants {\n  default = \"default\",\n  landingLarge = \"large\",\n}\n\nexport enum HeadingVarians {\n  default = \"h1\",\n  h2 = \"h2\",\n  h3 = \"h3\",\n  h4 = \"h4\",\n  h5 = \"h5\",\n  h6 = \"h6\",\n}\n\nexport enum HeadingSectionVariants {\n  default = \"default\",\n  hero = \"hero\",\n  subSection = \"subsection\",\n  introduction = \"introduction\",\n  landingPageHeader = \"landingsection\",\n  contentPageHeader = \"contentsection\",\n  frontPage = \"frontpage\",\n  landingMajor = \"landing_major\",\n  landingMinor = \"landing_minor\",\n  course = \"courses\",\n  groupFooterInfo = \"group_footer_info\",\n  defaultFooterInfo = \"footer_info\",\n}\n\nexport enum LinkVariants {\n  default = \"default\",\n  paragraph = \"within-paragraph\",\n}\n\nexport enum CtaLinkVariants {\n  default = \"default\",\n  linkList = \"link-list\",\n}\n\nexport enum CtaLinkButtonVariants {\n  default = \"default\",\n  onBlueBkgd = \"blue-background\",\n  onWhiteBkgd = \"white-background\",\n  onBlackBkgd = \"black-background\",\n  onTransparentBkgd = \"transparent-background\",\n  heroWhite = \"hero-white\",\n  heroBlue = \"hero-blue\",\n  heroBlack = \"hero-black\",\n  darkBlue = \"dark-blue-background\",\n}\n\nexport enum ProcessFlowBoxVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum KeyHighlightVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum LinkBoxVariants {\n  default = \"content\",\n  landingPage = \"landing\",\n}\n\nexport enum CourseVariants {\n  default = \"row\",\n  row = \"row\",\n  grid = \"grid\",\n}\n\nexport enum CourseStateVariants {\n  default = \"current\",\n  pastCourses = \"past-courses\",\n}\n\nexport enum PersonCardVariants {\n  default = \"results\",\n  searchPanel = \"search-panel\",\n  extended = \"extended\",\n}\n\nexport enum ListStyleVariants {\n  default = \"grid\",\n  grid = \"grid\",\n  list = \"list\",\n}\n\nexport enum ListItemVariants {\n  default = \"default\",\n  degreeProgramme = \"degree\",\n  position = \"position\",\n}\n\nexport enum PaginationItemVariants {\n  default = \"default\",\n  current = \"current\",\n  previous = \"previous\",\n  next = \"next\",\n  ellipsis = \"ellipsis\",\n}\n\nexport enum MenuType {\n  desktop = \"desktop\",\n  mobile = \"mobile\",\n  tablet = \"tablet\",\n  default = \"desktop\",\n}\n\nexport enum SiteLogoSize {\n  small = 32,\n  big = 64,\n  large = 80,\n}\n\nexport enum FooterVariant {\n  header = \"header\",\n  footer = \"footer\",\n}\n\nexport enum ColorVariant {\n  black = \"var(--brand-main-nearly-black)\",\n  white = \"var(--grayscale-white)\",\n  grey_dark = \"var(--grayscale-dark)\",\n}\n\nexport type IntroductionBgColors = \"white\";\n\nexport enum HeroColorVariant {\n  blue = \"blue\",\n  black = \"black\",\n  white = \"white\",\n  fp_white = \"fp_white\",\n}\n\nexport enum HeroSizeVariant {\n  large = \"large\",\n  small = \"small\",\n}\n\nexport enum HeroTypeVariant {\n  landing = \"landing\",\n  group_landing = \"group_landing\",\n  minor_landing = \"minor_landing\",\n  front_page = \"front_page\",\n}\n\nexport enum HeroGroupTypeVariant {\n  default = \"no_group\",\n  research = \"research_group\",\n}\n\nexport enum FooterLinkItemColor {\n  black = \"black\",\n  white = \"white\",\n}\n\nexport enum CheckboxVariants {\n  default = \"default\",\n  button = \"button\",\n}\n\nexport enum GeneralListTypes {\n  list = \"list\",\n  grid = \"grid\",\n}\n"],"version":3}

package/dist/huds-lib/utils-7438924c.js

@@ -1,2 +0,0 @@
-var a;(function(a){a["enabled"]="enabled";a["disabled"]="disabled"})(a||(a={}));var n;(function(a){a["default"]="base";a["base"]="base";a["campus"]="base";a["group"]="group"})(n||(n={}));var r;(function(a){a["default"]="default";a["mini"]="mini"})(r||(r={}));var t;(function(a){a["default"]="default";a["landingLarge"]="large"})(t||(t={}));var o;(function(a){a["default"]="h1";a["h2"]="h2";a["h3"]="h3";a["h4"]="h4";a["h5"]="h5";a["h6"]="h6"})(o||(o={}));var i;(function(a){a["default"]="default";a["hero"]="hero";a["subSection"]="subsection";a["introduction"]="introduction";a["landingPageHeader"]="landingsection";a["contentPageHeader"]="contentsection";a["frontPage"]="frontpage";a["landingMajor"]="landing_major";a["landingMinor"]="landing_minor";a["course"]="courses";a["groupFooterInfo"]="group_footer_info";a["defaultFooterInfo"]="footer_info"})(i||(i={}));var e;(function(a){a["default"]="default";a["paragraph"]="within-paragraph"})(e||(e={}));var s;(function(a){a["default"]="default";a["linkList"]="link-list"})(s||(s={}));var u;(function(a){a["default"]="default";a["onBlueBkgd"]="blue-background";a["onWhiteBkgd"]="white-background";a["onBlackBkgd"]="black-background";a["onTransparentBkgd"]="transparent-background";a["heroWhite"]="hero-white";a["heroBlue"]="hero-blue";a["heroBlack"]="hero-black";a["darkBlue"]="dark-blue-background"})(u||(u={}));var c;(function(a){a["default"]="big";a["small"]="small"})(c||(c={}));var l;(function(a){a["default"]="big";a["small"]="small"})(l||(l={}));var f;(function(a){a["default"]="content";a["landingPage"]="landing"})(f||(f={}));var d;(function(a){a["default"]="row";a["row"]="row";a["grid"]="grid"})(d||(d={}));var g;(function(a){a["default"]="current";a["pastCourses"]="past-courses"})(g||(g={}));var v;(function(a){a["default"]="results";a["searchPanel"]="search-panel";a["extended"]="extended"})(v||(v={}));var b;(function(a){a["default"]="grid";a["grid"]="grid";a["list"]="list"})(b||(b={}));var h;(function(a){a["default"]="default";a["degreeProgramme"]="degree";a["position"]="position"})(h||(h={}));var p;(function(a){a["default"]="default";a["current"]="current";a["previous"]="previous";a["next"]="next";a["ellipsis"]="ellipsis"})(p||(p={}));var k;(function(a){a["desktop"]="desktop";a["mobile"]="mobile";a["tablet"]="tablet";a["default"]="desktop"})(k||(k={}));var m;(function(a){a[a["small"]=32]="small";a[a["big"]=64]="big";a[a["large"]=80]="large"})(m||(m={}));var _;(function(a){a["header"]="header";a["footer"]="footer"})(_||(_={}));var w;(function(a){a["black"]="var(--brand-main-nearly-black)";a["white"]="var(--grayscale-white)";a["grey_dark"]="var(--grayscale-dark)"})(w||(w={}));var x;(function(a){a["blue"]="blue";a["black"]="black";a["white"]="white";a["fp_white"]="fp_white"})(x||(x={}));var y;(function(a){a["large"]="large";a["small"]="small"})(y||(y={}));var j;(function(a){a["landing"]="landing";a["group_landing"]="group_landing";a["minor_landing"]="minor_landing";a["front_page"]="front_page"})(j||(j={}));var q;(function(a){a["default"]="no_group";a["research"]="research_group"})(q||(q={}));var A;(function(a){a["black"]="black";a["white"]="white"})(A||(A={}));var B;(function(a){a["default"]="default";a["button"]="button"})(B||(B={}));var C;(function(a){a["list"]="list";a["grid"]="grid"})(C||(C={}));export{r as A,t as B,w as C,A as F,C as G,j as H,l as K,h as L,k as M,p as P,m as S,q as a,x as b,y as c,u as d,B as e,o as f,i as g,s as h,e as i,d as j,g as k,f as l,c as m,b as n,_ as o,n as p,v as q};
-//# sourceMappingURL=utils-7438924c.js.map

package/dist/huds-lib/utils-7438924c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ButtonStates","FooterLinkVariants","AccordionVariants","BreadcrumbVariants","HeadingVarians","HeadingSectionVariants","LinkVariants","CtaLinkVariants","CtaLinkButtonVariants","ProcessFlowBoxVariants","KeyHighlightVariants","LinkBoxVariants","CourseVariants","CourseStateVariants","PersonCardVariants","ListStyleVariants","ListItemVariants","PaginationItemVariants","MenuType","SiteLogoSize","FooterVariant","ColorVariant","HeroColorVariant","HeroSizeVariant","HeroTypeVariant","HeroGroupTypeVariant","FooterLinkItemColor","CheckboxVariants","GeneralListTypes"],"sources":["./src/utils/utils.ts"],"sourcesContent":["import {FunctionalComponent} from \"@stencil/core\";\n\nexport type ButtonVariants = \"primary\" | \"secondary\";\nexport enum ButtonStates {\n  enabled = \"enabled\",\n  disabled = \"disabled\",\n}\n\nexport type FetchPriorityRange = \"low\" | \"high\" | \"auto\";\n\nexport type ProcessFlowBoxStepStates = \"first\" | \"default\";\n\nexport type IconName = {\n  [key: string]: (props: any) => FunctionalComponent;\n};\n\nexport enum FooterLinkVariants {\n  default = \"base\",\n  base = \"base\",\n  campus = \"base\",\n  group = \"group\",\n}\n\nexport enum AccordionVariants {\n  default = \"default\",\n  mini = \"mini\",\n}\n\nexport enum BreadcrumbVariants {\n  default = \"default\",\n  landingLarge = \"large\",\n}\n\nexport enum HeadingVarians {\n  default = \"h1\",\n  h2 = \"h2\",\n  h3 = \"h3\",\n  h4 = \"h4\",\n  h5 = \"h5\",\n  h6 = \"h6\",\n}\n\nexport enum HeadingSectionVariants {\n  default = \"default\",\n  hero = \"hero\",\n  subSection = \"subsection\",\n  introduction = \"introduction\",\n  landingPageHeader = \"landingsection\",\n  contentPageHeader = \"contentsection\",\n  frontPage = \"frontpage\",\n  landingMajor = \"landing_major\",\n  landingMinor = \"landing_minor\",\n  course = \"courses\",\n  groupFooterInfo = \"group_footer_info\",\n  defaultFooterInfo = \"footer_info\",\n}\n\nexport enum LinkVariants {\n  default = \"default\",\n  paragraph = \"within-paragraph\",\n}\n\nexport enum CtaLinkVariants {\n  default = \"default\",\n  linkList = \"link-list\",\n}\n\nexport enum CtaLinkButtonVariants {\n  default = \"default\",\n  onBlueBkgd = \"blue-background\",\n  onWhiteBkgd = \"white-background\",\n  onBlackBkgd = \"black-background\",\n  onTransparentBkgd = \"transparent-background\",\n  heroWhite = \"hero-white\",\n  heroBlue = \"hero-blue\",\n  heroBlack = \"hero-black\",\n  darkBlue = \"dark-blue-background\",\n}\n\nexport enum ProcessFlowBoxVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum KeyHighlightVariants {\n  default = \"big\",\n  small = \"small\",\n}\n\nexport enum LinkBoxVariants {\n  default = \"content\",\n  landingPage = \"landing\",\n}\n\nexport enum CourseVariants {\n  default = \"row\",\n  row = \"row\",\n  grid = \"grid\",\n}\n\nexport enum CourseStateVariants {\n  default = \"current\",\n  pastCourses = \"past-courses\",\n}\n\nexport enum PersonCardVariants {\n  default = \"results\",\n  searchPanel = \"search-panel\",\n  extended = \"extended\",\n}\n\nexport enum ListStyleVariants {\n  default = \"grid\",\n  grid = \"grid\",\n  list = \"list\",\n}\n\nexport enum ListItemVariants {\n  default = \"default\",\n  degreeProgramme = \"degree\",\n  position = \"position\",\n}\n\nexport enum PaginationItemVariants {\n  default = \"default\",\n  current = \"current\",\n  previous = \"previous\",\n  next = \"next\",\n  ellipsis = \"ellipsis\",\n}\n\nexport enum MenuType {\n  desktop = \"desktop\",\n  mobile = \"mobile\",\n  tablet = \"tablet\",\n  default = \"desktop\",\n}\n\nexport enum SiteLogoSize {\n  small = 32,\n  big = 64,\n  large = 80,\n}\n\nexport enum FooterVariant {\n  header = \"header\",\n  footer = \"footer\",\n}\n\nexport enum ColorVariant {\n  black = \"var(--brand-main-nearly-black)\",\n  white = \"var(--grayscale-white)\",\n  grey_dark = \"var(--grayscale-dark)\",\n}\n\nexport type IntroductionBgColors = \"white\";\n\nexport enum HeroColorVariant {\n  blue = \"blue\",\n  black = \"black\",\n  white = \"white\",\n  fp_white = \"fp_white\",\n}\n\nexport enum HeroSizeVariant {\n  large = \"large\",\n  small = \"small\",\n}\n\nexport enum HeroTypeVariant {\n  landing = \"landing\",\n  group_landing = \"group_landing\",\n  minor_landing = \"minor_landing\",\n  front_page = \"front_page\",\n}\n\nexport enum HeroGroupTypeVariant {\n  default = \"no_group\",\n  research = \"research_group\",\n}\n\nexport enum FooterLinkItemColor {\n  black = \"black\",\n  white = \"white\",\n}\n\nexport enum CheckboxVariants {\n  default = \"default\",\n  button = \"button\",\n}\n\nexport enum GeneralListTypes {\n  list = \"list\",\n  grid = \"grid\",\n}\n"],"mappings":"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"}