@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.68

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-30T09:15:25",
+  "timestamp": "2026-05-04T21:50:40",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.41.1",
@@ -412,6 +412,138 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-autocomplete/post-autocomplete.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-autocomplete",
+      "readme": "# post-accordion\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing post-autocomplete-item components."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clearable",
+          "reflectToAttr": true,
+          "docs": "Show or hide the clear button",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "filterThreshold",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "filter-threshold",
+          "reflectToAttr": true,
+          "docs": "Number of characters to type before filtering methods are called",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "listbox",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "listbox",
+          "reflectToAttr": true,
+          "docs": "Optional idref to connect the autocomplete with the options dropdown if not nested",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "postFilteringEvent",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Cancelable event emitted when the input value is to be filtered",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing post-autocomplete-item components."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-autocomplete": [
+          "post-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/post-avatar/post-avatar.tsx",
       "encapsulation": "shadow",
@@ -767,6 +899,52 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": true,
+          "docs": "ARIA description for additional context, read after the breadcrumb item content or `label`.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": true,
+          "docs": "ARIA label, screen readers will use this instead of the breadcrumb item content.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "url",
           "type": "URL | string",
@@ -782,7 +960,7 @@
           },
           "mutable": false,
           "attr": "url",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The optional URL to which the breadcrumb item will link.",
           "docsTags": [],
           "values": [
@@ -1766,25 +1944,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/utils/tests/environment/post-env-test.tsx",
-      "encapsulation": "shadow",
-      "tag": "post-env-test",
-      "readme": "# post-test-env\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/post-footer/post-footer.tsx",
       "encapsulation": "shadow",
@@ -2325,6 +2484,7 @@
       "parts": [],
       "dependents": [
         "post-accordion-item",
+        "post-autocomplete",
         "post-back-to-top",
         "post-breadcrumb-item",
         "post-breadcrumbs",
@@ -2332,6 +2492,7 @@
         "post-date-picker",
         "post-header",
         "post-language-menu",
+        "post-listbox-option",
         "post-mainnavigation",
         "post-megadropdown",
         "post-megadropdown-trigger",
@@ -2344,6 +2505,9 @@
         "post-accordion-item": [
           "post-icon"
         ],
+        "post-autocomplete": [
+          "post-icon"
+        ],
         "post-back-to-top": [
           "post-icon"
         ],
@@ -2365,6 +2529,9 @@
         "post-language-menu": [
           "post-icon"
         ],
+        "post-listbox-option": [
+          "post-icon"
+        ],
         "post-mainnavigation": [
           "post-icon"
         ],
@@ -2576,6 +2743,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "A description for the language read by screen-readers for improved accessibility.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -2722,8 +2912,14 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "post-menu-item"
+      ],
+      "dependencyGraph": {
+        "post-language-menu-item": [
+          "post-menu-item"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-linkarea/post-linkarea.tsx",
@@ -2745,47 +2941,469 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/post-logo/post-logo.tsx",
+      "filePath": "src/components/post-listbox/post-listbox.tsx",
       "encapsulation": "shadow",
-      "tag": "post-logo",
-      "readme": "# post-logo\n",
+      "tag": "post-listbox",
+      "readme": "# post-accordion\n",
       "docs": "",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
-        }
-      ],
+      "docsTags": [],
       "usage": {},
-      "props": [
+      "props": [],
+      "methods": [
         {
-          "name": "url",
-          "type": "URL | string",
+          "name": "clearSelection",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
           "complexType": {
-            "original": "string | URL",
-            "resolved": "URL | string",
+            "signature": "() => Promise<void>",
+            "parameters": [],
             "references": {
-              "URL": {
+              "Promise": {
                 "location": "global",
-                "id": "global::URL"
+                "id": "global::Promise"
               }
-            }
-          },
-          "mutable": false,
-          "attr": "url",
-          "reflectToAttr": false,
-          "docs": "The URL to which the user is redirected upon clicking the logo.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "URL"
             },
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
+            "return": "Promise<void>"
+          },
+          "signature": "clearSelection() => Promise<void>",
+          "parameters": [],
+          "docs": "Clears the currently selected option",
+          "docsTags": []
+        },
+        {
+          "name": "filter",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(query: string) => Promise<void>",
+            "parameters": [
+              {
+                "name": "query",
+                "type": "string",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "filter(query: string) => Promise<void>",
+          "parameters": [
+            {
+              "name": "query",
+              "type": "string",
+              "docs": ""
+            }
+          ],
+          "docs": "Uses the internal default filtering mode to filter the list of options.\nAn empty string resets the filter to it's original state.",
+          "docsTags": []
+        },
+        {
+          "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": "Closes the listbox",
+          "docsTags": []
+        },
+        {
+          "name": "navigate",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(direction: \"up\" | \"down\" | \"first\" | \"last\") => Promise<void>",
+            "parameters": [
+              {
+                "name": "direction",
+                "type": "\"up\" | \"down\" | \"first\" | \"last\"",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "navigate(direction: \"up\" | \"down\" | \"first\" | \"last\") => Promise<void>",
+          "parameters": [
+            {
+              "name": "direction",
+              "type": "\"up\" | \"down\" | \"first\" | \"last\"",
+              "docs": ""
+            }
+          ],
+          "docs": "Navigates the listbox options in the specified direction and scrolls the active option into view.",
+          "docsTags": []
+        },
+        {
+          "name": "selectActive",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "selectActive() => Promise<void>",
+          "parameters": [],
+          "docs": "Selects the currently highlighted option in the listbox and scrolls it into view.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the listbox",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postOptionActive",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string | null",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted option id for the active option",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "postOptionSelected",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-popovercontainer"
+      ],
+      "dependencyGraph": {
+        "post-listbox": [
+          "post-popovercontainer"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-listbox-option/post-listbox-option.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-listbox-option",
+      "readme": "# post-accordion\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "highlighted",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "highlighted",
+          "reflectToAttr": true,
+          "docs": "Represents option is highlighted .",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "Represents option is selected .",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "A value string, similar to <option value=\"Value 1\">Value 1 description</option>",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "postOptionSelected",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when this option was selected. Bubbles up.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "post-icon"
+      ],
+      "dependencyGraph": {
+        "post-listbox-option": [
+          "post-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/post-login-widget/post-login-widget.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-login-widget",
+      "readme": "# post-login-widget\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "authenticated - Content rendered when the user is authenticated (e.g. user menu)."
+        },
+        {
+          "name": "slot",
+          "text": "unauthenticated - Content rendered when the user is not authenticated (e.g. login link)."
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [
+        {
+          "name": "isAuthenticated",
+          "returns": {
+            "type": "Promise<boolean>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<boolean | null>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<boolean>"
+          },
+          "signature": "isAuthenticated() => Promise<boolean | null>",
+          "parameters": [],
+          "docs": "Returns the current authentication state:\n`null` when the component is still loading, `true` when authenticated, `false` when not.",
+          "docsTags": []
+        },
+        {
+          "name": "refresh",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "refresh() => Promise<void>",
+          "parameters": [],
+          "docs": "Re-fetches the authentication state from the session API and updates\nthe component rendering accordingly.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "postChange",
+          "detail": "{ authenticated: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ authenticated: boolean }",
+            "resolved": "{ authenticated: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the authentication state changes.\nThe event payload is an object with an `authenticated` property:\n`true` when the user is logged in, `false` when the user is not logged in or the API request failed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "authenticated",
+          "docs": "Content rendered when the user is authenticated (e.g. user menu)."
+        },
+        {
+          "name": "unauthenticated",
+          "docs": "Content rendered when the user is not authenticated (e.g. login link)."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/post-logo/post-logo.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-logo",
+      "readme": "# post-logo\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "url",
+          "type": "URL | string",
+          "complexType": {
+            "original": "string | URL",
+            "resolved": "URL | string",
+            "references": {
+              "URL": {
+                "location": "global",
+                "id": "global::URL"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "url",
+          "reflectToAttr": false,
+          "docs": "The URL to which the user is redirected upon clicking the logo.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "URL"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
           "getter": false,
           "setter": false
         }
@@ -3448,12 +4066,16 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "post-breadcrumbs"
+        "post-breadcrumbs",
+        "post-language-menu-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "post-breadcrumbs": [
           "post-menu-item"
+        ],
+        "post-language-menu-item": [
+          "post-menu-item"
         ]
       }
     },
@@ -4540,6 +5162,7 @@
       ],
       "dependents": [
         "post-date-picker",
+        "post-listbox",
         "post-menu",
         "post-popover",
         "post-tooltip"
@@ -4549,6 +5172,9 @@
         "post-date-picker": [
           "post-popovercontainer"
         ],
+        "post-listbox": [
+          "post-popovercontainer"
+        ],
         "post-menu": [
           "post-popovercontainer"
         ],