@ds-autonomie/web-components 1.1.0 → 1.3.0

package/dist/utilities/localize.js

@@ -1,7 +1,7 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.IQ7SDYSC.js";
+} from "../chunks/chunk.7BYKP4SA.js";
 import "../chunks/chunk.6M63UXML.js";
 export {
   LocalizeController,

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

@@ -178,11 +178,6 @@
             { "name": "danger" }
           ]
         },
-        {
-          "name": "dot",
-          "description": "Draws a dot-style badge with centered text. Useful for displaying notifications.",
-          "values": []
-        },
         {
           "name": "pulse",
           "description": "Makes the badge pulsate to draw attention.",
@@ -512,7 +507,7 @@
     },
     {
       "name": "dsa-combobox",
-      "description": "Comboboxes allow you to type a value directly or select a value from a menu of predefined options. Values are filtered by checking the presence of the search term.\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-change** - Emitted when the control's value changes.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-blur** - Emitted when the control loses focus.\n- **dsa-show** - Emitted when the combobox's menu opens.\n- **dsa-after-show** - Emitted after the combobox's menu opens and all animations are complete.\n- **dsa-hide** - Emitted when the combobox's menu closes.\n- **dsa-after-hide** - Emitted after the combobox's menu closes and all animations are complete.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\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- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<dsa-option>` elements. Alternatively, you can use the `items` property.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the combobox.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label",
+      "description": "Comboboxes allow you to type a value directly or select a value from a menu of predefined options. Values are filtered by checking the presence of the search term.\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-change** - Emitted when the control's value changes.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-blur** - Emitted when the control loses focus.\n- **dsa-show** - Emitted when the combobox's menu opens.\n- **dsa-after-show** - Emitted after the combobox's menu opens and all animations are complete.\n- **dsa-hide** - Emitted when the combobox's menu closes.\n- **dsa-after-hide** - Emitted after the combobox's menu closes and all animations are complete.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-load** - Emitted when the remote options have loaded.\n- **dsa-error** - Emitted when the remote options fail to load due to an error.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\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- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<dsa-option>` elements. Alternatively, you can use the `items` property.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the combobox.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label",
       "attributes": [
         {
           "name": "name",
@@ -625,6 +620,11 @@
           "name": "max-options-visible",
           "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
           "values": []
+        },
+        {
+          "name": "debounce-timeout",
+          "description": "Delay between when a user types into an input. It is only used when `onSearch` attribute is defined.",
+          "values": []
         }
       ],
       "references": []
@@ -2118,6 +2118,45 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-step",
+      "description": "Step defines an element within a stepper.\n\n\n---\n\n\n\n\n### **Slots:**\n - **title** - The step's title. Alternatively, you can use the `title` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the title.\n- **content** - The step's content. Alternatively, you can use the `content` attribute.",
+      "attributes": [
+        {
+          "name": "status",
+          "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
+          "values": [{ "name": "DSAStepStatus" }]
+        },
+        {
+          "name": "title",
+          "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
+          "values": []
+        },
+        {
+          "name": "content",
+          "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
+          "values": []
+        },
+        {
+          "name": "index",
+          "description": "Sets the step's index",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "dsa-stepper",
+      "description": "Stepper convey progress through numbered steps. It provides a wizard-like workflow.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The step options. Must be `<dsa-step>` elements.",
+      "attributes": [
+        {
+          "name": "hideLabel",
+          "description": "When set to true, it hides all steps's label.",
+          "values": [{ "name": "false" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-tab",
       "description": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-close** - Emitted when the tab is closable and the close button is activated.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus to the tab.\n- **blur()** - Removes focus from the tab.\n\n### **Slots:**\n - _default_ - The tab's label.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -643,13 +643,6 @@
                   "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
                 }
               },
-              {
-                "name": "dot",
-                "description": "Draws a dot-style badge with centered text. Useful for displaying notifications.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "pulse",
                 "description": "Makes the badge pulsate to draw attention.",
@@ -668,13 +661,6 @@
                 "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
               }
             },
-            {
-              "name": "dot",
-              "description": "Draws a dot-style badge with centered text. Useful for displaying notifications.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "pulse",
               "description": "Makes the badge pulsate to draw attention.",
@@ -1917,6 +1903,12 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "fetchingState",
+                "value": {
+                  "type": "'loading' | 'error' | 'success'"
+                }
+              },
               {
                 "name": "displayLabel",
                 "value": {
@@ -2100,6 +2092,20 @@
                   "type": "number"
                 }
               },
+              {
+                "name": "onSearch",
+                "description": "This function searches for a list of remote options based on the inputed text.",
+                "value": {
+                  "type": "| ((\n        value: string,\n        selectedOptions: string[]\n      ) => DSAOption[] | Promise<DSAOption[]>)\n    | undefined"
+                }
+              },
+              {
+                "name": "debounceTimeout",
+                "description": "Delay between when a user types into an input. It is only used when `onSearch` attribute is defined.",
+                "value": {
+                  "type": "number"
+                }
+              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object",
@@ -2135,6 +2141,14 @@
                 "name": "handleInput",
                 "value": {}
               },
+              {
+                "name": "filterRemoteOptions",
+                "value": {}
+              },
+              {
+                "name": "asyncFetchOptions",
+                "value": {}
+              },
               {
                 "name": "handleClearClick",
                 "value": {}
@@ -2163,6 +2177,10 @@
                 "name": "getAllOptions",
                 "value": {}
               },
+              {
+                "name": "getRemoteOptions",
+                "value": {}
+              },
               {
                 "name": "clearSelectedOptions",
                 "value": {}
@@ -2317,6 +2335,14 @@
               {
                 "name": "dsa-invalid",
                 "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              },
+              {
+                "name": "dsa-load",
+                "description": "Emitted when the remote options have loaded."
+              },
+              {
+                "name": "dsa-error",
+                "description": "Emitted when the remote options fail to load due to an error."
               }
             ]
           },
@@ -2460,6 +2486,13 @@
               "value": {
                 "type": "number"
               }
+            },
+            {
+              "name": "debounce-timeout",
+              "description": "Delay between when a user types into an input. It is only used when `onSearch` attribute is defined.",
+              "value": {
+                "type": "number"
+              }
             }
           ]
         },
@@ -7812,6 +7845,125 @@
             }
           ]
         },
+        {
+          "name": "dsa-step",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "status",
+                "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
+                "value": {
+                  "type": "DSAStepStatus"
+                }
+              },
+              {
+                "name": "title",
+                "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "content",
+                "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "index",
+                "description": "Sets the step's index",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "getStepLabel",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "status",
+              "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
+              "value": {
+                "type": "DSAStepStatus"
+              }
+            },
+            {
+              "name": "title",
+              "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "content",
+              "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "index",
+              "description": "Sets the step's index",
+              "value": {
+                "type": "number"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-stepper",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hideLabel",
+                "description": "When set to true, it hides all steps's label.",
+                "value": {
+                  "type": "false"
+                }
+              },
+              {
+                "name": "getAllSteps",
+                "value": {}
+              },
+              {
+                "name": "handleDefaultSlotChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "hideLabel",
+              "description": "When set to true, it hides all steps's label.",
+              "value": {
+                "type": "false"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-tab",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-autonomie/web-components",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "author": "CNSA",
   "license": "MIT",
   "customElements": "dist/custom-elements.json",
@@ -45,7 +45,7 @@
     "lit": "2.8.0"
   },
   "peerDependencies": {
-    "@ds-autonomie/assets": "1.0.1"
+    "@ds-autonomie/assets": "1.1.1"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.8.4",
@@ -76,7 +76,6 @@
     "eslint-plugin-lit-a11y": "2.3.0",
     "eslint-plugin-markdown": "3.0.0",
     "eslint-plugin-wc": "1.4.0",
-    "globby": "13.1.3",
     "jsonata": "2.0.1",
     "lunr": "2.3.9",
     "pascal-case": "3.1.2",
@@ -96,9 +95,9 @@
     "@ds-autonomie/eslint-config": "2.0.0"
   },
   "scripts": {
-    "start": "node scripts/build.js --bundle --watch",
-    "build": "node scripts/build.js --bundle --types",
-    "ts-check": "tsc --noEmit --project ./tsconfig.json",
+    "start": "node scripts/build.js --watch",
+    "build": "node scripts/build.js --types",
+    "ts:check": "tsc --noEmit --project ./tsconfig.json",
     "test": "web-test-runner --group default",
     "test:coverage": "web-test-runner --group default --coverage",
     "test:component": "web-test-runner -- --watch --group",