@swisspost/internet-header 1.5.0-beta.0

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.js

@@ -0,0 +1,253 @@
+import { Host, h } from '@stencil/core';
+import { debounce } from 'throttle-debounce';
+import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
+import { SvgIcon } from '../../utils/svg-icon.component';
+import { state } from '../../data/store';
+import { OverlayComponent } from './components/overlay.component';
+import { iframeResizer } from 'iframe-resizer';
+import { SvgSprite } from '../../utils/svg-sprite.component';
+import { BreadcrumbList } from './components/breadcrumb-list.component';
+import { prefersReducedMotion } from '../../utils/utils';
+export class PostInternetBreadcrumbs {
+  constructor() {
+    this.customItems = undefined;
+    this.customBreadcrumbItems = undefined;
+    this.overlayVisible = undefined;
+    this.isConcatenated = undefined;
+    this.dropdownOpen = false;
+    this.refsReady = false;
+  }
+  connectedCallback() {
+    this.debouncedResize = debounce(200, this.handleResize.bind(this));
+    window.addEventListener('resize', this.debouncedResize, { passive: true });
+  }
+  disconnectedCallback() {
+    window.removeEventListener('resize', this.debouncedResize);
+    window.removeEventListener('click', this.handleWindowClick);
+    clearAllBodyScrollLocks();
+  }
+  async componentWillLoad() {
+    // Wait for the config to arrive, then render the header
+    try {
+      this.customBreadcrumbItems =
+        typeof this.customItems === 'string' ? JSON.parse(this.customItems) : this.customItems;
+    }
+    catch (error) {
+      console.error(error);
+    }
+  }
+  componentDidLoad() {
+    // Initially check if breadcrumb items are concatenated
+    window.requestAnimationFrame(() => {
+      this.handleResize();
+    });
+  }
+  handleCustomConfigChage(newValue) {
+    try {
+      this.customBreadcrumbItems = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    catch (error) {
+      console.error(error);
+    }
+  }
+  handleResize() {
+    // Catch and exclude vertical resize events, e.g. scrolling in iPhone
+    if (window.innerWidth === this.lastWindowWidth) {
+      return;
+    }
+    this.lastWindowWidth = window.innerWidth;
+    this.checkConcatenation();
+  }
+  checkConcatenation() {
+    if (this.controlNavRef && this.visibleNavRef) {
+      this.refsReady = true;
+      // Delay the check
+      window.requestAnimationFrame(() => {
+        if (this.controlNavRef && this.visibleNavRef) {
+          this.isConcatenated = this.controlNavRef.clientWidth > this.visibleNavRef.clientWidth;
+        }
+      });
+    }
+  }
+  toggleOverlay(overlay, force) {
+    var _a;
+    const newVisibility = force !== null && force !== void 0 ? force : !this.overlayVisible;
+    if (newVisibility) {
+      // Will trigger overlayRef() once the HTLM is rendered
+      this.overlayVisible = newVisibility;
+      this.currentOverlay = overlay;
+      this.setBodyScroll(overlay);
+    }
+    else {
+      const activeToggler = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.breadcrumb-buttons [aria-expanded="true"]');
+      if (this.openAnimation && this.loadedAnimation) {
+        this.openAnimation.reverse();
+        this.loadedAnimation.reverse();
+        // Delay hiding overlay until after the animation finishes
+        Promise.all([this.openAnimation.finished, this.loadedAnimation.finished]).then(() => {
+          if (activeToggler) {
+            activeToggler.focus();
+          }
+          this.overlayVisible = newVisibility;
+          this.setBodyScroll(overlay);
+        });
+      }
+    }
+  }
+  /**
+   * Disable or re-enable body scrolling, depending on whether overlay is visible or not
+   */
+  setBodyScroll(overlay) {
+    if (this.overlayVisible) {
+      disableBodyScroll(overlay, { reserveScrollBarGap: true });
+    }
+    else {
+      enableBodyScroll(overlay);
+    }
+  }
+  toggleDropdown(force) {
+    this.dropdownOpen = force !== null && force !== void 0 ? force : !this.dropdownOpen;
+    if (this.dropdownOpen) {
+      requestAnimationFrame(() => {
+        document.addEventListener('click', this.handleWindowClick.bind(this), { once: true });
+      });
+    }
+  }
+  handleWindowClick() {
+    this.toggleDropdown(false);
+  }
+  registerIFrameResizer(iFrame) {
+    if (!iFrame) {
+      return;
+    }
+    iFrame.addEventListener('load', () => {
+      var _a, _b, _c;
+      iframeResizer({
+        heightCalculationMethod: 'taggedElement',
+        scrolling: true,
+        checkOrigin: false,
+      }, iFrame);
+      const duration = prefersReducedMotion ? 0 : 300;
+      this.loadedAnimation = (_a = iFrame.parentElement) === null || _a === void 0 ? void 0 : _a.animate([{ opacity: 1, visibility: 'visible', transform: 'translateY(0px)' }], { duration, fill: 'forwards' });
+      (_b = iFrame.parentElement) === null || _b === void 0 ? void 0 : _b.classList.add('loaded');
+      (_c = this.loadedAnimation) === null || _c === void 0 ? void 0 : _c.finished.then(() => {
+        var _a;
+        (_a = iFrame.parentElement) === null || _a === void 0 ? void 0 : _a.focus();
+      });
+    });
+  }
+  /**
+   * Reference function for the overlay element got called. It is either null (overlay closed)
+   * or contains the overlay element as parameter.
+   * @param e Overlay element or null
+   * @returns void
+   */
+  overlayRef(e) {
+    if (!e) {
+      return;
+    }
+    const duration = prefersReducedMotion ? 0 : 500;
+    this.openAnimation = e.animate([{ opacity: 1, visibility: 'visible' }], {
+      duration,
+      fill: 'forwards',
+    });
+  }
+  handleKeyDown(event) {
+    if (event.key.toLowerCase() === 'escape') {
+      this.toggleOverlay(this.currentOverlay, false);
+    }
+  }
+  handleToggleDropdown() {
+    this.toggleDropdown();
+  }
+  handleToggleOverlay() {
+    this.toggleOverlay(this.currentOverlay, false);
+  }
+  handleControlNavRef(element) {
+    this.controlNavRef = element;
+    this.checkConcatenation();
+  }
+  handleVisibleNavRef(element) {
+    this.visibleNavRef = element;
+    this.checkConcatenation();
+  }
+  render() {
+    // There is something wrong entirely
+    if (!state) {
+      console.warn(`Internet Breadcrumbs: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`);
+      return null;
+    }
+    // Config is not loaded yet
+    if (!state.localizedConfig) {
+      return null;
+    }
+    // Config has loaded but there is no breadcrumbs config
+    if (!state.localizedConfig.breadcrumb) {
+      console.warn(`Internet Header: Current project "${state.projectId}" does not include a breadcrumb config. The breadcrumbs will not be rendered. Remove `, document.querySelector('swisspost-internet-breadcrumbs'), `from your markup or configure the breadcrumbs in your portal config to stop seeing this warning.`);
+      return null;
+    }
+    const breadcrumbConfig = state.localizedConfig.breadcrumb;
+    const items = this.customBreadcrumbItems !== undefined
+      ? [...breadcrumbConfig.items, ...this.customBreadcrumbItems]
+      : breadcrumbConfig.items;
+    return (h(Host, null, h(SvgSprite, null), h("div", { class: "breadcrumbs" }, h("div", { class: "hidden-control-breadcrumbs", "aria-hidden": "true", tabindex: "-1" }, h("nav", { class: "breadcrumbs-nav", ref: e => e !== undefined && this.handleControlNavRef(e) }, h(BreadcrumbList, { items: items, focusable: false, clickHandler: () => { } }))), h("h2", { class: "visually-hidden" }, breadcrumbConfig.a11yLabel), h("nav", { ref: e => e !== undefined && this.handleVisibleNavRef(e), class: {
+        'breadcrumbs-nav': true,
+        'visually-hidden': !this.refsReady,
+      } }, h(BreadcrumbList, { items: items, dropdownOpen: this.dropdownOpen, isConcatenated: this.isConcatenated, clickHandler: () => this.handleToggleDropdown() })), h("div", { class: "breadcrumb-buttons" }, breadcrumbConfig.buttons.map(button => (h("button", { class: "btn btn-secondary btn-icon", key: button.text, "aria-expanded": `${!!this.overlayVisible && this.currentOverlay === button.overlay}`, onClick: () => this.toggleOverlay(button.overlay, true) }, h(SvgIcon, { name: button.svgIcon.name }), h("span", { class: "visually-hidden" }, button.text))))), this.overlayVisible && (h(OverlayComponent, { overlayRef: e => e !== undefined && this.overlayRef(e), iFrameRef: e => e !== undefined && this.registerIFrameResizer(e), overlay: this.currentOverlay, onClick: () => this.handleToggleOverlay(), onKeyDown: (e) => this.handleKeyDown(e), closeButtonText: state.localizedConfig.header.translations.closeButtonText }))), h("slot", null)));
+  }
+  static get is() { return "swisspost-internet-breadcrumbs"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["post-internet-breadcrumbs.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["post-internet-breadcrumbs.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "customItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | IBreadcrumbItem[]",
+          "resolved": "IBreadcrumbItem[] | string | undefined",
+          "references": {
+            "IBreadcrumbItem": {
+              "location": "import",
+              "path": "../../models/breadcrumbs.model"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "custom-items",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "customBreadcrumbItems": {},
+      "overlayVisible": {},
+      "isConcatenated": {},
+      "dropdownOpen": {},
+      "refsReady": {}
+    };
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "customItems",
+        "methodName": "handleCustomConfigChage"
+      }];
+  }
+}
+//# sourceMappingURL=post-internet-breadcrumbs.js.map

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-internet-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/post-internet-breadcrumbs/post-internet-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\r\nimport { debounce } from 'throttle-debounce';\r\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\r\nimport { SvgIcon } from '../../utils/svg-icon.component';\r\nimport { state } from '../../data/store';\r\nimport { OverlayComponent } from './components/overlay.component';\r\nimport { iframeResizer } from 'iframe-resizer';\r\nimport { IBreadcrumbOverlay, IBreadcrumbItem } from '../../models/breadcrumbs.model';\r\nimport { SvgSprite } from '../../utils/svg-sprite.component';\r\nimport { BreadcrumbList } from './components/breadcrumb-list.component';\r\nimport { prefersReducedMotion } from '../../utils/utils';\r\n\r\n@Component({\r\n  tag: 'swisspost-internet-breadcrumbs',\r\n  styleUrl: 'post-internet-breadcrumbs.scss',\r\n  shadow: true,\r\n})\r\nexport class PostInternetBreadcrumbs {\r\n  @Prop() customItems?: string | IBreadcrumbItem[];\r\n  @State() customBreadcrumbItems?: IBreadcrumbItem[];\r\n  @State() overlayVisible: boolean;\r\n  @State() isConcatenated: boolean; // Don't set an initial value, this has to be calculated first, otherwise reactivity problems ensue\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() refsReady: boolean = false;\r\n  @Element() host: Element;\r\n\r\n  private controlNavRef?: HTMLElement;\r\n  private visibleNavRef?: HTMLElement;\r\n  private currentOverlay: IBreadcrumbOverlay;\r\n  private debouncedResize: debounce<() => void>;\r\n  private lastWindowWidth: number;\r\n  private openAnimation: Animation;\r\n  private loadedAnimation: Animation | undefined;\r\n\r\n  connectedCallback() {\r\n    this.debouncedResize = debounce(200, this.handleResize.bind(this));\r\n    window.addEventListener('resize', this.debouncedResize, { passive: true });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.debouncedResize);\r\n    window.removeEventListener('click', this.handleWindowClick);\r\n    clearAllBodyScrollLocks();\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    // Wait for the config to arrive, then render the header\r\n    try {\r\n      this.customBreadcrumbItems =\r\n        typeof this.customItems === 'string' ? JSON.parse(this.customItems) : this.customItems;\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    // Initially check if breadcrumb items are concatenated\r\n    window.requestAnimationFrame(() => {\r\n      this.handleResize();\r\n    });\r\n  }\r\n\r\n  @Watch('customItems')\r\n  handleCustomConfigChage(newValue: string | IBreadcrumbItem[]) {\r\n    try {\r\n      this.customBreadcrumbItems = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\r\n    } catch (error) {\r\n      console.error(error);\r\n    }\r\n  }\r\n\r\n  handleResize() {\r\n    // Catch and exclude vertical resize events, e.g. scrolling in iPhone\r\n    if (window.innerWidth === this.lastWindowWidth) {\r\n      return;\r\n    }\r\n    this.lastWindowWidth = window.innerWidth;\r\n    this.checkConcatenation();\r\n  }\r\n\r\n  checkConcatenation() {\r\n    if (this.controlNavRef && this.visibleNavRef) {\r\n      this.refsReady = true;\r\n\r\n      // Delay the check\r\n      window.requestAnimationFrame(() => {\r\n        if (this.controlNavRef && this.visibleNavRef) {\r\n          this.isConcatenated = this.controlNavRef.clientWidth > this.visibleNavRef.clientWidth;\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  toggleOverlay(overlay: IBreadcrumbOverlay, force?: boolean) {\r\n    const newVisibility = force ?? !this.overlayVisible;\r\n\r\n    if (newVisibility) {\r\n      // Will trigger overlayRef() once the HTLM is rendered\r\n      this.overlayVisible = newVisibility;\r\n      this.currentOverlay = overlay;\r\n      this.setBodyScroll(overlay);\r\n    } else {\r\n      const activeToggler = this.host.shadowRoot?.querySelector<HTMLElement>(\r\n        '.breadcrumb-buttons [aria-expanded=\"true\"]',\r\n      );\r\n\r\n      if (this.openAnimation && this.loadedAnimation) {\r\n        this.openAnimation.reverse();\r\n        this.loadedAnimation.reverse();\r\n\r\n        // Delay hiding overlay until after the animation finishes\r\n        Promise.all([this.openAnimation.finished, this.loadedAnimation.finished]).then(() => {\r\n          if (activeToggler) {\r\n            activeToggler.focus();\r\n          }\r\n          this.overlayVisible = newVisibility;\r\n          this.setBodyScroll(overlay);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Disable or re-enable body scrolling, depending on whether overlay is visible or not\r\n   */\r\n  setBodyScroll(overlay: IBreadcrumbOverlay) {\r\n    if (this.overlayVisible) {\r\n      disableBodyScroll(overlay, { reserveScrollBarGap: true });\r\n    } else {\r\n      enableBodyScroll(overlay);\r\n    }\r\n  }\r\n\r\n  toggleDropdown(force?: boolean) {\r\n    this.dropdownOpen = force ?? !this.dropdownOpen;\r\n\r\n    if (this.dropdownOpen) {\r\n      requestAnimationFrame(() => {\r\n        document.addEventListener('click', this.handleWindowClick.bind(this), { once: true });\r\n      });\r\n    }\r\n  }\r\n\r\n  handleWindowClick() {\r\n    this.toggleDropdown(false);\r\n  }\r\n\r\n  registerIFrameResizer(iFrame: HTMLIFrameElement) {\r\n    if (!iFrame) {\r\n      return;\r\n    }\r\n\r\n    iFrame.addEventListener('load', () => {\r\n      iframeResizer(\r\n        {\r\n          heightCalculationMethod: 'taggedElement',\r\n          scrolling: true,\r\n          checkOrigin: false,\r\n        },\r\n        iFrame,\r\n      );\r\n      const duration = prefersReducedMotion ? 0 : 300;\r\n      this.loadedAnimation = iFrame.parentElement?.animate(\r\n        [{ opacity: 1, visibility: 'visible', transform: 'translateY(0px)' }],\r\n        { duration, fill: 'forwards' },\r\n      );\r\n      iFrame.parentElement?.classList.add('loaded');\r\n      this.loadedAnimation?.finished.then(() => {\r\n        iFrame.parentElement?.focus();\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Reference function for the overlay element got called. It is either null (overlay closed)\r\n   * or contains the overlay element as parameter.\r\n   * @param e Overlay element or null\r\n   * @returns void\r\n   */\r\n  overlayRef(e: HTMLElement | undefined) {\r\n    if (!e) {\r\n      return;\r\n    }\r\n\r\n    const duration = prefersReducedMotion ? 0 : 500;\r\n    this.openAnimation = e.animate([{ opacity: 1, visibility: 'visible' }], {\r\n      duration,\r\n      fill: 'forwards',\r\n    });\r\n  }\r\n\r\n  private handleKeyDown(event: KeyboardEvent) {\r\n    if (event.key.toLowerCase() === 'escape') {\r\n      this.toggleOverlay(this.currentOverlay, false);\r\n    }\r\n  }\r\n\r\n  private handleToggleDropdown() {\r\n    this.toggleDropdown();\r\n  }\r\n\r\n  private handleToggleOverlay() {\r\n    this.toggleOverlay(this.currentOverlay, false);\r\n  }\r\n\r\n  private handleControlNavRef(element: HTMLElement) {\r\n    this.controlNavRef = element;\r\n    this.checkConcatenation();\r\n  }\r\n\r\n  private handleVisibleNavRef(element: HTMLElement) {\r\n    this.visibleNavRef = element;\r\n    this.checkConcatenation();\r\n  }\r\n\r\n  render() {\r\n    // There is something wrong entirely\r\n    if (!state) {\r\n      console.warn(\r\n        `Internet Breadcrumbs: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\r\n      );\r\n      return null;\r\n    }\r\n\r\n    // Config is not loaded yet\r\n    if (!state.localizedConfig) {\r\n      return null;\r\n    }\r\n\r\n    // Config has loaded but there is no breadcrumbs config\r\n    if (!state.localizedConfig.breadcrumb) {\r\n      console.warn(\r\n        `Internet Header: Current project \"${state.projectId}\" does not include a breadcrumb config. The breadcrumbs will not be rendered. Remove `,\r\n        document.querySelector('swisspost-internet-breadcrumbs'),\r\n        `from your markup or configure the breadcrumbs in your portal config to stop seeing this warning.`,\r\n      );\r\n      return null;\r\n    }\r\n\r\n    const breadcrumbConfig = state.localizedConfig.breadcrumb;\r\n    const items =\r\n      this.customBreadcrumbItems !== undefined\r\n        ? [...breadcrumbConfig.items, ...this.customBreadcrumbItems]\r\n        : breadcrumbConfig.items;\r\n\r\n    return (\r\n      <Host>\r\n        <SvgSprite />\r\n        <div class=\"breadcrumbs\">\r\n          <div class=\"hidden-control-breadcrumbs\" aria-hidden=\"true\" tabindex=\"-1\">\r\n            <nav class=\"breadcrumbs-nav\" ref={e => e !== undefined && this.handleControlNavRef(e)}>\r\n              <BreadcrumbList\r\n                items={items}\r\n                focusable={false}\r\n                clickHandler={() => {}}\r\n              ></BreadcrumbList>\r\n            </nav>\r\n          </div>\r\n          <h2 class=\"visually-hidden\">{breadcrumbConfig.a11yLabel}</h2>\r\n          <nav\r\n            ref={e => e !== undefined && this.handleVisibleNavRef(e)}\r\n            class={{\r\n              'breadcrumbs-nav': true,\r\n              'visually-hidden': !this.refsReady,\r\n            }}\r\n          >\r\n            <BreadcrumbList\r\n              items={items}\r\n              dropdownOpen={this.dropdownOpen}\r\n              isConcatenated={this.isConcatenated}\r\n              clickHandler={() => this.handleToggleDropdown()}\r\n            ></BreadcrumbList>\r\n          </nav>\r\n          <div class=\"breadcrumb-buttons\">\r\n            {breadcrumbConfig.buttons.map(button => (\r\n              <button\r\n                class=\"btn btn-secondary btn-icon\"\r\n                key={button.text}\r\n                aria-expanded={`${!!this.overlayVisible && this.currentOverlay === button.overlay}`}\r\n                onClick={() => this.toggleOverlay(button.overlay, true)}\r\n              >\r\n                <SvgIcon name={button.svgIcon.name}></SvgIcon>\r\n                <span class=\"visually-hidden\">{button.text}</span>\r\n              </button>\r\n            ))}\r\n          </div>\r\n          {this.overlayVisible && (\r\n            <OverlayComponent\r\n              overlayRef={e => e !== undefined && this.overlayRef(e)}\r\n              iFrameRef={e => e !== undefined && this.registerIFrameResizer(e)}\r\n              overlay={this.currentOverlay}\r\n              onClick={() => this.handleToggleOverlay()}\r\n              onKeyDown={(e: KeyboardEvent) => this.handleKeyDown(e)}\r\n              closeButtonText={state.localizedConfig.header.translations.closeButtonText}\r\n            ></OverlayComponent>\r\n          )}\r\n        </div>\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/post-internet-footer/components/post-footer-block-address.component.js

@@ -0,0 +1,12 @@
+import { h } from '@stencil/core';
+import { PostFooterBlockSocials } from './post-footer-block-socials.component';
+export const PostFooterBlockAddress = (props) => {
+  return (h("div", { class: "block-address" }, h("h3", null, props.block.title), props.block.content &&
+    props.block.content
+      .filter(content => content.address)
+      .map(content => (h("address", { class: "vcard", key: content.address }, h("span", { class: "adr", innerHTML: content.address })))), props.block.content &&
+    props.block.content
+      .filter(content => content.links && content.links.length)
+      .map(content => h(PostFooterBlockSocials, { key: content.name, content: content }))));
+};
+//# sourceMappingURL=post-footer-block-address.component.js.map

package/dist/collection/components/post-internet-footer/components/post-footer-block-address.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-footer-block-address.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-footer/components/post-footer-block-address.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA0C,EAAE,EAAE;EACnF,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;IACxB,cAAK,KAAK,CAAC,KAAK,CAAC,KAAK,CAAM;IAC3B,KAAK,CAAC,KAAK,CAAC,OAAO;MAClB,KAAK,CAAC,KAAK,CAAC,OAAO;SAChB,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;SAClC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACd,eAAS,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,OAAO,CAAC,OAAO;QACzC,YAAM,KAAK,EAAC,KAAK,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,GAAS,CAC7C,CACX,CAAC;IACL,KAAK,CAAC,KAAK,CAAC,OAAO;MAClB,KAAK,CAAC,KAAK,CAAC,OAAO;SAChB,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;SACxD,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAC,sBAAsB,IAAC,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAChF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\nimport { BlockEntity } from '../../../models/footer.model';\r\nimport { PostFooterBlockSocials } from './post-footer-block-socials.component';\r\n\r\nexport const PostFooterBlockAddress = (props: { block: BlockEntity; key: string }) => {\r\n  return (\r\n    <div class=\"block-address\">\r\n      <h3>{props.block.title}</h3>\r\n      {props.block.content &&\r\n        props.block.content\r\n          .filter(content => content.address)\r\n          .map(content => (\r\n            <address class=\"vcard\" key={content.address}>\r\n              <span class=\"adr\" innerHTML={content.address}></span>\r\n            </address>\r\n          ))}\r\n      {props.block.content &&\r\n        props.block.content\r\n          .filter(content => content.links && content.links.length)\r\n          .map(content => <PostFooterBlockSocials key={content.name} content={content} />)}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/collection/components/post-internet-footer/components/post-footer-block-contact.component.js

@@ -0,0 +1,24 @@
+import { h } from '@stencil/core';
+const getContentHours = (hours) => hours.replace(/<[^>]*>?/gm, '');
+const callUnblu = () => {
+  if (typeof window['unbluLSLoad'] === 'function') {
+    window['unbluLSLoad']();
+  }
+  else {
+    console.error('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?');
+  }
+};
+const LiveSupport = (props) => (h("button", { class: "hours btn btn-link", id: "liveSupport", type: "button", onClick: callUnblu, innerHTML: getContentHours(props.hours) }));
+export const PostFooterBlockContact = (props) => {
+  return (h("div", { class: "block-contact" }, h("h3", null, props.block.title), props.block.content &&
+    props.block.content.map((content, index) => {
+      const isLiveSupport = index === props.block.content.length - 1 && content.text === 'Live Support';
+      if (isLiveSupport && !props.liveSupportEnabled) {
+        return null;
+      }
+      return (h("div", { class: "content-row", key: content.name }, content.number ? h("p", { class: "number" }, content.number) : null, content.text ? h("p", { class: "text" }, content.text) : null, content.hours && isLiveSupport && h(LiveSupport, { hours: content.hours }), content.hours && !isLiveSupport && (
+      // 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")
+      h("p", { class: "hours", innerHTML: getContentHours(content.hours) })), content.describe ? h("p", { class: "describe" }, content.describe) : null));
+    })));
+};
+//# sourceMappingURL=post-footer-block-contact.component.js.map

package/dist/collection/components/post-internet-footer/components/post-footer-block-contact.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-footer-block-contact.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-footer/components/post-footer-block-contact.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAE3E,MAAM,SAAS,GAAG,GAAG,EAAE;EACrB,IAAI,OAAO,MAAM,CAAC,aAAa,CAAC,KAAK,UAAU,EAAE;IAC/C,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;GACzB;OAAM;IACL,OAAO,CAAC,KAAK,CACX,qLAAqL,CACtL,CAAC;GACH;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,CAChD,cACE,KAAK,EAAC,oBAAoB,EAC1B,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GAC/B,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAItC,EAAE,EAAE;EACH,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;IACxB,cAAK,KAAK,CAAC,KAAK,CAAC,KAAK,CAAM;IAC3B,KAAK,CAAC,KAAK,CAAC,OAAO;MAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACzC,MAAM,aAAa,GACjB,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,OAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,KAAK,cAAc,CAAC;QAC/E,IAAI,aAAa,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;UAC9C,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CACL,WAAK,KAAK,EAAC,aAAa,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI;UACvC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,QAAQ,IAAE,OAAO,CAAC,MAAM,CAAK,CAAC,CAAC,CAAC,IAAI;UAC9D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,MAAM,IAAE,OAAO,CAAC,IAAI,CAAK,CAAC,CAAC,CAAC,IAAI;UACxD,OAAO,CAAC,KAAK,IAAI,aAAa,IAAI,EAAC,WAAW,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI;UACvE,OAAO,CAAC,KAAK,IAAI,CAAC,aAAa,IAAI;UAClC,sKAAsK;UACtK,SAAG,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,GAAM,CACjE;UACA,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,UAAU,IAAE,OAAO,CAAC,QAAQ,CAAK,CAAC,CAAC,CAAC,IAAI,CACjE,CACP,CAAC;MACJ,CAAC,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\nimport { BlockEntity } from '../../../models/footer.model';\r\n\r\nconst getContentHours = (hours: string) => hours.replace(/<[^>]*>?/gm, '');\r\n\r\nconst callUnblu = () => {\r\n  if (typeof window['unbluLSLoad'] === 'function') {\r\n    window['unbluLSLoad']();\r\n  } else {\r\n    console.error(\r\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?',\r\n    );\r\n  }\r\n};\r\n\r\nconst LiveSupport = (props: { hours: string }) => (\r\n  <button\r\n    class=\"hours btn btn-link\"\r\n    id=\"liveSupport\"\r\n    type=\"button\"\r\n    onClick={callUnblu}\r\n    innerHTML={getContentHours(props.hours)}\r\n  ></button>\r\n);\r\n\r\nexport const PostFooterBlockContact = (props: {\r\n  block: BlockEntity;\r\n  liveSupportEnabled: boolean;\r\n  key: string;\r\n}) => {\r\n  return (\r\n    <div class=\"block-contact\">\r\n      <h3>{props.block.title}</h3>\r\n      {props.block.content &&\r\n        props.block.content.map((content, index) => {\r\n          const isLiveSupport =\r\n            index === props.block.content!.length - 1 && content.text === 'Live Support';\r\n          if (isLiveSupport && !props.liveSupportEnabled) {\r\n            return null;\r\n          }\r\n          return (\r\n            <div class=\"content-row\" key={content.name}>\r\n              {content.number ? <p class=\"number\">{content.number}</p> : null}\r\n              {content.text ? <p class=\"text\">{content.text}</p> : null}\r\n              {content.hours && isLiveSupport && <LiveSupport hours={content.hours} />}\r\n              {content.hours && !isLiveSupport && (\r\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\")\r\n                <p class=\"hours\" innerHTML={getContentHours(content.hours)}></p>\r\n              )}\r\n              {content.describe ? <p class=\"describe\">{content.describe}</p> : null}\r\n            </div>\r\n          );\r\n        })}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/collection/components/post-internet-footer/components/post-footer-block-custom.component.js

@@ -0,0 +1,6 @@
+import { h } from '@stencil/core';
+export const PostFooterBlockCustom = (props) => {
+  return (h("div", { class: "pre-footer" }, h("div", { class: "block-custom container" }, h("h3", null, props.block.title), h("ul", { class: "no-list box link-list" }, props.block.links &&
+    props.block.links.map(link => (h("li", { key: link.url }, h("a", { class: "flyout-link", href: link.url, target: link.target }, link.text))))))));
+};
+//# sourceMappingURL=post-footer-block-custom.component.js.map

package/dist/collection/components/post-internet-footer/components/post-footer-block-custom.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-footer-block-custom.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-footer/components/post-footer-block-custom.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAmC,EAAE,EAAE;EAC3E,OAAO,CACL,WAAK,KAAK,EAAC,YAAY;IACrB,WAAK,KAAK,EAAC,wBAAwB;MACjC,cAAK,KAAK,CAAC,KAAK,CAAC,KAAK,CAAM;MAC5B,UAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,KAAK,CAAC,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC5B,UAAI,GAAG,EAAE,IAAI,CAAC,GAAG;UACf,SAAG,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACvD,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC,CACD,CACD,CACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\nimport { CustomBlockEntity } from '../../../models/footer.model';\r\n\r\nexport const PostFooterBlockCustom = (props: { block: CustomBlockEntity }) => {\r\n  return (\r\n    <div class=\"pre-footer\">\r\n      <div class=\"block-custom container\">\r\n        <h3>{props.block.title}</h3>\r\n        <ul class=\"no-list box link-list\">\r\n          {props.block.links &&\r\n            props.block.links.map(link => (\r\n              <li key={link.url}>\r\n                <a class=\"flyout-link\" href={link.url} target={link.target}>\r\n                  {link.text}\r\n                </a>\r\n              </li>\r\n            ))}\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/collection/components/post-internet-footer/components/post-footer-block-list.component.js

@@ -0,0 +1,6 @@
+import { h } from '@stencil/core';
+export const PostFooterBlockList = (props) => {
+  return (h("div", { class: "block-list" }, h("h3", null, props.block.title), h("ul", { class: "no-list box link-list" }, props.block.links &&
+    props.block.links.map(link => (h("li", { key: link.url }, h("a", { class: "flyout-link", href: link.url, target: link.target }, link.text)))))));
+};
+//# sourceMappingURL=post-footer-block-list.component.js.map

package/dist/collection/components/post-internet-footer/components/post-footer-block-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-footer-block-list.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-footer/components/post-footer-block-list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAgD,EAAE,EAAE;EACtF,OAAO,CACL,WAAK,KAAK,EAAC,YAAY;IACrB,cAAK,KAAK,CAAC,KAAK,CAAC,KAAK,CAAM;IAC5B,UAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,KAAK,CAAC,KAAK;MAChB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC5B,UAAI,GAAG,EAAE,IAAI,CAAC,GAAG;QACf,SAAG,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACvD,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC,CACD,CACD,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\nimport { CustomBlockEntity } from '../../../models/footer.model';\r\n\r\nexport const PostFooterBlockList = (props: { block: CustomBlockEntity; key: string }) => {\r\n  return (\r\n    <div class=\"block-list\">\r\n      <h3>{props.block.title}</h3>\r\n      <ul class=\"no-list box link-list\">\r\n        {props.block.links &&\r\n          props.block.links.map(link => (\r\n            <li key={link.url}>\r\n              <a class=\"flyout-link\" href={link.url} target={link.target}>\r\n                {link.text}\r\n              </a>\r\n            </li>\r\n          ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/collection/components/post-internet-footer/components/post-footer-block-socials.component.js

@@ -0,0 +1,5 @@
+import { h } from '@stencil/core';
+export const PostFooterBlockSocials = (props) => {
+  return (h("div", { class: "block-socials" }, h("h3", null, props.content.title), h("ul", { class: "no-list socials" }, props.content.links.map(link => (h("li", { key: link.url }, h("a", { href: link.url, target: link.target }, h("span", { class: "visually-hidden" }, link.name), h("svg", { "aria-hidden": "true" }, h("use", { href: `#${link.icon}` })))))))));
+};
+//# sourceMappingURL=post-footer-block-socials.component.js.map

package/dist/collection/components/post-internet-footer/components/post-footer-block-socials.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-footer-block-socials.component.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-footer/components/post-footer-block-socials.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA8C,EAAE,EAAE;EACvF,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;IACxB,cAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAM;IAC9B,UAAI,KAAK,EAAC,iBAAiB,IACxB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC/B,UAAI,GAAG,EAAE,IAAI,CAAC,GAAG;MACf,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;QACpC,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,IAAI,CAAQ;QAChD,0BAAiB,MAAM;UACrB,WAAK,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAI,CAC1B,CACJ,CACD,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\nimport { ContentEntity } from '../../../models/footer.model';\r\n\r\nexport const PostFooterBlockSocials = (props: { content: ContentEntity; key: string }) => {\r\n  return (\r\n    <div class=\"block-socials\">\r\n      <h3>{props.content.title}</h3>\r\n      <ul class=\"no-list socials\">\r\n        {props.content.links.map(link => (\r\n          <li key={link.url}>\r\n            <a href={link.url} target={link.target}>\r\n              <span class=\"visually-hidden\">{link.name}</span>\r\n              <svg aria-hidden=\"true\">\r\n                <use href={`#${link.icon}`} />\r\n              </svg>\r\n            </a>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n"]}