@ds-autonomie/web-components 2.8.0 → 2.9.0

package/dist/vscode.html-custom-data.json

@@ -2223,18 +2223,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-navbar",
-      "description": "Navigation bar provide menus and links for user navigation.\n---\n\n\n### **Slots:**\n - _default_ - The navbar's content (navbar-link and navbar-menu elements).",
-      "attributes": [
-        {
-          "name": "mobile",
-          "description": "Whether the navbar should be displayed on mobile",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-navbar-link",
       "description": "Navbar links are used insed a navbar.\n---\n\n\n### **Slots:**\n - _default_ - The navbar-link's label.",
@@ -2272,6 +2260,18 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-navbar",
+      "description": "Navigation bar provide menus and links for user navigation.\n---\n\n\n### **Slots:**\n - _default_ - The navbar's content (navbar-link and navbar-menu elements).",
+      "attributes": [
+        {
+          "name": "mobile",
+          "description": "Whether the navbar should be displayed on mobile",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-navbar-menu",
       "description": "Navbar Menu provides a button that toggles the visibility of a list of links.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the navbar-menu opens.\n- **dsa-after-show** - Emitted after the navbar-menu opens and all animations are complete.\n- **dsa-hide** - Emitted when the navbar-menu closes.\n- **dsa-after-hide** - Emitted after the navbar-menu closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the navbar-menu.\n- **hide()** - Hides the navbar-menu\n\n### **Slots:**\n - _default_ - The navbar-menu's content, a dsa-menu-navigation element.\n- **label** - The navbar-menu's label. You can also use the `label` attribute.",
@@ -2595,6 +2595,28 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-progress-bar",
+      "description": "Progress bars are used to show the status of an ongoing operation.\n---\n",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current progress as a percentage, 0 to 100.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A custom label for assistive devices.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-profile-button",
       "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the button loses focus.\n- **dsa-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<dsa-icon>`.",
@@ -2637,28 +2659,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-progress-bar",
-      "description": "Progress bars are used to show the status of an ongoing operation.\n---\n",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The current progress as a percentage, 0 to 100.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "A custom label for assistive devices.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-progress-ring",
       "description": "Progress rings are used to show the progress of a determinate operation in a circular fashion.\n---\n",
@@ -3042,7 +3042,7 @@
     },
     {
       "name": "dsa-sidenav",
-      "description": "Side navigation provides menus and links for user navigation, and can be expanded or collapsed by the user.\n---\n\n\n### **Events:**\n - **dsa-expand** - Emitted when the sidenac expands.\n- **dsa-collapse** - Emitted when the sidenac closes.\n\n### **Slots:**\n - _default_ - Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the top.\n- **bottom** - Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the bottom.\n\n### **CSS Properties:**\n - **--sidenav-expanded-width** - The width of the expanded sidenav. _(default: undefined)_",
+      "description": "Side navigation provides menus and links for user navigation, and can be expanded or collapsed by the user.\n---\n\n\n### **Events:**\n - **dsa-expand** - Emitted when the sidenav expands.\n- **dsa-collapse** - Emitted when the sidenav closes.\n\n### **Slots:**\n - _default_ - Menu content (in collasped mode, only menu-navigation, menu-accordion, sidenav-info-accordion, divider, menu-label will be displayed) placed at the top.\n- **bottom** - Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the bottom.\n\n### **CSS Properties:**\n - **--sidenav-expanded-width** - The width of the expanded sidenav. _(default: undefined)_",
       "attributes": [
         {
           "name": "collapsed",
@@ -3062,6 +3062,23 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-sidenav-info-accordion",
+      "description": "Sidenav Info Accordion show a brief summary and expand to show additional content in a sidenav.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the accordion opens.\n- **dsa-after-show** - Emitted after the accordion opens and all animations are complete.\n- **dsa-hide** - Emitted when the accordion closes.\n- **dsa-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n\n### **Slots:**\n - _default_ - The accordion's content.\n- **collapsed-summary** - The accordion's visible summary when collasped.\n- **summary** - The accordion's summary. Alternatively, you can use the `summary` attribute.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+          "values": []
+        },
+        {
+          "name": "summary",
+          "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-skeleton",
       "description": "Skeletons are used to provide a visual representation of where content will eventually be drawn.\n---\n\n\n### **CSS Properties:**\n - **--border-radius** - The skeleton's border radius. _(default: undefined)_\n- **--color** - The color of the skeleton. _(default: undefined)_\n- **--sheen-color** - The sheen color when the skeleton is in its loading state. _(default: undefined)_",
@@ -3211,6 +3228,12 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-success-text",
+      "description": "Success Text can be used to display an success message under an input or a fieldset\n---\n\n\n### **Slots:**\n - _default_ - The success-text's main content.",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "dsa-stepper",
       "description": "Stepper convey progress through numbered steps. It provides a wizard-like workflow.\n---\n\n\n### **Slots:**\n - _default_ - The step options. Must be `<dsa-step>` elements.",
@@ -3228,12 +3251,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-success-text",
-      "description": "Success Text can be used to display an success message under an input or a fieldset\n---\n\n\n### **Slots:**\n - _default_ - The success-text's main content.",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "dsa-switch",
       "description": "Switches allow the user to toggle an option on or off.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when the control's checked state changes.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the switch.\n- **focus(options: _FocusOptions_)** - Sets focus on the switch.\n- **blur()** - Removes focus from the switch.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The switch's label.",
@@ -3346,6 +3363,11 @@
           "name": "below-page-header",
           "description": "Whether the tab group is below the page header",
           "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Accessible name for the role tablist element",
+          "values": []
         }
       ],
       "references": []
@@ -3372,6 +3394,18 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-table-action",
+      "description": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.\n---\n\n\n### **Events:**\n - **dsa-table-actions-close** - Emitted when the close button is activated.\n\n### **Slots:**\n - **label** - Used to indicate the number of selected items.\n- **action** - Used to contain the actions.",
+      "attributes": [
+        {
+          "name": "show",
+          "description": "`true` if it should be visible.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-table",
       "description": "The table is used to present a structured list of textual and/or numerical data.\n---\n\n\n### **Events:**\n - **dsa-table-row-all-selected** - {{ selectedRows: DSATableRow[] }} - Emitted after all rows has been selected.\n- **dsa-table-row-selected** - {{ selectedRow: DSATableRow, selectedRows: DSATableRow[] }} - Emitted after a row has been selected.\n\n### **Slots:**\n - **Content** - to be placed inside the table",
@@ -3409,18 +3443,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-table-action",
-      "description": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.\n---\n\n\n### **Events:**\n - **dsa-table-actions-close** - Emitted when the close button is activated.\n\n### **Slots:**\n - **label** - Used to indicate the number of selected items.\n- **action** - Used to contain the actions.",
-      "attributes": [
-        {
-          "name": "show",
-          "description": "`true` if it should be visible.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-table-body",
       "description": "The table body defines a group of rows as part of the body section within a [table](/components/table/table)\n---\n\n\n### **Slots:**\n - **Content** - to be placed inside the table body",
@@ -3429,12 +3451,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-table-caption",
-      "description": "The table caption defines the caption (or title) of a [table](/components/table/table)\n---\n\n\n### **Slots:**\n - **title** - The table caption's title\n- **subtitle** - The table caption's subtitle\n- **total-items** - Used to display the number of results. Used in association with the `dsa-table` component.",
-      "attributes": [{ "name": "total-items-label", "values": [] }],
-      "references": []
-    },
     {
       "name": "dsa-table-cell",
       "description": "The table cell defines cell within a [table](/components/table/table)\n---\n\n\n### **Slots:**\n - **Content** - to be placed inside the table cell",
@@ -3443,6 +3459,12 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-table-caption",
+      "description": "The table caption defines the caption (or title) of a [table](/components/table/table)\n---\n\n\n### **Slots:**\n - **title** - The table caption's title\n- **subtitle** - The table caption's subtitle\n- **total-items** - Used to display the number of results. Used in association with the `dsa-table` component.",
+      "attributes": [{ "name": "total-items-label", "values": [] }],
+      "references": []
+    },
     {
       "name": "dsa-table-container",
       "description": "The table-container is designed to contain various elements related to a [table](/components/table/table).\n---\n\n\n### **Slots:**\n - **action** - Used to contain the table's multiple actions. You can use `dsa-table-action`.\n- **caption** - Used to contain the table's caption. You can use `dsa-table-caption`.\n- **export** - Used to contain the export button or any other action.\n- **table** - Used to contain the table. You can use `dsa-table`.\n- **toolbar** - Used to contain the table's toolbar. You can use `dsa-table-toolbar`.\n- **pagination** - Used to contain the table's pagination. You can use `dsa-pagination`.\n\n### **CSS Properties:**\n - **--toolbar-container-top** - The vertical position of from the sticky toolbar _(default: 0)_",