@swisspost/internet-header 1.11.0 → 1.12.0

package/dist/components/swisspost-internet-footer.js

@@ -175,6 +175,6 @@ function defineCustomElement$1() {
 const SwisspostInternetFooter = PostInternetFooter;
 const defineCustomElement = defineCustomElement$1;
 
-export { SwisspostInternetFooter, defineCustomElement };
+export { PostInternetFooter as P, SwisspostInternetFooter, defineCustomElement };
 
 //# sourceMappingURL=swisspost-internet-footer.js.map

package/dist/components/swisspost-internet-footer.js.map

@@ -1 +1 @@
-{"file":"swisspost-internet-footer.js","mappings":"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","names":[],"sources":["./src/components/post-internet-footer/components/post-footer-block-custom.component.tsx","./src/components/post-internet-footer/components/post-footer-block-list.component.tsx","./src/components/post-internet-footer/components/post-footer-block-socials.component.tsx","./src/components/post-internet-footer/components/post-footer-block-address.component.tsx","./src/components/post-internet-footer/components/post-footer-block-contact.component.tsx","./src/components/post-internet-footer/post-internet-footer.scss?tag=swisspost-internet-footer&encapsulation=shadow","./src/components/post-internet-footer/post-internet-footer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockCustom = (props: { block: CustomBlockEntity }) => {\n  return (\n    <div class=\"pre-footer\">\n      <div class=\"block-custom container\">\n        <h3>{props.block.title}</h3>\n        <ul class=\"no-list box link-list\">\n          {props.block.links &&\n            props.block.links.map(link => (\n              <li key={link.url}>\n                <a class=\"flyout-link\" href={link.url} target={link.target}>\n                  {link.text}\n                </a>\n              </li>\n            ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockList = (props: { block: CustomBlockEntity; key: string }) => {\n  return (\n    <div class=\"block-list\">\n      <h3>{props.block.title}</h3>\n      <ul class=\"no-list box link-list\">\n        {props.block.links &&\n          props.block.links.map(link => (\n            <li key={link.url}>\n              <a class=\"flyout-link\" href={link.url} target={link.target}>\n                {link.text}\n              </a>\n            </li>\n          ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { ContentEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockSocials = (props: { content: ContentEntity; key: string }) => {\n  return (\n    <div class=\"block-socials\">\n      <h3>{props.content.title}</h3>\n      <ul class=\"no-list socials\">\n        {props.content.links.map(link => (\n          <li key={link.url}>\n            <a href={link.url} target={link.target}>\n              <span class=\"visually-hidden\">{link.name}</span>\n              <svg aria-hidden=\"true\">\n                <use href={`#${link.icon}`} />\n              </svg>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\nimport { PostFooterBlockSocials } from './post-footer-block-socials.component';\n\nexport const PostFooterBlockAddress = (props: { block: BlockEntity; key: string }) => {\n  return (\n    <div class=\"block-address\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.address)\n          .map(content => (\n            <address class=\"vcard\" key={content.address}>\n              <span class=\"adr\" innerHTML={content.address}></span>\n            </address>\n          ))}\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.links && content.links.length)\n          .map(content => <PostFooterBlockSocials key={content.name} content={content} />)}\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\n\nconst getContentHours = (hours: string) => hours.replace(/<[^>]*>?/gm, '');\n\nconst callUnblu = () => {\n  if (typeof window['unbluLSLoad'] === 'function') {\n    window['unbluLSLoad']();\n  } else {\n    console.error(\n      'swisspost-internet-footer: The function \"unbluLSLoad\" could not be called because it is not available in the global scope. Did you include the unblu live chat script on your page?',\n    );\n  }\n};\n\nconst LiveSupport = (props: { hours: string }) => (\n  <button\n    class=\"hours btn btn-link\"\n    id=\"liveSupport\"\n    type=\"button\"\n    onClick={callUnblu}\n    innerHTML={getContentHours(props.hours)}\n  ></button>\n);\n\nexport const PostFooterBlockContact = (props: {\n  block: BlockEntity;\n  liveSupportEnabled: boolean;\n  key: string;\n}) => {\n  return (\n    <div class=\"block-contact\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content.map((content, index) => {\n          const isLiveSupport =\n            index === props.block.content!.length - 1 && content.text === 'Live Support';\n          if (isLiveSupport && !props.liveSupportEnabled) {\n            return null;\n          }\n          return (\n            <div class=\"content-row\" key={content.name}>\n              {content.number ? <p class=\"number\">{content.number}</p> : null}\n              {content.text ? <p class=\"text\">{content.text}</p> : null}\n              {content.hours && isLiveSupport && <LiveSupport hours={content.hours} />}\n              {content.hours && !isLiveSupport && (\n                // Some values arrive in the form of <p>8&emdash;12</p> and without replace and innerHTML, tags get rendered as text (project=\"klp\" language=\"en\" environment=\"int02\")\n                <p class=\"hours\" innerHTML={getContentHours(content.hours)}></p>\n              )}\n              {content.describe ? <p class=\"describe\">{content.describe}</p> : null}\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n","@use \"@swisspost/design-system-styles/components/grid\";\n@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/placeholders/text\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"@swisspost/design-system-styles/components/button\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n}\n\nh3 {\n  font-size: inherit;\n  margin-top: 0;\n}\n\n.btn.btn-link {\n  padding-left: 0;\n  padding-right: 0;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.post-internet-footer {\n  font-size: 1rem;\n  font-weight: 300;\n  border-top: 2px solid color.$gray-10;\n}\n\n.pre-footer {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px solid color.$gray-10;\n\n  .block-custom,\n  .link-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem 1.5rem;\n  }\n\n  h3,\n  .link-list li {\n    margin: 0;\n  }\n}\n\n.footer-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 3.5rem 2rem;\n  margin-top: 3.5rem;\n  margin-bottom: 3.5rem;\n\n  @include mixins.max(lg) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    gap: 1.5rem 2rem;\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.block-list {\n  @include mixins.max(sm) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-contact,\n.block-address {\n  @include mixins.max(rg) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-socials {\n  margin-top: 3.5rem;\n\n  @include mixins.max(rg) {\n    margin-top: 1.5rem;\n  }\n}\n\naddress {\n  font-style: normal;\n}\n\n.link-list {\n  li {\n    margin: 1rem 0;\n  }\n  a {\n    display: block;\n    text-decoration: none;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover {\n      color: black;\n    }\n  }\n}\n\n.content-row {\n  padding: 0.5rem 0;\n\n  h3 + & {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  & + & {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  p,\n  button {\n    margin: 0.25rem;\n  }\n}\n\n.text {\n  font-weight: 700;\n}\n\n.describe {\n  font-size: 0.8125rem;\n  color: color.$gray-60;\n  font-weight: 400;\n}\n\n.number {\n  font-size: 1.25rem;\n}\n\n.socials {\n  display: inline-grid;\n  grid-auto-flow: row;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem 1.5rem;\n\n  a {\n    display: block;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover,\n    &:focus {\n      color: black;\n    }\n  }\n\n  svg {\n    display: block;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.copyright {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem 1.5rem;\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  font-size: functions.px-to-rem(12px);\n}\n\n.footer-meta-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  font-weight: 400;\n}\n","import { Component, Host, h, State } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { PostFooterBlockCustom } from './components/post-footer-block-custom.component';\nimport { PostFooterBlockList } from './components/post-footer-block-list.component';\nimport { PostFooterBlockAddress } from './components/post-footer-block-address.component';\nimport { PostFooterBlockContact } from './components/post-footer-block-contact.component';\nimport { translate } from '../../services/language.service';\n\n@Component({\n  tag: 'swisspost-internet-footer',\n  styleUrl: 'post-internet-footer.scss',\n  shadow: true,\n})\nexport class PostInternetFooter {\n  @State() liveSupportEnabled = false;\n  @State() cookieSettingsEnabled = false;\n\n  constructor() {\n    this.liveSupportEnabled = this.unbluEnabled();\n    this.cookieSettingsEnabled = this.ucUIEnabled();\n\n    /**\n     * If the unblu script is not available, wait 5 seconds for it to load.\n     * If it's still not there after 5 seconds, abandon efforts and don't\n     * show the live support button.\n     */\n    if (!this.liveSupportEnabled) {\n      let intervalId: number;\n      let runs = 0;\n\n      const checker = () => {\n        const unbluEnabled = this.unbluEnabled();\n        const ucUIEnabled = this.ucUIEnabled();\n        const isEnabled = unbluEnabled && ucUIEnabled;\n        if (unbluEnabled) {\n          this.liveSupportEnabled = true;\n        }\n        if (ucUIEnabled) {\n          this.cookieSettingsEnabled = true;\n        }\n        if (isEnabled || runs >= 5) {\n          window.clearInterval(intervalId);\n        }\n        runs++;\n      };\n\n      intervalId = window.setInterval(checker, 1000);\n    }\n  }\n\n  /**\n   * Check if the unblu live support script is loaded\n   * @returns Boolean\n   */\n  private unbluEnabled(): boolean {\n    return typeof window['unbluLSLoad'] === 'function';\n  }\n\n  private ucUIEnabled(): boolean {\n    return (\n      typeof window['UC_UI'] === 'object' &&\n      typeof window['UC_UI']['showSecondLayer'] === 'function'\n    );\n  }\n\n  private handleCookieSettingsClick() {\n    window['UC_UI']['showSecondLayer']();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config has not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // There's no footer config\n    if (!state.localizedConfig.footer) {\n      console.warn(\n        `Internet Footer: Current project \"${state.projectId}\" does not include a footer config. The footer will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-footer'),\n        `from your markup or configure the footer in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const footerConfig = state.localizedConfig.footer;\n    const customFooterConfig = state.localizedCustomConfig?.footer;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <footer class=\"post-internet-footer light font-curve-regular\">\n          <h2 class=\"visually-hidden\">{footerConfig.title}</h2>\n          {customFooterConfig?.block && <PostFooterBlockCustom block={customFooterConfig?.block} />}\n          <div class=\"footer-container container\">\n            {footerConfig.block\n              .filter(block => block.columnType === 'list')\n              .map(block => (\n                <PostFooterBlockList key={block.title} block={block} />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'contact')\n              .map(block => (\n                <PostFooterBlockContact\n                  key={block.title}\n                  block={block}\n                  liveSupportEnabled={this.liveSupportEnabled}\n                />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'address')\n              .map(block => (\n                <PostFooterBlockAddress key={block.title} block={block} />\n              ))}\n          </div>\n          <div class=\"copyright container\">\n            <span class=\"bold\">{footerConfig.entry.text}</span>\n            <ul class=\"no-list footer-meta-links\">\n              {footerConfig.links\n                ? footerConfig.links.map(link => (\n                    <li key={link.url}>\n                      <a class=\"nav-link\" href={link.url} target={link.target}>\n                        {link.text}\n                      </a>\n                    </li>\n                  ))\n                : null}\n              {this.cookieSettingsEnabled && (\n                <li>\n                  <button class=\"nav-link cookie-settings\" onClick={this.handleCookieSettingsClick}>\n                    {translate('Cookie Settings')}\n                  </button>\n                </li>\n              )}\n            </ul>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"swisspost-internet-footer.js","mappings":"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","names":[],"sources":["src/components/post-internet-footer/components/post-footer-block-custom.component.tsx","src/components/post-internet-footer/components/post-footer-block-list.component.tsx","src/components/post-internet-footer/components/post-footer-block-socials.component.tsx","src/components/post-internet-footer/components/post-footer-block-address.component.tsx","src/components/post-internet-footer/components/post-footer-block-contact.component.tsx","src/components/post-internet-footer/post-internet-footer.scss?tag=swisspost-internet-footer&encapsulation=shadow","src/components/post-internet-footer/post-internet-footer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockCustom = (props: { block: CustomBlockEntity }) => {\n  return (\n    <div class=\"pre-footer\">\n      <div class=\"block-custom container\">\n        <h3>{props.block.title}</h3>\n        <ul class=\"no-list box link-list\">\n          {props.block.links &&\n            props.block.links.map(link => (\n              <li key={link.url}>\n                <a class=\"flyout-link\" href={link.url} target={link.target}>\n                  {link.text}\n                </a>\n              </li>\n            ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockList = (props: { block: CustomBlockEntity; key: string }) => {\n  return (\n    <div class=\"block-list\">\n      <h3>{props.block.title}</h3>\n      <ul class=\"no-list box link-list\">\n        {props.block.links &&\n          props.block.links.map(link => (\n            <li key={link.url}>\n              <a class=\"flyout-link\" href={link.url} target={link.target}>\n                {link.text}\n              </a>\n            </li>\n          ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { ContentEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockSocials = (props: { content: ContentEntity; key: string }) => {\n  return (\n    <div class=\"block-socials\">\n      <h3>{props.content.title}</h3>\n      <ul class=\"no-list socials\">\n        {props.content.links.map(link => (\n          <li key={link.url}>\n            <a href={link.url} target={link.target}>\n              <span class=\"visually-hidden\">{link.name}</span>\n              <svg aria-hidden=\"true\">\n                <use href={`#${link.icon}`} />\n              </svg>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\nimport { PostFooterBlockSocials } from './post-footer-block-socials.component';\n\nexport const PostFooterBlockAddress = (props: { block: BlockEntity; key: string }) => {\n  return (\n    <div class=\"block-address\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.address)\n          .map(content => (\n            <address class=\"vcard\" key={content.address}>\n              <span class=\"adr\" innerHTML={content.address}></span>\n            </address>\n          ))}\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.links && content.links.length)\n          .map(content => <PostFooterBlockSocials key={content.name} content={content} />)}\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\n\nconst getContentHours = (hours: string) => hours.replace(/<[^>]*>?/gm, '');\n\nconst callUnblu = () => {\n  if (typeof window['unbluLSLoad'] === 'function') {\n    window['unbluLSLoad']();\n  } else {\n    console.error(\n      'swisspost-internet-footer: The function \"unbluLSLoad\" could not be called because it is not available in the global scope. Did you include the unblu live chat script on your page?',\n    );\n  }\n};\n\nconst LiveSupport = (props: { hours: string }) => (\n  <button\n    class=\"hours btn btn-link\"\n    id=\"liveSupport\"\n    type=\"button\"\n    onClick={callUnblu}\n    innerHTML={getContentHours(props.hours)}\n  ></button>\n);\n\nexport const PostFooterBlockContact = (props: {\n  block: BlockEntity;\n  liveSupportEnabled: boolean;\n  key: string;\n}) => {\n  return (\n    <div class=\"block-contact\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content.map((content, index) => {\n          const isLiveSupport =\n            index === props.block.content!.length - 1 && content.text === 'Live Support';\n          if (isLiveSupport && !props.liveSupportEnabled) {\n            return null;\n          }\n          return (\n            <div class=\"content-row\" key={content.name}>\n              {content.number ? <p class=\"number\">{content.number}</p> : null}\n              {content.text ? <p class=\"text\">{content.text}</p> : null}\n              {content.hours && isLiveSupport && <LiveSupport hours={content.hours} />}\n              {content.hours && !isLiveSupport && (\n                // Some values arrive in the form of <p>8&emdash;12</p> and without replace and innerHTML, tags get rendered as text (project=\"klp\" language=\"en\" environment=\"int02\")\n                <p class=\"hours\" innerHTML={getContentHours(content.hours)}></p>\n              )}\n              {content.describe ? <p class=\"describe\">{content.describe}</p> : null}\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n","@use \"@swisspost/design-system-styles/components/grid\";\n@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/placeholders/text\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"@swisspost/design-system-styles/components/button\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n}\n\nh3 {\n  font-size: inherit;\n  margin-top: 0;\n}\n\n.btn.btn-link {\n  padding-left: 0;\n  padding-right: 0;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.post-internet-footer {\n  font-size: 1rem;\n  font-weight: 300;\n  border-top: 2px solid color.$gray-10;\n}\n\n.pre-footer {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px solid color.$gray-10;\n\n  .block-custom,\n  .link-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem 1.5rem;\n  }\n\n  h3,\n  .link-list li {\n    margin: 0;\n  }\n}\n\n.footer-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 3.5rem 2rem;\n  margin-top: 3.5rem;\n  margin-bottom: 3.5rem;\n\n  @include mixins.max(lg) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    gap: 1.5rem 2rem;\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.block-list {\n  @include mixins.max(sm) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-contact,\n.block-address {\n  @include mixins.max(rg) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-socials {\n  margin-top: 3.5rem;\n\n  @include mixins.max(rg) {\n    margin-top: 1.5rem;\n  }\n}\n\naddress {\n  font-style: normal;\n}\n\n.link-list {\n  li {\n    margin: 1rem 0;\n  }\n  a {\n    display: block;\n    text-decoration: none;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover {\n      color: black;\n    }\n  }\n}\n\n.content-row {\n  padding: 0.5rem 0;\n\n  h3 + & {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  & + & {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  p,\n  button {\n    margin: 0.25rem;\n  }\n}\n\n.text {\n  font-weight: 700;\n}\n\n.describe {\n  font-size: 0.8125rem;\n  color: color.$gray-60;\n  font-weight: 400;\n}\n\n.number {\n  font-size: 1.25rem;\n}\n\n.socials {\n  display: inline-grid;\n  grid-auto-flow: row;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem 1.5rem;\n\n  a {\n    display: block;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover,\n    &:focus {\n      color: black;\n    }\n  }\n\n  svg {\n    display: block;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.copyright {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem 1.5rem;\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  font-size: functions.px-to-rem(12px);\n}\n\n.footer-meta-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  font-weight: 400;\n}\n","import { Component, Host, h, State } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { PostFooterBlockCustom } from './components/post-footer-block-custom.component';\nimport { PostFooterBlockList } from './components/post-footer-block-list.component';\nimport { PostFooterBlockAddress } from './components/post-footer-block-address.component';\nimport { PostFooterBlockContact } from './components/post-footer-block-contact.component';\nimport { translate } from '../../services/language.service';\n\n@Component({\n  tag: 'swisspost-internet-footer',\n  styleUrl: 'post-internet-footer.scss',\n  shadow: true,\n})\nexport class PostInternetFooter {\n  @State() liveSupportEnabled = false;\n  @State() cookieSettingsEnabled = false;\n\n  constructor() {\n    this.liveSupportEnabled = this.unbluEnabled();\n    this.cookieSettingsEnabled = this.ucUIEnabled();\n\n    /**\n     * If the unblu script is not available, wait 5 seconds for it to load.\n     * If it's still not there after 5 seconds, abandon efforts and don't\n     * show the live support button.\n     */\n    if (!this.liveSupportEnabled) {\n      let intervalId: number;\n      let runs = 0;\n\n      const checker = () => {\n        const unbluEnabled = this.unbluEnabled();\n        const ucUIEnabled = this.ucUIEnabled();\n        const isEnabled = unbluEnabled && ucUIEnabled;\n        if (unbluEnabled) {\n          this.liveSupportEnabled = true;\n        }\n        if (ucUIEnabled) {\n          this.cookieSettingsEnabled = true;\n        }\n        if (isEnabled || runs >= 5) {\n          window.clearInterval(intervalId);\n        }\n        runs++;\n      };\n\n      intervalId = window.setInterval(checker, 1000);\n    }\n  }\n\n  /**\n   * Check if the unblu live support script is loaded\n   * @returns Boolean\n   */\n  private unbluEnabled(): boolean {\n    return typeof window['unbluLSLoad'] === 'function';\n  }\n\n  private ucUIEnabled(): boolean {\n    return (\n      typeof window['UC_UI'] === 'object' &&\n      typeof window['UC_UI']['showSecondLayer'] === 'function'\n    );\n  }\n\n  private handleCookieSettingsClick() {\n    window['UC_UI']['showSecondLayer']();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config has not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // There's no footer config\n    if (!state.localizedConfig.footer) {\n      console.warn(\n        `Internet Footer: Current project \"${state.projectId}\" does not include a footer config. The footer will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-footer'),\n        `from your markup or configure the footer in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const footerConfig = state.localizedConfig.footer;\n    const customFooterConfig = state.localizedCustomConfig?.footer;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <footer class=\"post-internet-footer light font-curve-regular\">\n          <h2 class=\"visually-hidden\">{footerConfig.title}</h2>\n          {customFooterConfig?.block && <PostFooterBlockCustom block={customFooterConfig?.block} />}\n          <div class=\"footer-container container\">\n            {footerConfig.block\n              .filter(block => block.columnType === 'list')\n              .map(block => (\n                <PostFooterBlockList key={block.title} block={block} />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'contact')\n              .map(block => (\n                <PostFooterBlockContact\n                  key={block.title}\n                  block={block}\n                  liveSupportEnabled={this.liveSupportEnabled}\n                />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'address')\n              .map(block => (\n                <PostFooterBlockAddress key={block.title} block={block} />\n              ))}\n          </div>\n          <div class=\"copyright container\">\n            <span class=\"bold\">{footerConfig.entry.text}</span>\n            <ul class=\"no-list footer-meta-links\">\n              {footerConfig.links\n                ? footerConfig.links.map(link => (\n                    <li key={link.url}>\n                      <a class=\"nav-link\" href={link.url} target={link.target}>\n                        {link.text}\n                      </a>\n                    </li>\n                  ))\n                : null}\n              {this.cookieSettingsEnabled && (\n                <li>\n                  <button class=\"nav-link cookie-settings\" onClick={this.handleCookieSettingsClick}>\n                    {translate('Cookie Settings')}\n                  </button>\n                </li>\n              )}\n            </ul>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/swisspost-internet-header.js

@@ -133,7 +133,7 @@ function updateScoreList(scoreList, score, scoreListItem, hadAnyActiveLink) {
  */
 const compareRoutes = (baseUrl, compareUrl, matchMode) => {
   // One url is not defined or they don't share the same orign
-  if (!baseUrl || !compareUrl || baseUrl.origin !== compareUrl.origin) {
+  if (baseUrl === null || compareUrl === null || baseUrl.origin !== compareUrl.origin) {
     return 0;
   }
   const baseUrlPath = baseUrl.pathname.toLocaleLowerCase();
@@ -149,11 +149,11 @@ const compareRoutes = (baseUrl, compareUrl, matchMode) => {
   if (matchMode === 'auto') {
     const baseSegments = [
       baseUrl.origin.toLocaleLowerCase(),
-      ...baseUrlPath.split('/').filter(x => !!x),
+      ...baseUrlPath.split('/').filter(x => x !== null && x !== ''),
     ];
     const compareSegments = [
       compareUrl.origin.toLocaleLowerCase(),
-      ...compareUrlPath.split('/').filter(x => !!x),
+      ...compareUrlPath.split('/').filter(x => x !== null && x !== ''),
     ];
     const score = getSimilarityScore(baseSegments, compareSegments);
     // If only some segments match, but not the whole smaller array, it's not a match
@@ -168,7 +168,7 @@ const compareRoutes = (baseUrl, compareUrl, matchMode) => {
  * @returns Score
  */
 const getSimilarityScore = (a, b) => {
-  if (!(a === null || a === void 0 ? void 0 : a.length) || !(b === null || b === void 0 ? void 0 : b.length)) {
+  if (a == null || b == null || a.length === 0 || b.length === 0) {
     return 0;
   }
   let i = 0;
@@ -186,7 +186,7 @@ let request = null;
 let osFlyoutCache = null;
 const getPPMConfig = () => {
   const ppmConfigScript = document.querySelector('#PPM_HEADER_DATA');
-  if (ppmConfigScript === null || ppmConfigScript === void 0 ? void 0 : ppmConfigScript.textContent) {
+  if ((ppmConfigScript === null || ppmConfigScript === void 0 ? void 0 : ppmConfigScript.textContent) != null) {
     return JSON.parse(ppmConfigScript.textContent);
   }
   return null;
@@ -209,7 +209,7 @@ const getLocalizedConfig = async ({ projectId, environment, language, cookieKey,
     lang = document.documentElement.lang;
   }
   else {
-    if (!request) {
+    if (request == null) {
       request = fetchConfig(projectId, environment);
     }
     config = await request;
@@ -230,7 +230,7 @@ const getLocalizedConfig = async ({ projectId, environment, language, cookieKey,
   if (osFlyoutOverrides)
     localizedConfig.header.navMain = mergeOsFlyoutOverrides(localizedConfig, osFlyoutOverrides);
   // Mark active route
-  if (activeRouteProp)
+  if (activeRouteProp != null)
     localizedConfig.header.navMain = markActiveRoute(localizedConfig.header.navMain, activeRouteProp);
   setMainNavigationIds((_b = localizedConfig === null || localizedConfig === void 0 ? void 0 : localizedConfig.header) === null || _b === void 0 ? void 0 : _b.navMain);
   // Set the new language choice
@@ -244,7 +244,7 @@ const getLocalizedConfig = async ({ projectId, environment, language, cookieKey,
  * @returns Merged localized config
  */
 const mergeOsFlyoutOverrides = (config, osFlyoutOverrides) => {
-  if (!osFlyoutOverrides)
+  if (osFlyoutOverrides == null)
     return config.header.navMain;
   return config.header.navMain.map(mainNav => {
     var _a, _b;
@@ -255,9 +255,9 @@ const mergeOsFlyoutOverrides = (config, osFlyoutOverrides) => {
     }
     const mainNavText = (_a = osFlyoutOverrides.text) !== null && _a !== void 0 ? _a : osFlyoutCache.text;
     const mainNavTitle = (_b = osFlyoutOverrides.title) !== null && _b !== void 0 ? _b : osFlyoutCache.title;
-    if (!osFlyoutCache.flyout ||
+    if (osFlyoutCache.flyout == null ||
       osFlyoutCache.flyout.length === 0 ||
-      !osFlyoutOverrides.flyout ||
+      osFlyoutOverrides.flyout == null ||
       osFlyoutOverrides.flyout.length === 0)
       return Object.assign(Object.assign({}, mainNav), { title: mainNavTitle, text: mainNavText });
     // Add entries for os flyout columns without overriding existing config
@@ -266,7 +266,7 @@ const mergeOsFlyoutOverrides = (config, osFlyoutOverrides) => {
         var _a;
         const overrides = osFlyoutOverrides.flyout[index];
         const title = (_a = overrides.title) !== null && _a !== void 0 ? _a : col.title;
-        const linkList = overrides.linkList ? osFlyoutOverrides.flyout[index].linkList : [];
+        const linkList = overrides.linkList != null ? osFlyoutOverrides.flyout[index].linkList : [];
         return {
           title,
           linkList: [...col.linkList, ...linkList],
@@ -362,7 +362,7 @@ const setMainNavigationIds = (navMainEntities) => {
 };
 
 const name = "@swisspost/internet-header";
-const version = "1.11.0";
+const version = "1.12.0";
 const description = "The header for client facing applications.";
 const author = "Swiss Post <oss@post.ch>";
 const license = "Apache-2.0";
@@ -374,13 +374,12 @@ const homepage = "https://next.design-system.post.ch";
 const bugs = {
 	url: "https://github.com/swisspost/design-system/issues"
 };
-const main = "loader/index.cjs.js";
-const module = "loader/index.js";
-const es2015 = "loader/index.es2017.js";
-const es2017 = "loader/index.es2017.js";
-const types = "loader/index.d.ts";
+const main = "dist/index.cjs.js";
+const module = "dist/index.js";
+const es2017 = "dist/esm/index.js";
+const types = "dist/types/index.d.ts";
 const collection = "dist/collection/collection-manifest.json";
-const unpkg = "loader/cdn.js";
+const unpkg = "dist/swisspost-internet-header/swisspost-internet-header.esm.js";
 const publishConfig = {
 	access: "public"
 };
@@ -389,7 +388,7 @@ const files = [
 	"loader/"
 ];
 const scripts = {
-	dev: "stencil build --serve --watch --docs-readme",
+	dev: "stencil build --serve --port 9310 --watch --docs-readme",
 	start: "stencil build --watch --docs-readme",
 	build: "stencil build --docs-readme",
 	clean: "rimraf www dist loader",
@@ -403,9 +402,9 @@ const scripts = {
 	generate: "stencil generate"
 };
 const dependencies = {
-	"@stencil/core": "3.4.2",
-	"@stencil/store": "2.0.9",
-	"@swisspost/design-system-styles": "workspace:6.4.2",
+	"@stencil/core": "4.6.0",
+	"@stencil/store": "2.0.11",
+	"@swisspost/design-system-styles": "workspace:6.4.3",
 	"body-scroll-lock": "4.0.0-beta.0",
 	"iframe-resizer": "4.3.7",
 	jquery: "3.7.1",
@@ -418,7 +417,7 @@ const devDependencies = {
 	"@percy/cli": "1.27.2",
 	"@percy/cypress": "3.1.2",
 	"@stencil-community/eslint-plugin": "0.5.0",
-	"@stencil/sass": "3.0.5",
+	"@stencil/sass": "3.0.7",
 	"@types/body-scroll-lock": "3.1.0",
 	"@types/iframe-resizer": "3.5.9",
 	"@types/jest": "27.5.2",
@@ -453,9 +452,7 @@ const packageJson = {
 	bugs: bugs,
 	main: main,
 	module: module,
-	es2015: es2015,
 	es2017: es2017,
-	"jsnext:main": "loader/index.es2017.js",
 	types: types,
 	collection: collection,
 	"collection:main": "dist/collection/index.js",
@@ -566,6 +563,7 @@ const PostInternetHeader = /*@__PURE__*/ proxyCustomElement(class PostInternetHe
     this.customConfig = undefined;
     this.languageCookieKey = undefined;
     this.languageLocalStorageKey = 'swisspost-internet-header-language';
+    this.logoutUrl = undefined;
     this.activeRoute = 'auto';
     this.osFlyoutOverrides = undefined;
     this.fullWidth = false;
@@ -814,7 +812,7 @@ const PostInternetHeader = /*@__PURE__*/ proxyCustomElement(class PostInternetHe
       ((_b = config.header.navMeta) === null || _b === void 0 ? void 0 : _b.filter(meta => !meta.isHomeLink).length) > 0;
     const renderLogin = ((_c = this.login) !== null && _c !== void 0 ? _c : !config.header.isLoginWidgetHidden) && config.header.loginWidgetOptions;
     const renderLanguageSwitch = config.header.navLang.length > 1;
-    return (h(Host, { class: `stickyness-${this.stickyness} ${Boolean(this.activeDropdownElement) || Boolean(this.activeFlyout) ? 'dropdown-open' : ''}`, "data-version": packageJson.version, onKeyup: (e) => this.handleKeyUp(e) }, h("header", { class: `post-internet-header${this.fullWidth ? ' full-width' : ''}` }, h(SvgSprite, null), h("h1", { class: "visually-hidden" }, translate('Navigate on post.ch')), h(If, { condition: this.skiplinks }, h("post-skiplinks", null)), h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "horizontal", class: "hidden-lg", "full-width": this.fullWidth, ref: el => (this.metaNav = el) }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-desktop", mode: "dropdown", onDropdownToggled: e => this.handleDropdownToggled(e) })))), h("div", { class: "main-navigation-container wide-container" }, h("post-logo", null), h("button", { class: "menu-button nav-link", onClick: () => this.toggleMobileDropdown(), "aria-haspopup": "menu", "aria-controls": "post-internet-header-main-navigation", "aria-expanded": this.activeDropdownElement ? 'true' : 'false' }, h("span", { class: "menu-button-text visually-hidden" }, config.header.mobileMenu.text), h(SvgIcon, { name: this.isMainNavOpen() ? 'pi-close' : 'pi-menu' })), h("post-main-navigation", { onDropdownToggled: e => this.handleDropdownToggled(e), onFlyoutToggled: e => this.handleFlyoutToggled(e), ref: el => (this.mainNav = el) }, h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "vertical" }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-mobile", mode: "list" }))))), h("div", { class: "main-navigation-controls" }, h(If, { condition: this.search }, h("post-search", { onDropdownToggled: e => this.handleDropdownToggled(e) })), h(If, { condition: !!renderLogin }, h("post-klp-login-widget", null, h("slot", { name: "login-widget" }))), h(If, { condition: !renderMetaNavigation && renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-no-meta", onDropdownToggled: e => this.handleDropdownToggled(e), mode: "dropdown" })), h("slot", { name: "main" }))))));
+    return (h(Host, { class: `stickyness-${this.stickyness} ${Boolean(this.activeDropdownElement) || Boolean(this.activeFlyout) ? 'dropdown-open' : ''}`, "data-version": packageJson.version, onKeyup: (e) => this.handleKeyUp(e) }, h("header", { class: `post-internet-header${this.fullWidth ? ' full-width' : ''}` }, h(SvgSprite, null), h("h1", { class: "visually-hidden" }, translate('Navigate on post.ch')), h(If, { condition: this.skiplinks }, h("post-skiplinks", null)), h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "horizontal", class: "hidden-lg", "full-width": this.fullWidth, ref: el => (this.metaNav = el) }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-desktop", mode: "dropdown", onDropdownToggled: e => this.handleDropdownToggled(e) })))), h("div", { class: "main-navigation-container wide-container" }, h("post-logo", null), h("button", { class: "menu-button nav-link", onClick: () => this.toggleMobileDropdown(), "aria-haspopup": "menu", "aria-controls": "post-internet-header-main-navigation", "aria-expanded": this.activeDropdownElement ? 'true' : 'false' }, h("span", { class: "menu-button-text visually-hidden" }, config.header.mobileMenu.text), h(SvgIcon, { name: this.isMainNavOpen() ? 'pi-close' : 'pi-menu' })), h("post-main-navigation", { onDropdownToggled: e => this.handleDropdownToggled(e), onFlyoutToggled: e => this.handleFlyoutToggled(e), ref: el => (this.mainNav = el) }, h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "vertical" }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-mobile", mode: "list" }))))), h("div", { class: "main-navigation-controls" }, h(If, { condition: this.search }, h("post-search", { onDropdownToggled: e => this.handleDropdownToggled(e) })), h(If, { condition: !!renderLogin }, h("post-klp-login-widget", { "logout-url": this.logoutUrl }, h("slot", { name: "login-widget" }))), h(If, { condition: !renderMetaNavigation && renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-no-meta", onDropdownToggled: e => this.handleDropdownToggled(e), mode: "dropdown" })), h("slot", { name: "main" }))))));
   }
   get host() { return this; }
   static get watchers() { return {
@@ -843,13 +841,24 @@ const PostInternetHeader = /*@__PURE__*/ proxyCustomElement(class PostInternetHe
     "customConfig": [1, "custom-config"],
     "languageCookieKey": [1, "language-cookie-key"],
     "languageLocalStorageKey": [1, "language-local-storage-key"],
+    "logoutUrl": [1, "logout-url"],
     "activeRoute": [8, "active-route"],
     "osFlyoutOverrides": [1, "os-flyout-overrides"],
     "fullWidth": [4, "full-width"],
     "activeFlyout": [32],
     "activeDropdownElement": [32],
     "getCurrentLanguage": [64]
-  }, [[0, "languageChanged", "handleLanguageChangeEvent"]]]);
+  }, [[0, "languageChanged", "handleLanguageChangeEvent"]], {
+    "language": ["handleLanguageChange"],
+    "languageSwitchOverrides": ["handleAvailableLanguagesChange"],
+    "osFlyoutOverrides": ["handleOsFlyoutOverrides"],
+    "activeRoute": ["handleActiveRouteChange"],
+    "customConfig": ["handleCustomConfigChange"],
+    "search": ["handleSearchChange"],
+    "login": ["handleLoginChange"],
+    "meta": ["handleMetaChange"],
+    "stickyness": ["handleStickynessChange"]
+  }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
@@ -902,6 +911,6 @@ function defineCustomElement$1() {
 const SwisspostInternetHeader = PostInternetHeader;
 const defineCustomElement = defineCustomElement$1;
 
-export { SwisspostInternetHeader, defineCustomElement };
+export { PostInternetHeader as P, SwisspostInternetHeader, defineCustomElement };
 
 //# sourceMappingURL=swisspost-internet-header.js.map