@aurodesignsystem-dev/auro-formkit 0.0.0-pr807.2 → 0.0.0-pr808.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 (40) hide show
  1. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  2. package/components/bibtemplate/dist/index.js +96 -60
  3. package/components/bibtemplate/dist/registered.js +96 -60
  4. package/components/checkbox/demo/api.md +6 -7
  5. package/components/checkbox/demo/api.min.js +8 -5
  6. package/components/checkbox/demo/index.min.js +8 -5
  7. package/components/checkbox/dist/auro-checkbox.d.ts +0 -3
  8. package/components/checkbox/dist/index.js +8 -5
  9. package/components/checkbox/dist/registered.js +8 -5
  10. package/components/combobox/demo/api.min.js +111 -79
  11. package/components/combobox/demo/index.min.js +111 -79
  12. package/components/combobox/dist/index.js +107 -75
  13. package/components/combobox/dist/registered.js +107 -75
  14. package/components/counter/demo/api.min.js +116 -80
  15. package/components/counter/demo/index.min.js +116 -80
  16. package/components/counter/dist/index.js +116 -80
  17. package/components/counter/dist/registered.js +116 -80
  18. package/components/datepicker/demo/api.min.js +97 -65
  19. package/components/datepicker/demo/index.min.js +97 -65
  20. package/components/datepicker/dist/index.js +97 -65
  21. package/components/datepicker/dist/registered.js +97 -65
  22. package/components/dropdown/demo/api.min.js +1 -1
  23. package/components/dropdown/demo/index.min.js +1 -1
  24. package/components/dropdown/dist/index.js +1 -1
  25. package/components/dropdown/dist/registered.js +1 -1
  26. package/components/input/demo/api.min.js +1 -5
  27. package/components/input/demo/index.min.js +1 -5
  28. package/components/input/dist/index.js +1 -5
  29. package/components/input/dist/registered.js +1 -5
  30. package/components/radio/demo/api.md +0 -2
  31. package/components/radio/demo/api.min.js +1 -3
  32. package/components/radio/demo/index.min.js +1 -3
  33. package/components/radio/dist/auro-radio.d.ts +0 -2
  34. package/components/radio/dist/index.js +1 -3
  35. package/components/radio/dist/registered.js +1 -3
  36. package/components/select/demo/api.min.js +113 -92
  37. package/components/select/demo/index.min.js +113 -92
  38. package/components/select/dist/index.js +109 -88
  39. package/components/select/dist/registered.js +109 -88
  40. package/package.json +1 -1
package/components/checkbox/demo/api.min.js CHANGED
@@ -142,9 +142,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
142
142
  * @csspart checkbox - apply css to a specific checkbox.
143
143
  * @csspart checkbox-input - apply css to a specific checkbox's input.
144
144
  * @csspart checkbox-label - apply css to a specific checkbox's label.
145
- *
146
- * @event {CustomEvent<any>} change - (Deprecated) Notifies when checked value is changed.
147
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
148
145
  */
149
146
 
150
147
  // build the component class
@@ -290,6 +287,12 @@ class AuroCheckbox extends i$2 {
290
287
  handleInput(event) {
291
288
  this.checked = event.target.checked;
292
289
 
290
+ this.dispatchEvent(new CustomEvent('input', {
291
+ bubbles: true,
292
+ cancelable: false,
293
+ composed: true,
294
+ }));
295
+
293
296
  // Old event we need to deprecate
294
297
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
295
298
  bubbles: true,
@@ -349,7 +352,7 @@ class AuroCheckbox extends i$2 {
349
352
  }
350
353
 
351
354
  if (!this.disabled) {
352
- this.shadowRoot.querySelector('input').click();
355
+ this.checked = !this.checked;
353
356
  this.handleFocusin();
354
357
  }
355
358
  });
@@ -387,7 +390,7 @@ class AuroCheckbox extends i$2 {
387
390
  @change="${this.handleChange}"
388
391
  @input="${this.handleInput}"
389
392
  ?disabled="${this.disabled}"
390
- ?checked="${this.checked}"
393
+ .checked="${this.checked}"
391
394
  id="${this.inputId}"
392
395
  name="${o$1(this.name)}"
393
396
  type="checkbox"
package/components/checkbox/demo/index.min.js CHANGED
@@ -134,9 +134,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
134
134
  * @csspart checkbox - apply css to a specific checkbox.
135
135
  * @csspart checkbox-input - apply css to a specific checkbox's input.
136
136
  * @csspart checkbox-label - apply css to a specific checkbox's label.
137
- *
138
- * @event {CustomEvent<any>} change - (Deprecated) Notifies when checked value is changed.
139
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
140
137
  */
141
138
 
142
139
  // build the component class
@@ -282,6 +279,12 @@ class AuroCheckbox extends i$2 {
282
279
  handleInput(event) {
283
280
  this.checked = event.target.checked;
284
281
 
282
+ this.dispatchEvent(new CustomEvent('input', {
283
+ bubbles: true,
284
+ cancelable: false,
285
+ composed: true,
286
+ }));
287
+
285
288
  // Old event we need to deprecate
286
289
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
287
290
  bubbles: true,
@@ -341,7 +344,7 @@ class AuroCheckbox extends i$2 {
341
344
  }
342
345
 
343
346
  if (!this.disabled) {
344
- this.shadowRoot.querySelector('input').click();
347
+ this.checked = !this.checked;
345
348
  this.handleFocusin();
346
349
  }
347
350
  });
@@ -379,7 +382,7 @@ class AuroCheckbox extends i$2 {
379
382
  @change="${this.handleChange}"
380
383
  @input="${this.handleInput}"
381
384
  ?disabled="${this.disabled}"
382
- ?checked="${this.checked}"
385
+ .checked="${this.checked}"
383
386
  id="${this.inputId}"
384
387
  name="${o$1(this.name)}"
385
388
  type="checkbox"
package/components/checkbox/dist/auro-checkbox.d.ts CHANGED
@@ -7,9 +7,6 @@
7
7
  * @csspart checkbox - apply css to a specific checkbox.
8
8
  * @csspart checkbox-input - apply css to a specific checkbox's input.
9
9
  * @csspart checkbox-label - apply css to a specific checkbox's label.
10
- *
11
- * @event {CustomEvent<any>} change - (Deprecated) Notifies when checked value is changed.
12
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
13
10
  */
14
11
  export class AuroCheckbox extends LitElement {
15
12
  static get styles(): import("lit").CSSResult[];
package/components/checkbox/dist/index.js CHANGED
@@ -94,9 +94,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
94
94
  * @csspart checkbox - apply css to a specific checkbox.
95
95
  * @csspart checkbox-input - apply css to a specific checkbox's input.
96
96
  * @csspart checkbox-label - apply css to a specific checkbox's label.
97
- *
98
- * @event {CustomEvent<any>} change - (Deprecated) Notifies when checked value is changed.
99
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
100
97
  */
101
98
 
102
99
  // build the component class
@@ -242,6 +239,12 @@ class AuroCheckbox extends LitElement {
242
239
  handleInput(event) {
243
240
  this.checked = event.target.checked;
244
241
 
242
+ this.dispatchEvent(new CustomEvent('input', {
243
+ bubbles: true,
244
+ cancelable: false,
245
+ composed: true,
246
+ }));
247
+
245
248
  // Old event we need to deprecate
246
249
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
247
250
  bubbles: true,
@@ -301,7 +304,7 @@ class AuroCheckbox extends LitElement {
301
304
  }
302
305
 
303
306
  if (!this.disabled) {
304
- this.shadowRoot.querySelector('input').click();
307
+ this.checked = !this.checked;
305
308
  this.handleFocusin();
306
309
  }
307
310
  });
@@ -339,7 +342,7 @@ class AuroCheckbox extends LitElement {
339
342
  @change="${this.handleChange}"
340
343
  @input="${this.handleInput}"
341
344
  ?disabled="${this.disabled}"
342
- ?checked="${this.checked}"
345
+ .checked="${this.checked}"
343
346
  id="${this.inputId}"
344
347
  name="${ifDefined(this.name)}"
345
348
  type="checkbox"
package/components/checkbox/dist/registered.js CHANGED
@@ -94,9 +94,6 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
94
94
  * @csspart checkbox - apply css to a specific checkbox.
95
95
  * @csspart checkbox-input - apply css to a specific checkbox's input.
96
96
  * @csspart checkbox-label - apply css to a specific checkbox's label.
97
- *
98
- * @event {CustomEvent<any>} change - (Deprecated) Notifies when checked value is changed.
99
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
100
97
  */
101
98
 
102
99
  // build the component class
@@ -242,6 +239,12 @@ class AuroCheckbox extends LitElement {
242
239
  handleInput(event) {
243
240
  this.checked = event.target.checked;
244
241
 
242
+ this.dispatchEvent(new CustomEvent('input', {
243
+ bubbles: true,
244
+ cancelable: false,
245
+ composed: true,
246
+ }));
247
+
245
248
  // Old event we need to deprecate
246
249
  this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
247
250
  bubbles: true,
@@ -301,7 +304,7 @@ class AuroCheckbox extends LitElement {
301
304
  }
302
305
 
303
306
  if (!this.disabled) {
304
- this.shadowRoot.querySelector('input').click();
307
+ this.checked = !this.checked;
305
308
  this.handleFocusin();
306
309
  }
307
310
  });
@@ -339,7 +342,7 @@ class AuroCheckbox extends LitElement {
339
342
  @change="${this.handleChange}"
340
343
  @input="${this.handleInput}"
341
344
  ?disabled="${this.disabled}"
342
- ?checked="${this.checked}"
345
+ .checked="${this.checked}"
343
346
  id="${this.inputId}"
344
347
  name="${ifDefined(this.name)}"
345
348
  type="checkbox"