@aurodesignsystem/auro-formkit 2.0.0-beta.3 → 2.0.0-beta.4

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 (172) hide show
  1. package/.turbo/cache/013a48308b893dac-meta.json +1 -1
  2. package/.turbo/cache/02244170c798a2bd-meta.json +1 -1
  3. package/.turbo/cache/02244170c798a2bd.tar.zst +0 -0
  4. package/.turbo/cache/051ff97a20add0e2-meta.json +1 -0
  5. package/.turbo/cache/051ff97a20add0e2.tar.zst +0 -0
  6. package/.turbo/cache/07ca42419b9f050c-meta.json +1 -1
  7. package/.turbo/cache/0ea853339c064fa1-meta.json +1 -0
  8. package/.turbo/cache/0ea853339c064fa1.tar.zst +0 -0
  9. package/.turbo/cache/16658beec9f4a809-meta.json +1 -0
  10. package/.turbo/cache/16658beec9f4a809.tar.zst +0 -0
  11. package/.turbo/cache/17259cf94d8f8925-meta.json +1 -1
  12. package/.turbo/cache/1b9818717e4bdf9f-meta.json +1 -1
  13. package/.turbo/cache/1c0f580d37370ba2-meta.json +1 -1
  14. package/.turbo/cache/1c0f580d37370ba2.tar.zst +0 -0
  15. package/.turbo/cache/1c99a949ec63ab35-meta.json +1 -1
  16. package/.turbo/cache/1df4710eef8ed00d-meta.json +1 -0
  17. package/.turbo/cache/1df4710eef8ed00d.tar.zst +0 -0
  18. package/.turbo/cache/204b66d1b253e9cc-meta.json +1 -0
  19. package/.turbo/cache/204b66d1b253e9cc.tar.zst +0 -0
  20. package/.turbo/cache/257a7a26ea72dbc5-meta.json +1 -1
  21. package/.turbo/cache/2a5d0939d6fc1052-meta.json +1 -0
  22. package/.turbo/cache/2a5d0939d6fc1052.tar.zst +0 -0
  23. package/.turbo/cache/2e3b829fcf75c836-meta.json +1 -0
  24. package/.turbo/cache/2e3b829fcf75c836.tar.zst +0 -0
  25. package/.turbo/cache/3bf45120d0cc9bd8-meta.json +1 -1
  26. package/.turbo/cache/3d380d0d40404cac-meta.json +1 -0
  27. package/.turbo/cache/3d380d0d40404cac.tar.zst +0 -0
  28. package/.turbo/cache/3e12285c614db539-meta.json +1 -1
  29. package/.turbo/cache/45035bf5c4147ccd-meta.json +1 -1
  30. package/.turbo/cache/5bf2d3f7ba5891e0-meta.json +1 -1
  31. package/.turbo/cache/5f304c0f37ef25f3-meta.json +1 -1
  32. package/.turbo/cache/64de7a53e02db647-meta.json +1 -1
  33. package/.turbo/cache/691a74627ec57993-meta.json +1 -1
  34. package/.turbo/cache/69aae513b7ec6c7d-meta.json +1 -1
  35. package/.turbo/cache/6dd67d179191bda8-meta.json +1 -1
  36. package/.turbo/cache/6dd7058e6703cb35-meta.json +1 -1
  37. package/.turbo/cache/73e9073a5274616d-meta.json +1 -1
  38. package/.turbo/cache/773edc0f83c8c5a5-meta.json +1 -1
  39. package/.turbo/cache/786a822763403879-meta.json +1 -1
  40. package/.turbo/cache/7e1043cffa69f327-meta.json +1 -1
  41. package/.turbo/cache/7e1043cffa69f327.tar.zst +0 -0
  42. package/.turbo/cache/7ffd501e81790676-meta.json +1 -0
  43. package/.turbo/cache/7ffd501e81790676.tar.zst +0 -0
  44. package/.turbo/cache/80a13352066a9801-meta.json +1 -1
  45. package/.turbo/cache/80b5d974184a01df-meta.json +1 -1
  46. package/.turbo/cache/8954c6073396fadd-meta.json +1 -1
  47. package/.turbo/cache/8e79bd5c3a16a72e-meta.json +1 -1
  48. package/.turbo/cache/8e9ebc3df0e18de0-meta.json +1 -0
  49. package/.turbo/cache/8e9ebc3df0e18de0.tar.zst +0 -0
  50. package/.turbo/cache/92daa6d7c389d548-meta.json +1 -1
  51. package/.turbo/cache/973d0eea26083f4b-meta.json +1 -0
  52. package/.turbo/cache/973d0eea26083f4b.tar.zst +0 -0
  53. package/.turbo/cache/9c6ad42729c7b2d8-meta.json +1 -0
  54. package/.turbo/cache/9c6ad42729c7b2d8.tar.zst +0 -0
  55. package/.turbo/cache/a77bc920ea508bb8-meta.json +1 -1
  56. package/.turbo/cache/a77bc920ea508bb8.tar.zst +0 -0
  57. package/.turbo/cache/a9a9d012c83882d8-meta.json +1 -0
  58. package/.turbo/cache/a9a9d012c83882d8.tar.zst +0 -0
  59. package/.turbo/cache/b54fc4f664a7a5a0-meta.json +1 -1
  60. package/.turbo/cache/ba4418918621fbcd-meta.json +1 -1
  61. package/.turbo/cache/be7c23c37b8ec74b-meta.json +1 -1
  62. package/.turbo/cache/be7c23c37b8ec74b.tar.zst +0 -0
  63. package/.turbo/cache/bffc7582905c2a5e-meta.json +1 -1
  64. package/.turbo/cache/caa0b4ac8d2a04dd-meta.json +1 -1
  65. package/.turbo/cache/caa0b4ac8d2a04dd.tar.zst +0 -0
  66. package/.turbo/cache/cc81de9c0b452a7c-meta.json +1 -1
  67. package/.turbo/cache/d572ebb3c833e8f4-meta.json +1 -1
  68. package/.turbo/cache/d572ebb3c833e8f4.tar.zst +0 -0
  69. package/.turbo/cache/d61543843c932504-meta.json +1 -1
  70. package/.turbo/cache/d61543843c932504.tar.zst +0 -0
  71. package/.turbo/cache/dad1301ac69bcb85-meta.json +1 -1
  72. package/.turbo/cache/db361cb6578dca84-meta.json +1 -0
  73. package/.turbo/cache/db361cb6578dca84.tar.zst +0 -0
  74. package/.turbo/cache/dea5945f55c6aba5-meta.json +1 -1
  75. package/.turbo/cache/dea5945f55c6aba5.tar.zst +0 -0
  76. package/.turbo/cache/e992dab20aeefbaf-meta.json +1 -1
  77. package/.turbo/cache/e992dab20aeefbaf.tar.zst +0 -0
  78. package/.turbo/cache/f3ff9040a2196834-meta.json +1 -0
  79. package/.turbo/cache/f3ff9040a2196834.tar.zst +0 -0
  80. package/.turbo/cache/f817d89688cefca8-meta.json +1 -0
  81. package/.turbo/cache/fa132b5b5f0e75f8-meta.json +1 -1
  82. package/.turbo/cache/fc57c17867dcac3d-meta.json +1 -0
  83. package/.turbo/cache/fc57c17867dcac3d.tar.zst +0 -0
  84. package/CHANGELOG.md +18 -0
  85. package/components/checkbox/.turbo/turbo-build.log +3 -3
  86. package/components/checkbox/.turbo/turbo-bundler.log +3 -3
  87. package/components/combobox/.turbo/turbo-build.log +3 -3
  88. package/components/combobox/demo/api.min.js +407 -113
  89. package/components/combobox/demo/index.min.js +407 -113
  90. package/components/combobox/dist/index.js +407 -113
  91. package/components/counter/.turbo/turbo-build.log +3 -3
  92. package/components/counter/.turbo/turbo-bundler.log +3 -3
  93. package/components/datepicker/demo/api.min.js +407 -113
  94. package/components/datepicker/demo/index.min.js +407 -113
  95. package/components/datepicker/dist/index.js +407 -113
  96. package/components/dropdown/.turbo/turbo-build.log +3 -3
  97. package/components/dropdown/.turbo/turbo-bundler.log +2 -2
  98. package/components/dropdown/demo/api.md +4 -4
  99. package/components/dropdown/demo/api.min.js +166 -42
  100. package/components/dropdown/demo/index.min.js +166 -42
  101. package/components/dropdown/dist/auro-dropdown.d.ts +93 -34
  102. package/components/dropdown/dist/auro-dropdown.d.ts.map +1 -1
  103. package/components/dropdown/dist/auro-dropdownBib.d.ts +9 -3
  104. package/components/dropdown/dist/auro-dropdownBib.d.ts.map +1 -1
  105. package/components/dropdown/dist/index.js +166 -42
  106. package/components/dropdown/src/auro-dropdown.js +154 -39
  107. package/components/dropdown/src/auro-dropdownBib.js +12 -3
  108. package/components/dropdown/src/styles/style-css.js +1 -1
  109. package/components/dropdown/src/styles/style.css +4 -0
  110. package/components/dropdown/src/styles/style.scss +5 -0
  111. package/components/form/.turbo/turbo-build.log +3 -3
  112. package/components/form/.turbo/turbo-bundler.log +3 -3
  113. package/components/input/.turbo/turbo-build.log +3 -3
  114. package/components/input/.turbo/turbo-bundler.log +3 -3
  115. package/components/input/demo/api.md +37 -35
  116. package/components/input/demo/api.min.js +241 -71
  117. package/components/input/demo/index.min.js +241 -71
  118. package/components/input/dist/base-input.d.ts +157 -79
  119. package/components/input/dist/base-input.d.ts.map +1 -1
  120. package/components/input/dist/index.js +241 -71
  121. package/components/input/src/base-input.js +241 -71
  122. package/components/menu/.turbo/turbo-build.log +3 -3
  123. package/components/menu/.turbo/turbo-bundler.log +3 -3
  124. package/components/radio/.turbo/turbo-build.log +3 -3
  125. package/components/radio/.turbo/turbo-bundler.log +3 -3
  126. package/components/select/.turbo/turbo-build.log +7 -9
  127. package/components/select/demo/api.md +39 -100
  128. package/components/select/demo/api.min.js +292 -169
  129. package/components/select/demo/index.md +100 -43
  130. package/components/select/demo/index.min.js +292 -169
  131. package/components/select/dist/auro-select.d.ts +63 -50
  132. package/components/select/dist/auro-select.d.ts.map +1 -1
  133. package/components/select/dist/index.js +287 -151
  134. package/components/select/src/auro-select.js +102 -102
  135. package/components/select/src/styles/style-css.js +1 -1
  136. package/components/select/src/styles/style.css +7 -0
  137. package/components/select/src/styles/style.scss +11 -1
  138. package/package.json +1 -1
  139. package/.turbo/cache/1ab37ce15d9be440-meta.json +0 -1
  140. package/.turbo/cache/1ab37ce15d9be440.tar.zst +0 -0
  141. package/.turbo/cache/1de15d89eed2d760-meta.json +0 -1
  142. package/.turbo/cache/1de15d89eed2d760.tar.zst +0 -0
  143. package/.turbo/cache/2110a4d14e0d11b2-meta.json +0 -1
  144. package/.turbo/cache/2110a4d14e0d11b2.tar.zst +0 -0
  145. package/.turbo/cache/2990aaa7ebc5b967-meta.json +0 -1
  146. package/.turbo/cache/2990aaa7ebc5b967.tar.zst +0 -0
  147. package/.turbo/cache/2fd056afdf4eb39d-meta.json +0 -1
  148. package/.turbo/cache/2fd056afdf4eb39d.tar.zst +0 -0
  149. package/.turbo/cache/4f92cea2d8c63de2-meta.json +0 -1
  150. package/.turbo/cache/4f92cea2d8c63de2.tar.zst +0 -0
  151. package/.turbo/cache/5c16ce3cff5c9dff-meta.json +0 -1
  152. package/.turbo/cache/5c16ce3cff5c9dff.tar.zst +0 -0
  153. package/.turbo/cache/784c03fe9fd5ac05-meta.json +0 -1
  154. package/.turbo/cache/784c03fe9fd5ac05.tar.zst +0 -0
  155. package/.turbo/cache/87219c41a4ace9cd-meta.json +0 -1
  156. package/.turbo/cache/87219c41a4ace9cd.tar.zst +0 -0
  157. package/.turbo/cache/993dff2edb7b6766-meta.json +0 -1
  158. package/.turbo/cache/993dff2edb7b6766.tar.zst +0 -0
  159. package/.turbo/cache/9a097d6576dadd64-meta.json +0 -1
  160. package/.turbo/cache/9a097d6576dadd64.tar.zst +0 -0
  161. package/.turbo/cache/a63cbfecf0f78586-meta.json +0 -1
  162. package/.turbo/cache/a63cbfecf0f78586.tar.zst +0 -0
  163. package/.turbo/cache/a6a56bb802e1c20f-meta.json +0 -1
  164. package/.turbo/cache/a6a56bb802e1c20f.tar.zst +0 -0
  165. package/.turbo/cache/b2c66328fdd78093-meta.json +0 -1
  166. package/.turbo/cache/b2c66328fdd78093.tar.zst +0 -0
  167. package/.turbo/cache/d39e6ef95ebc4cc0-meta.json +0 -1
  168. package/.turbo/cache/f411e2deb0676959-meta.json +0 -1
  169. package/.turbo/cache/f411e2deb0676959.tar.zst +0 -0
  170. package/.turbo/cache/fbbe2704bf9cb90b-meta.json +0 -1
  171. package/.turbo/cache/fbbe2704bf9cb90b.tar.zst +0 -0
  172. /package/.turbo/cache/{d39e6ef95ebc4cc0.tar.zst → f817d89688cefca8.tar.zst} +0 -0
@@ -2078,41 +2078,8 @@ class AuroFormValidation {
2078
2078
  /**
2079
2079
  * Auro-input provides users a way to enter data into a text field.
2080
2080
  *
2081
- * @attr {Boolean} activeLabel - If set, the label will remain fixed in the active position.
2082
- * @attr {String} autocapitalize - An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]
2083
- * @attr {String} autocomplete - An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
2084
- * @attr {String} autocorrect - When set to `off`, stops iOS from auto correcting words when typed into a text box.
2085
2081
  * @attr {Boolean} bordered - Applies bordered UI variant.
2086
2082
  * @attr {Boolean} borderless - Applies borderless UI variant.
2087
- * @attr {Boolean} disabled - If set, disables the input.
2088
- * @attr {String} error - When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.
2089
- * @attr {Boolean} icon - If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
2090
- * @attr {String} id - Sets the unique ID of the element.
2091
- * @attr {String} lang - defines the language of an element.
2092
- * @attr {String} max - The maximum value allowed. This only applies for inputs with a type of `number` and all date formats.
2093
- * @attr {Number} maxLength - The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
2094
- * @attr {String} min - The minimum value allowed. This only applies for inputs with a type of `number` and all date formats.
2095
- * @attr {Number} minLength - The minimum number of characters the user can enter into the text input. This must be an non-negative integer value smaller than or equal to the value specified by `maxlength`.
2096
- * @attr {String} name - Populates the `name` attribute on the input.
2097
- * @attr {Boolean} noValidate - If set, disables auto-validation on blur.
2098
- * @attr {Boolean} readonly - Makes the input read-only, but can be set programmatically.
2099
- * @attr {Boolean} required - Populates the `required` attribute on the input. Used for client-side validation.
2100
- * @attr {String} pattern - Specifies a regular expression the form control's value should match.
2101
- * @attr {String} placeholder - Define custom placeholder text, only supported by date input formats.
2102
- * @attr {String} setCustomValidity - Sets a custom help text message to display for all validity states.
2103
- * @attr {String} setCustomValidityCustomError - Custom help text message to display when validity = `customError`.
2104
- * @attr {String} setCustomValidityValueMissing - Custom help text message to display when validity = `valueMissing`.
2105
- * @attr {String} setCustomValidityPatternMismatch - Custom help text message to display when validity = `patternMismatch`.
2106
- * @attr {String} setCustomValidityTooShort - Custom help text message to display when validity = `tooShort`.
2107
- * @attr {String} setCustomValidityTooLong - Custom help text message to display when validity = `tooLong`.
2108
- * @attr {String} setCustomValidityForType - Custom help text message to display for the declared element `type` and type validity fails.
2109
- * @attr {String} setCustomValidityRangeOverflow - Custom help text message to display when validity = `rangeOverflow`.
2110
- * @attr {String} setCustomValidityRangeUnderflow - Custom help text message to display when validity = `rangeUnderflow`.
2111
- * @attr {String} spellcheck - An enumerated attribute defines whether the element may be checked for spelling errors. [true, false]. When set to `false` the attribute `autocorrect` is set to `off` and `autocapitalize` is set to `none`.
2112
- * @attr {String} type - Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `month-day-year`, `month-year`, `year-month-day` or `text`. If given value is not allowed or set, defaults to `text`.
2113
- * @attr {Boolean} validateOnInput - Sets validation mode to re-eval with each input.
2114
- * @attr {String} validity - Specifies the `validityState` this element is in.
2115
- * @attr {String} value - Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
2116
2083
  *
2117
2084
  * @slot helptext - Sets the help text displayed below the input.
2118
2085
  * @slot label - Sets the label text for the input.
@@ -2204,69 +2171,272 @@ class BaseInput extends r {
2204
2171
  .substring(idSubstrStart, idSubstrEnd);
2205
2172
  }
2206
2173
 
2207
- // function to define props used within the scope of this component
2174
+ // function to define props used within the scope of this componentstatic
2208
2175
  static get properties() {
2209
2176
  return {
2210
- id: { type: String },
2211
- name: { type: String },
2212
- type: { type: String,
2213
- reflect: true },
2214
- value: { type: String },
2215
- lang: { type: String },
2216
- pattern: {
2177
+
2178
+ /**
2179
+ * If set, the label will remain fixed in the active position.
2180
+ */
2181
+ activeLabel: {
2182
+ type: Boolean,
2183
+ reflect: true
2184
+ },
2185
+
2186
+ /**
2187
+ * An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]
2188
+ */
2189
+ autocapitalize: {
2190
+ type: String
2191
+ },
2192
+
2193
+ /**
2194
+ * An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
2195
+ */
2196
+ autocomplete: {
2217
2197
  type: String,
2218
2198
  reflect: true
2219
2199
  },
2220
- icon: { type: Boolean },
2221
- disabled: { type: Boolean },
2222
- required: { type: Boolean },
2223
- noValidate: { type: Boolean },
2224
- spellcheck: { type: String },
2225
- autocorrect: { type: String },
2226
- autocapitalize: { type: String },
2227
- autocomplete: {
2200
+
2201
+ /**
2202
+ * When set to `off`, stops iOS from auto-correcting words when typed into a text box.
2203
+ */
2204
+ autocorrect: {
2205
+ type: String
2206
+ },
2207
+
2208
+ /**
2209
+ * If set, disables the input.
2210
+ */
2211
+ disabled: {
2212
+ type: Boolean
2213
+ },
2214
+
2215
+ error: {
2228
2216
  type: String,
2229
2217
  reflect: true
2230
2218
  },
2231
- placeholder: { type: String },
2232
- activeLabel: {
2233
- type: Boolean,
2219
+
2220
+ /**
2221
+ * Contains the help text message for the current validity error.
2222
+ */
2223
+ errorMessage: {
2224
+ type: String
2225
+ },
2226
+
2227
+ /**
2228
+ * If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
2229
+ */
2230
+ icon: {
2231
+ type: Boolean
2232
+ },
2233
+
2234
+ /**
2235
+ * Sets the unique ID of the element.
2236
+ */
2237
+ id: {
2238
+ type: String
2239
+ },
2240
+
2241
+ /**
2242
+ * Defines the language of an element.
2243
+ */
2244
+ lang: {
2245
+ type: String
2246
+ },
2247
+
2248
+ /**
2249
+ * The maximum value allowed. This only applies for inputs with a type of `number` and all date formats.
2250
+ */
2251
+ max: {
2252
+ type: String
2253
+ },
2254
+
2255
+ /**
2256
+ * The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
2257
+ */
2258
+ maxLength: {
2259
+ type: Number
2260
+ },
2261
+
2262
+ /**
2263
+ * The minimum value allowed. This only applies for inputs with a type of `number` and all date formats.
2264
+ */
2265
+ min: {
2266
+ type: String
2267
+ },
2268
+
2269
+ /**
2270
+ * The minimum number of characters the user can enter into the text input. This must be a non-negative integer value smaller than or equal to the value specified by `maxlength`.
2271
+ */
2272
+ minLength: {
2273
+ type: Number
2274
+ },
2275
+
2276
+ /**
2277
+ * Populates the `name` attribute on the input.
2278
+ */
2279
+ name: {
2280
+ type: String
2281
+ },
2282
+
2283
+ /**
2284
+ * If set, disables auto-validation on blur.
2285
+ */
2286
+ noValidate: {
2287
+ type: Boolean
2288
+ },
2289
+
2290
+ /**
2291
+ * Specifies a regular expression the form control's value should match.
2292
+ */
2293
+ pattern: {
2294
+ type: String,
2234
2295
  reflect: true
2235
2296
  },
2236
- max: { type: String },
2237
- min: { type: String },
2238
- maxLength: { type: Number },
2239
- minLength: { type: Number },
2297
+
2298
+ /**
2299
+ * Define custom placeholder text, only supported by date input formats.
2300
+ */
2301
+ placeholder: {
2302
+ type: String
2303
+ },
2304
+
2305
+ /**
2306
+ * Makes the input read-only, but can be set programmatically.
2307
+ */
2308
+ readonly: {
2309
+ type: Boolean
2310
+ },
2311
+
2312
+ /**
2313
+ * Populates the `required` attribute on the input. Used for client-side validation.
2314
+ */
2315
+ required: {
2316
+ type: Boolean
2317
+ },
2240
2318
 
2241
2319
  /**
2242
2320
  * @ignore
2243
2321
  */
2244
- showPassword: { state: true },
2245
- validateOnInput: { type: Boolean },
2246
- readonly: { type: Boolean },
2247
- error: {
2322
+ showPassword: {
2323
+ state: true
2324
+ },
2325
+
2326
+ /**
2327
+ * Sets a custom help text message to display for all validityStates.
2328
+ */
2329
+ setCustomValidity: {
2330
+ type: String
2331
+ },
2332
+
2333
+ /**
2334
+ * Custom help text message to display when validity = `badInput`.
2335
+ */
2336
+ setCustomValidityBadInput: {
2337
+ type: String
2338
+ },
2339
+
2340
+ /**
2341
+ * Custom help text message to display when validity = `customError`.
2342
+ */
2343
+ setCustomValidityCustomError: {
2344
+ type: String
2345
+ },
2346
+
2347
+ /**
2348
+ * Custom help text message to display for the declared element `type` and type validity fails.
2349
+ */
2350
+ setCustomValidityForType: {
2351
+ type: String
2352
+ },
2353
+
2354
+ /**
2355
+ * Custom help text message to display when validity = `rangeOverflow`.
2356
+ */
2357
+ setCustomValidityRangeOverflow: {
2358
+ type: String
2359
+ },
2360
+
2361
+ /**
2362
+ * Custom help text message to display when validity = `rangeUnderflow`.
2363
+ */
2364
+ setCustomValidityRangeUnderflow: {
2365
+ type: String
2366
+ },
2367
+
2368
+ /**
2369
+ * Custom help text message to display when validity = `tooLong`.
2370
+ */
2371
+ setCustomValidityTooLong: {
2372
+ type: String
2373
+ },
2374
+
2375
+ /**
2376
+ * Custom help text message to display when validity = `tooShort`.
2377
+ */
2378
+ setCustomValidityTooShort: {
2379
+ type: String
2380
+ },
2381
+
2382
+ /**
2383
+ * Custom help text message to display when validity = `valueMissing`.
2384
+ */
2385
+ setCustomValidityValueMissing: {
2386
+ type: String
2387
+ },
2388
+
2389
+ /**
2390
+ * Custom help text message for email type validity.
2391
+ */
2392
+ customValidityTypeEmail: {
2393
+ type: String
2394
+ },
2395
+
2396
+ /**
2397
+ * An enumerated attribute defines whether the element may be checked for spelling errors. [true, false]. When set to `false` the attribute `autocorrect` is set to `off` and `autocapitalize` is set to `none`.
2398
+ */
2399
+ spellcheck: {
2400
+ type: String
2401
+ },
2402
+
2403
+ /**
2404
+ * Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `month-day-year`, `month-year`, `year-month-day` or `text`. If given value is not allowed or set, defaults to `text`.
2405
+ */
2406
+ type: {
2248
2407
  type: String,
2249
2408
  reflect: true
2250
2409
  },
2251
- validity: {
2410
+
2411
+ /**
2412
+ * Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
2413
+ */
2414
+ value: {
2415
+ type: String
2416
+ },
2417
+
2418
+ /**
2419
+ * Sets validation mode to re-eval with each input.
2420
+ */
2421
+ validateOnInput: {
2422
+ type: Boolean
2423
+ },
2424
+
2425
+ /**
2426
+ * Specifies the `validityState` this element is in.
2427
+ */
2428
+ validity: {
2252
2429
  type: String,
2253
2430
  reflect: true
2254
- },
2255
- setCustomValidity: { type: String },
2256
- setCustomValidityCustomError: { type: String },
2257
- setCustomValidityValueMissing: { type: String },
2258
- setCustomValidityPatternMismatch: { type: String },
2259
- setCustomValidityTooShort: { type: String },
2260
- setCustomValidityTooLong: { type: String },
2261
- setCustomValidityRangeOverflow: { type: String },
2262
- setCustomValidityRangeUnderflow: { type: String }
2431
+ }
2263
2432
  };
2264
2433
  }
2265
2434
 
2435
+
2266
2436
  static get styles() {
2267
2437
  return [
2268
- i$2`${styleCss$3}`,
2269
2438
  i$2`${colorCss$3}`,
2439
+ i$2`${styleCss$3}`,
2270
2440
  i$2`${tokensCss$3}`
2271
2441
  ];
2272
2442
  }
@@ -1,41 +1,8 @@
1
1
  /**
2
2
  * Auro-input provides users a way to enter data into a text field.
3
3
  *
4
- * @attr {Boolean} activeLabel - If set, the label will remain fixed in the active position.
5
- * @attr {String} autocapitalize - An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]
6
- * @attr {String} autocomplete - An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
7
- * @attr {String} autocorrect - When set to `off`, stops iOS from auto correcting words when typed into a text box.
8
4
  * @attr {Boolean} bordered - Applies bordered UI variant.
9
5
  * @attr {Boolean} borderless - Applies borderless UI variant.
10
- * @attr {Boolean} disabled - If set, disables the input.
11
- * @attr {String} error - When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.
12
- * @attr {Boolean} icon - If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
13
- * @attr {String} id - Sets the unique ID of the element.
14
- * @attr {String} lang - defines the language of an element.
15
- * @attr {String} max - The maximum value allowed. This only applies for inputs with a type of `number` and all date formats.
16
- * @attr {Number} maxLength - The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
17
- * @attr {String} min - The minimum value allowed. This only applies for inputs with a type of `number` and all date formats.
18
- * @attr {Number} minLength - The minimum number of characters the user can enter into the text input. This must be an non-negative integer value smaller than or equal to the value specified by `maxlength`.
19
- * @attr {String} name - Populates the `name` attribute on the input.
20
- * @attr {Boolean} noValidate - If set, disables auto-validation on blur.
21
- * @attr {Boolean} readonly - Makes the input read-only, but can be set programmatically.
22
- * @attr {Boolean} required - Populates the `required` attribute on the input. Used for client-side validation.
23
- * @attr {String} pattern - Specifies a regular expression the form control's value should match.
24
- * @attr {String} placeholder - Define custom placeholder text, only supported by date input formats.
25
- * @attr {String} setCustomValidity - Sets a custom help text message to display for all validity states.
26
- * @attr {String} setCustomValidityCustomError - Custom help text message to display when validity = `customError`.
27
- * @attr {String} setCustomValidityValueMissing - Custom help text message to display when validity = `valueMissing`.
28
- * @attr {String} setCustomValidityPatternMismatch - Custom help text message to display when validity = `patternMismatch`.
29
- * @attr {String} setCustomValidityTooShort - Custom help text message to display when validity = `tooShort`.
30
- * @attr {String} setCustomValidityTooLong - Custom help text message to display when validity = `tooLong`.
31
- * @attr {String} setCustomValidityForType - Custom help text message to display for the declared element `type` and type validity fails.
32
- * @attr {String} setCustomValidityRangeOverflow - Custom help text message to display when validity = `rangeOverflow`.
33
- * @attr {String} setCustomValidityRangeUnderflow - Custom help text message to display when validity = `rangeUnderflow`.
34
- * @attr {String} spellcheck - An enumerated attribute defines whether the element may be checked for spelling errors. [true, false]. When set to `false` the attribute `autocorrect` is set to `off` and `autocapitalize` is set to `none`.
35
- * @attr {String} type - Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `month-day-year`, `month-year`, `year-month-day` or `text`. If given value is not allowed or set, defaults to `text`.
36
- * @attr {Boolean} validateOnInput - Sets validation mode to re-eval with each input.
37
- * @attr {String} validity - Specifies the `validityState` this element is in.
38
- * @attr {String} value - Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
39
6
  *
40
7
  * @slot helptext - Sets the help text displayed below the input.
41
8
  * @slot label - Sets the label text for the input.
@@ -50,69 +17,126 @@
50
17
  */
51
18
  export default class BaseInput extends LitElement {
52
19
  static get properties(): {
53
- id: {
54
- type: StringConstructor;
20
+ /**
21
+ * If set, the label will remain fixed in the active position.
22
+ */
23
+ activeLabel: {
24
+ type: BooleanConstructor;
25
+ reflect: boolean;
55
26
  };
56
- name: {
27
+ /**
28
+ * An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]
29
+ */
30
+ autocapitalize: {
57
31
  type: StringConstructor;
58
32
  };
59
- type: {
33
+ /**
34
+ * An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
35
+ */
36
+ autocomplete: {
60
37
  type: StringConstructor;
61
38
  reflect: boolean;
62
39
  };
63
- value: {
40
+ /**
41
+ * When set to `off`, stops iOS from auto-correcting words when typed into a text box.
42
+ */
43
+ autocorrect: {
64
44
  type: StringConstructor;
65
45
  };
66
- lang: {
67
- type: StringConstructor;
46
+ /**
47
+ * If set, disables the input.
48
+ */
49
+ disabled: {
50
+ type: BooleanConstructor;
68
51
  };
69
- pattern: {
52
+ error: {
70
53
  type: StringConstructor;
71
54
  reflect: boolean;
72
55
  };
73
- icon: {
74
- type: BooleanConstructor;
75
- };
76
- disabled: {
77
- type: BooleanConstructor;
78
- };
79
- required: {
80
- type: BooleanConstructor;
56
+ /**
57
+ * Contains the help text message for the current validity error.
58
+ */
59
+ errorMessage: {
60
+ type: StringConstructor;
81
61
  };
82
- noValidate: {
62
+ /**
63
+ * If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
64
+ */
65
+ icon: {
83
66
  type: BooleanConstructor;
84
67
  };
85
- spellcheck: {
68
+ /**
69
+ * Sets the unique ID of the element.
70
+ */
71
+ id: {
86
72
  type: StringConstructor;
87
73
  };
88
- autocorrect: {
74
+ /**
75
+ * Defines the language of an element.
76
+ */
77
+ lang: {
89
78
  type: StringConstructor;
90
79
  };
91
- autocapitalize: {
80
+ /**
81
+ * The maximum value allowed. This only applies for inputs with a type of `number` and all date formats.
82
+ */
83
+ max: {
92
84
  type: StringConstructor;
93
85
  };
94
- autocomplete: {
86
+ /**
87
+ * The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher.
88
+ */
89
+ maxLength: {
90
+ type: NumberConstructor;
91
+ };
92
+ /**
93
+ * The minimum value allowed. This only applies for inputs with a type of `number` and all date formats.
94
+ */
95
+ min: {
95
96
  type: StringConstructor;
96
- reflect: boolean;
97
97
  };
98
- placeholder: {
98
+ /**
99
+ * The minimum number of characters the user can enter into the text input. This must be a non-negative integer value smaller than or equal to the value specified by `maxlength`.
100
+ */
101
+ minLength: {
102
+ type: NumberConstructor;
103
+ };
104
+ /**
105
+ * Populates the `name` attribute on the input.
106
+ */
107
+ name: {
99
108
  type: StringConstructor;
100
109
  };
101
- activeLabel: {
110
+ /**
111
+ * If set, disables auto-validation on blur.
112
+ */
113
+ noValidate: {
102
114
  type: BooleanConstructor;
103
- reflect: boolean;
104
115
  };
105
- max: {
116
+ /**
117
+ * Specifies a regular expression the form control's value should match.
118
+ */
119
+ pattern: {
106
120
  type: StringConstructor;
121
+ reflect: boolean;
107
122
  };
108
- min: {
123
+ /**
124
+ * Define custom placeholder text, only supported by date input formats.
125
+ */
126
+ placeholder: {
109
127
  type: StringConstructor;
110
128
  };
111
- maxLength: {
112
- type: NumberConstructor;
129
+ /**
130
+ * Makes the input read-only, but can be set programmatically.
131
+ */
132
+ readonly: {
133
+ type: BooleanConstructor;
113
134
  };
114
- minLength: {
115
- type: NumberConstructor;
135
+ /**
136
+ * Populates the `required` attribute on the input. Used for client-side validation.
137
+ */
138
+ required: {
139
+ type: BooleanConstructor;
116
140
  };
117
141
  /**
118
142
  * @ignore
@@ -120,43 +144,97 @@ export default class BaseInput extends LitElement {
120
144
  showPassword: {
121
145
  state: boolean;
122
146
  };
123
- validateOnInput: {
124
- type: BooleanConstructor;
147
+ /**
148
+ * Sets a custom help text message to display for all validityStates.
149
+ */
150
+ setCustomValidity: {
151
+ type: StringConstructor;
125
152
  };
126
- readonly: {
127
- type: BooleanConstructor;
153
+ /**
154
+ * Custom help text message to display when validity = `badInput`.
155
+ */
156
+ setCustomValidityBadInput: {
157
+ type: StringConstructor;
128
158
  };
129
- error: {
159
+ /**
160
+ * Custom help text message to display when validity = `customError`.
161
+ */
162
+ setCustomValidityCustomError: {
130
163
  type: StringConstructor;
131
- reflect: boolean;
132
164
  };
133
- validity: {
165
+ /**
166
+ * Custom help text message to display for the declared element `type` and type validity fails.
167
+ */
168
+ setCustomValidityForType: {
134
169
  type: StringConstructor;
135
- reflect: boolean;
136
170
  };
137
- setCustomValidity: {
171
+ /**
172
+ * Custom help text message to display when validity = `rangeOverflow`.
173
+ */
174
+ setCustomValidityRangeOverflow: {
138
175
  type: StringConstructor;
139
176
  };
140
- setCustomValidityCustomError: {
177
+ /**
178
+ * Custom help text message to display when validity = `rangeUnderflow`.
179
+ */
180
+ setCustomValidityRangeUnderflow: {
141
181
  type: StringConstructor;
142
182
  };
183
+ /**
184
+ * Custom help text message to display when validity = `tooLong`.
185
+ */
186
+ setCustomValidityTooLong: {
187
+ type: StringConstructor;
188
+ };
189
+ /**
190
+ * Custom help text message to display when validity = `tooShort`.
191
+ */
192
+ setCustomValidityTooShort: {
193
+ type: StringConstructor;
194
+ };
195
+ /**
196
+ * Custom help text message to display when validity = `valueMissing`.
197
+ */
143
198
  setCustomValidityValueMissing: {
144
199
  type: StringConstructor;
145
200
  };
146
- setCustomValidityPatternMismatch: {
201
+ /**
202
+ * Custom help text message for email type validity.
203
+ */
204
+ customValidityTypeEmail: {
147
205
  type: StringConstructor;
148
206
  };
149
- setCustomValidityTooShort: {
207
+ /**
208
+ * An enumerated attribute defines whether the element may be checked for spelling errors. [true, false]. When set to `false` the attribute `autocorrect` is set to `off` and `autocapitalize` is set to `none`.
209
+ */
210
+ spellcheck: {
150
211
  type: StringConstructor;
151
212
  };
152
- setCustomValidityTooLong: {
213
+ /**
214
+ * Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `month-day-year`, `month-year`, `year-month-day` or `text`. If given value is not allowed or set, defaults to `text`.
215
+ */
216
+ type: {
153
217
  type: StringConstructor;
218
+ reflect: boolean;
154
219
  };
155
- setCustomValidityRangeOverflow: {
220
+ /**
221
+ * Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
222
+ */
223
+ value: {
156
224
  type: StringConstructor;
157
225
  };
158
- setCustomValidityRangeUnderflow: {
226
+ /**
227
+ * Sets validation mode to re-eval with each input.
228
+ */
229
+ validateOnInput: {
230
+ type: BooleanConstructor;
231
+ };
232
+ /**
233
+ * Specifies the `validityState` this element is in.
234
+ */
235
+ validity: {
159
236
  type: StringConstructor;
237
+ reflect: boolean;
160
238
  };
161
239
  };
162
240
  static get styles(): import("lit").CSSResult[];
@@ -1 +1 @@
1
- {"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../src/base-input.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AAEH;IA+EE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiCI;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAqBN;IAED,+CAMC;IA1IC,cAAiB;IACjB,kBAAqB;IACrB,kBAAqB;IACrB,oBAAuB;IACvB,SAAoB;IACpB,SAAoB;IACpB,eAA0B;IAC1B,eAA0B;IAC1B,qBAAwB;IACxB,iCAAyC;IAG3C;;;;OAIG;IACH,wBAsDC;IArDC,+BAA0C;IAC1C,mBAA8B;IAC9B,kBAAyB;IACzB,2BAAmC;IACnC,kBAAqB;IACrB,cAAuC;IAEvC,4BASC;IAED,yBAQC;IAED,8BAMC;IAED;;;OAGG;IACH,iCAIC;IAMD,iBAEwC;IA6M1C,qBAwEC;IAlEC,+BAA0D;IAC1D,+BAA0D;IAIxD,6BAAqD;IAmC7C,uBAA0D;IA4BtE;;;;OAIG;IACH,2BAHW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GACd,IAAI,CA6DhB;IArDG,iBAAwB;IAuD5B;;;OAGG;IACH,2BAkBC;IAED;;;OAGG;IACH,6BAMC;IAED;;;OAGG;IACH,sBAMC;IAED;;;;OAIG;IACH,cAEC;IAED;;;;;OAKG;IACH,sBAIC;IAED;;;;OAIG;IACH,2BAUC;IAED;;;;OAIG;IACH,yBAOC;IALC,cAAe;IAOjB;;;OAGG;IACH,oBA0BC;IAED;;;;OAIG;IACH,sBAWC;IAED;;;;OAIG;IACH,mBAMC;IAED;;;;;OAKG;IACH,yBAYC;IAED;;;OAGG;IACH,YAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED;;;;OAIG;IACH,6BAYC;IAVG,sBAAuB;IAY3B;;;;;OAKG;IACH,qBAMC;IAED;;;;;OAKG;IACH,oBAwBC;IAED;;;;OAIG;IACH,gCAGC;IAED;;;;OAIG;IACH,uBAkBC;IAED;;;;OAIG;IACH,wBAQC;IAED;;;;OAIG;IACH,2BAQC;IAKD;;;;OAIG;IACH,0BAWC;IALC,kBAAqC;IAOvC;;;;OAIG;IACH,oCAqFC;CACF;2BA55B+B,KAAK;+BAUN,+BAA+B"}
1
+ {"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../src/base-input.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;GAgBG;AAEH;IA+EE;QAGI;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;;;;QAUH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;QAKH;;WAEG;;;;;MAMN;IAGD,+CAMC;IArVC,cAAiB;IACjB,kBAAqB;IACrB,kBAAqB;IACrB,oBAAuB;IACvB,SAAoB;IACpB,SAAoB;IACpB,eAA0B;IAC1B,eAA0B;IAC1B,qBAAwB;IACxB,iCAAyC;IAG3C;;;;OAIG;IACH,wBAsDC;IArDC,+BAA0C;IAC1C,mBAA8B;IAC9B,kBAAyB;IACzB,2BAAmC;IACnC,kBAAqB;IACrB,cAAuC;IAEvC,4BASC;IAED,yBAQC;IAED,8BAMC;IAED;;;OAGG;IACH,iCAIC;IAMD,iBAEwC;IAwZ1C,qBAwEC;IAlEC,+BAA0D;IAC1D,+BAA0D;IAIxD,6BAAqD;IAmC7C,uBAA0D;IA4BtE;;;;OAIG;IACH,2BAHW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GACd,IAAI,CA6DhB;IArDG,iBAAwB;IAuD5B;;;OAGG;IACH,2BAkBC;IAED;;;OAGG;IACH,6BAMC;IAED;;;OAGG;IACH,sBAMC;IAED;;;;OAIG;IACH,cAEC;IAED;;;;;OAKG;IACH,sBAIC;IAED;;;;OAIG;IACH,2BAUC;IAED;;;;OAIG;IACH,yBAOC;IALC,cAAe;IAOjB;;;OAGG;IACH,oBA0BC;IAED;;;;OAIG;IACH,sBAWC;IAED;;;;OAIG;IACH,mBAMC;IAED;;;;;OAKG;IACH,yBAYC;IAED;;;OAGG;IACH,YAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED;;;;OAIG;IACH,6BAYC;IAVG,sBAAuB;IAY3B;;;;;OAKG;IACH,qBAMC;IAED;;;;;OAKG;IACH,oBAwBC;IAED;;;;OAIG;IACH,gCAGC;IAED;;;;OAIG;IACH,uBAkBC;IAED;;;;OAIG;IACH,wBAQC;IAED;;;;OAIG;IACH,2BAQC;IAKD;;;;OAIG;IACH,0BAWC;IALC,kBAAqC;IAOvC;;;;OAIG;IACH,oCAqFC;CACF;2BAtkC+B,KAAK;+BAUN,+BAA+B"}