@fluentui/web-components 3.0.0-beta.83 → 3.0.0-beta.85

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 (204) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/dist/dts/accordion-item/accordion-item.base.d.ts +71 -0
  3. package/dist/dts/accordion-item/accordion-item.d.ts +1 -71
  4. package/dist/dts/accordion-item/index.d.ts +2 -1
  5. package/dist/dts/anchor-button/anchor-button.base.d.ts +144 -0
  6. package/dist/dts/anchor-button/anchor-button.d.ts +2 -144
  7. package/dist/dts/anchor-button/index.d.ts +3 -1
  8. package/dist/dts/avatar/avatar.base.d.ts +42 -0
  9. package/dist/dts/avatar/avatar.d.ts +2 -42
  10. package/dist/dts/avatar/index.d.ts +2 -1
  11. package/dist/dts/button/button.base.d.ts +242 -0
  12. package/dist/dts/button/button.d.ts +2 -242
  13. package/dist/dts/button/index.d.ts +2 -1
  14. package/dist/dts/checkbox/checkbox.base.d.ts +288 -0
  15. package/dist/dts/checkbox/checkbox.d.ts +1 -288
  16. package/dist/dts/checkbox/index.d.ts +2 -1
  17. package/dist/dts/divider/divider.base.d.ts +49 -0
  18. package/dist/dts/divider/divider.d.ts +2 -49
  19. package/dist/dts/divider/index.d.ts +2 -1
  20. package/dist/dts/dropdown/dropdown.base.d.ts +418 -0
  21. package/dist/dts/dropdown/dropdown.d.ts +2 -418
  22. package/dist/dts/dropdown/dropdown.options.d.ts +1 -1
  23. package/dist/dts/dropdown/dropdown.template.d.ts +1 -1
  24. package/dist/dts/dropdown/index.d.ts +2 -1
  25. package/dist/dts/field/field.base.d.ts +120 -0
  26. package/dist/dts/field/field.d.ts +2 -120
  27. package/dist/dts/field/index.d.ts +2 -1
  28. package/dist/dts/index-rollup.d.ts +2 -0
  29. package/dist/dts/index.d.ts +7 -8
  30. package/dist/dts/link/link.d.ts +1 -1
  31. package/dist/dts/listbox/listbox.d.ts +1 -1
  32. package/dist/dts/progress-bar/index.d.ts +2 -1
  33. package/dist/dts/progress-bar/progress-bar.base.d.ts +73 -0
  34. package/dist/dts/progress-bar/progress-bar.d.ts +2 -73
  35. package/dist/dts/radio/radio.d.ts +1 -1
  36. package/dist/dts/rating-display/index.d.ts +2 -1
  37. package/dist/dts/rating-display/rating-display.base.d.ts +89 -0
  38. package/dist/dts/rating-display/rating-display.d.ts +1 -89
  39. package/dist/dts/spinner/index.d.ts +2 -1
  40. package/dist/dts/spinner/spinner.base.d.ts +14 -0
  41. package/dist/dts/spinner/spinner.d.ts +1 -14
  42. package/dist/dts/switch/switch.d.ts +1 -1
  43. package/dist/dts/tablist/index.d.ts +2 -1
  44. package/dist/dts/tablist/tablist.base.d.ts +95 -0
  45. package/dist/dts/tablist/tablist.d.ts +2 -95
  46. package/dist/dts/tabs/tabs.base.d.ts +90 -0
  47. package/dist/dts/tabs/tabs.d.ts +2 -90
  48. package/dist/dts/text-input/index.d.ts +2 -1
  49. package/dist/dts/text-input/text-input.base.d.ts +393 -0
  50. package/dist/dts/text-input/text-input.d.ts +2 -393
  51. package/dist/dts/textarea/index.d.ts +2 -1
  52. package/dist/dts/textarea/textarea.base.d.ts +347 -0
  53. package/dist/dts/textarea/textarea.d.ts +2 -347
  54. package/dist/dts/tree/define.d.ts +1 -0
  55. package/dist/dts/tree/index.d.ts +4 -0
  56. package/dist/dts/tree/tree.bench.d.ts +3 -0
  57. package/dist/dts/tree/tree.d.ts +88 -0
  58. package/dist/dts/tree/tree.definition.d.ts +8 -0
  59. package/dist/dts/tree/tree.styles.d.ts +1 -0
  60. package/dist/dts/tree/tree.template.d.ts +2 -0
  61. package/dist/dts/tree-item/define.d.ts +1 -0
  62. package/dist/dts/tree-item/index.d.ts +5 -0
  63. package/dist/dts/tree-item/tree-item.bench.d.ts +3 -0
  64. package/dist/dts/tree-item/tree-item.d.ts +121 -0
  65. package/dist/dts/tree-item/tree-item.definition.d.ts +8 -0
  66. package/dist/dts/tree-item/tree-item.options.d.ts +22 -0
  67. package/dist/dts/tree-item/tree-item.styles.d.ts +1 -0
  68. package/dist/dts/tree-item/tree-item.template.d.ts +2 -0
  69. package/dist/esm/accordion/accordion.js +1 -1
  70. package/dist/esm/accordion/accordion.js.map +1 -1
  71. package/dist/esm/accordion-item/accordion-item.base.js +94 -0
  72. package/dist/esm/accordion-item/accordion-item.base.js.map +1 -0
  73. package/dist/esm/accordion-item/accordion-item.js +2 -91
  74. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  75. package/dist/esm/accordion-item/index.js +2 -1
  76. package/dist/esm/accordion-item/index.js.map +1 -1
  77. package/dist/esm/anchor-button/anchor-button.base.js +147 -0
  78. package/dist/esm/anchor-button/anchor-button.base.js.map +1 -0
  79. package/dist/esm/anchor-button/anchor-button.js +3 -145
  80. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  81. package/dist/esm/anchor-button/index.js +3 -1
  82. package/dist/esm/anchor-button/index.js.map +1 -1
  83. package/dist/esm/avatar/avatar.base.js +28 -0
  84. package/dist/esm/avatar/avatar.base.js.map +1 -0
  85. package/dist/esm/avatar/avatar.js +2 -26
  86. package/dist/esm/avatar/avatar.js.map +1 -1
  87. package/dist/esm/avatar/index.js +2 -1
  88. package/dist/esm/avatar/index.js.map +1 -1
  89. package/dist/esm/button/button.base.js +283 -0
  90. package/dist/esm/button/button.base.js.map +1 -0
  91. package/dist/esm/button/button.js +3 -281
  92. package/dist/esm/button/button.js.map +1 -1
  93. package/dist/esm/button/button.styles.js +2 -1
  94. package/dist/esm/button/button.styles.js.map +1 -1
  95. package/dist/esm/button/index.js +2 -1
  96. package/dist/esm/button/index.js.map +1 -1
  97. package/dist/esm/checkbox/checkbox.base.js +366 -0
  98. package/dist/esm/checkbox/checkbox.base.js.map +1 -0
  99. package/dist/esm/checkbox/checkbox.js +2 -363
  100. package/dist/esm/checkbox/checkbox.js.map +1 -1
  101. package/dist/esm/checkbox/index.js +2 -1
  102. package/dist/esm/checkbox/index.js.map +1 -1
  103. package/dist/esm/divider/divider.base.js +61 -0
  104. package/dist/esm/divider/divider.base.js.map +1 -0
  105. package/dist/esm/divider/divider.js +3 -58
  106. package/dist/esm/divider/divider.js.map +1 -1
  107. package/dist/esm/divider/index.js +2 -1
  108. package/dist/esm/divider/index.js.map +1 -1
  109. package/dist/esm/dropdown/dropdown.base.js +677 -0
  110. package/dist/esm/dropdown/dropdown.base.js.map +1 -0
  111. package/dist/esm/dropdown/dropdown.js +3 -674
  112. package/dist/esm/dropdown/dropdown.js.map +1 -1
  113. package/dist/esm/dropdown/index.js +2 -1
  114. package/dist/esm/dropdown/index.js.map +1 -1
  115. package/dist/esm/field/field.base.js +189 -0
  116. package/dist/esm/field/field.base.js.map +1 -0
  117. package/dist/esm/field/field.js +3 -187
  118. package/dist/esm/field/field.js.map +1 -1
  119. package/dist/esm/field/index.js +2 -1
  120. package/dist/esm/field/index.js.map +1 -1
  121. package/dist/esm/index-rollup.js +2 -0
  122. package/dist/esm/index-rollup.js.map +1 -1
  123. package/dist/esm/index.js +6 -5
  124. package/dist/esm/index.js.map +1 -1
  125. package/dist/esm/link/link.js +1 -1
  126. package/dist/esm/link/link.js.map +1 -1
  127. package/dist/esm/progress-bar/index.js +2 -1
  128. package/dist/esm/progress-bar/index.js.map +1 -1
  129. package/dist/esm/progress-bar/progress-bar.base.js +90 -0
  130. package/dist/esm/progress-bar/progress-bar.base.js.map +1 -0
  131. package/dist/esm/progress-bar/progress-bar.js +3 -87
  132. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  133. package/dist/esm/radio/radio.js +1 -1
  134. package/dist/esm/radio/radio.js.map +1 -1
  135. package/dist/esm/rating-display/index.js +2 -1
  136. package/dist/esm/rating-display/index.js.map +1 -1
  137. package/dist/esm/rating-display/rating-display.base.js +94 -0
  138. package/dist/esm/rating-display/rating-display.base.js.map +1 -0
  139. package/dist/esm/rating-display/rating-display.js +2 -92
  140. package/dist/esm/rating-display/rating-display.js.map +1 -1
  141. package/dist/esm/spinner/index.js +2 -1
  142. package/dist/esm/spinner/index.js.map +1 -1
  143. package/dist/esm/spinner/spinner.base.js +18 -0
  144. package/dist/esm/spinner/spinner.base.js.map +1 -0
  145. package/dist/esm/spinner/spinner.js +2 -17
  146. package/dist/esm/spinner/spinner.js.map +1 -1
  147. package/dist/esm/switch/switch.js +1 -1
  148. package/dist/esm/switch/switch.js.map +1 -1
  149. package/dist/esm/tablist/index.js +2 -1
  150. package/dist/esm/tablist/index.js.map +1 -1
  151. package/dist/esm/tablist/tablist.base.js +248 -0
  152. package/dist/esm/tablist/tablist.base.js.map +1 -0
  153. package/dist/esm/tablist/tablist.js +3 -245
  154. package/dist/esm/tablist/tablist.js.map +1 -1
  155. package/dist/esm/tabs/tabs.base.js +279 -0
  156. package/dist/esm/tabs/tabs.base.js.map +1 -0
  157. package/dist/esm/tabs/tabs.js +2 -276
  158. package/dist/esm/tabs/tabs.js.map +1 -1
  159. package/dist/esm/text-input/index.js +2 -1
  160. package/dist/esm/text-input/index.js.map +1 -1
  161. package/dist/esm/text-input/text-input.base.js +409 -0
  162. package/dist/esm/text-input/text-input.base.js.map +1 -0
  163. package/dist/esm/text-input/text-input.js +3 -407
  164. package/dist/esm/text-input/text-input.js.map +1 -1
  165. package/dist/esm/textarea/index.js +2 -1
  166. package/dist/esm/textarea/index.js.map +1 -1
  167. package/dist/esm/textarea/textarea.base.js +494 -0
  168. package/dist/esm/textarea/textarea.base.js.map +1 -0
  169. package/dist/esm/textarea/textarea.js +3 -491
  170. package/dist/esm/textarea/textarea.js.map +1 -1
  171. package/dist/esm/tree/define.js +4 -0
  172. package/dist/esm/tree/define.js.map +1 -0
  173. package/dist/esm/tree/index.js +5 -0
  174. package/dist/esm/tree/index.js.map +1 -0
  175. package/dist/esm/tree/tree.bench.js +10 -0
  176. package/dist/esm/tree/tree.bench.js.map +1 -0
  177. package/dist/esm/tree/tree.definition.js +16 -0
  178. package/dist/esm/tree/tree.definition.js.map +1 -0
  179. package/dist/esm/tree/tree.js +274 -0
  180. package/dist/esm/tree/tree.js.map +1 -0
  181. package/dist/esm/tree/tree.styles.js +9 -0
  182. package/dist/esm/tree/tree.styles.js.map +1 -0
  183. package/dist/esm/tree/tree.template.js +18 -0
  184. package/dist/esm/tree/tree.template.js.map +1 -0
  185. package/dist/esm/tree-item/define.js +4 -0
  186. package/dist/esm/tree-item/define.js.map +1 -0
  187. package/dist/esm/tree-item/index.js +5 -0
  188. package/dist/esm/tree-item/index.js.map +1 -0
  189. package/dist/esm/tree-item/tree-item.bench.js +10 -0
  190. package/dist/esm/tree-item/tree-item.bench.js.map +1 -0
  191. package/dist/esm/tree-item/tree-item.definition.js +16 -0
  192. package/dist/esm/tree-item/tree-item.definition.js.map +1 -0
  193. package/dist/esm/tree-item/tree-item.js +201 -0
  194. package/dist/esm/tree-item/tree-item.js.map +1 -0
  195. package/dist/esm/tree-item/tree-item.options.js +24 -0
  196. package/dist/esm/tree-item/tree-item.options.js.map +1 -0
  197. package/dist/esm/tree-item/tree-item.styles.js +170 -0
  198. package/dist/esm/tree-item/tree-item.styles.js.map +1 -0
  199. package/dist/esm/tree-item/tree-item.template.js +41 -0
  200. package/dist/esm/tree-item/tree-item.template.js.map +1 -0
  201. package/dist/web-components.d.ts +157 -0
  202. package/dist/web-components.js +1445 -842
  203. package/dist/web-components.min.js +310 -303
  204. package/package.json +5 -1
@@ -0,0 +1,409 @@
1
+ import { __decorate } from "tslib";
2
+ import { attr, FASTElement, nullableNumberConverter, Observable, observable } from '@microsoft/fast-element';
3
+ import { ImplicitSubmissionBlockingTypes, TextInputType } from './text-input.options.js';
4
+ /**
5
+ * A Text Input Custom HTML Element.
6
+ * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input | `<input>`} element.
7
+ *
8
+ * @slot start - Content which can be provided before the input
9
+ * @slot end - Content which can be provided after the input
10
+ * @slot - The default slot for button content
11
+ * @csspart label - The internal `<label>` element
12
+ * @csspart root - the root container for the internal control
13
+ * @csspart control - The internal `<input>` control
14
+ * @public
15
+ */
16
+ export class BaseTextInput extends FASTElement {
17
+ constructor() {
18
+ super(...arguments);
19
+ /**
20
+ * Allows setting a type or mode of text.
21
+ *
22
+ * @public
23
+ * @remarks
24
+ * HTML Attribute: `type`
25
+ */
26
+ this.type = TextInputType.text;
27
+ /**
28
+ * Indicates that the value has been changed by the user.
29
+ *
30
+ * @internal
31
+ */
32
+ this.dirtyValue = false;
33
+ /**
34
+ * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
35
+ *
36
+ * @internal
37
+ */
38
+ this.elementInternals = this.attachInternals();
39
+ }
40
+ /**
41
+ * Tracks the current value of the input.
42
+ *
43
+ * @param prev - the previous value
44
+ * @param next - the next value
45
+ *
46
+ * @internal
47
+ */
48
+ currentValueChanged(prev, next) {
49
+ this.value = next;
50
+ }
51
+ /**
52
+ * Updates the control label visibility based on the presence of default slotted content.
53
+ *
54
+ * @internal
55
+ */
56
+ defaultSlottedNodesChanged(prev, next) {
57
+ if (this.$fastController.isConnected) {
58
+ this.controlLabel.hidden = !next?.length;
59
+ }
60
+ }
61
+ /**
62
+ * Sets the value of the element to the initial value.
63
+ *
64
+ * @internal
65
+ */
66
+ initialValueChanged() {
67
+ if (!this.dirtyValue) {
68
+ this.value = this.initialValue;
69
+ }
70
+ }
71
+ /**
72
+ * Syncs the `ElementInternals.ariaReadOnly` property when the `readonly` property changes.
73
+ *
74
+ * @internal
75
+ */
76
+ readOnlyChanged() {
77
+ if (this.$fastController.isConnected) {
78
+ this.elementInternals.ariaReadOnly = `${!!this.readOnly}`;
79
+ }
80
+ }
81
+ /**
82
+ * Syncs the element's internal `aria-required` state with the `required` attribute.
83
+ *
84
+ * @param previous - the previous required state
85
+ * @param next - the current required state
86
+ *
87
+ * @internal
88
+ */
89
+ requiredChanged(previous, next) {
90
+ if (this.$fastController.isConnected) {
91
+ this.elementInternals.ariaRequired = `${!!next}`;
92
+ }
93
+ }
94
+ /**
95
+ * The form-associated flag.
96
+ * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
97
+ *
98
+ * @public
99
+ */
100
+ static { this.formAssociated = true; }
101
+ /**
102
+ * The element's validity state.
103
+ *
104
+ * @public
105
+ * @remarks
106
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validity | `ElementInternals.validity`} property.
107
+ */
108
+ get validity() {
109
+ return this.elementInternals.validity;
110
+ }
111
+ /**
112
+ * The validation message.
113
+ *
114
+ * @public
115
+ * @remarks
116
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validationMessage | `ElementInternals.validationMessage`} property.
117
+ */
118
+ get validationMessage() {
119
+ return this.elementInternals.validationMessage || this.control.validationMessage;
120
+ }
121
+ /**
122
+ * The current value of the input.
123
+ * @public
124
+ */
125
+ get value() {
126
+ Observable.track(this, 'value');
127
+ return this.currentValue;
128
+ }
129
+ set value(value) {
130
+ this.currentValue = value;
131
+ if (this.$fastController.isConnected) {
132
+ this.control.value = value ?? '';
133
+ this.setFormValue(value);
134
+ this.setValidity();
135
+ Observable.notify(this, 'value');
136
+ }
137
+ }
138
+ /**
139
+ * Determines if the control can be submitted for constraint validation.
140
+ *
141
+ * @public
142
+ * @remarks
143
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/willValidate | `ElementInternals.willValidate`} property.
144
+ */
145
+ get willValidate() {
146
+ return this.elementInternals.willValidate;
147
+ }
148
+ /**
149
+ * The associated form element.
150
+ *
151
+ * @public
152
+ * @remarks
153
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/form | `ElementInternals.form`} property.
154
+ */
155
+ get form() {
156
+ return this.elementInternals.form;
157
+ }
158
+ /**
159
+ * Handles the internal control's `keypress` event.
160
+ *
161
+ * @internal
162
+ */
163
+ beforeinputHandler(e) {
164
+ if (e.inputType === 'insertLineBreak') {
165
+ this.implicitSubmit();
166
+ }
167
+ return true;
168
+ }
169
+ /**
170
+ * Change event handler for inner control.
171
+ *
172
+ * @internal
173
+ * @privateRemarks
174
+ * "Change" events are not `composable` so they will not permeate the shadow DOM boundary. This function effectively
175
+ * proxies the change event, emitting a `change` event whenever the internal control emits a `change` event.
176
+ */
177
+ changeHandler(e) {
178
+ this.setValidity();
179
+ this.$emit('change', e, {
180
+ bubbles: true,
181
+ composed: true,
182
+ });
183
+ return true;
184
+ }
185
+ /**
186
+ * Checks the validity of the element and returns the result.
187
+ *
188
+ * @public
189
+ * @remarks
190
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/checkValidity | `HTMLInputElement.checkValidity()`} method.
191
+ */
192
+ checkValidity() {
193
+ return this.elementInternals.checkValidity();
194
+ }
195
+ /**
196
+ * Clicks the inner control when the component is clicked.
197
+ *
198
+ * @param e - the event object
199
+ */
200
+ clickHandler(e) {
201
+ if (e.target === this) {
202
+ this.control?.click();
203
+ }
204
+ return true;
205
+ }
206
+ connectedCallback() {
207
+ super.connectedCallback();
208
+ this.setFormValue(this.value);
209
+ this.setValidity();
210
+ }
211
+ /**
212
+ * Focuses the inner control when the component is focused.
213
+ *
214
+ * @param e - the event object
215
+ * @public
216
+ */
217
+ focusinHandler(e) {
218
+ if (e.target === this) {
219
+ this.control?.focus();
220
+ }
221
+ return true;
222
+ }
223
+ /**
224
+ * Resets the value to its initial value when the form is reset.
225
+ *
226
+ * @internal
227
+ */
228
+ formResetCallback() {
229
+ this.value = this.initialValue;
230
+ this.dirtyValue = false;
231
+ }
232
+ /**
233
+ * Handles implicit form submission when the user presses the "Enter" key.
234
+ *
235
+ * @internal
236
+ */
237
+ implicitSubmit() {
238
+ if (!this.elementInternals.form) {
239
+ return;
240
+ }
241
+ if (this.elementInternals.form.elements.length === 1) {
242
+ this.elementInternals.form.requestSubmit();
243
+ return;
244
+ }
245
+ const formElements = [...this.elementInternals.form.elements];
246
+ // Try submitting with the first submit button, if any
247
+ const submitButton = formElements.find(x => x.getAttribute('type') === 'submit');
248
+ if (submitButton) {
249
+ submitButton.click();
250
+ return;
251
+ }
252
+ // Determine if there is only one implicit submission blocking element
253
+ const filteredElements = formElements.filter(x => ImplicitSubmissionBlockingTypes.includes(x.getAttribute('type') ?? ''));
254
+ if (filteredElements.length > 1) {
255
+ return;
256
+ }
257
+ this.elementInternals.form.requestSubmit();
258
+ }
259
+ /**
260
+ * Handles the internal control's `input` event.
261
+ *
262
+ * @internal
263
+ */
264
+ inputHandler(e) {
265
+ this.dirtyValue = true;
266
+ this.value = this.control.value;
267
+ return true;
268
+ }
269
+ /**
270
+ * Handles the internal control's `keydown` event.
271
+ *
272
+ * @param e - the event object
273
+ * @internal
274
+ */
275
+ keydownHandler(e) {
276
+ if (e.key === 'Enter') {
277
+ this.implicitSubmit();
278
+ }
279
+ return true;
280
+ }
281
+ /**
282
+ * Selects all the text in the text field.
283
+ *
284
+ * @public
285
+ * @privateRemarks
286
+ * The `select` event does not permeate the shadow DOM boundary. This function effectively proxies the event,
287
+ * emitting a `select` event whenever the internal control emits a `select` event
288
+ *
289
+ */
290
+ select() {
291
+ this.control.select();
292
+ this.$emit('select');
293
+ }
294
+ /**
295
+ * Sets the custom validity message.
296
+ * @param message - The message to set
297
+ *
298
+ * @public
299
+ */
300
+ setCustomValidity(message) {
301
+ this.elementInternals.setValidity({ customError: true }, message);
302
+ this.reportValidity();
303
+ }
304
+ /**
305
+ * Reports the validity of the element.
306
+ *
307
+ * @public
308
+ * @remarks
309
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/reportValidity | `HTMLInputElement.reportValidity()`} method.
310
+ */
311
+ reportValidity() {
312
+ return this.elementInternals.reportValidity();
313
+ }
314
+ /**
315
+ * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue | `ElementInternals.setFormValue()`} method.
316
+ *
317
+ * @internal
318
+ */
319
+ setFormValue(value, state) {
320
+ this.elementInternals.setFormValue(value, value ?? state);
321
+ }
322
+ /**
323
+ * Sets the validity of the control.
324
+ *
325
+ * @param flags - Validity flags. If not provided, the control's `validity` will be used.
326
+ * @param message - Optional message to supply. If not provided, the control's `validationMessage` will be used. If the control does not have a `validationMessage`, the message will be empty.
327
+ * @param anchor - Optional anchor to use for the validation message. If not provided, the control will be used.
328
+ *
329
+ * @internal
330
+ */
331
+ setValidity(flags = this.control.validity, message = this.validationMessage, anchor = this.control) {
332
+ if (this.$fastController.isConnected) {
333
+ if (this.disabled) {
334
+ this.elementInternals.setValidity({});
335
+ return;
336
+ }
337
+ this.elementInternals.setValidity(flags, message, anchor);
338
+ }
339
+ }
340
+ }
341
+ __decorate([
342
+ attr
343
+ ], BaseTextInput.prototype, "autocomplete", void 0);
344
+ __decorate([
345
+ attr({ mode: 'boolean' })
346
+ ], BaseTextInput.prototype, "autofocus", void 0);
347
+ __decorate([
348
+ attr({ attribute: 'current-value' })
349
+ ], BaseTextInput.prototype, "currentValue", void 0);
350
+ __decorate([
351
+ observable
352
+ ], BaseTextInput.prototype, "defaultSlottedNodes", void 0);
353
+ __decorate([
354
+ attr
355
+ ], BaseTextInput.prototype, "dirname", void 0);
356
+ __decorate([
357
+ attr({ mode: 'boolean' })
358
+ ], BaseTextInput.prototype, "disabled", void 0);
359
+ __decorate([
360
+ attr({ attribute: 'form' })
361
+ ], BaseTextInput.prototype, "formAttribute", void 0);
362
+ __decorate([
363
+ attr({ attribute: 'value', mode: 'fromView' })
364
+ ], BaseTextInput.prototype, "initialValue", void 0);
365
+ __decorate([
366
+ attr
367
+ ], BaseTextInput.prototype, "list", void 0);
368
+ __decorate([
369
+ attr({ converter: nullableNumberConverter })
370
+ ], BaseTextInput.prototype, "maxlength", void 0);
371
+ __decorate([
372
+ attr({ converter: nullableNumberConverter })
373
+ ], BaseTextInput.prototype, "minlength", void 0);
374
+ __decorate([
375
+ attr({ mode: 'boolean' })
376
+ ], BaseTextInput.prototype, "multiple", void 0);
377
+ __decorate([
378
+ attr
379
+ ], BaseTextInput.prototype, "name", void 0);
380
+ __decorate([
381
+ attr
382
+ ], BaseTextInput.prototype, "pattern", void 0);
383
+ __decorate([
384
+ attr
385
+ ], BaseTextInput.prototype, "placeholder", void 0);
386
+ __decorate([
387
+ attr({ attribute: 'readonly', mode: 'boolean' })
388
+ ], BaseTextInput.prototype, "readOnly", void 0);
389
+ __decorate([
390
+ attr({ mode: 'boolean' })
391
+ ], BaseTextInput.prototype, "required", void 0);
392
+ __decorate([
393
+ attr({ converter: nullableNumberConverter })
394
+ ], BaseTextInput.prototype, "size", void 0);
395
+ __decorate([
396
+ attr({
397
+ converter: {
398
+ fromView: value => (typeof value === 'string' ? ['true', ''].includes(value.trim().toLowerCase()) : null),
399
+ toView: value => value.toString(),
400
+ },
401
+ })
402
+ ], BaseTextInput.prototype, "spellcheck", void 0);
403
+ __decorate([
404
+ attr
405
+ ], BaseTextInput.prototype, "type", void 0);
406
+ __decorate([
407
+ observable
408
+ ], BaseTextInput.prototype, "controlLabel", void 0);
409
+ //# sourceMappingURL=text-input.base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-input.base.js","sourceRoot":"","sources":["../../../src/text-input/text-input.base.ts"],"names":[],"mappings":"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"}