@swisspost/internet-header 10.8.0 → 10.9.0

package/dist/cjs/post-menu_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var getRoot = require('./get-root-B1FnQ50K.js');
 var isFocusVisible = require('./is-focus-visible-B3CqVQsX.js');
 var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
@@ -196,7 +196,7 @@ const PostMenu = class {
         ]));
     }
     render() {
-        return (index.h(index.Host, { key: '988b77e3589a499e23e95eb6eff985edbadd4d2e', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'fd0ee4d4234fe1f222757c00d778ebb2a2c5ac13', autoHide: true, autoResize: true, onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '8b46a79db5944854c97c862608bd5a8d9113398e', part: "post-menu" }, index.h("slot", { key: 'a024a0ade2a865b12d1a452c6c33f9afde1f34e0', name: "header" }), index.h("slot", { key: '1465a5d8d9463e6557a2a8c32aa119429a4783b3' })))));
+        return (index.h(index.Host, { key: '424d6a6b439f05d8fecca4814f2aeba53e7333b9', "data-version": _package.version }, index.h("post-popovercontainer", { key: '0dce87ba2c4731ac458105a10a80514c2db07b52', autoHide: true, autoResize: true, onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '693bbd1e352d8c52f76dae4fba41558ef1ad4308', part: "post-menu" }, index.h("slot", { key: '7e3a24f00f99c99120ca75bf8a0b34aad27cbac3', name: "header" }), index.h("slot", { key: '1d9d360db4880ebc6e35cf2ac6cbdd738289f102' })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -282,7 +282,7 @@ const PostMenuTrigger = class {
         return null;
     }
     render() {
-        return (index.h(index.Host, { key: 'f75522d28e9a45c80846a191cff3ea2eb51b5bde', "data-version": _package.version }, index.h("slot", { key: 'bc70e3ddc8dc372611c00a4cda52cd35ede02a3f' })));
+        return (index.h(index.Host, { key: '8f43fe80dd56550141481f157a06caf559494291', "data-version": _package.version }, index.h("slot", { key: '1b5d220cff9894918aedc54b0585df75095dcb0e' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-number-input.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var index$1 = require('./index-CggFmZ8n.js');
 
 function getSlottedElement(host, selector) {
@@ -128,10 +128,10 @@ const PostNumberInput = class {
     }
     render() {
         const areButtonsShown = !!this.input;
-        return (index.h(index.Host, { key: '9bc4f1aff3f0347c5419cbc8c3f03660c8ce0ec3', "data-version": _package.version, class: {
+        return (index.h(index.Host, { key: '59cbe12c66b0eabbff15a3110ee847396df2d261', "data-version": _package.version, class: {
                 'number-input-sm': this.small,
                 'disabled': this.isDisabled,
-            } }, areButtonsShown && (index.h("div", { key: '556bdd45f2dc5b924f7bb2eab0c059c3000bf404', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, index.h("post-icon", { key: 'fc8ee1c88ab96345a0aa81928c7fd4d45dd88414', name: "minus" }))), index.h("div", { key: '9284ca5c21009bd79b144e61a33017501646fceb', class: "input-container" }, index.h("slot", { key: 'e6dfefd93d26fee610a82863a66f55939552ff7c', onSlotchange: () => this.setupInput() })), areButtonsShown && (index.h("div", { key: 'd74c99d7f2db50387cd3f0d6033339fbf9480a24', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, index.h("post-icon", { key: '25635f72d1b067663f8458bdbb7994c7dfafa6e8', name: "plus" })))));
+            } }, areButtonsShown && (index.h("div", { key: '43fca97c040104786ab528b04f3e0dd576f29025', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, index.h("post-icon", { key: '1b41c236beb802d98f60776827928335d00599c4', name: "minus" }))), index.h("div", { key: '8342d335e0a84f78514edac5052ffea081fb40c7', class: "input-container" }, index.h("slot", { key: 'd2f8eae0656faaab31358cd3582c873d4a491e73', onSlotchange: () => this.setupInput() })), areButtonsShown && (index.h("div", { key: '0055b317ed6ec64f2451640c436d169bb0b07626', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, index.h("post-icon", { key: 'dafe4a65f6d5d6ba4f54229c55506d5cf14fe126', name: "plus" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-pagination.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var debounce = require('./debounce-BsIBi_-2.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
 var type = require('./type-CAeEC3oM.js');

package/dist/cjs/post-popover-trigger.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var focusable = require('./focusable-COT2uiEV.js');
 var type = require('./type-CAeEC3oM.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -115,7 +115,7 @@ const PostPopoverTrigger = class {
         this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
     }
     render() {
-        return (index.h(index.Host, { key: 'f9c320748c1cfdfb6accce4e20c64ea7c00d20c5', "data-version": _package.version }, index.h("slot", { key: 'e00dcaa23ec3e2976136c26931780d083b6f1a8f', onSlotchange: () => this.setupTrigger() })));
+        return (index.h(index.Host, { key: '4b7c011d95452d0ce2a7e459ae17e0a0ab3ecb50', "data-version": _package.version }, index.h("slot", { key: '57907ff226d48ef8aa9b494787bc81528e0180ba', onSlotchange: () => this.setupTrigger() })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-popover.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
 var placement = require('./placement-qEFR9hmI.js');
 var oneOf = require('./one-of-7TSi182P.js');
@@ -91,10 +91,10 @@ const PostPopover = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0e57981004d99d528a4652598739afbf1208376c', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'cfa3e03284033c19317fab6a565cbcef0d4aa458', arrow: this.arrow, placement: this.placement, edgeGap: this.edgeGap, autoHide: true, autoResize: true, ref: e => {
+        return (index.h(index.Host, { key: 'd338887d42a4b5b092b5fa893acd660274fe6afd', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'fe2f23d9da171f09358a583f7363f841bbcac379', arrow: this.arrow, placement: this.placement, edgeGap: this.edgeGap, autoHide: true, autoResize: true, ref: e => {
                 if (e)
                     this.popoverRef = e;
-            } }, index.h("div", { key: '758a7d16666581674c48043aaaf4b266c3d754b8', class: "popover-container" }, index.h("div", { key: '60ab881499fa6cc016dc285f962f2dbee884adee', class: "popover-content" }, index.h("slot", { key: '78b457120894b4117a7f4008f313e9a346f539ab' })), index.h("post-closebutton", { key: '5cc2cc1e36e8840f2e2729dcf8c15a211c95ec12' }, this.textClose)))));
+            } }, index.h("div", { key: '800861e6a8de4f7ba07557209a79b930683c6f53', class: "popover-container" }, index.h("div", { key: '827bba6b75ca6107165042bd01831eba5a883900', class: "popover-content" }, index.h("slot", { key: 'ec6b46113f28406db2a9d7cd591839f7432ae525' })), index.h("post-closebutton", { key: 'ccf3460a1d13fedbc8fa070a4e12de9f217a9820' }, this.textClose)))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-popovercontainer.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var oneOf = require('./one-of-7TSi182P.js');
 var placement = require('./placement-qEFR9hmI.js');
 var type = require('./type-CAeEC3oM.js');
@@ -3109,7 +3109,7 @@ const PostPopovercontainer = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd48b21174f74b790f8a72b4294e9f741c3b64d14', "data-version": _package.version, popover: "auto" }, index.h("div", { key: '455e84294ecb36e25cc62582eb6c41058f24f6bc', part: "post-popovercontainer-content" }, this.arrow && (index.h("span", { key: '9d11f2596443876123eeaf5a02430d049c1c8b25', "data-side": this.side, class: "arrow", ref: el => (this.arrowRef = el) })), index.h("span", { key: 'a562460cdfa5539e7d9c23f1d044a2c045df5b9f', part: "post-popovercontainer-border-mask" }), index.h("slot", { key: '5aa546bbdf6c70e2a0afabf818d421581060f8a7' }))));
+        return (index.h(index.Host, { key: '2240dfd6d585287ad6c50d7582053c2187dc924d', "data-version": _package.version, popover: "auto" }, index.h("div", { key: '2793bd5f9dd3e72f5a6bc8344eab48262e6cea71', part: "post-popovercontainer-content" }, this.arrow && (index.h("span", { key: '3d0913954cead346a850f7d8ed1aaa97cbfa2d83', "data-side": this.side, class: "arrow", ref: el => (this.arrowRef = el) })), index.h("span", { key: 'c21d5332cfc0c0a7b7a8403f492bb4ba28b509f4', part: "post-popovercontainer-border-mask" }), index.h("slot", { key: 'eb6112e8dfa783304e286f65386e6e0741c2a571' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-progressbar.cjs.entry.js

@@ -125,7 +125,7 @@ const PostProgressbar = class {
         const max = this.getEffectiveMax();
         const value = this.getEffectiveValue(min, max);
         const percentage = ((value - min) / (max - min)) * 100;
-        return (index.h(index.Host, { key: 'c29b1fa3dca89d999c2a55bd58c9c7450ed767c6', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, index.h("div", { key: 'aaff038be7bdaf99de1e94c7479c2b57947195ac', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
+        return (index.h(index.Host, { key: '26bdbb5219393e8b44e2fe5395d8a4cd8aa7e18a', role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max }, index.h("div", { key: '65b81479fac7aa6024556ef6589064f997f4394e', class: "progress-value", style: { '--post-progressbar-value': `${percentage}%` } })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-rating.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
 require('./create-validator-decorator-CJK3Xf77.js');
@@ -93,7 +93,7 @@ const PostRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '727813875ba5d754ec17f4a2b151c0c6cd4ab5ca', "data-version": _package.version }, index.h("div", { key: '1ac7e5db0098568c16551a4850442e4c8f0e686b', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (index.h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (index.h(index.Host, { key: 'c793abbf5e0d01bb19dc4464ebd75249959a1717', "data-version": _package.version }, index.h("div", { key: '357946df40a3d3a85ece2d0ac6ecc761951d9471', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (index.h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
                 'star': true,
                 'before-hover': i < this.hoveredIndex,
                 'active': i < Math.round(this.currentRating),

package/dist/cjs/post-side-navigation-trigger.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var getRoot = require('./get-root-B1FnQ50K.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
@@ -92,7 +92,7 @@ const PostSideNavigationTrigger = class {
         await this.sideNavigation?.toggle();
     }
     render() {
-        return (index.h(index.Host, { key: '1c908083562ec5ca01cd9410c72ac78ae11ce72f', "data-version": _package.version }, index.h("slot", { key: '38f63424e8c66b4bf926418b57555dc676d24d45' })));
+        return (index.h(index.Host, { key: '2822a6c7246da96de537eff3e3fbf5a2db400547', "data-version": _package.version }, index.h("slot", { key: '0bb02d90c7916a4dbfe6dd7fc0f4325509939a80' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-side-navigation.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var breakpoints = require('./breakpoints-Kruvy8Dm.js');
 var isFocusVisible = require('./is-focus-visible-B3CqVQsX.js');
 var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
@@ -144,7 +144,7 @@ const PostSideNavigation = class {
             } }, index.h("slot", null), index.h("post-closebutton", { onClick: () => this.hide() }, this.textClose)));
     }
     render() {
-        return (index.h(index.Host, { key: '742833fbbbc716630d5fc5cc6289e44e3d05ee17', "data-version": _package.version }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
+        return (index.h(index.Host, { key: 'd323d8990ed9abfb5ca6c15daa70d49dabd496f9', "data-version": _package.version }, this.device === 'desktop' ? this.renderNav() : this.renderDialog()));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-stepper-item.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 
 const postStepperItemCss = () => `:host{grid-row:1;position:relative;-webkit-padding-start:0;padding-inline-start:0}:host::before,:host::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - 2px)/2);height:2px;background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);inset-inline:0}:host(:not(:first-of-type)){-webkit-padding-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){-webkit-padding-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);padding-inline-end:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2);grid-column:span 2}:host(:not(:first-of-type,:last-of-type))::before{inset-inline-end:50%}:host(:not(:first-of-type,:last-of-type))::after{inset-inline-start:50%}:host(.stepper-item-current:not(:last-of-type))::after,:host(.stepper-item-current:first-of-type)::before,:host(.stepper-item-after-current)::before,:host(.stepper-item-after-current:last-of-type)::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::before,:host(.stepper-item-completed)::after{background-color:var(--post-scheme-color-interactive-primary-selected-bg2);z-index:1}.stepper-item-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict;font-size:var(--post-device-font-size-7)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content{margin-inline:auto;text-align:center}:host(:last-of-type)>.stepper-item-content{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:-20px;margin-inline-end:-20px;text-align:end}:host(.stepper-item-completed)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-selected)>.stepper-item-content{font-weight:var(--post-device-font-weight-bold)}:host(.stepper-item-selected)>.stepper-item-content::before{font-weight:var(--post-device-font-weight-regular)}:host(.stepper-item-current)>.stepper-item-content{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3)}.stepper-item-content::before{content:var(--step-number, "?");display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-margin-after:var(--post-device-spacing-gap-1);margin-block-end:var(--post-device-spacing-gap-1);color:var(--post-scheme-color-interactive-primary-disabled-fg3);background-color:var(--post-scheme-color-interactive-primary-disabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-disabled-stroke3);border-radius:var(--post-device-border-radius-round);text-indent:initial}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::before{margin-inline:auto}:host(:last-of-type)>.stepper-item-content::before{-webkit-margin-start:auto;margin-inline-start:auto}:host(.stepper-item-completed)>.stepper-item-content::before{color:rgba(0,0,0,0);background-color:var(--post-scheme-color-interactive-primary-selected-bg2);border-color:var(--post-scheme-color-interactive-primary-selected-stroke3)}:host(.stepper-item-current)>.stepper-item-content::before{color:var(--post-scheme-color-interactive-primary-enabled-fg3);background-color:var(--post-scheme-color-interactive-primary-enabled-bg2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3)}.stepper-item-content::after{display:block;position:absolute;inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2);z-index:1;-webkit-mask-image:var(--post-icon-checkmark-solid);mask-image:var(--post-icon-checkmark-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3)}:root,:host{--post-icon-checkmark-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hlY2ttYXJrLXNvbGlkIj48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTcuNDkgMTIuOTktMy42NC0zLjljLS40Ny0uNS0uNDQtMS4zLjA2LTEuNzdzMS4yOS0uNDQgMS43Ny4wNmwxLjQ4IDEuNTggMy4wNS00LjYyYy4zOC0uNTggMS4xNi0uNzQgMS43My0uMzUuNTguMzguNzQgMS4xNi4zNSAxLjczeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMTEuMTggMTguODgtNS4xNC01LjUxYTEuNSAxLjUgMCAwIDEgLjA3LTIuMTJjLjYtLjU2IDEuNTUtLjUzIDIuMTIuMDdsMi41NCAyLjcyIDQuODQtNy4zM2MuNDYtLjY5IDEuMzktLjg4IDIuMDgtLjQzLjY5LjQ2Ljg4IDEuMzkuNDMgMi4wOGwtNi45NCAxMC41MVoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE0Ljg3IDI0LjgxIDguMjMgMTcuN2MtLjY2LS43MS0uNjItMS44MS4wOC0yLjQ3LjcxLS42NiAxLjgxLS42MiAyLjQ3LjA4bDMuNjEgMy44NiA2LjYyLTEwLjA0Yy41My0uODEgMS42Mi0xLjAzIDIuNDItLjUuODEuNTMgMS4wMyAxLjYyLjUgMi40MkwxNC44NiAyNC44WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJtMTguNTYgMzAuNi04LjE0LTguNzFjLS43NS0uODEtLjcxLTIuMDcuMS0yLjgzLjgxLS43NSAyLjA3LS43MSAyLjgzLjFsNC42NyA1IDguNDEtMTIuNzRhMiAyIDAgMCAxIDMuMzQgMi4yeiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuMjYgMzYuNTctOS42My0xMC4zMmMtLjg1LS45MS0uOC0yLjMzLjExLTMuMThzMi4zMy0uOCAzLjE4LjExbDUuNzQgNi4xNCAxMC4yLTE1LjQ1YTIuMjU0IDIuMjU0IDAgMCAxIDMuMTItLjY0YzEuMDQuNjggMS4zMiAyLjA4LjY0IDMuMTJMMjIuMjcgMzYuNTdaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yOS42MSA0Ny45MSAxNy4yIDM0LjYyYTIuNDk3IDIuNDk3IDAgMSAxIDMuNjUtMy40MWw4LjA4IDguNjUgMTMuOTUtMjEuMTNhMi40OTkgMi40OTkgMCAwIDEgNC4xNyAyLjc1TDI5LjYgNDcuOTFaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZWNrbWFyay1zb2xpZCIvPjwvZz48L3N2Zz4=")}:host(:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size7)/2)}:host(:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size7))/2)}:host(.stepper-item-completed)>.stepper-item-content::after{content:""}:host([aria-current=step])>.stepper-item-content::after{-webkit-mask-image:var(--post-icon-edit-solid);mask-image:var(--post-icon-edit-solid);background-color:currentColor;width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4);background-color:var(--post-scheme-color-interactive-primary-enabled-fg3);inset-block-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:root,:host{--post-icon-edit-solid:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktZWRpdC1zb2xpZCI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xLjUgMTAuOTkgOC41LTguNXMuMDMuMDUuMDUuMDdsMy41IDMuNDUtOC41MiA4LjUxem0tLjkyIDEuMi0uNTYgMy44IDMuODEtLjU2LTMuMjQtMy4yNFptMTUuMjUtOS4zN0wxMy4xOS4xOGEuNjMuNjMgMCAwIDAtLjg4IDBsLTEuMjcgMS4yN3MuMDQuMDIuMDYuMDRsMy41IDMuNDUgMS4yMy0xLjIzYy4yNC0uMjQuMjQtLjY0IDAtLjg4WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44NCAyMy4xNS4wMiAyNGwuODUtNS44MnptMS40MS0xLjA4TDIwLjQ5IDguODNsLTUuMjUtNS4xN3MtLjA0LS4wNy0uMDctLjFMMS45NSAxNi43OGw1LjMgNS4zWm0xNi41LTE3LjgzTDE5Ljc4LjI3YS45MzYuOTM2IDAgMCAwLTEuMzMgMGwtMi4wOSAyLjA5cy4wNi4wMy4wOS4wNmw1LjI2IDUuMTggMi4wMy0yLjAzYy4zNy0uMzcuMzctLjk2IDAtMS4zM1oiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTguMDcgMzAuNzctOC4wNCAxLjIgMS4yMS04LjA3em0xLjUzLTEuMzEgMTcuODMtMTcuODQtNi45OS02Ljg5cy0uMDYtLjA5LS4wOS0uMTRMMi41NiAyMi4zOGw3LjAzIDcuMDdaTTMxLjY2IDUuNjIgMjYuMzcuMzNjLS40OS0uNDktMS4yOC0uNDktMS43NiAwbC0yLjg5IDIuODlzLjA5LjA0LjEyLjA4bDcuMDEgNi45IDIuODItMi44MmMuNDktLjQ5LjQ5LTEuMjggMC0xLjc2WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMi40MSAyOC43OSAyNS41MiA1LjcxYy4wNC4wNi4wNi4xMi4xMS4xN2w4Ljc0IDguNkwxMS4yMyAzNy42em0tMS4wMiAyLjE2TC4wNCA0MC4wMWw5LjA0LTEuMzktNy42OS03LjY4Wk0zOS41OCA3LjA3IDMyLjk3LjQ3Yy0uNjEtLjYxLTEuNi0uNjEtMi4yMSAwbC0zLjcgMy43Yy4wNS4wNC4xMS4wNi4xNS4xbDguNzYgOC42MSAzLjYxLTMuNjFjLjYxLS42MS42MS0xLjYgMC0yLjIiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTIuODMgMzQuNTggMzEuMyA2LjExYy4wNS4wNy4wOC4xNC4xNC4ybDEwLjQ5IDEwLjMzLTI4LjU1IDI4LjU0em0tMS4xOCAyLjM2TDAgNDhsMTAuOTktMS42NnpNNDcuNDYgOC40NyAzOS41My41NGMtLjczLS43My0xLjkyLS43My0yLjY1IDBsLTMuODcgMy44N2MuMDYuMDQuMTMuMDcuMTkuMTJsMTAuNTEgMTAuMzQgMy43NS0zLjc1Yy43My0uNzMuNzMtMS45MiAwLTIuNjUiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTE1LjA4IDYxLjcyIDAgNjMuOThsMi4zLTE1LjA0ek00Mi41MiA3Ljg0Yy0uMDgtLjA4LS4xMy0uMTgtLjE5LS4yOEwzLjU5IDQ2LjM0bDE0LjA5IDE0LjA5LTEuMDcgMS4wN2guMDJMNTYuNSAyMS42em0yMC43NiAzLjQ1TDUyLjcxLjcxYy0uOTctLjk3LTIuNTUtLjk3LTMuNTMgMGwtNC45OSA1Yy4wOS4wNS4xOC4xLjI2LjE3bDEzLjk5IDEzLjc4IDQuODQtNC44NGMuOTctLjk3Ljk3LTIuNTUgMC0zLjUzIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWVkaXQtc29saWQiLz48L2c+PC9zdmc+")}:host([aria-current=step]:first-of-type)>.stepper-item-content::after{inset-inline-start:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}:host([aria-current=step]:not(:first-of-type,:last-of-type))>.stepper-item-content::after{inset-inline-start:calc(50% - var(--post-device-sizing-interactive-icon-size4)/2)}:host([aria-current=step]:last-of-type)>.stepper-item-content::after{inset-inline-end:calc((var(--post-device-sizing-interactive-stepper-indicator) - var(--post-device-sizing-interactive-icon-size4))/2)}@media screen and (max-width: 779.98px){:host{-ms-flex-positive:1;flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){-ms-flex:0 0 32px;flex:0 0 32px}:host(:last-of-type)::after{content:unset}.stepper-item-content{margin-inline:0 !important}.label{display:none}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host::before,:host::after{background-color:CanvasText !important}:host(.stepper-item-current:not(:first-of-type))::before,:host(.stepper-item-current:last-of-type)::after,:host(.stepper-item-completed)::after,:host(.stepper-item-completed)::before{background-color:Highlight !important}.stepper-item-content::before{forced-color-adjust:none}:host(.stepper-item-current) .stepper-item-content::before{background-color:Canvas;color:CanvasText}:host(.stepper-item-completed) .stepper-item-content::before,:host(.stepper-item-inactive) .stepper-item-content::before{border-color:Canvas;background-color:CanvasText}:host(.stepper-item-inactive) .stepper-item-content::before{color:Canvas}.stepper-item-content::after{color:Canvas}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
@@ -10,7 +10,7 @@ const PostStepperItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f41ae27d8de89912b3aa34d9c89f5ec69f3df301', "data-version": _package.version, role: "listitem" }, index.h("span", { key: '00a0dd2eb3fb020e49c5782245e1f3e72c77e780', class: "stepper-item-content" }, index.h("span", { key: 'bc9932083d295b92db24ddd22cb18a755db5ad11', class: "step-hidden-label visually-hidden" }), index.h("span", { key: 'efe2d809c82c1d7de9e0cdf4e52b924943afa0bf', class: "label" }, index.h("slot", { key: '47aceca3fc331ef91da60674dbc2af5ea7e76ec8' })))));
+        return (index.h(index.Host, { key: '53b052a2b68a93df9fda7f80f23d602d8a8efc56', "data-version": _package.version, role: "listitem" }, index.h("span", { key: 'e06841841e7fad42ff9de3e39dadf5fab96b9952', class: "stepper-item-content" }, index.h("span", { key: 'f934ef19fbdd65111b7cf561dcc9297122d62595', class: "step-hidden-label visually-hidden" }), index.h("span", { key: '213db918f5ab854225974678c50176bb565ac2b1', class: "label" }, index.h("slot", { key: 'd8e067ea304700e37edb996a4c715d41e209b8d8' })))));
     }
 };
 PostStepperItem.style = postStepperItemCss();

package/dist/cjs/post-stepper.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
 var pattern = require('./pattern-BlBN9eIw.js');
@@ -113,7 +113,7 @@ const PostStepper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e6d1f0498cb3de68badef6428cfe8fdff73b879b', "data-version": _package.version }, index.h("ol", { key: '4c10c32d36eaeeb19712f7d99dcba7d5337d89a1' }, index.h("slot", { key: 'ced502f01025f44c09747299cf60c82ebcd905da', onSlotchange: () => this.updateSteps() })), index.h("div", { key: '93cfc9fbd328d4a384c56ccf1f884053643f88e6', class: "active-step", "aria-hidden": "true" }, index.h("span", { key: '076fad4efc393852d024157011a0e86d90ecfe99', class: "active-step-label" }, this.mobileActiveStepLabel), index.h("span", { key: '814817862389cd55859aec49205fae255cbbf1d7', innerHTML: this.mobileActiveStepName }))));
+        return (index.h(index.Host, { key: '52c9943bca4c1d7b1d964d812ce21d8b0eb2d236', "data-version": _package.version }, index.h("ol", { key: 'ea1f27a214d9cdf14b5f2d07f14a8d54836a32b3' }, index.h("slot", { key: '6f07fe49d55152123dc39645ef17bf5557753005', onSlotchange: () => this.updateSteps() })), index.h("div", { key: 'ad3af45bc5d1493f9f1084cc28c77c39d27cbd35', class: "active-step", "aria-hidden": "true" }, index.h("span", { key: '6e3f5decadc8bcc67812dd67f6efe0afa0613b46', class: "active-step-label" }, this.mobileActiveStepLabel), index.h("span", { key: '4aeb9376181d78007a929c5e8e4ba11c181039bb', innerHTML: this.mobileActiveStepName }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-tab-item.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
@@ -47,7 +47,7 @@ const PostTabItem = class {
         this.isPagesVariant = hasAnchor;
     }
     render() {
-        return (index.h(index.Host, { key: '0c98772d01658e932be9982b6983eb3c1f0c4053', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": _package.version, "data-pages-variant": this.isPagesVariant.toString(), "aria-selected": this.isPagesVariant ? undefined : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.isPagesVariant ? undefined : '-1', class: `${this.isPagesVariant ? 'nav-item' : 'tab-title'}${''}`, style: undefined }, index.h("slot", { key: 'fba27566a1226e560161f839df050666763bdce5' })));
+        return (index.h(index.Host, { key: '974d9682ef0448cf3adf9481ba472a5c196349b3', id: this.tabId, role: this.isPagesVariant ? undefined : 'tab', "data-version": _package.version, "data-pages-variant": this.isPagesVariant.toString(), "aria-selected": this.isPagesVariant ? undefined : 'false', "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.isPagesVariant ? undefined : '-1', class: `${this.isPagesVariant ? 'nav-item' : 'tab-title'}${''}`, style: undefined }, index.h("slot", { key: '6a7ed6323892a40ea22e487bc9460af69fda02c6' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-tab-panel.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
@@ -28,7 +28,7 @@ const PostTabPanel = class {
         this.panelId = `panel-${this.host.id || nanoid.nanoid(6)}`;
     }
     render() {
-        return (index.h(index.Host, { key: '2b02063bf2e67f4e826155759f28a1ae47b0c8e0', "data-version": _package.version, id: this.panelId, role: "tabpanel", slot: "panels", style: undefined }, index.h("slot", { key: 'b4c39e035d0f49f5654b030f4aada27fbebb122c' })));
+        return (index.h(index.Host, { key: '07d93ddaa69253a956ed50cd9ecd6ed039fbc6e2', "data-version": _package.version, id: this.panelId, role: "tabpanel", slot: "panels", style: undefined }, index.h("slot", { key: 'd6887db4e0e4dc22f8f8fdf098d6068ef4bd1a91' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-tabs.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var componentOnReady = require('./component-on-ready-CifOTqw1.js');
 var fade = require('./fade-CPQhl1fP.js');
 var oneOf = require('./one-of-7TSi182P.js');
@@ -44,6 +44,18 @@ const PostTabs = class {
          * Default is 'large'.
          */
         this.size = 'large';
+        // Showing or hiding a scroll button changes the container width, which can happen in the middle of a scroll:
+        // the scroll target has to be recomputed, otherwise the scroll stops short of the end
+        this.handleContainerResize = () => {
+            this.updateScrollButtons();
+            // When the whole component resizes instead (e.g. the window gets narrower), the tabs keep their position
+            const hostWidth = this.host.clientWidth;
+            if (hostWidth !== this.hostWidth) {
+                this.hostWidth = hostWidth;
+                this.pendingScroll = undefined;
+            }
+            this.pendingScroll?.();
+        };
         // Handles the visibility of scroll buttons based on the scroll position of the tabs container
         this.updateScrollButtons = () => {
             if (!this.tabsContainer)
@@ -127,7 +139,8 @@ const PostTabs = class {
         this.contentObserver?.observe(this.host, config);
     }
     setupResizeObserver() {
-        this.resizeObserver = new ResizeObserver(this.updateScrollButtons);
+        this.hostWidth = this.host.clientWidth;
+        this.resizeObserver = new ResizeObserver(this.handleContainerResize);
         this.resizeObserver.observe(this.tabsContainer);
     }
     handleContentChange(mutations) {
@@ -396,11 +409,23 @@ const PostTabs = class {
         const paddingStart = Number.parseFloat(style.paddingInlineStart) || 0;
         const paddingEnd = Number.parseFloat(style.paddingInlineEnd) || 0;
         const contentWidth = this.tabsContainer.clientWidth - paddingStart - paddingEnd;
+        const maxScrollLeft = this.tabsContainer.scrollWidth - this.tabsContainer.clientWidth;
+        const reachesEnd = sign > 0 && this.tabsContainer.scrollLeft + contentWidth >= maxScrollLeft;
+        this.pendingScroll = reachesEnd ? () => this.scrollToEnd() : undefined;
         this.tabsContainer.scrollBy({
             left: sign * contentWidth,
             behavior: 'smooth',
         });
     }
+    scrollToEnd() {
+        const container = this.tabsContainer;
+        const maxScrollLeft = container.scrollWidth - container.clientWidth;
+        if (container.scrollLeft >= maxScrollLeft) {
+            this.pendingScroll = undefined;
+            return;
+        }
+        container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
+    }
     scrollTabIntoView(tab, behavior = 'instant') {
         const container = this.tabsContainer;
         const style = getComputedStyle(container);
@@ -410,10 +435,13 @@ const PostTabs = class {
         const tabRight = tabLeft + tab.offsetWidth;
         const containerLeft = container.scrollLeft + paddingStart;
         const containerRight = containerLeft + container.clientWidth - paddingStart - paddingEnd;
+        // Only aligning the tab to the right edge depends on the container width
+        this.pendingScroll = undefined;
         if (tabLeft < containerLeft) {
             container.scrollTo({ left: tabLeft - paddingStart, behavior });
         }
         else if (tabRight > containerRight) {
+            this.pendingScroll = () => this.scrollTabIntoView(tab, behavior);
             container.scrollTo({ left: tabRight - container.clientWidth + paddingEnd, behavior });
         }
     }
@@ -424,10 +452,10 @@ const PostTabs = class {
     render() {
         const TabsContainer = this.isPagesVariant ? 'nav' : 'div';
         const style = undefined;
-        return (index.h(index.Host, { key: 'fb65fd2589517dd6d86e86435ec6b3a3b64b093d', "data-version": _package.version, style: style }, index.h("div", { key: 'dbcdd791af381ccc23953acb38a8e71527a804ee', class: "tabs-wrapper", part: "post-tabs" }, index.h("button", { key: 'e14933611fd38f647219a6885b879f93e7bdd4d7', ref: el => (this.leftScrollButton = el), class: "scroll-btn scroll-btn-left", type: "button", "aria-label": this.textPrevTabItems, tabindex: -1, hidden: !this.showLeftScrollButton, onClick: () => this.scrollTabs('prev') }, index.h("post-icon", { key: 'c1bf9a6f438f2b6519a90b20c26c292143239323', name: "chevronleft" })), index.h(TabsContainer, { key: 'b7f3357cdab40e7e0d9c290c922803eccb00ec81', ref: el => (this.tabsContainer = el), class: "tabs", role: this.isPagesVariant ? undefined : 'tablist', "aria-label": this.isPagesVariant ? this.label : undefined }, index.h("slot", { key: '4e4487253b64f4ec1f0454e711de7b1d3240dc32', onSlotchange: () => {
+        return (index.h(index.Host, { key: '10c247c7c021a4fbbd8f79ce7b82888e0b7c8be2', "data-version": _package.version, style: style }, index.h("div", { key: '5ccae325884c7cff0eec399da23513c0b864dde0', class: "tabs-wrapper", part: "post-tabs" }, index.h("button", { key: 'dd38a22327801b790f849449055b765d2c1bc3b6', ref: el => (this.leftScrollButton = el), class: "scroll-btn scroll-btn-left", type: "button", "aria-label": this.textPrevTabItems, tabindex: -1, hidden: !this.showLeftScrollButton, onClick: () => this.scrollTabs('prev') }, index.h("post-icon", { key: '461a92ab071472c995d0adad5c73c75c82d982fe', name: "chevronleft" })), index.h(TabsContainer, { key: 'edecdbfdc681b96539e5a0755330faf1795ecb35', ref: el => (this.tabsContainer = el), class: "tabs", role: this.isPagesVariant ? undefined : 'tablist', "aria-label": this.isPagesVariant ? this.label : undefined }, index.h("slot", { key: '6240234a2168b2e889cab92a7688731ca93a63a6', onSlotchange: () => {
                 this.moveMisplacedTabs();
                 this.enableTabs();
-            } })), index.h("button", { key: '415ca5611f57f8af18135ae3cdd18ca33964aba5', ref: el => (this.rightScrollButton = el), class: "scroll-btn scroll-btn-right", type: "button", "aria-label": this.textNextTabItems, tabindex: -1, hidden: !this.showRightScrollButton, onClick: () => this.scrollTabs('next') }, index.h("post-icon", { key: '42e4d6ff41b39a94b9480d3ec477a2f93e876d4f', name: "chevronright" }))), !this.isPagesVariant && (index.h("div", { key: '5c529d848c9bb7221d06324c03e98c55a3ef61b6', class: "tab-content", part: "post-tabs-content" }, index.h("slot", { key: '76c701c2ecb17d762bdf96c2970f5b69a6871301', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
+            } })), index.h("button", { key: 'a4030c48cbbefb578b03ee9dad35724a1fdd5547', ref: el => (this.rightScrollButton = el), class: "scroll-btn scroll-btn-right", type: "button", "aria-label": this.textNextTabItems, tabindex: -1, hidden: !this.showRightScrollButton, onClick: () => this.scrollTabs('next') }, index.h("post-icon", { key: 'd89c831bdd2faf1991793df47e7ca79bf49e5339', name: "chevronright" }))), !this.isPagesVariant && (index.h("div", { key: 'aba319437ba8bfb9e7a144a44efcc32d82ef6b02', class: "tab-content", part: "post-tabs-content" }, index.h("slot", { key: 'e689b5e3a030909c5c77899ac899ded2481f82a6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-togglebutton.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 
 const postTogglebuttonCss = () => `:host{cursor:pointer;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}`;
 
@@ -32,7 +32,7 @@ const PostTogglebutton = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '81fa9d922480059096e4146c10cf2ef72357b482', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: '4e8d793e3867ba4c9c8e17d509652309a79f032a' })));
+        return (index.h(index.Host, { key: '6f61a07946f3e67bace0a883b73c424893c4043d', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: 'fd9b93e45da499dbb790ad675f3db36e248c1960' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-tooltip-trigger.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
 require('./create-validator-decorator-CJK3Xf77.js');
@@ -183,7 +183,7 @@ const PostTooltipTrigger = class {
         this.tooltip?.hide();
     }
     render() {
-        return (index.h(index.Host, { key: '37f835a46c96f1f97019b611da8b6be2d6e1a8d7', "data-version": _package.version }, index.h("slot", { key: 'c2fc3d9080948fdcfbd8b2866730e76b770b87ba', onSlotchange: () => this.handleSlotChange() })));
+        return (index.h(index.Host, { key: '7811d666f249ead72768adaf5bdc92e47b447d8a', "data-version": _package.version }, index.h("slot", { key: '68e56c43ebec2abffbf049647ac08757dadf22f9', onSlotchange: () => this.handleSlotChange() })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-tooltip.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-B5ypPkK3.js');
 var placement = require('./placement-qEFR9hmI.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var oneOf = require('./one-of-7TSi182P.js');
 require('./create-validator-decorator-CJK3Xf77.js');
 
@@ -76,7 +76,7 @@ const PostTooltip = class {
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (index.h(index.Host, { key: 'c592afd24bbaf57999ca40b9558746a5a4490362', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'c66e0c89228fed51a0affa4788a3e6c32f3196ae', safeSpace: true, class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, autoHide: true, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, index.h("div", { key: 'fc57d4457c4910aab1bfae2558cf78ae9a253552', class: "tooltip-content" }, index.h("slot", { key: '316a52bf1a1763b2510270e9ab5bc26ca8e5e53f' })))));
+        return (index.h(index.Host, { key: '083507ae592ce9be50f6b4217a8d13785039478d', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'e0436489bd955cee95b287f35759c364b019be94', safeSpace: true, class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, autoHide: true, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, index.h("div", { key: '8e6417485a89f56c18e731351de0e9f5db2cdd9a', class: "tooltip-content" }, index.h("slot", { key: 'e4c9fed0c8a8454c20f504e38557abd8ea253a1b' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/swisspost-internet-footer.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DV0YNR6p.js');
+var _package = require('./package-B_v8dSM6.js');
 
 const postInternetFooterCss = () => `.cookie-settings{min-height:0;border:0 none;font-weight:inherit}`;
 
@@ -52,8 +52,11 @@ const PostInternetFooter = class {
     handleCookieSettingsClick() {
         window['UC_UI']['showSecondLayer']();
     }
+    hasItems(config) {
+        return Array.isArray(config?.items) && config.items.length > 0;
+    }
     renderListWithTitle(config, props) {
-        if (!config)
+        if (!this.hasItems(config))
             return undefined;
         const { titleProps, listProps, linkProps } = props;
         const titleText = _package.getText(config.title);
@@ -74,20 +77,22 @@ const PostInternetFooter = class {
             return null;
         }
         const footerConfig = _package.state.localizedConfig.footer;
-        return (index.h(index.Host, { "data-version": _package.version }, index.h("post-footer", { textFooter: this.textFooter }, footerConfig.prefooter && (index.h("div", { slot: "prefooter" }, this.renderListWithTitle(footerConfig.prefooter, {
+        const { complianceLinks } = footerConfig;
+        const showMeta = complianceLinks && (this.hasItems(complianceLinks) || this.cookieSettingsEnabled);
+        return (index.h(index.Host, { "data-version": _package.version }, index.h("post-footer", { textFooter: this.textFooter }, this.hasItems(footerConfig.prefooter) && (index.h("div", { slot: "prefooter" }, this.renderListWithTitle(footerConfig.prefooter, {
             titleProps: { tag: 'h3' },
         }))), footerConfig.sections?.map((section, i) => this.renderListWithTitle(section, {
             titleProps: { tag: 'span', slot: `grid-${i + 1}-title` },
             listProps: { slot: `grid-${i + 1}` },
-        })), footerConfig.socialLinks && (index.h("div", { slot: "socialmedia" }, this.renderListWithTitle(footerConfig.socialLinks, {
+        })), this.hasItems(footerConfig.socialLinks) && (index.h("div", { slot: "socialmedia" }, this.renderListWithTitle(footerConfig.socialLinks, {
             titleProps: { tag: 'h3' },
             linkProps: { class: 'btn btn-primary btn-icon', hiddenText: true },
-        }))), footerConfig.appStoreLinks && (index.h("div", { slot: "app" }, this.renderListWithTitle(footerConfig.appStoreLinks, {
+        }))), this.hasItems(footerConfig.appStoreLinks) && (index.h("div", { slot: "app" }, this.renderListWithTitle(footerConfig.appStoreLinks, {
             titleProps: { tag: 'h3' },
             linkProps: { class: 'app-store-badge', hiddenText: true },
-        }))), footerConfig.companyLinks && (index.h("div", { slot: "businesssectors" }, this.renderListWithTitle(footerConfig.companyLinks, {
+        }))), this.hasItems(footerConfig.companyLinks) && (index.h("div", { slot: "businesssectors" }, this.renderListWithTitle(footerConfig.companyLinks, {
             titleProps: { tag: 'h3' },
-        }))), footerConfig.complianceLinks && (index.h("div", { slot: "meta" }, index.h("ul", { "aria-label": _package.getText(footerConfig.complianceLinks.title) }, footerConfig.complianceLinks.items.map(item => (index.h("li", { key: item.text }, index.h(_package.Link, { config: item })))), this.cookieSettingsEnabled && (index.h("li", null, index.h("button", { class: "btn btn-link cookie-settings", onClick: this.handleCookieSettingsClick }, this.textCookieSettings)))))), footerConfig.copyright && index.h("p", { slot: "copyright" }, footerConfig.copyright))));
+        }))), showMeta && (index.h("div", { slot: "meta" }, index.h("ul", { "aria-label": _package.getText(complianceLinks.title) }, complianceLinks.items?.map(item => (index.h("li", { key: item.text }, index.h(_package.Link, { config: item })))), this.cookieSettingsEnabled && (index.h("li", null, index.h("button", { class: "btn btn-link cookie-settings", onClick: this.handleCookieSettingsClick }, this.textCookieSettings)))))), footerConfig.copyright && index.h("p", { slot: "copyright" }, footerConfig.copyright))));
     }
 };
 PostInternetFooter.style = postInternetFooterCss();

package/dist/cjs/swisspost-internet-header.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-DV0YNR6p.js');
+var _package = require('./package-B_v8dSM6.js');
 
 const Avatar = ({ user, description }) => (index.h("post-avatar", { firstname: user.name, lastname: user.surname, email: user.email, description: description, "aria-hidden": description ? undefined : 'true' }));
 
@@ -90,7 +90,8 @@ const observeAlternateLinks = (callback) => {
                 return [...m.addedNodes, ...m.removedNodes].some(n => n instanceof HTMLLinkElement &&
                     n.hasAttribute('href') &&
                     n.hasAttribute('hreflang') &&
-                    n.hasAttribute('rel') && n.rel === 'alternate');
+                    n.hasAttribute('rel') &&
+                    n.rel === 'alternate');
             }
             return false;
         });
@@ -494,6 +495,10 @@ const PostInternetHeader = class {
          * Makes the header content span the full width on screens larger than 1440px.
          */
         this.fullWidth = false;
+        /**
+         * Hides the login slot entirely, whether the user is logged in or not.
+         */
+        this.hideLogin = false;
         if (this.project === undefined || this.project === '' || !isValidProjectId(this.project)) {
             throw new Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`);
         }
@@ -612,7 +617,8 @@ const PostInternetHeader = class {
             this.renderNavigation('global-nav-primary', globalHeader.primaryNavigation), globalHeader.secondaryNavigation &&
             this.renderNavigation('global-nav-secondary', globalHeader.secondaryNavigation, {
                 ariaCurrentWhenActive: 'location',
-            }), globalHeader.languages && globalHeader.languages.length > 0 && (index.h("post-language-menu", { slot: "language-menu", textChangeLanguage: this.textChangeLanguage, textCurrentLanguage: this.textCurrentLanguage }, globalHeader.languages.map(lang => (index.h("post-language-menu-item", { key: lang.code, url: this.getLanguageUrl(lang.code, lang.url), active: lang.active, code: lang.code, name: lang.label, description: lang.description }, lang.text))))), globalHeader.postLogin &&
+            }), globalHeader.languages && globalHeader.languages.length > 0 && (index.h("post-language-menu", { slot: "language-menu", textChangeLanguage: this.textChangeLanguage, textCurrentLanguage: this.textCurrentLanguage }, globalHeader.languages.map(lang => (index.h("post-language-menu-item", { key: lang.code, url: this.getLanguageUrl(lang.code, lang.url), active: lang.active, code: lang.code, name: lang.label, description: lang.description }, lang.text))))), !this.hideLogin &&
+            globalHeader.postLogin &&
             this.renderNavItem(_package.state.user
                 ? {
                     user: _package.state.user,