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

package/dist/esm/{attribute-observer-37fa950a.js → attribute-observer-2f203993.js}

@@ -1,9 +1,9 @@
-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);
@@ -17,9 +17,9 @@ const getAttributeObserver = (attribute, handler) => {
                 });
             }
         });
-    };
+    }
     // Initialize a mutation observer for patching accessibility features
     return new MutationObserver(observerHandler);
-};
+}
 
 export { getAttributeObserver as g };

package/dist/esm/breakpoints-bbe0c54e.js

@@ -0,0 +1,52 @@
+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();
+
+export { breakpoint as b };

package/dist/esm/check-non-empty-258a56b3.js

@@ -0,0 +1,13 @@
+import { E as EMPTY_VALUES } from './constants-8d548297.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 (EMPTY_VALUES.some(v => v === value)) {
+        throw new Error(message);
+    }
+}
+
+export { checkNonEmpty as c };

package/dist/esm/check-one-of-0bee20f5.js

@@ -0,0 +1,11 @@
+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);
+    }
+}
+
+export { checkOneOf as c };

package/dist/esm/check-type-37d5d307.js

@@ -0,0 +1,19 @@
+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);
+    }
+}
+
+export { checkType as c };

package/dist/esm/check-url-17962bc8.js

@@ -0,0 +1,17 @@
+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);
+    }
+}
+
+export { checkUrl as c };

package/dist/esm/debounce-e54c7131.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/esm/fade-1f3cacf4.js

@@ -0,0 +1,11 @@
+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/get-root-7af2e0d1.js

@@ -0,0 +1,9 @@
+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.');
+}
+
+export { getRoot as g };

package/dist/esm/{index-e1b64755.js → index-3419e46d.js}

@@ -1,5 +1,5 @@
 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
@@ -52,34 +52,42 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
+                case 'post-closebutton_15':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-closebutton_15.entry.js').then(processMod, consoleError);
                 case 'post-accordion':
                     return import(
                       /* webpackMode: "lazy" */
                       './post-accordion.entry.js').then(processMod, consoleError);
-                case 'post-accordion-item':
+                case 'post-avatar':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-accordion-item.entry.js').then(processMod, consoleError);
-                case 'post-alert':
+                      './post-avatar.entry.js').then(processMod, consoleError);
+                case 'post-back-to-top':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-alert.entry.js').then(processMod, consoleError);
-                case 'post-avatar':
+                      './post-back-to-top.entry.js').then(processMod, consoleError);
+                case 'post-banner':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-avatar.entry.js').then(processMod, consoleError);
+                      './post-banner.entry.js').then(processMod, consoleError);
+                case 'post-breadcrumb':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-breadcrumb.entry.js').then(processMod, consoleError);
                 case 'post-card-control':
                     return import(
                       /* webpackMode: "lazy" */
                       './post-card-control.entry.js').then(processMod, consoleError);
-                case 'post-language-option':
+                case 'post-footer':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-language-option.entry.js').then(processMod, consoleError);
-                case 'post-logo':
+                      './post-footer.entry.js').then(processMod, consoleError);
+                case 'post-linkarea':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-logo.entry.js').then(processMod, consoleError);
+                      './post-linkarea.entry.js').then(processMod, consoleError);
                 case 'post-popover':
                     return import(
                       /* webpackMode: "lazy" */
@@ -108,18 +116,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-tooltip.entry.js').then(processMod, consoleError);
-                case 'post-collapsible_2':
+                case 'post-accordion-item':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-collapsible_2.entry.js').then(processMod, consoleError);
-                case 'post-popovercontainer':
+                      './post-accordion-item.entry.js').then(processMod, consoleError);
+                case 'post-breadcrumb-item_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-popovercontainer.entry.js').then(processMod, consoleError);
-                case 'post-icon':
+                      './post-breadcrumb-item_2.entry.js').then(processMod, consoleError);
+                case 'post-collapsible_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-icon.entry.js').then(processMod, consoleError);
+                      './post-collapsible_2.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -1709,7 +1717,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);
@@ -1731,6 +1739,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/esm/index-8f8fe5b0.js

@@ -0,0 +1,32 @@
+import { E as EMPTY_VALUES } from './constants-8d548297.js';
+import { c as checkOneOf } from './check-one-of-0bee20f5.js';
+import { c as checkType } from './check-type-37d5d307.js';
+import { c as checkUrl } from './check-url-17962bc8.js';
+
+function emptyOr(check) {
+    return (...args) => {
+        const component = args[0];
+        const prop = args[1];
+        const value = component[prop];
+        if (!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);
+const checkEmptyOrPattern = emptyOr(checkPattern);
+const checkEmptyOrType = emptyOr(checkType);
+const checkEmptyOrUrl = emptyOr(checkUrl);
+
+export { checkEmptyOrPattern as a, checkEmptyOrUrl as b, checkEmptyOrOneOf as c, checkEmptyOrType as d };

package/dist/esm/index.browser-51485f85.js

@@ -0,0 +1,13 @@
+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
+};
+
+export { nanoid as n };

package/dist/esm/index.js

@@ -1,26 +1,35 @@
-export { P as PostAccordion } from './post-accordion-01d49d83.js';
-export { P as PostAccordionItem } from './post-accordion-item-366f385b.js';
-export { P as PostAlert } from './post-alert-5a69f40d.js';
-export { P as PostAvatar } from './post-avatar-6f24d1ab.js';
-export { P as PostCardControl } from './post-card-control-2a7939c3.js';
-export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-654bf2b0.js';
-export { P as PostIcon } from './post-icon-885f17e9.js';
-export { P as PostLanguageOption } from './post-language-option-0c2818aa.js';
-export { P as PostLogo } from './post-logo-dd425f2e.js';
-export { P as PostPopover } from './post-popover-7d44a85c.js';
-export { P as PostPopovercontainer } from './post-popovercontainer-e6d11d81.js';
-export { P as PostRating } from './post-rating-3cd3e97b.js';
-export { P as PostTabs } from './post-tabs-8cb1bce9.js';
-export { P as PostTabHeader } from './post-tab-header-776a991a.js';
-export { P as PostTabPanel } from './post-tab-panel-163e6c99.js';
-export { P as PostTooltip } from './post-tooltip-dc7e1a21.js';
-export { P as PostTag } from './post-tag-deefcc86.js';
-import './index-e1b64755.js';
-import './package-0311770e.js';
+export { P as PostAccordion } from './post-accordion-f5e449c0.js';
+export { P as PostAccordionItem } from './post-accordion-item-1195d94a.js';
+export { P as PostAvatar } from './post-avatar-9b85c11c.js';
+export { P as PostBackToTop } from './post-back-to-top-335075d4.js';
+export { P as PostBanner } from './post-banner-6b939740.js';
+export { P as PostBreadcrumb } from './post-breadcrumb-5a61269c.js';
+export { P as PostBreadcrumbItem, a as PostMenuItem } from './post-menu-item-ab01683c.js';
+export { P as PostCardControl } from './post-card-control-7fe3804c.js';
+export { P as PostClosebutton, a as PostHeader, b as PostIcon, c as PostLanguageOption, d as PostLanguageSwitch, e as PostList, f as PostListItem, g as PostLogo, h as PostMainnavigation, i as PostMegadropdown, j as PostMegadropdownTrigger, k as PostMenu, l as PostMenuTrigger, m as PostPopovercontainer, n as PostTogglebutton } from './post-togglebutton-5fb5e500.js';
+export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-e3ef47ff.js';
+export { P as PostFooter } from './post-footer-e68c21a1.js';
+export { P as PostLinkarea } from './post-linkarea-bc607c52.js';
+export { P as PostPopover } from './post-popover-7427bb6d.js';
+export { P as PostRating } from './post-rating-16c9ada8.js';
+export { P as PostTabs } from './post-tabs-34f70c88.js';
+export { P as PostTabHeader } from './post-tab-header-e0f39999.js';
+export { P as PostTabPanel } from './post-tab-panel-9a8b852c.js';
+export { P as PostTag } from './post-tag-ec5578c2.js';
+export { P as PostTooltip } from './post-tooltip-c201c4db.js';
+import './index-3419e46d.js';
+import './package-da1ccbc7.js';
 import './heading-levels-5b7b4349.js';
-import './check-one-of-6b3ef8eb.js';
-import './index-f41b763f.js';
+import './check-one-of-0bee20f5.js';
+import './index-8f8fe5b0.js';
 import './constants-8d548297.js';
-import './fade-7fd71785.js';
-import './check-non-empty-58bd6b17.js';
-import './attribute-observer-37fa950a.js';
+import './check-type-37d5d307.js';
+import './check-url-17962bc8.js';
+import './index.browser-51485f85.js';
+import './check-non-empty-258a56b3.js';
+import './slide-cd2850ee.js';
+import './fade-1f3cacf4.js';
+import './debounce-e54c7131.js';
+import './breakpoints-bbe0c54e.js';
+import './get-root-7af2e0d1.js';
+import './attribute-observer-2f203993.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-e1b64755.js';
-export { s as setNonce } from './index-e1b64755.js';
+import { b as bootstrapLazy } from './index-3419e46d.js';
+export { s as setNonce } from './index-3419e46d.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["post-accordion-item",[[1,"post-accordion-item",{"collapsed":[1028],"headingLevel":[2,"heading-level"],"id":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-alert",[[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",[[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",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar",[[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",[[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",[[1,"post-logo",{"url":[1]},null,{"url":["validateUrl"]}]]],["post-tab-header",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-popovercontainer",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon",[[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 bootstrapLazy([["post-breadcrumb",[[1,"post-breadcrumb",{"homeUrl":[1,"home-url"],"homeText":[1,"home-text"],"breadcrumbItems":[32],"isConcatenated":[32],"lastWindowWidth":[32]},null,{"homeUrl":["validateUrl"]}]]],["post-footer",[[1,"post-footer",{"label":[1],"isMobile":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"label":[1],"belowFold":[32]},null,{"belowFold":["watchBelowFold"],"label":["validateLabel"]}]]],["post-banner",[[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",[[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",[[1,"post-popover",{"placement":[1],"closeButtonCaption":[1,"close-button-caption"],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["post-rating",[[1,"post-rating",{"label":[1],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tag",[[1,"post-tag",{"variant":[1],"size":[1],"icon":[1],"classes":[32]},null,{"variant":["variantChanged"],"size":["sizeChanged"]}]]],["post-tooltip",[[1,"post-tooltip",{"placement":[1],"arrow":[4],"delayed":[4],"show":[64],"hide":[64],"toggle":[64]},null,{"delayed":["validateDelayed"]}]]],["post-accordion",[[1,"post-accordion",{"headingLevel":[2,"heading-level"],"multiple":[4],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":["validateHeadingLevel"]}]]],["post-avatar",[[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",[[4,"post-linkarea"]]],["post-tab-header",[[1,"post-tab-header",{"panel":[1],"tabId":[32]},null,{"panel":["validateFor"]}]]],["post-tab-panel",[[1,"post-tab-panel",{"name":[1],"panelId":[32]}]]],["post-tabs",[[1,"post-tabs",{"activePanel":[1,"active-panel"],"show":[64]}]]],["post-collapsible_2",[[1,"post-collapsible",{"collapsed":[1028],"toggle":[64]},null,{"collapsed":["collapsedChange"]}],[0,"post-collapsible-trigger",{"for":[1],"update":[64]},null,{"for":["setAriaAttributes"]}]]],["post-closebutton_15",[[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",[[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",[[1,"post-breadcrumb-item",{"url":[1],"fullUrl":[32]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/package-da1ccbc7.js

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

package/dist/esm/{post-accordion-01d49d83.js → post-accordion-f5e449c0.js}

@@ -1,22 +1,24 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-e1b64755.js';
-import { v as version } from './package-0311770e.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-3419e46d.js';
+import { v as version } from './package-da1ccbc7.js';
 import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
-import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
+import { c as checkOneOf } from './check-one-of-0bee20f5.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) {
         registerInstance(this, hostRef);
-        this.expandedItems = new Set();
         this.headingLevel = undefined;
         this.multiple = false;
     }
+    accordionItems;
+    expandedItems = new Set();
+    get host() { return getElement(this); }
     validateHeadingLevel(newValue = this.headingLevel) {
         if (!newValue)
             return;
-        checkOneOf(newValue, HEADING_LEVELS, 'The `heading-level` property of the `post-accordion` must be a number between 1 and 6.');
+        checkOneOf(this, 'headingLevel', 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));
         });
@@ -92,9 +94,8 @@ const PostAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: 'cfc6280e052937f50bc481fe73cf25ede6e40314', "data-version": version }, h("div", { key: '090539a2ebe9d216609a7e56597c5f379d439fb8', class: "accordion" }, h("slot", { key: '4ae4095b14b6b9233f1d66c8543d625a77a77e09', onSlotchange: () => this.registerAccordionItems() }))));
+        return (h(Host, { key: '9ec8ca1ceac6587be68272568f216c958460ac0a', "data-version": version }, h("div", { key: '99887626d105f0e8f86b24e211591e7be820738d', class: "accordion" }, h("slot", { key: '4d8a003377c3a90648818a00144fd5f3a65be084', onSlotchange: () => this.registerAccordionItems() }))));
     }
-    get host() { return getElement(this); }
     static get watchers() { return {
         "headingLevel": ["validateHeadingLevel"]
     }; }

package/dist/esm/post-accordion-item-1195d94a.js

@@ -0,0 +1,62 @@
+import { r as registerInstance, g as getElement, h, H as Host } from './index-3419e46d.js';
+import { v as version } from './package-da1ccbc7.js';
+import { H as HEADING_LEVELS } from './heading-levels-5b7b4349.js';
+import { c as checkEmptyOrOneOf } from './index-8f8fe5b0.js';
+import { n as nanoid } from './index.browser-51485f85.js';
+
+const postAccordionItemCss = ".accordion-item::after{display:block;content:\"\";margin-top:calc(var(--post-device-border-width-default)*-1);border-bottom:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-black)}.accordion-button{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;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;bottom:auto;border-top:var(--post-accordion-button-border-top)}.accordion-button{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}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
+const PostAccordionItemStyle0 = postAccordionItemCss;
+
+const PostAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.id = undefined;
+        this.slottedLogo = undefined;
+        this.collapsed = false;
+        this.headingLevel = undefined;
+    }
+    collapsible;
+    get host() { return getElement(this); }
+    validateHeadingLevel() {
+        checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS, 'The `heading-level` property of the `post-accordion-item` must be a number between 1 and 6.');
+    }
+    componentWillLoad() {
+        this.id = this.host.id || `p${nanoid(6)}`;
+    }
+    componentDidLoad() {
+        this.validateHeadingLevel();
+    }
+    // capture to make sure the "collapsed" property is updated before the event is consumed
+    onCollapseToggle(event) {
+        if (event.target === this.host &&
+            event.target.localName === 'post-accordion-item') {
+            this.collapsed = !event.detail;
+        }
+    }
+    /**
+     * Triggers the collapse programmatically.
+     */
+    async toggle(force) {
+        return this.collapsible.toggle(force);
+    }
+    onSlotLogoChange() {
+        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
+    }
+    componentWillRender() {
+        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
+    }
+    render() {
+        const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
+        const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
+        return (h(Host, { key: '4c4baf7ac22c632de6b0bc332ffc275e50bb4d71', id: this.id, "data-version": version }, h("div", { key: '576529323c3adca347ec685688c071e21a2f3a76', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: 'cc29c396173e55168a3bec963d5e101cb3fb17b2', for: `${this.id}--collapse` }, h(HeadingTag, { key: '76f8eed33f0c84bf6e1a534b04a8ccc0c69c6380', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: 'f56e67ffc94fea0452d1879d3410318b3b12c4bc', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: 'd5f23318d5c498e0cd9dd1f15c13a636e49b7817', class: {
+                'logo-container': true,
+                'has-image': !!this.slottedLogo,
+            } }, h("slot", { key: '051d48cc4201e2d954f4d4bc25c836ddc8e24d0f', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: 'e9f687c79fab8bd3bd94e4da022b2aea7e0bba5c', name: "header" }), h("post-icon", { key: 'c1f3486254269ab50a89bd6acf8c714cbbced3b8', name: "2051" })))), h("post-collapsible", { key: '7f3788a90e59cdb4f985fd14c64286cb938a3c23', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'e17ae656614ac27d4f09ebba0a7bb547f88f5728', class: "accordion-body", part: "body" }, h("slot", { key: '0387ebe5ce518bbb8b78c66d919715a78b5ae558' }))))));
+    }
+    static get watchers() { return {
+        "headingLevel": ["validateHeadingLevel"]
+    }; }
+};
+PostAccordionItem.style = PostAccordionItemStyle0;
+
+export { PostAccordionItem as P };

package/dist/esm/post-accordion-item.entry.js

@@ -1,7 +1,10 @@
-export { P as post_accordion_item } from './post-accordion-item-366f385b.js';
-import './index-e1b64755.js';
-import './package-0311770e.js';
+export { P as post_accordion_item } from './post-accordion-item-1195d94a.js';
+import './index-3419e46d.js';
+import './package-da1ccbc7.js';
 import './heading-levels-5b7b4349.js';
-import './index-f41b763f.js';
+import './index-8f8fe5b0.js';
 import './constants-8d548297.js';
-import './check-one-of-6b3ef8eb.js';
+import './check-one-of-0bee20f5.js';
+import './check-type-37d5d307.js';
+import './check-url-17962bc8.js';
+import './index.browser-51485f85.js';

package/dist/esm/post-accordion.entry.js

@@ -1,5 +1,5 @@
-export { P as post_accordion } from './post-accordion-01d49d83.js';
-import './index-e1b64755.js';
-import './package-0311770e.js';
+export { P as post_accordion } from './post-accordion-f5e449c0.js';
+import './index-3419e46d.js';
+import './package-da1ccbc7.js';
 import './heading-levels-5b7b4349.js';
-import './check-one-of-6b3ef8eb.js';
+import './check-one-of-0bee20f5.js';