@swisspost/design-system-components 9.0.0-next.8 → 9.0.0

package/dist/cjs/post-menu-trigger-821839f5.js

@@ -1,75 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-a2b895fc.js');
-const checkType = require('./check-type-64af82a9.js');
-const getRoot = require('./get-root-7a3498ef.js');
-
-const postMenuTriggerCss = ":host{display:inline-block}";
-const PostMenuTriggerStyle0 = postMenuTriggerCss;
-
-const PostMenuTrigger = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Reference to the slotted button within the trigger, if present.
-         * Used to manage click and key events for menu control.
-         */
-        this.slottedButton = null;
-        this.handleKeyDown = (e) => {
-            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-                e.preventDefault();
-                this.handleToggle();
-            }
-        };
-        this.for = undefined;
-        this.ariaExpanded = false;
-    }
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
-     */
-    validateControlFor(forValue = this.for) {
-        checkType.checkType(forValue, 'string', 'The "for" property is required and should be a string.');
-    }
-    get menu() {
-        const ref = this.root.getElementById(this.for);
-        return ref && ref.localName === 'post-menu' ? ref : null;
-    }
-    handleToggle() {
-        const menu = this.menu;
-        if (menu && this.slottedButton) {
-            this.ariaExpanded = !this.ariaExpanded;
-            this.slottedButton.setAttribute('aria-expanded', this.ariaExpanded.toString());
-            menu.toggle(this.host);
-        }
-        else {
-            console.warn(`No post-menu found with ID: ${this.for}`);
-        }
-    }
-    componentDidLoad() {
-        this.root = getRoot.getRoot(this.host);
-        this.validateControlFor();
-        this.slottedButton = this.host.querySelector('button');
-        if (this.slottedButton) {
-            this.slottedButton.setAttribute('aria-haspopup', 'menu');
-            this.slottedButton.addEventListener('click', () => {
-                this.handleToggle();
-            });
-            this.slottedButton.addEventListener('keydown', this.handleKeyDown);
-        }
-        else {
-            console.warn('No button found within post-menu-trigger');
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: 'd6b5619d0b4035887eaffdcc3c153eb0a5fe4ceb', "data-version": _package.version, "tab-index": "-1" }, index.h("slot", { key: '5d87c80dae6188470b10207993822d92adc714b1' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "for": ["validateControlFor"]
-    }; }
-};
-PostMenuTrigger.style = PostMenuTriggerStyle0;
-
-exports.PostMenuTrigger = PostMenuTrigger;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postMenuTrigger = require('./post-menu-trigger-821839f5.js');
-require('./index-e1f32cce.js');
-require('./package-a2b895fc.js');
-require('./check-type-64af82a9.js');
-require('./get-root-7a3498ef.js');
-
-
-
-exports.post_menu_trigger = postMenuTrigger.PostMenuTrigger;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postMenu = require('./post-menu-a3b7b63b.js');
-require('./index-e1f32cce.js');
-require('./package-a2b895fc.js');
-
-
-
-exports.post_menu = postMenu.PostMenu;

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

@@ -1,104 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-a2b895fc.js');
-const attributeObserver = require('./attribute-observer-10f08c04.js');
-
-const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;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}.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{-webkit-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\");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:1.5rem;width:1.5rem}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:var(--post-gray-40)}@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{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;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:280px;max-width:100%}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
-const PostPopoverStyle0 = postPopoverCss;
-
-/**
- * @slot default - Slot for placing content inside the popover.
- */
-let popoverInstances = 0;
-const popoverTargetAttribute = 'data-popover-target';
-const globalToggleHandler = (e) => {
-    const target = e.target;
-    if (!target || !('getAttribute' in target))
-        return;
-    const popoverTarget = target.getAttribute(popoverTargetAttribute);
-    if (!popoverTarget || ('key' in e && e.key !== 'Enter'))
-        return;
-    const popover = document.getElementById(popoverTarget);
-    popover === null || popover === void 0 ? void 0 : popover.toggle(target);
-};
-// Initialize a mutation observer for patching accessibility features
-const triggerObserver = attributeObserver.getAttributeObserver(popoverTargetAttribute, trigger => {
-    const force = trigger.hasAttribute(popoverTargetAttribute);
-    trigger.setAttribute('aria-expanded', force ? 'false' : null);
-});
-const PostPopover = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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);
-            triggerObserver.observe(document.body, {
-                subtree: true,
-                childList: true,
-                attributeFilter: [popoverTargetAttribute],
-            });
-        }
-        popoverInstances++;
-        this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
-    }
-    componentDidLoad() {
-        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);
-            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);
-        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'));
-    }
-    render() {
-        return (index.h(index.Host, { key: 'e73d0edf5c6992db8c8c6e162a9c50e95a335d79', "data-version": _package.version }, index.h("post-popovercontainer", { key: '206cbec19db4af9772899c1ec4cc870c362f590e', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '8d744d6784d892313b137ee03dd9967ea4b77184', class: "popover-container" }, index.h("div", { key: 'aa78aee830e853945f0049d0708710f8fad90d36', class: "popover-content" }, index.h("slot", { key: '50a5aeae0c0db36e5c0aa2495f3d95474bed13fc' })), index.h("button", { key: '4389f79f9e1b2a0977a0ecb177b385f049cc8484', class: "btn-close", onClick: () => this.hide() }, index.h("span", { key: 'e302e17cef666fc280a547ebc3caeedacdc544b0', class: "visually-hidden" }, this.closeButtonCaption))))));
-    }
-    get host() { return index.getElement(this); }
-};
-PostPopover.style = PostPopoverStyle0;
-
-exports.PostPopover = PostPopover;

package/dist/cjs/post-rating-3a87ca46.js

@@ -1,88 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-a2b895fc.js');
-
-const postRatingCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 -0.25rem;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:2px;outline:2px 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 {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.postInput = index.createEvent(this, "postInput", 7);
-        this.postChange = index.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.h(index.Host, { key: '98459f7f5e2406577857571fb6ececd8198a4cdb', "data-version": _package.version }, index.h("div", { key: '2880d40e1623e49c8cae64b70e0057713f5f5cfd', 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.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.h("post-icon", { name: "2062", class: "stroke" }), index.h("post-icon", { name: "2574", class: "fill" })))))));
-    }
-    get host() { return index.getElement(this); }
-};
-PostRating.style = PostRatingStyle0;
-
-exports.PostRating = PostRating;

package/dist/cjs/post-tab-header-5fdb05a1.js

@@ -1,32 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-a2b895fc.js');
-const checkNonEmpty = require('./check-non-empty-eeaa8f77.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:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);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:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;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:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";
-const PostTabHeaderStyle0 = postTabHeaderCss;
-
-const PostTabHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.tabId = undefined;
-        this.panel = undefined;
-    }
-    validateFor(newValue) {
-        checkNonEmpty.checkNonEmpty(newValue, 'The "panel" prop is required for the post-tab-header.');
-    }
-    componentWillLoad() {
-        this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'af78e7b118f13ce64c76947af5dc3a6ed5ed09a0', id: this.tabId, role: "tab", "data-version": _package.version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, index.h("slot", { key: '99a8257992b974f9c3503eb1f67652c50bbf0671' })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "panel": ["validateFor"]
-    }; }
-};
-PostTabHeader.style = PostTabHeaderStyle0;
-
-exports.PostTabHeader = PostTabHeader;

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

@@ -1,47 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-a2b895fc.js');
-
-const postTagCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:.25rem;padding:0 .5rem;max-width:100%;background-color:var(--post-tag-bg);border:1px solid rgba(0,0,0,0);border-radius:.25rem;font-size:1rem;line-height:1.875rem;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:1.5rem}.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:var(--post-contrast-color)}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 = null;
-        this.icon = null;
-        this.setClasses = this.setClasses.bind(this);
-    }
-    variantChanged() {
-        this.setClasses();
-    }
-    sizeChanged() {
-        this.setClasses();
-    }
-    setClasses() {
-        this.classes = [
-            'tag',
-            this.size ? `tag-${this.size}` : null,
-            this.variant ? `tag-${this.variant}` : null,
-        ]
-            .filter(c => c !== null)
-            .join(' ');
-    }
-    connectedCallback() {
-        this.setClasses();
-    }
-    render() {
-        return (index.h(index.Host, { key: 'e2d95e10853f66d7b05768b80a0350e0bc05051d', "data-version": _package.version }, index.h("div", { key: '72bac44cca9c4197e9042e6a4896f235d057a5c9', class: this.classes }, this.icon ? index.h("post-icon", { name: this.icon }) : null, index.h("div", { key: '1b54b8a89320306aa09fe1e50dffd453b44fc587', class: "tag-text" }, index.h("slot", { key: '52f4f5b2d62f8ae245c7b472cdbc9f5202b554c1' })))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "variant": ["variantChanged"],
-        "size": ["sizeChanged"]
-    }; }
-};
-PostTag.style = PostTagStyle0;
-
-exports.PostTag = PostTag;

package/dist/cjs/post-togglebutton-59c6357b.js

@@ -1,28 +0,0 @@
-'use strict';
-
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-a2b895fc.js');
-
-const postTogglebuttonCss = ":host{cursor:pointer}";
-const PostTogglebuttonStyle0 = postTogglebuttonCss;
-
-const PostTogglebutton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.handleClick = () => {
-            this.toggled = !this.toggled;
-        };
-        this.handleKeydown = (event) => {
-            if (event.key === 'Enter') {
-                this.toggled = !this.toggled;
-            }
-        };
-        this.toggled = false;
-    }
-    render() {
-        return (index.h(index.Host, { key: '82fc4126d97650255d1d5fd041208b3d11cf0ded', slot: "post-togglebutton", tabindex: "0", "data-version": _package.version, role: "button", "aria-pressed": this.toggled.toString(), onClick: this.handleClick, onKeyDown: this.handleKeydown }, index.h("span", { key: '0364e8b63cc2c7955282f62533683c3627aa6626', hidden: this.toggled }, index.h("slot", { key: '11ccb62855497ddf395276e7f7e88a8409fa36e4', name: "untoggled" })), index.h("span", { key: '463f4571ceecc51063a4d4495d22063b6b75d0df', hidden: !this.toggled }, index.h("slot", { key: '7d41e35a64deefd22087524bc57530603aae18fa', name: "toggled" }))));
-    }
-};
-PostTogglebutton.style = PostTogglebuttonStyle0;
-
-exports.PostTogglebutton = PostTogglebutton;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const postTogglebutton = require('./post-togglebutton-59c6357b.js');
-require('./index-e1f32cce.js');
-require('./package-a2b895fc.js');
-
-
-
-exports.post_togglebutton = postTogglebutton.PostTogglebutton;

package/dist/collection/animations/slide.js

@@ -1,23 +0,0 @@
-const easing = 'ease';
-const duration = 500;
-const fill = 'forwards';
-export const slideUp = (el, translateSize = '8rem') => {
-    return el.animate([
-        { transform: `translateY(-${translateSize})` }, // Starting position (no translation)
-        { transform: 'translateY(0)' }, // End position
-    ], {
-        duration: duration,
-        easing,
-        fill,
-    });
-};
-export const slideDown = (el, translateSize = '8rem') => {
-    return el.animate([
-        { transform: 'translateY(0)' }, // Starting position (no translation)
-        { transform: `translateY(-${translateSize})` }, // End position
-    ], {
-        duration: duration,
-        easing,
-        fill,
-    });
-};

package/dist/collection/components/post-avatar/post-avatar.css

@@ -1,3 +0,0 @@
-/*!
- * Copyright 2021 by Swiss Post, Information Technology
- */:host{--post-avatar-bg: var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg: var(--post-scheme-color-interactive-primary-enabled-fg3);display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase}.initials span{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.initials span:not(caption){position:absolute !important}