@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.68

package/dist/cjs/post-listbox-option.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
+
+const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
+
+const PostListboxOption = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.postOptionSelected = index.createEvent(this, "postOptionSelected");
+        this.optionId = crypto.randomUUID();
+        /** Represents option is selected . */
+        this.selected = false;
+        /** Represents option is highlighted . */
+        this.highlighted = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": _package.version, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
+            /* Prevent focus change from triggering onblur event in post-autocomplete */
+            onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, index.h("span", { key: '7d844e51e7f90ea77075f83b663b2b77049f04df', class: "option-content" }, this.value, index.h("span", { key: 'b7b19312ebaf634292076425725434d18a8a6532', class: "option-description" }, index.h("slot", { key: '69db5aad7cbe41419398ca32c7ca2b955fbcaefe' }))), this.selected && index.h("post-icon", { key: '8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5', "aria-hidden": "true", name: "checkmark" })));
+    }
+};
+PostListboxOption.style = postListboxOptionCss();
+
+exports.post_listbox_option = PostListboxOption;

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

@@ -0,0 +1,151 @@
+'use strict';
+
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
+require('./breakpoints-B0Olgvgc.js');
+var eventFrom = require('./event-from-CwMw19f8.js');
+
+const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const PostListbox = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.postOptionActive = index.createEvent(this, "postOptionActive");
+        this.highlightedIndex = -1;
+        this.visibleOptions = [];
+        this.diacriticPattern = /[\u0300-\u036F]/u;
+        this.registerOptions = () => {
+            this.visibleOptions = this.options;
+        };
+        this.updateSelection = (value) => {
+            this.options.forEach(option => {
+                option.selected = option.value === value;
+                option.highlighted = false;
+            });
+            this.highlightedIndex = -1;
+            this.filter('');
+        };
+        this.clearActive = () => {
+            this.highlightedIndex = -1;
+            this.postOptionActive.emit(null);
+        };
+        this.normalizeText = (text) => {
+            return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
+        };
+        this.resetFilter = () => {
+            this.visibleOptions = this.options;
+            this.options.forEach(option => {
+                option.hidden = false;
+                option.highlighted = false;
+            });
+        };
+    }
+    get options() {
+        return Array.from(this.host.querySelectorAll('post-listbox-option'));
+    }
+    get inputElement() {
+        let autocomplete = this.host.closest('post-autocomplete');
+        if (!autocomplete) {
+            autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
+        }
+        return autocomplete?.querySelector('input');
+    }
+    componentWillLoad() {
+        this.registerOptions();
+    }
+    /** Opens the listbox */
+    async show() {
+        const input = this.inputElement;
+        if (input) {
+            this.popoverContainer?.show(input);
+            this.host.role = 'listbox';
+        }
+    }
+    /** Closes the listbox */
+    async hide() {
+        this.host.removeAttribute('role');
+        this.popoverContainer?.hide();
+    }
+    /** Uses the internal default filtering mode to filter the list of options.
+     * An empty string resets the filter to it's original state. */
+    async filter(query) {
+        const normalizedQuery = this.normalizeText(query);
+        if (normalizedQuery) {
+            this.visibleOptions = this.options.filter(option => {
+                const normalizedText = this.normalizeText(option.textContent);
+                const normalizedValue = this.normalizeText(option.value);
+                const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
+                option.hidden = !isVisible;
+                return isVisible;
+            });
+        }
+        else {
+            this.resetFilter();
+        }
+        this.clearActive();
+    }
+    /** Clears the currently selected option */
+    async clearSelection() {
+        this.updateSelection();
+    }
+    /** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
+    async navigate(direction) {
+        if (this.visibleOptions.length === 0)
+            return;
+        if (this.highlightedIndex >= 0) {
+            this.visibleOptions[this.highlightedIndex].highlighted = false;
+        }
+        switch (direction) {
+            case 'first':
+                this.highlightedIndex = 0;
+                break;
+            case 'last':
+                this.highlightedIndex = this.visibleOptions.length - 1;
+                break;
+            case 'up':
+                this.highlightedIndex =
+                    (this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
+                break;
+            case 'down':
+                this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
+                break;
+        }
+        const activeOption = this.visibleOptions[this.highlightedIndex];
+        activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
+        activeOption.highlighted = true;
+        this.postOptionActive.emit(activeOption.id);
+    }
+    /**
+     * Selects the currently highlighted option in the listbox and scrolls it into view.
+     */
+    async selectActive() {
+        if (this.highlightedIndex >= 0) {
+            const activeOption = this.visibleOptions[this.highlightedIndex];
+            this.updateSelection(activeOption.value);
+            this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
+        }
+    }
+    optionClicked(event) {
+        this.updateSelection(event.detail);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3572942d4f05b40bd8b35d959c513b5e534a2ec7', "data-version": _package.version }, index.h("post-popovercontainer", { key: '1f900e151adf72ba9394783414ba7d71df1be70c', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? index.h("slot", { name: "blank-slate" }) : index.h("slot", null))));
+    }
+    get host() { return index.getElement(this); }
+};
+__decorate([
+    eventFrom.EventFrom('post-listbox-option')
+], PostListbox.prototype, "optionClicked", null);
+PostListbox.style = postListboxCss();
+
+exports.post_listbox = PostListbox;

package/dist/cjs/post-login-widget.cjs.entry.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
+
+const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
+const PostLoginWidget = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.postChange = index.createEvent(this, "postChange");
+        this.authenticated = null;
+    }
+    async componentWillLoad() {
+        {
+            await this.fetchAuthState();
+        }
+    }
+    /**
+     * Returns the current authentication state:
+     * `null` when the component is still loading, `true` when authenticated, `false` when not.
+     */
+    async isAuthenticated() {
+        return this.authenticated;
+    }
+    /**
+     * Re-fetches the authentication state from the session API and updates
+     * the component rendering accordingly.
+     */
+    async refresh() {
+        await this.fetchAuthState();
+    }
+    async fetchAuthState() {
+        try {
+            const response = await fetch(SESSION_URL, {
+                credentials: 'include',
+            });
+            if (!response.ok) {
+                this.setAuthState(false);
+                return;
+            }
+            const json = await response.json();
+            const isAuthenticated = json?.data?.email !== undefined;
+            this.setAuthState(isAuthenticated);
+        }
+        catch {
+            this.setAuthState(false);
+        }
+    }
+    setAuthState(next) {
+        if (this.authenticated === next)
+            return;
+        this.authenticated = next;
+        this.postChange.emit({ authenticated: next });
+    }
+    render() {
+        return (index.h(index.Host, { key: '18fab2f7f7e699565e179362a43f7ada87f443fa', "data-version": _package.version }, this.authenticated === true ? index.h("slot", { name: "authenticated" }) : index.h("slot", { name: "unauthenticated" })));
+    }
+};
+
+exports.post_login_widget = PostLoginWidget;

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

@@ -1,9 +1,8 @@
 'use strict';
 
-var index = require('./index-YVR3WTTS.js');
-var breakpoints = require('./breakpoints-B81j4H4_.js');
-var _package = require('./package-Cixsn1Ql.js');
-require('./environment-BQE9Unf_.js');
+var index = require('./index-Du1lKw8D.js');
+var breakpoints = require('./breakpoints-B0Olgvgc.js');
+var _package = require('./package-DB6yM9Rp.js');
 
 function getSlottedElement(host, selector) {
     const slottedElements = host.querySelectorAll(selector);
@@ -18,13 +17,13 @@ function repeatOnLongPress(callback, options) {
     const stop = repeat(callback, options);
     const handler = () => {
         stop();
-        window.removeEventListener('pointerup', handler);
-        window.removeEventListener('pointercancel', handler);
-        window.removeEventListener('pointerleave', handler);
+        globalThis.removeEventListener('pointerup', handler);
+        globalThis.removeEventListener('pointercancel', handler);
+        globalThis.removeEventListener('pointerleave', handler);
     };
-    window.addEventListener('pointerup', handler);
-    window.addEventListener('pointercancel', handler);
-    window.addEventListener('pointerleave', handler);
+    globalThis.addEventListener('pointerup', handler);
+    globalThis.addEventListener('pointercancel', handler);
+    globalThis.addEventListener('pointerleave', handler);
 }
 function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
     callback(); // immediate action
@@ -39,11 +38,11 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
     };
 }
 
-const postNumberInputCss = () => `:host{display:inline-flex;align-items:end}.input-container{position:relative}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);height:60px;padding-inline:10px;font-size:32px;flex:0 0 auto;border-radius:4px}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{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}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0}.step-button:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.step-button.disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-style:dashed;pointer-events:none;cursor:unset}`;
+const postNumberInputCss = () => `:host{display:inline-flex;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;padding-inline-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         var(--post-device-sizing-notification-5)     ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:unset;box-sizing:border-box;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{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}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}`;
 
 function parseNumber(input, key) {
-    const value = parseFloat(input[key]);
-    return isNaN(value) ? undefined : value;
+    const value = Number.parseFloat(input[key]);
+    return Number.isNaN(value) ? undefined : value;
 }
 function compare(value, bound, comparator) {
     return value !== undefined && bound !== undefined && comparator(value, bound);
@@ -51,12 +50,16 @@ function compare(value, bound, comparator) {
 const PostNumberInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.isDisabled = false;
         this.isIncrementDisabled = false;
         this.isDecrementDisabled = false;
+        this.small = false;
         this.setupInput = breakpoints.debounce(50, () => {
             this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
             if (!this.input)
                 return;
+            this.isDisabled = this.input.disabled;
+            this.small = this.input.classList.contains('form-control-sm');
             // step buttons may be disabled when the input loads
             this.updateStepButtonState();
             // step buttons may become disabled after the value is changed via keyboard / typing
@@ -124,7 +127,10 @@ const PostNumberInput = class {
     }
     render() {
         const areButtonsShown = !!this.input;
-        return (index.h(index.Host, { key: '46550d929e231f75702c1b9117bfc4d14d432aaa', "data-version": _package.version }, areButtonsShown && (index.h("div", { key: '2b455c22e76e9fc8a2064f522f793aeaede4ee06', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, index.h("post-icon", { key: 'f8708da3644e0f2e07ace2aade7f84f83d446e17', name: "minus" }))), index.h("div", { key: 'a0c56a85d84d430e33096d2b1f4061231bedd184', class: "input-container" }, index.h("slot", { key: 'b3ada186248d64a1c77fe3126d5a27855a005021', onSlotchange: () => this.setupInput() })), areButtonsShown && (index.h("div", { key: '523843cfea31ded5c1e77f2bdaf55aa68e69fb7d', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, index.h("post-icon", { key: 'a57c389d303e23a4f445e6fda2aff3e1c8503f4f', name: "plus" })))));
+        return (index.h(index.Host, { key: '1a1defb8024bc4dcfcf6f979f93420a325bb1012', "data-version": _package.version, class: {
+                'number-input-sm': this.small,
+                'disabled': this.isDisabled,
+            } }, areButtonsShown && (index.h("div", { key: 'a23952d7f1a43f6ff1e782adcab869371a40e101', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, index.h("post-icon", { key: 'eeb4537e9ac72197acd575ae10229f49f136fd4d', name: "minus" }))), index.h("div", { key: '1e0c3563ebace9de810a0fe149b7b2b92e226315', class: "input-container" }, index.h("slot", { key: '7dba31b4f6b4bfb644f9285a9514aa5f927d46ec', onSlotchange: () => this.setupInput() })), areButtonsShown && (index.h("div", { key: '7d5ab980dc88e22cf707d2c07a862ed3c3c96b42', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, index.h("post-icon", { key: 'ed409eab6593d3077a6f42123d61847bd1766b43', name: "plus" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1,12 +1,11 @@
 'use strict';
 
-var index = require('./index-YVR3WTTS.js');
-var _package = require('./package-Cixsn1Ql.js');
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
 var index_browser = require('./index.browser-Doj636JV.js');
-var index$1 = require('./index-ChzLnSU8.js');
-require('./breakpoints-B81j4H4_.js');
+var index$1 = require('./index-qCzRmwgB.js');
+require('./breakpoints-B0Olgvgc.js');
 var debounce = require('./debounce-BsIBi_-2.js');
-require('./environment-BQE9Unf_.js');
 
 const postPaginationCss = () => `.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.pagination{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--post-device-spacing-padding-15);overflow:hidden}.pagination-list{display:flex;align-items:center;gap:var(--post-device-spacing-gap-inline-4);min-width:0;max-width:100%;margin:0;padding:0;list-style:none;flex-wrap:nowrap}.pagination-list .pagination-control:first-child{margin-inline-end:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-list .pagination-control:last-child{margin-inline-start:calc(var(--post-device-spacing-gap-11) - var(--post-device-spacing-gap-inline-4))}.pagination-item{display:flex;align-items:center;margin:0;padding:0;flex-shrink:0;flex-grow:0}.pagination-ellipsis,.pagination-link,.pagination-ellipsis-content{display:flex;align-items:center;justify-content:center}.pagination-link,.pagination-ellipsis-content{width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-width:var(--post-device-sizing-interactive-button-height-1);font-size:var(--post-device-font-size-6);color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-weight:var(--post-device-font-weight-bold)}.pagination-link{box-sizing:border-box;padding:0;margin:0;font-weight:var(--post-device-font-weight-bold);text-decoration:none;background-color:var(--post-scheme-color-interactive-primary-enabled-bg4);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke5);border-radius:var(--post-device-border-radius-round);cursor:pointer;appearance:none;outline:none;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.pagination-link{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}.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.pagination-link:active:not(.pagination-link-active),.pagination-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg5);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.pagination-link.pagination-link-active{color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1);cursor:default}.pagination-ellipsis{flex-shrink:0;flex-grow:0}.pagination-ellipsis-content{user-select:none}.hidden-items{position:absolute;display:flex;gap:var(--post-device-spacing-gap-11);height:0;overflow:hidden;white-space:nowrap;visibility:hidden;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
 
@@ -111,7 +110,7 @@ const PostPagination = class {
     scheduleMeasurement() {
         if (!this.loaded)
             return;
-        this.measurementTimeoutId = window.setTimeout(() => {
+        this.measurementTimeoutId = globalThis.setTimeout(() => {
             const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
             if (canMeasure) {
                 this.measureAndCalculateVisiblePages();
@@ -183,9 +182,9 @@ const PostPagination = class {
     getPaginationPadding() {
         if (!this.navRef)
             return 0;
-        const computedStyle = window.getComputedStyle(this.navRef);
-        const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
-        const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
+        const computedStyle = globalThis.getComputedStyle(this.navRef);
+        const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
+        const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
         return paddingLeft + paddingRight;
     }
     /**
@@ -206,8 +205,8 @@ const PostPagination = class {
      * Clamps the page number to valid range
      */
     clampPageToValidRange(totalPages) {
-        const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
-        const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
+        const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
+        const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
         const pageExceedsTotal = this.page > totalPages;
         if (invalidTotalPages || invalidPage) {
             return 1;

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

@@ -1,12 +1,11 @@
 'use strict';
 
-var index$1 = require('./index-YVR3WTTS.js');
-var _package = require('./package-Cixsn1Ql.js');
+var index$1 = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
 var focusable = require('./focusable-ZqET_zrB.js');
-var index = require('./index-ChzLnSU8.js');
-require('./breakpoints-B81j4H4_.js');
+var index = require('./index-qCzRmwgB.js');
+require('./breakpoints-B0Olgvgc.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./environment-BQE9Unf_.js');
 
 const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
 
@@ -114,7 +113,7 @@ const PostPopoverTrigger = class {
         this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '5420b1a86908cc2f103bc7aca148701e8804f21b', "data-version": _package.version }, index$1.h("slot", { key: '0e70264cb19becf5386cff430c530de2a8d043dd', onSlotchange: () => this.setupTrigger() })));
+        return (index$1.h(index$1.Host, { key: '1ee10390dbe3667e8f61a36c0c64712b3c9b6fe9', "data-version": _package.version }, index$1.h("slot", { key: 'c26260df89de55ccb71a29ddb53e559b6fae8bda', onSlotchange: () => this.setupTrigger() })));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -1,13 +1,12 @@
 'use strict';
 
-var index = require('./index-YVR3WTTS.js');
+var index = require('./index-Du1lKw8D.js');
 var placement = require('./placement-qEFR9hmI.js');
-var _package = require('./package-Cixsn1Ql.js');
-var index$1 = require('./index-ChzLnSU8.js');
-require('./breakpoints-B81j4H4_.js');
-var getFocusableChildren = require('./get-focusable-children-SdEe5tt7.js');
-require('./environment-BQE9Unf_.js');
-require('./get-root-CUAv4k4C.js');
+var _package = require('./package-DB6yM9Rp.js');
+var index$1 = require('./index-qCzRmwgB.js');
+require('./breakpoints-B0Olgvgc.js');
+var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
+require('./get-root-B1FnQ50K.js');
 
 const postPopoverCss = () => `*{box-sizing:border-box}:host{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{color:var(--post-current-fg);background-color:var(--post-current-bg);display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:var(--post-popover-max-width, 280px)}.popover-content{padding:.5em;flex-grow:1}`;
 
@@ -69,7 +68,7 @@ const PostPopover = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a6f257c7ee86f91c1726ab2c0a4f15a8c1725aae', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'f0a122aa46f9d28d2215e0cd5e5d6aba1e3e714e', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '80c41384076fa08397b44ca8c42a9fe0c0700c27', class: "popover-container" }, index.h("div", { key: 'c93714efca7aa854189681efa2346a560a68f034', class: "popover-content" }, index.h("slot", { key: '2b2df304dde672ce8d7415e309c5cd8d70144ada' })), index.h("post-closebutton", { key: 'e212d4ad9678844e65aa4efb35e796111812b033', onClick: () => this.hide() }, this.textClose)))));
+        return (index.h(index.Host, { key: '6c2562d4387dcbbd298bf438da50053a8737585f', "data-version": _package.version }, index.h("post-popovercontainer", { key: '1652f2a6647c0fae7ee9e371db0d6a2ceedc1396', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '9788322373590a2e63043999991cd783dff00c63', class: "popover-container" }, index.h("div", { key: '9e0df1357a3d2e774065995d0a43414f5c8ecca8', class: "popover-content" }, index.h("slot", { key: 'a407102dccd542eac230099ef577fce7e99b52cc' })), index.h("post-closebutton", { key: '490d4e82c6266cd277e98c4a079096b38b60d2aa', onClick: () => this.hide() }, this.textClose)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,9 @@
 'use strict';
 
-var index$1 = require('./index-YVR3WTTS.js');
-var _package = require('./package-Cixsn1Ql.js');
-var index = require('./index-ChzLnSU8.js');
-require('./breakpoints-B81j4H4_.js');
-require('./environment-BQE9Unf_.js');
+var index$1 = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
+var index = require('./index-qCzRmwgB.js');
+require('./breakpoints-B0Olgvgc.js');
 
 const postRatingCss = () => `:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 calc(var(--post-core-dimension-4)*-1);border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}`;
 
@@ -97,7 +96,7 @@ const PostRating = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a8889a8544b91dd589f8ff86e210472915a34100', "data-version": _package.version }, index$1.h("div", { key: 'eea1ffd49d7f450362f87d2e5b6d992e0913f5ca', 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$1.h("div", { key: `star-${v}`, "aria-hidden": "true", class: {
+        return (index$1.h(index$1.Host, { key: 'bd452616dc47e25ae0f97eb77869e558eb0e199c', "data-version": _package.version }, index$1.h("div", { key: 'a2d59f6007b337d906af31f7ebc4cc57022b0e67', 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$1.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-stepper-item.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-YVR3WTTS.js');
-var _package = require('./package-Cixsn1Ql.js');
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.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)::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;word-break:break-word;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{counter-increment:step-index;content:counter(step-index);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)}@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: '6a9e7ce6dbe2402b04a40db2a177fa7b5666140f', "data-version": _package.version, role: "listitem" }, index.h("span", { key: 'b4b90071f8a99226490d54463a3f9ae0222d5b56', class: "stepper-item-content" }, index.h("span", { key: '918f3caaf03d07998c28a4620ee2bee7b5ec2f2c', class: "step-hidden-label visually-hidden" }), index.h("span", { key: 'a4169e9cba976cbf09560ce05a5ab1a9b1c182a1', class: "label" }, index.h("slot", { key: 'e200808f2b0d757f12dff465547eb84eeb1f8b71' })))));
+        return (index.h(index.Host, { key: '7f3df658eb7640f582e438f218e3ec62fbb4edee', "data-version": _package.version, role: "listitem" }, index.h("span", { key: 'bb7b02a3cca04d16626f66c52eb08085a8e9cb26', class: "stepper-item-content" }, index.h("span", { key: '78ca87ae8956838bc7fffec8e6d9121aa4aa14da', class: "step-hidden-label visually-hidden" }), index.h("span", { key: '6beecc79f02ed51046e6b7cc5006c305c821f9bc', class: "label" }, index.h("slot", { key: '5701a12b73a29bd629fa361bcd838c9a7ec88869' })))));
     }
 };
 PostStepperItem.style = postStepperItemCss();

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

@@ -1,10 +1,9 @@
 'use strict';
 
-var index = require('./index-YVR3WTTS.js');
-var _package = require('./package-Cixsn1Ql.js');
-var index$1 = require('./index-ChzLnSU8.js');
-require('./breakpoints-B81j4H4_.js');
-require('./environment-BQE9Unf_.js');
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
+var index$1 = require('./index-qCzRmwgB.js');
+require('./breakpoints-B0Olgvgc.js');
 
 const postStepperCss = () => `ol{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:20px;grid-auto-columns:minmax(0, 1fr);padding-inline-end:20px}@media screen and (max-width: 779.98px){ol{display:flex;padding-inline-end:0}}.active-step{font-size:var(--post-device-font-size-7);font-weight:var(--post-device-font-weight-bold);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.active-step .active-step-label:has(+span:empty){visibility:hidden}@media screen and (min-width: 780px){.active-step{display:none}}`;
 
@@ -61,7 +60,7 @@ const PostStepper = class {
     updateActiveStepNumber() {
         if (this.textStepNumber) {
             const labelTemplate = this.textStepNumber;
-            this.mobileActiveStepLabel = labelTemplate.replace(/#number/g, `${this.selectedIndex + 1}`);
+            this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
             if (this.stepItems) {
                 this.updateMobileActiveStepVisibility();
             }
@@ -115,7 +114,7 @@ const PostStepper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '970f3b7005ccb1407b34dd007cc3350e46648ddd', "data-version": _package.version }, index.h("ol", { key: 'faca69796019b3062261931d58e3a17d1d733a9a' }, index.h("slot", { key: '51c7a7890f8024b193f642829fb3f519eee76819', onSlotchange: () => this.updateSteps() })), index.h("div", { key: '664bba5f3b5d6dffc7f4073b2ee0630d38e31531', class: "active-step", "aria-hidden": "true" }, index.h("span", { key: 'a9b076a75c5aba806200ffe21a5b06e3dcedae6b', class: "active-step-label" }, this.mobileActiveStepLabel), index.h("span", { key: 'a0a7a732841cfb36e1fc1e0ada0fcb8549acc3eb', innerHTML: this.mobileActiveStepName }))));
+        return (index.h(index.Host, { key: '3d406fc950ca7648c4c0588ddd059b872cdb9677', "data-version": _package.version }, index.h("ol", { key: 'c6b626cce3debd84887b7bc3646d5e30bd08abb1' }, index.h("slot", { key: '235d456eae8d6d8b7422e2600e17e29e6c3cbc21', onSlotchange: () => this.updateSteps() })), index.h("div", { key: '9cd98332dfbf95ba548badb4d887a556a7d9a956', class: "active-step", "aria-hidden": "true" }, index.h("span", { key: 'c5302583b07195b093d1da4cc081215fdfc49337', class: "active-step-label" }, this.mobileActiveStepLabel), index.h("span", { key: 'bf6bf2724b8876641459e88ca27ed0b725a77d32', innerHTML: this.mobileActiveStepName }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,11 +1,10 @@
 'use strict';
 
-var index = require('./index-YVR3WTTS.js');
-var _package = require('./package-Cixsn1Ql.js');
-var index$1 = require('./index-ChzLnSU8.js');
-require('./breakpoints-B81j4H4_.js');
+var index = require('./index-Du1lKw8D.js');
+var _package = require('./package-DB6yM9Rp.js');
+var index$1 = require('./index-qCzRmwgB.js');
+require('./breakpoints-B0Olgvgc.js');
 var index_browser = require('./index.browser-Doj636JV.js');
-require('./environment-BQE9Unf_.js');
 
 const postTabItemCss = () => `.tab-title,.nav-item a{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer}.tab-title:hover,.nav-item a:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title:focus-visible,.nav-item a:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title:focus-visible::after,.nav-item a:focus-visible::after{content:"";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title:focus-visible,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title,.nav-item a{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title:hover,.tab-title:focus,.tab-title:focus-within,.tab-title:focus-visible,.nav-item a:hover,.nav-item a:focus,.nav-item a:focus-within,.nav-item a:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}}.nav-item{display:inline-block;position:relative;box-sizing:border-box;cursor:default}.nav-item:focus,.nav-item:focus-visible{outline:none;box-shadow:none}.nav-item:focus::after,.nav-item:focus-visible::after{display:none}.nav-item a{color:inherit;text-decoration:none;display:block;width:100%;height:100%;box-sizing:border-box;position:relative;outline:none;cursor:pointer;border-radius:0}.nav-item a:focus{outline:none}.nav-item a:active{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.nav-item a:focus-visible{outline:none !important}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .nav-item a:focus-visible{background-color:rgba(255,255,255,.2)}.tab-title.active,.nav-item.active a{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title.active::before,.nav-item.active a::before{content:"";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title.active,.nav-item.active a{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title.active::before,.nav-item.active a::before{background-color:Highlight}}:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title{background-color:ButtonFace !important}.tab-title:hover{background-color:Highlight !important}}`;
 
@@ -38,7 +37,7 @@ const PostTabItem = class {
         this.isNavigationMode = hasAnchor;
     }
     render() {
-        return (index.h(index.Host, { key: 'f7e1c00ed73b796ac8b2994f5f6a1825318faae2', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": _package.version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, index.h("slot", { key: 'cc1fb5a02298dc775bbaacec051d51d96603ce73' })));
+        return (index.h(index.Host, { key: '21a098e2def9101e0856befc424c6be1732d0e01', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": _package.version, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, index.h("slot", { key: 'cc69c4da24b5bd63447660894f05203dd5e9ce5b' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {