@ds-autonomie/web-components 1.2.0 → 1.3.0

package/dist/components/tree-item/tree-item.js

@@ -1,12 +1,12 @@
 import {
   DSATreeItem
-} from "../../chunks/chunk.MDFIMRCC.js";
+} from "../../chunks/chunk.XV2S7PIY.js";
 import "../../chunks/chunk.EKWYMXQO.js";
 import "../../chunks/chunk.GP5Z27QB.js";
 import "../../chunks/chunk.CMJ2SRTL.js";
 import "../../chunks/chunk.CPXD6UYZ.js";
 import "../../chunks/chunk.EYZGEU3G.js";
-import "../../chunks/chunk.ZXVIEHXI.js";
+import "../../chunks/chunk.N5ZXUW7H.js";
 import "../../chunks/chunk.S4ATPBQN.js";
 import "../../chunks/chunk.KIFBWPW5.js";
 import "../../chunks/chunk.WE6IG5XG.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.3RBCYA4F.js";
 import "../../chunks/chunk.ZQJVCRB2.js";
 import "../../chunks/chunk.2FK6USFR.js";
 import "../../chunks/chunk.V7RJROLH.js";
-import "../../chunks/chunk.NBPVVWJU.js";
+import "../../chunks/chunk.7BYKP4SA.js";
 import "../../chunks/chunk.VRU3XH45.js";
 import "../../chunks/chunk.7J7CS3BK.js";
 import "../../chunks/chunk.23TOS4ZE.js";

package/dist/custom-elements.json

@@ -1063,17 +1063,6 @@
               "attribute": "variant",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "dot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a dot-style badge with centered text. Useful for displaying notifications.",
-              "attribute": "dot",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "pulse",
@@ -1096,15 +1085,6 @@
               "description": "The badge's theme variant.",
               "fieldName": "variant"
             },
-            {
-              "name": "dot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a dot-style badge with centered text. Useful for displaying notifications.",
-              "fieldName": "dot"
-            },
             {
               "name": "pulse",
               "type": {
@@ -3170,6 +3150,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "fetchingState",
+              "type": {
+                "text": "'loading' | 'error' | 'success'"
+              },
+              "privacy": "private",
+              "default": "'success'"
+            },
             {
               "kind": "field",
               "name": "displayLabel",
@@ -3432,6 +3421,40 @@
               "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.",
               "attribute": "max-options-visible"
             },
+            {
+              "kind": "field",
+              "name": "onSearch",
+              "type": {
+                "text": "| ((\n        value: string,\n        selectedOptions: string[]\n      ) => DSAOption[] | Promise<DSAOption[]>)\n    | undefined"
+              },
+              "default": "undefined",
+              "description": "This function searches for a list of remote options based on the inputed text.",
+              "parameters": [
+                {
+                  "description": "The text used for searching options.",
+                  "name": "value"
+                },
+                {
+                  "description": "Option list already selected.",
+                  "name": "selectedOptions"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "debounceTimeout",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "description": "Delay between when a user types into an input. It is only used when `onSearch` attribute is defined.",
+              "attribute": "debounce-timeout"
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -3491,6 +3514,24 @@
               "name": "handleInput",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "filterRemoteOptions",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "remoteOptions",
+                  "type": {
+                    "text": "DSAOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "asyncFetchOptions",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleClearClick",
@@ -3579,6 +3620,11 @@
               "name": "getAllOptions",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getRemoteOptions",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "clearSelectedOptions",
@@ -3854,6 +3900,14 @@
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
               "name": "dsa-invalid"
+            },
+            {
+              "description": "Emitted when the remote options have loaded.",
+              "name": "dsa-load"
+            },
+            {
+              "description": "Emitted when the remote options fail to load due to an error.",
+              "name": "dsa-error"
             }
           ],
           "attributes": [
@@ -4036,6 +4090,15 @@
               "default": "3",
               "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.",
               "fieldName": "maxOptionsVisible"
+            },
+            {
+              "name": "debounce-timeout",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "description": "Delay between when a user types into an input. It is only used when `onSearch` attribute is defined.",
+              "fieldName": "debounceTimeout"
             }
           ],
           "superclass": {
@@ -4048,7 +4111,8 @@
             "dsa-icon",
             "dsa-popup",
             "dsa-tag",
-            "dsa-error-text"
+            "dsa-error-text",
+            "dsa-spinner"
           ],
           "tagName": "dsa-combobox",
           "customElement": true
@@ -14005,7 +14069,7 @@
               "type": {
                 "text": "| 'purple-100'\n    | 'purple-200'\n    | 'purple-300'\n    | 'purple-400'\n    | 'purple-500'\n    | 'blue-100'\n    | 'blue-200'\n    | 'blue-300'\n    | 'blue-400'\n    | 'blue-500'\n    | 'blue-600'\n    | 'orange-100'\n    | 'orange-200'\n    | 'orange-300'\n    | 'orange-400'\n    | 'orange-500'\n    | 'orange-600'\n    | 'pink-100'\n    | 'pink-200'\n    | 'pink-300'\n    | 'pink-400'\n    | 'pink-500'\n    | 'yellow-100'\n    | 'yellow-200'\n    | 'yellow-300'\n    | 'yellow-400'\n    | 'yellow-500'\n    | 'yellow-600'\n    | 'yellow-700'\n    | 'green-100'\n    | 'green-200'\n    | 'green-300'\n    | 'green-400'\n    | 'green-500'\n    | 'green-600'\n    | 'green-700'"
               },
-              "default": "'purple-300'",
+              "default": "'purple-100'",
               "description": "The tag's theme variant.",
               "attribute": "variant",
               "reflects": true
@@ -14058,7 +14122,7 @@
               "type": {
                 "text": "| 'purple-100'\n    | 'purple-200'\n    | 'purple-300'\n    | 'purple-400'\n    | 'purple-500'\n    | 'blue-100'\n    | 'blue-200'\n    | 'blue-300'\n    | 'blue-400'\n    | 'blue-500'\n    | 'blue-600'\n    | 'orange-100'\n    | 'orange-200'\n    | 'orange-300'\n    | 'orange-400'\n    | 'orange-500'\n    | 'orange-600'\n    | 'pink-100'\n    | 'pink-200'\n    | 'pink-300'\n    | 'pink-400'\n    | 'pink-500'\n    | 'yellow-100'\n    | 'yellow-200'\n    | 'yellow-300'\n    | 'yellow-400'\n    | 'yellow-500'\n    | 'yellow-600'\n    | 'yellow-700'\n    | 'green-100'\n    | 'green-200'\n    | 'green-300'\n    | 'green-400'\n    | 'green-500'\n    | 'green-600'\n    | 'green-700'"
               },
-              "default": "'purple-300'",
+              "default": "'purple-100'",
               "description": "The tag's theme variant.",
               "fieldName": "variant"
             },
@@ -15905,7 +15969,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "1.2.0",
+    "version": "1.3.0",
     "author": "CNSA",
     "license": "MIT"
   }

package/dist/design-system.js

@@ -2,19 +2,19 @@ import "./chunks/chunk.HAL7R4WT.js";
 import "./chunks/chunk.QL5C2XOW.js";
 import {
   DSATooltip
-} from "./chunks/chunk.5BTJP6HC.js";
+} from "./chunks/chunk.BGNHUCCD.js";
 import "./chunks/chunk.EMJZLQCL.js";
 import {
   DSATree
-} from "./chunks/chunk.AFAQWHMU.js";
+} from "./chunks/chunk.T4H7RAXS.js";
 import "./chunks/chunk.73T7TU6S.js";
 import {
   DSATreeItem
-} from "./chunks/chunk.MDFIMRCC.js";
+} from "./chunks/chunk.XV2S7PIY.js";
 import "./chunks/chunk.EKWYMXQO.js";
 import {
   DSATabGroup
-} from "./chunks/chunk.IJL7YMFL.js";
+} from "./chunks/chunk.RVUFDCSS.js";
 import "./chunks/chunk.4A57I2HX.js";
 import {
   DSATabPanel
@@ -26,7 +26,7 @@ import {
 import "./chunks/chunk.VRY3E2XG.js";
 import {
   DSAStep
-} from "./chunks/chunk.3I2KXA35.js";
+} from "./chunks/chunk.5NO4YOTV.js";
 import {
   DSAVisuallyHidden
 } from "./chunks/chunk.DSGUQNN4.js";
@@ -39,11 +39,11 @@ import {
 import "./chunks/chunk.2WSMYCPC.js";
 import {
   DSATab
-} from "./chunks/chunk.P2AJBSND.js";
+} from "./chunks/chunk.5DKPV25M.js";
 import "./chunks/chunk.FIGO7UV2.js";
 import {
   DSARelativeTime
-} from "./chunks/chunk.DOMRNQHQ.js";
+} from "./chunks/chunk.FSXPFNBX.js";
 import {
   DSAResizeObserver
 } from "./chunks/chunk.G3ESG6Q5.js";
@@ -62,8 +62,8 @@ import {
 import "./chunks/chunk.VFYKLPN2.js";
 import {
   DSARadioButton
-} from "./chunks/chunk.VM355VAS.js";
-import "./chunks/chunk.DC6CT5PU.js";
+} from "./chunks/chunk.QDZXNGR6.js";
+import "./chunks/chunk.EM4JONLW.js";
 import {
   DSARadioGroup
 } from "./chunks/chunk.5324JGM4.js";
@@ -74,18 +74,18 @@ import {
 import "./chunks/chunk.YZHDFJWJ.js";
 import {
   DSAProgressBar
-} from "./chunks/chunk.RDVFMQLV.js";
+} from "./chunks/chunk.KAQ2HMPU.js";
 import "./chunks/chunk.SGIGGO5M.js";
 import {
   DSAInputPhone
-} from "./chunks/chunk.B4O7IAPL.js";
+} from "./chunks/chunk.YEVEBKAC.js";
 import {
   DSASelect
-} from "./chunks/chunk.JJ3GF7YP.js";
+} from "./chunks/chunk.76JEX27F.js";
 import "./chunks/chunk.D6DEGG4H.js";
 import {
   DSAOption
-} from "./chunks/chunk.4DWONP4W.js";
+} from "./chunks/chunk.BNJQHJKO.js";
 import "./chunks/chunk.2DGAEK66.js";
 import "./chunks/chunk.6ZQ4OQ2C.js";
 import {
@@ -102,7 +102,7 @@ import {
 import "./chunks/chunk.3XRQRY25.js";
 import {
   DSAInput
-} from "./chunks/chunk.FHGXKQDW.js";
+} from "./chunks/chunk.3Y4CKW7H.js";
 import "./chunks/chunk.KBT2EKLF.js";
 import {
   BICConfig,
@@ -111,7 +111,7 @@ import {
 } from "./chunks/chunk.ZKYSHEVZ.js";
 import {
   DSAInputMask
-} from "./chunks/chunk.JLMY5OVR.js";
+} from "./chunks/chunk.YHOA7MQN.js";
 import "./chunks/chunk.2HV2U4RQ.js";
 import "./chunks/chunk.SQMWMSBA.js";
 import {
@@ -125,28 +125,28 @@ import "./chunks/chunk.NNBOLKWI.js";
 import "./chunks/chunk.MTZZV3NB.js";
 import {
   DSAFormatBytes
-} from "./chunks/chunk.FKIKQX6B.js";
+} from "./chunks/chunk.IH3JU5S6.js";
 import {
   DSAFormatDate
-} from "./chunks/chunk.OGQBKAFT.js";
+} from "./chunks/chunk.E7NM6WTF.js";
 import {
   DSAFormatNumber
-} from "./chunks/chunk.GRV3MK3D.js";
+} from "./chunks/chunk.4XH7INOL.js";
 import {
   DSADialog
-} from "./chunks/chunk.NQU3YD5L.js";
+} from "./chunks/chunk.Y3VP37FX.js";
 import {
   DSADivider
 } from "./chunks/chunk.AQRNB4GJ.js";
 import "./chunks/chunk.RY4QCT3T.js";
 import {
   DSADrawer
-} from "./chunks/chunk.KOZIER6A.js";
+} from "./chunks/chunk.WC7TOR3H.js";
 import "./chunks/chunk.ISAFRNR2.js";
 import "./chunks/chunk.DXVNWE2M.js";
 import {
   DSADropdown
-} from "./chunks/chunk.3HI3T5R2.js";
+} from "./chunks/chunk.HCQNPYQZ.js";
 import "./chunks/chunk.UEUTSYIH.js";
 import {
   DSACheckbox
@@ -161,10 +161,11 @@ import {
 import "./chunks/chunk.YY6AEXJK.js";
 import {
   DSACombobox
-} from "./chunks/chunk.OXSDZ5LQ.js";
+} from "./chunks/chunk.JJLAOWR2.js";
+import "./chunks/chunk.HRBNFVC5.js";
 import {
   DSATag
-} from "./chunks/chunk.K6YLMID4.js";
+} from "./chunks/chunk.JKHFW3KV.js";
 import "./chunks/chunk.WFHOSUOX.js";
 import {
   DSAPopup
@@ -176,21 +177,21 @@ import {
   DSAErrorText
 } from "./chunks/chunk.CPXD6UYZ.js";
 import "./chunks/chunk.EYZGEU3G.js";
-import "./chunks/chunk.7HGZSZJK.js";
+import "./chunks/chunk.WFJLQFI3.js";
 import "./chunks/chunk.PQWQ42E2.js";
 import {
   DSABreadcrumb
-} from "./chunks/chunk.TINRLVWL.js";
+} from "./chunks/chunk.SCNCYZ35.js";
 import {
   DSABreadcrumbItem
-} from "./chunks/chunk.ORSUTGLR.js";
+} from "./chunks/chunk.P7QMP76I.js";
 import "./chunks/chunk.PULHNCDM.js";
 import {
   DSAButton
-} from "./chunks/chunk.XJPCULMC.js";
+} from "./chunks/chunk.FN42VBEO.js";
 import {
   DSASpinner
-} from "./chunks/chunk.ZXVIEHXI.js";
+} from "./chunks/chunk.N5ZXUW7H.js";
 import "./chunks/chunk.S4ATPBQN.js";
 import "./chunks/chunk.KIFBWPW5.js";
 import "./chunks/chunk.J2XNYTTZ.js";
@@ -211,16 +212,16 @@ import {
 import "./chunks/chunk.XWUQFDIN.js";
 import {
   DSABadge
-} from "./chunks/chunk.3BL7JA77.js";
-import "./chunks/chunk.ZVGZDTBF.js";
+} from "./chunks/chunk.5KOTVDN5.js";
+import "./chunks/chunk.IFXLU6P3.js";
 import "./chunks/chunk.IGYXUK7A.js";
 import {
   DSAAccordion
-} from "./chunks/chunk.WG5VRMQG.js";
+} from "./chunks/chunk.BHLKMLHB.js";
 import "./chunks/chunk.LC54322H.js";
 import {
   DSAAlert
-} from "./chunks/chunk.LUHEO6AS.js";
+} from "./chunks/chunk.XYHFMIYJ.js";
 import {
   DSAIconButton
 } from "./chunks/chunk.EXIGM5NV.js";
@@ -229,7 +230,7 @@ import "./chunks/chunk.ZQJVCRB2.js";
 import "./chunks/chunk.B4BZKR24.js";
 import "./chunks/chunk.2FK6USFR.js";
 import "./chunks/chunk.V7RJROLH.js";
-import "./chunks/chunk.NBPVVWJU.js";
+import "./chunks/chunk.7BYKP4SA.js";
 import {
   DSAIcon
 } from "./chunks/chunk.VRU3XH45.js";

package/dist/themes/dsa-wc-theme.css

@@ -306,6 +306,7 @@
   --dsa-wc-badge-dot-font: var(--dsa-font-2x-small-bold);
   --dsa-wc-badge-dot-padding: 4px 8px;
   --dsa-wc-badge-border-radius: 32px;
+  --dsa-wc-badge-dot-size: 24px;
   --dsa-wc-badge-background-color-primary: var(
     --dsa-color-badge-background-primary
   );