@swisspost/design-system-components 9.0.0-next.1 → 9.0.0-next.10

package/dist/cjs/check-type-64af82a9.js

@@ -0,0 +1,16 @@
+'use strict';
+
+function checkType(value, type, error) {
+    const typeIsArray = type === 'array';
+    const valueIsArray = Array.isArray(value);
+    if (typeIsArray || valueIsArray) {
+        if (valueIsArray !== typeIsArray)
+            throw new Error(error);
+    }
+    else {
+        if (typeof value !== type)
+            throw new Error(error);
+    }
+}
+
+exports.checkType = checkType;

package/dist/cjs/check-url-3ffdd2fb.js

@@ -0,0 +1,14 @@
+'use strict';
+
+function checkUrl(value, error) {
+    if (typeof value !== 'string' && !(value instanceof URL))
+        throw new Error(error);
+    try {
+        new URL(value);
+    }
+    catch (e) {
+        throw new Error(error);
+    }
+}
+
+exports.checkUrl = checkUrl;

package/dist/cjs/debounce-1151afe3.js

@@ -0,0 +1,12 @@
+'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/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-01f30442.js → index-5d4e0aed.js}

@@ -2,6 +2,8 @@
 
 const constants = require('./constants-238701d3.js');
 const checkOneOf = require('./check-one-of-f4f5d0c0.js');
+const checkType = require('./check-type-64af82a9.js');
+const checkUrl = require('./check-url-3ffdd2fb.js');
 
 function emptyOr(check) {
     return (...args) => {
@@ -16,37 +18,12 @@ function checkPattern(value, pattern, errorMessage) {
         throw new Error(errorMessage);
 }
 
-function checkType(value, type, error) {
-    const typeIsArray = type === 'array';
-    const valueIsArray = Array.isArray(value);
-    if (typeIsArray || valueIsArray) {
-        if (valueIsArray !== typeIsArray)
-            throw new Error(error);
-    }
-    else {
-        if (typeof value !== type)
-            throw new Error(error);
-    }
-}
-
-function checkUrl(value, error) {
-    if (typeof value !== 'string' && !(value instanceof URL))
-        throw new Error(error);
-    try {
-        new URL(value);
-    }
-    catch (e) {
-        throw new Error(error);
-    }
-}
-
 const checkEmptyOrOneOf = emptyOr(checkOneOf.checkOneOf);
 const checkEmptyOrPattern = emptyOr(checkPattern);
-const checkEmptyOrType = emptyOr(checkType);
-const checkEmptyOrUrl = emptyOr(checkUrl);
+const checkEmptyOrType = emptyOr(checkType.checkType);
+const checkEmptyOrUrl = emptyOr(checkUrl.checkUrl);
 
 exports.checkEmptyOrOneOf = checkEmptyOrOneOf;
 exports.checkEmptyOrPattern = checkEmptyOrPattern;
 exports.checkEmptyOrType = checkEmptyOrType;
 exports.checkEmptyOrUrl = checkEmptyOrUrl;
-exports.checkType = checkType;

package/dist/cjs/{index-c15bd800.js → index-f1b08cdb.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: false, hydratedClass: true, hydratedSelectorName: "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: false, 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: true, 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 };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -74,26 +74,38 @@ 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-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-alert.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-logo.cjs':
+                case 'post-footer.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './post-logo.cjs.entry.js')); }).then(processMod, consoleError);
+                        './post-footer.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'post-popover.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -122,18 +134,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(
@@ -152,7 +164,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
-var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var HYDRATED_CSS = "{visibility:hidden}[data-hydrated]{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
@@ -1051,6 +1063,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
+  if (cmpMeta.$attrsToReflect$) {
+    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+    cmpMeta.$attrsToReflect$.map(
+      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
+    );
+  }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
       if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
@@ -1176,6 +1194,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     {
       maybePromise = safeCall(instance, "componentWillLoad");
     }
+  } else {
+    {
+      maybePromise = safeCall(instance, "componentWillUpdate");
+    }
   }
   {
     maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
@@ -1297,8 +1319,8 @@ var safeCall = (instance, method, arg) => {
   return void 0;
 };
 var addHydratedFlag = (elm) => {
-  var _a;
-  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
+  var _b;
+  return elm.setAttribute((_b = BUILD.hydratedSelectorName) != null ? _b : "hydrated", "") ;
 };
 
 // src/runtime/set-value.ts
@@ -1424,8 +1446,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+            var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
+            if (m[0] & 512 /* ReflectAttr */) {
+              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
+            }
             return attrName;
           })
         ])
@@ -1618,6 +1644,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$listeners$ = compactMeta[3];
       }
+      {
+        cmpMeta.$attrsToReflect$ = [];
+      }
       {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
       }

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,46 +2,73 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-e29956c4.js');
-const postAccordionItem = require('./post-accordion-item-dc4d1801.js');
-const postAlert = require('./post-alert-106c34ac.js');
-const postCardControl = require('./post-card-control-69769d1a.js');
-const postCollapsibleTrigger = require('./post-collapsible-trigger-32549d33.js');
-const postIcon = require('./post-icon-221d976f.js');
-const postLogo = require('./post-logo-e6cb079f.js');
-const postPopover = require('./post-popover-cfc1b31b.js');
-const postPopovercontainer = require('./post-popovercontainer-c0b86b11.js');
-const postRating = require('./post-rating-b9b8b6f3.js');
-const postTabs = require('./post-tabs-b06f799b.js');
-const postTabHeader = require('./post-tab-header-43310d08.js');
-const postTabPanel = require('./post-tab-panel-300a0618.js');
-const postTooltip = require('./post-tooltip-8d7e64f6.js');
-const postTag = require('./post-tag-d7ac3cbb.js');
-require('./index-c15bd800.js');
-require('./package-c7d01968.js');
+const postAccordion = require('./post-accordion-85bf5e0a.js');
+const postAccordionItem = require('./post-accordion-item-957b3464.js');
+const postAvatar = require('./post-avatar-58540591.js');
+const postBackToTop = require('./post-back-to-top-db5c7d01.js');
+const postBanner = require('./post-banner-727866d5.js');
+const postBreadcrumb = require('./post-breadcrumb-cacca682.js');
+const postMenuItem = require('./post-menu-item-e0e214b9.js');
+const postCardControl = require('./post-card-control-f5d72ddc.js');
+const postTogglebutton = require('./post-togglebutton-245e33f1.js');
+const postCollapsibleTrigger = require('./post-collapsible-trigger-067d1f4c.js');
+const postFooter = require('./post-footer-beeb36c8.js');
+const postPopover = require('./post-popover-7acbdf17.js');
+const postRating = require('./post-rating-ac1b9b3c.js');
+const postTabs = require('./post-tabs-80f65e1d.js');
+const postTabHeader = require('./post-tab-header-a3d28719.js');
+const postTabPanel = require('./post-tab-panel-4562e265.js');
+const postTag = require('./post-tag-5741a78d.js');
+const postTooltip = require('./post-tooltip-cefce5e1.js');
+require('./index-f1b08cdb.js');
+require('./package-aaec3cba.js');
 require('./heading-levels-608d432e.js');
 require('./check-one-of-f4f5d0c0.js');
-require('./index-01f30442.js');
+require('./index-5d4e0aed.js');
 require('./constants-238701d3.js');
-require('./fade-35a3633a.js');
+require('./check-type-64af82a9.js');
+require('./check-url-3ffdd2fb.js');
+require('./index.browser-2f65f583.js');
 require('./check-non-empty-eeaa8f77.js');
+require('./slide-5d51abe8.js');
+require('./fade-35a3633a.js');
+require('./debounce-1151afe3.js');
+require('./get-root-7a3498ef.js');
 require('./attribute-observer-10f08c04.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.PostLogo = postLogo.PostLogo;
+exports.PostFooter = postFooter.PostFooter;
 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-c15bd800.js');
+const index = require('./index-f1b08cdb.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-popovercontainer.cjs",[[4,"post-popovercontainer",{"placement":[1],"arrow":[4],"show":[64],"hide":[64],"toggle":[64]}]]],["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-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-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-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]},null,{"caption":["validateCaption"],"description":["validateDescription"],"variant":["validateVariant"]}],[4,"post-closebutton"],[4,"post-megadropdown",{"isVisible":[32],"animationClass":[32],"toggle":[64],"show":[64]}],[1,"post-header",{"device":[32],"mobileMenuExtended":[32],"toggleMobileMenu":[64]},null,{"mobileMenuExtended":["frozeBody"]}],[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-mainnavigation"],[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",{"placement":[1],"edgeGap":[2,"edge-gap"],"arrow":[4],"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]},null,{"url":["validateUrl"]}],[4,"post-menu-item"]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-c7d01968.js → package-aaec3cba.js}

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

package/dist/cjs/{post-accordion-e29956c4.js → post-accordion-85bf5e0a.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const index = require('./index-c15bd800.js');
-const _package = require('./package-c7d01968.js');
+const index = require('./index-f1b08cdb.js');
+const _package = require('./package-aaec3cba.js');
 const headingLevels = require('./heading-levels-608d432e.js');
 const checkOneOf = require('./check-one-of-f4f5d0c0.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 {

package/dist/cjs/post-accordion-item-957b3464.js

@@ -0,0 +1,64 @@
+'use strict';
+
+const index = require('./index-f1b08cdb.js');
+const _package = require('./package-aaec3cba.js');
+const headingLevels = require('./heading-levels-608d432e.js');
+const index$1 = require('./index-5d4e0aed.js');
+const index_browser = require('./index.browser-2f65f583.js');
+
+const postAccordionItemCss = ":host::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)}:host: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){:host: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:inherit;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}.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) {
+        index.registerInstance(this, hostRef);
+        this.id = undefined;
+        this.slottedLogo = undefined;
+        this.collapsed = false;
+        this.headingLevel = undefined;
+    }
+    validateHeadingLevel(newValue = this.headingLevel) {
+        index$1.checkEmptyOrOneOf(newValue, headingLevels.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${index_browser.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() {
+        var _a, _b;
+        const headingLevel = (_a = this.host.closest('post-accorddion')) === null || _a === void 0 ? void 0 : _a.getAttribute('heading-level');
+        const HeadingTag = `h${(_b = headingLevel !== null && headingLevel !== void 0 ? headingLevel : this.headingLevel) !== null && _b !== void 0 ? _b : 2}`;
+        return (index.h(index.Host, { key: '373cd09f89f295da7e3757223720c63ef66a5713', id: this.id, "data-version": _package.version }, index.h("div", { key: '8039b22b872c62681a5322a97e7d3152c9a95539', part: "accordion-item", class: "accordion-item" }, index.h("post-collapsible-trigger", { key: '110fd30957bba9116e7de9ea8489c2c0284bacf6', for: `${this.id}--collapse` }, index.h(HeadingTag, { key: '2ae4afc979da88ea988356403461f6a3efaa07aa', class: "accordion-header", id: `${this.id}--header` }, index.h("button", { key: '2ac61546ba0de5571225d6e7b9558f3dbc7f62d3', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, index.h("span", { key: '132516a258f87e4226d218ced5c57f9aa42c88e5', class: {
+                'logo-container': true,
+                'has-image': !!this.slottedLogo,
+            } }, index.h("slot", { key: 'dba5d7d0774640dbc12931c25fd07454e4210d1f', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), index.h("slot", { key: 'a26af2ee15938855748a828cca2855d2381f4aba', name: "header" }), index.h("post-icon", { key: '37a112eb68bed41d5b88472c160d355af967957f', name: "2051" })))), index.h("post-collapsible", { key: '6486a18c1ec3c97ee24f1ccaf1abb49a75890fe5', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, index.h("div", { key: '23b80e5f4ff31c4de2c0f3e75048c4ac1380371f', class: "accordion-body", part: "body" }, index.h("slot", { key: '90e370978278c913f88092d0908dbd9437763dd8' }))))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "headingLevel": ["validateHeadingLevel"]
+    }; }
+};
+PostAccordionItem.style = PostAccordionItemStyle0;
+
+exports.PostAccordionItem = PostAccordionItem;

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

@@ -2,13 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordionItem = require('./post-accordion-item-dc4d1801.js');
-require('./index-c15bd800.js');
-require('./package-c7d01968.js');
+const postAccordionItem = require('./post-accordion-item-957b3464.js');
+require('./index-f1b08cdb.js');
+require('./package-aaec3cba.js');
 require('./heading-levels-608d432e.js');
-require('./index-01f30442.js');
+require('./index-5d4e0aed.js');
 require('./constants-238701d3.js');
 require('./check-one-of-f4f5d0c0.js');
+require('./check-type-64af82a9.js');
+require('./check-url-3ffdd2fb.js');
+require('./index.browser-2f65f583.js');
 
 
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postAccordion = require('./post-accordion-e29956c4.js');
-require('./index-c15bd800.js');
-require('./package-c7d01968.js');
+const postAccordion = require('./post-accordion-85bf5e0a.js');
+require('./index-f1b08cdb.js');
+require('./package-aaec3cba.js');
 require('./heading-levels-608d432e.js');
 require('./check-one-of-f4f5d0c0.js');