@ds-autonomie/web-components 1.0.1 → 1.1.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1864,6 +1864,605 @@
             }
           ]
         },
+        {
+          "name": "dsa-combobox",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "combobox",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "displayInput",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "valueInput",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "listbox",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "hasVisualFocus",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "displayLabel",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "currentOption",
+                "value": {
+                  "type": "DSAOption | undefined"
+                }
+              },
+              {
+                "name": "selectedOptions",
+                "value": {
+                  "type": "DSAOption[]"
+                }
+              },
+              {
+                "name": "allOptions",
+                "value": {
+                  "type": "DSAOption[]"
+                }
+              },
+              {
+                "name": "filteredOptions",
+                "value": {
+                  "type": "DSAOption[]"
+                }
+              },
+              {
+                "name": "name",
+                "description": "The name of the combobox, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "title",
+                "description": "The title contains a text representing advisory information related to the element it belongs to.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the combobox is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the combobox's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+                "value": {
+                  "type": "string | string[]"
+                }
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The combobox's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "placeholder",
+                "description": "Placeholder text to show as a hint when the combobox is empty.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "label",
+                "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "variant",
+                "description": "The combobox's variant.",
+                "value": {
+                  "type": "'base' | 'layer'"
+                }
+              },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "placement",
+                "description": "The preferred placement of the combobox's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "value": {
+                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+                }
+              },
+              {
+                "name": "helpText",
+                "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the combobox control.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "clearable",
+                "description": "Adds a clear button when the select is not empty.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "required",
+                "description": "The combobox's required attribute.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "error",
+                "description": "Indicates whether the input should be in error state",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "errorMessage",
+                "description": "An error message that is shown when `error` is set to true",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "noSyncWidth",
+                "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "items",
+                "value": {
+                  "type": "DSAOption[] | undefined"
+                }
+              },
+              {
+                "name": "multiple",
+                "description": "Allows more than one option to be selected.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "maxOptionsVisible",
+                "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.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "description": "Input events",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleComboboxMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleComboboxKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleChange",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleClearClick",
+                "value": {}
+              },
+              {
+                "name": "filterOptions",
+                "value": {}
+              },
+              {
+                "name": "toggleOptionSelection",
+                "value": {}
+              },
+              {
+                "name": "handleOptionClick",
+                "value": {}
+              },
+              {
+                "name": "handleDefaultSlotChange",
+                "value": {}
+              },
+              {
+                "name": "handleTagRemove",
+                "value": {}
+              },
+              {
+                "name": "getAllOptions",
+                "value": {}
+              },
+              {
+                "name": "clearSelectedOptions",
+                "value": {}
+              },
+              {
+                "name": "setCurrentOption",
+                "value": {}
+              },
+              {
+                "name": "setSelectedOptions",
+                "value": {}
+              },
+              {
+                "name": "handleClearMouseDown",
+                "value": {}
+              },
+              {
+                "name": "selectionChanged",
+                "value": {}
+              },
+              {
+                "name": "handleInvalid",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "description": "Listeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentFocusIn",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleEscapeAndTabKeys",
+                "value": {}
+              },
+              {
+                "name": "handleEnterKey",
+                "value": {}
+              },
+              {
+                "name": "handleArrowKeys",
+                "value": {}
+              },
+              {
+                "name": "handleNavigationKeys",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleItemsChange",
+                "value": {}
+              },
+              {
+                "name": "handleValueChange",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the listbox.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the listbox.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "value": {}
+              },
+              {
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the control.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the control.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-change",
+                "description": "Emitted when the control's value changes."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-show",
+                "description": "Emitted when the combobox's menu opens."
+              },
+              {
+                "name": "dsa-after-show",
+                "description": "Emitted after the combobox's menu opens and all animations are complete."
+              },
+              {
+                "name": "dsa-hide",
+                "description": "Emitted when the combobox's menu closes."
+              },
+              {
+                "name": "dsa-after-hide",
+                "description": "Emitted after the combobox's menu closes and all animations are complete."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the combobox, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "title",
+              "description": "The title contains a text representing advisory information related to the element it belongs to.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "open",
+              "description": "Indicates whether or not the combobox is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the combobox's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "value": {
+                "type": "string | string[]"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The combobox's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Placeholder text to show as a hint when the combobox is empty.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "The combobox's variant.",
+              "value": {
+                "type": "'base' | 'layer'"
+              }
+            },
+            {
+              "name": "hoist",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "The preferred placement of the combobox's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "value": {
+                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+              }
+            },
+            {
+              "name": "help-text",
+              "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the combobox control.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "clearable",
+              "description": "Adds a clear button when the select is not empty.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "required",
+              "description": "The combobox's required attribute.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Indicates whether the input should be in error state",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error-message",
+              "description": "An error message that is shown when `error` is set to true",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "no-sync-width",
+              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "multiple",
+              "description": "Allows more than one option to be selected.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "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.",
+              "value": {
+                "type": "number"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-dialog",
           "description": "",
@@ -3547,10 +4146,6 @@
                 "name": "handlePasswordToggle",
                 "value": {}
               },
-              {
-                "name": "getPickerIcon",
-                "value": {}
-              },
               {
                 "name": "handleErrorChange",
                 "value": {}
@@ -5813,10 +6408,6 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
               {
                 "name": "indicator",
                 "value": {
@@ -6721,6 +7312,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "readonly",
+                "description": "Makes the select readonly",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "clearable",
                 "description": "Adds a clear button when the select is not empty.",
@@ -6907,6 +7505,10 @@
                 "name": "handleDisabledChange",
                 "value": {}
               },
+              {
+                "name": "handleReadonlyChange",
+                "value": {}
+              },
               {
                 "name": "handleValueChange",
                 "value": {}
@@ -7063,6 +7665,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Makes the select readonly",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "clearable",
               "description": "Adds a clear button when the select is not empty.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-autonomie/web-components",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "author": "CNSA",
   "license": "MIT",
   "customElements": "dist/custom-elements.json",