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

package/dist/collection/utils/environment.js

@@ -1,2 +1,47 @@
-export const IS_SERVER = typeof window === 'undefined';
-export const IS_BROWSER = !IS_SERVER;
+/**
+ * Environment detection helper
+ *
+ * Goal: Distinguish between real browser execution and Stencil's server-side
+ * hydration context. During SSR/hydration Stencil provides a mocked `window`
+ * (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
+ * incorrectly classify the environment as a browser.
+ *
+ * Detection strategy:
+ * - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
+ *   and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
+ *   We can use this to identify the hydrate context.
+ * - Stencils unit test context also uses the same hardcoded user agent string,
+ *   but a differnet value for the origin.
+ *   That's why comparing the origin is aboslutely mandatory.
+ * - Since we test the hydrate app in the test context, the origin is getting
+ *   overwritten by the test setup, leading to a false positive in the
+ *   `isHydrateApp` detection.
+ *   To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
+ *   that we set/reset during the server test, so we can correctly identify
+ *   the hydrate app in the test context.
+ *   As a drawback, we can't properly test if the hydrate app is detected as
+ *   expected, in a real world scenario (elsewhere than in our tests).
+ */
+const MOCKED_USERAGENT = 'MockNavigator';
+const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
+const isNodeEnv = typeof global !== 'undefined';
+const hasWindow = typeof window !== 'undefined';
+const isMockedUserAgent = hasWindow && window.navigator.userAgent === MOCKED_USERAGENT;
+const isMockedOrigin = hasWindow && window.location.origin === MOCKED_ORIGIN;
+/**
+ * This is the natural hydrate app environment
+ * Is `true` if the hydrate app runs on server
+ */
+const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
+/**
+ * This is the test app server test env
+ * Is `true` if the server unit test runs (`false` if the browser unit test runs)
+ */
+const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
+/**
+ * This is the final hydrate app flag
+ * if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
+ */
+const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
+export const IS_BROWSER = hasWindow && !isHydrateApp;
+export const IS_SERVER = !IS_BROWSER;

package/dist/collection/utils/event-from.js

@@ -58,7 +58,7 @@ export function EventFrom(tag, option) {
             // Create hidden storage for original method
             Object.defineProperty(target, privateKey, {
                 writable: true,
-                configurable: true
+                configurable: true,
             });
             // Replace property with getter/setter
             Object.defineProperty(target, propertyKey, {
@@ -82,7 +82,7 @@ export function EventFrom(tag, option) {
                     }
                 },
                 configurable: true,
-                enumerable: true
+                enumerable: true,
             });
         }
     };

package/dist/collection/utils/get-focusable-children.js

@@ -27,32 +27,40 @@ export function getFocusableChildren(element) {
     const focusableChildren = element.querySelectorAll(`${focusableSelector}:not(${focusDisablingSelector})`);
     return Array.from(focusableChildren).filter(isVisible);
 }
-// Searches deeper accross shadowDom
-export function getDeepFocusableChildren(element) {
-    const results = [];
-    function traverse(node) {
+// Searches deeper across shadow DOM
+export function getDeepFocusableChildren(el, filter, visited = new Set()) {
+    if (visited.has(el))
+        return [];
+    visited.add(el);
+    let nodes = [];
+    // SLOT
+    if (el instanceof HTMLSlotElement) {
+        const assigned = el.assignedElements({ flatten: true });
+        nodes = assigned.length ? assigned : Array.from(el.children);
+    }
+    // SHADOW ROOT
+    else if (el instanceof HTMLElement && el.shadowRoot) {
+        nodes = Array.from(el.shadowRoot.children);
+    }
+    // NORMAL ELEMENT
+    else if (el instanceof Element) {
+        nodes = Array.from(el.children);
+    }
+    if (filter) {
+        nodes = nodes.filter(filter);
+    }
+    const focusableElements = [];
+    for (const node of nodes) {
         if (isElementFocusable(node)) {
-            results.push(node);
-        }
-        if (node instanceof HTMLElement && node.shadowRoot) {
-            traverse(node.shadowRoot);
-        }
-        for (const child of Array.from(node.children)) {
-            traverse(child);
-        }
-        if (node instanceof HTMLElement) {
-            for (const slot of Array.from(node.querySelectorAll('slot'))) {
-                for (const el of slot.assignedElements({ flatten: true })) {
-                    traverse(el);
-                }
-            }
+            focusableElements.push(node);
+            continue;
         }
+        focusableElements.push(...getDeepFocusableChildren(node, filter, visited));
     }
-    traverse(element);
-    return results;
+    return focusableElements;
 }
 function isVisible(el) {
-    const style = window.getComputedStyle(el.parentElement);
+    const style = window.getComputedStyle(el);
     return style.display !== 'none' && style.visibility !== 'hidden';
 }
 function isElementFocusable(node) {

package/dist/collection/utils/is-motion-reduced.js

@@ -1,4 +1,4 @@
 import { IS_BROWSER } from "./environment";
 export function isMotionReduced() {
-    return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;
+    return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
 }

package/dist/collection/utils/tests/environment/hydrate-app-helper.js

@@ -0,0 +1,16 @@
+export async function getAppEnv() {
+    global.IS_HYDRATEAPP_SERVERTEST = true;
+    // keep this, to have runtime-only import (otherwise the build fails)
+    const HYDRATE_ID = '@swisspost/design-system-components/hydrate';
+    const hydrateApp = await import(HYDRATE_ID);
+    const results = await hydrateApp.renderToString('<post-env-test></post-env-test>');
+    const IS_BROWSER = /data-browser="(true|false)"/.exec(results.html)?.[1] === 'true';
+    const IS_SERVER = /data-server="(true|false)"/.exec(results.html)?.[1] === 'true';
+    return {
+        IS_BROWSER,
+        IS_SERVER,
+    };
+}
+export function afterTestCleanup() {
+    delete global.IS_HYDRATEAPP_SERVERTEST;
+}

package/dist/collection/utils/tests/environment/post-env-test.js

@@ -0,0 +1,9 @@
+import { h } from "@stencil/core";
+import { IS_BROWSER, IS_SERVER } from "../../environment";
+export class PostEnvTest {
+    render() {
+        return h("div", { key: '65b18a8e4890205313601723d25f938ac3c6f4a8', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
+    }
+    static get is() { return "post-env-test"; }
+    static get encapsulation() { return "shadow"; }
+}

package/dist/component-names.json

@@ -14,11 +14,9 @@
     "post-footer",
     "post-header",
     "post-icon",
-    "post-language-option",
-    "post-language-switch",
+    "post-language-menu",
+    "post-language-menu-item",
     "post-linkarea",
-    "post-list",
-    "post-list-item",
     "post-logo",
     "post-mainnavigation",
     "post-megadropdown",
@@ -26,13 +24,14 @@
     "post-menu",
     "post-menu-item",
     "post-menu-trigger",
+    "post-pagination",
     "post-popover",
     "post-popover-trigger",
     "post-popovercontainer",
     "post-rating",
     "post-stepper",
     "post-stepper-item",
-    "post-tab-header",
+    "post-tab-item",
     "post-tab-panel",
     "post-tabs",
     "post-togglebutton",

package/dist/components/breakpoints.js

@@ -1,5 +1,92 @@
-const IS_SERVER = typeof window === 'undefined';
-const IS_BROWSER = !IS_SERVER;
+import { a as IS_SERVER } from './environment.js';
+
+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);
 
 /* eslint-disable no-undefined,no-param-reassign,no-shadow */
 
@@ -175,4 +262,4 @@ class Breakpoint {
 }
 const breakpoint = new Breakpoint();
 
-export { IS_BROWSER as I, breakpoint as b, throttle as t };
+export { checkEmptyOrUrl as a, checkRequiredAndOneOf as b, checkRequiredAndType as c, checkEmptyOrOneOf as d, checkEmptyOrType as e, checkRequiredAndUrl as f, breakpoint as g, checkRequiredAndPattern as h, checkEmptyOrPattern as i, throttle as t };

package/dist/components/debounce.js

@@ -0,0 +1,11 @@
+function debounce(callback, timeout = 200) {
+    let id;
+    return (...args) => {
+        if (id) {
+            clearTimeout(id);
+        }
+        id = setTimeout(callback, timeout, ...args);
+    };
+}
+
+export { debounce as d };

package/dist/components/environment.js

@@ -0,0 +1,49 @@
+/**
+ * Environment detection helper
+ *
+ * Goal: Distinguish between real browser execution and Stencil's server-side
+ * hydration context. During SSR/hydration Stencil provides a mocked `window`
+ * (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
+ * incorrectly classify the environment as a browser.
+ *
+ * Detection strategy:
+ * - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
+ *   and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
+ *   We can use this to identify the hydrate context.
+ * - Stencils unit test context also uses the same hardcoded user agent string,
+ *   but a differnet value for the origin.
+ *   That's why comparing the origin is aboslutely mandatory.
+ * - Since we test the hydrate app in the test context, the origin is getting
+ *   overwritten by the test setup, leading to a false positive in the
+ *   `isHydrateApp` detection.
+ *   To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
+ *   that we set/reset during the server test, so we can correctly identify
+ *   the hydrate app in the test context.
+ *   As a drawback, we can't properly test if the hydrate app is detected as
+ *   expected, in a real world scenario (elsewhere than in our tests).
+ */
+const MOCKED_USERAGENT = 'MockNavigator';
+const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
+const isNodeEnv = typeof global !== 'undefined';
+const hasWindow = typeof window !== 'undefined';
+const isMockedUserAgent = hasWindow && window.navigator.userAgent === MOCKED_USERAGENT;
+const isMockedOrigin = hasWindow && window.location.origin === MOCKED_ORIGIN;
+/**
+ * This is the natural hydrate app environment
+ * Is `true` if the hydrate app runs on server
+ */
+const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
+/**
+ * This is the test app server test env
+ * Is `true` if the server unit test runs (`false` if the browser unit test runs)
+ */
+const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
+/**
+ * This is the final hydrate app flag
+ * if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
+ */
+const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
+const IS_BROWSER = hasWindow && !isHydrateApp;
+const IS_SERVER = !IS_BROWSER;
+
+export { IS_BROWSER as I, IS_SERVER as a };

package/dist/components/event-from.js

@@ -58,7 +58,7 @@ function EventFrom(tag, option) {
             // Create hidden storage for original method
             Object.defineProperty(target, privateKey, {
                 writable: true,
-                configurable: true
+                configurable: true,
             });
             // Replace property with getter/setter
             Object.defineProperty(target, propertyKey, {
@@ -82,7 +82,7 @@ function EventFrom(tag, option) {
                     }
                 },
                 configurable: true,
-                enumerable: true
+                enumerable: true,
             });
         }
     };

package/dist/components/fade-slide.js

@@ -0,0 +1,36 @@
+import { r as resolveEasing } from './utils.js';
+
+/**
+ * Used by
+ * 1. PostHeader (burger menu)
+ * 2. PostMegadropdown
+ * 3. BackToTopButton
+ */
+const defaultOptions = {
+    duration: 500,
+    easing: 'ease',
+    fill: 'none',
+    translate: -100,
+};
+function animateFadeSlide(el, keyframes, options) {
+    const { duration, easing, fill } = { ...defaultOptions, ...options };
+    return el.animate(keyframes, {
+        duration,
+        easing: resolveEasing(easing),
+        fill,
+    });
+}
+function fadeSlide(el, direction, options) {
+    if (!el)
+        return;
+    const mergedOptions = options;
+    const { translate } = mergedOptions;
+    const baseKeyframes = [
+        { opacity: '0', transform: `translateY(${translate}px)` },
+        { opacity: '1', transform: 'translateY(0px)' },
+    ];
+    const keyframes = direction === 'in' ? baseKeyframes : [...baseKeyframes].reverse();
+    return animateFadeSlide(el, keyframes, options);
+}
+
+export { fadeSlide as f };

package/dist/components/fade.js

@@ -1,11 +1,24 @@
-const fadeDuration = 200;
-const fadedOutKeyframe = { opacity: '0' };
-const fadedInKeyframe = { opacity: '1' };
-function fadeIn(el) {
-    return el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
+import { r as resolveEasing } from './utils.js';
+
+const defaultOptions = {
+    duration: 200,
+    easing: 'linear',
+    fill: 'forwards',
+};
+function animateFade(el, keyframes, options = {}) {
+    const { duration, easing, fill } = { ...defaultOptions, ...options };
+    return el.animate(keyframes, {
+        duration,
+        easing: resolveEasing(easing),
+        fill,
+    });
 }
-function fadeOut(el) {
-    return el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
+function fade(el, direction, options = {}) {
+    if (!el)
+        return;
+    const baseKeyframes = [{ opacity: '0' }, { opacity: '1' }];
+    const keyframes = direction === 'in' ? baseKeyframes : [...baseKeyframes].reverse();
+    return animateFade(el, keyframes, options);
 }
 
-export { fadeIn as a, fadeOut as f };
+export { fade as f };

package/dist/components/get-focusable-children.js

@@ -27,32 +27,40 @@ function getFocusableChildren(element) {
     const focusableChildren = element.querySelectorAll(`${focusableSelector}:not(${focusDisablingSelector})`);
     return Array.from(focusableChildren).filter(isVisible);
 }
-// Searches deeper accross shadowDom
-function getDeepFocusableChildren(element) {
-    const results = [];
-    function traverse(node) {
+// Searches deeper across shadow DOM
+function getDeepFocusableChildren(el, filter, visited = new Set()) {
+    if (visited.has(el))
+        return [];
+    visited.add(el);
+    let nodes = [];
+    // SLOT
+    if (el instanceof HTMLSlotElement) {
+        const assigned = el.assignedElements({ flatten: true });
+        nodes = assigned.length ? assigned : Array.from(el.children);
+    }
+    // SHADOW ROOT
+    else if (el instanceof HTMLElement && el.shadowRoot) {
+        nodes = Array.from(el.shadowRoot.children);
+    }
+    // NORMAL ELEMENT
+    else if (el instanceof Element) {
+        nodes = Array.from(el.children);
+    }
+    if (filter) {
+        nodes = nodes.filter(filter);
+    }
+    const focusableElements = [];
+    for (const node of nodes) {
         if (isElementFocusable(node)) {
-            results.push(node);
-        }
-        if (node instanceof HTMLElement && node.shadowRoot) {
-            traverse(node.shadowRoot);
-        }
-        for (const child of Array.from(node.children)) {
-            traverse(child);
-        }
-        if (node instanceof HTMLElement) {
-            for (const slot of Array.from(node.querySelectorAll('slot'))) {
-                for (const el of slot.assignedElements({ flatten: true })) {
-                    traverse(el);
-                }
-            }
+            focusableElements.push(node);
+            continue;
         }
+        focusableElements.push(...getDeepFocusableChildren(node, filter, visited));
     }
-    traverse(element);
-    return results;
+    return focusableElements;
 }
 function isVisible(el) {
-    const style = window.getComputedStyle(el.parentElement);
+    const style = window.getComputedStyle(el);
     return style.display !== 'none' && style.visibility !== 'hidden';
 }
 function isElementFocusable(node) {

package/dist/components/get-root.js

@@ -1,4 +1,4 @@
-import { I as IS_BROWSER } from './breakpoints.js';
+import { I as IS_BROWSER } from './environment.js';
 
 /**
  * getRootNode() can only be used after the element has been attached to the document!

package/dist/components/index.d.ts

@@ -21,22 +21,20 @@ export { PostCollapsible as PostCollapsible } from '../types/components/post-col
 export { defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible';
 export { PostCollapsibleTrigger as PostCollapsibleTrigger } from '../types/components/post-collapsible-trigger/post-collapsible-trigger';
 export { defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger';
+export { PostEnvTest as PostEnvTest } from '../types/utils/tests/environment/post-env-test';
+export { defineCustomElement as defineCustomElementPostEnvTest } from './post-env-test';
 export { PostFooter as PostFooter } from '../types/components/post-footer/post-footer';
 export { defineCustomElement as defineCustomElementPostFooter } from './post-footer';
 export { PostHeader as PostHeader } from '../types/components/post-header/post-header';
 export { defineCustomElement as defineCustomElementPostHeader } from './post-header';
 export { PostIcon as PostIcon } from '../types/components/post-icon/post-icon';
 export { defineCustomElement as defineCustomElementPostIcon } from './post-icon';
-export { PostLanguageOption as PostLanguageOption } from '../types/components/post-language-option/post-language-option';
-export { defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option';
-export { PostLanguageSwitch as PostLanguageSwitch } from '../types/components/post-language-switch/post-language-switch';
-export { defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch';
+export { PostLanguageMenu as PostLanguageMenu } from '../types/components/post-language-menu/post-language-menu';
+export { defineCustomElement as defineCustomElementPostLanguageMenu } from './post-language-menu';
+export { PostLanguageMenuItem as PostLanguageMenuItem } from '../types/components/post-language-menu-item/post-language-menu-item';
+export { defineCustomElement as defineCustomElementPostLanguageMenuItem } from './post-language-menu-item';
 export { PostLinkarea as PostLinkarea } from '../types/components/post-linkarea/post-linkarea';
 export { defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea';
-export { PostList as PostList } from '../types/components/post-list/post-list';
-export { defineCustomElement as defineCustomElementPostList } from './post-list';
-export { PostListItem as PostListItem } from '../types/components/post-list-item/post-list-item';
-export { defineCustomElement as defineCustomElementPostListItem } from './post-list-item';
 export { PostLogo as PostLogo } from '../types/components/post-logo/post-logo';
 export { defineCustomElement as defineCustomElementPostLogo } from './post-logo';
 export { PostMainnavigation as PostMainnavigation } from '../types/components/post-mainnavigation/post-mainnavigation';
@@ -51,6 +49,8 @@ export { PostMenuItem as PostMenuItem } from '../types/components/post-menu-item
 export { defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item';
 export { PostMenuTrigger as PostMenuTrigger } from '../types/components/post-menu-trigger/post-menu-trigger';
 export { defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger';
+export { PostPagination as PostPagination } from '../types/components/post-pagination/post-pagination';
+export { defineCustomElement as defineCustomElementPostPagination } from './post-pagination';
 export { PostPopover as PostPopover } from '../types/components/post-popover/post-popover';
 export { defineCustomElement as defineCustomElementPostPopover } from './post-popover';
 export { PostPopoverTrigger as PostPopoverTrigger } from '../types/components/post-popover-trigger/post-popover-trigger';
@@ -63,8 +63,8 @@ export { PostStepper as PostStepper } from '../types/components/post-stepper/pos
 export { defineCustomElement as defineCustomElementPostStepper } from './post-stepper';
 export { PostStepperItem as PostStepperItem } from '../types/components/post-stepper-item/post-stepper-item';
 export { defineCustomElement as defineCustomElementPostStepperItem } from './post-stepper-item';
-export { PostTabHeader as PostTabHeader } from '../types/components/post-tab-header/post-tab-header';
-export { defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header';
+export { PostTabItem as PostTabItem } from '../types/components/post-tab-item/post-tab-item';
+export { defineCustomElement as defineCustomElementPostTabItem } from './post-tab-item';
 export { PostTabPanel as PostTabPanel } from '../types/components/post-tab-panel/post-tab-panel';
 export { defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel';
 export { PostTabs as PostTabs } from '../types/components/post-tabs/post-tabs';

package/dist/components/index.js

@@ -10,14 +10,13 @@ export { PostCardControl, defineCustomElement as defineCustomElementPostCardCont
 export { PostClosebutton, defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton.js';
 export { PostCollapsible, defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible.js';
 export { PostCollapsibleTrigger, defineCustomElement as defineCustomElementPostCollapsibleTrigger } from './post-collapsible-trigger.js';
+export { PostEnvTest, defineCustomElement as defineCustomElementPostEnvTest } from './post-env-test.js';
 export { PostFooter, defineCustomElement as defineCustomElementPostFooter } from './post-footer.js';
 export { PostHeader, defineCustomElement as defineCustomElementPostHeader } from './post-header.js';
 export { PostIcon, defineCustomElement as defineCustomElementPostIcon } from './post-icon.js';
-export { PostLanguageOption, defineCustomElement as defineCustomElementPostLanguageOption } from './post-language-option.js';
-export { PostLanguageSwitch, defineCustomElement as defineCustomElementPostLanguageSwitch } from './post-language-switch.js';
+export { PostLanguageMenu, defineCustomElement as defineCustomElementPostLanguageMenu } from './post-language-menu.js';
+export { PostLanguageMenuItem, defineCustomElement as defineCustomElementPostLanguageMenuItem } from './post-language-menu-item.js';
 export { PostLinkarea, defineCustomElement as defineCustomElementPostLinkarea } from './post-linkarea.js';
-export { PostList, defineCustomElement as defineCustomElementPostList } from './post-list.js';
-export { PostListItem, defineCustomElement as defineCustomElementPostListItem } from './post-list-item.js';
 export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';
 export { PostMainnavigation, defineCustomElement as defineCustomElementPostMainnavigation } from './post-mainnavigation.js';
 export { PostMegadropdown, defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown.js';
@@ -25,13 +24,14 @@ export { PostMegadropdownTrigger, defineCustomElement as defineCustomElementPost
 export { PostMenu, defineCustomElement as defineCustomElementPostMenu } from './post-menu.js';
 export { PostMenuItem, defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item.js';
 export { PostMenuTrigger, defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger.js';
+export { PostPagination, defineCustomElement as defineCustomElementPostPagination } from './post-pagination.js';
 export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
 export { PostPopoverTrigger, defineCustomElement as defineCustomElementPostPopoverTrigger } from './post-popover-trigger.js';
 export { PostPopovercontainer, defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer.js';
 export { PostRating, defineCustomElement as defineCustomElementPostRating } from './post-rating.js';
 export { PostStepper, defineCustomElement as defineCustomElementPostStepper } from './post-stepper.js';
 export { PostStepperItem, defineCustomElement as defineCustomElementPostStepperItem } from './post-stepper-item.js';
-export { PostTabHeader, defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header.js';
+export { PostTabItem, defineCustomElement as defineCustomElementPostTabItem } from './post-tab-item.js';
 export { PostTabPanel, defineCustomElement as defineCustomElementPostTabPanel } from './post-tab-panel.js';
 export { PostTabs, defineCustomElement as defineCustomElementPostTabs } from './post-tabs.js';
 export { PostTogglebutton, defineCustomElement as defineCustomElementPostTogglebutton } from './post-togglebutton.js';

package/dist/components/package.js

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