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

@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.58

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 (465) hide show

package/components/hy-tabs2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-tabs2.js","mappings":"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","names":[],"sources":["./src/components/hy-tabs/hy-tabs.scss?tag=hy-tabs","./src/components/hy-tabs/hy-tabs.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"],"version":3}
1	+ {"file":"hy-tabs2.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,uxMAAuxM;;ACCzyM;AACA,IAAI,IAAI,GAAG;EACT,GAAG,EAAE,EAAE;EACP,IAAI,EAAE,EAAE;EACR,IAAI,EAAE,EAAE;EACR,EAAE,EAAE,EAAE;EACN,KAAK,EAAE,EAAE;EACT,IAAI,EAAE,EAAE;EACR,MAAM,EAAE,EAAE;CACX,CAAC;AAEF;AACA,IAAI,SAAS,GAAG;EACd,EAAE,EAAE,CAAC,CAAC;EACN,EAAE,EAAE,CAAC,CAAC;EACN,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;CACN,CAAC;AACF,IAAI,YAAY,CAAC;AACjB,IAAI,YAAY,CAAC;AACjB,IAAI,aAAa,CAAC;MAOL,MAAM;;;;;wBAEc,EAAE;+BACO,IAAI;;;;;uBAMd,QAAQ;;EAEtC,iBAAiB;IACf,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC1D,IAAI,QAAQ,EAAE;MACZ,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK;QACpD,OAAO;UACL,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC;UACtC,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACtE,CAAC;OACH,CAAC,CAAC;KACJ;GACF;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAQ,CAAC;IAEzE,IAAI,YAAY,EAAE;MAChB,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;MAElC,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;MACvE,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;MACzE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAc,CAAC;MAEpC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;MAEzD,OAAO,CAAC,gBAAgB,CACtB,QAAQ,EACR;QACE,aAAa,GAAG,UAAU,CAAC;UACzB,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;UACnC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;SAC1D,EAAE,GAAG,CAAC,CAAC;OACT,EACD,KAAK,CACN,CAAC;MAEF,IAAI,OAAO,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;QACpD,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACtC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;OACxC;MAED,MAAM,WAAW,GAAG,GAAG,CAAC;MACxB,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC;QACtC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACzC,OAAO,CAAC,QAAQ,CAAC;UACf,GAAG,EAAE,CAAC;UACN,IAAI,EAAE,CAAC,WAAW;UAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QACH,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC;UAC/B,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;UAClC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;UACzD,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SAC7C,EAAE,GAAG,CAAC,CAAC;OACT,CAAC,CAAC;MAEH,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACxC,OAAO,CAAC,QAAQ,CAAC;UACf,GAAG,EAAE,CAAC;UACN,IAAI,EAAE,CAAC,WAAW;UAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QACH,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC;UAC/B,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;UAClC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;UACzD,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SAC5C,EAAE,GAAG,CAAC,CAAC;OACT,CAAC,CAAC;KACJ;GACF;EAED,cAAc,CAAC,EAAE;IACf,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAQ,CAAC;IACjE,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAQ,CAAC;IAC7D,IAAI,CAAC,cAAc,GAAG,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAQ,CAAC;IAExE,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;MAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;MACtC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;KAC5C;GACF;EAED,YAAY,CAAC,IAAI,EAAE,KAAK;IACtB,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;MACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;QACpC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;;QAEnE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;OAC3B;KACF;GACF;EAED,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW;IAChD,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;MAC5B,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KACvC;SAAM;MACL,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;KAC1C;IACD,IAAI,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE;MACvE,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KACxC;SAAM;MACL,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;KAC3C;GACF;;EAID,kBAAkB,CAAC,KAAK;IACtB,IAAI,KAAK,EAAE;MACT,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;MAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC;MAClC,IAAI,IAAI,EAAE;QACR,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG;UACf,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;UACjC,IAAI,EAAE,KAAK,MAAM,CAAC,EAAE,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;WAChC;SACF,CAAC,CAAC;QACH,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,wBAAwB,EAAE,CAAC;OAClC;KACF;GACF;EAGD,oBAAoB,CAAC,KAAK;IACxB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC;IAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,eAAsB,CAAC;IACzC,QAAQ,GAAG;MACT,KAAK,IAAI,CAAC,GAAG;QACX,KAAK,CAAC,cAAc,EAAE,CAAC;;QAEvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC9C,MAAM;MACR,KAAK,IAAI,CAAC,IAAI;QACZ,KAAK,CAAC,cAAc,EAAE,CAAC;;QAEvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAChC,MAAM;;;MAIR,KAAK,IAAI,CAAC,EAAE,CAAC;MACb,KAAK,IAAI,CAAC,IAAI;QACZ,IAAI,IAAI,CAAC,mBAAmB,EAAE;UAC5B,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;SAClC;QACD,MAAM;KACT;GACF;EAGD,kBAAkB,CAAC,KAAK;IACtB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC;IAE1B,QAAQ,GAAG;MACT,KAAK,IAAI,CAAC,IAAI,CAAC;MACf,KAAK,IAAI,CAAC,KAAK;QACb,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,EAAE;UAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;UACvB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;WAClC;SACF;QACD,MAAM;KACT;IACD,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,wBAAwB,EAAE,CAAC;GAClC;EAED,oBAAoB,CAAC,KAAK;IACxB,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAc,CAAC;IAEpC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;IACzD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC;IAC1B,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,UAAU,CAAC;IACxE,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,QAAQ,EAAE;MACZ,IAAI,GAAG,KAAK,IAAI,CAAC,EAAE,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,GAAG,IAAI,CAAC;OAChB;KACF;SAAM;MACL,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,KAAK,EAAE;QAC3C,OAAO,GAAG,IAAI,CAAC;OAChB;KACF;IAED,IAAI,OAAO,EAAE;MACX,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACnC;GACF;EAED,qBAAqB,CAAC,KAAK;IACzB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,IAAI,SAAS,CAAC,OAAO,CAAC,EAAE;MACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;MAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAiB,CAAC;MAEpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAE;UAC5B,IAAI,CAAC,GAAG,CAAC,EAAE;YACT,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;cAC7B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;cACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;cACpC,MAAM;aACP;WACF;UACD,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;cAC5B,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;cACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;cACpC,MAAM;aACP;WACF;SACF;OACF;KACF;GACF;;EAGD,WAAW,CAAC,GAAG,EAAE,QAAQ;IACvB,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC;;IAE5B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;;IAErC,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAChC,GAAG,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,GAAG,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAChE,IAAI,QAAQ,EAAE;MACZ,GAAG,CAAC,KAAK,EAAE,CAAC;KACb;GACF;;EAGD,cAAc,CAAC,IAAI;IACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACpC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;MACvC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;MAC/C,IAAI,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAC9D;IACD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACtC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAC5C;GACF;EAGD,iBAAiB,CAAC,GAAG;IACnB,MAAM,MAAM,GAAG,GAAG,CAAC;IACnB,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACjC,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC;MAC/B,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;MAClC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;MAChC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;MACvC,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;OACjC;KACF,EAAE,GAAG,CAAC,CAAC;GACT;EAED,MAAM;IACJ,MAAM,wBAAwB,GAAG,CAAC,oBAAoB,EAAE,uBAAuB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7G,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAExD,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;MACxB,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;MAClD,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC;MAE9E,IAAI,WAAW,EAAE;QACf,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAErD,IAAI,WAAW,EAAE;UACf,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;UACpC,MAAM,eAAe,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC;UAC5D,MAAM,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,MAAM,CAAC,OAAO,GAAG,eAAe,CAAC,GAAG,GAAG,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;SACxF;OACF;KACF;IAED,OAAO;MACL,cAAQ,EAAE,EAAC,sBAAsB,GAAG;MACpC,WAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,wBAAwB,IAC1C,WAAK,KAAK,EAAC,sBAAsB,IAC/B,cAAQ,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,6CAA6C,iBAAa,MAAM,IAC1F,gBACE,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5C,CACA,EACT,WAAK,IAAI,EAAC,SAAS,gBAAa,IAAI,CAAC,YAAY,IAC9C,IAAI,CAAC,eAAe;QACnB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI;UAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;UACrC,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;UAEnD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;UAC1D,MAAM,WAAW,GAAG,GAAG,GAAG,SAAS,CAAC;UAEpC,QACE,SAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAC,IAAI,IACjC,+BACgB,OAAO,mBACN,GAAG,EAAE,MAAM,EAC1B,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,EAAE,IAEN,gBAAO,KAAK,CAAQ,CACb,CACP,EACJ;SACH,CAAC,CACA,EACN,cAAQ,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,oCAAoC,iBAAa,MAAM,IACjF,gBACE,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACA,CACL,EACN,eAAa,CACT;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG;KACnC,CAAC;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-tabs/hy-tabs.scss?tag=hy-tabs","./src/components/hy-tabs/hy-tabs.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"],"version":3}

package/components/hy-video.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './hy-box2.js';
 import { d as defineCustomElement$3 } from './heading.js';
 import { d as defineCustomElement$2 } from './icon.js';
-const hyVideoCss = ":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;-webkit-hyphens:auto;-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 hyVideoCss = ":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 HyVideo$1 = /*@__PURE__*/ proxyCustomElement(class HyVideo extends HTMLElement {
   constructor() {

package/components/hy-video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hy-video.js","mappings":"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","names":["HyVideo"],"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"],"version":3}
1	+ {"file":"hy-video.js","mappings":"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","names":["HyVideo"],"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"],"version":3}

package/components/index2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"index2.js","mappings":"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","names":["ResizeObserver","_ResizeObserver","ResizeObserverPolyfill"],"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"],"version":3}
1	+ {"file":"index2.js","mappings":"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","names":["ResizeObserver","_ResizeObserver","ResizeObserverPolyfill"],"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"],"version":3}

package/components/link-box.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { r as LinkBoxVariants } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
-const linkBoxCss = ":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{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width: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;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-cta-link:focus{outline:none}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
+const linkBoxCss = ":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{height:100%}.hy-link-box-container{background:var(--grayscale-background-box);width: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;height:100%;position:relative}.hy-link-box-container:focus-within{outline:auto}.hy-link-box-container:hover{cursor:pointer}.hy-link-box-container:hover .hy-link-box__text-container__title{color:var(--brand-main);text-decoration:underline}.hy-link-box-container:hover .hy-cta-link{text-decoration:underline}.hy-link-box-container:hover .hy-cta-link .hy-cta-link__icon{background-color:var(--brand-main)}.hy-link-box__image-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;min-height:10rem;position:relative}.hy-link-box__image-container:before{content:\"\";display:block;padding-top:62.5%;width:100%}.hy-link-box__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-link-box__image-container.is-image-missing svg{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:85px;height:auto;fill:#d2d2d2}.hy-link-box__text-container{padding:16px}.hy-link-box__text-container__title{font-size:1.3125rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.42px;-ms-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 16px}@media screen and (min-width: 1024px){.hy-link-box__text-container__title{font-size:1.5625rem;line-height:32px;letter-spacing:-0.5px}}.hy-link-box__text-container__description{font-size:0.9375rem;line-height:22px;color:var(--grayscale-black);font-family:var(--main-font-family);margin:0}@media screen and (min-width: 1024px){.hy-link-box__text-container__description{font-size:1.0625rem;line-height:26px}}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none;margin:0 -8px 24px 0;align-self:flex-end}.hy-cta-link span[aria-hidden=true]{position:absolute;inset:0}.hy-cta-link:focus{outline:none}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
 const LinkBox = /*@__PURE__*/ proxyCustomElement(class LinkBox extends HTMLElement {
   constructor() {