@swisspost/design-system-components 9.0.0-next.3 → 9.0.0-next.30

package/dist/.config/bindings.angular.js

@@ -0,0 +1,4 @@
+// https://stenciljs.com/docs/v4/angular#valueaccessorconfigs
+export const angularValueAccessorBindings = [
+// custom post-card-control-value-accessors for post-card-control have been implemented in the components-angular package
+];

package/dist/cjs/{attribute-observer-10f08c04.js → attribute-observer-6d8b886b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const getAttributeObserver = (attribute, handler) => {
+function getAttributeObserver(attribute, handler) {
     /**
      * Handle attribute changes and childList changes from the observer
      * @param {MutationRecord[]} mutationList
      */
-    const observerHandler = (mutationList) => {
+    function observerHandler(mutationList) {
         mutationList.forEach(mutation => {
             if (mutation.type === 'attributes' && mutation.attributeName === attribute) {
                 handler(mutation.target);
@@ -19,9 +19,9 @@ const getAttributeObserver = (attribute, handler) => {
                 });
             }
         });
-    };
+    }
     // Initialize a mutation observer for patching accessibility features
     return new MutationObserver(observerHandler);
-};
+}
 
 exports.getAttributeObserver = getAttributeObserver;

package/dist/cjs/breakpoints-c6247c71.js

@@ -0,0 +1,54 @@
+'use strict';
+
+class Breakpoint {
+    breakpointMap;
+    current = {
+        key: '',
+        name: '',
+    };
+    constructor() {
+        if (!this.breakpointMap) {
+            const keys = this.getStyles('--post-breakpoint-keys');
+            const names = this.getStyles('--post-breakpoint-names');
+            const widths = this.getStyles('--post-breakpoint-widths');
+            this.breakpointMap = widths
+                .map((width, i) => ({
+                minWidth: Number(width),
+                key: keys[i],
+                name: names[i],
+            }))
+                .reverse();
+            window.addEventListener('resize', () => this.updateHandler(), { passive: true });
+        }
+    }
+    getStyles(propertyName) {
+        const styles = getComputedStyle(document.documentElement);
+        return (styles
+            .getPropertyValue(propertyName)
+            ?.split(',')
+            .map(w => w.trim()) ?? []);
+    }
+    updateHandler(emitEvents = true) {
+        const calculated = this.breakpointMap.find(({ minWidth }) => innerWidth >= minWidth);
+        if (this.current.key !== calculated.key) {
+            this.current.key = calculated.key;
+            if (emitEvents)
+                this.dispatchEvent('key');
+        }
+        if (this.current.name !== calculated.name) {
+            this.current.name = calculated.name;
+            if (emitEvents)
+                this.dispatchEvent('name');
+        }
+    }
+    dispatchEvent(type) {
+        window.dispatchEvent(new CustomEvent(`postBreakpoint:${type}`, { detail: this.current[type] }));
+    }
+    get(type) {
+        this.updateHandler(false);
+        return this.current[type];
+    }
+}
+const breakpoint = new Breakpoint();
+
+exports.breakpoint = breakpoint;

package/dist/cjs/check-non-empty-bd99d236.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const constants = require('./constants-238701d3.js');
+
+function checkNonEmpty(component, prop, customMessage) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is required.`;
+    const message = customMessage || defaultMessage;
+    if (constants.EMPTY_VALUES.some(v => v === value)) {
+        throw new Error(message);
+    }
+}
+
+exports.checkNonEmpty = checkNonEmpty;

package/dist/cjs/check-one-of-75d270b5.js

@@ -0,0 +1,13 @@
+'use strict';
+
+function checkOneOf(component, prop, possibleValues, customMessage) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be one of the following values: ${possibleValues.join(', ')}.`;
+    const message = customMessage || defaultMessage;
+    if (!possibleValues.includes(value)) {
+        throw new Error(message);
+    }
+}
+
+exports.checkOneOf = checkOneOf;

package/dist/cjs/check-type-cdbf6d29.js

@@ -0,0 +1,21 @@
+'use strict';
+
+function checkType(component, prop, type, customMessage) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const typeIsArray = type === 'array';
+    const valueIsArray = Array.isArray(value);
+    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be of type \`
+    ${type}\`.`;
+    const message = customMessage || defaultMessage;
+    if (typeIsArray || valueIsArray) {
+        if (valueIsArray !== typeIsArray) {
+            throw new Error(message);
+        }
+    }
+    else if (typeof value !== type) {
+        throw new Error(message);
+    }
+}
+
+exports.checkType = checkType;

package/dist/cjs/check-url-220a286c.js

@@ -0,0 +1,19 @@
+'use strict';
+
+function checkUrl(component, prop, customMessage) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component is invalid.`;
+    const message = customMessage || defaultMessage;
+    if (typeof value !== 'string' && !(value instanceof URL)) {
+        throw new Error(message);
+    }
+    try {
+        new URL(value, 'https://www.post.ch');
+    }
+    catch {
+        throw new Error(message);
+    }
+}
+
+exports.checkUrl = checkUrl;

package/dist/cjs/debounce-158fd76f.js

@@ -0,0 +1,13 @@
+'use strict';
+
+function debounce(callback, timeout = 200) {
+    let id;
+    return (...args) => {
+        if (id) {
+            clearTimeout(id);
+        }
+        id = setTimeout(callback, timeout, ...args);
+    };
+}
+
+exports.debounce = debounce;

package/dist/cjs/fade-72d5ef55.js

@@ -0,0 +1,14 @@
+'use strict';
+
+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 });
+}
+
+exports.fadeIn = fadeIn;
+exports.fadeOut = fadeOut;

package/dist/cjs/get-root-7a3498ef.js

@@ -0,0 +1,11 @@
+'use strict';
+
+function getRoot(element) {
+    const root = element.getRootNode();
+    if (root instanceof Document || root instanceof ShadowRoot) {
+        return root;
+    }
+    throw new Error('Attempting to access root node before the element is attached to the document or shadow tree.');
+}
+
+exports.getRoot = getRoot;

package/dist/cjs/index-23e36ff7.js

@@ -0,0 +1,37 @@
+'use strict';
+
+const constants = require('./constants-238701d3.js');
+const checkOneOf = require('./check-one-of-75d270b5.js');
+const checkType = require('./check-type-cdbf6d29.js');
+const checkUrl = require('./check-url-220a286c.js');
+
+function emptyOr(check) {
+    return (...args) => {
+        const component = args[0];
+        const prop = args[1];
+        const value = component[prop];
+        if (!constants.EMPTY_VALUES.some(v => v === value)) {
+            check(...args);
+        }
+    };
+}
+
+function checkPattern(component, prop, pattern, customMessage) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const defaultMessage = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be follow the format \`${pattern}\`.`;
+    const message = customMessage || defaultMessage;
+    if (typeof value !== 'string' || !pattern.test(value)) {
+        throw new Error(message);
+    }
+}
+
+const checkEmptyOrOneOf = emptyOr(checkOneOf.checkOneOf);
+const checkEmptyOrPattern = emptyOr(checkPattern);
+const checkEmptyOrType = emptyOr(checkType.checkType);
+const checkEmptyOrUrl = emptyOr(checkUrl.checkUrl);
+
+exports.checkEmptyOrOneOf = checkEmptyOrOneOf;
+exports.checkEmptyOrPattern = checkEmptyOrPattern;
+exports.checkEmptyOrType = checkEmptyOrType;
+exports.checkEmptyOrUrl = checkEmptyOrUrl;

package/dist/cjs/{index-e1f32cce.js → index-d6bf2c66.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'post-components';
-const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "data-hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* post-components */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "data-hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -74,34 +74,42 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
+                case 'post-closebutton_15.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './post-closebutton_15.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'post-accordion.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './post-accordion.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-accordion-item.cjs':
+                case 'post-avatar.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-accordion-item.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-alert.cjs':
+                        './post-avatar.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-back-to-top.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-alert.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-avatar.cjs':
+                        './post-back-to-top.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-banner.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-avatar.cjs.entry.js')); }).then(processMod, consoleError);
+                        './post-banner.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-breadcrumb.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './post-breadcrumb.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'post-card-control.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './post-card-control.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-language-option.cjs':
+                case 'post-footer.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-language-option.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-logo.cjs':
+                        './post-footer.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-linkarea.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-logo.cjs.entry.js')); }).then(processMod, consoleError);
+                        './post-linkarea.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'post-popover.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -130,18 +138,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './post-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-collapsible_2.cjs':
+                case 'post-accordion-item.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-collapsible_2.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-popovercontainer.cjs':
+                        './post-accordion-item.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-breadcrumb-item_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-popovercontainer.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-icon.cjs':
+                        './post-breadcrumb-item_2.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-collapsible_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-icon.cjs.entry.js')); }).then(processMod, consoleError);
+                        './post-collapsible_2.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -1731,7 +1739,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
   if (listeners) {
     listeners.map(([flags, name, method]) => {
-      const target = elm;
+      const target = getHostListenerTarget(elm, flags) ;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -1753,6 +1761,10 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e);
   }
 };
+var getHostListenerTarget = (elm, flags) => {
+  if (flags & 8 /* TargetWindow */) return win;
+  return elm;
+};
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
   passive: (flags & 1 /* Passive */) !== 0,
   capture: (flags & 2 /* Capture */) !== 0

package/dist/cjs/index.browser-2f65f583.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const urlAlphabet =
+  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
+
+let nanoid = (size = 21) => {
+  let id = '';
+  let bytes = crypto.getRandomValues(new Uint8Array((size |= 0)));
+  while (size--) {
+    id += urlAlphabet[bytes[size] & 63];
+  }
+  return id
+};
+
+exports.nanoid = nanoid;

package/dist/cjs/index.cjs.js

@@ -2,50 +2,76 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-3878bf43.js');
-const postAccordionItem = require('./post-accordion-item-0278e6e2.js');
-const postAlert = require('./post-alert-5f795d9c.js');
-const postAvatar = require('./post-avatar-2bcfc016.js');
-const postCardControl = require('./post-card-control-5ffcd201.js');
-const postCollapsibleTrigger = require('./post-collapsible-trigger-6ae59c64.js');
-const postIcon = require('./post-icon-1f71aa0f.js');
-const postLanguageOption = require('./post-language-option-4a3ecaeb.js');
-const postLogo = require('./post-logo-7070d727.js');
-const postPopover = require('./post-popover-de1b8d95.js');
-const postPopovercontainer = require('./post-popovercontainer-6a25713a.js');
-const postRating = require('./post-rating-1d2c59b7.js');
-const postTabs = require('./post-tabs-c2d42035.js');
-const postTabHeader = require('./post-tab-header-877676bf.js');
-const postTabPanel = require('./post-tab-panel-80b1f3ee.js');
-const postTooltip = require('./post-tooltip-9a120b2e.js');
-const postTag = require('./post-tag-5e2c7798.js');
-require('./index-e1f32cce.js');
-require('./package-ef26e62c.js');
+const postAccordion = require('./post-accordion-2108bc31.js');
+const postAccordionItem = require('./post-accordion-item-64051590.js');
+const postAvatar = require('./post-avatar-2db58753.js');
+const postBackToTop = require('./post-back-to-top-e64d70c8.js');
+const postBanner = require('./post-banner-caa5e06d.js');
+const postBreadcrumb = require('./post-breadcrumb-acb6890e.js');
+const postMenuItem = require('./post-menu-item-3f6c1fcb.js');
+const postCardControl = require('./post-card-control-e2421427.js');
+const postTogglebutton = require('./post-togglebutton-553316f3.js');
+const postCollapsibleTrigger = require('./post-collapsible-trigger-13b87403.js');
+const postFooter = require('./post-footer-057ce0a8.js');
+const postLinkarea = require('./post-linkarea-e2b39f1a.js');
+const postPopover = require('./post-popover-dccede57.js');
+const postRating = require('./post-rating-bec67143.js');
+const postTabs = require('./post-tabs-e5e71053.js');
+const postTabHeader = require('./post-tab-header-d32947dc.js');
+const postTabPanel = require('./post-tab-panel-07d462ac.js');
+const postTag = require('./post-tag-380a1bf0.js');
+const postTooltip = require('./post-tooltip-40812a6b.js');
+require('./index-d6bf2c66.js');
+require('./package-c3dbd35b.js');
 require('./heading-levels-608d432e.js');
-require('./check-one-of-f4f5d0c0.js');
-require('./index-01f30442.js');
+require('./check-one-of-75d270b5.js');
+require('./index-23e36ff7.js');
 require('./constants-238701d3.js');
-require('./fade-35a3633a.js');
-require('./check-non-empty-eeaa8f77.js');
-require('./attribute-observer-10f08c04.js');
+require('./check-type-cdbf6d29.js');
+require('./check-url-220a286c.js');
+require('./index.browser-2f65f583.js');
+require('./check-non-empty-bd99d236.js');
+require('./slide-cd1f09b3.js');
+require('./fade-72d5ef55.js');
+require('./debounce-158fd76f.js');
+require('./breakpoints-c6247c71.js');
+require('./get-root-7a3498ef.js');
+require('./attribute-observer-6d8b886b.js');
 
 
 
 exports.PostAccordion = postAccordion.PostAccordion;
 exports.PostAccordionItem = postAccordionItem.PostAccordionItem;
-exports.PostAlert = postAlert.PostAlert;
 exports.PostAvatar = postAvatar.PostAvatar;
+exports.PostBackToTop = postBackToTop.PostBackToTop;
+exports.PostBanner = postBanner.PostBanner;
+exports.PostBreadcrumb = postBreadcrumb.PostBreadcrumb;
+exports.PostBreadcrumbItem = postMenuItem.PostBreadcrumbItem;
+exports.PostMenuItem = postMenuItem.PostMenuItem;
 exports.PostCardControl = postCardControl.PostCardControl;
+exports.PostClosebutton = postTogglebutton.PostClosebutton;
+exports.PostHeader = postTogglebutton.PostHeader;
+exports.PostIcon = postTogglebutton.PostIcon;
+exports.PostLanguageOption = postTogglebutton.PostLanguageOption;
+exports.PostLanguageSwitch = postTogglebutton.PostLanguageSwitch;
+exports.PostList = postTogglebutton.PostList;
+exports.PostListItem = postTogglebutton.PostListItem;
+exports.PostLogo = postTogglebutton.PostLogo;
+exports.PostMainnavigation = postTogglebutton.PostMainnavigation;
+exports.PostMegadropdown = postTogglebutton.PostMegadropdown;
+exports.PostMegadropdownTrigger = postTogglebutton.PostMegadropdownTrigger;
+exports.PostMenu = postTogglebutton.PostMenu;
+exports.PostMenuTrigger = postTogglebutton.PostMenuTrigger;
+exports.PostPopovercontainer = postTogglebutton.PostPopovercontainer;
+exports.PostTogglebutton = postTogglebutton.PostTogglebutton;
 exports.PostCollapsible = postCollapsibleTrigger.PostCollapsible;
 exports.PostCollapsibleTrigger = postCollapsibleTrigger.PostCollapsibleTrigger;
-exports.PostIcon = postIcon.PostIcon;
-exports.PostLanguageOption = postLanguageOption.PostLanguageOption;
-exports.PostLogo = postLogo.PostLogo;
+exports.PostFooter = postFooter.PostFooter;
+exports.PostLinkarea = postLinkarea.PostLinkarea;
 exports.PostPopover = postPopover.PostPopover;
-exports.PostPopovercontainer = postPopovercontainer.PostPopovercontainer;
 exports.PostRating = postRating.PostRating;
 exports.PostTabs = postTabs.PostTabs;
 exports.PostTabHeader = postTabHeader.PostTabHeader;
 exports.PostTabPanel = postTabPanel.PostTabPanel;
-exports.PostTooltip = postTooltip.PostTooltip;
 exports.PostTag = postTag.PostTag;
+exports.PostTooltip = postTooltip.PostTooltip;

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1f32cce.js');
+const index = require('./index-d6bf2c66.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert.cjs",[[1,"post-alert",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fixed":[4],"icon":[1],"type":[1],"alertId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"fixed":["validateFixed"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[1],"lastname":[1],"userid":[1],"email":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32]},null,{"firstname":["validateFirstname"]}]]],["post-language-option.cjs",[[1,"post-language-option",{"code":[1],"active":[1540],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"active":["validateActiveProp"],"name":["validateName"],"url":["validateUrl"]}]]],["post-logo.cjs",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon.cjs",[[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2],"svgStyles":[32],"svgOutput":[32]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]]], options);
+  return index.bootstrapLazy([["post-breadcrumb.cjs",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer.cjs",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner.cjs",[[1,"post-banner",{"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"icon":[1],"type":[1],"bannerId":[32],"classes":[32],"hasActions":[32],"hasHeading":[32],"onDismissButtonClick":[32],"dismiss":[64]},null,{"dismissible":["validateDismissible"],"dismissLabel":["validateDismissLabel"],"icon":["validateIcon"],"type":["validateType"]}]]],["post-card-control.cjs",[[65,"post-card-control",{"label":[1],"description":[1],"type":[1],"name":[1],"value":[1],"checked":[1028],"disabled":[1028],"validity":[1025],"icon":[1],"focused":[32],"reset":[64],"groupReset":[64]},null,{"label":["validateControlLabel"],"type":["validateControlType"],"checked":["updateControlChecked"],"disabled":["updateControlDisabled"]}]]],["post-popover.cjs",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating.cjs",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag.cjs",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip.cjs",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion.cjs",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar.cjs",[[1,"post-avatar",{"firstname":[1],"lastname":[1],"userid":[1],"email":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32]},null,{"firstname":["validateFirstname"]}]]],["post-linkarea.cjs",[[4,"post-linkarea"]]],["post-tab-header.cjs",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel.cjs",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs.cjs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2.cjs",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15.cjs",[[1,"post-language-switch",{"caption":[1],"description":[1],"variant":[1],"activeLang":[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-closebutton"],[4,"post-mainnavigation",{"canScrollLeft":[32],"canScrollRight":[32],"translationAmount":[32]},[[9,"mouseup","stopScrolling"]],{"translationAmount":["onTranslateAmountChanges"]}],[1,"post-header",{"device":[32],"mobileMenuExtended":[32],"megadropdownOpen":[32],"toggleMobileMenu":[64]},null,{"device":["lockBody"],"mobileMenuExtended":["lockBody"]}],[4,"post-language-option",{"code":[1],"active":[1540],"variant":[1],"name":[1],"url":[1],"select":[64]},null,{"code":["validateCode"],"active":["validateActiveProp"],"name":["validateName"],"url":["validateUrl"]}],[4,"post-list",{"titleHidden":[4,"title-hidden"],"horizontal":[516],"titleId":[32]}],[1,"post-list-item"],[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}],[4,"post-megadropdown",{"device":[32],"isVisible":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}],[4,"post-megadropdown-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[1,"post-togglebutton",{"toggled":[1028]},null,{"toggled":["validateToggled"]}],[1,"post-menu",{"placement":[1],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[4,"post-menu-trigger",{"for":[1],"ariaExpanded":[32]},null,{"for":["validateControlFor"]}],[4,"post-popovercontainer",{"manualClose":[4,"manual-close"],"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"safeSpace":[513,"safe-space"],"show":[64],"hide":[64],"toggle":[64]}],[1,"post-icon",{"animation":[1],"base":[1],"flipH":[4,"flip-h"],"flipV":[4,"flip-v"],"name":[1],"rotate":[2],"scale":[2]},null,{"animation":["validateAnimation"],"base":["validateBase"],"flipH":["validateFlipH"],"flipV":["validateFlipV"],"name":["validateName"],"rotate":["validateRotate"],"scale":["validateScale"]}]]],["post-accordion-item.cjs",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-breadcrumb-item_2.cjs",[[1,"post-breadcrumb-item",{"url":[1],"fullUrl":[32]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-ef26e62c.js → package-c3dbd35b.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "9.0.0-next.3";
+const version = "9.0.0-next.30";
 
 exports.version = version;

package/dist/cjs/{post-accordion-3878bf43.js → post-accordion-2108bc31.js}

@@ -1,24 +1,26 @@
 'use strict';
 
-const index = require('./index-e1f32cce.js');
-const _package = require('./package-ef26e62c.js');
+const index = require('./index-d6bf2c66.js');
+const _package = require('./package-c3dbd35b.js');
 const headingLevels = require('./heading-levels-608d432e.js');
-const checkOneOf = require('./check-one-of-f4f5d0c0.js');
+const checkOneOf = require('./check-one-of-75d270b5.js');
 
-const postAccordionCss = ":host{display:block}";
+const postAccordionCss = ":host{display:block}::slotted(post-accordion-item){display:block}::slotted(post-accordion-item:not(:only-of-type:first-of-type)){margin-top:calc(var(--post-device-border-width-default)*-1)}::slotted(post-accordion-item:not(:only-of-type):first-of-type){--post-accordion-button-border-top:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}";
 const PostAccordionStyle0 = postAccordionCss;
 
 const PostAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.expandedItems = new Set();
         this.headingLevel = undefined;
         this.multiple = false;
     }
+    accordionItems;
+    expandedItems = new Set();
+    get host() { return index.getElement(this); }
     validateHeadingLevel(newValue = this.headingLevel) {
         if (!newValue)
             return;
-        checkOneOf.checkOneOf(newValue, headingLevels.HEADING_LEVELS, 'The `heading-level` property of the `post-accordion` must be a number between 1 and 6.');
+        checkOneOf.checkOneOf(this, 'headingLevel', headingLevels.HEADING_LEVELS, 'The `heading-level` property of the `post-accordion` must be a number between 1 and 6.');
         this.accordionItems.forEach(item => {
             item.setAttribute('heading-level', String(newValue));
         });
@@ -94,9 +96,8 @@ const PostAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'cfc6280e052937f50bc481fe73cf25ede6e40314', "data-version": _package.version }, index.h("div", { key: '090539a2ebe9d216609a7e56597c5f379d439fb8', class: "accordion" }, index.h("slot", { key: '4ae4095b14b6b9233f1d66c8543d625a77a77e09', onSlotchange: () => this.registerAccordionItems() }))));
+        return (index.h(index.Host, { key: '9ec8ca1ceac6587be68272568f216c958460ac0a', "data-version": _package.version }, index.h("div", { key: '99887626d105f0e8f86b24e211591e7be820738d', class: "accordion" }, index.h("slot", { key: '4d8a003377c3a90648818a00144fd5f3a65be084', onSlotchange: () => this.registerAccordionItems() }))));
     }
-    get host() { return index.getElement(this); }
     static get watchers() { return {
         "headingLevel": ["validateHeadingLevel"]
     }; }