@itcenteratunihelsinki/huds-lib 0.9.3 → 0.9.4

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

@@ -1 +1 @@
-import{r as t,h as e,g as a}from"./index-2ffe17c9.js";let i,o,r,s={37:-1,38:-1,39:1,40:1};const n=class{constructor(e){t(this,e),this.tabId=void 0,this.tabListLabel="",this.focusTimeoutCleared=!0,this.tabButtonTitles=void 0,this.tabPanelsState=void 0,this.tabButtons=void 0,this.tabList=void 0,this.headerstyle="common"}componentWillLoad(){const t=this.el.querySelectorAll("hy-tabs-item");t&&(this.tabButtonTitles=Array.from(t).map((t=>({title:t.getAttribute("tab-title"),id:t.getAttribute("tab-title").toLowerCase().replace(/\W/g,"-")}))))}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"));const e=this.el.querySelector(".hy-tabs__container");if(e){this.generateArrays(e);const t=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],o=this.tabList;this.checkScrollHidden(o,t,a),o.addEventListener("scroll",(()=>{r=setTimeout((()=>{window.clearTimeout(r),this.checkScrollHidden(o,t,a)}),250)}),!1),o.offSetWidth<=document.body.scrollWidth&&(t.classList.add("is-hidden"),a.classList.add("is-hidden"));const s=250;a.addEventListener("click",(e=>{e.preventDefault(),a.classList.add("is-disabled"),o.scrollBy({top:0,left:+s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(o,t,a),a.classList.remove("is-disabled")}),250)})),t.addEventListener("click",(e=>{e.preventDefault(),t.classList.add("is-disabled"),o.scrollBy({top:0,left:-s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(o,t,a),t.classList.remove("is-disabled")}),250)}))}}generateArrays(t){this.tabList=t.querySelectorAll('[role="tablist"]')[0],this.tabButtons=t.querySelectorAll('[role="tab"]'),this.tabPanelsState=[t.querySelectorAll('[role="tabpanel"]')],this.tabButtons.length>0&&(this.addListeners(this.tabButtons,1),this.activateTab(this.tabButtons[0],!0))}addListeners(t,e){if(t.length>1)for(let a=0;a<t.length;++a)t[e].addEventListener("click",this.clickEventListener),t[e].addEventListener("keydown",this.keydownEventListener),t[e].index=e}checkScrollHidden(t,e,a){0===t.scrollLeft?e.classList.add("is-hidden"):e.classList.remove("is-hidden"),t.scrollLeft+t.clientWidth>=t.scrollWidth-1?a.classList.add("is-hidden"):a.classList.remove("is-hidden")}clickEventListener(t){if(t){const e=t.target,a=this.tabButtonTitles;a&&(a.forEach((t=>{Object.values(t)[1]===e.id&&this.activateTab(e,!0)})),t.stopPropagation(),t.stopImmediatePropagation())}}keydownEventListener(t){const e=this.tabButtonTitles;switch(t.keyCode){case 35:t.preventDefault(),this.activateTab(e[e.length-1],!0);break;case 36:t.preventDefault(),this.activateTab(e[0],!0);break;case 38:case 40:this.focusTimeoutCleared&&this.determineOrientation(t)}}keyupEventListener(t){switch(t.keyCode){case 37:case 39:"tab"===t.target.role&&(t.preventDefault(),this.focusTimeoutCleared&&this.determineOrientation(t))}t.stopPropagation(),t.stopImmediatePropagation()}determineOrientation(t){const e=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],i=this.tabList;this.checkScrollHidden(i,e,a);const o=t.keyCode;let r=!1;"vertical"==i.getAttribute("aria-orientation")?38!==o&&40!==o||(t.preventDefault(),r=!0):37!==o&&39!==o||(r=!0),r&&this.switchTabOnArrowPress(t)}switchTabOnArrowPress(t){const e=t.keyCode;if(s[e]){const a=t.target,i=this.tabButtons;for(let t=0;t<i.length;t++)if(i[t].id===a.id){if(t>0&&-1===s[e]){i[t-1].focus(),this.focusEventHandler(i[t-1]);break}if(t<i.length-1&&1===s[e]){i[t+1].focus(),this.focusEventHandler(i[t+1]);break}}}}activateTab(t,e){e=e||!0,this.deactivateTabs(this.tabButtons),t.removeAttribute("tabindex"),t.setAttribute("aria-selected","true");const a=t.getAttribute("aria-controls");this.el.querySelector(`#${a}`).removeAttribute("hidden"),e&&t.focus()}deactivateTabs(t){for(let e=0;e<t.length;e++)t[e].setAttribute("tabindex","-1"),t[e].setAttribute("aria-selected","false"),t[e].removeEventListener("focus",this.focusEventHandler);const e=this.tabPanelsState[0];for(let t=0;t<e.length;t++)e[t].setAttribute("hidden","hidden")}focusEventHandler(t){const e=t;this.focusTimeoutCleared=!1,o=window.setTimeout((()=>{window.clearTimeout(o),this.focusTimeoutCleared=!0;const t=document.activeElement;e===t&&this.activateTab(e,!1)}),250)}render(){const t=["hy-tabs__container",`hy-tabs__container__${this.headerstyle}`].join(" "),a=this.tabId.toLowerCase().replace(/\W/g,"-");if(window.location.hash){const t=window.location.hash.substring(1);if(this.tabButtonTitles.some((e=>e.id===t))){const e=document.getElementById(t);if(e){this.activateTab(e,!0);const t=e.getBoundingClientRect();window.scrollTo({top:window.scrollY+t.top-200,behavior:"smooth"})}}}return[e("hy-box",{key:"db85d54f57653e27d7719674337b12363e69b457",pt:"1.25, 1.25, 1.5, 2.5"}),e("div",{key:"e47886373517ebc134d0b8285f4df4135e1c0874",id:a,class:t},e("div",{key:"cde0cc1f6b6b9a24d2e0e113415368bbf8a5bb12",class:"hy-tablist-container"},e("button",{key:"f4fa955d15acadef8b041c35064cb3aee88079bf",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__left is-hidden","aria-hidden":"true"},e("span",{key:"153c335dc43792eba156420c9d91fb00c5ee0a49"},e("hy-icon",{key:"e0e97bdbb0782289d688e68418949b46f8f396ca",icon:"hy-icon-caret-left",size:16}))),e("div",{key:"5067393e3fd4caaee3647f82c4102ff8770d9079",role:"tablist","aria-label":this.tabListLabel},this.tabButtonTitles&&this.tabButtonTitles.map((t=>{const a=Object.values(t)[0],i=a.toLowerCase().replace(/\W/g,"-"),o=a.toLowerCase().replace(/\W/g,"-");return e("a",{href:"#"+o,tabindex:"-1"},e("button",{"aria-selected":"false","aria-controls":`${i}-tab`,class:this.headerstyle,role:"tab",id:i},e("span",null,a)))}))),e("button",{key:"3fa18b11a58c588e64931f1951d99d5c8ce1b091",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__right","aria-hidden":"true"},e("span",{key:"ddf49bf4740e4553bf7610fa1d32e4659fa8de67"},e("hy-icon",{key:"3f157bd96731cbf98033d7f5a3f7f87fb6e65146",icon:"hy-icon-caret-right",size:16})))),e("slot",{key:"89a40649d35cc8ea5b8109a332b27c9154cee312"})),e("hy-box",{key:"5542bf9f46be177f48b35e16d4c97d509d2eafad",mb:"1.75, 1.75, 2, 2.5"})]}get el(){return a(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus,.hy-tabs__container .hy-tab-scroll:hover{outline:none;cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:"";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus{outline:1px solid var(--brand-main-active)}';const l=class{constructor(e){t(this,e),this.tabTitle=void 0}render(){const t=this.tabTitle.toLowerCase().replace(/\W/g,"-");return e("div",{key:"3e52d79139baa862b4786685150b20521c0d588f",tabindex:"0",role:"tabpanel",id:`${t}-tab`,"aria-labelledby":t,hidden:!0},e("slot",{key:"70a6d6654e888f177cf694f2658793ee4928e5d3"}))}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";export{n as hy_tabs,l as hy_tabs_item}
+import{r as t,h as e,g as a}from"./index-2ffe17c9.js";let i,o,r,s={37:-1,38:-1,39:1,40:1};const n=class{constructor(e){t(this,e),this.tabId=void 0,this.tabListLabel="",this.focusTimeoutCleared=!0,this.tabButtonTitles=void 0,this.tabPanelsState=void 0,this.tabButtons=void 0,this.tabList=void 0,this.headerstyle="common"}componentWillLoad(){const t=this.el.querySelectorAll("hy-tabs-item");t&&(this.tabButtonTitles=Array.from(t).map((t=>({title:t.getAttribute("tab-title"),id:t.getAttribute("tab-title").toLowerCase().replace(/\W/g,"-")}))))}componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"));const e=this.el.querySelector(".hy-tabs__container");if(e){this.generateArrays(e);const t=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],o=this.tabList;this.checkScrollHidden(o,t,a),o.addEventListener("scroll",(()=>{r=setTimeout((()=>{window.clearTimeout(r),this.checkScrollHidden(o,t,a)}),250)}),!1),o.offSetWidth<=document.body.scrollWidth&&(t.classList.add("is-hidden"),a.classList.add("is-hidden"));const s=250;a.addEventListener("click",(e=>{e.preventDefault(),a.classList.add("is-disabled"),o.scrollBy({top:0,left:+s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(o,t,a),a.classList.remove("is-disabled")}),250)})),t.addEventListener("click",(e=>{e.preventDefault(),t.classList.add("is-disabled"),o.scrollBy({top:0,left:-s,behavior:"smooth"}),i=window.setTimeout((()=>{window.clearTimeout(i),this.checkScrollHidden(o,t,a),t.classList.remove("is-disabled")}),250)}))}}generateArrays(t){this.tabList=t.querySelectorAll('[role="tablist"]')[0],this.tabButtons=t.querySelectorAll('[role="tab"]'),this.tabPanelsState=[t.querySelectorAll('[role="tabpanel"]')],this.tabButtons.length>0&&(this.addListeners(this.tabButtons,1),this.activateTab(this.tabButtons[0],!0))}addListeners(t,e){if(t.length>1)for(let a=0;a<t.length;++a)t[e].addEventListener("click",this.clickEventListener),t[e].addEventListener("keydown",this.keydownEventListener),t[e].index=e}checkScrollHidden(t,e,a){0===t.scrollLeft?e.classList.add("is-hidden"):e.classList.remove("is-hidden"),t.scrollLeft+t.clientWidth>=t.scrollWidth-1?a.classList.add("is-hidden"):a.classList.remove("is-hidden")}clickEventListener(t){if(t){const e=t.target,a=this.tabButtonTitles;a&&(a.forEach((t=>{Object.values(t)[1]===e.id&&this.activateTab(e,!0)})),t.stopPropagation(),t.stopImmediatePropagation())}}keydownEventListener(t){const e=this.tabButtonTitles;switch(t.keyCode){case 35:t.preventDefault(),this.activateTab(e[e.length-1],!0);break;case 36:t.preventDefault(),this.activateTab(e[0],!0);break;case 38:case 40:this.focusTimeoutCleared&&this.determineOrientation(t)}}keyupEventListener(t){switch(t.keyCode){case 37:case 39:"tab"===t.target.role&&(t.preventDefault(),this.focusTimeoutCleared&&this.determineOrientation(t))}t.stopPropagation(),t.stopImmediatePropagation()}determineOrientation(t){const e=this.el.querySelectorAll(".hy-tab-scroll__left")[0],a=this.el.querySelectorAll(".hy-tab-scroll__right")[0],i=this.tabList;this.checkScrollHidden(i,e,a);const o=t.keyCode;let r=!1;"vertical"==i.getAttribute("aria-orientation")?38!==o&&40!==o||(t.preventDefault(),r=!0):37!==o&&39!==o||(r=!0),r&&this.switchTabOnArrowPress(t)}switchTabOnArrowPress(t){const e=t.keyCode;if(s[e]){const a=t.target,i=this.tabButtons;for(let t=0;t<i.length;t++)if(i[t].id===a.id){if(t>0&&-1===s[e]){i[t-1].focus(),this.focusEventHandler(i[t-1]);break}if(t<i.length-1&&1===s[e]){i[t+1].focus(),this.focusEventHandler(i[t+1]);break}}}}activateTab(t,e){e=e||!0,this.deactivateTabs(this.tabButtons),t.removeAttribute("tabindex"),t.setAttribute("aria-selected","true");const a=t.getAttribute("aria-controls");this.el.querySelector(`#${a}`).removeAttribute("hidden"),e&&t.focus()}deactivateTabs(t){for(let e=0;e<t.length;e++)t[e].setAttribute("tabindex","-1"),t[e].setAttribute("aria-selected","false"),t[e].removeEventListener("focus",this.focusEventHandler);const e=this.tabPanelsState[0];for(let t=0;t<e.length;t++)e[t].setAttribute("hidden","hidden")}focusEventHandler(t){const e=t;this.focusTimeoutCleared=!1,o=window.setTimeout((()=>{window.clearTimeout(o),this.focusTimeoutCleared=!0;const t=document.activeElement;e===t&&this.activateTab(e,!1)}),250)}render(){const t=["hy-tabs__container",`hy-tabs__container__${this.headerstyle}`].join(" "),a=this.tabId.toLowerCase().replace(/\W/g,"-");if(window.location.hash){const t=window.location.hash.substring(1);if(this.tabButtonTitles.some((e=>e.id===t))){const e=document.getElementById(t);if(e){this.activateTab(e,!0);const t=e.getBoundingClientRect();window.scrollTo({top:window.scrollY+t.top-200,behavior:"smooth"})}}}return[e("hy-box",{key:"a261591b4da1ecaf081fe028efabb3ab02da8f12",pt:"1.25, 1.25, 1.5, 2.5"}),e("div",{key:"74768c2f7e8b540ddf2b01426380a9302b52459e",id:a,class:t},e("div",{key:"504576ad9182897b4361805c91a456427790c9fc",class:"hy-tablist-container"},e("button",{key:"0756a0434831193a11e2b8f7fd3ef4cd26816713",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__left is-hidden","aria-hidden":"true"},e("span",{key:"e106fec2c97744930c18b4397878fd592147c1ee"},e("hy-icon",{key:"a27f8183d527c123683ee2ffb83c39775bf0ac5f",icon:"hy-icon-caret-left",size:16}))),e("div",{key:"747f8b8d6b3e1f22197a507d897bae0a12ec4bfa",role:"tablist","aria-label":this.tabListLabel},this.tabButtonTitles&&this.tabButtonTitles.map((t=>{const a=Object.values(t)[0],i=a.toLowerCase().replace(/\W/g,"-"),o=a.toLowerCase().replace(/\W/g,"-");return e("a",{href:"#"+o,tabindex:"-1"},e("button",{"aria-selected":"false","aria-controls":`${i}-tab`,class:this.headerstyle,role:"tab",id:i},e("span",null,a)))}))),e("button",{key:"768c29da4fb83c0d547ea7209c2456916e784262",tabindex:"-1",class:"hy-tab-scroll hy-tab-scroll__right","aria-hidden":"true"},e("span",{key:"816280ca23c7253a87a8275b375e51dc3b1c9e74"},e("hy-icon",{key:"adb144a4fb0e47e4b0359b8d43eafaed8973d73c",icon:"hy-icon-caret-right",size:16})))),e("slot",{key:"26ce819688c61a7babf4ebe6f97a6ebe37ee5fa8"})),e("hy-box",{key:"3a089978b65fbaef44936c3802ced93363cffbae",mb:"1.75, 1.75, 2, 2.5"})]}get el(){return a(this)}};n.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tabs__container .hy-tablist-container{border-bottom:1px solid var(--grayscale-tabs-border);position:relative}.hy-tabs__container .hy-tab-scroll{background-color:rgba(255, 255, 255, 0.8);border:0;height:100%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:4}.hy-tabs__container .hy-tab-scroll.is-hidden{display:none;visibility:hidden}.hy-tabs__container .hy-tab-scroll.is-disabled{background-color:var(--grayscale-medium)}.hy-tabs__container .hy-tab-scroll.is-disabled:hover{cursor:none}.hy-tabs__container .hy-tab-scroll:focus,.hy-tabs__container .hy-tab-scroll:hover{outline:none;cursor:pointer}.hy-tabs__container .hy-tab-scroll span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-black);border-radius:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px}.hy-tabs__container .hy-tab-scroll span svg{fill:var(--grayscale-white);height:16px;width:16px}.hy-tabs__container .hy-tab-scroll__left{left:0;padding-right:8px}.hy-tabs__container .hy-tab-scroll__left svg{-webkit-transform:translateX(-1px);transform:translateX(-1px)}.hy-tabs__container .hy-tab-scroll__right{padding-left:8px;right:0}.hy-tabs__container .hy-tab-scroll__right svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.hy-tabs__container [role=tablist]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 -0.1em;overflow:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.hy-tabs__container [role=tablist]::-webkit-scrollbar{display:none}.hy-tabs__container [role=tablist] a{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:47.56%;text-decoration:none;-ms-flex-negative:0;flex-shrink:0}.hy-tabs__container [role=tablist] a:not(:first-of-type){margin-left:6px}@media (min-width: 30rem){.hy-tabs__container [role=tablist] a{max-width:35.37%}}@media (min-width: 60rem){.hy-tabs__container [role=tablist] a{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tablist] a{max-width:23.03%}}.hy-tabs__container [role=tab]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px;padding:0}.hy-tabs__container [role=tab]>span{font-size:0.875rem;line-height:14px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border:0;color:var(--link-blue);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-hyphens:auto;hyphens:auto;letter-spacing:-0.5px;padding:8px 8px 7px;pointer-events:none;position:relative;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow-wrap:break-word}@media (min-width: 30rem){.hy-tabs__container [role=tab]>span{font-size:1rem;line-height:18px;padding:16px 12px 10px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab]>span{font-size:1.125rem;line-height:20px;letter-spacing:-0.6px;padding:16px 16px 14px}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@supports (overflow-wrap: anywhere){.hy-tabs__container [role=tab]>span{overflow-wrap:anywhere}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab].large{margin:0 12px 0 0}}.hy-tabs__container [role=tab][aria-selected=true]{border-bottom-width:0;border:1px solid var(--grayscale-dark);margin-bottom:0;z-index:3}.hy-tabs__container [role=tab][aria-selected=true]>span{background-color:var(--grayscale-white);color:var(--grayscale-black);padding-bottom:13px}@media (min-width: 30rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:16px}}@media (min-width: 75.0625rem){.hy-tabs__container [role=tab][aria-selected=true]>span{padding-bottom:20px}}.hy-tabs__container [role=tab][aria-selected=true]>span:before{background-color:var(--grayscale-white);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.hy-tabs__container [role=tab][aria-selected=true]>span:after{background-color:var(--grayscale-black);bottom:0;content:"";height:4px;left:8px;position:absolute;right:8px}.hy-tabs__container [role=tab]:hover{border-radius:0;color:inherit;cursor:pointer;text-decoration:none}.hy-tabs__container [role=tab]:hover span{background-color:var(--hover-gray);color:var(--brand-main-active)}.hy-tabs__container [role=tabpanel]{border:1px solid var(--grayscale-dark);padding:28px 12px;position:relative;z-index:2}@media (min-width: 30rem){.hy-tabs__container [role=tabpanel]{padding:38px 15px}}@media (min-width: 60rem){.hy-tabs__container [role=tabpanel]{padding:40px 20px}}.hy-tabs__container [role=tabpanel]:focus{outline:1px solid var(--brand-main-active)}';const l=class{constructor(e){t(this,e),this.tabTitle=void 0}render(){const t=this.tabTitle.toLowerCase().replace(/\W/g,"-");return e("div",{key:"beb587457c44c129542e4c44191eb6b5ab9971cf",tabindex:"0",role:"tabpanel",id:`${t}-tab`,"aria-labelledby":t,hidden:!0},e("slot",{key:"ca2a961410edd08fcdb9f815c0d06d39cc2f428f"}))}};l.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";export{n as hy_tabs,l as hy_tabs_item}

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

@@ -1 +1 @@
-import{r as e,h as a,H as c}from"./index-2ffe17c9.js";const r=class{constructor(a){e(this,a)}render(){const e=["hy-tag"].join(" ");return a(c,{key:"08fd3b2cc6f33b10e12cc4d795d0d69bf2d5ae7d"},a("div",{key:"73ce327eefd39f7dd49eeeccc2f6f11cbb886a1e",class:e},a("span",{key:"77629d158c44eeb20722a226fadf7442395473bb"},a("slot",{key:"2315aa0c194bc3155dfe44edc196c0927b240ec5"}))))}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tag{margin:0 4px 4px 0}.hy-tag span{font-size:0.75rem;line-height:16px;font-weight:700;background-color:var(--grayscale-dark);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.07px;padding:4px 8px;text-transform:uppercase}";export{r as hy_tag}
+import{r as a,h as e,H as r}from"./index-2ffe17c9.js";const t=class{constructor(e){a(this,e)}render(){const a=["hy-tag"].join(" ");return e(r,{key:"e1fe4dca6c5c983635966939b58760241ed28463"},e("div",{key:"81cf7a3303286619c4e87491b63f2d5c29b39daa",class:a},e("span",{key:"7b478465d9659cf02f1f5909040e6137f8634f8e"},e("slot",{key:"176d54452b7aa562374d7212de826a2e09aad846"}))))}};t.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tag{margin:0 4px 4px 0}.hy-tag span{font-size:0.75rem;line-height:16px;font-weight:700;background-color:var(--grayscale-dark);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.07px;padding:4px 8px;text-transform:uppercase}";export{t as hy_tag}

package/dist/huds-lib/hy-tiny-text.entry.js

@@ -1 +1 @@
-import{r as e,h as t}from"./index-2ffe17c9.js";const i=class{constructor(t){e(this,t)}render(){return t("div",{key:"aa2110b5fac692cf3f64250460d4351f1ed6a2ff",class:["hy-tiny-text"].join(" ")},t("slot",{key:"1d33effd61649f29948912921b73e0e75cdec12a"}))}};i.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";export{i as hy_tiny_text}
+import{r as t,h as e}from"./index-2ffe17c9.js";const a=class{constructor(e){t(this,e)}render(){return e("div",{key:"04756e0de9bf2756f4a374828a3043c6cc7ad517",class:["hy-tiny-text"].join(" ")},e("slot",{key:"8f40a4b048e8a86a88d2249b86b285a47a7d33b3"}))}};a.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";export{a as hy_tiny_text}

package/dist/huds-lib/hy-twitter-feed.entry.js

@@ -1 +1 @@
-import{r as e,h as t}from"./index-2ffe17c9.js";const i=class{constructor(t){e(this,t),this.headingVariant=void 0,this.paragraphTitle=void 0,this.twitterFeedKeyword=void 0,this.tweetType=void 0,this.tweets=void 0}render(){const e=JSON.parse(this.tweets),i=this.headingVariant.toLowerCase();return"Hashtag"===this.tweetType&&"#"===this.twitterFeedKeyword.charAt(0)&&(this.twitterFeedKeyword=this.twitterFeedKeyword.substring(1)),t("section",{key:"477d6e8362682a3979300f3184c5dfd92d18725b",class:"hy-twitter-feed"},t("div",{key:"ce9dce253abe7ed63b8a1bc5505c7c97cfb7279d",class:"hy-twitter-feed__header"},t(i,{key:"db941a1e2d22556736966a58cb3bee917a04bf6c",class:"hy-twitter-feed__title"},this.paragraphTitle||"Twitter"),t("p",{key:"16b322545af7b11dba468328f59202e4d92eefeb",class:"hy-twitter-feed__keyword"},t("hy-icon",{key:"5d033cbf681f856686ec1743a73fe6ab6e917aa5",icon:"hy-icon-some-twitter",size:20}),"Hashtag"===this.tweetType?`#${this.twitterFeedKeyword}`:`@${this.twitterFeedKeyword}`),"Username"===this.tweetType&&t("a",{key:"1583c7f46eb15e7878bf20ea0b8b98563eff1c3a",href:`https://twitter.com/${this.twitterFeedKeyword}`,target:"_blank"},t("hy-icon",{key:"b096eaeb2422b86eb6c1ff4412ebe815435be9de",icon:"hy-icon-plus",size:12}),"Follow")),t("ul",{key:"98a29039732a5d2ff9cc27ae2b71acbbb501cd4c",class:"hy-twitter-feed__tweets"},e.map((({tweet_text:e,tweet_created:i,tweet_absolute_url:r,tweet_like_count:n,tweet_retweet_count:a,user_name:h,user_username:d,user_profile_image_url:l})=>{const s=new Intl.DateTimeFormat("fi-FI").format(new Date(i));return t("li",{class:"hy-twitter-feed__item"},t("article",{class:"hy-twitter-tweet"},t("header",{class:"hy-twitter-tweet__header"},t("figure",{class:"hy-twitter-tweet__profile-image",role:"complementary"},t("img",{src:l,alt:""})),t("div",{class:"hy-twitter-tweet__header-content"},t("time",{dateTime:i},s),t("p",null,h),t("a",{class:"hy-twitter-tweet__user-link",href:`https://twitter.com/${d}`,target:"_blank"},"@",d))),t("div",{class:"hy-twitter-tweet__content-wrapper"},t("div",{class:"hy-twitter-tweet__content"},t("p",null,e.length>113?`${e.substr(0,113)}...`:e),t("a",{class:"hy-twitter-tweet__tweet-link",href:r,target:"_blank"},t("span",{"aria-hidden":"true"}),`${r.substr(0,24)}...`)),t("div",{class:"hy-twitter-tweet__statistics",role:"complementary"},t("p",null,t("span",{class:"visually-hidden"},"Tweet like count: "),t("hy-icon",{icon:"hy-icon-some-twitter-like",size:16}),n),t("p",null,t("span",{class:"visually-hidden"},"Tweet retweet count: "),t("hy-icon",{icon:"hy-icon-some-twitter-retweet",size:16}),a)))))}))))}};i.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-twitter-feed{margin:40px 0}.hy-twitter-feed__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}@media (min-width: 30rem){.hy-twitter-feed__header{margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__header{margin-bottom:41px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__header{margin-bottom:41px}}.hy-twitter-feed__title{font-weight:700;font-family:var(--main-font-family);margin-top:0;margin-bottom:0;margin-right:8px}@media (min-width: 30rem){.hy-twitter-feed__title{margin-right:12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__title{margin-right:16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__title{margin-right:16px}}h2.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){h2.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 60rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-twitter-feed__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){h3.hy-twitter-feed__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 60rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-twitter-feed__keyword{font-size:0.9375rem;line-height:22px;margin:0;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-feed__keyword hy-icon{margin-right:4px}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon{margin-right:6px}}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon svg{width:24px;height:24px}}@media (min-width: 30rem){.hy-twitter-feed__keyword{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}.hy-twitter-feed__keyword+a{font-size:0.9375rem;line-height:18px;margin:0 0 0 8px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.28px;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-twitter-feed__keyword+a:hover{text-decoration:underline}.hy-twitter-feed__keyword+a hy-icon{margin-right:6px}.hy-twitter-feed__keyword+a hy-icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-twitter-feed__keyword+a{font-size:0.875rem;line-height:18px;letter-spacing:-0.26px;margin:0 0 0 12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}.hy-twitter-feed__tweets{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 30rem){.hy-twitter-feed__tweets{grid-template-columns:repeat(2, 1fr);gap:24px}}@media (min-width: 60rem){.without-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.with-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}.hy-twitter-tweet{background-color:var(--grayscale-background-box);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.hy-twitter-tweet__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-8px;padding-top:12px;margin-bottom:8px}@media (min-width: 30rem){.hy-twitter-tweet__header{padding-top:16px}}.hy-twitter-tweet__profile-image img{height:70px;width:70px}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}.hy-twitter-tweet__header-content{margin-left:8px}.hy-twitter-tweet__header-content time{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black);letter-spacing:-0.1px}.hy-twitter-tweet__header-content p{font-size:0.9375rem;line-height:18px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.3px;margin:4px 0 2px}@media (min-width: 30rem){.hy-twitter-tweet__header-content p{font-size:1rem;line-height:20px;letter-spacing:-0.32px}}.hy-twitter-tweet__header-content a{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none;position:relative;z-index:10}.hy-twitter-tweet__header-content a:hover{text-decoration:underline}.hy-twitter-tweet__content-wrapper{height:100%;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}.hy-twitter-tweet__content{padding:0 16px}.hy-twitter-tweet__content p{font-size:0.9375rem;line-height:20px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.03px;margin:0 0 8px}@media (min-width: 30rem){.hy-twitter-tweet__content p{font-size:0.875rem;line-height:18px;letter-spacing:-0.08px}}.hy-twitter-tweet__tweet-link{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none}.hy-twitter-tweet__tweet-link span{position:absolute;inset:0}.hy-twitter-tweet__tweet-link:hover{text-decoration:underline}.hy-twitter-tweet__statistics{margin-top:16px;padding:0 16px 16px}.hy-twitter-tweet__statistics .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.hy-twitter-tweet__statistics p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark);letter-spacing:-0.1px;margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-tweet__statistics p:not(:first-of-type){margin-left:16px}.hy-twitter-tweet__statistics p hy-icon{margin-right:4px}.hy-twitter-tweet__statistics p hy-icon svg{fill:var(--grayscale-dark)}";export{i as hy_twitter_feed}
+import{r as e,h as t}from"./index-2ffe17c9.js";const i=class{constructor(t){e(this,t),this.headingVariant=void 0,this.paragraphTitle=void 0,this.twitterFeedKeyword=void 0,this.tweetType=void 0,this.tweets=void 0}render(){const e=JSON.parse(this.tweets),i=this.headingVariant.toLowerCase();return"Hashtag"===this.tweetType&&"#"===this.twitterFeedKeyword.charAt(0)&&(this.twitterFeedKeyword=this.twitterFeedKeyword.substring(1)),t("section",{key:"7cadaa56acfc6c0bb9bb392138e1b34417e1d628",class:"hy-twitter-feed"},t("div",{key:"767b66032ca2e99008acabecd56f6d396058a9a4",class:"hy-twitter-feed__header"},t(i,{key:"a0bbcb72d79ace8124b64e7ab7dbf54aa56d0082",class:"hy-twitter-feed__title"},this.paragraphTitle||"Twitter"),t("p",{key:"63388b43760abf0f470cc33372b079cbcdba211d",class:"hy-twitter-feed__keyword"},t("hy-icon",{key:"2260ce506f25f11bdee06454b2e6a69438b6cd77",icon:"hy-icon-some-twitter",size:20}),"Hashtag"===this.tweetType?`#${this.twitterFeedKeyword}`:`@${this.twitterFeedKeyword}`),"Username"===this.tweetType&&t("a",{key:"0cc593f81de914b3fe4e0bb0b3b37fe85e203e12",href:`https://twitter.com/${this.twitterFeedKeyword}`,target:"_blank"},t("hy-icon",{key:"6152234971aaf74aa30a6410b3d5773114e9ac74",icon:"hy-icon-plus",size:12}),"Follow")),t("ul",{key:"dce532c797de8c31803e49c8dc616772672ac321",class:"hy-twitter-feed__tweets"},e.map((({tweet_text:e,tweet_created:i,tweet_absolute_url:r,tweet_like_count:n,tweet_retweet_count:a,user_name:h,user_username:d,user_profile_image_url:l})=>{const s=new Intl.DateTimeFormat("fi-FI").format(new Date(i));return t("li",{class:"hy-twitter-feed__item"},t("article",{class:"hy-twitter-tweet"},t("header",{class:"hy-twitter-tweet__header"},t("figure",{class:"hy-twitter-tweet__profile-image",role:"complementary"},t("img",{src:l,alt:""})),t("div",{class:"hy-twitter-tweet__header-content"},t("time",{dateTime:i},s),t("p",null,h),t("a",{class:"hy-twitter-tweet__user-link",href:`https://twitter.com/${d}`,target:"_blank"},"@",d))),t("div",{class:"hy-twitter-tweet__content-wrapper"},t("div",{class:"hy-twitter-tweet__content"},t("p",null,e.length>113?`${e.substr(0,113)}...`:e),t("a",{class:"hy-twitter-tweet__tweet-link",href:r,target:"_blank"},t("span",{"aria-hidden":"true"}),`${r.substr(0,24)}...`)),t("div",{class:"hy-twitter-tweet__statistics",role:"complementary"},t("p",null,t("span",{class:"visually-hidden"},"Tweet like count: "),t("hy-icon",{icon:"hy-icon-some-twitter-like",size:16}),n),t("p",null,t("span",{class:"visually-hidden"},"Tweet retweet count: "),t("hy-icon",{icon:"hy-icon-some-twitter-retweet",size:16}),a)))))}))))}};i.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-twitter-feed{margin:40px 0}.hy-twitter-feed__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}@media (min-width: 30rem){.hy-twitter-feed__header{margin-bottom:32px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__header{margin-bottom:41px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__header{margin-bottom:41px}}.hy-twitter-feed__title{font-weight:700;font-family:var(--main-font-family);margin-top:0;margin-bottom:0;margin-right:8px}@media (min-width: 30rem){.hy-twitter-feed__title{margin-right:12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__title{margin-right:16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__title{margin-right:16px}}h2.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.82px}@media (min-width: 30rem){h2.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:1.75rem;line-height:32px;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.is-front-page h2.hy-twitter-feed__title,.is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 60rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h2.hy-twitter-feed__title,.without-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 1601px){.with-sidebar .is-front-page h2.hy-twitter-feed__title,.with-sidebar .is-landing-page h2.hy-twitter-feed__title{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-twitter-feed__title{font-size:1.3125rem;line-height:28px;letter-spacing:-0.42px}@media (min-width: 30rem){h3.hy-twitter-feed__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.625rem;line-height:32px;letter-spacing:-0.52px}@media (min-width: 30rem){.is-front-page h3.hy-twitter-feed__title,.is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 60rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 75.0625rem){.without-sidebar .is-front-page h3.hy-twitter-feed__title,.without-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.with-sidebar .is-front-page h3.hy-twitter-feed__title,.with-sidebar .is-landing-page h3.hy-twitter-feed__title{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-twitter-feed__keyword{font-size:0.9375rem;line-height:22px;margin:0;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-feed__keyword hy-icon{margin-right:4px}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon{margin-right:6px}}@media (min-width: 30rem){.hy-twitter-feed__keyword hy-icon svg{width:24px;height:24px}}@media (min-width: 30rem){.hy-twitter-feed__keyword{font-size:1rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword{font-size:1.0625rem;line-height:24px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword hy-icon svg{width:32px;height:32px}}.hy-twitter-feed__keyword+a{font-size:0.9375rem;line-height:18px;margin:0 0 0 8px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.28px;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-twitter-feed__keyword+a:hover{text-decoration:underline}.hy-twitter-feed__keyword+a hy-icon{margin-right:6px}.hy-twitter-feed__keyword+a hy-icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-twitter-feed__keyword+a{font-size:0.875rem;line-height:18px;letter-spacing:-0.26px;margin:0 0 0 12px}}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-feed__keyword+a{font-size:1rem;line-height:20px;letter-spacing:-0.3px;margin:0 0 0 16px}}.hy-twitter-feed__tweets{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 30rem){.hy-twitter-feed__tweets{grid-template-columns:repeat(2, 1fr);gap:24px}}@media (min-width: 60rem){.without-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 75.0625rem){.with-sidebar .hy-twitter-feed__tweets{grid-template-columns:repeat(3, 1fr)}}.hy-twitter-tweet{background-color:var(--grayscale-background-box);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.hy-twitter-tweet__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-8px;padding-top:12px;margin-bottom:8px}@media (min-width: 30rem){.hy-twitter-tweet__header{padding-top:16px}}.hy-twitter-tweet__profile-image img{height:70px;width:70px}@media (min-width: 75.0625rem){.without-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}@media (min-width: 1601px){.with-sidebar .hy-twitter-tweet__profile-image img{height:80px;width:80px}}.hy-twitter-tweet__header-content{margin-left:8px}.hy-twitter-tweet__header-content time{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black);letter-spacing:-0.1px}.hy-twitter-tweet__header-content p{font-size:0.9375rem;line-height:18px;font-weight:700;font-family:var(--main-font-family);color:var(--brand-main-nearly-black);letter-spacing:-0.3px;margin:4px 0 2px}@media (min-width: 30rem){.hy-twitter-tweet__header-content p{font-size:1rem;line-height:20px;letter-spacing:-0.32px}}.hy-twitter-tweet__header-content a{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none;position:relative;z-index:10}.hy-twitter-tweet__header-content a:hover{text-decoration:underline}.hy-twitter-tweet__content-wrapper{height:100%;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}.hy-twitter-tweet__content{padding:0 16px}.hy-twitter-tweet__content p{font-size:0.9375rem;line-height:20px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);letter-spacing:-0.03px;margin:0 0 8px}@media (min-width: 30rem){.hy-twitter-tweet__content p{font-size:0.875rem;line-height:18px;letter-spacing:-0.08px}}.hy-twitter-tweet__tweet-link{font-size:0.75rem;line-height:16px;font-weight:600;font-family:var(--main-font-family);color:var(--link-blue);letter-spacing:-0.1px;text-decoration:none}.hy-twitter-tweet__tweet-link span{position:absolute;inset:0}.hy-twitter-tweet__tweet-link:hover{text-decoration:underline}.hy-twitter-tweet__statistics{margin-top:16px;padding:0 16px 16px}.hy-twitter-tweet__statistics .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.hy-twitter-tweet__statistics p{font-size:0.75rem;line-height:14px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark);letter-spacing:-0.1px;margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hy-twitter-tweet__statistics p:not(:first-of-type){margin-left:16px}.hy-twitter-tweet__statistics p hy-icon{margin-right:4px}.hy-twitter-tweet__statistics p hy-icon svg{fill:var(--grayscale-dark)}";export{i as hy_twitter_feed}

package/dist/huds-lib/hy-two-columns.entry.js

@@ -1 +1 @@
-import{r as e,h as i,H as t}from"./index-2ffe17c9.js";const o=class{constructor(i){e(this,i),this.reversed=!1}render(){const e=["hy-two-columns",this.reversed?"hy-two-columns--reversed":""].join(" ");return i(t,{key:"7b1860ff9cb93485a344a1e152e13f9c5527f6c8"},i("div",{key:"48b0b2429df3df4c2974b24b73835b133fdd01ef",class:e},i("div",{key:"28228f514c9c806b64d8d5385de0e653a1ed3db1",class:"hy-two-columns__item hy-two-columns__item--main"},i("slot",{key:"1f6ded037fb1112bf184d936d147ac145d97882d",name:"main"})),i("div",{key:"122fe6983af0f99f9095a4a88bad3e8223674102",class:"hy-two-columns__item hy-two-columns__item--side"},i("slot",{key:"fb5ef283a71067523e9eac4a0e820bdc6e04f2de",name:"side"}))))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-two-columns{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-two-columns h2,.hy-two-columns h3,.hy-two-columns h4,.hy-two-columns h5,.hy-two-columns h6{margin-top:0}.hy-two-columns p{margin-top:0}@media (min-width: 30rem){.hy-two-columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-two-columns--reversed{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-two-columns--reversed{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-two-columns--reversed .hy-two-columns__item--side{margin-left:0;margin-right:0}@media (min-width: 30rem){.hy-two-columns--reversed .hy-two-columns__item--side{margin-right:5.79%}}@media (min-width: 60rem){.hy-two-columns--reversed .hy-two-columns__item--side{margin-right:8.5%}}.hy-two-columns__item{width:100%}.hy-two-columns__item [slot=main]{width:100%}.hy-two-columns__item [slot=main] .hy-paragraph-text{width:100% !important}.hy-two-columns__item [slot=side]{width:100%}.hy-two-columns__item--main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;width:100%}@media (min-width: 30rem){.hy-two-columns__item--main{-ms-flex-preferred-size:67.01%;flex-basis:67.01%}}@media (min-width: 60rem){.hy-two-columns__item--main{-ms-flex-preferred-size:63%;flex-basis:63%}}.hy-two-columns__item--side{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}@media (min-width: 30rem){.hy-two-columns__item--side{-ms-flex-preferred-size:32.99%;flex-basis:32.99%;margin-left:5.79%}}@media (min-width: 60rem){.hy-two-columns__item--side{-ms-flex-preferred-size:37%;flex-basis:37%;margin-left:8.5%;padding:0}}.hy-two-columns__item--side hy-key-figure{padding:0 10.67%}@media (min-width: 30rem){.hy-two-columns__item--side hy-key-figure{padding:0}}";export{o as hy_two_columns}
+import{r as e,h as i,H as t}from"./index-2ffe17c9.js";const o=class{constructor(i){e(this,i),this.reversed=!1}render(){const e=["hy-two-columns",this.reversed?"hy-two-columns--reversed":""].join(" ");return i(t,{key:"a25aece92b9e26485e5d09d486a90ba1ff0a8116"},i("div",{key:"db2b23fa2e7508e1be88089373da028e62306029",class:e},i("div",{key:"4aba6b8f8dc8c7b58d44b977c60c395e2a356007",class:"hy-two-columns__item hy-two-columns__item--main"},i("slot",{key:"ea8b3b5737d1dedcf38079be0e13a4aa9afa48f6",name:"main"})),i("div",{key:"b783257b363351718dd6f5ee63de63c9f54b4410",class:"hy-two-columns__item hy-two-columns__item--side"},i("slot",{key:"4f93686a3328ccf7101fbcee9bc44fed401aecbf",name:"side"}))))}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-two-columns{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-two-columns h2,.hy-two-columns h3,.hy-two-columns h4,.hy-two-columns h5,.hy-two-columns h6{margin-top:0}.hy-two-columns p{margin-top:0}@media (min-width: 30rem){.hy-two-columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-two-columns--reversed{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 30rem){.hy-two-columns--reversed{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.hy-two-columns--reversed .hy-two-columns__item--side{margin-left:0;margin-right:0}@media (min-width: 30rem){.hy-two-columns--reversed .hy-two-columns__item--side{margin-right:5.79%}}@media (min-width: 60rem){.hy-two-columns--reversed .hy-two-columns__item--side{margin-right:8.5%}}.hy-two-columns__item{width:100%}.hy-two-columns__item [slot=main]{width:100%}.hy-two-columns__item [slot=main] .hy-paragraph-text{width:100% !important}.hy-two-columns__item [slot=side]{width:100%}.hy-two-columns__item--main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;width:100%}@media (min-width: 30rem){.hy-two-columns__item--main{-ms-flex-preferred-size:67.01%;flex-basis:67.01%}}@media (min-width: 60rem){.hy-two-columns__item--main{-ms-flex-preferred-size:63%;flex-basis:63%}}.hy-two-columns__item--side{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}@media (min-width: 30rem){.hy-two-columns__item--side{-ms-flex-preferred-size:32.99%;flex-basis:32.99%;margin-left:5.79%}}@media (min-width: 60rem){.hy-two-columns__item--side{-ms-flex-preferred-size:37%;flex-basis:37%;margin-left:8.5%;padding:0}}.hy-two-columns__item--side hy-key-figure{padding:0 10.67%}@media (min-width: 30rem){.hy-two-columns__item--side hy-key-figure{padding:0}}";export{o as hy_two_columns}

package/dist/huds-lib/hy-user-login-form.entry.js

@@ -1 +1 @@
-import{r as o,h as i}from"./index-2ffe17c9.js";import{S as r,C as e}from"./utils-1e7f5184.js";const s=class{constructor(i){o(this,i),this.logoUrl=void 0,this.logoLabel=void 0}render(){return i("div",{key:"a48e695d0cc1fc598016edb32275618842a6283d",class:"hy-user-login-form"},i("div",{key:"7c91c0c301a4fd48c0311c50cf603875919aeb56",class:"hy-site-header__logo-container"},i("hy-site-logo",{key:"88fd055a80781ca00737263513326a668cb90568",size:r.large,color:e.black,url:this.logoUrl,label:this.logoLabel})),i("slot",{key:"275513354ffcda111b0fa71f90d392630433be8e"}))}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-user-login-form{font-family:var(--main-font-family)}.hy-user-login-form .user-login-form{position:relative}.hy-user-login-form .user-login-form .hy-login-label{margin-top:16px}.hy-user-login-form .user-login-form input{display:block;margin:8px 0 0 0;min-height:32px}.hy-user-login-form .user-login-form label{font-size:1rem;line-height:16px;font-weight:700;display:block}.hy-user-login-form .user-login-form label:before{content:"*";padding-right:3px}.hy-user-login-form .user-login-form div#edit-name--description,.hy-user-login-form .user-login-form div#edit-pass--description{display:none}.hy-user-login-form .user-login-form div.form-item-pass{margin-top:28px}.hy-user-login-form .user-login-form div#edit-actions{margin-top:32px}';export{s as hy_user_login_form}
+import{r as o,h as i}from"./index-2ffe17c9.js";import{S as r,C as e}from"./utils-1e7f5184.js";const s=class{constructor(i){o(this,i),this.logoUrl=void 0,this.logoLabel=void 0}render(){return i("div",{key:"afdc8f3f8006fae6c42f6442cb78ea96c25e4f10",class:"hy-user-login-form"},i("div",{key:"987bfd92c890f26af540771a0a93a47b2f6dbf90",class:"hy-site-header__logo-container"},i("hy-site-logo",{key:"1128d0ef8d1df99765f16f1590fe65faf93a90f2",size:r.large,color:e.black,url:this.logoUrl,label:this.logoLabel})),i("slot",{key:"8827c9c662979b1b3201a2d1f3c1d12828779279"}))}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-user-login-form{font-family:var(--main-font-family)}.hy-user-login-form .user-login-form{position:relative}.hy-user-login-form .user-login-form .hy-login-label{margin-top:16px}.hy-user-login-form .user-login-form input{display:block;margin:8px 0 0 0;min-height:32px}.hy-user-login-form .user-login-form label{font-size:1rem;line-height:16px;font-weight:700;display:block}.hy-user-login-form .user-login-form label:before{content:"*";padding-right:3px}.hy-user-login-form .user-login-form div#edit-name--description,.hy-user-login-form .user-login-form div#edit-pass--description{display:none}.hy-user-login-form .user-login-form div.form-item-pass{margin-top:28px}.hy-user-login-form .user-login-form div#edit-actions{margin-top:32px}';export{s as hy_user_login_form}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -54,6 +54,7 @@
     "@uh-design-system/component-library": "^1.0.1",
     "autoprefixer": "^10.3.1",
     "breakpoint-sass": "^3.0.0",
+    "classnames": "^2.5.1",
     "concurrently": "^9.0.0",
     "emotion": "^9.0.0",
     "minimist": "^1.2.0",
@@ -72,5 +73,5 @@
       "pre-commit": "pretty-quick --staged"
     }
   },
-  "gitHead": "6c3a07a25f7d8e8e6763f8e16e4329e2fda9e9da"
+  "gitHead": "b84aa59b6710f2c4329921ce5beeb361cd9798fa"
 }

package/components/accordion-container.js

@@ -1,49 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
-import { d as defineCustomElement$1 } from './hy-box2.js';
-
-const accordionContainerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion-container{width:100%}";
-const HyAccordionContainerStyle0 = accordionContainerCss;
-
-const AccordionContainer = /*@__PURE__*/ proxyCustomElement(class AccordionContainer extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.accordionid = undefined;
-    }
-    /*
-    * data-allow-toggle
-      Allow for each toggle to both open and close individually
-  
-    data-allow-multiple
-      Allow for multiple accordion sections to be expanded at the same time.
-      Assumes data-allow-toggle otherwise you would not be able to close any of the accordions
-    */
-    render() {
-        const classAttributes = ["hy-accordion-container", "js-hy-accordion"];
-        const id = this.accordionid.toLowerCase().replace(/\W/g, "-");
-        return (h(Host, { key: 'cf18d25850bff7a73c954b5dd2468cade6a65e04' }, h("div", { key: '9936b10c4097a482ccd29966fd0a3c1d89a44bfd', id: id, class: classAttributes.join(" "), "data-allow-multiple": "true", "data-allow-toggle": "true" }, h("slot", { key: '3ac4cd288bcb33f976336a295cae8e3a0616531c' })), h("hy-box", { key: '68cddc4af8be48fc63b39d55edd9eb4a1072aed5', mb: "1.75, 1.75, 2, 2.5" })));
-    }
-    static get style() { return HyAccordionContainerStyle0; }
-}, [4, "hy-accordion-container", {
-        "accordionid": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["hy-accordion-container", "hy-box"];
-    components.forEach(tagName => { switch (tagName) {
-        case "hy-accordion-container":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AccordionContainer);
-            }
-            break;
-        case "hy-box":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AccordionContainer as A, defineCustomElement as d };

package/components/accordion-item.js

@@ -1,240 +0,0 @@
-import { p as proxyCustomElement, H, h } from './index3.js';
-import { A as AccordionVariants } from './utils.js';
-import { d as defineCustomElement$1 } from './icon.js';
-
-const accordionItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-accordion__item{margin-bottom:12px}.hy-accordion__item__is-open{border:1px solid var(--grayscale-dark)}.hy-accordion__item__is-open .hy-accordion--heading{margin:0 auto}.hy-accordion__item__is-open .hy-accordion--heading .hy-accordion--heading__icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hy-accordion__item.mini{margin-bottom:1rem;margin-top:1rem}.hy-accordion__item__is-open.mini{margin-bottom:0;margin-top:0}.hy-accordion__item__is-open.mini .hy-accordion__item--container{border-bottom:1px solid var(--grayscale-medium-dark);border-top:1px solid var(--grayscale-medium-dark);padding-top:16px;padding-bottom:32px;margin-top:-1px;-webkit-transition:padding 0.5s ease-in-out;transition:padding 0.5s ease-in-out}@media (min-width: 30rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:28px;padding-bottom:30px}}@media (min-width: 60rem){.hy-accordion__item__is-open.mini .hy-accordion__item--container{padding-top:32px;padding-bottom:40px}}.hy-accordion__item.hy-accordion__item__is-open.mini{background-color:var(--grayscale-white);border:none;-webkit-box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05);box-shadow:0 -10px 10px -10px rgba(0, 49, 70, 0.05)}.hy-accordion--heading{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.69px;line-height:28px;margin:0 auto;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;width:100%}.hy-accordion--heading .hy-accordion__link{text-decoration:none}.hy-accordion--heading .hy-accordion__link:hover{text-decoration:none}.hy-accordion--heading .hy-accordion__button{font-size:1.125rem;line-height:22px;font-weight:700;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--grayscale-background-box);border:none;color:var(--brand-main-nearly-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:-0.45px;padding:13px 20px 13px 16px;-webkit-transition:all 0.35s ease-in;transition:all 0.35s ease-in;width:100%}.hy-accordion--heading .hy-accordion__button:hover{cursor:pointer}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion__button{padding:1rem 2rem 1rem 1.25rem}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion__button{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-accordion--heading .hy-accordion__button--large .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading .hy-accordion__button span{text-align:left}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]{background:none;position:relative}.hy-accordion--heading .hy-accordion__button[aria-expanded=true]:after{background-color:var(--grayscale-medium-dark);bottom:0;content:\"\";height:1px;left:16px;position:absolute;right:20px}.hy-accordion--heading .hy-accordion__button *{pointer-events:none}.hy-accordion--heading .hy-accordion--heading__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;margin-right:8px;z-index:0}.hy-accordion--heading .hy-accordion--heading__icon svg{fill:var(--brand-main)}@media (min-width: 30rem){.hy-accordion--heading .hy-accordion--heading__icon svg{height:18px;width:18px}}@media (min-width: 1601px){.hy-accordion--heading .hy-accordion--heading__icon svg{height:20px;width:20px}}.hy-accordion--heading.mini .hy-accordion__button{font-size:1.125rem;line-height:22px;background-color:var(--grayscale-white);color:var(--link-blue);letter-spacing:-0.56px;padding:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px;padding:0}}.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{color:var(--grayscale-black);margin-bottom:20px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:28px}}@media (min-width: 60rem){.hy-accordion--heading.mini .hy-accordion__button[aria-expanded=true]{margin-bottom:32px}}.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:0.5rem;z-index:0}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon{margin-right:10px}}.hy-accordion--heading.mini .hy-accordion--heading__icon svg{fill:var(--brand-main-light);height:14px;width:14px}@media (min-width: 30rem){.hy-accordion--heading.mini .hy-accordion--heading__icon svg{height:16px;width:16px}}.hy-accordion__content{display:block;height:0;padding:0;overflow:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hy-accordion__content--inner-wrapper{display:block;padding:16px 12px}@media (min-width: 30rem){.hy-accordion__content--inner-wrapper{padding:15px 16px}}@media (min-width: 60rem){.hy-accordion__content--inner-wrapper{padding:16px}}@media (min-width: 75.0625rem){.hy-accordion__content--inner-wrapper--large{padding:24px 20px}}@media (min-width: 1601px){.hy-accordion__content--inner-wrapper{padding:24px 20px}}.hy-accordion__content--inner-wrapper--mini{padding:0}.hy-accordion__content--inner-wrapper--mini .course-heading h4{padding-top:0 !important}";
-const HyAccordionItemStyle0 = accordionItemCss;
-
-let keys = {
-    enter: "Enter", //13
-    tab: "Tab", //9
-    pageUp: "PageUp", //33
-    pageDown: "PageDown", //34
-    arrowUp: "ArrowUp", // 38
-    arrowDown: "ArrowDown", //40
-    home: "Home", //36
-    end: "End", //35
-};
-const AccordionItem = /*@__PURE__*/ proxyCustomElement(class AccordionItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.accordiontitle = undefined;
-        this.variant = AccordionVariants.default;
-        this.headerstyle = "common";
-        this.showOpen = false;
-        this.ready = false;
-    }
-    componentDidLoad() {
-        this.ready = true;
-        let hyMainDiv = this.el.closest(".hy-main");
-        if (hyMainDiv) {
-            if (!hyMainDiv.classList.contains("with-sidebar")) {
-                this.headerstyle = "large";
-            }
-        }
-    }
-    componentDidRender() {
-        if (window.location.hash) {
-            this.expandPanelByAnchor(window.location.hash);
-        }
-        document.querySelectorAll(".hy-accordion__content").forEach(function (accordion) {
-            let showOpen = accordion.classList.contains("open");
-            let element = accordion;
-            if (showOpen) {
-                element.style.display = "block";
-                element.style.height = element.scrollHeight + "px";
-            }
-            else {
-                element.style.height = 0 + "px";
-                element.style.display = "none";
-            }
-        });
-    }
-    onHashChange() {
-        if (window.location.hash) {
-            this.expandPanelByAnchor(window.location.hash);
-        }
-    }
-    handleKeyDown(event) {
-        const containerId = this.el.parentElement.id;
-        let accordion = document.querySelectorAll(`#${containerId}`)[0];
-        const triggers = Array.prototype.slice.call(accordion.querySelectorAll(".hy-accordion__button"));
-        let target = event.target;
-        const key = event.code;
-        const ctrlModifier = event.ctrlKey && [keys.pageDown, keys.pageUp].includes(key); //key.match(/33|34/);
-        if (target.classList.contains("hy-accordion__button")) {
-            // Up/ Down arrow and Control + Page Up/ Page Down keyboard operations
-            if ([keys.arrowDown, keys.arrowUp].includes(key) || ctrlModifier) {
-                const index = triggers.indexOf(target);
-                const direction = [keys.arrowDown, keys.pageDown].includes(key) ? 1 : -1;
-                const length = triggers.length;
-                const newIndex = (index + length + direction) % length;
-                triggers[newIndex].focus();
-                event.preventDefault();
-            }
-            else if ([keys.home, keys.end].includes(key)) {
-                switch (key) {
-                    // Go to first accordion
-                    case keys.home:
-                        triggers[0].focus();
-                        break;
-                    // Go to last accordion
-                    case keys.end:
-                        triggers[triggers.length - 1].focus();
-                        break;
-                }
-                event.preventDefault();
-            }
-        }
-    }
-    handleClick(event) {
-        const target = event.target;
-        const accordionContainer = this.el.parentElement;
-        const allowMultiple = accordionContainer.hasAttribute("data-allow-multiple");
-        const allowToggle = allowMultiple ? allowMultiple : accordionContainer.hasAttribute("data-allow-toggle");
-        if (target && target.tagName.toLowerCase() === "button") {
-            let targetParent = target.closest(".hy-accordion__item");
-            let targetContent = targetParent.getElementsByClassName("hy-accordion__content")[0];
-            const isExpanded = target.getAttribute("aria-expanded") === "true";
-            const activeButtonElement = accordionContainer.querySelector('[aria-expanded="true"]');
-            if (!allowMultiple && activeButtonElement && activeButtonElement !== target) {
-                activeButtonElement.setAttribute("aria-expanded", "false");
-                this.collapseSection(targetContent);
-                if (targetParent.classList.contains("hy-accordion__item__is-open")) {
-                    targetParent.classList.remove("hy-accordion__item__is-open");
-                }
-                accordionContainer
-                    .querySelector(`#${activeButtonElement.getAttribute("aria-controls")}`)
-                    .setAttribute("aria-hidden", "true");
-                if (!allowToggle) {
-                    activeButtonElement.removeAttribute("aria-disabled");
-                }
-            }
-            if (!isExpanded) {
-                this.expandSection(targetContent);
-                target.setAttribute("aria-expanded", "true");
-                targetParent.classList.add("hy-accordion__item__is-open");
-                accordionContainer
-                    .querySelector(`#${target.getAttribute("aria-controls")}`)
-                    .setAttribute("aria-hidden", "false");
-                if (!allowToggle) {
-                    target.setAttribute("aria-disabled", "true");
-                }
-            }
-            else if (allowToggle && isExpanded) {
-                target.setAttribute("aria-expanded", "false");
-                this.collapseSection(targetContent);
-                if (targetParent.classList.contains("hy-accordion__item__is-open")) {
-                    targetParent.classList.remove("hy-accordion__item__is-open");
-                }
-                accordionContainer
-                    .querySelector(`#${target.getAttribute("aria-controls")}`)
-                    .setAttribute("aria-hidden", "true");
-            }
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-    expandPanelByAnchor(anchor) {
-        setTimeout(() => {
-            if (anchor.length > 0) {
-                anchor = anchor.substr(1);
-                let target = document.querySelectorAll(`[id=${anchor}]`)[0];
-                if (target && target.classList.contains("hy-accordion__button")) {
-                    let targetParent = target.closest(".hy-accordion__item");
-                    let targetContent = targetParent.querySelectorAll(".hy-accordion__content")[0];
-                    this.expandSection(targetContent);
-                    target.setAttribute("aria-expanded", "true");
-                    targetParent.classList.add("hy-accordion__item__is-open");
-                    const targetElementRect = target.getBoundingClientRect();
-                    window.scrollTo({ top: window.scrollY + targetElementRect.top - 200, behavior: "smooth" });
-                    const containerId = targetParent.parentElement.parentElement.id;
-                    if (containerId.length > 0) {
-                        let accordion = document.querySelectorAll(`#${containerId}`)[0];
-                        accordion.querySelector(`#${target.getAttribute("aria-controls")}`).setAttribute("aria-hidden", "false");
-                    }
-                }
-            }
-        }, 200);
-    }
-    collapseSection(element) {
-        element.style.height = 0 + "px";
-        element.setAttribute("data-collapsed", "true");
-        setTimeout(() => {
-            element.style.display = "none";
-        }, 250);
-    }
-    expandSection(element) {
-        element.style.display = "block";
-        element.style.height = element.scrollHeight + "px";
-        element.setAttribute("data-collapsed", "false");
-    }
-    render() {
-        const containerId = this.el.parentElement.id;
-        if (this.ready && containerId.length > 0) {
-            document.querySelectorAll(`#${containerId}`).forEach(function (accordion) {
-                if (accordion) {
-                    accordion.querySelectorAll(".hy-accordion__button").forEach(function (trigger) {
-                        trigger.addEventListener("focus", function () {
-                            trigger.classList.add("focus");
-                        });
-                        trigger.addEventListener("blur", function () {
-                            trigger.classList.remove("focus");
-                        });
-                    });
-                }
-            });
-        }
-        const classIsOpen = this.showOpen ? "hy-accordion__item__is-open" : "";
-        const classContentIsOpen = this.showOpen ? "open" : "";
-        const classAttributes = ["hy-accordion__item", this.variant, classIsOpen].join(" ");
-        const classInnerWrapper = ["hy-accordion__item--container", this.variant].join(" ");
-        const classHeadingAttributes = ["hy-accordion--heading", this.variant].join(" ");
-        const classContentAttributes = [
-            "hy-accordion__content",
-            `hy-accordion__content--${this.variant}`,
-            this.variant,
-            classContentIsOpen,
-        ].join(" ");
-        const classContentInnerWrapper = [
-            "hy-accordion__content--inner-wrapper",
-            `hy-accordion__content--inner-wrapper--${this.headerstyle}`,
-            `hy-accordion__content--inner-wrapper--${this.variant}`,
-        ].join(" ");
-        const titleAsId = this.accordiontitle.toLowerCase().replace(/\W/g, "-");
-        const accordionItemHref = "#" + titleAsId + "--title";
-        const ariaExpanded = this.showOpen ? "true" : "false";
-        const ariaHidden = this.showOpen ? "false" : "true";
-        const dataCollapsed = this.showOpen ? "false" : "true";
-        return (h("div", { key: '507abb2a7d6aa29f2980524e94f2f18e6b6e08ec', class: classAttributes }, h("div", { key: '87336553ef852fd594050d4de3298f904e71d5c1', class: classInnerWrapper }, h("h3", { key: '84da70a9e2902851046c6079fb0ebbd11d856bfc', class: classHeadingAttributes }, h("a", { key: '3a9530633be1c6d127bd9c15d081d19e8f26fb6a', href: accordionItemHref, class: "hy-accordion__link", tabindex: "-1" }, h("button", { key: '378c62e3b67330c507f4bc6a2a9e1728fedcea33', "aria-expanded": ariaExpanded, "aria-controls": `${titleAsId}--content`, class: `hy-accordion__button hy-accordion__button--${this.headerstyle}`, id: `${titleAsId}--title` }, h("span", { key: 'e37e74995e1afe6b45faf0bcae6f8e765f6c60fd', class: "hy-accordion--heading__icon" }, h("hy-icon", { key: '620d28c44285cd806b64cabbba8245d7ec24e7af', icon: "hy-icon-caret-down", size: 16 })), h("span", { key: '6f8dd1038151384d7e0077ac174aff1eb509a530' }, this.accordiontitle)))), h("div", { key: '1c36473eae3a8e99c89a474039c786d3169cbc41', "aria-labelledBy": `${titleAsId}--title`, class: classContentAttributes, id: `${titleAsId}--content`, role: "region", "aria-hidden": ariaHidden, "data-collapsed": dataCollapsed, style: { display: "none" } }, h("div", { key: '2371237420458cc3b34dca567fd2e42610318fe1', class: classContentInnerWrapper }, h("slot", { key: '28847ba8e2964c20384e741bbe21272ee0645d01' }))))));
-    }
-    get el() { return this; }
-    static get style() { return HyAccordionItemStyle0; }
-}, [4, "hy-accordion-item", {
-        "accordiontitle": [1],
-        "variant": [1],
-        "headerstyle": [1],
-        "showOpen": [4, "show-open"],
-        "ready": [32]
-    }, [[8, "hashchange", "onHashChange"], [0, "keydown", "handleKeyDown"], [0, "click", "handleClick"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["hy-accordion-item", "hy-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "hy-accordion-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AccordionItem);
-            }
-            break;
-        case "hy-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AccordionItem as A, defineCustomElement as d };

package/dist/huds-lib/app-globals-d5da9f0e.js

@@ -1 +0,0 @@
-import{g as o}from"./globalScript-7f6ce018.js";const r=o;export{r as g}