@swisspost/design-system-components 10.0.0-next.39 → 10.0.0-next.41

package/dist/cjs/post-menu-item-d0a53c84.js

@@ -1,68 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const index$1 = require('./index-2b2b85e5.js');
-require('./breakpoints-cdf1b747.js');
-
-const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{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}.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item: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){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
-const PostBreadcrumbItemStyle0 = postBreadcrumbItemCss;
-
-const PostBreadcrumbItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.url = undefined;
-        this.fullUrl = undefined;
-    }
-    validateUrl() {
-        try {
-            this.validUrl = this.constructUrl(this.url);
-        }
-        catch (error) {
-            this.validUrl = undefined;
-        }
-    }
-    // Helper to construct a valid URL string or return undefined
-    constructUrl(value) {
-        const hasBaseURL = /^https?:\/\//.test(String(this.url));
-        if (typeof value === 'string') {
-            this.fullUrl = hasBaseURL ? value : `${window.location.origin}${value}`;
-            index$1.checkEmptyOrUrl(this, 'fullUrl');
-            return this.fullUrl;
-        }
-        return undefined;
-    }
-    connectedCallback() {
-        this.validateUrl();
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            const linkElement = this.host.shadowRoot?.querySelector('a');
-            if (linkElement) {
-                event.preventDefault();
-                linkElement.click();
-            }
-        }
-    }
-    render() {
-        const BreadcrumbTag = this.validUrl ? 'a' : 'span';
-        return (index.h(index.Host, { key: '8db753265537822996e971b6910284246ed0c9b2', "data-version": _package.version }, index.h("post-icon", { key: '5a40f01b5876337f6dff6117b61d0138b0c85d1e', name: "2111", class: "breadcrumb-item-icon" }), index.h(BreadcrumbTag, { key: '8a023863726927eca0f222a27f9b8946bc6c3b57', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, index.h("slot", { key: 'f98dd0552ff91b845bb838518cc619d613f57e5c' }))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "url": ["validateUrl"]
-    }; }
-};
-PostBreadcrumbItem.style = PostBreadcrumbItemStyle0;
-
-const PostMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '376ce17a520b6cb74c55c009843df878f99ef411', role: "menuitem", "data-version": _package.version }, index.h("slot", { key: 'e489c5c09f1527e527e052e9f4349c5b26db6ea9' })));
-    }
-};
-
-exports.PostBreadcrumbItem = PostBreadcrumbItem;
-exports.PostMenuItem = PostMenuItem;

package/dist/cjs/post-popover-36cead3d.js

@@ -1,150 +0,0 @@
-'use strict';
-
-const index$1 = require('./index-b60129c4.js');
-const placement = require('./placement-b2bb6ec4.js');
-const _package = require('./package-29dc73af.js');
-const breakpoints = require('./breakpoints-cdf1b747.js');
-const index = require('./index-2b2b85e5.js');
-
-function getAttributeObserver(attribute, handler) {
-    /**
-     * Handle attribute changes and childList changes from the observer
-     * @param {MutationRecord[]} mutationList
-     */
-    function observerHandler(mutationList) {
-        mutationList.forEach(mutation => {
-            if (mutation.type === 'attributes' && mutation.attributeName === attribute) {
-                handler(mutation.target);
-            }
-            if (mutation.type === 'childList') {
-                mutation.addedNodes.forEach(node => {
-                    if (node.nodeType === Node.ELEMENT_NODE &&
-                        node.hasAttribute(attribute)) {
-                        handler(node);
-                    }
-                });
-            }
-        });
-    }
-    // Initialize a mutation observer for patching accessibility features
-    return breakpoints.IS_BROWSER ? new MutationObserver(observerHandler) : null;
-}
-
-const postPopoverCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.btn-close{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;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.btn-close{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-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}*{box-sizing:border-box}:host{display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:min(var(--post-popover-max-width, 280px),100vw)}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:var(--post-scheme-color-surface-default-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:hover{color:HighlightText !important}}";
-const PostPopoverStyle0 = postPopoverCss;
-
-/**
- * @slot default - Slot for placing content inside the popover.
- */
-let popoverInstances = 0;
-const popoverTargetAttribute = 'data-popover-target';
-const globalToggleHandler = (e) => {
-    let currentElement = e.target;
-    // Traverse up the DOM tree to find if any parent has the popover target attribute
-    while (currentElement && !currentElement.getAttribute(popoverTargetAttribute)) {
-        if (currentElement === document.body || !currentElement.parentElement)
-            break;
-        currentElement = currentElement.parentElement;
-    }
-    const popoverTarget = currentElement?.getAttribute(popoverTargetAttribute);
-    if (!popoverTarget || ('key' in e && e.key !== 'Enter'))
-        return;
-    const popover = document.getElementById(popoverTarget);
-    popover?.toggle(currentElement);
-};
-const PostPopover = class {
-    validatePlacement() {
-        index.checkEmptyOrOneOf(this, 'placement', placement.PLACEMENT_TYPES);
-    }
-    validateCloseButtonCaption() {
-        index.checkRequiredAndType(this, 'closeButtonCaption', 'string');
-    }
-    constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        // Initialize a mutation observer for patching accessibility features
-        this.triggerObserver = breakpoints.IS_BROWSER
-            ? getAttributeObserver(popoverTargetAttribute, this.patchAccessibilityFeatures)
-            : null;
-        this.placement = 'top';
-        this.closeButtonCaption = undefined;
-        this.arrow = true;
-        this.localBeforeToggleHandler = this.beforeToggleHandler.bind(this);
-    }
-    connectedCallback() {
-        // Set up accessibility patcher and event listeners for the first component
-        if (popoverInstances === 0) {
-            window.addEventListener('pointerup', globalToggleHandler);
-            window.addEventListener('keydown', globalToggleHandler);
-            this.triggerObserver?.observe(document.body, {
-                subtree: true,
-                childList: true,
-                attributeFilter: [popoverTargetAttribute],
-            });
-        }
-        popoverInstances++;
-        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
-    }
-    componentDidLoad() {
-        this.validatePlacement();
-        this.validateCloseButtonCaption();
-        this.popoverRef.addEventListener('beforetoggle', this.localBeforeToggleHandler);
-    }
-    disconnectedCallback() {
-        popoverInstances--;
-        // Remove listeners and observer after the last popover has been destructed
-        if (popoverInstances === 0) {
-            window.removeEventListener('click', globalToggleHandler);
-            window.removeEventListener('keydown', globalToggleHandler);
-            this.triggerObserver?.disconnect();
-        }
-        this.popoverRef.removeEventListener('beforetoggle', this.localBeforeToggleHandler);
-        this.triggers.forEach(trigger => trigger.removeAttribute('aria-expanded'));
-    }
-    /**
-     * Programmatically display the popover
-     * @param target An element with [data-popover-target="id"] where the popover should be shown
-     */
-    async show(target) {
-        this.popoverRef.show(target);
-        console.log(this.popoverRef);
-        target.setAttribute('aria-expanded', 'true');
-    }
-    /**
-     * Programmatically hide this popover
-     */
-    async hide() {
-        this.popoverRef.hide();
-        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
-    }
-    /**
-     * Toggle popover display
-     * @param target An element with [data-popover-target="id"] where the popover should be anchored to
-     * @param force Pass true to always show or false to always hide
-     */
-    async toggle(target, force) {
-        const newState = await this.popoverRef.toggle(target, force);
-        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
-        target.setAttribute('aria-expanded', `${newState}`);
-    }
-    get triggers() {
-        return document.querySelectorAll(`[${popoverTargetAttribute}="${this.host.id}"]`);
-    }
-    beforeToggleHandler() {
-        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
-    }
-    patchAccessibilityFeatures(trigger) {
-        const force = trigger.hasAttribute(popoverTargetAttribute);
-        trigger.setAttribute('aria-expanded', force ? 'false' : null);
-    }
-    render() {
-        return (index$1.h(index$1.Host, { key: '3dc7041d2208523956f62fedcf1dfbdee5302006', "data-version": _package.version }, index$1.h("post-popovercontainer", { key: 'c4a93a401ab5f6605dec49e509c5188bf05004be', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index$1.h("div", { key: '9c4d4c36c811ac443e98716c3b013de97eaa624d', class: "popover-container" }, index$1.h("div", { key: 'e256d82cb50ddfd7af6368c707afd0b1e5c8e7aa', class: "popover-content" }, index$1.h("slot", { key: '7da07c358162b0e5bfd13561d5ac1e94d028a917' })), index$1.h("button", { key: 'c1fef4bf8383e92d34367966ae980983c77e15e4', class: "btn-close", onClick: () => this.hide() }, index$1.h("span", { key: '066b77e1883d64b937319a20e0e6e35fa0168d48', class: "visually-hidden" }, this.closeButtonCaption))))));
-    }
-    get host() { return index$1.getElement(this); }
-    static get watchers() { return {
-        "placement": ["validatePlacement"],
-        "closeButtonCaption": ["validateCloseButtonCaption"]
-    }; }
-};
-PostPopover.style = PostPopoverStyle0;
-
-exports.PostPopover = PostPopover;

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

@@ -1,109 +0,0 @@
-'use strict';
-
-const index$1 = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const index = require('./index-2b2b85e5.js');
-require('./breakpoints-cdf1b747.js');
-
-const postRatingCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}: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%)}";
-const PostRatingStyle0 = postRatingCss;
-
-const PostRating = class {
-    validateLabel() {
-        index.checkRequiredAndType(this, 'label', 'string');
-    }
-    validateStars() {
-        index.checkRequiredAndType(this, 'stars', 'number');
-    }
-    validateCurrentRating() {
-        index.checkRequiredAndType(this, 'currentRating', 'number');
-    }
-    componentWillLoad() {
-        this.validateLabel();
-        this.validateStars();
-        this.validateCurrentRating();
-    }
-    constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        this.postInput = index$1.createEvent(this, "postInput", 7);
-        this.postChange = index$1.createEvent(this, "postChange", 7);
-        this.hasChanged = false;
-        this.hoveredIndex = undefined;
-        this.label = 'Rating';
-        this.stars = 5;
-        this.currentRating = 0;
-        this.readonly = false;
-        this.keydownHandler = this.keydownHandler.bind(this);
-        this.blurHandler = this.blurHandler.bind(this);
-        this.hoverHandler = this.hoverHandler.bind(this);
-    }
-    update(value) {
-        if (this.readonly || value < 0 || value > this.stars)
-            return;
-        this.currentRating = this.currentRating !== value ? value : 0; // If a star is clicked the second time, the rating gets set to 0.
-        this.postInput.emit({ value: this.currentRating });
-        this.hasChanged = true;
-    }
-    keydownHandler(e) {
-        switch (e.key) {
-            case 'ArrowDown':
-            case 'ArrowLeft':
-                e.preventDefault();
-                this.update(this.currentRating - 1);
-                break;
-            case 'ArrowUp':
-            case 'ArrowRight':
-                e.preventDefault();
-                this.update(this.currentRating + 1);
-                break;
-            case 'Home':
-                e.preventDefault();
-                this.update(0);
-                break;
-            case 'End':
-                e.preventDefault();
-                this.update(this.stars);
-                break;
-            case 'Enter':
-            case ' ':
-                this.blurHandler();
-                break;
-            default:
-                return;
-        }
-    }
-    blurHandler() {
-        if (this.hasChanged) {
-            this.postChange.emit({ value: this.currentRating });
-            this.hasChanged = false;
-        }
-    }
-    hoverHandler(index, e) {
-        if (this.readonly)
-            return;
-        if (e.type === 'mouseenter') {
-            this.hoveredIndex = index;
-        }
-        else if (e.type === 'mouseleave') {
-            this.hoveredIndex = undefined;
-        }
-    }
-    render() {
-        return (index$1.h(index$1.Host, { key: '91f3a00b43c003fdeae8c56df2aff30218d44974', "data-version": _package.version }, index$1.h("div", { key: '02b0c4a6cce70faf47f0cbed806c0cec02eae56b', 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} out of ${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),
-                'hover': i === this.hoveredIndex,
-                'after-active': i > this.hoveredIndex && i < this.currentRating,
-            }, onClick: () => this.update(i + 1), onMouseEnter: e => this.hoverHandler(i, e), onMouseLeave: e => this.hoverHandler(i, e) }, index$1.h("post-icon", { name: "2062", class: "stroke" }), index$1.h("post-icon", { name: "2574", class: "fill" })))))));
-    }
-    get host() { return index$1.getElement(this); }
-    static get watchers() { return {
-        "label": ["validateLabel"],
-        "stars": ["validateStars"],
-        "currentRating": ["validateCurrentRating"]
-    }; }
-};
-PostRating.style = PostRatingStyle0;
-
-exports.PostRating = PostRating;

package/dist/cjs/post-tab-header-f47508da.js

@@ -1,34 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const index$1 = require('./index-2b2b85e5.js');
-require('./breakpoints-cdf1b747.js');
-const index_browser = require('./index.browser-4af21c17.js');
-
-const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;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);outline-color:currentColor;opacity:.7;color:#000;text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:#000}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(0,0,0,.6);color:#fff}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(0,0,0,.6);color:#fff;box-shadow:none}.tab-title[role=tab]: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}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:#000;font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:var(--post-core-dimension-4);background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error) .tab-title[role=tab]: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[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:var(--post-core-dimension-2) solid Highlight;outline-offset:calc(var(--post-core-dimension-4)*-1)}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}: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}}";
-const PostTabHeaderStyle0 = postTabHeaderCss;
-
-const PostTabHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.tabId = undefined;
-        this.panel = undefined;
-    }
-    validateFor() {
-        index$1.checkRequiredAndType(this, 'panel', 'string');
-    }
-    componentWillLoad() {
-        this.tabId = `tab-${this.host.id || index_browser.nanoid(6)}`;
-    }
-    render() {
-        return (index.h(index.Host, { key: '5046c46fa27fd6586c694420abf197b227b56520', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, index.h("slot", { key: '78c2f660e4f2307ca95a63f4cfd90d08cc6942df' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "panel": ["validateFor"]
-    }; }
-};
-PostTabHeader.style = PostTabHeaderStyle0;
-
-exports.PostTabHeader = PostTabHeader;

package/dist/cjs/post-tab-panel-7c51798b.js

@@ -1,36 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const index_browser = require('./index.browser-4af21c17.js');
-const index$1 = require('./index-2b2b85e5.js');
-require('./breakpoints-cdf1b747.js');
-
-const postTabPanelCss = ":host{display:none}";
-const PostTabPanelStyle0 = postTabPanelCss;
-
-const PostTabPanel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.panelId = undefined;
-        this.name = undefined;
-    }
-    validateName() {
-        index$1.checkRequiredAndType(this, 'name', 'string');
-    }
-    componentWillLoad() {
-        this.validateName();
-        // get the id set on the host element or use a random id by default
-        this.panelId = `panel-${this.host.id || index_browser.nanoid(6)}`;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'aef9d8692392f57745c0d0a0af13fedb6f67f231', "data-version": _package.version, id: this.panelId, role: "tabpanel" }, index.h("slot", { key: '1e51f8680f4e7bdcb37994db3e70e828dde61dc0' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "name": ["validateName"]
-    }; }
-};
-PostTabPanel.style = PostTabPanelStyle0;
-
-exports.PostTabPanel = PostTabPanel;

package/dist/cjs/post-tabs-2debea01.js

@@ -1,173 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const fade = require('./fade-72d5ef55.js');
-require('./breakpoints-cdf1b747.js');
-
-/**
- * Invoke the `componentOnReady` method if it is available, simulate it otherwise
- * @see https://stenciljs.com/docs/api#componentonready
- */
-function componentOnReady(el) {
-    if (typeof el.componentOnReady === 'function') {
-        return el.componentOnReady();
-    }
-    else {
-        return new Promise(resolve => customOnReady(() => {
-            resolve(el);
-        }));
-    }
-}
-function customOnReady(callback) {
-    if (typeof requestAnimationFrame === 'function') {
-        return requestAnimationFrame(callback);
-    }
-    return setTimeout(callback);
-}
-
-const postTabsCss = ".tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:rgba(0,0,0,.02)}.tabs-wrapper::after{content:\"\";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin-block:0;padding-inline-start:0;list-style:none}.tabs::after{content:\"\";display:block;flex:1 0 auto;width:1rem}.tab-content{padding-top:1rem}:host{display:block}";
-const PostTabsStyle0 = postTabsCss;
-
-const PostTabs = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.postChange = index.createEvent(this, "postChange", 7);
-        this.isLoaded = false;
-        this.activePanel = undefined;
-    }
-    get tabs() {
-        return Array.from(this.host.querySelectorAll('post-tab-header')).filter(tab => tab.closest('post-tabs') === this.host);
-    }
-    componentDidLoad() {
-        this.moveMisplacedTabs();
-        this.enableTabs();
-        const initiallyActivePanel = this.activePanel || this.tabs[0]?.panel;
-        void this.show(initiallyActivePanel);
-        this.isLoaded = true;
-    }
-    /**
-     * Shows the panel with the given name and selects its associated tab.
-     * Any other panel that was previously shown becomes hidden and its associated tab is unselected.
-     */
-    async show(panelName) {
-        // do nothing if the tab is already active
-        if (panelName === this.activeTab?.panel) {
-            return;
-        }
-        const previousTab = this.activeTab;
-        const newTab = this.host.querySelector(`post-tab-header[panel=${panelName}]`);
-        this.activateTab(newTab);
-        // if a panel is currently being displayed, remove it from the view and complete the associated animation
-        if (this.showing) {
-            this.showing.effect['target'].style.display = 'none';
-            this.showing.finish();
-        }
-        // hide the currently visible panel only if no other animation is running
-        if (previousTab && !this.showing && !this.hiding)
-            this.hidePanel(previousTab.panel);
-        // wait for any hiding animation to complete before showing the selected tab
-        if (this.hiding)
-            await this.hiding.finished;
-        this.showSelectedPanel();
-        // wait for any display animation to complete for the returned promise to fully resolve
-        if (this.showing)
-            await this.showing.finished;
-        if (this.isLoaded)
-            this.postChange.emit(this.activeTab.panel);
-    }
-    moveMisplacedTabs() {
-        if (!this.tabs)
-            return;
-        this.tabs.forEach(tab => {
-            if (tab.getAttribute('slot') === 'tabs')
-                return;
-            tab.setAttribute('slot', 'tabs');
-        });
-    }
-    enableTabs() {
-        if (!this.tabs)
-            return;
-        this.tabs.forEach(async (tab) => {
-            await componentOnReady(tab);
-            // if the tab has an "aria-controls" attribute it was already linked to its panel: do nothing
-            if (tab.getAttribute('aria-controls'))
-                return;
-            const tabPanel = this.getPanel(tab.panel);
-            tab.setAttribute('aria-controls', tabPanel.id);
-            tabPanel.setAttribute('aria-labelledby', tab.id);
-            tab.addEventListener('click', () => {
-                void this.show(tab.panel);
-            });
-            tab.addEventListener('keydown', (e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    void this.show(tab.panel);
-                }
-            });
-            tab.addEventListener('keydown', (e) => {
-                if (e.key === 'ArrowRight' || e.key === 'ArrowLeft')
-                    this.navigateTabs(tab, e.key);
-            });
-        });
-        // if the currently active tab was removed from the DOM then select the first one
-        if (this.activeTab && !this.activeTab.isConnected) {
-            void this.show(this.tabs[0]?.panel);
-        }
-    }
-    activateTab(tab) {
-        if (this.activeTab) {
-            this.activeTab.setAttribute('aria-selected', 'false');
-            this.activeTab.setAttribute('tabindex', '-1');
-            this.activeTab.classList.remove('active');
-        }
-        tab.setAttribute('aria-selected', 'true');
-        tab.setAttribute('tabindex', '0');
-        tab.classList.add('active');
-        this.activeTab = tab;
-    }
-    hidePanel(panelName) {
-        const previousPanel = this.getPanel(panelName);
-        if (!previousPanel)
-            return;
-        this.hiding = fade.fadeOut(previousPanel);
-        this.hiding.onfinish = () => {
-            previousPanel.style.display = 'none';
-            this.hiding = null;
-        };
-    }
-    showSelectedPanel() {
-        const panel = this.getPanel(this.activeTab.panel);
-        panel.style.display = 'block';
-        // prevent the initially selected panel from fading in
-        if (!this.isLoaded)
-            return;
-        this.showing = fade.fadeIn(panel);
-        this.showing.onfinish = () => {
-            this.showing = null;
-        };
-    }
-    getPanel(name) {
-        return this.host.querySelector(`post-tab-panel[name=${name}]`);
-    }
-    navigateTabs(tab, key) {
-        const activeTabIndex = Array.from(this.tabs).indexOf(tab);
-        let nextTab;
-        if (key === 'ArrowRight') {
-            nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
-        }
-        else {
-            nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];
-        }
-        if (!nextTab)
-            return;
-        nextTab.focus();
-    }
-    render() {
-        return (index.h(index.Host, { key: 'b38b216caa48cb36b73f36669a650bc88b56c860', "data-version": _package.version }, index.h("div", { key: '751f88c9f0241e42b6c8d996b3645c26113f0ce2', class: "tabs-wrapper", part: "tabs" }, index.h("div", { key: 'd194ce33913a2ed6abbdd939ad5dcdc74e6f6798', class: "tabs", role: "tablist" }, index.h("slot", { key: '46fb9cf2d52fadf9418dff7050b78274457c3b0a', name: "tabs", onSlotchange: () => this.enableTabs() }))), index.h("div", { key: 'db2bfba595dab2730b9189a935dcd99504d7bad6', class: "tab-content", part: "content" }, index.h("slot", { key: '35795441e71901727fad9d759da483f55a865e97', onSlotchange: () => this.moveMisplacedTabs() }))));
-    }
-    get host() { return index.getElement(this); }
-};
-PostTabs.style = PostTabsStyle0;
-
-exports.PostTabs = PostTabs;

package/dist/cjs/post-tag-ac62c57f.js

@@ -1,60 +0,0 @@
-'use strict';
-
-const index = require('./index-b60129c4.js');
-const _package = require('./package-29dc73af.js');
-const index$1 = require('./index-2b2b85e5.js');
-require('./breakpoints-cdf1b747.js');
-
-const postTagCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
-const PostTagStyle0 = postTagCss;
-
-const PostTag = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.classes = undefined;
-        this.variant = undefined;
-        this.size = undefined;
-        this.icon = undefined;
-        this.setClasses = this.setClasses.bind(this);
-    }
-    variantChanged() {
-        index$1.checkEmptyOrOneOf(this, 'variant', ['white', 'info', 'success', 'error', 'warning', 'yellow']);
-        this.setClasses();
-    }
-    sizeChanged() {
-        index$1.checkEmptyOrOneOf(this, 'size', ['sm']);
-        this.setClasses();
-    }
-    validateName() {
-        index$1.checkEmptyOrType(this, 'icon', 'string');
-    }
-    setClasses() {
-        this.classes = [
-            'tag',
-            this.size ? `tag-${this.size}` : null,
-            this.variant ? `tag-${this.variant}` : null,
-        ]
-            .filter(c => c !== null)
-            .join(' ');
-    }
-    componentWillLoad() {
-        this.validateName();
-        this.variantChanged();
-        this.sizeChanged();
-    }
-    connectedCallback() {
-        this.setClasses();
-    }
-    render() {
-        return (index.h(index.Host, { key: 'ecc396b297434d07c2fbca896ad7dbb817c5e52c', "data-version": _package.version }, index.h("div", { key: 'cf43facc3b6d7caa329fb2b62a67931e53aaeb98', class: this.classes }, this.icon ? index.h("post-icon", { name: this.icon }) : null, index.h("div", { key: '60232a82d9c231da41d22dd5e50744378dab54aa', class: "tag-text" }, index.h("slot", { key: '6b95fe941aac88e3ce6103187d5d831d53f8c315' })))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "variant": ["variantChanged"],
-        "size": ["sizeChanged"],
-        "icon": ["validateName"]
-    }; }
-};
-PostTag.style = PostTagStyle0;
-
-exports.PostTag = PostTag;