@swisspost/design-system-components 10.0.0-next.51 → 10.0.0-next.53

package/dist/components/react/post-tooltip.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-DgSkXfqW.js';
+import { v as version } from './p-DeqIcjvO.js';
 import { d as checkEmptyOrOneOf } from './p-CV7fm1rW.js';
 import './p-CJ80BZ06.js';
-import { d as defineCustomElement$2, a as PLACEMENT_TYPES } from './p-BVVgwjV0.js';
+import { d as defineCustomElement$2, a as PLACEMENT_TYPES } from './p-ClNlUIJm.js';
 
 const postTooltipCss = ":host{display:none}:host([open]){display:contents}post-popovercontainer[arrow]::after{position:absolute;content:\"\";inset:-13px;z-index:-1}post-popovercontainer>div{color:var(--post-current-fg);background-color:var(--post-current-bg);padding:var(--post-core-dimension-4) var(--post-core-dimension-8);max-width:280px;min-height:32px;word-wrap:break-word;white-space:normal}";
 
@@ -71,7 +71,7 @@ const PostTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PostTooltip extends
     }
     render() {
         const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
-        return (h(Host, { key: 'cdde276f07efb0916bb3b0cd7cf761788421e251', "data-version": version }, h("post-popovercontainer", { key: '06b4d472448d4083f717ce13e73ff9426f422ec4', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'c5efcac53b6c0fa207ceee34ee86580c7566f8a8' }))));
+        return (h(Host, { key: '0755eeba6f7be3cd0d94138369355df9767ca541', "data-version": version }, h("post-popovercontainer", { key: '1e1d71a4878e60f9e20b34b5f12588e09a8c7716', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, animation: this.animation, placement: this.placement, onPostToggle: e => this.handleToggle(e), ref: (el) => (this.popoverRef = el) }, h("slot", { key: '25a69d406a91cb0ba8d4c5fadee44d937c84a266' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-27T16:15:20",
+  "timestamp": "2025-11-05T08:38:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -847,20 +847,14 @@
           "attr": "home-text",
           "reflectToAttr": false,
           "docs": "The text label for the home breadcrumb item.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'Home'"
-            }
-          ],
-          "default": "'Home'",
+          "docsTags": [],
           "values": [
             {
               "type": "string"
             }
           ],
           "optional": false,
-          "required": false,
+          "required": true,
           "getter": false,
           "setter": false
         },
@@ -887,6 +881,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "The accessible label for the breadcrumb component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "menuLabel",
           "type": "string",
@@ -2903,7 +2920,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -3210,9 +3227,14 @@
       "filePath": "src/components/post-popover/post-popover.tsx",
       "encapsulation": "shadow",
       "tag": "post-popover",
-      "readme": "# post-popover\n\n\n",
+      "readme": "# post-popover\n",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Slot for placing content inside the popover."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -3277,7 +3299,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -3383,7 +3405,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-popover-target=\"id\"] where the popover should be shown"
+                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
               }
             ],
             "references": {
@@ -3403,14 +3425,14 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-popover-target=\"id\"] where the popover should be shown"
+              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
             }
           ],
           "docs": "Programmatically display the popover",
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-popover-target=\"id\"] where the popover should be shown"
+              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
             }
           ]
         },
@@ -3426,7 +3448,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-popover-target=\"id\"] where the popover should be anchored to"
+                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
               },
               {
                 "name": "force",
@@ -3451,7 +3473,7 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-popover-target=\"id\"] where the popover should be anchored to"
+              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
             },
             {
               "name": "force",
@@ -3463,7 +3485,7 @@
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-popover-target=\"id\"] where the popover should be anchored to"
+              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
             },
             {
               "name": "param",
@@ -3475,7 +3497,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Slot for placing content inside the popover."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -3492,6 +3519,49 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/post-popover-trigger/post-popover-trigger.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-popover-trigger",
+      "readme": "# post-popover-trigger\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "for",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "for",
+          "reflectToAttr": true,
+          "docs": "ID of the popover element that this trigger is linked to. Used to open and close the popover.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/post-popovercontainer/post-popovercontainer.tsx",
       "encapsulation": "none",
@@ -3633,7 +3703,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -3733,6 +3803,28 @@
         }
       ],
       "methods": [
+        {
+          "name": "close",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "close() => Promise<void>",
+          "parameters": [],
+          "docs": "Handles the popover closing process and emits related events.",
+          "docsTags": []
+        },
         {
           "name": "hide",
           "returns": {
@@ -3755,6 +3847,28 @@
           "docs": "Programmatically hide the popovercontainer",
           "docsTags": []
         },
+        {
+          "name": "open",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "open() => Promise<void>",
+          "parameters": [],
+          "docs": "Handles the popover opening process and emits related events.",
+          "docsTags": []
+        },
         {
           "name": "show",
           "returns": {
@@ -3767,7 +3881,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
+                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
               }
             ],
             "references": {
@@ -3787,14 +3901,14 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
+              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
             }
           ],
           "docs": "Programmatically display the popovercontainer",
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
+              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
             }
           ]
         },
@@ -3810,7 +3924,7 @@
               {
                 "name": "target",
                 "type": "HTMLElement",
-                "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
+                "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
               },
               {
                 "name": "force",
@@ -3835,7 +3949,7 @@
             {
               "name": "target",
               "type": "HTMLElement",
-              "docs": "An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
+              "docs": "A focusable element inside the <post-popover-trigger> component that controls the popover"
             },
             {
               "name": "force",
@@ -3847,7 +3961,7 @@
           "docsTags": [
             {
               "name": "param",
-              "text": "target An element with [data-popover-target=\"id\"] where the popovercontainer should be shown"
+              "text": "target A focusable element inside the <post-popover-trigger> component that controls the popover"
             },
             {
               "name": "param",
@@ -3857,18 +3971,74 @@
         }
       ],
       "events": [
+        {
+          "event": "postBeforeShow",
+          "detail": "{ first?: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ first?: boolean }",
+            "resolved": "{ first?: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires whenever the popovercontainer is about to be shown, passing in event.detail a `first` boolean, which is true if it is to be shown for the first time.",
+          "docsTags": []
+        },
+        {
+          "event": "postBeforeToggle",
+          "detail": "{ willOpen: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ willOpen: boolean }",
+            "resolved": "{ willOpen: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires whenever the popovercontainer is about to be shown or hidden, passing in event.detail a `willOpen` boolean, which is true if the popovercontainer is about to be opened and false if it is about to be closed.",
+          "docsTags": []
+        },
+        {
+          "event": "postHide",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires whenever the popovercontainer is hidden.",
+          "docsTags": []
+        },
+        {
+          "event": "postShow",
+          "detail": "{ first?: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ first?: boolean }",
+            "resolved": "{ first?: boolean; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires whenever the popovercontainer is shown, passing in event.detail a `first` boolean, which is true if it is shown for the first time.",
+          "docsTags": []
+        },
         {
           "event": "postToggle",
-          "detail": "{ isOpen: boolean; first?: boolean; }",
+          "detail": "{ isOpen: boolean; }",
           "bubbles": true,
           "complexType": {
-            "original": "{ isOpen: boolean; first?: boolean }",
-            "resolved": "{ isOpen: boolean; first?: boolean; }",
+            "original": "{ isOpen: boolean }",
+            "resolved": "{ isOpen: boolean; }",
             "references": {}
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing two booleans: `isOpen`, which is true if the popovercontainer was opened and false if it was closed, and `first`, which is true if it was opened for the first time.",
+          "docs": "Fires whenever the popovercontainer gets shown or hidden, passing in event.detail an object containing a `isOpen`boolean, which is true if the popovercontainer was opened and false if it was closed.",
           "docsTags": []
         }
       ],
@@ -3949,20 +4119,14 @@
           "attr": "label",
           "reflectToAttr": false,
           "docs": "Defines a hidden label for the component.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'Rating'"
-            }
-          ],
-          "default": "'Rating'",
+          "docsTags": [],
           "values": [
             {
               "type": "string"
             }
           ],
           "optional": false,
-          "required": false,
+          "required": true,
           "getter": false,
           "setter": false
         },
@@ -4502,7 +4666,7 @@
               "Placement": {
                 "location": "import",
                 "path": "@floating-ui/dom",
-                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                "id": "../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
               }
             }
           },
@@ -4816,10 +4980,10 @@
       "docstring": "",
       "path": "src/components/post-language-switch/switch-variants.ts"
     },
-    "../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
+    "../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement": {
       "declaration": "any",
       "docstring": "",
-      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.7.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
+      "path": "../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts"
     }
   }
 }