@ds-autonomie/web-components 2.5.0 → 2.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/cdn/chunks/{chunk.J5KWVZHL.js → chunk.2BQQJKFU.js} +19 -111
  3. package/cdn/chunks/{chunk.A5QRPK4Q.js → chunk.3XJTVFZ2.js} +1 -1
  4. package/cdn/chunks/{chunk.3OSWL542.js → chunk.53DHJKYL.js} +0 -6
  5. package/cdn/chunks/{chunk.5BQ2BGS6.js → chunk.6KSC4CRL.js} +1 -0
  6. package/cdn/chunks/{chunk.HG4TPK7J.js → chunk.7CBNLWGC.js} +15 -153
  7. package/cdn/chunks/{chunk.5UVKMYSG.js → chunk.BQX4GGIU.js} +18 -12
  8. package/cdn/chunks/{chunk.H2OEFMQC.js → chunk.BWYI3OOJ.js} +0 -6
  9. package/cdn/chunks/chunk.CAWNJ57J.js +291 -0
  10. package/cdn/chunks/{chunk.URME4YZI.js → chunk.E2ERJT5L.js} +4 -121
  11. package/cdn/chunks/{chunk.CMRQV2SO.js → chunk.EVV7CPIX.js} +3 -3
  12. package/cdn/chunks/{chunk.2N65UIM6.js → chunk.IPKU2NK6.js} +23 -1
  13. package/cdn/chunks/{chunk.UM64ZD3C.js → chunk.JUCW3BPM.js} +1 -1
  14. package/cdn/chunks/{chunk.EF2VOGBL.js → chunk.LYIECKOK.js} +1 -1
  15. package/cdn/chunks/{chunk.WLND36JK.js → chunk.MMT7DZQU.js} +19 -10
  16. package/cdn/chunks/{chunk.BKVL3A5I.js → chunk.MRBMS4RB.js} +6 -2
  17. package/cdn/chunks/{chunk.VRC57YIG.js → chunk.NNXRECFT.js} +1 -1
  18. package/cdn/chunks/chunk.NON7TU3E.js +15 -0
  19. package/cdn/chunks/{chunk.L3ZYNSI3.js → chunk.OCDDQJHV.js} +3 -3
  20. package/cdn/chunks/{chunk.BNLQUWBO.js → chunk.OQUR5UM4.js} +1 -1
  21. package/cdn/chunks/{chunk.LZCR7P7U.js → chunk.PQ4KTIXS.js} +3 -129
  22. package/cdn/chunks/chunk.PT3QFRYN.js +336 -0
  23. package/cdn/chunks/{chunk.AJFNFADL.js → chunk.QUA6RD7E.js} +1 -1
  24. package/cdn/chunks/{chunk.TY7NQYTC.js → chunk.T6APUNAB.js} +21 -113
  25. package/cdn/chunks/{chunk.2YVHHVLG.js → chunk.UORXHDBJ.js} +3 -2
  26. package/cdn/chunks/{chunk.2FF44G4Y.js → chunk.WWI5IYQY.js} +3 -3
  27. package/cdn/chunks/{chunk.JVTWZUNG.js → chunk.XODAGFNB.js} +1 -1
  28. package/cdn/chunks/chunk.YGJ3KERC.js +290 -0
  29. package/cdn/chunks/{chunk.3KJHZGAI.js → chunk.ZHNP2Z3B.js} +1 -1
  30. package/cdn/components/checkbox/checkbox.js +3 -3
  31. package/cdn/components/checkbox-button/checkbox-button.js +2 -2
  32. package/cdn/components/checkbox-card/checkbox-card.js +2 -2
  33. package/cdn/components/checkbox-group/checkbox-group.js +1 -1
  34. package/cdn/components/filter-counter/filter-counter.js +11 -8
  35. package/cdn/components/filter-date/filter-date.js +1 -1
  36. package/cdn/components/filter-range/filter-range.js +11 -8
  37. package/cdn/components/filter-select/filter-select.js +12 -9
  38. package/cdn/components/input/input.d.ts +13 -77
  39. package/cdn/components/input/input.js +11 -8
  40. package/cdn/components/input-date/input-date.d.ts +4 -42
  41. package/cdn/components/input-date/input-date.js +5 -4
  42. package/cdn/components/input-date/input-date.styles.js +2 -2
  43. package/cdn/components/input-mask/input-mask.d.ts +3 -50
  44. package/cdn/components/input-mask/input-mask.js +2 -1
  45. package/cdn/components/input-native/input-native.d.ts +57 -0
  46. package/cdn/components/input-native/input-native.js +43 -0
  47. package/cdn/components/{input/input.styles.js → input-native/input-native.styles.js} +4 -3
  48. package/cdn/components/{input/input.utils.d.ts → input-native/input-native.utils.d.ts} +1 -1
  49. package/cdn/components/{input/input.utils.js → input-native/input-native.utils.js} +1 -1
  50. package/cdn/components/input-otp/input-otp.d.ts +6 -50
  51. package/cdn/components/input-otp/input-otp.js +2 -1
  52. package/cdn/components/input-phone/input-phone.d.ts +5 -36
  53. package/cdn/components/input-phone/input-phone.js +2 -1
  54. package/cdn/components/input-time/input-time.d.ts +5 -54
  55. package/cdn/components/input-time/input-time.js +4 -3
  56. package/cdn/components/input-time/input-time.styles.js +2 -2
  57. package/cdn/components/pagination/pagination.js +11 -8
  58. package/cdn/components/radio/radio.js +1 -1
  59. package/cdn/components/radio-card/radio-card.js +2 -2
  60. package/cdn/components/tab-group/tab-group.d.ts +2 -0
  61. package/cdn/components/tab-group/tab-group.js +1 -1
  62. package/cdn/components/table/table.js +2 -2
  63. package/cdn/components/table/table.styles.js +1 -1
  64. package/cdn/components/table-body/table-body.js +3 -3
  65. package/cdn/components/table-head/table-head.js +3 -3
  66. package/cdn/components/table-header-cell/table-header-cell.js +2 -2
  67. package/cdn/components/table-header-cell/table-header-cell.styles.js +1 -1
  68. package/cdn/components/table-header-row/table-header-row.js +5 -5
  69. package/cdn/components/table-row/table-row.js +3 -3
  70. package/cdn/components/tree/tree.js +5 -5
  71. package/cdn/components/tree-item/tree-item.js +3 -3
  72. package/cdn/custom-elements.json +750 -2288
  73. package/cdn/design-system.js +70 -67
  74. package/cdn/internal/components/checkbox-box/checkbox-box.styles.js +0 -6
  75. package/cdn/internal/components/date-field/date-field.d.ts +11 -0
  76. package/cdn/internal/components/date-field/date-field.js +23 -1
  77. package/cdn/internal/components/input-base/input-base.d.ts +118 -0
  78. package/cdn/internal/components/input-base/input-base.js +313 -0
  79. package/cdn/internal/components/input-base/input-base.styles.js +302 -0
  80. package/cdn/internal/components/input-base/input-base.utils.d.ts +1 -0
  81. package/cdn/internal/components/input-base/input-base.utils.js +1 -0
  82. package/cdn/internal/components/radio-icon/radio-icon.styles.js +0 -6
  83. package/cdn/vscode.html-custom-data.json +15 -320
  84. package/cdn/web-types.json +200 -1244
  85. package/dist/chunks/chunk.3CWUZQRT.js +325 -0
  86. package/dist/chunks/{chunk.OKUA77L4.js → chunk.4S7APMGY.js} +18 -12
  87. package/dist/chunks/{chunk.PWVYG6XN.js → chunk.4ZAABSYS.js} +0 -6
  88. package/dist/chunks/{chunk.IE7IGJZB.js → chunk.63BQQE4G.js} +23 -1
  89. package/dist/chunks/{chunk.OWV6XZFR.js → chunk.7QLR3F26.js} +1 -1
  90. package/dist/chunks/{chunk.XVFPRM26.js → chunk.AHHKOQL3.js} +1 -1
  91. package/dist/chunks/{chunk.P2LEUT2Q.js → chunk.BYB2ODNQ.js} +4 -121
  92. package/dist/chunks/{chunk.3ZF3W6DC.js → chunk.DHCXNXX3.js} +1 -1
  93. package/dist/chunks/chunk.DJNQIAYV.js +283 -0
  94. package/dist/chunks/{chunk.DRFXWCPL.js → chunk.DKIEKIV4.js} +3 -129
  95. package/dist/chunks/{chunk.OHDR6G6J.js → chunk.DMIXIORN.js} +3 -3
  96. package/dist/chunks/{chunk.IICLN6L3.js → chunk.DUPWIWDC.js} +15 -153
  97. package/dist/chunks/{chunk.Z2A5AEMU.js → chunk.DXRDCCL4.js} +1 -1
  98. package/dist/chunks/{chunk.54CFE45F.js → chunk.L2B7WMWE.js} +3 -3
  99. package/dist/chunks/{chunk.62WXVS5Q.js → chunk.NKOMMJMK.js} +6 -2
  100. package/dist/chunks/{chunk.7XUPS5FG.js → chunk.PHSUFADX.js} +1 -0
  101. package/dist/chunks/chunk.QFO2VDJ3.js +286 -0
  102. package/dist/chunks/{chunk.DFBKUH2U.js → chunk.RGHMS6RU.js} +1 -1
  103. package/dist/chunks/{chunk.ORLKMJIV.js → chunk.SFD6GJDA.js} +19 -10
  104. package/dist/chunks/{chunk.ZRW5L2NC.js → chunk.SGKW2DOH.js} +3 -2
  105. package/dist/chunks/{chunk.H7ZLX7SO.js → chunk.TODRUEYV.js} +3 -3
  106. package/dist/chunks/chunk.ULPMZDTP.js +13 -0
  107. package/dist/chunks/{chunk.2BZBH3CX.js → chunk.URDP5HQR.js} +0 -6
  108. package/dist/chunks/{chunk.EY2LRNGD.js → chunk.X6M22EYD.js} +21 -113
  109. package/dist/chunks/{chunk.OMUELARQ.js → chunk.Y4CDJYQO.js} +19 -111
  110. package/dist/chunks/{chunk.RS4S7SAD.js → chunk.Y6XPKQ25.js} +1 -1
  111. package/dist/chunks/{chunk.Y3I7GUNB.js → chunk.Z42XBNIN.js} +1 -1
  112. package/dist/chunks/{chunk.DISFQ7ZU.js → chunk.ZMMQOF24.js} +1 -1
  113. package/dist/components/checkbox/checkbox.js +3 -3
  114. package/dist/components/checkbox-button/checkbox-button.js +2 -2
  115. package/dist/components/checkbox-card/checkbox-card.js +2 -2
  116. package/dist/components/checkbox-group/checkbox-group.js +1 -1
  117. package/dist/components/filter-counter/filter-counter.js +11 -8
  118. package/dist/components/filter-date/filter-date.js +1 -1
  119. package/dist/components/filter-range/filter-range.js +11 -8
  120. package/dist/components/filter-select/filter-select.js +12 -9
  121. package/dist/components/input/input.d.ts +13 -77
  122. package/dist/components/input/input.js +11 -8
  123. package/dist/components/input-date/input-date.d.ts +4 -42
  124. package/dist/components/input-date/input-date.js +5 -4
  125. package/dist/components/input-date/input-date.styles.js +2 -2
  126. package/dist/components/input-mask/input-mask.d.ts +3 -50
  127. package/dist/components/input-mask/input-mask.js +2 -1
  128. package/dist/components/input-native/input-native.d.ts +57 -0
  129. package/dist/components/input-native/input-native.js +35 -0
  130. package/dist/components/input-native/input-native.styles.d.ts +2 -0
  131. package/dist/components/input-native/input-native.styles.js +10 -0
  132. package/dist/components/{input/input.utils.d.ts → input-native/input-native.utils.d.ts} +1 -1
  133. package/dist/components/{input/input.utils.js → input-native/input-native.utils.js} +1 -1
  134. package/dist/components/input-otp/input-otp.d.ts +6 -50
  135. package/dist/components/input-otp/input-otp.js +2 -1
  136. package/dist/components/input-phone/input-phone.d.ts +5 -36
  137. package/dist/components/input-phone/input-phone.js +2 -1
  138. package/dist/components/input-time/input-time.d.ts +5 -54
  139. package/dist/components/input-time/input-time.js +4 -3
  140. package/dist/components/input-time/input-time.styles.js +2 -2
  141. package/dist/components/pagination/pagination.js +11 -8
  142. package/dist/components/radio/radio.js +1 -1
  143. package/dist/components/radio-card/radio-card.js +2 -2
  144. package/dist/components/tab-group/tab-group.d.ts +2 -0
  145. package/dist/components/tab-group/tab-group.js +1 -1
  146. package/dist/components/table/table.js +2 -2
  147. package/dist/components/table/table.styles.js +1 -1
  148. package/dist/components/table-body/table-body.js +3 -3
  149. package/dist/components/table-head/table-head.js +3 -3
  150. package/dist/components/table-header-cell/table-header-cell.js +2 -2
  151. package/dist/components/table-header-cell/table-header-cell.styles.js +1 -1
  152. package/dist/components/table-header-row/table-header-row.js +5 -5
  153. package/dist/components/table-row/table-row.js +3 -3
  154. package/dist/components/tree/tree.js +5 -5
  155. package/dist/components/tree-item/tree-item.js +3 -3
  156. package/dist/custom-elements.json +750 -2288
  157. package/dist/design-system.js +70 -67
  158. package/dist/internal/components/checkbox-box/checkbox-box.styles.js +0 -6
  159. package/dist/internal/components/date-field/date-field.d.ts +11 -0
  160. package/dist/internal/components/date-field/date-field.js +23 -1
  161. package/dist/internal/components/input-base/input-base.d.ts +118 -0
  162. package/dist/internal/components/input-base/input-base.js +313 -0
  163. package/dist/internal/components/input-base/input-base.styles.d.ts +2 -0
  164. package/dist/internal/components/input-base/input-base.styles.js +302 -0
  165. package/dist/internal/components/input-base/input-base.utils.d.ts +1 -0
  166. package/dist/internal/components/input-base/input-base.utils.js +1 -0
  167. package/dist/internal/components/radio-icon/radio-icon.styles.js +0 -6
  168. package/dist/vscode.html-custom-data.json +15 -320
  169. package/dist/web-types.json +200 -1244
  170. package/package.json +17 -17
  171. package/cdn/chunks/chunk.5F7AUS4F.js +0 -703
  172. package/dist/chunks/chunk.JJT6FP7U.js +0 -690
  173. package/dist/components/input/input.styles.js +0 -9
  174. /package/cdn/components/{input/input.styles.d.ts → input-native/input-native.styles.d.ts} +0 -0
  175. /package/{dist/components/input/input.styles.d.ts → cdn/internal/components/input-base/input-base.styles.d.ts} +0 -0
@@ -1949,189 +1949,27 @@
1949
1949
  "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **stepUp(stepNumber: _number_)** - Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **stepDown(stepNumber: _number_)** - Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\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 - **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 input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
1950
1950
  "attributes": [
1951
1951
  {
1952
- "name": "type",
1953
- "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
1954
- "values": [{ "name": "DSAInputTypes" }]
1955
- },
1956
- {
1957
- "name": "value",
1958
- "description": "The current value of the input, submitted as a name/value pair with form data.",
1959
- "values": []
1960
- },
1961
- {
1962
- "name": "clearable",
1963
- "description": "Adds a clear button when the input is not empty.",
1964
- "values": []
1965
- },
1966
- { "name": "lang", "values": [] },
1967
- {
1968
- "name": "password-visible",
1969
- "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
1970
- "values": []
1971
- },
1972
- {
1973
- "name": "pattern",
1974
- "description": "A regular expression pattern to validate input against.",
1975
- "values": []
1976
- },
1977
- {
1978
- "name": "minlength",
1979
- "description": "The minimum length of input that will be considered valid.",
1980
- "values": []
1981
- },
1982
- {
1983
- "name": "maxlength",
1984
- "description": "The maximum length of input that will be considered valid.",
1985
- "values": []
1986
- },
1987
- {
1988
- "name": "counter",
1989
- "description": "Display the counter if maxlength is provided",
1990
- "values": []
1991
- },
1992
- {
1993
- "name": "min",
1994
- "description": "The input's minimum value. Only applies to date and number input types.",
1995
- "values": []
1996
- },
1997
- {
1998
- "name": "max",
1999
- "description": "The input's maximum value. Only applies to date and number input types.",
2000
- "values": []
2001
- },
2002
- { "name": "calendar-start-date", "values": [] },
2003
- {
2004
- "name": "step",
2005
- "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
2006
- "values": [{ "name": "any" }]
2007
- },
2008
- {
2009
- "name": "autocapitalize",
2010
- "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
2011
- "values": [
2012
- { "name": "" },
2013
- { "name": "off" },
2014
- { "name": "none" },
2015
- { "name": "on" },
2016
- { "name": "sentences" },
2017
- { "name": "words" },
2018
- { "name": "characters" }
2019
- ]
2020
- },
2021
- {
2022
- "name": "autocorrect",
2023
- "description": "Indicates whether the browser's autocorrect feature is on or off.",
2024
- "values": [{ "name": "off" }, { "name": "on" }]
2025
- },
2026
- {
2027
- "name": "autocomplete",
2028
- "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
2029
- "values": []
2030
- },
2031
- {
2032
- "name": "autofocus",
2033
- "description": "Indicates that the input should receive focus on page load.",
2034
- "values": []
2035
- },
2036
- {
2037
- "name": "enterkeyhint",
2038
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
2039
- "values": [
2040
- { "name": "" },
2041
- { "name": "enter" },
2042
- { "name": "done" },
2043
- { "name": "go" },
2044
- { "name": "next" },
2045
- { "name": "previous" },
2046
- { "name": "search" },
2047
- { "name": "send" }
2048
- ]
2049
- },
2050
- {
2051
- "name": "spellcheck",
2052
- "description": "Enables spell checking on the input.",
1952
+ "name": "lang",
1953
+ "description": "Input date specific properties",
2053
1954
  "values": []
2054
1955
  },
2055
- {
2056
- "name": "inputmode",
2057
- "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
2058
- "values": [
2059
- { "name": "" },
2060
- { "name": "none" },
2061
- { "name": "text" },
2062
- { "name": "decimal" },
2063
- { "name": "numeric" },
2064
- { "name": "tel" },
2065
- { "name": "search" },
2066
- { "name": "email" },
2067
- { "name": "url" }
2068
- ]
2069
- }
1956
+ { "name": "calendar-start-date", "values": [] }
2070
1957
  ],
2071
1958
  "references": []
2072
1959
  },
2073
1960
  {
2074
1961
  "name": "dsa-input-date",
2075
- "description": "(Internal) Input-date collect date data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **showDatepicker()** - Displays the dsa-calendar picker for an input element.\n- **hideDatepicker()** - Hides dsa-calendar.\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 - **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 input.\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.",
1962
+ "description": "(Internal) Input-date collect date data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **showDatepicker()** - Displays the dsa-calendar picker for an input element.\n- **hideDatepicker()** - Hides dsa-calendar.\n\n### **Slots:**\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 input.\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.",
2076
1963
  "attributes": [
2077
- {
2078
- "name": "value",
2079
- "description": "The current value of the input, submitted as a name/value pair with form data.",
2080
- "values": []
2081
- },
2082
- {
2083
- "name": "clearable",
2084
- "description": "Adds a clear button when the input is not empty.",
2085
- "values": []
2086
- },
2087
1964
  { "name": "lang", "values": [] },
2088
- {
2089
- "name": "min",
2090
- "description": "The input's minimum value. Only applies to date and number input types.",
2091
- "values": []
2092
- },
2093
- {
2094
- "name": "max",
2095
- "description": "The input's maximum value. Only applies to date and number input types.",
2096
- "values": []
2097
- },
2098
- { "name": "calendar-start-date", "values": [] },
2099
- {
2100
- "name": "autofocus",
2101
- "description": "Indicates that the input should receive focus on page load.",
2102
- "values": []
2103
- },
2104
- {
2105
- "name": "enterkeyhint",
2106
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
2107
- "values": [
2108
- { "name": "" },
2109
- { "name": "enter" },
2110
- { "name": "done" },
2111
- { "name": "go" },
2112
- { "name": "next" },
2113
- { "name": "previous" },
2114
- { "name": "search" },
2115
- { "name": "send" }
2116
- ]
2117
- }
1965
+ { "name": "calendar-start-date", "values": [] }
2118
1966
  ],
2119
1967
  "references": []
2120
1968
  },
2121
1969
  {
2122
1970
  "name": "dsa-input-mask",
2123
- "description": "Input Masks collect data from the user in a masked fashion.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\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 - **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 input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
1971
+ "description": "Input Masks collect data from the user in a masked fashion.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n\n### **Slots:**\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 input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
2124
1972
  "attributes": [
2125
- {
2126
- "name": "value",
2127
- "description": "The current value of the input, submitted as a name/value pair with form data.",
2128
- "values": []
2129
- },
2130
- {
2131
- "name": "clearable",
2132
- "description": "Adds a clear button when the input is not empty.",
2133
- "values": []
2134
- },
2135
1973
  {
2136
1974
  "name": "inputmode",
2137
1975
  "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
@@ -2148,40 +1986,6 @@
2148
1986
  "description": "A regular expression pattern to validate input against.",
2149
1987
  "values": []
2150
1988
  },
2151
- {
2152
- "name": "minlength",
2153
- "description": "The minimum length of input that will be considered valid.",
2154
- "values": []
2155
- },
2156
- {
2157
- "name": "autocorrect",
2158
- "description": "Indicates whether the browser's autocorrect feature is on or off.",
2159
- "values": [{ "name": "off" }, { "name": "on" }]
2160
- },
2161
- {
2162
- "name": "autocomplete",
2163
- "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
2164
- "values": []
2165
- },
2166
- {
2167
- "name": "autofocus",
2168
- "description": "Indicates that the input should receive focus on page load.",
2169
- "values": []
2170
- },
2171
- {
2172
- "name": "enterkeyhint",
2173
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
2174
- "values": [
2175
- { "name": "" },
2176
- { "name": "enter" },
2177
- { "name": "done" },
2178
- { "name": "go" },
2179
- { "name": "next" },
2180
- { "name": "previous" },
2181
- { "name": "search" },
2182
- { "name": "send" }
2183
- ]
2184
- },
2185
1989
  {
2186
1990
  "name": "mask",
2187
1991
  "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
@@ -2190,113 +1994,38 @@
2190
1994
  ],
2191
1995
  "references": []
2192
1996
  },
1997
+ {
1998
+ "name": "dsa-input-native",
1999
+ "description": "(Internal) Inputs with native browser behavior.\n*\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **stepUp(stepNumber: _number_)** - Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **stepDown(stepNumber: _number_)** - Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n\n### **Slots:**\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 input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
2000
+ "attributes": [],
2001
+ "references": []
2002
+ },
2193
2003
  {
2194
2004
  "name": "dsa-input-otp",
2195
- "description": "The OTP input is used for MFA procedure of authenticating users by a one-time password.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **blur()** - Removes focus from the input.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **focus(options: _FocusOptions_)** - Sets focus on the input.\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- **select()** - Selects all the text in the input.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\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.",
2005
+ "description": "The OTP input is used for MFA procedure of authenticating users by a one-time password.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\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.",
2196
2006
  "attributes": [
2197
- {
2198
- "name": "value",
2199
- "description": "The current value of the input, submitted as a name/value pair with form data.",
2200
- "values": []
2201
- },
2202
- {
2203
- "name": "pattern",
2204
- "description": "A regular expression pattern to validate input against.",
2205
- "values": []
2206
- },
2207
2007
  {
2208
2008
  "name": "length",
2209
2009
  "description": "The length of input that will be considered valid.",
2210
2010
  "values": []
2211
- },
2212
- {
2213
- "name": "autocapitalize",
2214
- "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
2215
- "values": [
2216
- { "name": "" },
2217
- { "name": "off" },
2218
- { "name": "none" },
2219
- { "name": "on" },
2220
- { "name": "sentences" },
2221
- { "name": "words" },
2222
- { "name": "characters" }
2223
- ]
2224
- },
2225
- {
2226
- "name": "autofocus",
2227
- "description": "Indicates that the input should receive focus on page load.",
2228
- "values": []
2229
- },
2230
- {
2231
- "name": "enterkeyhint",
2232
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
2233
- "values": [
2234
- { "name": "" },
2235
- { "name": "enter" },
2236
- { "name": "done" },
2237
- { "name": "go" },
2238
- { "name": "next" },
2239
- { "name": "previous" },
2240
- { "name": "search" },
2241
- { "name": "send" }
2242
- ]
2243
- },
2244
- {
2245
- "name": "inputmode",
2246
- "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
2247
- "values": [
2248
- { "name": "" },
2249
- { "name": "none" },
2250
- { "name": "text" },
2251
- { "name": "decimal" },
2252
- { "name": "numeric" },
2253
- { "name": "tel" },
2254
- { "name": "search" },
2255
- { "name": "email" },
2256
- { "name": "url" }
2257
- ]
2258
2011
  }
2259
2012
  ],
2260
2013
  "references": []
2261
2014
  },
2262
2015
  {
2263
2016
  "name": "dsa-input-phone",
2264
- "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\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.",
2017
+ "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\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.",
2265
2018
  "attributes": [
2266
2019
  {
2267
2020
  "name": "value",
2268
2021
  "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
2269
2022
  "values": []
2270
2023
  },
2271
- {
2272
- "name": "clearable",
2273
- "description": "Adds a clear button when the input is not empty.",
2274
- "values": []
2275
- },
2276
2024
  {
2277
2025
  "name": "input-prefix",
2278
2026
  "description": "Optional input prefix to help the user understand the first digit is not needed",
2279
2027
  "values": []
2280
2028
  },
2281
- {
2282
- "name": "autofocus",
2283
- "description": "Indicates that the input should receive focus on page load.",
2284
- "values": []
2285
- },
2286
- {
2287
- "name": "enterkeyhint",
2288
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
2289
- "values": [
2290
- { "name": "" },
2291
- { "name": "enter" },
2292
- { "name": "done" },
2293
- { "name": "go" },
2294
- { "name": "next" },
2295
- { "name": "previous" },
2296
- { "name": "search" },
2297
- { "name": "send" }
2298
- ]
2299
- },
2300
2029
  {
2301
2030
  "name": "placement",
2302
2031
  "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
@@ -2307,18 +2036,8 @@
2307
2036
  },
2308
2037
  {
2309
2038
  "name": "dsa-input-time",
2310
- "description": "(Internal) Inputs time collect time data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **showTimePicker()** - Displays the time picker for an input element.\n- **hideTimePicker()** - Hides the time picker\n- **stepUp(stepNumber: _number_)** - Passes the stepUp method to the native input element\n- **stepDown(stepNumber: _number_)** - Passes the stepDown method to the native input element\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 - **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 input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
2039
+ "description": "(Internal) Inputs time collect time data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **showTimePicker()** - Displays the time picker for an input element.\n- **hideTimePicker()** - Hides the time picker\n\n### **Slots:**\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 input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
2311
2040
  "attributes": [
2312
- {
2313
- "name": "value",
2314
- "description": "The current value of the input, submitted as a name/value pair with form data.",
2315
- "values": []
2316
- },
2317
- {
2318
- "name": "clearable",
2319
- "description": "Adds a clear button when the input is not empty.",
2320
- "values": []
2321
- },
2322
2041
  {
2323
2042
  "name": "min",
2324
2043
  "description": "The input's minimum value.",
@@ -2333,30 +2052,6 @@
2333
2052
  "name": "step",
2334
2053
  "description": "Allows the implementation of steps between each possible value, in seconds. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.",
2335
2054
  "values": []
2336
- },
2337
- {
2338
- "name": "autocomplete",
2339
- "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
2340
- "values": []
2341
- },
2342
- {
2343
- "name": "autofocus",
2344
- "description": "Indicates that the input should receive focus on page load.",
2345
- "values": []
2346
- },
2347
- {
2348
- "name": "enterkeyhint",
2349
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
2350
- "values": [
2351
- { "name": "" },
2352
- { "name": "enter" },
2353
- { "name": "done" },
2354
- { "name": "go" },
2355
- { "name": "next" },
2356
- { "name": "previous" },
2357
- { "name": "search" },
2358
- { "name": "send" }
2359
- ]
2360
2055
  }
2361
2056
  ],
2362
2057
  "references": []