@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.56

package/dist/components/react/post-language-switch.js

@@ -1,158 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { c as checkRequiredAndType, d as checkEmptyOrOneOf } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { E as EventFrom } from './p-CzIKqBrS.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { S as SWITCH_VARIANTS } from './p-DjIHLduJ.js';
-import { n as nanoid } from './p-BLchVpF6.js';
-import { d as defineCustomElement$5 } from './p-DBPOV12C.js';
-import { d as defineCustomElement$4 } from './p-CSAMO7iJ.js';
-import { d as defineCustomElement$3 } from './p-Cwiv86_f.js';
-import { d as defineCustomElement$2 } from './p-DVGEExot.js';
-
-const postLanguageSwitchCss = ":host{display:flex !important;flex-wrap:wrap;gap:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-trigger{cursor:pointer;text-transform:uppercase;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;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 10px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{background-color:ButtonFace !important}.post-language-switch-trigger:hover{background-color:Highlight !important}}.post-language-switch-trigger{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}.post-language-switch-trigger: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){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger: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){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:24px;width:24px}.post-language-switch-trigger[aria-expanded=true]{background-color:#050400;color:#fff}.post-language-switch-trigger[aria-expanded=true] post-icon{transform:rotate(180deg)}.post-language-switch-trigger[aria-expanded=true]:hover{background-color:#504f4b;color:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{border:1px solid ButtonBorder}.post-language-switch-trigger[aria-expanded=true] post-icon,.post-language-switch-trigger:hover post-icon{color:HighlightText}}post-menu::part(menu){padding-block:0}.post-language-switch-list{margin-top:1rem}";
-
-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 PostLanguageSwitch$1 = /*@__PURE__*/ proxyCustomElement(class PostLanguageSwitch extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.menuId = `p${nanoid(11)}`;
-        this.listSpanId = `list-span-${nanoid(11)}`;
-        /**
-         * Whether the component is rendered as a list or a menu
-         */
-        this.variant = 'list';
-    }
-    get languageOptions() {
-        return Array.from(this.host.querySelectorAll('post-language-option'));
-    }
-    validateCaption() {
-        checkRequiredAndType(this, 'caption', 'string');
-    }
-    validateDescription() {
-        checkRequiredAndType(this, 'description', 'string');
-    }
-    validateVariant() {
-        checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
-        this.updateChildrenVariant();
-    }
-    componentDidLoad() {
-        this.validateCaption();
-        this.validateDescription();
-        this.validateVariant();
-        // Initially set variants and active language
-        // Handles cases where the language-switch is rendered after the language-options have been rendered
-        this.updateChildrenVariant();
-    }
-    /**
-     * Listen for the postChange event and guard it to run only for events originating from a <post-language-option> element.
-     */
-    handlePostChange(event) {
-        this.activeLang = event.detail;
-        // Update the active state in the children post-language-option components
-        this.languageOptions.forEach(lang => {
-            if (lang.code && lang.code === this.activeLang) {
-                lang.setAttribute('active', '');
-            }
-            else {
-                lang.removeAttribute('active');
-            }
-        });
-        // Hides the dropdown when an option has been clicked
-        if (this.variant === 'menu') {
-            const menu = this.host.shadowRoot.querySelector('post-menu');
-            menu.hide();
-        }
-    }
-    /**
-     * Handles cases where the language switch is being rendered before options are available
-     * @param event Initially emitted by <post-langauge-option>
-     */
-    handleInitiallyActive(event) {
-        this.activeLang = event.detail;
-    }
-    // Update post-language-option variant to have the correct style
-    updateChildrenVariant() {
-        this.languageOptions.forEach(el => {
-            el.setAttribute('variant', this.variant);
-        });
-    }
-    renderList() {
-        return (h(Host, { "data-version": version }, h("div", { class: "post-language-switch-list", role: "list", "aria-label": this.caption, "aria-describedby": this.listSpanId }, h("span", { id: this.listSpanId, class: "visually-hidden" }, this.description), h("slot", null))));
-    }
-    renderDropdown() {
-        return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger" }, this.activeLang, h("span", { class: "visually-hidden" }, this.caption), h("span", { class: "visually-hidden" }, this.description), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", label: this.caption }, h("slot", null))));
-    }
-    render() {
-        return this.variant === 'list' ? this.renderList() : this.renderDropdown();
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "caption": ["validateCaption"],
-        "description": ["validateDescription"],
-        "variant": ["validateVariant"]
-    }; }
-    static get style() { return postLanguageSwitchCss; }
-}, [1, "post-language-switch", {
-        "caption": [513],
-        "description": [513],
-        "variant": [1],
-        "activeLang": [32]
-    }, [[0, "postChange", "handlePostChange"], [0, "postLanguageOptionInitiallyActive", "handleInitiallyActive"]], {
-        "caption": ["validateCaption"],
-        "description": ["validateDescription"],
-        "variant": ["validateVariant"]
-    }]);
-__decorate([
-    EventFrom('post-language-option')
-], PostLanguageSwitch$1.prototype, "handlePostChange", null);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-language-switch", "post-icon", "post-menu", "post-menu-trigger", "post-popovercontainer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-language-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostLanguageSwitch$1);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "post-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "post-menu-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-popovercontainer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostLanguageSwitch = PostLanguageSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostLanguageSwitch, defineCustomElement };

package/dist/components/react/post-list-item.js

@@ -1,39 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-
-const postListItemCss = ":host{display:flex}";
-
-const PostListItem$1 = /*@__PURE__*/ proxyCustomElement(class PostListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    connectedCallback() {
-        this.host.setAttribute('slot', 'post-list-item');
-    }
-    render() {
-        return (h(Host, { key: '98f83a8ef6ff73461bfc7b67d8113543e94d66cb', role: "listitem", slot: "post-list-item", version: version }, h("slot", { key: '1ee5c021183b30ba7b560a58042a196aa9c1127e' })));
-    }
-    get host() { return this; }
-    static get style() { return postListItemCss; }
-}, [1, "post-list-item"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostListItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostListItem = PostListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostListItem, defineCustomElement };

package/dist/components/react/post-list.js

@@ -1,62 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { n as nanoid } from './p-BLchVpF6.js';
-
-const postListCss = "post-list{display:flex;flex-direction:column;gap:var(--post-list-title-gap, 0)}post-list>[role=list]{display:flex;flex-direction:column;gap:var(--post-list-item-gap, 0)}post-list:where([horizontal]:not([horizontal=false])){flex-direction:row;align-items:center}post-list:where([horizontal]:not([horizontal=false]))>[role=list]{flex-direction:row;align-items:center}post-list>.list-title.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-const PostList$1 = /*@__PURE__*/ proxyCustomElement(class PostList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * If `true`, the list title will be hidden. Otherwise, it will be displayed.`
-         */
-        this.titleHidden = false;
-        /**
-         * The list can become horizontal by setting `horizontal="true"` or just `horizontal`
-         */
-        this.horizontal = false;
-    }
-    componentWillLoad() {
-        /**
-         * Get the id set on the host element or use a random id by default
-         */
-        this.titleId = `title-${this.host.id || nanoid(6)}`;
-    }
-    componentDidLoad() {
-        this.checkTitle();
-    }
-    checkTitle() {
-        if (!this.titleEl.textContent.trim()) {
-            console.error('Please provide a title to the list component. Title is mandatory for accessibility purposes.');
-        }
-    }
-    render() {
-        return (h(Host, { key: '85193bec2b2ff22ed76c93a4037f353b091192bc', "data-version": version }, h("div", { key: '32cdc5ccb95b48e3f81e90ac93f0207d935c9d3b', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, h("slot", { key: '890dd411e370a7829354dcaa00fae75e8f538f01' })), h("div", { key: '72867a1d81f2e186ed3d68f5185a46c7c96fdd3b', role: "list", "aria-labelledby": this.titleId }, h("slot", { key: '2cd5a5e9ca717c675f9db3a19fbf13ff49a7312c', name: "post-list-item" }))));
-    }
-    get host() { return this; }
-    static get style() { return postListCss; }
-}, [4, "post-list", {
-        "titleHidden": [4, "title-hidden"],
-        "horizontal": [516],
-        "titleId": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostList$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostList = PostList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostList, defineCustomElement };

package/dist/components/react/post-tab-header.js

@@ -1,53 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { c as checkRequiredAndType } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { n as nanoid } from './p-BLchVpF6.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}}: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 PostTabHeader$1 = /*@__PURE__*/ proxyCustomElement(class PostTabHeader extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    validateFor() {
-        checkRequiredAndType(this, 'panel', 'string');
-    }
-    componentWillLoad() {
-        this.tabId = `tab-${this.host.id || nanoid(6)}`;
-    }
-    render() {
-        return (h(Host, { key: 'b350fb9392e74af452470d72f97678aa1ac2d430', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '49722204330b3b2d760b8718b349b1417fd29a71' })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "panel": ["validateFor"]
-    }; }
-    static get style() { return postTabHeaderCss; }
-}, [1, "post-tab-header", {
-        "panel": [513],
-        "tabId": [32]
-    }, undefined, {
-        "panel": ["validateFor"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-tab-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-tab-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostTabHeader$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostTabHeader = PostTabHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostTabHeader, defineCustomElement };

package/dist/esm/fade-SbIC4aZX.js

@@ -1,11 +0,0 @@
-const fadeDuration = 200;
-const fadedOutKeyframe = { opacity: '0' };
-const fadedInKeyframe = { opacity: '1' };
-function fadeIn(el) {
-    return el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
-}
-function fadeOut(el) {
-    return el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
-}
-
-export { fadeIn as a, fadeOut as f };

package/dist/esm/index-Beaz8wEe.js

@@ -1,89 +0,0 @@
-const EMPTY_VALUES = [undefined, null, '', NaN];
-
-function isValueEmpty(value) {
-    return EMPTY_VALUES.some(v => v === value);
-}
-
-function requiredAnd(check) {
-    return (component, prop, ...extraArgs) => {
-        const componentName = component.host.localName;
-        const value = component[prop];
-        const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component is not defined.`;
-        if (isValueEmpty(value)) {
-            throw new Error(message);
-        }
-        else {
-            check(component, prop, ...extraArgs);
-        }
-    };
-}
-
-function checkOneOf(component, prop, possibleValues) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be one of the following values: ${possibleValues.join(', ')}.`;
-    if (!possibleValues.includes(value)) {
-        console.error(message);
-    }
-}
-
-function checkPattern(component, prop, pattern) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component must follow the format \`${pattern}\`.`;
-    if (typeof value !== 'string' || !pattern.test(value)) {
-        console.error(message);
-    }
-}
-
-function checkType(component, prop, type) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const typeIsArray = type === 'array';
-    const valueIsArray = Array.isArray(value);
-    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be of type \`${type}\`.`;
-    if (typeIsArray || valueIsArray) {
-        if (valueIsArray !== typeIsArray) {
-            console.error(message);
-        }
-    }
-    else if (typeof value !== type) {
-        console.error(message);
-    }
-}
-
-function checkUrl(component, prop) {
-    const componentName = component.host.localName;
-    const value = component[prop];
-    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component is invalid.`;
-    if (typeof value !== 'string' && !(value instanceof URL)) {
-        console.error(message);
-        return;
-    }
-    try {
-        new URL(value, 'https://www.post.ch');
-    }
-    catch {
-        console.error(message);
-    }
-}
-
-function emptyOr(check) {
-    return (component, prop, ...extraArgs) => {
-        const value = component[prop];
-        if (!isValueEmpty(value)) {
-            check(component, prop, ...extraArgs);
-        }
-    };
-}
-
-const checkEmptyOrOneOf = emptyOr(checkOneOf);
-const checkEmptyOrPattern = emptyOr(checkPattern);
-const checkEmptyOrType = emptyOr(checkType);
-const checkEmptyOrUrl = emptyOr(checkUrl);
-const checkRequiredAndOneOf = requiredAnd(checkOneOf);
-const checkRequiredAndPattern = requiredAnd(checkPattern);
-const checkRequiredAndType = requiredAnd(checkType);
-const checkRequiredAndUrl = requiredAnd(checkUrl);
-
-export { checkEmptyOrType as a, checkRequiredAndOneOf as b, checkRequiredAndType as c, checkEmptyOrOneOf as d, checkRequiredAndPattern as e, checkEmptyOrPattern as f, checkRequiredAndUrl as g, checkEmptyOrUrl as h };

package/dist/esm/package-BhxZzOEC.js

@@ -1,3 +0,0 @@
-const version = "10.0.0-next.55";
-
-export { version as v };

package/dist/esm/post-tab-header.entry.js

@@ -1,29 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-wEFJ-c34.js';
-import { v as version } from './package-BhxZzOEC.js';
-import { c as checkRequiredAndType } from './index-Beaz8wEe.js';
-import './breakpoints-CJ80BZ06.js';
-import { n as nanoid } from './index.browser-BLchVpF6.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}}: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 PostTabHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    validateFor() {
-        checkRequiredAndType(this, 'panel', 'string');
-    }
-    componentWillLoad() {
-        this.tabId = `tab-${this.host.id || nanoid(6)}`;
-    }
-    render() {
-        return (h(Host, { key: 'b350fb9392e74af452470d72f97678aa1ac2d430', id: this.tabId, role: "tab", "data-version": version, "aria-selected": "false", tabindex: "-1", class: "tab-title", slot: "tabs" }, h("slot", { key: '49722204330b3b2d760b8718b349b1417fd29a71' })));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "panel": ["validateFor"]
-    }; }
-};
-PostTabHeader.style = postTabHeaderCss;
-
-export { PostTabHeader as post_tab_header };

package/dist/post-components/p-01e678c9.entry.js

@@ -1 +0,0 @@
-import{r as a,h as t,H as s,a as e}from"./p-wEFJ-c34.js";import{v as r}from"./p-BhxZzOEC.js";import{n as o}from"./p-BLchVpF6.js";import{c as i}from"./p-Beaz8wEe.js";import"./p-CJ80BZ06.js";const n=class{constructor(t){a(this,t)}validateName(){i(this,"name","string")}componentWillLoad(){this.validateName(),this.panelId=`panel-${this.host.id||o(6)}`}render(){return t(s,{key:"f00d9caf4324fc2d750d7844ca6ddc8198aef0c0","data-version":r,id:this.panelId,role:"tabpanel"},t("slot",{key:"58f2eaf91aee7897039a151e117d9b9fc948162a"}))}get host(){return e(this)}static get watchers(){return{name:["validateName"]}}};n.style=":host{display:none}";export{n as post_tab_panel}

package/dist/post-components/p-034a453f.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as e,a}from"./p-wEFJ-c34.js";import{v as r}from"./p-BhxZzOEC.js";import{c as i}from"./p-Beaz8wEe.js";import{b as s}from"./p-CJ80BZ06.js";const n=["grid-1","grid-2","grid-3","grid-4"],p=class{validateLabel(){i(this,"label","string")}constructor(t){o(this,t),this.device=s.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=(...o)=>t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateLabel(),n.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},n.map((o=>t("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return n.map((o=>t("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(e,{key:"5fc11a9cde5e0180c20c27e53fb177ecc9a49d78","data-version":r,"data-color-scheme":"light"},t("footer",{key:"a844ab0ee3ef02c5266a6b259f6869ecb68f26cd"},t("h2",{key:"543414f0394b276d5c8c22f2839f3afcd1d10575",class:"visually-hidden"},this.label),t("div",{key:"6d6f38e761a134a39b5b5ed863c6832a5fc1f9a8",class:"footer-container"},t("div",{key:"2c13938bb4bc9def54eb579207f1f5742b937aac",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"cf097034f1987afa77d9646c51d8b8a1ae697e5b",class:"footer-column"},t("div",{key:"4f47baa37bd3efe1f1fd3a0e5725106618eebe03",class:"footer-socialmedia"},t("slot",{key:"eccb942dcc1c20cf335cda88b18979fe4d80b431",name:"socialmedia"})),t("div",{key:"b6aaff5655c50ef59679cd94dc15a53127e08ddc",class:"footer-app"},t("slot",{key:"d74e9e912a67747efd5413171d10ae7558e75da5",name:"app"}))),t("div",{key:"71ba540f7ce2ac65359eadc6b03a9b809c3deb82",class:"footer-businesssectors"},t("slot",{key:"bc5947b45a37132765526952127c03058fa33b90",name:"businesssectors"})),t("div",{key:"287b6ed9ed686a743d57709e8be4a85d1b7c3837",class:"footer-meta"},t("slot",{key:"ce5d85389422fe1b0fc231a32f96f60ac7d20459",name:"meta"})),t("div",{key:"2da10dc4c5923a697977a5eb6227c567df156de3",class:"footer-copyright"},t("slot",{key:"f6fb5282c228d33213c90141b51accff50ae233e",name:"copyright"})))))}get host(){return a(this)}static get watchers(){return{label:["validateLabel"]}}};p.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";export{p as post_footer}