@swisspost/design-system-components 10.0.0-next.38 → 10.0.0-next.40

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-19T11:17:59",
+  "timestamp": "2025-06-30T10:22:43",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -187,9 +187,15 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "post-footer"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "post-footer": [
+          "post-accordion"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-accordion-item/post-accordion-item.tsx",
@@ -591,7 +597,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -634,7 +640,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -870,7 +876,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         }
       ],
       "methods": [],
@@ -907,7 +913,7 @@
       "filePath": "src/components/post-card-control/post-card-control.tsx",
       "encapsulation": "shadow",
       "tag": "post-card-control",
-      "readme": "# post-card-control\n\n\n",
+      "readme": "# post-card-control\n",
       "docs": "",
       "docsTags": [
         {
@@ -960,13 +966,12 @@
           "reflectToAttr": false,
           "docs": "Defines the description in the control-label.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1004,13 +1009,12 @@
           "reflectToAttr": false,
           "docs": "Defines the icon `name` inside the card.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1047,13 +1051,12 @@
           "reflectToAttr": false,
           "docs": "Defines the `name` attribute of the control.\n<span className=\"mb-4 banner banner-sm banner-info\">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span>\n<span className=\"banner banner-sm banner-info\">This is a required property, when the control is used with type `radio`.</span>",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1084,10 +1087,10 @@
         },
         {
           "name": "validity",
-          "type": "\"false\" | \"true\"",
+          "type": "boolean",
           "complexType": {
-            "original": "null | 'true' | 'false'",
-            "resolved": "\"false\" | \"true\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": true,
@@ -1095,18 +1098,12 @@
           "reflectToAttr": false,
           "docs": "Defines the validation `validity` of the control.\nTo reset validity to an undefined state, simply remove the attribute from the control.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
-              "value": "false",
-              "type": "string"
-            },
-            {
-              "value": "true",
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1122,13 +1119,12 @@
           "reflectToAttr": false,
           "docs": "Defines the `value` attribute of the control. <span className=\"banner banner-sm banner-info\">This is a required property, when the control is used with type `radio`.</span>",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -1174,7 +1170,7 @@
           },
           "signature": "reset() => Promise<void>",
           "parameters": [],
-          "docs": "A public method to reset the controls `checked` and `validity` state.\nThe validity state is set to `null`, so it's neither valid nor invalid.",
+          "docs": "A public method to reset the controls `checked` and `validity` state.\nThe validity state is set to `undefined`, so it's neither valid nor invalid.",
           "docsTags": []
         }
       ],
@@ -1402,7 +1398,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         }
       ],
       "methods": [
@@ -1541,10 +1537,12 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "post-accordion",
         "post-accordion-item"
       ],
       "dependencyGraph": {
         "post-footer": [
+          "post-accordion",
           "post-accordion-item"
         ],
         "post-accordion-item": [
@@ -1632,28 +1630,7 @@
           "docsTags": []
         }
       ],
-      "events": [
-        {
-          "event": "postUpdateDevice",
-          "detail": "\"desktop\" | \"mobile\" | \"tablet\"",
-          "bubbles": true,
-          "complexType": {
-            "original": "DEVICE_SIZE",
-            "resolved": "\"desktop\" | \"mobile\" | \"tablet\"",
-            "references": {
-              "DEVICE_SIZE": {
-                "location": "local",
-                "path": "/home/runner/work/design-system/design-system/packages/components/src/components/post-header/post-header.tsx",
-                "id": "src/components/post-header/post-header.tsx::DEVICE_SIZE"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "An event emitted when the device has changed",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [
@@ -1709,7 +1686,7 @@
           "name": "animation",
           "type": "\"cylon\" | \"cylon-vertical\" | \"fade\" | \"spin\" | \"spin-reverse\" | \"throb\"",
           "complexType": {
-            "original": "Animation | null",
+            "original": "Animation",
             "resolved": "\"cylon\" | \"cylon-vertical\" | \"fade\" | \"spin\" | \"spin-reverse\" | \"throb\"",
             "references": {
               "Animation": {
@@ -1723,7 +1700,6 @@
           "reflectToAttr": false,
           "docs": "The name of the animation.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "value": "cylon",
@@ -1757,7 +1733,7 @@
           "name": "base",
           "type": "string",
           "complexType": {
-            "original": "string | null",
+            "original": "string",
             "resolved": "string",
             "references": {}
           },
@@ -1766,7 +1742,6 @@
           "reflectToAttr": false,
           "docs": "The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
@@ -1844,7 +1819,7 @@
           "name": "rotate",
           "type": "number",
           "complexType": {
-            "original": "number | null",
+            "original": "number",
             "resolved": "number",
             "references": {}
           },
@@ -1853,7 +1828,6 @@
           "reflectToAttr": false,
           "docs": "The number of degree for the css rotate transformation.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "number"
@@ -1866,7 +1840,7 @@
           "name": "scale",
           "type": "number",
           "complexType": {
-            "original": "number | null",
+            "original": "number",
             "resolved": "number",
             "references": {}
           },
@@ -1875,7 +1849,6 @@
           "reflectToAttr": false,
           "docs": "The number for the css scale transformation.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "number"
@@ -1973,7 +1946,7 @@
               "type": "boolean"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2015,7 +1988,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2036,14 +2009,14 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "variant",
           "type": "\"list\" | \"menu\"",
           "complexType": {
-            "original": "SwitchVariant | null",
+            "original": "SwitchVariant",
             "resolved": "\"list\" | \"menu\"",
             "references": {
               "SwitchVariant": {
@@ -2167,7 +2140,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
           "name": "description",
@@ -2188,7 +2161,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
           "name": "variant",
@@ -2428,7 +2401,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -3775,14 +3748,9 @@
           "name": "panel",
           "type": "string",
           "complexType": {
-            "original": "HTMLPostTabPanelElement['name']",
+            "original": "string",
             "resolved": "string",
-            "references": {
-              "HTMLPostTabPanelElement": {
-                "location": "global",
-                "id": "global::HTMLPostTabPanelElement"
-              }
-            }
+            "references": {}
           },
           "mutable": false,
           "attr": "panel",
@@ -3795,7 +3763,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         }
       ],
       "methods": [],
@@ -3846,7 +3814,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         }
       ],
       "methods": [],
@@ -3913,7 +3881,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -4017,7 +3985,7 @@
           "name": "icon",
           "type": "string",
           "complexType": {
-            "original": "null | string",
+            "original": "string",
             "resolved": "string",
             "references": {}
           },
@@ -4026,7 +3994,6 @@
           "reflectToAttr": false,
           "docs": "Defines the icon `name` inside of the component.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>\nTo learn which icons are available, please visit our <a href=\"/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs\">icon library</a>.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "string"
@@ -4039,7 +4006,7 @@
           "name": "size",
           "type": "\"sm\"",
           "complexType": {
-            "original": "null | 'sm'",
+            "original": "'sm'",
             "resolved": "\"sm\"",
             "references": {}
           },
@@ -4048,14 +4015,13 @@
           "reflectToAttr": false,
           "docs": "Defines the size of the component.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "value": "sm",
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -4097,7 +4063,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -4187,7 +4153,7 @@
           "name": "animation",
           "type": "\"pop-in\"",
           "complexType": {
-            "original": "'pop-in' | null",
+            "original": "'pop-in'",
             "resolved": "\"pop-in\"",
             "references": {}
           },
@@ -4196,7 +4162,6 @@
           "reflectToAttr": false,
           "docs": "Choose a tooltip animation",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "value": "pop-in",
@@ -4538,11 +4503,6 @@
     }
   ],
   "typeLibrary": {
-    "src/components/post-header/post-header.tsx::DEVICE_SIZE": {
-      "declaration": "export type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;",
-      "docstring": "",
-      "path": "src/components/post-header/post-header.tsx"
-    },
     "src/types/index.ts::HeadingLevel": {
       "declaration": "any",
       "docstring": "",
@@ -4554,7 +4514,7 @@
       "path": "src/components/post-banner/banner-types.ts"
     },
     "src/components/post-language-switch/switch-variants.ts::SwitchVariant": {
-      "declaration": "\"menu\" | \"list\"",
+      "declaration": "\"list\" | \"menu\"",
       "docstring": "",
       "path": "src/components/post-language-switch/switch-variants.ts"
     },

package/dist/esm/index-f4d19816.js

@@ -56,10 +56,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     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-avatar':
                     return import(
                       /* webpackMode: "lazy" */
@@ -120,10 +116,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-tooltip-trigger.entry.js').then(processMod, consoleError);
-                case 'post-accordion-item':
+                case 'post-accordion_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-accordion-item.entry.js').then(processMod, consoleError);
+                      './post-accordion_2.entry.js').then(processMod, consoleError);
                 case 'post-breadcrumb-item_2':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/index-ffccd040.js

@@ -0,0 +1,88 @@
+const EMPTY_VALUES = [undefined, null, '', NaN];
+
+function isValueEmpty(value) {
+    return EMPTY_VALUES.some(v => v === value);
+}
+
+function requiredAnd(check) {
+    return (component, prop, ...extraArgs) => {
+        const componentName = component.host.localName;
+        const value = component[prop];
+        const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component is not defined.`;
+        if (isValueEmpty(value)) {
+            throw new Error(message);
+        }
+        else {
+            check(component, prop, ...extraArgs);
+        }
+    };
+}
+
+function checkOneOf(component, prop, possibleValues) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be one of the following values: ${possibleValues.join(', ')}.`;
+    if (!possibleValues.includes(value)) {
+        console.error(message);
+    }
+}
+
+function checkPattern(component, prop, pattern) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component must follow the format \`${pattern}\`.`;
+    if (typeof value !== 'string' || !pattern.test(value)) {
+        console.error(message);
+    }
+}
+
+function checkType(component, prop, type) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const typeIsArray = type === 'array';
+    const valueIsArray = Array.isArray(value);
+    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component must be of type \`${type}\`.`;
+    if (typeIsArray || valueIsArray) {
+        if (valueIsArray !== typeIsArray) {
+            console.error(message);
+        }
+    }
+    else if (typeof value !== type) {
+        console.error(message);
+    }
+}
+
+function checkUrl(component, prop) {
+    const componentName = component.host.localName;
+    const value = component[prop];
+    const message = `The prop \`${String(prop)}\` of the \`${componentName}\` component is invalid.`;
+    if (typeof value !== 'string' && !(value instanceof URL)) {
+        console.error(message);
+        return;
+    }
+    try {
+        new URL(value, 'https://www.post.ch');
+    }
+    catch {
+        console.error(message);
+    }
+}
+
+function emptyOr(check) {
+    return (component, prop, ...extraArgs) => {
+        const value = component[prop];
+        if (!isValueEmpty(value)) {
+            check(component, prop, ...extraArgs);
+        }
+    };
+}
+
+const checkEmptyOrOneOf = emptyOr(checkOneOf);
+const checkEmptyOrPattern = emptyOr(checkPattern);
+const checkEmptyOrType = emptyOr(checkType);
+const checkEmptyOrUrl = emptyOr(checkUrl);
+const checkRequiredAndOneOf = requiredAnd(checkOneOf);
+const checkRequiredAndType = requiredAnd(checkType);
+const checkRequiredAndUrl = requiredAnd(checkUrl);
+
+export { checkEmptyOrOneOf as a, checkRequiredAndType as b, checkRequiredAndOneOf as c, checkEmptyOrType as d, checkEmptyOrPattern as e, checkRequiredAndUrl as f, checkEmptyOrUrl as g };

package/dist/esm/index.js

@@ -1,35 +1,29 @@
-export { P as PostAccordion } from './post-accordion-03796d13.js';
-export { P as PostAccordionItem } from './post-accordion-item-d29c49e5.js';
-export { P as PostAvatar } from './post-avatar-639dc17a.js';
-export { P as PostBackToTop } from './post-back-to-top-8099279e.js';
-export { P as PostBanner } from './post-banner-54834fbf.js';
-export { P as PostBreadcrumbs } from './post-breadcrumbs-caf56014.js';
-export { P as PostBreadcrumbItem, a as PostMenuItem } from './post-menu-item-e9dd8173.js';
-export { P as PostCardControl } from './post-card-control-b063586b.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-87967c5b.js';
-export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-727bcde1.js';
-export { P as PostFooter } from './post-footer-16f1a8de.js';
-export { P as PostLinkarea } from './post-linkarea-4e4228fb.js';
-export { P as PostPopover } from './post-popover-46ede6b5.js';
-export { P as PostRating } from './post-rating-8d0d970b.js';
-export { P as PostTabs } from './post-tabs-fabd0569.js';
-export { P as PostTabHeader } from './post-tab-header-8224c7c2.js';
-export { P as PostTabPanel } from './post-tab-panel-dfdeccd3.js';
-export { P as PostTag } from './post-tag-13994238.js';
-export { P as PostTooltip } from './post-tooltip-eecaa4c7.js';
-export { P as PostTooltipTrigger } from './post-tooltip-trigger-642cbb22.js';
+export { P as PostAccordion, a as PostAccordionItem } from './post-accordion-item-f416bd95.js';
+export { P as PostAvatar } from './post-avatar-2cb5190b.js';
+export { P as PostBackToTop } from './post-back-to-top-f877d4c6.js';
+export { P as PostBanner } from './post-banner-576a5adb.js';
+export { P as PostBreadcrumbs } from './post-breadcrumbs-63223336.js';
+export { P as PostBreadcrumbItem, a as PostMenuItem } from './post-menu-item-e051284c.js';
+export { P as PostCardControl } from './post-card-control-2eebe7b4.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-83339cc9.js';
+export { P as PostCollapsible, a as PostCollapsibleTrigger } from './post-collapsible-trigger-561df34e.js';
+export { P as PostFooter } from './post-footer-a270f67b.js';
+export { P as PostLinkarea } from './post-linkarea-456ce63d.js';
+export { P as PostPopover } from './post-popover-7c3c9072.js';
+export { P as PostRating } from './post-rating-2c9dd11f.js';
+export { P as PostTabs } from './post-tabs-0dadedf2.js';
+export { P as PostTabHeader } from './post-tab-header-f90b2f93.js';
+export { P as PostTabPanel } from './post-tab-panel-c19b5e30.js';
+export { P as PostTag } from './post-tag-b8be3b0c.js';
+export { P as PostTooltip } from './post-tooltip-3cc82984.js';
+export { P as PostTooltipTrigger } from './post-tooltip-trigger-898c3dbc.js';
 import './index-f4d19816.js';
-import './package-33ac2576.js';
-import './heading-levels-5b7b4349.js';
-import './check-one-of-0bee20f5.js';
+import './package-9374eb90.js';
+import './index-ffccd040.js';
 import './breakpoints-7812702e.js';
 import './event-guard-538ee077.js';
-import './index-8f8fe5b0.js';
-import './constants-8d548297.js';
-import './check-type-37d5d307.js';
-import './check-url-17962bc8.js';
 import './index.browser-ff103197.js';
-import './check-non-empty-258a56b3.js';
 import './slide-cd2850ee.js';
 import './fade-1f3cacf4.js';
+import './placement-8d56605d.js';
 import './get-root-1b1af46f.js';