@swisspost/internet-header 1.17.0 → 10.1.0

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

@@ -0,0 +1,288 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-h3opCZqH.js';
+import { v as version } from './package-jK9tFtoG.js';
+import { g as getRoot } from './get-root-08F-DB-d.js';
+import { a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
+import { O as OneOf } from './one-of-w2eXPAzD.js';
+import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
+import { R as Required } from './required-tHxh_hWW.js';
+import { T as Type } from './type-Daxpt5v6.js';
+import { E as EventFrom } from './event-from-rEfV4v4a.js';
+import './create-validator-decorator--a-qkYfP.js';
+
+const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}`;
+
+var __decorate$1 = (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 PostMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.toggleMenu = createEvent(this, "toggleMenu");
+        this.lastFocusedElement = null;
+        this.KEYCODES = {
+            SPACE: ' ',
+            ENTER: 'Enter',
+            UP: 'ArrowUp',
+            DOWN: 'ArrowDown',
+            TAB: 'Tab',
+            HOME: 'Home',
+            END: 'End',
+            ESCAPE: 'Escape',
+        };
+        /**
+         * Defines the position of the menu relative to its trigger.
+         * Menus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+         * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
+         */
+        this.placement = 'bottom';
+        /**
+         * Holds the current visibility state of the menu.
+         * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),
+         * and updates automatically when the menu is toggled.
+         */
+        this.isVisible = false;
+        this.handleKeyDown = (e) => {
+            e.stopPropagation();
+            if (e.key === this.KEYCODES.ESCAPE) {
+                this.toggle(this.host);
+                return;
+            }
+            if (Object.values(this.KEYCODES).includes(e.key)) {
+                this.controlKeyDownHandler(e);
+            }
+        };
+        this.handleClick = (e) => {
+            const target = e.target;
+            if (['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(target.tagName)) {
+                this.toggle(this.host);
+            }
+        };
+    }
+    connectedCallback() {
+        this.root = getRoot(this.host);
+        this.host.addEventListener('keydown', this.handleKeyDown);
+        this.host.addEventListener('click', this.handleClick);
+    }
+    disconnectedCallback() {
+        this.host.removeEventListener('keydown', this.handleKeyDown);
+        this.host.removeEventListener('click', this.handleClick);
+    }
+    /**
+     * Toggles the menu visibility based on its current state,
+     * `target` is the HTML element the menu is anchored to.
+     */
+    async toggle(target) {
+        if (this.popoverRef) {
+            await this.popoverRef.toggle(target);
+        }
+        else {
+            console.error('toggle: popoverRef is null or undefined');
+        }
+    }
+    /**
+     * Displays the popover menu, focusing the first menu item,
+     * `target` is the HTML element the menu is anchored to.
+     */
+    async show(target) {
+        if (this.popoverRef) {
+            await this.popoverRef.show(target);
+        }
+        else {
+            console.error('show: popoverRef is null or undefined');
+        }
+    }
+    /**
+     * Hides the popover menu and restores focus to the previously focused element.
+     */
+    async hide() {
+        if (this.popoverRef) {
+            await this.popoverRef.hide();
+        }
+        else {
+            console.error('hide: popoverRef is null or undefined');
+        }
+    }
+    handlePostShown(event) {
+        // Only for the first open
+        if (event.detail.first) {
+            // Add "menu" and "menuitem" aria roles and aria-label
+            this.host.setAttribute('role', 'menu');
+            const menuItems = this.getSlottedItems();
+            for (const item of menuItems) {
+                item.setAttribute('role', 'menuitem');
+            }
+            if (this.label)
+                this.host.setAttribute('aria-label', this.label);
+        }
+    }
+    handlePostBeforeToggle(event) {
+        this.isVisible = event.detail.willOpen;
+        this.toggleMenu.emit(this.isVisible);
+        if (this.isVisible) {
+            this.lastFocusedElement = this.root?.activeElement;
+            requestAnimationFrame(() => {
+                const menuItems = this.getSlottedItems();
+                if (menuItems.length > 0) {
+                    menuItems[0].focus();
+                }
+            });
+        }
+        else if (this.lastFocusedElement) {
+            this.lastFocusedElement.focus();
+        }
+    }
+    controlKeyDownHandler(e) {
+        const menuItems = this.getSlottedItems();
+        if (menuItems.length === 0) {
+            return;
+        }
+        let currentIndex = menuItems.findIndex(el => {
+            // Check if the item is currently focused within its rendered scope (document or shadow root)
+            return el === getRoot(el).activeElement;
+        });
+        switch (e.key) {
+            case this.KEYCODES.UP:
+                e.preventDefault();
+                currentIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;
+                break;
+            case this.KEYCODES.DOWN:
+                e.preventDefault();
+                currentIndex = (currentIndex + 1) % menuItems.length;
+                break;
+            case this.KEYCODES.HOME:
+                e.preventDefault();
+                currentIndex = 0;
+                break;
+            case this.KEYCODES.END:
+                e.preventDefault();
+                currentIndex = menuItems.length - 1;
+                break;
+            case this.KEYCODES.SPACE:
+                this.toggle(this.host);
+                return;
+            case this.KEYCODES.TAB:
+                this.toggle(this.host);
+                break;
+        }
+        if (menuItems[currentIndex]) {
+            menuItems[currentIndex].focus();
+        }
+    }
+    getSlottedItems() {
+        const slot = this.host.shadowRoot.querySelectorAll('slot');
+        const slottedElements = [];
+        slot.forEach(slotItem => slottedElements.push(...slotItem.assignedElements()));
+        return (slottedElements
+            // If the element is a slot, get the assigned elements
+            .flatMap(el => (el instanceof HTMLSlotElement ? el.assignedElements() : el))
+            // For each menu item, get any focusable children (e.g., buttons, links)
+            .flatMap(el => [
+            ...getFocusableChildren(el),
+            ...(el.shadowRoot ? getFocusableChildren(el.shadowRoot) : []),
+        ]));
+    }
+    render() {
+        return (h(Host, { key: '3acc3b3079f45acc85305187ee76b70eb942a37f', "data-version": version }, h("post-popovercontainer", { key: '016f1e935c9f0b5a5b7c69f2d44899e567f03ef8', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'e8c184515174c1aaa6d8bfb0eada4aee665aef90', part: "post-menu" }, h("slot", { key: '6301cebdd05b4964656754c162ad5893d7b06f9e', name: "header" }), h("slot", { key: '76a2f5ee1640268b945dac56b577811c968c891e' })))));
+    }
+    get host() { return getElement(this); }
+};
+__decorate$1([
+    OneOf(PLACEMENT_TYPES)
+], PostMenu.prototype, "placement", void 0);
+__decorate$1([
+    Required(),
+    Type('string')
+], PostMenu.prototype, "label", void 0);
+__decorate$1([
+    EventFrom('post-popovercontainer')
+], PostMenu.prototype, "handlePostShown", null);
+__decorate$1([
+    EventFrom('post-popovercontainer')
+], PostMenu.prototype, "handlePostBeforeToggle", null);
+PostMenu.style = postMenuCss();
+
+const postMenuTriggerCss = () => `:host{display:inline-block}`;
+
+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 PostMenuTrigger = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
+    }
+    connectedCallback() {
+        this.root = getRoot(this.host);
+    }
+    componentDidLoad() {
+        this.setAriaAttributes();
+        if (this.root) {
+            this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
+        }
+    }
+    disconnectedCallback() {
+        this.root.removeEventListener('toggleMenu', this.updateAriaExpanded);
+    }
+    updateAriaExpanded(event) {
+        const target = event.target;
+        if (target.localName === 'post-menu' && target.id === this.for) {
+            this.slottedButton.setAttribute('aria-expanded', event.detail.toString());
+        }
+    }
+    setAriaAttributes() {
+        const slottedButtons = this.host.querySelectorAll('button');
+        if (slottedButtons.length !== 1) {
+            console.warn(`The post-menu-trigger should contain exactly one button (${slottedButtons.length} found).`);
+            return;
+        }
+        this.slottedButton = slottedButtons.item(0);
+        this.slottedButton.setAttribute('type', 'button');
+        this.slottedButton.setAttribute('aria-haspopup', 'menu');
+        this.slottedButton.setAttribute('aria-expanded', 'false');
+        this.slottedButton.addEventListener('click', this.handleToggle.bind(this));
+        this.slottedButton.addEventListener('keydown', this.handleKeyDown.bind(this));
+    }
+    handleKeyDown(e) {
+        if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            this.handleToggle();
+        }
+    }
+    handleToggle() {
+        const menu = this.getMenu();
+        if (menu)
+            menu.toggle(this.host);
+    }
+    getMenu() {
+        const ref = this.root.getElementById(this.for);
+        if (ref && ref.localName === 'post-menu')
+            return ref;
+        console.warn(`No post-menu found with ID: ${this.for}`);
+        return null;
+    }
+    render() {
+        return (h(Host, { key: '3aa1f5576b030765aafe7cd1f4df773b27a91265', "data-version": version }, h("slot", { key: '3d2dbe578601244b1a65960e26a2da3f2a62ecbc' })));
+    }
+    get host() { return getElement(this); }
+};
+__decorate([
+    Required(),
+    Type('string')
+], PostMenuTrigger.prototype, "for", void 0);
+PostMenuTrigger.style = postMenuTriggerCss();
+
+export { PostMenu as post_menu, PostMenuTrigger as post_menu_trigger };

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

@@ -0,0 +1,138 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-h3opCZqH.js';
+import { v as version } from './package-jK9tFtoG.js';
+import { d as debounce } from './index-bR8vy6-s.js';
+
+function getSlottedElement(host, selector) {
+    const slottedElements = host.querySelectorAll(selector);
+    if (slottedElements.length === 1) {
+        return slottedElements[0];
+    }
+    console.error(`<${host.localName}> expects exactly one element matching "${selector}", but found ${slottedElements.length}.`, host);
+    return null;
+}
+
+function repeatOnLongPress(callback, options) {
+    const stop = repeat(callback, options);
+    const handler = () => {
+        stop();
+        globalThis.removeEventListener('pointerup', handler);
+        globalThis.removeEventListener('pointercancel', handler);
+        globalThis.removeEventListener('pointerleave', handler);
+    };
+    globalThis.addEventListener('pointerup', handler);
+    globalThis.addEventListener('pointercancel', handler);
+    globalThis.addEventListener('pointerleave', handler);
+}
+function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
+    callback(); // immediate action
+    let intervalId;
+    const timeoutId = setTimeout(() => {
+        intervalId = setInterval(callback, intervalMs);
+    }, delayMs);
+    return () => {
+        clearTimeout(timeoutId);
+        if (intervalId)
+            clearInterval(intervalId);
+    };
+}
+
+const postNumberInputCss = () => `:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;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);-webkit-padding-before:var(--post-device-spacing-padding-block-29);padding-block-start:var(--post-device-spacing-padding-block-29);-webkit-padding-after:var(--post-device-spacing-padding-block-3);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;-webkit-padding-end:calc(       (var(--post-device-spacing-padding-inline-1)* 2) +         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;-ms-flex-positive:1;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:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-transition:unset;transition:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:0 0 auto;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);-webkit-box-shadow:var(--post-device-elevation-100);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:not(:disabled):hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.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(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 = Number.parseFloat(input[key]);
+    return Number.isNaN(value) ? undefined : value;
+}
+function compare(value, bound, comparator) {
+    return value !== undefined && bound !== undefined && comparator(value, bound);
+}
+const PostNumberInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isDisabled = false;
+        this.isIncrementDisabled = false;
+        this.isDecrementDisabled = false;
+        this.small = false;
+        this.setupInput = 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
+            this.input.addEventListener('input', () => this.updateStepButtonState());
+            // step buttons may become disabled after the input attributes change
+            this.mutationObserver = new MutationObserver(() => this.updateStepButtonState());
+            this.mutationObserver.observe(this.input, {
+                attributes: true,
+                attributeFilter: ['min', 'max', 'disabled'],
+            });
+        });
+    }
+    get value() {
+        return parseNumber(this.input, 'value');
+    }
+    get min() {
+        return parseNumber(this.input, 'min');
+    }
+    get max() {
+        return parseNumber(this.input, 'max');
+    }
+    get isAtMin() {
+        return compare(this.value, this.min, (v, m) => v === m);
+    }
+    get isAtMax() {
+        return compare(this.value, this.max, (v, m) => v === m);
+    }
+    get isBelowMin() {
+        return compare(this.value, this.min, (v, m) => v < m);
+    }
+    get isAboveMax() {
+        return compare(this.value, this.max, (v, m) => v > m);
+    }
+    disconnectedCallback() {
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
+    }
+    step(direction) {
+        const isIncrementing = direction === 'up';
+        repeatOnLongPress(() => {
+            const isAtBound = isIncrementing ? this.isAtMax : this.isAtMin;
+            if (isAtBound)
+                return;
+            const needsClamp = isIncrementing ? this.isBelowMin : this.isAboveMax;
+            if (needsClamp) {
+                this.input.value = isIncrementing ? this.input.min : this.input.max;
+            }
+            else {
+                const stepFn = isIncrementing ? this.input.stepUp : this.input.stepDown;
+                stepFn.call(this.input);
+            }
+            this.input.dispatchEvent(new Event('input', { bubbles: true }));
+            this.updateStepButtonState();
+        });
+    }
+    updateStepButtonState() {
+        const hasInvalidRange = this.min && this.max && this.min > this.max;
+        if (this.input.disabled || hasInvalidRange) {
+            this.isIncrementDisabled = this.isDecrementDisabled = true;
+        }
+        else {
+            this.isIncrementDisabled = this.isAtMax || this.isAboveMax;
+            this.isDecrementDisabled = this.isAtMin || this.isBelowMin;
+        }
+    }
+    render() {
+        const areButtonsShown = !!this.input;
+        return (h(Host, { key: 'a515b63f296ab4d5fcddeebee0fd1edec22093b8', "data-version": version, class: {
+                'number-input-sm': this.small,
+                'disabled': this.isDisabled,
+            } }, areButtonsShown && (h("div", { key: '17b65f0454b9843796dc0604a20df539326be003', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, h("post-icon", { key: '109251510a76ced4aed7e52ec08bf54241a4a625', name: "minus" }))), h("div", { key: '22a6cca78b4054cd04edb824c1b03dcbca087c60', class: "input-container" }, h("slot", { key: '1d54a8b78666d6525e017268dc02a543a19f88a9', onSlotchange: () => this.setupInput() })), areButtonsShown && (h("div", { key: '696ca615ff1a030b64e19b1b43b5eed978b1afe8', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, h("post-icon", { key: 'd4d34aee8d6b09514a6a7aae7db5459a9aaefe09', name: "plus" })))));
+    }
+    get host() { return getElement(this); }
+};
+PostNumberInput.style = postNumberInputCss();
+
+export { PostNumberInput as post_number_input };