@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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