@swisspost/design-system-components 10.8.0 → 10.9.0

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

@@ -4,7 +4,7 @@ var index = require('./index-DY4QxKNv.js');
 var placement = require('./placement-qEFR9hmI.js');
 require('./breakpoints-Kruvy8Dm.js');
 var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var oneOf = require('./one-of-qu7_EPxf.js');
 var required = require('./required-Dgzo-rb5.js');
 var type = require('./type-DBRxpBZI.js');
@@ -92,10 +92,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-progressbar.cjs.entry.js

@@ -126,7 +126,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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DY4QxKNv.js');
 require('./breakpoints-Kruvy8Dm.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-Dgzo-rb5.js');
 var type = require('./type-DBRxpBZI.js');
 require('./create-validator-decorator-DVm_SDrR.js');
@@ -94,7 +94,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-DY4QxKNv.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 require('./breakpoints-Kruvy8Dm.js');
 var eventFrom = require('./event-from-CTcQxB9-.js');
 var getRoot = require('./get-root-B1FnQ50K.js');
@@ -93,7 +93,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-DY4QxKNv.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var breakpoints = require('./breakpoints-Kruvy8Dm.js');
 var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
 var isFocusVisible = require('./is-focus-visible-B3CqVQsX.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-DY4QxKNv.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 
 const postStepperItemCss = () => `:host{grid-row:1;position:relative;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)){padding-inline-start:calc(var(--post-device-sizing-interactive-stepper-indicator) / 2)}:host(:not(:last-of-type)){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:fit-content;overflow-wrap:anywhere;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{margin-inline-start:auto;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:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-device-sizing-interactive-stepper-indicator);width:var(--post-device-sizing-interactive-stepper-indicator);box-sizing:border-box;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{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;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{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{flex-grow:1;margin-inline:0;padding:0 !important}:host::before{content:unset}:host::after{inset-inline-start:0 !important}:host(:last-of-type){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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DY4QxKNv.js');
 require('./breakpoints-Kruvy8Dm.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-Dgzo-rb5.js');
 var type = require('./type-DBRxpBZI.js');
 var pattern = require('./pattern-EpwCKMyC.js');
@@ -114,7 +114,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

@@ -3,7 +3,7 @@
 var index = require('./index-DY4QxKNv.js');
 require('./breakpoints-Kruvy8Dm.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-Dgzo-rb5.js');
 var type = require('./type-DBRxpBZI.js');
 require('./create-validator-decorator-DVm_SDrR.js');
@@ -48,7 +48,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

@@ -3,7 +3,7 @@
 var index = require('./index-DY4QxKNv.js');
 require('./breakpoints-Kruvy8Dm.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-Dgzo-rb5.js');
 var type = require('./type-DBRxpBZI.js');
 require('./create-validator-decorator-DVm_SDrR.js');
@@ -29,7 +29,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

@@ -4,7 +4,7 @@ var index = require('./index-DY4QxKNv.js');
 var fade = require('./fade-CPQhl1fP.js');
 require('./breakpoints-Kruvy8Dm.js');
 var componentOnReady = require('./component-on-ready-CifOTqw1.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var oneOf = require('./one-of-qu7_EPxf.js');
 var type = require('./type-DBRxpBZI.js');
 require('./utils-s05L2ulk.js');
@@ -45,6 +45,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)
@@ -128,7 +140,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) {
@@ -397,11 +410,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);
@@ -411,10 +436,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 });
         }
     }
@@ -425,10 +453,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-tooltip-trigger.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DY4QxKNv.js');
 require('./breakpoints-Kruvy8Dm.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var required = require('./required-Dgzo-rb5.js');
 var type = require('./type-DBRxpBZI.js');
 require('./create-validator-decorator-DVm_SDrR.js');
@@ -184,7 +184,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

@@ -3,7 +3,7 @@
 var index = require('./index-DY4QxKNv.js');
 var placement = require('./placement-qEFR9hmI.js');
 require('./breakpoints-Kruvy8Dm.js');
-var _package = require('./package-DAEQGHsE.js');
+var _package = require('./package-kgRYEtTJ.js');
 var oneOf = require('./one-of-qu7_EPxf.js');
 require('./create-validator-decorator-DVm_SDrR.js');
 
@@ -77,7 +77,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); }
 };