@swisspost/design-system-components 9.0.0-next.4 → 9.0.0-next.5

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-11T15:45:35",
+  "timestamp": "2024-11-18T17:06:56",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -1304,6 +1304,31 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-header/post-header.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-header",
+      "readme": "# post-header\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [
+        {
+          "event": "postMainNavigationClosed",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/post-icon/post-icon.tsx",
       "encapsulation": "shadow",
@@ -1856,6 +1881,519 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/post-mainnavigation/post-mainnavigation.tsx",
+      "encapsulation": "none",
+      "tag": "post-mainnavigation",
+      "readme": "# post-mainnavigation\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [
+        {
+          "event": "postToggle",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Gets emitted when a user closes the main navigation on mobile",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "postToggle",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-megadropdown/post-megadropdown.tsx",
+      "encapsulation": "none",
+      "tag": "post-megadropdown",
+      "readme": "# post-megadropdown\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [
+        {
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": "boolean"
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide() => Promise<void>",
+          "parameters": [],
+          "docs": "Hide megadropdown",
+          "docsTags": [
+            {
+              "name": "returns",
+              "text": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": "boolean"
+          },
+          "complexType": {
+            "signature": "(element: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "element",
+                "type": "HTMLElement",
+                "docs": "HTMLElement"
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show(element: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "element",
+              "type": "HTMLElement",
+              "docs": "HTMLElement"
+            }
+          ],
+          "docs": "Show megadropdown",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "element HTMLElement"
+            },
+            {
+              "name": "returns",
+              "text": "boolean"
+            }
+          ]
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<boolean>",
+            "docs": "boolean"
+          },
+          "complexType": {
+            "signature": "(element: HTMLElement, force?: boolean) => Promise<boolean>",
+            "parameters": [
+              {
+                "name": "element",
+                "type": "HTMLElement",
+                "docs": "HTMLElement"
+              },
+              {
+                "name": "force",
+                "type": "boolean",
+                "docs": "boolean"
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<boolean>"
+          },
+          "signature": "toggle(element: HTMLElement, force?: boolean) => Promise<boolean>",
+          "parameters": [
+            {
+              "name": "element",
+              "type": "HTMLElement",
+              "docs": "HTMLElement"
+            },
+            {
+              "name": "force",
+              "type": "boolean",
+              "docs": "boolean"
+            }
+          ],
+          "docs": "Toggle megadropdown",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "element HTMLElement"
+            },
+            {
+              "name": "param",
+              "text": "force boolean"
+            },
+            {
+              "name": "returns",
+              "text": "boolean"
+            }
+          ]
+        }
+      ],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-popovercontainer"
+      ],
+      "dependencyGraph": {
+        "post-megadropdown": [
+          "post-popovercontainer"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-megadropdown-trigger/post-megadropdown-trigger.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-megadropdown-trigger",
+      "readme": "# post-megadropdown-toggle\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [
+        {
+          "event": "postToggle",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits after each toggle",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-menu/post-menu.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-menu",
+      "readme": "# post-menu\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "complexType": {
+            "original": "Placement",
+            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+            "references": {
+              "Placement": {
+                "location": "import",
+                "path": "@floating-ui/dom",
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": false,
+          "docs": "Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.\nTooltips are automatically flipped to the opposite side if there is not enough available space and are shifted\ntowards the viewport if they would overlap edge boundaries.",
+          "docsTags": [],
+          "default": "'bottom'",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
+              "type": "string"
+            },
+            {
+              "value": "left",
+              "type": "string"
+            },
+            {
+              "value": "left-end",
+              "type": "string"
+            },
+            {
+              "value": "left-start",
+              "type": "string"
+            },
+            {
+              "value": "right",
+              "type": "string"
+            },
+            {
+              "value": "right-end",
+              "type": "string"
+            },
+            {
+              "value": "right-start",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "value": "top-end",
+              "type": "string"
+            },
+            {
+              "value": "top-start",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide() => Promise<void>",
+          "parameters": [],
+          "docs": "Hides the popover menu and restores focus to the previously focused element.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(target: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "target",
+                "type": "HTMLElement",
+                "docs": "- The HTML element relative to which the popover menu should be displayed."
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show(target: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": "- The HTML element relative to which the popover menu should be displayed."
+            }
+          ],
+          "docs": "Displays the popover menu, focusing the first menu item.",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "target - The HTML element relative to which the popover menu should be displayed."
+            }
+          ]
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(target: HTMLElement) => Promise<void>",
+            "parameters": [
+              {
+                "name": "target",
+                "type": "HTMLElement",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggle(target: HTMLElement) => Promise<void>",
+          "parameters": [
+            {
+              "name": "target",
+              "type": "HTMLElement",
+              "docs": ""
+            }
+          ],
+          "docs": "Toggles the menu visibility based on its current state.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "toggleMenu",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the menu is shown or hidden.\nThe event payload is a boolean: `true` when the menu was opened, `false` when it was closed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-popovercontainer"
+      ],
+      "dependencyGraph": {
+        "post-menu": [
+          "post-popovercontainer"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-menu-item/post-menu-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-menu-item",
+      "readme": "# post-menu-item\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-menu-trigger/post-menu-trigger.tsx",
+      "encapsulation": "none",
+      "tag": "post-menu-trigger",
+      "readme": "# post-menu-trigger\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "for",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "for",
+          "reflectToAttr": false,
+          "docs": "ID of the menu element that this trigger is linked to. Used to open and close the specified menu.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/post-popover/post-popover.tsx",
       "encapsulation": "shadow",
@@ -2403,11 +2941,19 @@
       ],
       "parts": [],
       "dependents": [
+        "post-megadropdown",
+        "post-menu",
         "post-popover",
         "post-tooltip"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "post-megadropdown": [
+          "post-popovercontainer"
+        ],
+        "post-menu": [
+          "post-popovercontainer"
+        ],
         "post-popover": [
           "post-popovercontainer"
         ],

package/dist/esm/check-type-8828dbe4.js

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

package/dist/esm/index-e1b64755.js

@@ -52,6 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
+                case 'post-closebutton_10':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-closebutton_10.entry.js').then(processMod, consoleError);
                 case 'post-accordion':
                     return import(
                       /* webpackMode: "lazy" */
@@ -76,26 +80,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-card-control.entry.js').then(processMod, consoleError);
-                case 'post-closebutton':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './post-closebutton.entry.js').then(processMod, consoleError);
                 case 'post-language-option':
                     return import(
                       /* webpackMode: "lazy" */
                       './post-language-option.entry.js').then(processMod, consoleError);
-                case 'post-list':
+                case 'post-menu':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-list.entry.js').then(processMod, consoleError);
-                case 'post-list-item':
+                      './post-menu.entry.js').then(processMod, consoleError);
+                case 'post-menu-item':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-list-item.entry.js').then(processMod, consoleError);
-                case 'post-logo':
+                      './post-menu-item.entry.js').then(processMod, consoleError);
+                case 'post-menu-trigger':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-logo.entry.js').then(processMod, consoleError);
+                      './post-menu-trigger.entry.js').then(processMod, consoleError);
                 case 'post-popover':
                     return import(
                       /* webpackMode: "lazy" */
@@ -128,14 +128,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-collapsible_2.entry.js').then(processMod, consoleError);
-                case 'post-popovercontainer':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './post-popovercontainer.entry.js').then(processMod, consoleError);
-                case 'post-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './post-icon.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/{index-642cd1f2.js → index-f8a00dc0.js}

@@ -1,5 +1,6 @@
 import { E as EMPTY_VALUES } from './constants-8d548297.js';
 import { c as checkOneOf } from './check-one-of-6b3ef8eb.js';
+import { c as checkType } from './check-type-8828dbe4.js';
 
 function emptyOr(check) {
     return (...args) => {
@@ -14,19 +15,6 @@ 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);
@@ -43,4 +31,4 @@ const checkEmptyOrPattern = emptyOr(checkPattern);
 const checkEmptyOrType = emptyOr(checkType);
 const checkEmptyOrUrl = emptyOr(checkUrl);
 
-export { checkType as a, checkEmptyOrPattern as b, checkEmptyOrOneOf as c, checkEmptyOrUrl as d, checkEmptyOrType as e };
+export { checkEmptyOrPattern as a, checkEmptyOrUrl as b, checkEmptyOrOneOf as c, checkEmptyOrType as d };