@swisspost/design-system-components 1.7.1 → 2.0.0

package/dist/docs.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2024-01-08T13:56:34",
+  "timestamp": "2024-01-24T13:07:26",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.9.0",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
   "components": [
     {
@@ -26,7 +26,7 @@
           "mutable": false,
           "attr": "multiple",
           "reflectToAttr": false,
-          "docs": "If `true`, multiple `post-collapsible` can be open at the same time.",
+          "docs": "If `true`, multiple `post-accordion-item` can be open at the same time.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -58,7 +58,7 @@
           },
           "signature": "collapseAll() => Promise<void>",
           "parameters": [],
-          "docs": "Collapses all `post-collapsible` children.",
+          "docs": "Collapses all `post-accordion-item`.",
           "docsTags": []
         },
         {
@@ -80,7 +80,7 @@
           },
           "signature": "expandAll() => Promise<void>",
           "parameters": [],
-          "docs": "Expands all `post-collapsible` children.\n\nIf `close-others` is `true` and all items are closed, it will open the first one.\nOtherwise, it will keep the opened one.",
+          "docs": "Expands all `post-accordion-item`.\n\nIf `close-others` is `true` and all items are closed, it will open the first one.\nOtherwise, it will keep the opened one.",
           "docsTags": []
         },
         {
@@ -114,7 +114,7 @@
               "docs": ""
             }
           ],
-          "docs": "Toggles the `post-collapsible` children with the given id.",
+          "docs": "Toggles the `post-accordion-item` with the given id.",
           "docsTags": []
         }
       ],
@@ -133,6 +133,149 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/post-accordion-item/post-accordion-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "post-accordion-item",
+      "readme": "# post-accordion-item\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "collapsed",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "collapsed",
+          "reflectToAttr": false,
+          "docs": "If `true`, the element is initially collapsed otherwise it is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "headingLevel",
+          "type": "1 | 2 | 3 | 4 | 5 | 6",
+          "complexType": {
+            "original": "HeadingLevel",
+            "resolved": "1 | 2 | 3 | 4 | 5 | 6",
+            "references": {
+              "HeadingLevel": {
+                "location": "import",
+                "path": "./heading-levels",
+                "id": "src/components/post-accordion-item/heading-levels.ts::HeadingLevel"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "heading-level",
+          "reflectToAttr": false,
+          "docs": "Defines the hierarchical level of the accordion item header within the headings structure.",
+          "docsTags": [],
+          "default": "2",
+          "values": [
+            {
+              "value": "1",
+              "type": "number"
+            },
+            {
+              "value": "2",
+              "type": "number"
+            },
+            {
+              "value": "3",
+              "type": "number"
+            },
+            {
+              "value": "4",
+              "type": "number"
+            },
+            {
+              "value": "5",
+              "type": "number"
+            },
+            {
+              "value": "6",
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<boolean>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(force?: boolean) => Promise<boolean>",
+            "parameters": [
+              {
+                "name": "force",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<boolean>"
+          },
+          "signature": "toggle(force?: boolean) => Promise<boolean>",
+          "parameters": [
+            {
+              "name": "force",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
+          "docs": "Triggers the collapse programmatically.",
+          "docsTags": []
+        }
+      ],
+      "events": [],
+      "listeners": [
+        {
+          "event": "collapseChange",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "accordion-item",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [
+        "post-collapsible"
+      ],
+      "dependencyGraph": {
+        "post-accordion-item": [
+          "post-collapsible"
+        ]
+      }
+    },
     {
       "filePath": "src/components/post-alert/post-alert.tsx",
       "encapsulation": "shadow",
@@ -362,55 +505,6 @@
           ],
           "optional": true,
           "required": false
-        },
-        {
-          "name": "headingLevel",
-          "type": "1 | 2 | 3 | 4 | 5 | 6",
-          "complexType": {
-            "original": "HeadingLevel",
-            "resolved": "1 | 2 | 3 | 4 | 5 | 6",
-            "references": {
-              "HeadingLevel": {
-                "location": "import",
-                "path": "./heading-levels",
-                "id": "src/components/post-collapsible/heading-levels.ts::HeadingLevel"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "heading-level",
-          "reflectToAttr": false,
-          "docs": "Defines the hierarchical level of the collapsible header within the headings structure.",
-          "docsTags": [],
-          "default": "2",
-          "values": [
-            {
-              "value": "1",
-              "type": "number"
-            },
-            {
-              "value": "2",
-              "type": "number"
-            },
-            {
-              "value": "3",
-              "type": "number"
-            },
-            {
-              "value": "4",
-              "type": "number"
-            },
-            {
-              "value": "5",
-              "type": "number"
-            },
-            {
-              "value": "6",
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false
         }
       ],
       "methods": [
@@ -452,31 +546,32 @@
       "events": [
         {
           "event": "collapseChange",
-          "detail": "void",
+          "detail": "boolean",
           "bubbles": true,
           "complexType": {
-            "original": "void",
-            "resolved": "void",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "cancelable": true,
           "composed": true,
-          "docs": "An event emitted when the collapse element is shown or hidden, before the transition. It has no payload.",
+          "docs": "An event emitted when the collapse element is shown or hidden, before the transition.\n\nThe event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed.",
           "docsTags": []
         }
       ],
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [
-        {
-          "name": "accordion-item",
-          "docs": ""
-        }
+      "parts": [],
+      "dependents": [
+        "post-accordion-item"
       ],
-      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "post-accordion-item": [
+          "post-collapsible"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-icon/post-icon.tsx",
@@ -1422,6 +1517,28 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "arrow",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "arrow",
+          "reflectToAttr": false,
+          "docs": "Wheter or not to display a little pointer arrow",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "placement",
           "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
@@ -1642,15 +1759,15 @@
       "docstring": "",
       "path": "src/components/post-alert/alert-types.ts"
     },
-    "src/components/post-collapsible/heading-levels.ts::HeadingLevel": {
-      "declaration": "6 | 1 | 2 | 3 | 4 | 5",
-      "docstring": "",
-      "path": "src/components/post-collapsible/heading-levels.ts"
-    },
     "../../node_modules/.pnpm/@floating-ui+dom@1.5.4/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"
     }
   }
 }

package/dist/esm/{index-35998e08.js → index-74cf5c9d.js}

@@ -1868,14 +1868,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-accordion.entry.js').then(processMod, consoleError);
-                case 'post-alert':
+                case 'post-accordion-item':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-alert.entry.js').then(processMod, consoleError);
-                case 'post-collapsible':
+                      './post-accordion-item.entry.js').then(processMod, consoleError);
+                case 'post-alert':
                     return import(
                       /* webpackMode: "lazy" */
-                      './post-collapsible.entry.js').then(processMod, consoleError);
+                      './post-alert.entry.js').then(processMod, consoleError);
                 case 'post-popover':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1896,6 +1896,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './post-tooltip.entry.js').then(processMod, consoleError);
+                case 'post-collapsible':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './post-collapsible.entry.js').then(processMod, consoleError);
                 case 'post-icon':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1985,4 +1989,4 @@ 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-35998e08.js.map
+//# sourceMappingURL=index-74cf5c9d.js.map