@itcenteratunihelsinki/huds-lib 0.5.32 → 0.5.36

package/dist/types/components/link-box-list/link-box-list.d.ts

@@ -6,6 +6,7 @@ export interface LinkBox {
   imageAlt: string;
   boxUrl: string;
   isExternal: boolean;
+  showLogo: boolean;
   ariaLabel: string;
 }
 import { ComponentInterface } from '../../stencil-public-runtime';
@@ -14,10 +15,10 @@ export declare class LinkBoxList implements ComponentInterface {
   el: HTMLElement;
   headerstyle: string;
   variant: LinkBoxVariants;
+  readMoreLabel: string;
   private _dataItems;
   dataItems: LinkBox[] | string;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
-  getBoxClassName(count: any): string;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -185,6 +185,7 @@ export namespace Components {
           * Aria label for the element
          */
         "ariaLabel"?: string;
+        "attrs": string;
         /**
           * Custom classes added to button element.
          */
@@ -559,7 +560,9 @@ export namespace Components {
         "imageAlt": string;
         "imageUrl": string;
         "isExternal": boolean;
+        "readMoreLabel": string;
         "scLabel"?: string;
+        "showLogo": boolean;
         "sourceSet": ImageSrcSet[] | string;
         "textDescription": string;
         "textTitle"?: string;
@@ -570,6 +573,7 @@ export namespace Components {
     interface HyLinkBoxList {
         "dataItems": LinkBox[] | string;
         "headerstyle": string;
+        "readMoreLabel": string;
         "variant": LinkBoxVariants;
     }
     interface HyLinkList {
@@ -1897,6 +1901,7 @@ declare namespace LocalJSX {
           * Aria label for the element
          */
         "ariaLabel"?: string;
+        "attrs"?: string;
         /**
           * Custom classes added to button element.
          */
@@ -2272,7 +2277,9 @@ declare namespace LocalJSX {
         "imageAlt"?: string;
         "imageUrl"?: string;
         "isExternal"?: boolean;
+        "readMoreLabel"?: string;
         "scLabel"?: string;
+        "showLogo"?: boolean;
         "sourceSet"?: ImageSrcSet[] | string;
         "textDescription"?: string;
         "textTitle"?: string;
@@ -2283,6 +2290,7 @@ declare namespace LocalJSX {
     interface HyLinkBoxList {
         "dataItems"?: LinkBox[] | string;
         "headerstyle"?: string;
+        "readMoreLabel"?: string;
         "variant"?: LinkBoxVariants;
     }
     interface HyLinkList {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.5.32",
+  "version": "0.5.36",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/huds-lib/p-b1f5686d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a,H as r}from"./p-bb24c6b5.js";const i={primary:"#0e688b",secondary:"white"},o=class{constructor(a){t(this,a),this.buttonType="submit",this.buttonClasses="",this.variant="primary",this.state="enabled",this.size="normal",this.disabled=!1,this.url="",this.isExternal=!1}render(){const t=["hy-button",this.variant,this.state,"size-"+this.size,this.buttonClasses],o=i[this.variant],n=this.isExternal?"_blank":"_self";return this.url?a(r,{"icon-right":"hy-icon-arrow-right","aria-label":this.ariaLabel},a("div",{style:{display:"flex"}},a("a",{class:t.join(" "),href:this.url,target:n},a("span",{class:"hy-button__text"},a("slot",null)),a("span",{class:"hy-button__icon"},a("hy-icon",{icon:"hy-icon-arrow-right",fill:o,size:13}))))):a(r,{"aria-label":this.ariaLabel},a("button",{type:this.buttonType,class:t.join(" "),disabled:this.disabled},!!this.icon&&a("span",{class:"hy-button__icon hy-button__icon--left"},a("hy-icon",{icon:this.icon,fill:o,size:13})),a("span",{class:"hy-button__text"},a("slot",null)),!!this.iconRight&&a("span",{class:"hy-button__icon hy-button__icon--right"},a("hy-icon",{icon:this.iconRight,fill:o,size:13}))))}};o.style='@charset "UTF-8";: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:#f9a21a;--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;-webkit-box-sizing:border-box;box-sizing:border-box}.hy-button__icon{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-button{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main);color:var(--grayscale-white);font-family:var(--main-font-family);border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.9375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:0.9375rem;margin:0;padding:0;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:all;transition-property:all;min-height:44px;position:relative;text-decoration:none}.hy-button.size-large{min-height:48px}.hy-button.primary{background-color:var(--brand-main);color:var(--grayscale-white)}.hy-button.primary .hy-button__icon{padding:8px 13px}.hy-button.primary svg{fill:var(--grayscale-white)}.hy-button.primary:hover{background-color:var(--brand-main-active)}.hy-button.primary:active{background-color:var(--brand-main-dark)}.hy-button.primary:disabled{background-color:var(--grayscale-medium);color:var(--grayscale-dark)}.hy-button.primary:disabled svg{fill:var(--grayscale-dark)}.hy-button.primary:focus{outline:solid 2px var(--additional-yellow);outline-offset:2px}.hy-button.secondary{background-color:transparent;border:solid 2px var(--brand-main);color:var(--brand-main)}.hy-button.secondary svg{fill:var(--brand-main)}.hy-button.secondary:hover{border:solid 2px var(--brand-main-active);color:var(--brand-main-active)}.hy-button.secondary:hover svg{fill:var(--brand-main-active)}.hy-button.secondary:active{border:solid 2px var(--brand-main-dark);color:var(--brand-main-dark)}.hy-button.secondary:active svg{fill:var(--brand-main-dark)}.hy-button.secondary:disabled{border:solid 2px var(--grayscale-medium-dark);color:var(--grayscale-medium-dark)}.hy-button.secondary:disabled svg{fill:var(--grayscale-medium-dark)}.hy-button::after{content:"";display:block;border-bottom:2px solid var(--additional-skyblue);position:absolute;bottom:-3.5px;left:3px;right:3px;z-index:0}.hy-button.primary::after{bottom:-2px}.hy-button:disabled{cursor:not-allowed}.hy-button:disabled::after{border-bottom:2px solid var(--grayscale-medium-dark);bottom:-3.5px}.hy-button:disabled.primary::after{bottom:-2px}.hy-button .hy-button__text{margin:12px 24px}.hy-button .hy-button__icon-right{padding-right:12px}hy-button[icon-right=hy-icon-arrow-right] .primary .hy-button__text{margin:12px 0 12px 16px;padding-right:16px}hy-button[icon-right=hy-icon-arrow-right] .primary:not(disabled) .hy-button__text{border-right:solid 1px var(--additional-skyblue)}hy-button[icon-right=hy-icon-arrow-right] .primary:disabled .hy-button__text{border-right:solid 1px var(--grayscale-dark)}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__text{margin:12px 16px}hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__icon{padding-right:1rem;padding-left:0}hy-button[icon=hy-icon-arrow-left] .primary .hy-button__text{margin:12px 16px 12px 0;padding-left:16px}hy-button[icon=hy-icon-arrow-left] .primary:not(disabled) .hy-button__text{border-left:solid 1px var(--additional-skyblue)}hy-button[icon=hy-icon-arrow-left] .primary:disabled .hy-button__text{border-left:solid 1px var(--grayscale-dark)}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__text{margin:12px 16px}hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__icon{padding-left:1rem;padding-right:0}';export{o as hy_button}

package/dist/huds-lib/p-b950d89c.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,g as e}from"./p-bb24c6b5.js";import{q as n}from"./p-e20f6203.js";const a=class{constructor(t){i(this,t),this.variant=n.default,this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.useSlot=!1,this.textDescription=null,this.isExternal=!1,this.headerstyle="common"}srcSetWatcher(i){this._sourceSet="string"==typeof i?JSON.parse(i):i}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}handleClick(i){this.openLink(i.currentTarget)}handleKeyDown(i){"Enter"==i.code&&this.openLink(i.currentTarget)}openLink(i){let t=i.shadowRoot.querySelector(".hy-link-box-container");window.open(t.dataset.location,t.dataset.target)}handleMouseEnter(i){this.manageHoverEffect(i.currentTarget)}handleMouseLeave(i){this.manageHoverEffect(i.currentTarget,!1)}handleOnFocusIn(i){this.manageHoverEffect(i.currentTarget)}handleOnFocusOut(i){this.manageHoverEffect(i.currentTarget,!1)}manageHoverEffect(i,t=!0){let e=i.shadowRoot.querySelector("h3.hy-link-box__text-container__title"),n=i.shadowRoot.querySelector(".hy-icon-wrapper");t?(e.classList.add("hy-link-box__text-container__title__hover"),n.classList.add("hy-icon-wrapper__hover")):(e.classList.remove("hy-link-box__text-container__title__hover"),n.classList.remove("hy-icon-wrapper__hover"))}render(){const i=["hy-link-box-container"].join(" "),e=["hy-link-box",this.variant,`hy-link-box__${this.variant}`,this.headerstyle,`hy-link-box__${this.headerstyle}`,this.imageUrl?"hy-link-box--with-image":null].join(" "),n=["hy-link-box-link",`hy-link-box-link__${this.variant}`,`hy-link-box-link__${this.headerstyle}`,this.headerstyle,this.isExternal?"hy-link-box-link__external":null].join(" "),a=["hy-link-box__text-container",this.imageUrl?"hy-link-box--with-image":null].join(" "),r=["hy-link-box__text-container__title",`hy-link-box__text-container__title__${this.variant}`,`hy-link-box__text-container__title__${this.headerstyle}`,this.imageUrl?"hy-link-box__text-container__title__image":"",this.imageUrl?"image":""].join(" "),o=["hy-link-box__text-container__description",`hy-link-box__text-container__description__${this.variant}`,`hy-link-box__text-container__description__${this.headerstyle}`].join(" "),l=this.isExternal?"_blank":"_self";return[t("article",{class:i,tabindex:"0","data-target":l,"data-location":this.url},t("div",{class:e,"aria-label":this.scLabel},this.imageUrl&&t("div",{class:"hy-link-box__image-container",style:{"--aspectRatio":"62.5%"}},this._sourceSet?t("picture",null,this._sourceSet.map((i=>t("source",{srcSet:i.src,media:i.media,type:i.type,sizes:i.sizes?i.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})):t("img",{loading:this.disableLazy?"eager":"lazy","aria-hidden":"true",src:this.imageUrl,alt:this.imageAlt})),t("div",{class:a},t("h3",{class:r,innerHTML:this.textTitle}),this.textDescription&&t("div",{class:o},this.textDescription))),t("span",{class:"hy-icon-wrapper"},t("a",{class:n,href:this.url,target:l,"aria-label":this.scLabel,tabindex:"-1"},t("hy-icon",{icon:"hy-icon-arrow-to-right",size:32}))))]}get el(){return e(this)}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};a.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:#f9a21a;--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{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;margin-right:0;max-width:100%;position:relative;width:100%}@media (min-width: 30rem){:host{margin-right:var(--gutter-narrow)}}@media (min-width: 60rem){:host{margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host{margin-right:var(--gutter-extrawide)}}:host(.big){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.big){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.big){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){:host(.big){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}:host(.small){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5);width:calc(((100% - var(--gutter-narrow) * 11) / 12) * 6 + var(--gutter-narrow) * 5)}}@media (min-width: 60rem){:host(.small){max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 3 + var(--gutter-wide) * 2)}}@media (min-width: 75.0625rem){:host(.small){max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 3 + var(--gutter-extrawide) * 2)}}@media (min-width: 60rem){:host(.content.big:nth-of-type(3n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}}:host(:nth-of-type(2n+0)){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}@media (min-width: 30rem){:host(:nth-of-type(2n+0)){margin-right:0}}@media (min-width: 60rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){:host(:nth-of-type(2n+0)){margin-right:var(--gutter-extrawide)}}:host(.small:nth-of-type(4n+0)){display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 30rem){:host(.small:nth-of-type(4n+0)){margin-right:0}}:host(:last-of-type){display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.hy-link-box-container{position:relative;width:100%}.hy-link-box-container:hover{cursor:pointer}.hy-link-box__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:"";display:block;padding-top:62.5%;width:100%}.hy-link-box__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-link-box__landing .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container{padding:0 12px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container{padding:0 16px}}.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.6px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:20px;word-break:break-word}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:16px}@media (min-width: 30rem){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.5rem;line-height:30px;color:var(--grayscale-black);letter-spacing:-0.7px}}@media (min-width: 60rem){.hy-link-box__landing .hy-link-box__text-container__title{margin-top:24px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:18px}}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__title__common{font-size:1.5rem;line-height:30px;letter-spacing:-0.7px}.hy-link-box__landing .hy-link-box__text-container__title__large{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__large.image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__title{font-size:1.75rem;line-height:36px;letter-spacing:-0.8px;margin-bottom:12px;margin-top:32px}.hy-link-box__landing .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__landing .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:12px}@media (min-width: 75.0625rem){.hy-link-box__landing .hy-link-box__text-container__description__common{font-size:0.875rem;line-height:18px;letter-spacing:-0.2px}.hy-link-box__landing .hy-link-box__text-container__description__large{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}@media (min-width: 1601px){.hy-link-box__landing .hy-link-box__text-container__description{font-size:1rem;line-height:22px;letter-spacing:-0.2px}}.hy-link-box__content .hy-link-box__text-container{margin-bottom:60px;padding:0 12px}@media (min-width: 30rem){.hy-link-box__content .hy-link-box__text-container{padding:0 16px}}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container{padding:0 12px}}.hy-link-box__content .hy-link-box__text-container__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.5px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:8px;margin-top:24px;word-break:break-word}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}@media (min-width: 60rem){.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:16px}}@media (min-width: 75.0625rem){.hy-link-box__content .hy-link-box__text-container__title__common{font-size:1.125rem;line-height:22px;letter-spacing:-0.5px}.hy-link-box__content .hy-link-box__text-container__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__large__image{margin-top:20px}}@media (min-width: 1601px){.hy-link-box__content .hy-link-box__text-container__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.6px;margin-bottom:12px;margin-top:32px}.hy-link-box__content .hy-link-box__text-container__title__image{margin-top:20px}}.hy-link-box__content .hy-link-box__text-container__description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.2px;margin-bottom:10px}.hy-link-box .hy-link-box__text-container__title__hover{color:var(--brand-main);text-decoration:underline}.hy-icon-wrapper{background-color:var(--brand-main-light);bottom:12px;overflow:hidden;position:absolute;right:-6px;z-index:10}.hy-icon-wrapper__hover{background-color:var(--brand-main)}.hy-link-box-link{display:block}.hy-link-box-link svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05);fill:var(--grayscale-white);height:32px;padding:6px;width:32px}.hy-link-box-link__external{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width: 75.0625rem){.hy-link-box-link__landing.large svg{height:40px;padding:8px;width:40px}}@media (min-width: 1601px){.hy-link-box-link__landing svg{height:40px;padding:8px;width:40px}}';export{a as hy_link_box}

package/dist/huds-lib/p-fb3bcd59.entry.js

@@ -1 +0,0 @@
-import{r as a,h as i}from"./p-bb24c6b5.js";const e=class{constructor(i){a(this,i),this.imageUrl=null,this.imageAlt=null,this.disableLazy=!1,this.caption=null,this.aspectRatioWidth=16,this.aspectRatioHeight=9}srcSetWatcher(a){this._sourceSet="string"==typeof a?JSON.parse(a):a}componentWillLoad(){this.srcSetWatcher(this.sourceSet)}render(){const a=["hy-image",this.caption?"hy-image--with-caption":null].join(" ");return[i("div",{class:a},i("div",{class:"hy-image__image-container",style:{"--aspectRatio":this.aspectRatioHeight/this.aspectRatioWidth*100+"%"}},this.imageUrl&&(this._sourceSet?i("picture",null,this._sourceSet.map((({src:a,media:e,type:t,sizes:r})=>i("source",{srcSet:a,media:e,type:t,sizes:r||""}))),i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):i("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl}))),this.caption&&i("div",{class:"hy-image__caption"},this.caption)),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"})]}static get watchers(){return{sourceSet:["srcSetWatcher"]}}};e.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:#f9a21a;--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}.hy-image{width:100%}.hy-image__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative}.hy-image__image-container:before{content:"";display:block;padding-top:var(--aspectRatio)}.hy-image__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-two-columns .hy-image__image-container img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.hy-image__caption{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px;padding:19px 0}';export{e as hy_image}

package/dist/huds-lib/p-ffa7f1fb.entry.js

@@ -1 +0,0 @@
-import{r as a,h as i,H as e,g as t}from"./p-bb24c6b5.js";import{q as r}from"./p-e20f6203.js";import{j as l}from"./p-fd1edbd5.js";const o=class{constructor(i){a(this,i),this.headerstyle="common",this.variant=r.default}async componentWillLoad(){this._dataItems=await l(this.dataItems)}componentDidLoad(){let a=this.el.closest(".hy-main");a&&(a.classList.contains("with-sidebar")||(this.headerstyle="large"))}getBoxClassName(a){let i="small";return a%3==0||5==a?i="big":a%4!=0&&7!=a||(i="small"),i}render(){const a=["hy-link-box-list",this.variant,`hy-link-box-list__${this.variant}`,`hy-link-box-list__${this.headerstyle}`].join(" "),t=this.getBoxClassName(this._dataItems.length),r=[this.variant,`hy-link-box__${this.variant}`,t].join(" ");return i(e,null,i("div",{class:a},this._dataItems.map((a=>i("hy-link-box",{class:r,variant:this.variant,"source-set":a.imageSets,"image-url":a.imageUrl,"image-alt":a.imageAlt,"text-title":a.heading,"text-description":a.description,url:a.boxUrl,"is-external":a.isExternal,"sc-label":a.ariaLabel})))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};o.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:#f9a21a;--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-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:30rem;width:100%}@media (min-width: 30rem){.hy-link-box-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:100%}}@media (min-width: 60rem){.hy-link-box-list{margin:0 auto}}";export{o as hy_link_box_list}