@swisspost/design-system-components 2.0.0 → 2.0.2

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-01-24T13:07:26",
+  "timestamp": "2024-02-20T14:15:40",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
+    "version": "4.12.0",
     "typescriptVersion": "5.3.3"
   },
   "components": [
@@ -12,7 +12,12 @@
       "tag": "post-accordion",
       "readme": "# post-accordion\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing post-accordion-item components."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -127,7 +132,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing post-accordion-item components."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -139,7 +149,16 @@
       "tag": "post-accordion-item",
       "readme": "# post-accordion-item\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "header - Slot for placing custom content within the accordion item's header."
+        },
+        {
+          "name": "slot",
+          "text": "default - Slot for placing content within the accordion item's body."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -259,7 +278,16 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing content within the accordion item's body."
+        },
+        {
+          "name": "header",
+          "docs": "Slot for placing custom content within the accordion item's header."
+        }
+      ],
       "parts": [
         {
           "name": "accordion-item",
@@ -282,7 +310,20 @@
       "tag": "post-alert",
       "readme": "# post-alert\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "heading - Slot for placing custom content within the alert's heading."
+        },
+        {
+          "name": "slot",
+          "text": "actions - Slot for placing custom actions (buttons, links, etc.) within the alert."
+        },
+        {
+          "name": "slot",
+          "text": "default - Slot for placing the main content/message of the alert."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -463,7 +504,20 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "actions",
+          "docs": "Slot for placing custom actions (buttons, links, etc.) within the alert."
+        },
+        {
+          "name": "default",
+          "docs": "Slot for placing the main content/message of the alert."
+        },
+        {
+          "name": "heading",
+          "docs": "Slot for placing custom content within the alert's heading."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -481,7 +535,12 @@
       "tag": "post-collapsible",
       "readme": "# post-collapsible\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing content within the collapsible element."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -561,7 +620,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing content within the collapsible element."
+        }
+      ],
       "parts": [],
       "dependents": [
         "post-accordion-item"
@@ -789,7 +853,12 @@
       "tag": "post-popover",
       "readme": "# post-popup\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing content inside the popover."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -845,7 +914,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -1036,7 +1105,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing content inside the popover."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -1054,7 +1128,12 @@
       "tag": "post-popovercontainer",
       "readme": "# post-popover\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- Default slot for placing content inside the popovercontainer."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -1089,7 +1168,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -1295,7 +1374,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Default slot for placing content inside the popovercontainer."
+        }
+      ],
       "parts": [
         {
           "name": "popover",
@@ -1322,7 +1406,12 @@
       "tag": "post-tab-header",
       "readme": "# post-tab-header\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for the content of the tab header."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -1356,7 +1445,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for the content of the tab header."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -1368,7 +1462,12 @@
       "tag": "post-tab-panel",
       "readme": "# post-tab-panel\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing the content of the tab panel."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -1397,7 +1496,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing the content of the tab panel."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -1409,7 +1513,16 @@
       "tag": "post-tabs",
       "readme": "# post-tabs\n\n\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "tabs - Slot for placing tab headers. Each tab header should be a <post-tab-header> element."
+        },
+        {
+          "name": "slot",
+          "text": "default - Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -1502,7 +1615,16 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element."
+        },
+        {
+          "name": "tabs",
+          "docs": "Slot for placing tab headers. Each tab header should be a <post-tab-header> element."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [],
@@ -1549,7 +1671,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -1754,20 +1876,20 @@
     }
   ],
   "typeLibrary": {
+    "src/components/post-accordion-item/heading-levels.ts::HeadingLevel": {
+      "declaration": "1 | 2 | 3 | 4 | 5 | 6",
+      "docstring": "",
+      "path": "src/components/post-accordion-item/heading-levels.ts"
+    },
     "src/components/post-alert/alert-types.ts::AlertType": {
       "declaration": "\"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"gray\"",
       "docstring": "",
       "path": "src/components/post-alert/alert-types.ts"
     },
-    "../../node_modules/.pnpm/@floating-ui+dom@1.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
+    "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
-    },
-    "src/components/post-accordion-item/heading-levels.ts::HeadingLevel": {
-      "declaration": "1 | 2 | 3 | 4 | 5 | 6",
-      "docstring": "",
-      "path": "src/components/post-accordion-item/heading-levels.ts"
+      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
     }
   }
 }

package/dist/esm/check-non-empty-58bd6b17.js

@@ -7,5 +7,3 @@ function checkNonEmpty(value, error) {
 }
 
 export { checkNonEmpty as c };
-
-//# sourceMappingURL=check-non-empty-58bd6b17.js.map

package/dist/esm/constants-8d548297.js

@@ -1,5 +1,3 @@
 const EMPTY_VALUES = [undefined, null, ''];
 
 export { EMPTY_VALUES as E };
-
-//# sourceMappingURL=constants-8d548297.js.map

package/dist/esm/fade-7fd71785.js

@@ -5,5 +5,3 @@ const fadeIn = (el) => el.animate([fadedOutKeyframe, fadedInKeyframe], { duratio
 const fadeOut = (el) => el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
 
 export { fadeIn as a, fadeOut as f };
-
-//# sourceMappingURL=fade-7fd71785.js.map

package/dist/esm/{index-74cf5c9d.js → index-1708db56.js}

@@ -1789,7 +1789,12 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
     }
 };
 // prettier-ignore
-const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
+const hostListenerOpts = (flags) => supportsListenerOptions
+    ? ({
+        passive: (flags & 1 /* LISTENER_FLAGS.Passive */) !== 0,
+        capture: (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0,
+    })
+    : (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
 /**
  * Assigns the given value to the nonce property on the runtime platform object.
  * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
@@ -1800,8 +1805,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *
@@ -1934,6 +1950,18 @@ const plt = {
     rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
 };
+const supportsListenerOptions = /*@__PURE__*/ (() => {
+    let supportsListenerOptions = false;
+    try {
+        doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {
+            get() {
+                supportsListenerOptions = true;
+            },
+        }));
+    }
+    catch (e) { }
+    return supportsListenerOptions;
+})();
 const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
@@ -1988,5 +2016,3 @@ const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-
-//# sourceMappingURL=index-74cf5c9d.js.map

package/dist/esm/{index-1427953c.js → index-b444db27.js}

@@ -35,6 +35,4 @@ const checkEmptyOrOneOf = emptyOr(checkOneOf);
 const checkEmptyOrPattern = emptyOr(checkPattern);
 const checkEmptyOrType = emptyOr(checkType);
 
-export { checkEmptyOrPattern as a, checkEmptyOrOneOf as b, checkType as c, checkEmptyOrType as d };
-
-//# sourceMappingURL=index-1427953c.js.map
+export { checkType as a, checkEmptyOrPattern as b, checkEmptyOrOneOf as c, checkEmptyOrType as d };

package/dist/esm/index.js

@@ -1,18 +1,17 @@
-export { P as PostAccordion } from './post-accordion-3b137073.js';
-export { P as PostAlert } from './post-alert-0dcc6ac7.js';
-export { P as PostCollapsible } from './post-collapsible-a418570f.js';
-export { P as PostIcon } from './post-icon-302d1767.js';
-export { P as PostPopover } from './post-popover-5725afc7.js';
-export { P as PostPopovercontainer } from './post-popovercontainer-1c050e83.js';
-export { P as PostTabs } from './post-tabs-16f99043.js';
-export { P as PostTabHeader } from './post-tab-header-ede9f078.js';
-export { P as PostTabPanel } from './post-tab-panel-16796ee3.js';
-export { P as PostTooltip } from './post-tooltip-03a6d578.js';
-import './index-74cf5c9d.js';
-import './package-af0ef704.js';
-import './fade-7fd71785.js';
-import './index-1427953c.js';
+export { P as PostAccordion } from './post-accordion-82b49f7b.js';
+export { P as PostAccordionItem } from './post-accordion-item-3deff76a.js';
+export { P as PostAlert } from './post-alert-c88451ba.js';
+export { P as PostCollapsible } from './post-collapsible-87ce4e6e.js';
+export { P as PostIcon } from './post-icon-e0536000.js';
+export { P as PostPopover } from './post-popover-00b006b4.js';
+export { P as PostPopovercontainer } from './post-popovercontainer-6d1d7f76.js';
+export { P as PostTabs } from './post-tabs-97868e9c.js';
+export { P as PostTabHeader } from './post-tab-header-0f7866f9.js';
+export { P as PostTabPanel } from './post-tab-panel-b41d5d0f.js';
+export { P as PostTooltip } from './post-tooltip-531b569d.js';
+import './index-1708db56.js';
+import './package-aa903c40.js';
+import './index-b444db27.js';
 import './constants-8d548297.js';
+import './fade-7fd71785.js';
 import './check-non-empty-58bd6b17.js';
-
-//# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-74cf5c9d.js';
-export { s as setNonce } from './index-74cf5c9d.js';
+import { b as bootstrapLazy } from './index-1708db56.js';
+export { s as setNonce } from './index-1708db56.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
@@ -7,5 +7,3 @@ const defineCustomElements = (win, options) => {
 };
 
 export { defineCustomElements };
-
-//# sourceMappingURL=loader.js.map

package/dist/esm/package-aa903c40.js

@@ -0,0 +1,3 @@
+const version = "2.0.2";
+
+export { version as v };

package/dist/esm/{post-accordion-3b137073.js → post-accordion-82b49f7b.js}

@@ -1,7 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-74cf5c9d.js';
-import { v as version } from './package-af0ef704.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
+import { v as version } from './package-aa903c40.js';
 
 const postAccordionCss = ":host{display:block}";
+const PostAccordionStyle0 = postAccordionCss;
 
 const PostAccordion = class {
     constructor(hostRef) {
@@ -75,12 +76,10 @@ const PostAccordion = class {
         });
     }
     render() {
-        return (h(Host, { "data-version": version }, h("div", { class: "accordion" }, h("slot", { onSlotchange: () => this.registerAccordionItems() }))));
+        return (h(Host, { key: '08d0661a81fef59f3b74cbceceff49920cbfda0c', "data-version": version }, h("div", { key: '2625963e5f2952fd5bd5b4f05a14142a501b272c', class: "accordion" }, h("slot", { key: 'f2514ed051562c17fe852bd2bf39c10282915bfb', onSlotchange: () => this.registerAccordionItems() }))));
     }
     get host() { return getElement(this); }
 };
-PostAccordion.style = postAccordionCss;
+PostAccordion.style = PostAccordionStyle0;
 
 export { PostAccordion as P };
-
-//# sourceMappingURL=post-accordion-3b137073.js.map

package/dist/esm/post-accordion-item-3deff76a.js

@@ -0,0 +1,49 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1708db56.js';
+import { v as version } from './package-aa903c40.js';
+import { c as checkEmptyOrOneOf } from './index-b444db27.js';
+
+const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
+
+const postAccordionItemCss = "post-accordion-item::part(accordion-item),.bg-yellow post-accordion-item::part(accordion-item),.bg-light post-accordion-item::part(accordion-item),.bg-gray post-accordion-item::part(accordion-item),.bg-dark post-accordion-item::part(accordion-item),.bg-primary post-accordion-item::part(accordion-item),.bg-white post-accordion-item::part(accordion-item),.bg-black post-accordion-item::part(accordion-item),.bg-info post-accordion-item::part(accordion-item),.bg-success post-accordion-item::part(accordion-item),.bg-warning post-accordion-item::part(accordion-item),.bg-danger post-accordion-item::part(accordion-item),.bg-nightblue post-accordion-item::part(accordion-item),.bg-nightblue-bright post-accordion-item::part(accordion-item),.bg-petrol post-accordion-item::part(accordion-item),.bg-petrol-bright post-accordion-item::part(accordion-item),.bg-coral post-accordion-item::part(accordion-item),.bg-coral-bright post-accordion-item::part(accordion-item),.bg-olive post-accordion-item::part(accordion-item),.bg-olive-bright post-accordion-item::part(accordion-item),.bg-purple post-accordion-item::part(accordion-item),.bg-purple-bright post-accordion-item::part(accordion-item),.bg-aubergine post-accordion-item::part(accordion-item),.bg-aubergine-bright post-accordion-item::part(accordion-item),.bg-success-green post-accordion-item::part(accordion-item),.bg-error-red post-accordion-item::part(accordion-item),.bg-warning-orange post-accordion-item::part(accordion-item),.bg-success-background post-accordion-item::part(accordion-item),.bg-error-background post-accordion-item::part(accordion-item),.bg-warning-background post-accordion-item::part(accordion-item),.accordion-item,.bg-yellow .accordion-item,.bg-light .accordion-item,.bg-gray .accordion-item,.bg-dark .accordion-item,.bg-primary .accordion-item,.bg-white .accordion-item,.bg-black .accordion-item,.bg-info .accordion-item,.bg-success .accordion-item,.bg-warning .accordion-item,.bg-danger .accordion-item,.bg-nightblue .accordion-item,.bg-nightblue-bright .accordion-item,.bg-petrol .accordion-item,.bg-petrol-bright .accordion-item,.bg-coral .accordion-item,.bg-coral-bright .accordion-item,.bg-olive .accordion-item,.bg-olive-bright .accordion-item,.bg-purple .accordion-item,.bg-purple-bright .accordion-item,.bg-aubergine .accordion-item,.bg-aubergine-bright .accordion-item,.bg-success-green .accordion-item,.bg-error-red .accordion-item,.bg-warning-orange .accordion-item,.bg-success-background .accordion-item,.bg-error-background .accordion-item,.bg-warning-background .accordion-item{--post-bg-opacity:1;background-color:rgba(var(--post-bg-rgb), var(--post-bg-opacity)) !important;color:var(--post-contrast-color) !important}post-accordion-item::part(accordion-item),.bg-yellow post-accordion-item::part(accordion-item),.bg-light post-accordion-item::part(accordion-item),.bg-gray post-accordion-item::part(accordion-item),.bg-dark post-accordion-item::part(accordion-item),.bg-primary post-accordion-item::part(accordion-item),.bg-white post-accordion-item::part(accordion-item),.bg-black post-accordion-item::part(accordion-item),.bg-info post-accordion-item::part(accordion-item),.bg-success post-accordion-item::part(accordion-item),.bg-warning post-accordion-item::part(accordion-item),.bg-danger post-accordion-item::part(accordion-item),.bg-nightblue post-accordion-item::part(accordion-item),.bg-nightblue-bright post-accordion-item::part(accordion-item),.bg-petrol post-accordion-item::part(accordion-item),.bg-petrol-bright post-accordion-item::part(accordion-item),.bg-coral post-accordion-item::part(accordion-item),.bg-coral-bright post-accordion-item::part(accordion-item),.bg-olive post-accordion-item::part(accordion-item),.bg-olive-bright post-accordion-item::part(accordion-item),.bg-purple post-accordion-item::part(accordion-item),.bg-purple-bright post-accordion-item::part(accordion-item),.bg-aubergine post-accordion-item::part(accordion-item),.bg-aubergine-bright post-accordion-item::part(accordion-item),.bg-success-green post-accordion-item::part(accordion-item),.bg-error-red post-accordion-item::part(accordion-item),.bg-warning-orange post-accordion-item::part(accordion-item),.bg-success-background post-accordion-item::part(accordion-item),.bg-error-background post-accordion-item::part(accordion-item),.bg-warning-background post-accordion-item::part(accordion-item),.accordion-item,.bg-yellow .accordion-item,.bg-light .accordion-item,.bg-gray .accordion-item,.bg-dark .accordion-item,.bg-primary .accordion-item,.bg-white .accordion-item,.bg-black .accordion-item,.bg-info .accordion-item,.bg-success .accordion-item,.bg-warning .accordion-item,.bg-danger .accordion-item,.bg-nightblue .accordion-item,.bg-nightblue-bright .accordion-item,.bg-petrol .accordion-item,.bg-petrol-bright .accordion-item,.bg-coral .accordion-item,.bg-coral-bright .accordion-item,.bg-olive .accordion-item,.bg-olive-bright .accordion-item,.bg-purple .accordion-item,.bg-purple-bright .accordion-item,.bg-aubergine .accordion-item,.bg-aubergine-bright .accordion-item,.bg-success-green .accordion-item,.bg-error-red .accordion-item,.bg-warning-orange .accordion-item,.bg-success-background .accordion-item,.bg-error-background .accordion-item,.bg-warning-background .accordion-item{--post-contrast-color:#000;--post-contrast-color-inverted:#fff;--post-gray-10:hsl(0, 0%, 90%);--post-gray-20:hsl(0, 0%, 80%);--post-gray-40:hsl(0, 0%, 60%);--post-gray-60:hsl(0, 0%, 40%);--post-gray-80:hsl(0, 0%, 20%);--post-yellow:#fc0;--post-light:#faf9f8;--post-gray:#f4f3f1;--post-dark:hsl(0, 0%, 20%);--post-primary:hsl(0, 0%, 20%);--post-white:#fff;--post-black:#000;--post-info:#cce4ee;--post-success:#2c911c;--post-warning:#f49e00;--post-danger:#a51728;--post-nightblue:#004976;--post-nightblue-bright:#0076a8;--post-petrol:#006d68;--post-petrol-bright:#00968f;--post-coral:#9e2a2f;--post-coral-bright:#e03c31;--post-olive:#716135;--post-olive-bright:#aa9d2e;--post-purple:#80276c;--post-purple-bright:#c5299b;--post-aubergine:#523178;--post-aubergine-bright:#7566a0;--post-success-green:#2c871d;--post-error-red:#a51728;--post-warning-orange:#f49e00;--post-success-background:#c0debb;--post-error-background:#ffdade;--post-warning-background:#fce2b2;--post-contrast-color-rgb:0, 0, 0;--post-contrast-color-inverted-rgb:255, 255, 255;--post-gray-10-rgb:230, 230, 230;--post-gray-20-rgb:204, 204, 204;--post-gray-40-rgb:153, 153, 153;--post-gray-60-rgb:102, 102, 102;--post-gray-80-rgb:51, 51, 51;--post-yellow-rgb:255, 204, 0;--post-light-rgb:250, 249, 248;--post-gray-rgb:244, 243, 241;--post-dark-rgb:51, 51, 51;--post-primary-rgb:51, 51, 51;--post-white-rgb:255, 255, 255;--post-black-rgb:0, 0, 0;--post-info-rgb:204, 228, 238;--post-success-rgb:44, 145, 28;--post-warning-rgb:244, 158, 0;--post-danger-rgb:165, 23, 40;--post-nightblue-rgb:0, 73, 118;--post-nightblue-bright-rgb:0, 118, 168;--post-petrol-rgb:0, 109, 104;--post-petrol-bright-rgb:0, 150, 143;--post-coral-rgb:158, 42, 47;--post-coral-bright-rgb:224, 60, 49;--post-olive-rgb:113, 97, 53;--post-olive-bright-rgb:170, 157, 46;--post-purple-rgb:128, 39, 108;--post-purple-bright-rgb:197, 41, 155;--post-aubergine-rgb:82, 49, 120;--post-aubergine-bright-rgb:117, 102, 160;--post-success-green-rgb:44, 135, 29;--post-error-red-rgb:165, 23, 40;--post-warning-orange-rgb:244, 158, 0;--post-success-background-rgb:192, 222, 187;--post-error-background-rgb:255, 218, 222;--post-warning-background-rgb:252, 226, 178}.accordion-item{--post-bg-rgb:244, 243, 241;border-block:2px solid #666}.bg-yellow .accordion-item{--post-bg-rgb:255, 255, 255}.bg-light .accordion-item{--post-bg-rgb:255, 255, 255}.bg-gray .accordion-item{--post-bg-rgb:255, 255, 255}.bg-dark .accordion-item{--post-bg-rgb:255, 255, 255}.bg-primary .accordion-item{--post-bg-rgb:255, 255, 255}.bg-white .accordion-item{--post-bg-rgb:244, 243, 241}.bg-black .accordion-item{--post-bg-rgb:255, 255, 255}.bg-info .accordion-item{--post-bg-rgb:255, 255, 255}.bg-success .accordion-item{--post-bg-rgb:255, 255, 255}.bg-warning .accordion-item{--post-bg-rgb:255, 255, 255}.bg-danger .accordion-item{--post-bg-rgb:255, 255, 255}.bg-nightblue .accordion-item{--post-bg-rgb:255, 255, 255}.bg-nightblue-bright .accordion-item{--post-bg-rgb:255, 255, 255}.bg-petrol .accordion-item{--post-bg-rgb:255, 255, 255}.bg-petrol-bright .accordion-item{--post-bg-rgb:255, 255, 255}.bg-coral .accordion-item{--post-bg-rgb:255, 255, 255}.bg-coral-bright .accordion-item{--post-bg-rgb:255, 255, 255}.bg-olive .accordion-item{--post-bg-rgb:255, 255, 255}.bg-olive-bright .accordion-item{--post-bg-rgb:255, 255, 255}.bg-purple .accordion-item{--post-bg-rgb:255, 255, 255}.bg-purple-bright .accordion-item{--post-bg-rgb:255, 255, 255}.bg-aubergine .accordion-item{--post-bg-rgb:255, 255, 255}.bg-aubergine-bright .accordion-item{--post-bg-rgb:255, 255, 255}.bg-success-green .accordion-item{--post-bg-rgb:255, 255, 255}.bg-error-red .accordion-item{--post-bg-rgb:255, 255, 255}.bg-warning-orange .accordion-item{--post-bg-rgb:255, 255, 255}.bg-success-background .accordion-item{--post-bg-rgb:255, 255, 255}.bg-error-background .accordion-item{--post-bg-rgb:255, 255, 255}.bg-warning-background .accordion-item{--post-bg-rgb:255, 255, 255}.accordion-item+.accordion-item{border-block-start:0}.accordion-header{color:#333;font-size:1rem;font-weight:700;line-height:1.5;margin:0}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button;outline:none;width:100%;position:relative;padding-block:1rem;padding-inline-start:1rem;padding-inline-end:3rem;text-align:start;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.accordion-button:focus-visible{outline:2px solid #1976c8}.accordion-button:hover{color:#000;background-color:#e6e6e6}.accordion-button:disabled{opacity:.4;pointer-events:none}.accordion-button::after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/g%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:1.5rem;width:1.5rem;position:absolute;inset-inline-end:1rem;inset-block-start:50%;transform:translateY(-50%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed::after{transform:translateY(-50%) rotate(-180deg)}.accordion-button>.text-truncate{display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover:not(:disabled),.accordion-button:focus-visible:not(:disabled){outline:2px solid Highlight}.accordion-button:disabled{opacity:1 !important}}.accordion-body{padding:.5rem 1rem 1rem;font-weight:300}.accordion-button>*,.accordion-body>:first-child{margin-block-start:0 !important}.accordion-button>*,.accordion-body>:last-child{margin-block-end:0 !important}:host{display:block}.accordion-button{cursor:pointer}.accordion-button>::slotted(.text-truncate){display:block}post-accordion-item::part(accordion-item){--post-bg-rgb:244, 243, 241}.bg-yellow post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-light post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-gray post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-dark post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-primary post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-white post-accordion-item::part(accordion-item){--post-bg-rgb:244, 243, 241}.bg-black post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-info post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-success post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-warning post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-danger post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-nightblue post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-nightblue-bright post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-petrol post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-petrol-bright post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-coral post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-coral-bright post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-olive post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-olive-bright post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-purple post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-purple-bright post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-aubergine post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-aubergine-bright post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-success-green post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-error-red post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-warning-orange post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-success-background post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-error-background post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}.bg-warning-background post-accordion-item::part(accordion-item){--post-bg-rgb:255, 255, 255}:host(:not(:first-of-type)) .accordion-item{border-block-start:0}";
+const PostAccordionItemStyle0 = postAccordionItemCss;
+
+const PostAccordionItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.id = undefined;
+        this.isOpen = undefined;
+        this.collapsed = false;
+        this.headingLevel = 2;
+    }
+    validateHeadingLevel(newValue = this.headingLevel) {
+        checkEmptyOrOneOf(newValue, HEADING_LEVELS, 'The `headingLevel` property of the `post-accordion-item` must be a number between 1 and 6.');
+    }
+    connectedCallback() {
+        this.validateHeadingLevel();
+    }
+    componentWillLoad() {
+        this.isOpen = !this.collapsed;
+        this.id = this.host.id || `a${crypto.randomUUID()}`;
+    }
+    onCollapseChange(event) {
+        this.isOpen = event.detail;
+    }
+    /**
+     * Triggers the collapse programmatically.
+     */
+    async toggle(force) {
+        return this.collapsible.toggle(force);
+    }
+    render() {
+        var _a;
+        const HeadingTag = `h${(_a = this.headingLevel) !== null && _a !== void 0 ? _a : 2}`;
+        return (h(Host, { key: '795ccef5a57e07755df60f651712dff5eb3fcfaf', id: this.id, "data-version": version }, h("div", { key: '529feda41150180001d5535d0d79007e312b0d39', part: "accordion-item", class: "accordion-item" }, h(HeadingTag, { key: '4ddcc8f6ab703625ab072541b65ed0dcb7392129', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '09dcd22dc3382fe442018649b392ba95ed3918f9', "aria-controls": `${this.id}--collapse`, "aria-expanded": `${this.isOpen}`, class: `accordion-button${this.isOpen ? '' : ' collapsed'}`, onClick: () => this.toggle(), type: "button" }, h("slot", { key: '8e4026adc26445aa84cce3587bf4cc82b816641a', name: "header" }))), h("post-collapsible", { key: '83aeca309682e6f0d9dc2f6fa0701a01229a8f2b', collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: 'c881ddf1fe72345d1e6fedaff9376cf43ad566b4', class: "accordion-body" }, h("slot", { key: '8d72ce66dd9b3b2059ea789ec5854d53b4895907' }))))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "headingLevel": ["validateHeadingLevel"]
+    }; }
+};
+PostAccordionItem.style = PostAccordionItemStyle0;
+
+export { PostAccordionItem as P };