@swisspost/internet-header 1.13.10 → 1.13.12

package/dist/components/index.js

@@ -1,3 +1,4 @@
+import { FocusTrap } from './focus-trap.js';
 import { PostKlpLoginWidget } from './post-klp-login-widget.js';
 import { PostLanguageSwitch } from './post-language-switch.js';
 import { PostLogo } from './post-logo.js';
@@ -23,6 +24,7 @@ export { P as PostKlpLoginWidget } from './post-klp-login-widget2.js';
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {
         [
+            FocusTrap,
             PostKlpLoginWidget,
             PostLanguageSwitch,
             PostLogo,

package/dist/components/index2.js

@@ -23,73 +23,67 @@
  */
 function throttle (delay, callback, options) {
   var _ref = options || {},
-      _ref$noTrailing = _ref.noTrailing,
-      noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
-      _ref$noLeading = _ref.noLeading,
-      noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
-      _ref$debounceMode = _ref.debounceMode,
-      debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
+    _ref$noTrailing = _ref.noTrailing,
+    noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
+    _ref$noLeading = _ref.noLeading,
+    noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
+    _ref$debounceMode = _ref.debounceMode,
+    debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
   /*
    * After wrapper has stopped being called, this timeout ensures that
    * `callback` is executed at the proper times in `throttle` and `end`
    * debounce modes.
    */
-
-
   var timeoutID;
-  var cancelled = false; // Keep track of the last time `callback` was executed.
+  var cancelled = false;
 
-  var lastExec = 0; // Function to clear existing timeout
+  // Keep track of the last time `callback` was executed.
+  var lastExec = 0;
 
+  // Function to clear existing timeout
   function clearExistingTimeout() {
     if (timeoutID) {
       clearTimeout(timeoutID);
     }
-  } // Function to cancel next exec
-
+  }
 
+  // Function to cancel next exec
   function cancel(options) {
     var _ref2 = options || {},
-        _ref2$upcomingOnly = _ref2.upcomingOnly,
-        upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
-
+      _ref2$upcomingOnly = _ref2.upcomingOnly,
+      upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
     clearExistingTimeout();
     cancelled = !upcomingOnly;
   }
+
   /*
    * The `wrapper` function encapsulates all of the throttling / debouncing
    * functionality and when executed will limit the rate at which `callback`
    * is executed.
    */
-
-
   function wrapper() {
     for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {
       arguments_[_key] = arguments[_key];
     }
-
     var self = this;
     var elapsed = Date.now() - lastExec;
-
     if (cancelled) {
       return;
-    } // Execute `callback` and update the `lastExec` timestamp.
-
+    }
 
+    // Execute `callback` and update the `lastExec` timestamp.
     function exec() {
       lastExec = Date.now();
       callback.apply(self, arguments_);
     }
+
     /*
      * If `debounceMode` is true (at begin) this is used to clear the flag
      * to allow future `callback` executions.
      */
-
-
     function clear() {
       timeoutID = undefined;
     }
-
     if (!noLeading && debounceMode && !timeoutID) {
       /*
        * Since `wrapper` is being called for the first time and
@@ -98,9 +92,7 @@ function throttle (delay, callback, options) {
        */
       exec();
     }
-
     clearExistingTimeout();
-
     if (debounceMode === undefined && elapsed > delay) {
       if (noLeading) {
         /*
@@ -109,7 +101,6 @@ function throttle (delay, callback, options) {
          * to execute after `delay` ms.
          */
         lastExec = Date.now();
-
         if (!noTrailing) {
           timeoutID = setTimeout(debounceMode ? clear : exec, delay);
         }
@@ -135,13 +126,14 @@ function throttle (delay, callback, options) {
       timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
     }
   }
+  wrapper.cancel = cancel;
 
-  wrapper.cancel = cancel; // Return the wrapper function.
-
+  // Return the wrapper function.
   return wrapper;
 }
 
 /* eslint-disable no-undefined */
+
 /**
  * Debounce execution of a function. Debouncing, unlike throttling,
  * guarantees that a function is only executed a single time, either at the
@@ -157,12 +149,10 @@ function throttle (delay, callback, options) {
  *
  * @returns {Function} A new, debounced function.
  */
-
 function debounce (delay, callback, options) {
   var _ref = options || {},
-      _ref$atBegin = _ref.atBegin,
-      atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
-
+    _ref$atBegin = _ref.atBegin,
+    atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
   return throttle(delay, callback, {
     debounceMode: atBegin !== false
   });

package/dist/components/klp-widget.controller.js

@@ -15574,9 +15574,8 @@ const vertx = window.vertx || {};
 })(jQuery);
 
 const initializeKLPLoginWidget = (containerId, options) => {
-    if (!options) {
+    if (options === undefined)
         return;
-    }
     try {
         window.OPPklpWidget = window.klpWidgetDev(containerId, options.applicationId, options.serviceId, options.appLoginUrl, null, // would be menulinks, but they are not provided anymore from Post-Portal
         options.currentLang, options.platform, options.options, options.environment);

package/dist/components/post-klp-login-widget2.js

@@ -42,7 +42,7 @@ const PostKlpLoginWidget = /*@__PURE__*/ proxyCustomElement(class PostKlpLoginWi
     async setFocus() {
         var _a;
         const loginButton = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.klp-widget-anonymous__wrapper a, .klp-widget-authenticated-session a');
-        if (loginButton && loginButton.length) {
+        if (loginButton && loginButton.length > 0) {
             loginButton[0].focus();
         }
     }

package/dist/components/post-language-switch2.js

@@ -14,7 +14,7 @@ const PostLanguageSwitchList = (props) => {
         h("ul", { "aria-label": translate('Change language') }, props.navLang
             .filter(lang => !lang.isCurrent)
             .map(lang => {
-            const TagName = lang.url ? 'a' : 'button';
+            const TagName = lang.url !== null ? 'a' : 'button';
             return (h("li", { key: lang.lang },
                 h(TagName, { onClick: () => props.switchLanguage(lang), href: lang.url, lang: lang.lang, title: lang.title },
                     h("span", { class: "visually-hidden" }, lang.title),

package/dist/components/post-main-navigation2.js

@@ -7,15 +7,15 @@ import { S as SvgSprite } from './svg-sprite.component.js';
 import { S as SvgIcon } from './svg-icon.component.js';
 
 const LevelOneAction = (props) => {
-    var _a, _b, _c;
-    const TagName = props.level.url ? 'a' : 'button';
+    var _a, _b;
+    const TagName = props.level.url !== undefined ? 'a' : 'button';
+    const title = (_a = props.level.title) === null || _a === void 0 ? void 0 : _a.trim();
+    const text = (_b = props.level.text) === null || _b === void 0 ? void 0 : _b.trim();
     return (h(TagName, { class: {
             'main-link': true,
             'active': !!props.level.isActiveOverride,
             'focus': props.isOpen,
-        }, href: props.level.url, title: ((_a = props.level.title) === null || _a === void 0 ? void 0 : _a.trim()) && ((_b = props.level.title) === null || _b === void 0 ? void 0 : _b.trim()) !== ((_c = props.level.text) === null || _c === void 0 ? void 0 : _c.trim())
-            ? props.level.title
-            : undefined, tabindex: props.level.url ? undefined : 0, "aria-haspopup": !props.level.noFlyout + '', "aria-expanded": props.level.noFlyout ? null : props.isOpen + '', onTouchEnd: e => props.onTouchEnd(e), onKeyDown: e => props.onKeyDown(e), onClick: e => props.onClick(e) },
+        }, href: props.level.url, title: title !== undefined && title !== text ? props.level.title : undefined, tabindex: props.level.url !== undefined ? undefined : 0, "aria-haspopup": !props.level.noFlyout + '', onTouchEnd: e => props.onTouchEnd(e), onKeyDown: e => props.onKeyDown(e), onClick: e => props.onClick(e) },
         h("span", null, props.level.text),
         props.level.isActiveOverride ? (h("span", { class: "visually-hidden" }, translate('Active navigation element'))) : null,
         h("svg", { "aria-hidden": "true" },
@@ -62,9 +62,8 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
     }
     // Update window height var
     setWindowHeight() {
-        if (!this.host) {
+        if (this.host === undefined)
             return;
-        }
         this.host.style.setProperty('--window-height', `${window.innerHeight}px`);
         // Safari might or might not show a blank bar at the bottom where the browser
         // controls should be. This timeout waits for this bar to appear before resetting the available height
@@ -130,7 +129,7 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
             this.mouseEnterTimer = null;
         }
         // Cancel closing if we enter again
-        if (this.mouseLeaveTimer && this.activeFlyout === level.id) {
+        if (this.mouseLeaveTimer !== null && this.activeFlyout === level.id) {
             window.clearTimeout(this.mouseLeaveTimer);
             this.mouseLeaveTimer = null;
         }
@@ -149,7 +148,7 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
             window.clearTimeout(this.mouseEnterTimer);
         }
         // Don't close an open flyout if the mouseleave is from another mainnav entry
-        if (this.activeFlyout && this.activeFlyout !== level.id) {
+        if (this.activeFlyout !== undefined && this.activeFlyout !== level.id) {
             return;
         }
         if (window.innerWidth >= 1024 && level.flyout.length > 0) {
@@ -165,7 +164,7 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
             // It's the first touchstart and has a flyout, prevent link activation and open the flyout
             if (event.cancelable)
                 event.preventDefault();
-            if (level.id)
+            if (level.id !== undefined)
                 this.openFlyout(level.id);
         }
     }
@@ -173,7 +172,7 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
         if (event.key === 'Enter' && !this.isActiveFlyout(level.id) && !level.noFlyout) {
             // It's the first enter keypress and has a flyout, prevent link activation and open the flyout
             event.preventDefault();
-            if (level.id)
+            if (level.id !== undefined)
                 this.openFlyout(level.id);
         }
     }
@@ -183,7 +182,7 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
             // This is relevant for desktop with active screenreader which
             // translates an enter keypress to a click
             event.preventDefault();
-            if (level.id)
+            if (level.id !== undefined)
                 this.openFlyout(level.id);
         }
     }
@@ -226,7 +225,7 @@ const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNaviga
         const headerConfig = state.localizedConfig.header;
         return (h(Host, null, h(SvgSprite, null), h("nav", { "aria-label": headerConfig.translations.navMainAriaLabel, id: "post-internet-header-main-navigation", class: { 'main-navigation': true, 'open': this.mobileMenuOpen } }, h("ul", { class: "main-container container" }, headerConfig.navMain.map(levelOne => (h("li", { key: levelOne.text, onMouseLeave: () => this.handleMouseLeave(levelOne), onMouseEnter: () => this.handleMouseEnter(levelOne) }, h(LevelOneAction, { level: levelOne, isOpen: this.isActiveFlyout(levelOne.id), onTouchEnd: e => this.handleTouchEnd(e, levelOne), onKeyDown: e => this.handleKeyPress(e, levelOne), onClick: e => this.handleClick(e, levelOne) }), !levelOne.noFlyout ? renderLevelOneFlyout.bind(this)(levelOne) : null)))), h("slot", null))));
         function renderLevelOneFlyout(levelOne) {
-            return (h("div", { id: levelOne.id, class: { flyout: true, open: this.isActiveFlyout(levelOne.id) } }, h("div", { class: "wide-container" }, h("div", { class: "flyout-nav" }, h("button", { class: "nav-link flyout-back-button", onClick: () => this.closeFlyout(levelOne.id) }, h(SvgIcon, { name: "pi-pointy-arrow-right", classNames: "mirrored" }), h("span", null, headerConfig.translations.backButtonText)), h("button", { class: "flyout-close-button", onClick: () => this.closeFlyout(levelOne.id) }, h("span", { class: "visually-hidden" }, levelOne.text, ", ", headerConfig.translations.mobileNavToggleClose), h(SvgIcon, { name: "pi-close" }))), h("h2", { class: "flyout-title container" }, h("a", { href: levelOne.url, class: "nav-link" }, levelOne.text)), h("div", { class: "flyout-row container" }, levelOne.flyout.map((flyout, i) => (h("div", { key: flyout.title, class: "flyout-column" }, flyout.title ? h("h3", { id: `${levelOne.id}-column-${i}` }, flyout.title) : null, h("ul", { class: "flyout-linklist", "aria-labelledby": flyout.title ? `${levelOne.id}-column-${i}` : undefined }, flyout.linkList.map(link => (h("li", { key: link.url }, h("a", { class: {
+            return (h("div", { id: levelOne.id, class: { flyout: true, open: this.isActiveFlyout(levelOne.id) } }, h("div", { class: "wide-container" }, h("div", { class: "flyout-nav" }, h("button", { class: "nav-link flyout-back-button", onClick: () => this.closeFlyout(levelOne.id) }, h(SvgIcon, { name: "pi-pointy-arrow-right", classNames: "mirrored" }), h("span", null, headerConfig.translations.backButtonText)), h("button", { class: "flyout-close-button", onClick: () => this.closeFlyout(levelOne.id) }, h("span", { class: "visually-hidden" }, levelOne.text, ", ", headerConfig.translations.mobileNavToggleClose), h(SvgIcon, { name: "pi-close" }))), h("h2", { class: "flyout-title container" }, h("a", { href: levelOne.url, class: "nav-link" }, levelOne.text)), h("div", { class: "flyout-row container" }, levelOne.flyout.map((flyout, i) => (h("div", { key: flyout.title, class: "flyout-column" }, flyout.title !== undefined ? (h("h3", { id: `${levelOne.id}-column-${i}` }, flyout.title)) : null, h("ul", { class: "flyout-linklist", "aria-labelledby": flyout.title !== undefined ? `${levelOne.id}-column-${i}` : undefined }, flyout.linkList.map(link => (h("li", { key: link.url }, h("a", { class: {
                     'flyout-link': true,
                     'active': !!(link === null || link === void 0 ? void 0 : link.isActiveOverride),
                 }, href: link.url, target: link.target }, link.title, (link === null || link === void 0 ? void 0 : link.isActiveOverride) ? (h("span", { class: "visually-hidden" }, ", ", translate('Active navigation element'))) : null))))))))))));