npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.57 → 0.8.59 - Mend

@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1260) hide show

package/dist/huds-lib/hy-tabs_2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["hyTabsCss","keys","end","home","left","up","right","down","delete","direction","checkTimeout","focusTimeout","scrollTimeout","HyTabs","componentWillLoad","tabItems","this","el","querySelectorAll","tabButtonTitles","Array","from","map","panel","title","getAttribute","id","toLowerCase","replace","componentDidLoad","hyMainDiv","closest","classList","contains","headerstyle","tabContainer","querySelector","generateArrays","leftButton","rightButton","tabList","checkScrollHidden","addEventListener","setTimeout","window","clearTimeout","offSetWidth","document","body","scrollWidth","add","oneTabWidth","e","preventDefault","scrollBy","top","behavior","remove","tc","tabButtons","tabPanelsState","length","addListeners","activateTab","tabs","index","i","clickEventListener","keydownEventListener","tablist","scrollLeft","clientWidth","event","target","forEach","tab","Object","values","stopPropagation","stopImmediatePropagation","key","keyCode","focusTimeoutCleared","determineOrientation","keyupEventListener","role","vertical","proceed","switchTabOnArrowPress","pressed","focus","focusEventHandler","setFocus","deactivateTabs","removeAttribute","setAttribute","controls","t","removeEventListener","panels","p","focused","activeElement","render","classComponentAttributes","join","tabId","location","hash","tabHash","substring","isUrlHashed","some","hashElement","getElementById","hashElementRect","getBoundingClientRect","scrollTo","scrollY","h","pt","class","tabindex","icon","size","tabListLabel","item","titleAsId","tabItemHref","href","mb","hyTabsItemCss","HyTabsItem","tabTitle","hidden"],"sources":["./src/components/hy-tabs/hy-tabs.scss?tag=hy-tabs","./src/components/hy-tabs/hy-tabs.tsx","./src/components/hy-tabs-item/hy-tabs-item.scss?tag=hy-tabs-item","./src/components/hy-tabs-item/hy-tabs-item.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-tabs__container {\n .hy-tablist-container {\n border-bottom: 1px solid var(--grayscale-tabs-border);\n position: relative;\n }\n\n .hy-tab-scroll {\n background-color: rgba(255, 255, 255, 0.8);\n border: 0;\n height: 100%;\n margin: 0;\n padding: 0;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 4;\n\n &.is-hidden {\n display: none;\n visibility: hidden;\n }\n\n &.is-disabled {\n background-color: var(--grayscale-medium);\n\n &:hover {\n cursor: none;\n }\n }\n\n &:focus,\n &:hover {\n outline: none;\n cursor: pointer;\n }\n\n span {\n align-items: center;\n background-color: var(--grayscale-black);\n border-radius: 100%;\n display: inline-flex;\n height: 32px;\n justify-content: center;\n width: 32px;\n\n svg {\n fill: var(--grayscale-white);\n height: 16px;\n width: 16px;\n }\n }\n\n &__left {\n left: 0;\n padding-right: 8px;\n\n svg {\n transform: translateX(-1px);\n }\n }\n\n &__right {\n padding-left: 8px;\n right: 0;\n\n svg {\n transform: translateX(1px);\n }\n }\n }\n\n [role=\"tablist\"] {\n display: flex;\n flex-direction: row;\n margin: 0 0 -0.1em;\n overflow: scroll;\n position: relative;\n scrollbar-width: none;\n white-space: nowrap;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n [role=\"tablist\"] a {\n display: flex;\n max-width: 47.56%;\n text-decoration: none;\n flex-shrink: 0;\n\n &:not(:first-of-type) {\n margin-left: 6px;\n }\n\n @include breakpoint($narrow) {\n max-width: 35.37%;\n }\n\n @include breakpoint($wide) {\n max-width: 23.13%;\n }\n\n @include breakpoint($extrawide) {\n max-width: 23.03%;\n }\n }\n\n [role=\"tab\"] {\n align-items: stretch;\n background-color: transparent;\n border: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n margin-bottom: 6px;\n padding: 0;\n\n > span {\n @include font-size(14px, 14px);\n @include font-weight($bold);\n align-items: center;\n background-color: var(--grayscale-background-box);\n border: 0;\n color: var(--link-blue);\n display: flex;\n font-family: var(--main-font-family);\n hyphens: auto;\n letter-spacing: -0.5px;\n padding: 8px 8px 7px;\n pointer-events: none;\n position: relative;\n text-align: left;\n white-space: normal;\n word-break: break-word;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 18px);\n padding: 16px 12px 10px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(18px, 20px);\n letter-spacing: -0.6px;\n padding: 16px 16px 14px;\n }\n\n @supports (overflow-wrap: anywhere) {\n overflow-wrap: anywhere;\n }\n\n overflow-wrap: break-word;\n\n @supports (overflow-wrap: anywhere) {\n overflow-wrap: anywhere;\n }\n\n overflow-wrap: break-word;\n }\n }\n\n // No sidebar\n [role=\"tab\"].large {\n @include breakpoint($extrawide) {\n margin: 0 12px 0 0;\n }\n }\n\n [role=\"tab\"][aria-selected=\"true\"] {\n border-bottom-width: 0;\n border: 1px solid var(--grayscale-dark);\n margin-bottom: 0;\n z-index: 3;\n\n > span {\n background-color: var(--grayscale-white);\n color: var(--grayscale-black);\n padding-bottom: 13px;\n\n @include breakpoint($narrow) {\n padding-bottom: 16px;\n }\n\n @include breakpoint($extrawide) {\n padding-bottom: 20px;\n }\n\n &:before {\n background-color: var(--grayscale-white);\n bottom: 0;\n content: \"\";\n height: 4px;\n left: 0;\n position: absolute;\n right: 0;\n transform: translateY(50%);\n }\n\n &:after {\n background-color: var(--grayscale-black);\n bottom: 0;\n content: \"\";\n height: 4px;\n left: 8px;\n position: absolute;\n right: 8px;\n }\n }\n }\n\n [role=\"tab\"]:hover {\n border-radius: 0;\n color: inherit;\n cursor: pointer;\n text-decoration: none;\n\n span {\n background-color: var(--hover-gray);\n color: var(--brand-main-active);\n }\n }\n\n [role=\"tabpanel\"] {\n border: 1px solid var(--grayscale-dark);\n padding: 28px 12px;\n position: relative;\n z-index: 2;\n\n @include breakpoint($narrow) {\n padding: 38px 15px;\n }\n\n @include breakpoint($wide) {\n padding: 40px 20px;\n }\n }\n\n [role=\"tabpanel\"]:focus {\n outline: 1px solid var(--brand-main-active);\n }\n}\n","import {Component, ComponentInterface, h, Prop, State, Listen, Element} from \"@stencil/core\";\n// For easy reference\nlet keys = {\n end: 35,\n home: 36,\n left: 37,\n up: 38,\n right: 39,\n down: 40,\n delete: 46,\n};\n\n// Add or substract depending on key pressed\nlet direction = {\n 37: -1,\n 38: -1,\n 39: 1,\n 40: 1,\n};\nlet checkTimeout;\nlet focusTimeout;\nlet scrollTimeout;\n\n@Component({\n tag: \"hy-tabs\",\n styleUrl: \"hy-tabs.scss\",\n shadow: false,\n})\nexport class HyTabs implements ComponentInterface {\n @Prop() tabId?: string;\n @Prop() tabListLabel: string = \"\";\n @State() focusTimeoutCleared: boolean = true;\n @State() tabButtonTitles: object[];\n @State() tabPanelsState: NodeListOf<Element>[];\n @State() tabButtons: NodeListOf<Element>[];\n @State() tabList: NodeListOf<Element>[];\n @Element() el: HTMLElement;\n @Prop() headerstyle: string = \"common\";\n\n componentWillLoad() {\n const tabItems = this.el.querySelectorAll(\"hy-tabs-item\");\n if (tabItems) {\n this.tabButtonTitles = Array.from(tabItems).map((panel) => {\n return {\n title: panel.getAttribute(\"tab-title\"),\n id: panel.getAttribute(\"tab-title\").toLowerCase().replace(/\\W/g, \"-\"),\n };\n });\n }\n }\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n\n const tabContainer = this.el.querySelector(\".hy-tabs__container\") as any;\n\n if (tabContainer) {\n this.generateArrays(tabContainer);\n\n const leftButton = this.el.querySelectorAll(\".hy-tab-scroll__left\")[0];\n const rightButton = this.el.querySelectorAll(\".hy-tab-scroll__right\")[0];\n const tabList = this.tabList as any;\n\n this.checkScrollHidden(tabList, leftButton, rightButton);\n\n tabList.addEventListener(\n \"scroll\",\n () => {\n scrollTimeout = setTimeout(() => {\n window.clearTimeout(scrollTimeout);\n this.checkScrollHidden(tabList, leftButton, rightButton);\n }, 250);\n },\n false\n );\n\n if (tabList.offSetWidth <= document.body.scrollWidth) {\n leftButton.classList.add(\"is-hidden\");\n rightButton.classList.add(\"is-hidden\");\n }\n\n const oneTabWidth = 250;\n rightButton.addEventListener(\"click\", (e) => {\n e.preventDefault();\n rightButton.classList.add(\"is-disabled\");\n tabList.scrollBy({\n top: 0,\n left: +oneTabWidth,\n behavior: \"smooth\",\n });\n checkTimeout = window.setTimeout(() => {\n window.clearTimeout(checkTimeout);\n this.checkScrollHidden(tabList, leftButton, rightButton);\n rightButton.classList.remove(\"is-disabled\");\n }, 250);\n });\n\n leftButton.addEventListener(\"click\", (e) => {\n e.preventDefault();\n leftButton.classList.add(\"is-disabled\");\n tabList.scrollBy({\n top: 0,\n left: -oneTabWidth,\n behavior: \"smooth\",\n });\n checkTimeout = window.setTimeout(() => {\n window.clearTimeout(checkTimeout);\n this.checkScrollHidden(tabList, leftButton, rightButton);\n leftButton.classList.remove(\"is-disabled\");\n }, 250);\n });\n }\n }\n\n generateArrays(tc) {\n this.tabList = tc.querySelectorAll('[role=\"tablist\"]')[0] as any;\n this.tabButtons = tc.querySelectorAll('[role=\"tab\"]') as any;\n this.tabPanelsState = [tc.querySelectorAll('[role=\"tabpanel\"]')] as any;\n\n if (this.tabButtons.length > 0) {\n this.addListeners(this.tabButtons, 1);\n this.activateTab(this.tabButtons[0], true);\n }\n }\n\n addListeners(tabs, index) {\n if (tabs.length > 1) {\n for (let i = 0; i < tabs.length; ++i) {\n tabs[index].addEventListener(\"click\", this.clickEventListener);\n tabs[index].addEventListener(\"keydown\", this.keydownEventListener);\n //tabs[index].addEventListener('keyup', this.keyupEventListener);\n tabs[index].index = index;\n }\n }\n }\n\n checkScrollHidden(tablist, leftButton, rightButton) {\n if (tablist.scrollLeft === 0) {\n leftButton.classList.add(\"is-hidden\");\n } else {\n leftButton.classList.remove(\"is-hidden\");\n }\n if (tablist.scrollLeft + tablist.clientWidth >= tablist.scrollWidth - 1) {\n rightButton.classList.add(\"is-hidden\");\n } else {\n rightButton.classList.remove(\"is-hidden\");\n }\n }\n\n // When a tab is clicked, activateTab is fired to activate it\n @Listen(\"click\")\n clickEventListener(event) {\n if (event) {\n const target = event.target;\n const tabs = this.tabButtonTitles;\n if (tabs) {\n tabs.forEach((tab) => {\n const id = Object.values(tab)[1];\n if (id === target.id) {\n this.activateTab(target, true);\n }\n });\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n }\n }\n\n @Listen(\"keydown\")\n keydownEventListener(event) {\n const key = event.keyCode;\n const tabs = this.tabButtonTitles as any;\n switch (key) {\n case keys.end:\n event.preventDefault();\n // Activate last tab\n this.activateTab(tabs[tabs.length - 1], true);\n break;\n case keys.home:\n event.preventDefault();\n // Activate first tab\n this.activateTab(tabs[0], true);\n break;\n\n // Up and down are in keydown\n // because we need to prevent page scroll >:)\n case keys.up:\n case keys.down:\n if (this.focusTimeoutCleared) {\n this.determineOrientation(event);\n }\n break;\n }\n }\n\n @Listen(\"keydown\")\n keyupEventListener(event) {\n const key = event.keyCode;\n\n switch (key) {\n case keys.left:\n case keys.right:\n if (event.target.role === \"tab\") {\n event.preventDefault();\n if (this.focusTimeoutCleared) {\n this.determineOrientation(event);\n }\n }\n break;\n }\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n\n determineOrientation(event) {\n const leftButton = this.el.querySelectorAll(\".hy-tab-scroll__left\")[0];\n const rightButton = this.el.querySelectorAll(\".hy-tab-scroll__right\")[0];\n const tabList = this.tabList as any;\n\n this.checkScrollHidden(tabList, leftButton, rightButton);\n const key = event.keyCode;\n const vertical = tabList.getAttribute(\"aria-orientation\") == \"vertical\";\n let proceed = false;\n if (vertical) {\n if (key === keys.up || key === keys.down) {\n event.preventDefault();\n proceed = true;\n }\n } else {\n if (key === keys.left || key === keys.right) {\n proceed = true;\n }\n }\n\n if (proceed) {\n this.switchTabOnArrowPress(event);\n }\n }\n\n switchTabOnArrowPress(event) {\n const pressed = event.keyCode;\n\n if (direction[pressed]) {\n const target = event.target;\n const tabs = this.tabButtons as any;\n\n for (let i = 0; i < tabs.length; i++) {\n if (tabs[i].id === target.id) {\n if (i > 0) {\n if (direction[pressed] === -1) {\n tabs[i - 1].focus();\n this.focusEventHandler(tabs[i - 1]);\n break;\n }\n }\n if (i < tabs.length - 1) {\n if (direction[pressed] === 1) {\n tabs[i + 1].focus();\n this.focusEventHandler(tabs[i + 1]);\n break;\n }\n }\n }\n }\n }\n }\n\n // Activates any given tab panel\n activateTab(tab, setFocus) {\n setFocus = setFocus || true;\n // Deactivate all other tabs\n this.deactivateTabs(this.tabButtons);\n // Remove tabindex attribute\n tab.removeAttribute(\"tabindex\");\n tab.setAttribute(\"aria-selected\", \"true\");\n const controls = tab.getAttribute(\"aria-controls\");\n this.el.querySelector(`#${controls}`).removeAttribute(\"hidden\");\n if (setFocus) {\n tab.focus();\n }\n }\n\n // Deactivate all tabs and tab panels\n deactivateTabs(tabs) {\n for (let t = 0; t < tabs.length; t++) {\n tabs[t].setAttribute(\"tabindex\", \"-1\");\n tabs[t].setAttribute(\"aria-selected\", \"false\");\n tabs[t].removeEventListener(\"focus\", this.focusEventHandler);\n }\n const panels = this.tabPanelsState[0];\n for (let p = 0; p < panels.length; p++) {\n panels[p].setAttribute(\"hidden\", \"hidden\");\n }\n }\n\n @Listen(\"focus\")\n focusEventHandler(tab) {\n const target = tab;\n this.focusTimeoutCleared = false;\n focusTimeout = window.setTimeout(() => {\n window.clearTimeout(focusTimeout);\n this.focusTimeoutCleared = true;\n const focused = document.activeElement;\n if (target === focused) {\n this.activateTab(target, false);\n }\n }, 250);\n }\n\n render() {\n const classComponentAttributes = [\"hy-tabs__container\", `hy-tabs__container__${this.headerstyle}`].join(\" \");\n const id = this.tabId.toLowerCase().replace(/\\W/g, \"-\");\n\n if (window.location.hash) {\n const tabHash = window.location.hash.substring(1);\n const isUrlHashed = this.tabButtonTitles.some((tab) => tab[\"id\"] === tabHash);\n\n if (isUrlHashed) {\n const hashElement = document.getElementById(tabHash);\n\n if (hashElement) {\n this.activateTab(hashElement, true);\n const hashElementRect = hashElement.getBoundingClientRect();\n window.scrollTo({top: window.scrollY + hashElementRect.top - 200, behavior: \"smooth\"});\n }\n }\n }\n\n return [\n <hy-box pt=\"1.25, 1.25, 1.5, 2.5\" />,\n <div id={id} class={classComponentAttributes}>\n <div class=\"hy-tablist-container\">\n <button tabindex=\"-1\" class=\"hy-tab-scroll hy-tab-scroll__left is-hidden\" aria-hidden=\"true\">\n <span>\n <hy-icon icon={\"hy-icon-caret-left\"} size={16} />\n </span>\n </button>\n <div role=\"tablist\" aria-label={this.tabListLabel}>\n {this.tabButtonTitles &&\n this.tabButtonTitles.map((item) => {\n const title = Object.values(item)[0];\n const id = title.toLowerCase().replace(/\\W/g, \"-\");\n\n const titleAsId = title.toLowerCase().replace(/\\W/g, \"-\");\n const tabItemHref = \"#\" + titleAsId;\n\n return (\n <a href={tabItemHref} tabindex=\"-1\">\n <button\n aria-selected=\"false\"\n aria-controls={`${id}-tab`}\n class={this.headerstyle}\n role=\"tab\"\n id={id}\n >\n <span>{title}</span>\n </button>\n </a>\n );\n })}\n </div>\n <button tabindex=\"-1\" class=\"hy-tab-scroll hy-tab-scroll__right\" aria-hidden=\"true\">\n <span>\n <hy-icon icon={\"hy-icon-caret-right\"} size={16} />\n </span>\n </button>\n </div>\n <slot></slot>\n </div>,\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />,\n ];\n }\n}\n",":host {\n display: block;\n}\n","import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-tabs-item\",\n styleUrl: \"hy-tabs-item.scss\",\n shadow: false,\n})\nexport class HyTabsItem {\n @Prop() tabTitle?: string;\n\n render() {\n const id = this.tabTitle.toLowerCase().replace(/\\W/g, \"-\");\n\n return (\n <div tabindex=\"0\" role=\"tabpanel\" id={`${id}-tab`} aria-labelledby={id} hidden>\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as r,H as e}from"./index-f84f2a7d.js";const i=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-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}";const t=class{constructor(r){a(this,r)}render(){const a=["hy-tag"].join(" ");return r(e,null,r("div",{class:a},r("span",null,r("slot",null))))}};t.style=i;export{t as hy_tag};
2	+ //# sourceMappingURL=hy-tag.entry.js.map

package/dist/huds-lib/hy-tag.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["hyTagCss","HyTag","render","classAttributes","join","h","Host","class"],"sources":["./src/components/hy-tag/hy-tag.scss?tag=hy-tag&encapsulation=shadow","./src/components/hy-tag/hy-tag.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-tag {\n margin: 0 4px 4px 0;\n\n span {\n @include font-size(12px, 16px);\n @include font-weight($bold);\n\n background-color: var(--grayscale-dark);\n color: var(--grayscale-white);\n font-family: var(--main-font-family);\n letter-spacing: -0.07px;\n padding: 4px 8px;\n text-transform: uppercase;\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-tag\",\n styleUrl: \"hy-tag.scss\",\n shadow: true,\n})\nexport class HyTag {\n render() {\n const classAttributes = [\"hy-tag\"].join(\" \");\n\n return (\n <Host>\n <div class={classAttributes}>\n <span>\n <slot></slot>\n </span>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"sDAAA,MAAMA,EAAW,y7C,MCOJC,EAAK,M,yBAChBC,SACE,MAAMC,EAAkB,CAAC,UAAUC,KAAK,KAExC,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOJ,GACVE,EAAA,YACEA,EAAA,e"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as e}from"./index-f84f2a7d.js";const r=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-tiny-text{color:var(--grayscale-dark);font-family:var(--main-font-family);font-size:12px;letter-spacing:-0.07px;line-height:16px}";const i=class{constructor(e){a(this,e)}render(){const a=["hy-tiny-text"];return e("div",{class:a.join(" ")},e("slot",null))}};i.style=r;export{i as hy_tiny_text};
2	+ //# sourceMappingURL=hy-tiny-text.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["tinyTextCss","TinyText","render","classAttributes","h","class","join"],"sources":["./src/components/hy-tiny-text/tiny-text.scss?tag=hy-tiny-text&encapsulation=shadow","./src/components/hy-tiny-text/tiny-text.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-tiny-text {\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n font-size: 12px;\n letter-spacing: -0.07px;\n line-height: 16px;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-tiny-text\",\n styleUrl: \"tiny-text.scss\",\n shadow: true,\n})\nexport class TinyText {\n render() {\n const classAttributes = [\"hy-tiny-text\"];\n return (\n <div class={classAttributes.join(\" \")}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"+CAAA,MAAMA,EAAc,2zC,MCOPC,EAAQ,M,yBACnBC,SACE,MAAMC,EAAkB,CAAC,gBACzB,OACEC,EAAA,OAAKC,MAAOF,EAAgBG,KAAK,MAC/BF,EAAA,a"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t}from"./index-f84f2a7d.js";const i=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.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)}";const r=class{constructor(t){e(this,t);this.headingVariant=undefined;this.paragraphTitle=undefined;this.twitterFeedKeyword=undefined;this.tweetType=undefined;this.tweets=undefined}render(){const e=JSON.parse(this.tweets);const i=this.headingVariant.toLowerCase();if(this.tweetType==="Hashtag"&&this.twitterFeedKeyword.charAt(0)==="#"){this.twitterFeedKeyword=this.twitterFeedKeyword.substring(1)}return t("section",{class:"hy-twitter-feed"},t("div",{class:"hy-twitter-feed__header"},t(i,{class:"hy-twitter-feed__title"},this.paragraphTitle\|\|"Twitter"),t("p",{class:"hy-twitter-feed__keyword"},t("hy-icon",{icon:`hy-icon-some-twitter`,size:20}),this.tweetType==="Hashtag"?`#${this.twitterFeedKeyword}`:`@${this.twitterFeedKeyword}`),this.tweetType==="Username"&&t("a",{href:`https://twitter.com/${this.twitterFeedKeyword}`,target:"_blank"},t("hy-icon",{icon:`hy-icon-plus`,size:12}),"Follow")),t("ul",{class:"hy-twitter-feed__tweets"},e.map((({tweet_text:e,tweet_created:i,tweet_absolute_url:r,tweet_like_count:a,tweet_retweet_count:n,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}),a),t("p",null,t("span",{class:"visually-hidden"},"Tweet retweet count: "),t("hy-icon",{icon:`hy-icon-some-twitter-retweet`,size:16}),n)))))}))))}};r.style=i;export{r as hy_twitter_feed};
2	+ //# sourceMappingURL=hy-twitter-feed.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["hyTwitterFeedCss","HyTwitterFeed","render","parsedTweets","JSON","parse","this","tweets","HeadingVariant","headingVariant","toLowerCase","tweetType","twitterFeedKeyword","charAt","substring","h","class","paragraphTitle","icon","size","href","target","map","tweet_text","tweet_created","tweet_absolute_url","tweet_like_count","tweet_retweet_count","user_name","user_username","user_profile_image_url","dateFormatted","Intl","DateTimeFormat","format","Date","role","src","alt","dateTime","length","substr"],"sources":["./src/components/hy-twitter-feed/hy-twitter-feed.scss?tag=hy-twitter-feed","./src/components/hy-twitter-feed/hy-twitter-feed.tsx"],"sourcesContent":[".hy-twitter-feed {\n margin: 40px 0;\n}\n\n.hy-twitter-feed__header {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin-bottom: 24px;\n\n @include breakpoint($narrow) {\n margin-bottom: 32px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n margin-bottom: 41px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n margin-bottom: 41px;\n }\n }\n}\n\n.hy-twitter-feed__title {\n font-weight: $bold;\n font-family: var(--main-font-family);\n margin-top: 0;\n margin-bottom: 0;\n margin-right: 8px;\n\n @include breakpoint($narrow) {\n margin-right: 12px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n margin-right: 16px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n margin-right: 16px;\n }\n }\n}\n\nh2.hy-twitter-feed__title {\n @include font-size(26px, 32px);\n letter-spacing: -0.82px;\n\n @include breakpoint($narrow) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n .is-front-page &,\n .is-landing-page & {\n @include font-size(28px, 32px);\n letter-spacing: -0.7px;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(34px, 40px);\n letter-spacing: -0.85px;\n }\n\n .without-sidebar & {\n @include breakpoint($wide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(42px, 48px);\n letter-spacing: -1.05px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(42px, 48px);\n letter-spacing: -1.05px;\n }\n }\n }\n}\n\nh3.hy-twitter-feed__title {\n @include font-size(21px, 28px);\n letter-spacing: -0.42px;\n\n @include breakpoint($narrow) {\n @include font-size(25px, 32px);\n letter-spacing: -0.5px;\n }\n\n .is-front-page &,\n .is-landing-page & {\n @include font-size(26px, 32px);\n letter-spacing: -0.52px;\n\n @include breakpoint($narrow) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n .without-sidebar & {\n @include breakpoint($wide) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(30px, 36px);\n letter-spacing: -0.6px;\n }\n\n @include breakpoint($xlarge) {\n @include font-size(34px, 40px);\n letter-spacing: -0.68px;\n }\n }\n }\n}\n\n.hy-twitter-feed__keyword {\n @include font-size(15px, 22px);\n margin: 0;\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n display: inline-flex;\n align-items: center;\n\n hy-icon {\n margin-right: 4px;\n\n @include breakpoint($narrow) {\n margin-right: 6px;\n }\n\n svg {\n @include breakpoint($narrow) {\n width: 24px;\n height: 24px;\n }\n }\n }\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(17px, 24px);\n }\n\n hy-icon {\n svg {\n @include breakpoint($extrawide) {\n width: 32px;\n height: 32px;\n }\n }\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n @include font-size(17px, 24px);\n }\n\n hy-icon {\n svg {\n @include breakpoint($xlarge) {\n width: 32px;\n height: 32px;\n }\n }\n }\n }\n\n + a {\n @include font-size(15px, 18px);\n margin: 0 0 0 8px;\n font-weight: $semibold;\n font-family: var(--main-font-family);\n color: var(--link-blue);\n letter-spacing: -0.28px;\n text-decoration: none;\n align-items: center;\n display: inline-flex;\n\n &:hover {\n text-decoration: underline;\n }\n\n hy-icon {\n margin-right: 6px;\n\n svg {\n fill: var(--link-blue);\n }\n }\n\n @include breakpoint($narrow) {\n @include font-size(14px, 18px);\n letter-spacing: -0.26px;\n margin: 0 0 0 12px;\n }\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n @include font-size(16px, 20px);\n letter-spacing: -0.3px;\n margin: 0 0 0 16px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n @include font-size(16px, 20px);\n letter-spacing: -0.3px;\n margin: 0 0 0 16px;\n }\n }\n }\n}\n\n.hy-twitter-feed__tweets {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n\n @include breakpoint($narrow) {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\n\n .without-sidebar & {\n @include breakpoint($wide) {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n .with-sidebar & {\n @include breakpoint($extrawide) {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n}\n\n.hy-twitter-tweet {\n background-color: var(--grayscale-background-box);\n height: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.hy-twitter-tweet__header {\n display: flex;\n align-items: center;\n margin-left: -8px;\n padding-top: 12px;\n margin-bottom: 8px;\n\n @include breakpoint($narrow) {\n padding-top: 16px;\n }\n}\n\n.hy-twitter-tweet__profile-image {\n img {\n height: 70px;\n width: 70px;\n\n .without-sidebar & {\n @include breakpoint($extrawide) {\n height: 80px;\n width: 80px;\n }\n }\n\n .with-sidebar & {\n @include breakpoint($xlarge) {\n height: 80px;\n width: 80px;\n }\n }\n }\n}\n\n.hy-twitter-tweet__header-content {\n margin-left: 8px;\n\n time {\n @include font-size(12px, 14px);\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-black);\n letter-spacing: -0.1px;\n }\n\n p {\n @include font-size(15px, 18px);\n font-weight: $bold;\n font-family: var(--main-font-family);\n color: var(--brand-main-nearly-black);\n letter-spacing: -0.3px;\n margin: 4px 0 2px;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n letter-spacing: -0.32px;\n }\n }\n\n a {\n @include font-size(12px, 16px);\n font-weight: $semibold;\n font-family: var(--main-font-family);\n color: var(--link-blue);\n letter-spacing: -0.1px;\n text-decoration: none;\n position: relative;\n z-index: 10;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.hy-twitter-tweet__content-wrapper {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.hy-twitter-tweet__content {\n padding: 0 16px;\n\n p {\n @include font-size(15px, 20px);\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-dark-text);\n letter-spacing: -0.03px;\n margin: 0 0 8px;\n\n @include breakpoint($narrow) {\n @include font-size(14px, 18px);\n letter-spacing: -0.08px;\n }\n }\n}\n\n.hy-twitter-tweet__tweet-link {\n @include font-size(12px, 16px);\n font-weight: $semibold;\n font-family: var(--main-font-family);\n color: var(--link-blue);\n letter-spacing: -0.1px;\n text-decoration: none;\n\n span {\n position: absolute;\n inset: 0;\n }\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n.hy-twitter-tweet__statistics {\n margin-top: 16px;\n padding: 0 16px 16px;\n\n .visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n\n p {\n @include font-size(12px, 14px);\n font-weight: $regular;\n font-family: var(--main-font-family);\n color: var(--grayscale-dark);\n letter-spacing: -0.1px;\n margin: 0;\n display: inline-flex;\n align-items: center;\n\n &:not(:first-of-type) {\n margin-left: 16px;\n }\n\n hy-icon {\n margin-right: 4px;\n\n svg {\n fill: var(--grayscale-dark);\n }\n }\n }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-twitter-feed\",\n styleUrl: \"hy-twitter-feed.scss\",\n shadow: false,\n})\nexport class HyTwitterFeed {\n @Prop() headingVariant: string;\n @Prop() paragraphTitle?: string;\n @Prop() twitterFeedKeyword: string;\n @Prop() tweetType: string;\n @Prop() tweets: string;\n\n render() {\n const parsedTweets = JSON.parse(this.tweets);\n const HeadingVariant = this.headingVariant.toLowerCase();\n\n if (this.tweetType === \"Hashtag\" && this.twitterFeedKeyword.charAt(0) === \"#\") {\n this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);\n }\n\n return (\n <section class=\"hy-twitter-feed\">\n <div class=\"hy-twitter-feed__header\">\n <HeadingVariant class=\"hy-twitter-feed__title\">{this.paragraphTitle || \"Twitter\"}</HeadingVariant>\n <p class=\"hy-twitter-feed__keyword\">\n <hy-icon icon={`hy-icon-some-twitter`} size={20} />\n {this.tweetType === \"Hashtag\" ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`}\n </p>\n {this.tweetType === \"Username\" && (\n <a href={`https://twitter.com/${this.twitterFeedKeyword}`} target=\"_blank\">\n <hy-icon icon={`hy-icon-plus`} size={12} />\n Follow\n </a>\n )}\n </div>\n <ul class=\"hy-twitter-feed__tweets\">\n {parsedTweets.map(\n ({\n tweet_text,\n tweet_created,\n tweet_absolute_url,\n tweet_like_count,\n tweet_retweet_count,\n user_name,\n user_username,\n user_profile_image_url,\n }) => {\n const dateFormatted = new Intl.DateTimeFormat(\"fi-FI\").format(new Date(tweet_created));\n\n return (\n <li class=\"hy-twitter-feed__item\">\n <article class=\"hy-twitter-tweet\">\n <header class=\"hy-twitter-tweet__header\">\n <figure class=\"hy-twitter-tweet__profile-image\" role=\"complementary\">\n <img src={user_profile_image_url} alt=\"\" />\n </figure>\n <div class=\"hy-twitter-tweet__header-content\">\n <time dateTime={tweet_created}>{dateFormatted}</time>\n <p>{user_name}</p>\n <a\n class=\"hy-twitter-tweet__user-link\"\n href={`https://twitter.com/${user_username}`}\n target=\"_blank\"\n >\n @{user_username}\n </a>\n </div>\n </header>\n <div class=\"hy-twitter-tweet__content-wrapper\">\n <div class=\"hy-twitter-tweet__content\">\n <p>{tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text}</p>\n <a class=\"hy-twitter-tweet__tweet-link\" href={tweet_absolute_url} target=\"_blank\">\n <span aria-hidden=\"true\"></span>\n {`${tweet_absolute_url.substr(0, 24)}...`}\n </a>\n </div>\n <div class=\"hy-twitter-tweet__statistics\" role=\"complementary\">\n <p>\n <span class=\"visually-hidden\">Tweet like count: </span>\n <hy-icon icon={`hy-icon-some-twitter-like`} size={16} />\n {tweet_like_count}\n </p>\n <p>\n <span class=\"visually-hidden\">Tweet retweet count: </span>\n <hy-icon icon={`hy-icon-some-twitter-retweet`} size={16} />\n {tweet_retweet_count}\n </p>\n </div>\n </div>\n </article>\n </li>\n );\n }\n )}\n </ul>\n </section>\n );\n }\n}\n"],"mappings":"+CAAA,MAAMA,EAAmB,66U,MCOZC,EAAa,M,sKAOxBC,SACE,MAAMC,EAAeC,KAAKC,MAAMC,KAAKC,QACrC,MAAMC,EAAiBF,KAAKG,eAAeC,cAE3C,GAAIJ,KAAKK,YAAc,WAAaL,KAAKM,mBAAmBC,OAAO,KAAO,IAAK,CAC7EP,KAAKM,mBAAqBN,KAAKM,mBAAmBE,UAAU,E,CAG9D,OACEC,EAAA,WAASC,MAAM,mBACbD,EAAA,OAAKC,MAAM,2BACTD,EAACP,EAAc,CAACQ,MAAM,0BAA0BV,KAAKW,gBAAkB,WACvEF,EAAA,KAAGC,MAAM,4BACPD,EAAA,WAASG,KAAM,uBAAwBC,KAAM,KAC5Cb,KAAKK,YAAc,UAAY,IAAIL,KAAKM,qBAAuB,IAAIN,KAAKM,sBAE1EN,KAAKK,YAAc,YAClBI,EAAA,KAAGK,KAAM,uBAAuBd,KAAKM,qBAAsBS,OAAO,UAChEN,EAAA,WAASG,KAAM,eAAgBC,KAAM,KAAM,WAKjDJ,EAAA,MAAIC,MAAM,2BACPb,EAAamB,KACZ,EACEC,aACAC,gBACAC,qBACAC,mBACAC,sBACAC,YACAC,gBACAC,6BAEA,MAAMC,EAAgB,IAAIC,KAAKC,eAAe,SAASC,OAAO,IAAIC,KAAKX,IAEvE,OACET,EAAA,MAAIC,MAAM,yBACRD,EAAA,WAASC,MAAM,oBACbD,EAAA,UAAQC,MAAM,4BACZD,EAAA,UAAQC,MAAM,kCAAkCoB,KAAK,iBACnDrB,EAAA,OAAKsB,IAAKP,EAAwBQ,IAAI,MAExCvB,EAAA,OAAKC,MAAM,oCACTD,EAAA,QAAMwB,SAAUf,GAAgBO,GAChChB,EAAA,SAAIa,GACJb,EAAA,KACEC,MAAM,8BACNI,KAAM,uBAAuBS,IAC7BR,OAAO,UAAQ,IAEbQ,KAIRd,EAAA,OAAKC,MAAM,qCACTD,EAAA,OAAKC,MAAM,6BACTD,EAAA,SAAIQ,EAAWiB,OAAS,IAAM,GAAGjB,EAAWkB,OAAO,EAAG,UAAYlB,GAClER,EAAA,KAAGC,MAAM,+BAA+BI,KAAMK,EAAoBJ,OAAO,UACvEN,EAAA,sBAAkB,SACjB,GAAGU,EAAmBgB,OAAO,EAAG,WAGrC1B,EAAA,OAAKC,MAAM,+BAA+BoB,KAAK,iBAC7CrB,EAAA,SACEA,EAAA,QAAMC,MAAM,mBAAiB,sBAC7BD,EAAA,WAASG,KAAM,4BAA6BC,KAAM,KACjDO,GAEHX,EAAA,SACEA,EAAA,QAAMC,MAAM,mBAAiB,yBAC7BD,EAAA,WAASG,KAAM,+BAAgCC,KAAM,KACpDQ,MAKN,K"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as i,H as t}from"./index-f84f2a7d.js";const r=":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-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}}";const o=class{constructor(i){e(this,i);this.reversed=false}render(){const e=["hy-two-columns",this.reversed?"hy-two-columns--reversed":""].join(" ");return i(t,null,i("div",{class:e},i("div",{class:"hy-two-columns__item hy-two-columns__item--main"},i("slot",{name:"main"})),i("div",{class:"hy-two-columns__item hy-two-columns__item--side"},i("slot",{name:"side"}))))}};o.style=r;export{o as hy_two_columns};
2	+ //# sourceMappingURL=hy-two-columns.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["hyTwoColumnsCss","HyTwoColumns","render","classAttributes","this","reversed","join","h","Host","class","name"],"sources":["./src/components/hy-two-columns/hy-two-columns.scss?tag=hy-two-columns","./src/components/hy-two-columns/hy-two-columns.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-two-columns {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n }\n p {\n margin-top: 0;\n }\n\n @include breakpoint($narrow) {\n flex-direction: row;\n }\n\n &--reversed {\n flex-direction: column;\n\n @include breakpoint($narrow) {\n flex-direction: row-reverse;\n }\n\n .hy-two-columns__item--side {\n margin-left: 0;\n margin-right: 0;\n\n @include breakpoint($narrow) {\n margin-right: 5.79%;\n }\n\n @include breakpoint($wide) {\n margin-right: 8.5%;\n }\n }\n }\n}\n\n.hy-two-columns__item {\n width: 100%;\n\n [slot=\"main\"] {\n width: 100%;\n\n .hy-paragraph-text {\n width: 100% !important;\n }\n }\n\n [slot=\"side\"] {\n width: 100%;\n }\n\n &--main {\n display: flex;\n flex-basis: 100%;\n width: 100%;\n\n @include breakpoint($narrow) {\n flex-basis: 67.01%;\n }\n\n @include breakpoint($wide) {\n flex-basis: 63%;\n }\n }\n\n &--side {\n display: flex;\n flex-basis: 100%;\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n width: 100%;\n\n @include breakpoint($narrow) {\n flex-basis: 32.99%; // sidebar width is always 4.5 column of the global 12-col content area grid.\n margin-left: 5.79%; // (half of the column+gutter) of global 12-col grid = gap between main and sidebar\n }\n\n @include breakpoint($wide) {\n flex-basis: 37%;\n margin-left: 8.5%; // (1 column + gutter) of global 12-col grid = gap between main and sidebar\n padding: 0;\n }\n\n // Key figure block inside Sidebar\n hy-key-figure {\n padding: 0 10.67%;\n @include breakpoint($narrow) {\n padding: 0;\n }\n }\n }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-two-columns\",\n styleUrl: \"hy-two-columns.scss\",\n shadow: false,\n})\nexport class HyTwoColumns {\n @Prop() reversed: boolean = false;\n\n render() {\n const classAttributes = [\"hy-two-columns\", this.reversed ? \"hy-two-columns--reversed\" : \"\"].join(\" \");\n\n return (\n <Host>\n <div class={classAttributes}>\n <div class=\"hy-two-columns__item hy-two-columns__item--main\">\n <slot name=\"main\"></slot>\n </div>\n <div class=\"hy-two-columns__item hy-two-columns__item--side\">\n <slot name=\"side\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"sDAAA,MAAMA,EAAkB,02G,MCOXC,EAAY,M,uCACK,K,CAE5BC,SACE,MAAMC,EAAkB,CAAC,iBAAkBC,KAAKC,SAAW,2BAA6B,IAAIC,KAAK,KAEjG,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAON,GACVI,EAAA,OAAKE,MAAM,mDACTF,EAAA,QAAMG,KAAK,UAEbH,EAAA,OAAKE,MAAM,mDACTF,EAAA,QAAMG,KAAK,W"}

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

	@@ -0,0 +1,2 @@
1	+ import{r,h as i}from"./index-f84f2a7d.js";import{S as e,C as a}from"./utils-7438924c.js";const o=':root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.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}';const n=class{constructor(i){r(this,i);this.logoUrl=undefined;this.logoLabel=undefined}render(){const r="hy-user-login-form";const o=e.large;const n=a.black;return i("div",{class:r},i("div",{class:"hy-site-header__logo-container"},i("hy-site-logo",{size:o,color:n,url:this.logoUrl,label:this.logoLabel})),i("slot",null))}};n.style=o;export{n as hy_user_login_form};
2	+ //# sourceMappingURL=hy-user-login-form.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["hyUserLoginFormCss","HyUserLoginForm","render","classAttributes","logoSize","SiteLogoSize","large","logoColor","ColorVariant","black","h","class","size","color","url","this","logoUrl","label","logoLabel"],"sources":["./src/components/hy-user-login-form/hy-user-login-form.scss?tag=hy-user-login-form","./src/components/hy-user-login-form/hy-user-login-form.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-user-login-form {\n font-family: var(--main-font-family);\n\n .user-login-form {\n position: relative;\n\n .hy-login-label {\n margin-top: 16px;\n }\n\n input {\n display: block;\n margin: 8px 0 0 0;\n min-height: 32px;\n }\n\n label {\n @include font-size(16px, 16px);\n @include font-weight($bold);\n display: block;\n }\n\n label:before {\n content: \"*\";\n padding-right: 3px;\n }\n\n div#edit-name--description,\n div#edit-pass--description {\n display: none;\n }\n\n div.form-item-pass {\n margin-top: 28px;\n }\n\n div#edit-actions {\n margin-top: 32px;\n }\n }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {ColorVariant, SiteLogoSize} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-user-login-form\",\n styleUrl: \"hy-user-login-form.scss\",\n shadow: false,\n})\nexport class HyUserLoginForm {\n @Prop() logoUrl?: string;\n @Prop() logoLabel?: string;\n\n render() {\n const classAttributes = \"hy-user-login-form\";\n\n const logoSize = SiteLogoSize.large;\n const logoColor = ColorVariant.black;\n\n return (\n <div class={classAttributes}>\n <div class={\"hy-site-header__logo-container\"}>\n <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n </div>\n\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"yFAAA,MAAMA,EAAqB,w5D,MCQdC,EAAe,M,yEAI1BC,SACE,MAAMC,EAAkB,qBAExB,MAAMC,EAAWC,EAAaC,MAC9B,MAAMC,EAAYC,EAAaC,MAE/B,OACEC,EAAA,OAAKC,MAAOR,GACVO,EAAA,OAAKC,MAAO,kCACVD,EAAA,gBAAcE,KAAMR,EAAUS,MAAON,EAAWO,IAAKC,KAAKC,QAASC,MAAOF,KAAKG,aAGjFR,EAAA,a"}

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

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

package/dist/huds-lib/hy-video.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["hyVideoCss","HyVideo","this","renderPreviewWithLink","linkToVideo","h","title","videoTitle","href","class","loading","disableLazy","src","previewImageUrl","alt","renderPlayButton","simplePlayButton","type","icon","size","playButtonLabel","truncate","str","n","length","substr","componentDidLoad","hyMainDiv","el","closest","classList","contains","headerstyle","videoDescription","match","descCollapsed","render","classAttributes","horizontal","styleList","join","maxChars","charCount","heading","HeadingVarians","h2","name","playButtonVisible","h3","contextLabelVisible","contextLabel","duration","views","dateAdded","seriesCount","durationLabel","viewsLabel","dateAddedLabel","seriesLabel","role","tabindex","onClick","onKeyDown","e","key","preventDefault","showMoreLabel","showLessLabel","mb"],"sources":["./src/components/hy-video/hy-video.scss?tag=hy-video","./src/components/hy-video/hy-video.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\na.hy-video {\n text-decoration: none;\n}\n\n.hy-video__video-container {\n display: inline-block;\n margin-bottom: 22px;\n position: relative;\n width: 100%;\n\n iframe {\n border: 0;\n height: 100%;\n overflow: hidden;\n width: 100%;\n\n @supports (aspect-ratio: 16 / 9) {\n aspect-ratio: 16 / 9;\n height: auto;\n }\n }\n\n .hy-video__preview-image {\n height: 100%;\n left: 0;\n object-fit: cover;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n .hy-video__play {\n background-color: var(--grayscale-white);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n\n button {\n align-items: center;\n background: transparent;\n border: none;\n display: flex;\n flex-direction: column;\n padding: 24px;\n\n @include breakpoint($narrow) {\n padding: 36px;\n }\n\n &:hover {\n cursor: pointer;\n }\n }\n\n button .hy-video__button-label {\n @include font-size(15px, 18px);\n\n color: var(--link-blue);\n font-family: var(--main-font-family);\n font-weight: bold;\n letter-spacing: -0.1px;\n text-align: center;\n text-transform: uppercase;\n\n @include breakpoint($narrow) {\n @include font-size(17px, 20px);\n\n letter-spacing: -0.14px;\n }\n\n @include breakpoint($extrawide) {\n @include font-size(17px, 20px);\n\n letter-spacing: -0.16px;\n }\n }\n\n button svg {\n fill: var(--link-blue);\n height: 44px;\n width: 44px;\n\n @include breakpoint($wide) {\n height: 80px;\n width: 80px;\n }\n }\n }\n\n .hy-video__play__simple {\n background-color: rgba(#000000, 0.2);\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n cursor: pointer;\n }\n\n button {\n align-items: center;\n background: transparent;\n border: none;\n display: flex;\n }\n\n button svg {\n fill: var(--grayscale-white);\n height: 44px;\n width: 44px;\n\n @include breakpoint($wide) {\n height: 80px;\n width: 80px;\n }\n }\n }\n\n > *:not(.hy-video__label, .hy-video__play, .hy-video__play__simple) {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n &:after {\n content: \"\";\n display: block;\n // 16:9 ratio\n padding-top: calc(9 / 16) * 100%;\n }\n}\n\n.hy-video:not(.hy-video--horizontal) {\n display: flex;\n flex-direction: column;\n\n &:not(.hy-video__default, .hy-video--list) {\n @include breakpoint($xlarge) {\n max-width: 66%;\n }\n }\n}\n\n.hy-video--list {\n .hy-video__meta__details {\n justify-content: flex-start;\n gap: 32px;\n margin: 0;\n }\n .hy-video__meta__details--item {\n margin-right: 0;\n padding-right: 0;\n }\n}\n\n.hy-video__label {\n // font: h5 small size\n @include font-size(12px, 14px);\n display: inline-block;\n background-color: var(--grayscale-black);\n color: var(--grayscale-white);\n font-family: var(--main-font-family);\n font-weight: bold;\n letter-spacing: -0.5px;\n padding: 6px 8px;\n margin: 0 0 22px;\n text-transform: uppercase;\n}\n\n.hy-video.hy-video--horizontal {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @include breakpoint($wide) {\n flex-direction: row;\n }\n\n .hy-video__meta {\n padding-left: 0;\n width: 100%;\n\n @include breakpoint($wide) {\n padding-left: 2.5%;\n width: 57.24%;\n }\n }\n}\n\n.hy-video__meta__title {\n h2.hy-heading,\n h3.hy-heading {\n border: none;\n margin: 8px 0 12px 0 !important;\n hyphens: auto;\n word-break: break-word;\n padding: 0 !important;\n\n @include breakpoint($wide) {\n margin: 0 0 16px 0 !important;\n }\n }\n}\n\n.hy-video__meta__details {\n display: flex;\n flex-direction: row;\n margin-bottom: 12px;\n\n @include breakpoint($wide) {\n margin-bottom: 16px;\n }\n}\n\n.hy-video__meta__details--item {\n display: flex;\n flex-direction: column;\n margin-right: 44px;\n min-width: 87px;\n padding-right: 46px;\n place-content: center space-between;\n}\n\n.hy-video__meta__description__content {\n @include font-size(15px, 22px);\n\n color: var(--grayscale-black);\n display: block;\n font-family: var(--main-font-family);\n letter-spacing: 0;\n width: 100%;\n\n @include breakpoint($narrow) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-video__meta__description__more-button {\n @include font-size(16px, 24px);\n color: var(--brand-main-light);\n font-family: var(--main-font-family);\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.hy-video__meta__label {\n @include font-size(15px, 18px);\n @include font-weight($bold);\n color: var(--grayscale-black);\n font-family: var(--main-font-family);\n margin-bottom: 4px;\n}\n\n.hy-video__meta__content {\n @include font-size(15px, 22px);\n\n color: var(--grayscale-black);\n font-family: var(--main-font-family);\n letter-spacing: -0.5px;\n\n @include breakpoint($narrow) {\n @include font-size(17px, 26px);\n\n letter-spacing: -0.56px;\n }\n}\n","import {Component, Prop, h, Element, State} from \"@stencil/core\";\nimport {HeadingVarians} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-video\",\n styleUrl: \"hy-video.scss\",\n shadow: false,\n})\nexport class HyVideo {\n @Element() el: HTMLElement;\n\n /** Video title */\n @Prop() videoTitle: string;\n /** Video description */\n @Prop() videoDescription: string;\n /** Context label */\n @Prop() contextLabel: string;\n /** Should context label be visible */\n @Prop() contextLabelVisible: boolean = false;\n /** Preview image url */\n @Prop() previewImageUrl: string;\n /** Url to video, used with preview image */\n @Prop() linkToVideo: string;\n /** Label for play button if preview image is provided */\n @Prop() playButtonLabel: string;\n /** Should play button be visible */\n @Prop() playButtonVisible: boolean = false;\n /** Series label */\n @Prop() seriesLabel: string = \"In this series\";\n /** Series count */\n @Prop() seriesCount: string = null;\n /** Views count number */\n @Prop() views: string;\n /** Label for views number */\n @Prop() viewsLabel: string;\n /** Duration number */\n @Prop() duration: string;\n /** Label for duration number */\n @Prop() durationLabel: string;\n /** Date added date as string */\n @Prop() dateAdded: string;\n /** Label for date added */\n @Prop() dateAddedLabel: string;\n /** Use horizontal layout where metadata is on side */\n @Prop() horizontal: boolean = false;\n\n @Prop() disableLazy: boolean = false;\n\n @Prop() headerstyle: string = \"default\";\n\n @Prop() showMoreLabel: string = \"Show more\";\n\n @Prop() showLessLabel: string = \"Show less\";\n\n @Prop() simplePlayButton: boolean = false;\n\n @Prop() styleList: boolean = false;\n\n @State() descCollapsed: boolean = false;\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n\n if (this.videoDescription && this.videoDescription.match(/\\S/g).length > 255) {\n this.descCollapsed = true;\n }\n }\n\n renderPreviewWithLink = () => {\n return this.linkToVideo ? (\n <a title={this.videoTitle} href={this.linkToVideo} class=\"hy-video__link-to-video\">\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n class=\"hy-video__preview-image\"\n src={this.previewImageUrl}\n alt={this.videoTitle}\n />\n </a>\n ) : (\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n class=\"hy-video__preview-image\"\n src={this.previewImageUrl}\n alt={this.videoTitle}\n />\n );\n };\n\n renderPlayButton = () => {\n if (this.simplePlayButton) {\n return (\n <span class=\"hy-video__play__simple\">\n <button type=\"button\">\n <hy-icon icon={\"hy-icon-video\"} class={\"hy-video__play-icon\"} size={20} />\n </button>\n </span>\n );\n } else {\n return (\n <span class=\"hy-video__play\">\n <button type=\"button\">\n <hy-icon icon={\"hy-icon-video\"} class={\"hy-video__play-icon\"} size={20} />\n <span class=\"hy-video__button-label\">{this.playButtonLabel}</span>\n </button>\n </span>\n );\n }\n };\n\n truncate = (str, n) => {\n return str.length > n ? str.substr(0, n - 1) + \"...\" : str;\n };\n\n render() {\n const classAttributes = [\n \"hy-video\",\n this.horizontal ? \"hy-video--horizontal\" : \"\",\n !this.styleList ? `hy-video__${this.headerstyle}` : \"\",\n this.styleList ? \"hy-video--list\" : \"\",\n ].join(\" \");\n\n const maxChars = 255;\n const charCount = this.videoDescription ? this.videoDescription.match(/\\S/g).length : 0;\n\n if (this.linkToVideo && this.styleList) {\n return [\n <a href={this.linkToVideo} class={classAttributes}>\n {this.videoTitle && !this.horizontal && !this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h2}>\n {this.videoTitle}\n </hy-heading>\n )}\n <div class=\"hy-video__video-container\">\n {this.previewImageUrl ? (\n <div>\n {this.renderPreviewWithLink()}\n <slot name=\"video\"></slot>\n </div>\n ) : (\n <slot name=\"video\"></slot>\n )}\n {this.playButtonVisible && this.renderPlayButton()}\n </div>\n <div class=\"hy-video__meta\">\n {(this.videoTitle && this.horizontal) ||\n (this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h3}>\n {this.videoTitle}\n </hy-heading>\n ))}\n {this.contextLabelVisible && <span class=\"hy-video__label\">{this.contextLabel}</span>}\n {(this.duration || this.views || this.dateAdded || this.seriesCount) && (\n <div class=\"hy-video__meta__details\">\n {this.duration && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.durationLabel}</span>\n <span class=\"hy-video__meta__content\">{this.duration}</span>\n </div>\n )}\n {this.views && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.viewsLabel}</span>\n <span class=\"hy-video__meta__content\">{this.views}</span>\n </div>\n )}\n {this.dateAdded && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.dateAddedLabel}</span>\n <span class=\"hy-video__meta__content\">{this.dateAdded}</span>\n </div>\n )}\n {!this.views && this.seriesCount && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.seriesLabel}</span>\n <span class=\"hy-video__meta__content\">{this.seriesCount}</span>\n </div>\n )}\n </div>\n )}\n {this.videoDescription && (\n <div class=\"hy-video__meta__description\" aria-expanded={this.descCollapsed ? \"false\" : \"true\"}>\n <div class=\"hy-video__meta__description__content\">\n {this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription}\n </div>\n {charCount > maxChars && (\n <span\n class=\"hy-video__meta__description__more-button\"\n role=\"button\"\n tabindex=\"0\"\n aria-expanded={this.descCollapsed ? \"false\" : \"true\"}\n onClick={() => (this.descCollapsed = !this.descCollapsed)}\n onKeyDown={(e) => {\n if (e.key != \" \") return;\n e.preventDefault();\n this.descCollapsed = !this.descCollapsed;\n }}\n >\n {this.descCollapsed ? this.showMoreLabel : this.showLessLabel}\n </span>\n )}\n </div>\n )}\n </div>\n </a>,\n ];\n } else {\n return [\n <div class={classAttributes}>\n {this.videoTitle && !this.horizontal && !this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h2}>\n {this.videoTitle}\n </hy-heading>\n )}\n <div class=\"hy-video__video-container\">\n {this.previewImageUrl ? (\n <div>\n {this.renderPreviewWithLink()}\n <slot name=\"video\"></slot>\n </div>\n ) : (\n <slot name=\"video\"></slot>\n )}\n {this.playButtonVisible && this.renderPlayButton()}\n </div>\n <div class=\"hy-video__meta\">\n {(this.videoTitle && this.horizontal) ||\n (this.styleList && (\n <hy-heading class=\"hy-video__meta__title\" heading={HeadingVarians.h2}>\n {this.videoTitle}\n </hy-heading>\n ))}\n {this.contextLabelVisible && <span class=\"hy-video__label\">{this.contextLabel}</span>}\n {(this.duration || this.views || this.dateAdded) && (\n <div class=\"hy-video__meta__details\">\n {this.duration && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.durationLabel}</span>\n <span class=\"hy-video__meta__content\">{this.duration}</span>\n </div>\n )}\n {this.views && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.viewsLabel}</span>\n <span class=\"hy-video__meta__content\">{this.views}</span>\n </div>\n )}\n {this.dateAdded && (\n <div class=\"hy-video__meta__details--item\">\n <span class=\"hy-video__meta__label\">{this.dateAddedLabel}</span>\n <span class=\"hy-video__meta__content\">{this.dateAdded}</span>\n </div>\n )}\n </div>\n )}\n {this.videoDescription && (\n <div class=\"hy-video__meta__description\" aria-expanded={this.descCollapsed ? \"false\" : \"true\"}>\n <div class=\"hy-video__meta__description__content\">\n {this.descCollapsed ? this.truncate(this.videoDescription, 255) : this.videoDescription}\n </div>\n {charCount > maxChars && (\n <span\n class=\"hy-video__meta__description__more-button\"\n role=\"button\"\n tabindex=\"0\"\n aria-expanded={this.descCollapsed ? \"false\" : \"true\"}\n onClick={() => (this.descCollapsed = !this.descCollapsed)}\n onKeyDown={(e) => {\n if (e.key != \" \") return;\n e.preventDefault();\n this.descCollapsed = !this.descCollapsed;\n }}\n >\n {this.descCollapsed ? this.showMoreLabel : this.showLessLabel}\n </span>\n )}\n </div>\n )}\n </div>\n </div>,\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />,\n ];\n }\n }\n}\n"],"mappings":"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"}

package/dist/huds-lib/index-ecc819ad.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const t=typeof window.WeakMap==="function"&&typeof window.Map==="function";const e=(()=>{if(t){return window.WeakMap}function e(t,e){let i=-1;t.some(((t,s)=>{let n=t[0]===e;if(n){i=s}return n}));return i}return class{constructor(){this.__entries__=[]}get(t){let i=e(this.__entries__,t);return this.__entries__[i][1]}set(t,i){let s=e(this.__entries__,t);if(~s){this.__entries__[s][1]=i}else{this.__entries__.push([t,i])}}delete(t){let i=this.__entries__,s=e(i,t);if(~s){i.splice(s,1)}}has(t){return!!~e(this.__entries__,t)}}})();const i=(()=>{if(t){return window.Map}return class extends e{get size(){return this.__entries__.length}clear(){this.__entries__.splice(0,this.__entries__.length)}entries(){return this.__entries__.slice()}keys(){return this.__entries__.map((t=>t[0]))}values(){return this.__entries__.map((t=>t[1]))}forEach(t,e=null){for(const i of this.__entries__){t.call(e,i[1],i[0])}}}})();const s=(()=>{if(window.performance&&typeof window.performance.now==="function"){return()=>window.performance.now()}return()=>Date.now()})();const n=(()=>{if(window.requestAnimationFrame&&typeof window.requestAnimationFrame==="function"){return window.requestAnimationFrame}return t=>setTimeout((()=>t(Date.now())),1e3/60)})();const r=typeof window.MutationObserver==="function";function o(t,e=0){let i=false;return function(...s){if(i!==false){clearTimeout(i)}i=setTimeout((()=>{i=false;t.apply(this,s)}),e)}}class h{constructor(t=50,e=false){this._idleTimeout=t;this._isCycleContinuous=e;this._cycleStartTime=0;this._isCycleActive=false;this._isUpdateScheduled=false;this._listenersEnabled=false;this._mutationsObserver=null;this._observers=[];this.runUpdates=this.runUpdates.bind(this);this._resolveScheduled=this._resolveScheduled.bind(this);this._onMutation=this._onMutation.bind(this);this._continuousCycleHandler=o(this.runUpdates,200)}get idleTimeout(){return this._idleTimeout}set idleTimeout(t){this._idleTimeout=t}get continuousUpdates(){return this._isCycleContinuous}set continuousUpdates(t){if(r){this._isCycleContinuous=t}}connect(t){if(!this.isConnected(t)){this._observers.push(t)}if(!this._listenersEnabled){this._addListeners()}}disconnect(t){let e=this._observers,i=e.indexOf(t);if(~i){e.splice(i,1)}if(!e.length&&this._listenersEnabled){this._removeListeners()}}isConnected(t){return!!~this._observers.indexOf(t)}_updateObservers(){let t=false;for(const e of this._observers){e.gatherActive();if(e.hasActive()){t=true;e.broadcastActive()}}return t}runUpdates(){this._cycleStartTime=s();this._isCycleActive=true;this.scheduleUpdate()}scheduleUpdate(){if(!this._isUpdateScheduled){this._isUpdateScheduled=true;n(this._resolveScheduled)}}_resolveScheduled(){const t=this._updateObservers();this._isUpdateScheduled=false;if(!this._isCycleActive){return}if(t){this.runUpdates()}else if(this._hasRemainingTime()){this.scheduleUpdate()}else{this._endUpdates()}}_hasRemainingTime(){const t=s()-this._cycleStartTime;return this._idleTimeout-t>0}_endUpdates(){this._isCycleActive=false;if(this._isCycleContinuous&&this._listenersEnabled){this._continuousCycleHandler()}}_addListeners(){if(this._listenersEnabled){return}this._listenersEnabled=true;window.addEventListener("resize",this.runUpdates);if(!r){this._isCycleContinuous=true;this.runUpdates()}else{this._mutationsObserver=new MutationObserver(this._onMutation);this._mutationsObserver.observe(document,{attributes:true,childList:true,characterData:true,subtree:true})}}_removeListeners(){if(!this._listenersEnabled){return}window.removeEventListener("resize",this.runUpdates);if(this._mutationsObserver){this._mutationsObserver.disconnect()}this._mutationsObserver=null;this._listenersEnabled=false}_onMutation(t){const e=t.some((t=>t.type==="attributes"));e?this.runUpdates():this.scheduleUpdate()}}const u={width:0,height:0,top:0,right:0,bottom:0,left:0};function c(t){const e=window.getComputedStyle(t);const i=["top","right","bottom","left"];const s={};for(const t of i){const i=e["padding-"+t].replace("px","");s[t]=parseFloat(i)}return s}function f(t,e,i){const s=i.top;const n=i.left;const r=t-(n+i.right);const o=e-(s+i.bottom);return{width:r,height:o,top:s,right:r+n,bottom:o+s,left:n}}function a(t){const e=t.getBBox();return f(e.width,e.height,u)}function l(t){const e=t.clientWidth;const i=t.clientHeight;if(!e&&!i){return u}return f(e,i,c(t))}function w(t){return t instanceof window.SVGElement}function d(t){return w(t)?a(t):l(t)}class p{constructor(t){this.target=t;this._contentRect=u;this.broadcastWidth=0;this.broadcastHeight=0}broadcastRect(){const t=this._contentRect;this.broadcastWidth=t.width;this.broadcastHeight=t.height;return t}isActive(){const t=d(this.target);this._contentRect=t;return t.width!==this.broadcastWidth\|\|t.height!==this.broadcastHeight}}class m{constructor(t,e){const i={};Object.defineProperties(i,{width:{value:e.width},height:{value:e.height},top:{value:e.top},right:{value:e.right},bottom:{value:e.bottom},left:{value:e.left}});Object.defineProperties(this,{target:{value:t},contentRect:{value:i}})}}class b{constructor(t,e,s){if(typeof t!=="function"){throw new TypeError("The callback provided as parameter 1 is not a function.")}this._callback=t;this._targets=new i;this._activeTargets=[];this._controller=e;this._publicObserver=s}observe(t){if(!arguments.length){throw new TypeError("1 argument required, but only 0 present.")}if(!(t instanceof Element)){throw new TypeError('parameter 1 is not of type "Element".')}const e=this._targets;if(e.has(t)){return}e.set(t,new p(t));if(!this._controller.isConnected(this)){this._controller.connect(this)}this._controller.runUpdates()}unobserve(t){if(!arguments.length){throw new TypeError("1 argument required, but only 0 present.")}if(!(t instanceof Element)){throw new TypeError('parameter 1 is not of type "Element".')}const e=this._targets;if(!e.has(t)){return}e.delete(t);if(!e.size){this.disconnect()}}disconnect(){this.clearActive();this._targets.clear();this._controller.disconnect(this)}broadcastActive(){if(!this.hasActive()){return}const t=this._publicObserver;const e=this._activeTargets.map((t=>new m(t.target,t.broadcastRect())));this.clearActive();this._callback.call(t,e,t)}clearActive(){this._activeTargets.splice(0)}hasActive(){return!!this._activeTargets.length}gatherActive(){this.clearActive();const t=this._activeTargets;this._targets.forEach((e=>{if(e.isActive()){t.push(e)}}))}}const y=new h;const v=new e;class g{constructor(t){if(!arguments.length){throw new TypeError("1 argument required, but only 0 present.")}const e=new b(t,y,this);v.set(this,e)}static get idleTimeout(){return y.idleTimeout}static set idleTimeout(t){if(typeof t!=="number"){throw new TypeError('type of "idleTimeout" value must be a number.')}if(typeof t<0){throw new TypeError('"idleTimeout" value must be greater than 0.')}y.idleTimeout=t}static get continuousUpdates(){return y.continuousUpdates}static set continuousUpdates(t){if(typeof t!=="boolean"){throw new TypeError('type of "continuousUpdates" value must be a boolean.')}y.continuousUpdates=t}}["observe","unobserve","disconnect"].forEach((t=>{g.prototype[t]=function(){return v.get(this)[t](...arguments)}}));let T=g;if(typeof window.ResizeObserver==="function"){T=window.ResizeObserver}const E=T;export{E as R};
2	+ //# sourceMappingURL=index-ecc819ad.js.map

package/dist/huds-lib/index-ecc819ad.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["hasNativeCollections","window","WeakMap","Map","getIndex","arr","key","result","some","entry","index","matches","constructor","this","__entries__","get","set","value","push","delete","entries","splice","has","size","length","clear","slice","keys","map","values","forEach","callback","ctx","call","now","performance","Date","requestAnimFrame","requestAnimationFrame","setTimeout","mutationsSupported","MutationObserver","debounce","delay","timeoutID","args","clearTimeout","apply","ResizeObserverController","idleTimeout","continuousUpdates","_idleTimeout","_isCycleContinuous","_cycleStartTime","_isCycleActive","_isUpdateScheduled","_listenersEnabled","_mutationsObserver","_observers","runUpdates","bind","_resolveScheduled","_onMutation","_continuousCycleHandler","connect","observer","isConnected","_addListeners","disconnect","observers","indexOf","_removeListeners","_updateObservers","hasChanges","gatherActive","hasActive","broadcastActive","scheduleUpdate","_hasRemainingTime","_endUpdates","timePassed","addEventListener","observe","document","attributes","childList","characterData","subtree","removeEventListener","attrsChanged","type","emptyRect","width","height","top","right","bottom","left","getPaddings","target","styles","getComputedStyle","paddings","replace","parseFloat","createContentRect","clientWidth","clientHeight","getSVGContentRect","bbox","getBBox","getHTMLElementContentRect","isSVGElement","SVGElement","getContentRect","ResizeObservation","_contentRect","broadcastWidth","broadcastHeight","broadcastRect","rect","isActive","ResizeObserverEntry","rectData","contentRect","Object","defineProperties","ResizeObserver","controller","publicObserver","TypeError","_callback","_targets","_activeTargets","_controller","_publicObserver","arguments","Element","targets","unobserve","clearActive","observation","activeTargets","_ResizeObserver","method","prototype","ResizeObserverPolyfill","ResizeObserver$1"],"sources":["../node_modules/resize-observer-polyfill/src/shims/es6-collections.js","../node_modules/resize-observer-polyfill/src/shims/performance.now.js","../node_modules/resize-observer-polyfill/src/shims/requestAnimationFrame.js","../node_modules/resize-observer-polyfill/src/ResizeObserverController.js","../node_modules/resize-observer-polyfill/src/ResizeObservation.js","../node_modules/resize-observer-polyfill/src/ResizeObserverEntry.js","../node_modules/resize-observer-polyfill/src/_ResizeObserver.js","../node_modules/resize-observer-polyfill/src/ResizeObserver.js","../node_modules/resize-observer-polyfill/index.js"],"sourcesContent":["/**\r\n * A collection of shims that provided minimal\r\n * support of WeakMap and Map classes.\r\n *\r\n * These implementations are not meant to be used outside of\r\n * ResizeObserver modules as they cover only a limited range\r\n * of use cases.\r\n */\r\n\r\n/* eslint-disable require-jsdoc */\r\nconst hasNativeCollections =\r\n typeof window.WeakMap === 'function' &&\r\n typeof window.Map === 'function';\r\n\r\nconst WeakMap = (() => {\r\n if (hasNativeCollections) {\r\n return window.WeakMap;\r\n }\r\n\r\n function getIndex(arr, key) {\r\n let result = -1;\r\n\r\n arr.some((entry, index) => {\r\n let matches = entry[0] === key;\r\n\r\n if (matches) {\r\n result = index;\r\n }\r\n\r\n return matches;\r\n });\r\n\r\n return result;\r\n }\r\n\r\n return class {\r\n constructor() {\r\n this.__entries__ = [];\r\n }\r\n\r\n get(key) {\r\n let index = getIndex(this.__entries__, key);\r\n\r\n return this.__entries__[index][1];\r\n }\r\n\r\n set(key, value) {\r\n let index = getIndex(this.__entries__, key);\r\n\r\n if (~index) {\r\n this.__entries__[index][1] = value;\r\n } else {\r\n this.__entries__.push([key, value]);\r\n }\r\n }\r\n\r\n delete(key) {\r\n let entries = this.__entries__,\r\n index = getIndex(entries, key);\r\n\r\n if (~index) {\r\n entries.splice(index, 1);\r\n }\r\n }\r\n\r\n has(key) {\r\n return !!~getIndex(this.__entries__, key);\r\n }\r\n };\r\n})();\r\n\r\nconst Map = (() => {\r\n if (hasNativeCollections) {\r\n return window.Map;\r\n }\r\n\r\n return class extends WeakMap {\r\n get size() {\r\n return this.__entries__.length;\r\n }\r\n\r\n clear() {\r\n this.__entries__.splice(0, this.__entries__.length);\r\n }\r\n\r\n entries() {\r\n return this.__entries__.slice();\r\n }\r\n\r\n keys() {\r\n return this.__entries__.map(entry => entry[0]);\r\n }\r\n\r\n values() {\r\n return this.__entries__.map(entry => entry[1]);\r\n }\r\n\r\n forEach(callback, ctx = null) {\r\n for (const entry of this.__entries__) {\r\n callback.call(ctx, entry[1], entry[0]);\r\n }\r\n }\r\n };\r\n})();\r\n\r\nexport {Map, WeakMap};\r\n","/**\r\n * A shim for performance.now method which falls back\r\n * to Date.now if the first one is not supported.\r\n *\r\n * @returns {Timestamp}\r\n */\r\nexport default (() => {\r\n if (\r\n window.performance &&\r\n typeof window.performance.now === 'function'\r\n ) {\r\n return () => window.performance.now();\r\n }\r\n\r\n return () => Date.now();\r\n})();\r\n","/**\r\n * A shim for requestAnimationFrame which falls back\r\n * to setTimeout if the first one is not supported.\r\n *\r\n * @returns {Number} Requests' identifier.\r\n */\r\nexport default (() => {\r\n if (\r\n window.requestAnimationFrame &&\r\n typeof window.requestAnimationFrame === 'function'\r\n ) {\r\n return window.requestAnimationFrame;\r\n }\r\n\r\n return callback => {\r\n return setTimeout(() => callback(Date.now()), 1000 / 60);\r\n };\r\n})();\r\n","import now from './shims/performance.now';\r\nimport requestAnimFrame from './shims/requestAnimationFrame';\r\n\r\nconst mutationsSupported = typeof window.MutationObserver === 'function';\r\n\r\n/**\r\n * Creates a wrapper function which ensures that\r\n * provided callback will be invoked only once\r\n * during the specified delay.\r\n *\r\n * @param {Function} callback - Function to be invoked.\r\n * @param {Number} [delay = 0] - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\r\nfunction debounce(callback, delay = 0) {\r\n let timeoutID = false;\r\n\r\n return function (...args) {\r\n if (timeoutID !== false) {\r\n clearTimeout(timeoutID);\r\n }\r\n\r\n timeoutID = setTimeout(() => {\r\n timeoutID = false;\r\n\r\n /* eslint-disable no-invalid-this */\r\n callback.apply(this, args);\r\n\r\n /* eslint-enable no-invalid-this */\r\n }, delay);\r\n };\r\n}\r\n\r\n/**\r\n * Controller class which handles updates of ResizeObserver instances.\r\n * It's meant to decide when and for how long it's necessary to run updates by listening to the windows\r\n * \"resize\" event along with a tracking of DOM mutations (nodes removal, changes of attributes, etc.).\r\n *\r\n * Transitions and animations are handled by running a repeatable update cycle either until the dimensions\r\n * of observed elements are changing or the timeout is reached (default timeout is 50 milliseconds).\r\n * Timeout value can be manually increased if transitions have a delay.\r\n *\r\n * Continuous update cycle will be used automatically in case if MutationObserver is not supported.\r\n */\r\nexport default class ResizeObserverController {\r\n /**\r\n * Creates a new instance of ResizeObserverController.\r\n *\r\n * @param {Number} [idleTimeout = 0] - Idle timeout value.\r\n * @param {Boolean} [continuousUpdates = false] - Whether to use a continuous update cycle.\r\n */\r\n constructor(idleTimeout = 50, continuousUpdates = false) {\r\n this._idleTimeout = idleTimeout;\r\n this._isCycleContinuous = continuousUpdates;\r\n\r\n this._cycleStartTime = 0;\r\n\r\n // Indicates whether the update cycle is currently running.\r\n this._isCycleActive = false;\r\n\r\n // Indicates whether the update of observers is scheduled.\r\n this._isUpdateScheduled = false;\r\n\r\n // Indicates whether DOM listeners have been added.\r\n this._listenersEnabled = false;\r\n\r\n // Keeps reference to the instance of MutationObserver.\r\n this._mutationsObserver = null;\r\n\r\n // A list of connected observers.\r\n this._observers = [];\r\n\r\n // Fix value of \"this\" binding for the following methods.\r\n this.runUpdates = this.runUpdates.bind(this);\r\n this._resolveScheduled = this._resolveScheduled.bind(this);\r\n this._onMutation = this._onMutation.bind(this);\r\n\r\n // Function that will be invoked to re-run the\r\n // update cycle if continuous cycles are enabled.\r\n this._continuousCycleHandler = debounce(this.runUpdates, 200);\r\n }\r\n\r\n /**\r\n * Returns current idle timeout value.\r\n *\r\n * @returns {Number}\r\n */\r\n get idleTimeout() {\r\n return this._idleTimeout;\r\n }\r\n\r\n /**\r\n * Sets up new idle timeout value.\r\n *\r\n * @param {Number} value - New timeout value.\r\n */\r\n set idleTimeout(value) {\r\n this._idleTimeout = value;\r\n }\r\n\r\n /**\r\n * Tells whether continuous updates are enabled.\r\n *\r\n * @returns {Boolean}\r\n */\r\n get continuousUpdates() {\r\n return this._isCycleContinuous;\r\n }\r\n\r\n /**\r\n * Enables or disables continuous updates.\r\n *\r\n * @param {Boolean} value - Whether to enable or disable\r\n * continuous updates. Note that the value won't be applied\r\n * if MutationObserver is not supported.\r\n */\r\n set continuousUpdates(value) {\r\n if (mutationsSupported) {\r\n this._isCycleContinuous = value;\r\n }\r\n }\r\n\r\n /**\r\n * Adds observer to observers list.\r\n *\r\n * @param {ResizeObserver} observer - Observer to be added.\r\n */\r\n connect(observer) {\r\n if (!this.isConnected(observer)) {\r\n this._observers.push(observer);\r\n }\r\n\r\n // Add listeners if they haven't been added yet.\r\n if (!this._listenersEnabled) {\r\n this._addListeners();\r\n }\r\n }\r\n\r\n /**\r\n * Removes observer from observers list.\r\n *\r\n * @param {ResizeObserver} observer - Observer to be removed.\r\n */\r\n disconnect(observer) {\r\n let observers = this._observers,\r\n index = observers.indexOf(observer);\r\n\r\n if (~index) {\r\n observers.splice(index, 1);\r\n }\r\n\r\n // Remove listeners if controller\r\n // has no connected observers.\r\n if (!observers.length && this._listenersEnabled) {\r\n this._removeListeners();\r\n }\r\n }\r\n\r\n /**\r\n * Tells whether provided observer is connected to controller.\r\n *\r\n * @param {ResizeObserver} observer - Observer to be checked.\r\n * @returns {Boolean}\r\n */\r\n isConnected(observer) {\r\n return !!~this._observers.indexOf(observer);\r\n }\r\n\r\n /**\r\n * Updates every observer from observers list and\r\n * notifies them of queued entries.\r\n *\r\n * @private\r\n * @returns {Boolean} Returns \"true\" if any observer\r\n * has detected changes in dimensions of its' elements.\r\n */\r\n _updateObservers() {\r\n let hasChanges = false;\r\n\r\n for (const observer of this._observers) {\r\n observer.gatherActive();\r\n\r\n if (observer.hasActive()) {\r\n hasChanges = true;\r\n\r\n observer.broadcastActive();\r\n }\r\n }\r\n\r\n return hasChanges;\r\n }\r\n\r\n /**\r\n * Starts the update cycle which will run either\r\n * until it detects changes in the dimensions of\r\n * elements or the idle timeout is reached.\r\n */\r\n runUpdates() {\r\n this._cycleStartTime = now();\r\n this._isCycleActive = true;\r\n\r\n this.scheduleUpdate();\r\n }\r\n\r\n /**\r\n * Schedules the update of observers.\r\n *\r\n * @private\r\n */\r\n scheduleUpdate() {\r\n if (!this._isUpdateScheduled) {\r\n this._isUpdateScheduled = true;\r\n\r\n requestAnimFrame(this._resolveScheduled);\r\n }\r\n }\r\n\r\n /**\r\n * Invokes the update of observers. It may re-run the\r\n * cycle if changes in observers have been detected.\r\n *\r\n * @private\r\n */\r\n _resolveScheduled() {\r\n const hasChanges = this._updateObservers();\r\n\r\n this._isUpdateScheduled = false;\r\n\r\n // Do nothing if cycle wasn't started.\r\n if (!this._isCycleActive) {\r\n return;\r\n }\r\n\r\n // Re-start cycle if changes have been detected.\r\n if (hasChanges) {\r\n this.runUpdates();\r\n } else if (this._hasRemainingTime()) {\r\n this.scheduleUpdate();\r\n } else {\r\n this._endUpdates();\r\n }\r\n }\r\n\r\n /**\r\n * Tells whether the update cycle has time remaining.\r\n *\r\n * @private\r\n * @returns {Boolean}\r\n */\r\n _hasRemainingTime() {\r\n const timePassed = now() - this._cycleStartTime;\r\n\r\n return this._idleTimeout - timePassed > 0;\r\n }\r\n\r\n /**\r\n * Callback which is invoked when update cycle\r\n * is finished. It may start a new cycle if continuous\r\n * updates are enabled.\r\n *\r\n * @private\r\n */\r\n _endUpdates() {\r\n this._isCycleActive = false;\r\n\r\n if (this._isCycleContinuous && this._listenersEnabled) {\r\n this._continuousCycleHandler();\r\n }\r\n }\r\n\r\n /**\r\n * Initializes DOM listeners.\r\n *\r\n * @private\r\n */\r\n _addListeners() {\r\n // Do nothing if listeners have been already added.\r\n if (this._listenersEnabled) {\r\n return;\r\n }\r\n\r\n this._listenersEnabled = true;\r\n\r\n // Repeatable cycle is used here because the resize event may\r\n // lead to continuous changes, e.g. when width or height of an element\r\n // are controlled by CSS transitions.\r\n window.addEventListener('resize', this.runUpdates);\r\n\r\n // Fall back to an infinite cycle.\r\n if (!mutationsSupported) {\r\n this._isCycleContinuous = true;\r\n\r\n this.runUpdates();\r\n } else {\r\n // Subscribe to DOM mutations as they may lead to\r\n // changes in dimensions of elements.\r\n this._mutationsObserver = new MutationObserver(this._onMutation);\r\n\r\n this._mutationsObserver.observe(document, {\r\n attributes: true,\r\n childList: true,\r\n characterData: true,\r\n subtree: true\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Removes DOM listeners.\r\n *\r\n * @private\r\n */\r\n _removeListeners() {\r\n // Do nothing if listeners have been already removed.\r\n if (!this._listenersEnabled) {\r\n return;\r\n }\r\n\r\n window.removeEventListener('resize', this.runUpdates);\r\n\r\n if (this._mutationsObserver) {\r\n this._mutationsObserver.disconnect();\r\n }\r\n\r\n this._mutationsObserver = null;\r\n this._listenersEnabled = false;\r\n }\r\n\r\n /**\r\n * DOM mutations handler.\r\n *\r\n * @private\r\n * @param {Array<MutationRecord>} entries - An array of mutation records.\r\n */\r\n _onMutation(entries) {\r\n // Check if at least one entry\r\n // contains attributes changes.\r\n const attrsChanged = entries.some(entry => {\r\n return entry.type === 'attributes';\r\n });\r\n\r\n // It's expected that animations may start only\r\n // after some attribute changes its' value.\r\n attrsChanged ?\r\n this.runUpdates() :\r\n this.scheduleUpdate();\r\n }\r\n}\r\n","// Placeholder of a content rectangle.\r\nconst emptyRect = {\r\n width: 0,\r\n height: 0,\r\n top: 0,\r\n right: 0,\r\n bottom: 0,\r\n left: 0\r\n};\r\n\r\n/**\r\n * Extracts paddings data from the provided element.\r\n *\r\n * @param {Element} target - Element whose paddings to be extracted.\r\n * @returns {Object} Object that contains\r\n * left, top, right and bottom padding values.\r\n */\r\nfunction getPaddings(target) {\r\n const styles = window.getComputedStyle(target);\r\n const keys = ['top', 'right', 'bottom', 'left'];\r\n\r\n const paddings = {};\r\n\r\n for (const key of keys) {\r\n const value = styles['padding-' + key].replace('px', '');\r\n\r\n paddings[key] = parseFloat(value);\r\n }\r\n\r\n return paddings;\r\n}\r\n\r\n/**\r\n* Subtracts paddings from provided\r\n* dimensions and creates a content rectangle.\r\n*\r\n* @param {Number} clientWidth - Width including paddings.\r\n* @param {Number} clientHeight - Height including paddings.\r\n* @param {Object} paddings - Paddings data.\r\n* @returns {ClientRect}\r\n*/\r\nfunction createContentRect(clientWidth, clientHeight, paddings) {\r\n const top = paddings.top;\r\n const left = paddings.left;\r\n\r\n const width = clientWidth - (left + paddings.right);\r\n const height = clientHeight - (top + paddings.bottom);\r\n\r\n return {\r\n width,\r\n height,\r\n top,\r\n right: width + left,\r\n bottom: height + top,\r\n left\r\n };\r\n}\r\n\r\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGElement} target - Element whose content\r\n * rectangle needs to be calculated.\r\n * @returns {ClientRect}\r\n */\r\nfunction getSVGContentRect(target) {\r\n const bbox = target.getBBox();\r\n\r\n return createContentRect(bbox.width, bbox.height, emptyRect);\r\n}\r\n\r\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element whose content\r\n * rectangle needs to be calculated.\r\n * @returns {ClientRect}\r\n */\r\nfunction getHTMLElementContentRect(target) {\r\n const width = target.clientWidth;\r\n const height = target.clientHeight;\r\n\r\n // It's not necessary to proceed with calculations\r\n // as it's already known that the rectangle is empty.\r\n if (!width && !height) {\r\n return emptyRect;\r\n }\r\n\r\n return createContentRect(width, height, getPaddings(target));\r\n}\r\n\r\n/**\r\n * Checks whether provided element\r\n * is an instance of SVGElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {Boolean}\r\n */\r\nfunction isSVGElement(target) {\r\n return target instanceof window.SVGElement;\r\n}\r\n\r\n/**\r\n * Calculates an appropriate content rectangle\r\n * for provided html or svg element.\r\n *\r\n * @param {Element} target - Element whose content rectangle\r\n * needs to be calculated.\r\n * @returns {ClientRect}\r\n */\r\nfunction getContentRect(target) {\r\n return isSVGElement(target) ?\r\n getSVGContentRect(target) :\r\n getHTMLElementContentRect(target);\r\n}\r\n\r\n/**\r\n * Class that is responsible for computations of the\r\n * content rectangle of provided DOM element and\r\n * for keeping track of its' changes.\r\n */\r\nexport default class ResizeObservation {\r\n /**\r\n * Creates an instance of ResizeObservation.\r\n *\r\n * @param {Element} target - Element whose content\r\n * rectangle needs to be observed.\r\n */\r\n constructor(target) {\r\n this.target = target;\r\n\r\n // Keeps reference to the last observed content rectangle.\r\n this._contentRect = emptyRect;\r\n\r\n // Broadcasted width of content rectangle.\r\n this.broadcastWidth = 0;\r\n\r\n // Broadcasted height of content rectangle.\r\n this.broadcastHeight = 0;\r\n }\r\n\r\n /**\r\n * Updates 'broadcastWidth' and 'broadcastHeight'\r\n * properties with a data from the corresponding\r\n * properties of the last observed content rectangle.\r\n *\r\n * @returns {ClientRect} Last observed content rectangle.\r\n */\r\n broadcastRect() {\r\n const rect = this._contentRect;\r\n\r\n this.broadcastWidth = rect.width;\r\n this.broadcastHeight = rect.height;\r\n\r\n return rect;\r\n }\r\n\r\n /**\r\n * Updates content rectangle and tells whether its'\r\n * width or height properties have changed since\r\n * the last broadcast.\r\n *\r\n * @returns {Boolean}\r\n */\r\n isActive() {\r\n const rect = getContentRect(this.target);\r\n\r\n this._contentRect = rect;\r\n\r\n return (\r\n rect.width !== this.broadcastWidth ||\r\n rect.height !== this.broadcastHeight\r\n );\r\n }\r\n}\r\n","export default class ResizeObserverEntry {\r\n /**\r\n * Creates an instance of ResizeObserverEntry.\r\n *\r\n * @param {Element} target - Element that is being observed.\r\n * @param {ClientRect} rectData - Data of the elements' content rectangle.\r\n */\r\n constructor(target, rectData) {\r\n const contentRect = {};\r\n\r\n // According to the specification following properties\r\n // are not writable and in native implementation\r\n // they are also not enumerable.\r\n Object.defineProperties(contentRect, {\r\n width: {value: rectData.width},\r\n height: {value: rectData.height},\r\n top: {value: rectData.top},\r\n right: {value: rectData.right},\r\n bottom: {value: rectData.bottom},\r\n left: {value: rectData.left}\r\n });\r\n\r\n Object.defineProperties(this, {\r\n target: {value: target},\r\n contentRect: {value: contentRect}\r\n });\r\n }\r\n}\r\n","import {Map} from './shims/es6-collections';\r\nimport ResizeObservation from './ResizeObservation';\r\nimport ResizeObserverEntry from './ResizeObserverEntry';\r\n\r\nexport default class ResizeObserver {\r\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {Function} callback - Callback function which will be invoked\r\n * when one of the observed elements changes its' content rectangle.\r\n * @param {ResizeObsreverController} controller - Controller instance\r\n * which is responsible for the updates of observer.\r\n * @param {ResizeObserver} publicObserver - Reference\r\n * to the public ResizeObserver instance which will be passed\r\n * to callback function.\r\n */\r\n constructor(callback, controller, publicObserver) {\r\n if (typeof callback !== 'function') {\r\n throw new TypeError('The callback provided as parameter 1 is not a function.');\r\n }\r\n\r\n // Reference to the callback function.\r\n this._callback = callback;\r\n\r\n // A registry of ResizeObservation instances.\r\n this._targets = new Map();\r\n\r\n // A collection of resize observations that have detected\r\n // changes in dimensions of elements.\r\n this._activeTargets = [];\r\n\r\n // Reference to associated ResizeObserverController.\r\n this._controller = controller;\r\n\r\n // Public ResizeObserver instance which will be passed\r\n // to callback function.\r\n this._publicObserver = publicObserver;\r\n }\r\n\r\n /**\r\n * Starts observing provided element.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n */\r\n observe(target) {\r\n if (!arguments.length) {\r\n throw new TypeError('1 argument required, but only 0 present.');\r\n }\r\n\r\n if (!(target instanceof Element)) {\r\n throw new TypeError('parameter 1 is not of type \"Element\".');\r\n }\r\n\r\n const targets = this._targets;\r\n\r\n // Do nothing if element is already being observed.\r\n if (targets.has(target)) {\r\n return;\r\n }\r\n\r\n targets.set(target, new ResizeObservation(target));\r\n\r\n // Add observer to controller\r\n // if it hasn't been connected yet.\r\n if (!this._controller.isConnected(this)) {\r\n this._controller.connect(this);\r\n }\r\n\r\n // Update observations.\r\n this._controller.runUpdates();\r\n }\r\n\r\n /**\r\n * Stops observing provided element.\r\n *\r\n * @param {Element} target - Element to stop observing.\r\n */\r\n unobserve(target) {\r\n if (!arguments.length) {\r\n throw new TypeError('1 argument required, but only 0 present.');\r\n }\r\n\r\n if (!(target instanceof Element)) {\r\n throw new TypeError('parameter 1 is not of type \"Element\".');\r\n }\r\n\r\n const targets = this._targets;\r\n\r\n // Do nothing if element is not being observed.\r\n if (!targets.has(target)) {\r\n return;\r\n }\r\n\r\n // Remove element and an associated with\r\n // it ResizeObsrvation instance from registry.\r\n targets.delete(target);\r\n\r\n if (!targets.size) {\r\n this.disconnect();\r\n }\r\n }\r\n\r\n /**\r\n * Stops observing all elements and\r\n * clears the observations list.\r\n */\r\n disconnect() {\r\n this.clearActive();\r\n this._targets.clear();\r\n\r\n this._controller.disconnect(this);\r\n }\r\n\r\n /**\r\n * Invokes initial callback function with a list\r\n * of ResizeObserverEntry instances collected from\r\n * active resize observations.\r\n */\r\n broadcastActive() {\r\n if (!this.hasActive()) {\r\n return;\r\n }\r\n\r\n const publicObserver = this._publicObserver;\r\n\r\n const entries = this._activeTargets.map(observation => {\r\n return new ResizeObserverEntry(\r\n observation.target,\r\n observation.broadcastRect()\r\n );\r\n });\r\n\r\n this.clearActive();\r\n\r\n this._callback.call(publicObserver, entries, publicObserver);\r\n }\r\n\r\n /**\r\n * Clears the collection of pending/active observations.\r\n */\r\n clearActive() {\r\n this._activeTargets.splice(0);\r\n }\r\n\r\n /**\r\n * Tells whether the observer has\r\n * pending observations.\r\n *\r\n * @returns {Boolean}\r\n */\r\n hasActive() {\r\n return !!this._activeTargets.length;\r\n }\r\n\r\n /**\r\n * Clears an array of previously collected active observations\r\n * and collects observation instances whose associated element\r\n * has changes in its' content rectangle.\r\n */\r\n gatherActive() {\r\n this.clearActive();\r\n\r\n const activeTargets = this._activeTargets;\r\n\r\n this._targets.forEach(observation => {\r\n if (observation.isActive()) {\r\n activeTargets.push(observation);\r\n }\r\n });\r\n }\r\n}\r\n","import {WeakMap} from './shims/es6-collections';\r\nimport ResizeObserverController from './ResizeObserverController';\r\nimport _ResizeObserver from './_ResizeObserver';\r\n\r\n// Controller which will be assigned to all instances of ResizeObserver.\r\nconst controller = new ResizeObserverController();\r\n\r\n// Registry of internal observers.\r\nconst observers = new WeakMap();\r\n\r\n/**\r\n * ResizeObservers' \"Proxy\" class which is meant to hide private\r\n * properties and methods from public instances.\r\n *\r\n * Additionally it implements \"idleTimeout\" and \"continuousUpdates\" static property\r\n * accessors to give a control over the behavior of ResizeObserverController\r\n * instance. Changes made to these properties will affect all future and\r\n * existing observers.\r\n */\r\nclass ResizeObserver {\r\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {Function} callback - Callback which will\r\n * be invoked when dimensions of one of the\r\n * observed elements have been changed.\r\n */\r\n constructor(callback) {\r\n if (!arguments.length) {\r\n throw new TypeError('1 argument required, but only 0 present.');\r\n }\r\n\r\n const observer = new _ResizeObserver(callback, controller, this);\r\n\r\n // Register an internal observer.\r\n observers.set(this, observer);\r\n }\r\n\r\n /**\r\n * Extracts controllers' idle timeout value.\r\n *\r\n * @returns {Number}\r\n */\r\n static get idleTimeout() {\r\n return controller.idleTimeout;\r\n }\r\n\r\n /**\r\n * Sets up new idle timeout.\r\n *\r\n * @param {Number} value - New timeout value.\r\n */\r\n static set idleTimeout(value) {\r\n if (typeof value !== 'number') {\r\n throw new TypeError('type of \"idleTimeout\" value must be a number.');\r\n }\r\n\r\n if (typeof value < 0) {\r\n throw new TypeError('\"idleTimeout\" value must be greater than 0.');\r\n }\r\n\r\n controller.idleTimeout = value;\r\n }\r\n\r\n /**\r\n * Tells whether continuous updates are enabled.\r\n *\r\n * @returns {Boolean}\r\n */\r\n static get continuousUpdates() {\r\n return controller.continuousUpdates;\r\n }\r\n\r\n /**\r\n * Enables or disables continuous updates.\r\n *\r\n * @param {Boolean} value - Whether to enable or disable\r\n * continuous updates.\r\n */\r\n static set continuousUpdates(value) {\r\n if (typeof value !== 'boolean') {\r\n throw new TypeError('type of \"continuousUpdates\" value must be a boolean.');\r\n }\r\n\r\n controller.continuousUpdates = value;\r\n }\r\n}\r\n\r\n// Expose public methods of ResizeObserver.\r\n[\r\n 'observe',\r\n 'unobserve',\r\n 'disconnect'\r\n].forEach(method => {\r\n ResizeObserver.prototype[method] = function () {\r\n return observers.get(this)[method](...arguments);\r\n };\r\n});\r\n\r\nexport default ResizeObserver;\r\n","import ResizeObserverPolyfill from './src/ResizeObserver';\r\n\r\nlet ResizeObserver = ResizeObserverPolyfill;\r\n\r\n// Export existing implementation if it's available.\r\nif (typeof window.ResizeObserver === 'function') {\r\n ResizeObserver = window.ResizeObserver;\r\n}\r\n\r\nexport default ResizeObserver;\r\n"],"mappings":"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"}

package/dist/huds-lib/index-f84f2a7d.js ADDED Viewed

@@ -0,0 +1,3 @@
+const t="huds-lib";let e;let n;let s;let l=false;let o=false;let i=false;let c=false;let f=0;let r=false;const u=(t,e="")=>{{return()=>{}}};const a=(t,e)=>{{return()=>{}}};const d="{visibility:hidden}.hydrated{visibility:inherit}";const p="http://www.w3.org/1999/xlink";const h={};const y="http://www.w3.org/2000/svg";const m="http://www.w3.org/1999/xhtml";const $=t=>t!=null;const b=t=>{t=typeof t;return t==="object"||t==="function"};function w(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const g=(t,e,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof t!=="function"&&!b(s)){s=String(s)}if(i&&c){f[f.length-1].t+=s}else{f.push(i?v(null,s):s)}c=i}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,j)}const u=v(t,null);u.l=e;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const v=(t,e)=>{const n={p:0,h:t,t:e,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const S={};const k=t=>t&&t.h===S;const j={forEach:(t,e)=>t.map(O).forEach(e),map:(t,e)=>t.map(O).map(e).map(M)};const O=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const M=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return g(t.vtag,e,...t.vchildren||[])}const e=v(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const C=t=>Ft.map((e=>e(t))).find((t=>!!t));const x=t=>Ft.push(t);const R=(t,e)=>{if(t!=null&&!b(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const P=t=>Rt(t).$;const T=(t,e,n)=>{const s=P(t);return{emit:t=>U(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const U=(t,e,n)=>{const s=Ht.ce(e,n);t.dispatchEvent(s);return s};const W=new WeakMap;const E=(t,e,n)=>{let s=Nt.get(t);if(qt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Nt.set(t,s)};const L=(t,e,n,s)=>{var l;let o=F(e,n);const i=Nt.get(o);t=t.nodeType===11?t:Dt;if(i){if(typeof i==="string"){t=t.head||t;let e=W.get(t);let n;if(!e){W.set(t,e=new Set)}if(!e.has(o)){{{n=Dt.createElement("style");n.innerHTML=i}const e=(l=Ht.g)!==null&&l!==void 0?l:w(Dt);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(i)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}}return o};const N=t=>{const e=t.v;const n=t.$;const s=e.p;const l=u("attachStyles",e.S);const o=L(n.shadowRoot?n.shadowRoot:n.getRootNode(),e,t.k);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const F=(t,e)=>"sc-"+(e&&t.p&32?t.S+"-"+e:t.S);const A=(t,e,n,s,l,o)=>{if(n!==s){let i=Ut(t,e);let c=e.toLowerCase();if(e==="class"){const e=t.classList;const l=H(n);const o=H(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Ut(At,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(n){Ht.rel(t,e,n,false)}if(s){Ht.ael(t,e,s,false)}}else{const f=b(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(p,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(p,e,s)}else{t.setAttribute(e,s)}}}}};const D=/\s/;const H=t=>!t?[]:t.split(D);const I=(t,e,n,s)=>{const l=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.l||h;const i=e.l||h;{for(s in o){if(!(s in i)){A(l,s,o[s],undefined,n,e.p)}}}for(s in i){A(l,s,o[s],i[s],n,e.p)}};const q=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let p;let h;if(!l){i=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.p|=u.o?2:1}}if(u.t!==null){d=u.m=Dt.createTextNode(u.t)}else if(u.p&1){d=u.m=Dt.createTextNode("")}else{if(!c){c=u.h==="svg"}d=u.m=Dt.createElementNS(c?y:m,u.p&2?"slot-fb":u.h);if(c&&u.h==="foreignObject"){c=false}{I(null,u,c)}if($(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){p=q(t,u,a,d);if(p){d.appendChild(p)}}}{if(u.h==="svg"){c=false}else if(d.tagName==="foreignObject"){c=true}}}{d["s-hn"]=s;if(u.p&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.u||"";h=t&&t.o&&t.o[f];if(h&&h.h===u.h&&t.m){V(t.m,false)}}}return d};const V=(t,e)=>{Ht.p|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){K(l).insertBefore(l,J(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){V(l,e)}}Ht.p&=~1};const _=(t,e,n,l,o,i)=>{let c=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(c.shadowRoot&&c.tagName===s){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=q(null,n,o,t);if(f){l[o].m=f;c.insertBefore(f,J(e))}}}};const z=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.m;et(e);if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{V(t,true)}}t.remove()}}}};const B=(t,e,n,s)=>{let l=0;let o=0;let i=0;let c=0;let f=e.length-1;let r=e[0];let u=e[f];let a=s.length-1;let d=s[0];let p=s[a];let h;let y;while(l<=f&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--a]}else if(G(r,d)){Q(r,d);r=e[++l];d=s[++o]}else if(G(u,p)){Q(u,p);u=e[--f];p=s[--a]}else if(G(r,p)){if(r.h==="slot"||p.h==="slot"){V(r.m.parentNode,false)}Q(r,p);t.insertBefore(r.m,u.m.nextSibling);r=e[++l];p=s[--a]}else if(G(u,d)){if(r.h==="slot"||p.h==="slot"){V(u.m.parentNode,false)}Q(u,d);t.insertBefore(u.m,r.m);u=e[--f];d=s[++o]}else{i=-1;{for(c=l;c<=f;++c){if(e[c]&&e[c].i!==null&&e[c].i===d.i){i=c;break}}}if(i>=0){y=e[i];if(y.h!==d.h){h=q(e&&e[o],n,i,t)}else{Q(y,d);e[i]=undefined;h=y.m}d=s[++o]}else{h=q(e&&e[o],n,o,t);d=s[++o]}if(h){{K(r.m).insertBefore(h,J(r.m))}}}}if(l>f){_(t,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){z(e,l,f)}};const G=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const J=t=>t&&t["s-ol"]||t;const K=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const Q=(t,e)=>{const n=e.m=t.m;const s=t.o;const l=e.o;const o=e.h;const i=e.t;let f;if(i===null){{c=o==="svg"?true:o==="foreignObject"?false:c}{if(o==="slot");else{I(t,e,c)}}if(s!==null&&l!==null){B(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}_(n,null,e,l,0,l.length-1)}else if(s!==null){z(s,0,s.length-1)}if(c&&o==="svg"){c=false}}else if(f=n["s-cr"]){f.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const X=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let c;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){c=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(c===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(c===1||c===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}X(n)}}};const Y=[];const Z=t=>{let e;let n;let s;let l;let i;let c;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(c=s.length-1;c>=0;c--){n=s[c];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(tt(n,l)){i=Y.find((t=>t.j===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.O=e}else{Y.push({O:e,j:n})}if(n["s-sr"]){Y.map((t=>{if(tt(t.j,n["s-sn"])){i=Y.find((t=>t.j===n));if(i&&!t.O){t.O=i.O}}}))}}else if(!Y.some((t=>t.j===n))){Y.push({j:n})}}}}if(e.nodeType===1){Z(e)}}};const tt=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const et=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(et)}};const nt=(t,c)=>{const f=t.$;const r=t.v;const u=t.M||v(null,null);const a=k(c)?c:g(null,null,c);s=f.tagName;if(r.C){a.l=a.l||{};r.C.map((([t,e])=>a.l[e]=f[t]))}a.h=null;a.p|=4;t.M=a;a.m=u.m=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.p&1)!==0;o=false}Q(u,a);{Ht.p|=1;if(i){Z(a.m);let t;let e;let n;let s;let l;let o;let i=0;for(;i<Y.length;i++){t=Y[i];e=t.j;if(!e["s-ol"]){n=Dt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<Y.length;i++){t=Y[i];e=t.j;if(t.O){s=t.O.parentNode;l=t.O.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){X(a.m)}Ht.p&=~1;Y.length=0}};const st=(t,e)=>{if(e&&!t.R&&e["s-p"]){e["s-p"].push(new Promise((e=>t.R=e)))}};const lt=(t,e)=>{{t.p|=16}if(t.p&4){t.p|=512;return}st(t,t.P);const n=()=>ot(t,e);return Xt(n)};const ot=(t,e)=>{const n=u("scheduleUpdate",t.v.S);const s=t.T;let l;if(e){{t.p|=256;if(t.U){t.U.map((([t,e])=>dt(s,t,e)));t.U=undefined}}{l=dt(s,"componentWillLoad")}}else{{l=dt(s,"componentWillUpdate")}}{l=it(l,(()=>dt(s,"componentWillRender")))}n();return it(l,(()=>ft(t,s,e)))};const it=(t,e)=>ct(t)?t.then(e):e();const ct=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const ft=async(t,e,n)=>{var s;const l=t.$;const o=u("update",t.v.S);const i=l["s-rc"];if(n){N(t)}const c=u("render",t.v.S);{rt(t,e)}if(i){i.map((t=>t()));l["s-rc"]=undefined}c();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ut(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.p|=4;e.length=0}}};const rt=(t,e,n)=>{try{e=e.render();{t.p&=~16}{t.p|=2}{{{nt(t,e)}}}}catch(e){Wt(e,t.$)}return null};const ut=t=>{const e=t.v.S;const n=t.$;const s=u("postUpdate",e);const l=t.T;const o=t.P;{dt(l,"componentDidRender")}if(!(t.p&64)){t.p|=64;{pt(n)}{dt(l,"componentDidLoad")}s();{t.W(n);if(!o){at()}}}else{s()}{if(t.R){t.R();t.R=undefined}if(t.p&512){Qt((()=>lt(t,false)))}t.p&=~(4|512)}};const at=e=>{{pt(Dt.documentElement)}{Ht.p|=2}Qt((()=>U(At,"appload",{detail:{namespace:t}})))};const dt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Wt(t)}}return undefined};const pt=t=>t.classList.add("hydrated");const ht=(t,e)=>Rt(t).L.get(e);const yt=(t,e,n,s)=>{const l=Rt(t);const o=l.$;const i=l.L.get(e);const c=l.p;const f=l.T;n=R(n,s.N[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.L.set(e,n);if(f){if(s.F&&c&128){const t=s.F[e];if(t){t.map((t=>{try{f[t](n,i,e)}catch(t){Wt(t,o)}}))}}if((c&(2|16))===2){lt(l,false)}}}};const mt=(t,e,n)=>{if(e.N){if(t.watchers){e.F=t.watchers}const s=Object.entries(e.N);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return ht(this,t)},set(n){yt(this,t,n,e)},configurable:true,enumerable:true})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Ht.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.C.push([t,l])}return l}))}}return t};const $t=async(t,e,n,s,l)=>{if((e.p&32)===0){e.p|=32;{l=Lt(n);if(l.then){const t=a();l=await l;t()}if(!l.isProxied){{n.F=l.watchers}mt(l,n,2);l.isProxied=true}const t=u("createInstance",n.S);{e.p|=8}try{new l(e)}catch(t){Wt(t)}{e.p&=~8}{e.p|=128}t()}if(l.style){let s=l.style;if(typeof s!=="string"){s=s[e.k=C(t)]}const o=F(n,e.k);if(!Nt.has(o)){const t=u("registerStyles",n.S);E(o,s,!!(n.p&1));t()}}}const o=e.P;const i=()=>lt(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const bt=t=>{if((Ht.p&1)===0){const e=Rt(t);const n=e.v;const s=u("connectedCallback",n.S);if(!(e.p&1)){e.p|=1;{if(n.p&(4|8)){wt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){st(e,e.P=n);break}}}if(n.N){Object.entries(n.N).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{$t(t,e,n)}}else{kt(t,e,n.A)}s()}};const wt=t=>{const e=t["s-cr"]=Dt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const gt=t=>{if((Ht.p&1)===0){const e=Rt(t);const n=e.T;{if(e.D){e.D.map((t=>t()));e.D=undefined}}{dt(n,"disconnectedCallback")}}};const vt=(t,e={})=>{var n;const s=u();const l=[];const o=e.exclude||[];const i=At.customElements;const c=Dt.head;const f=c.querySelector("meta[charset]");const r=Dt.createElement("style");const a=[];let p;let h=true;Object.assign(Ht,e);Ht.H=new URL(e.resourcesUrl||"./",Dt.baseURI).href;{if(e.syncQueue){Ht.p|=4}}t.map((t=>{t[1].map((e=>{const n={p:e[0],S:e[1],N:e[2],A:e[3]};{n.N=e[2]}{n.A=e[3]}{n.C=[]}{n.F={}}const s=n.S;const c=class extends HTMLElement{constructor(t){super(t);t=this;Tt(t,n);if(n.p&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(h){a.push(this)}else{Ht.jmp((()=>bt(this)))}}disconnectedCallback(){Ht.jmp((()=>gt(this)))}componentOnReady(){return Rt(this).I}};n.q=t[0];if(!o.includes(s)&&!i.get(s)){l.push(s);i.define(s,mt(c,n,1))}}))}));{r.innerHTML=l+d;r.setAttribute("data-styles","");const t=(n=Ht.g)!==null&&n!==void 0?n:w(Dt);if(t!=null){r.setAttribute("nonce",t)}c.insertBefore(r,f?f.nextSibling:c.firstChild)}h=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{Ht.jmp((()=>p=setTimeout(at,30)))}}s()};const St=(t,e)=>e;const kt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Ot(t,n);const i=jt(e,l);const c=Mt(n);Ht.ael(o,s,i,c);(e.D=e.D||[]).push((()=>Ht.rel(o,s,i,c)))}))}};const jt=(t,e)=>n=>{try{{if(t.p&256){t.T[e](n)}else{(t.U=t.U||[]).push([e,n])}}}catch(t){Wt(t)}};const Ot=(t,e)=>{if(e&4)return Dt;if(e&8)return At;return t};const Mt=t=>(t&2)!==0;const Ct=t=>Ht.g=t;const xt=new WeakMap;const Rt=t=>xt.get(t);const Pt=(t,e)=>xt.set(e.T=t,e);const Tt=(t,e)=>{const n={p:0,$:t,v:e,L:new Map};{n.I=new Promise((t=>n.W=t));t["s-p"]=[];t["s-rc"]=[]}kt(t,n,e.A);return xt.set(t,n)};const Ut=(t,e)=>e in t;const Wt=(t,e)=>(0,console.error)(t,e);const Et=new Map;const Lt=(t,e,n)=>{const s=t.S.replace(/-/g,"_");const l=t.q;const o=Et.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Et.set(l,t)}return t[s]}),Wt)};const Nt=new Map;const Ft=[];const At=typeof window!=="undefined"?window:{};const Dt=At.document||{head:{}};const Ht={p:0,H:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const It=t=>Promise.resolve(t);const qt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Vt=[];const _t=[];const zt=[];const Bt=(t,e)=>n=>{t.push(n);if(!r){r=true;if(e&&Ht.p&4){Qt(Kt)}else{Ht.raf(Kt)}}};const Gt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Wt(t)}}t.length=0};const Jt=(t,e)=>{let n=0;let s=0;while(n<t.length&&(s=performance.now())<e){try{t[n++](s)}catch(t){Wt(t)}}if(n===t.length){t.length=0}else if(n!==0){t.splice(0,n)}};const Kt=()=>{{f++}Gt(Vt);{const t=(Ht.p&6)===2?performance.now()+14*Math.ceil(f*(1/10)):Infinity;Jt(_t,t);Jt(zt,t);if(_t.length>0){zt.push(..._t);_t.length=0}if(r=Vt.length+_t.length+zt.length>0){Ht.raf(Kt)}else{f=0}}};const Qt=t=>It().then(t);const Xt=Bt(_t,true);export{St as F,S as H,x as a,vt as b,T as c,P as g,g as h,It as p,Pt as r,Ct as s};
+//# sourceMappingURL=index-f84f2a7d.js.map