@aurodesignsystem-dev/auro-formkit 0.0.0-pr1503.3 → 0.0.0-pr1503.5

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 (190) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/accessibility.md +1 -1
  4. package/components/checkbox/demo/customize.html +1 -2
  5. package/components/checkbox/demo/customize.min.js +23 -8
  6. package/components/checkbox/demo/getting-started.min.js +23 -8
  7. package/components/checkbox/demo/index.min.js +23 -8
  8. package/components/checkbox/dist/index.js +23 -8
  9. package/components/checkbox/dist/registered.js +23 -8
  10. package/components/combobox/README.md +1 -1
  11. package/components/combobox/demo/accessibility.md +1 -1
  12. package/components/combobox/demo/api.md +2 -2
  13. package/components/combobox/demo/customize.html +1 -2
  14. package/components/combobox/demo/customize.md +166 -142
  15. package/components/combobox/demo/customize.min.js +2515 -2316
  16. package/components/combobox/demo/getting-started.min.js +2515 -2312
  17. package/components/combobox/demo/index.md +2 -1
  18. package/components/combobox/demo/index.min.js +2515 -2312
  19. package/components/combobox/demo/keyboard-behavior.md +3 -146
  20. package/components/combobox/demo/readme.md +1 -1
  21. package/components/combobox/demo/why-combobox.md +2 -2
  22. package/components/combobox/dist/auro-combobox.d.ts +49 -15
  23. package/components/combobox/dist/index.js +1462 -753
  24. package/components/combobox/dist/registered.js +1462 -753
  25. package/components/counter/demo/customize.min.js +188 -244
  26. package/components/counter/demo/index.min.js +188 -244
  27. package/components/counter/dist/auro-counter.d.ts +0 -8
  28. package/components/counter/dist/index.js +188 -244
  29. package/components/counter/dist/registered.js +188 -244
  30. package/components/datepicker/demo/accessibility.md +20 -10
  31. package/components/datepicker/demo/api.md +65 -62
  32. package/components/datepicker/demo/customize.md +180 -40
  33. package/components/datepicker/demo/customize.min.js +1690 -777
  34. package/components/datepicker/demo/getting-started.md +118 -2
  35. package/components/datepicker/demo/index.min.js +1690 -759
  36. package/components/datepicker/demo/keyboard-behavior.md +3 -3
  37. package/components/datepicker/demo/voiceover.md +4 -4
  38. package/components/datepicker/demo/why-datepicker.md +2 -2
  39. package/components/datepicker/dist/{src/auro-calendar-cell.d.ts → auro-calendar-cell.d.ts} +48 -3
  40. package/components/datepicker/dist/{src/auro-calendar.d.ts → auro-calendar.d.ts} +188 -10
  41. package/components/datepicker/dist/{src/auro-datepicker.d.ts → auro-datepicker.d.ts} +89 -6
  42. package/components/datepicker/dist/blackoutUtils.d.ts +43 -0
  43. package/components/datepicker/dist/index.js +1690 -759
  44. package/components/datepicker/dist/registered.js +1690 -759
  45. package/components/dropdown/demo/customize.html +3 -0
  46. package/components/dropdown/demo/customize.min.js +142 -208
  47. package/components/dropdown/demo/getting-started.min.js +131 -207
  48. package/components/dropdown/demo/index.min.js +131 -207
  49. package/components/dropdown/dist/auro-dropdown.d.ts +17 -1
  50. package/components/dropdown/dist/index.js +131 -207
  51. package/components/dropdown/dist/registered.js +131 -207
  52. package/components/form/demo/api.md +3 -3
  53. package/components/form/demo/customize.html +6 -6
  54. package/components/form/demo/customize.md +535 -135
  55. package/components/form/demo/customize.min.js +6307 -4378
  56. package/components/form/demo/getting-started.md +344 -96
  57. package/components/form/demo/getting-started.min.js +6255 -4378
  58. package/components/form/demo/index.min.js +6206 -4378
  59. package/components/form/demo/registerDemoDeps.min.js +5827 -4333
  60. package/components/form/dist/auro-form.d.ts +128 -10
  61. package/components/form/dist/index.js +377 -43
  62. package/components/form/dist/registered.js +377 -43
  63. package/components/input/demo/accessibility.md +1 -1
  64. package/components/input/demo/api.md +58 -57
  65. package/components/input/demo/customize.html +1 -2
  66. package/components/input/demo/customize.md +62 -61
  67. package/components/input/demo/customize.min.js +396 -275
  68. package/components/input/demo/getting-started.min.js +396 -275
  69. package/components/input/demo/index.min.js +396 -275
  70. package/components/input/dist/auro-input.d.ts +1 -1
  71. package/components/input/dist/base-input.d.ts +60 -81
  72. package/components/input/dist/index.js +409 -276
  73. package/components/input/dist/registered.js +396 -275
  74. package/components/input/dist/utilities.d.ts +10 -1
  75. package/components/menu/demo/accessibility.md +9 -4
  76. package/components/menu/demo/api.md +48 -45
  77. package/components/menu/demo/css-only.md +26 -19
  78. package/components/menu/demo/customize.md +307 -75
  79. package/components/menu/demo/design.md +1 -1
  80. package/components/menu/demo/getting-started.md +144 -7
  81. package/components/menu/demo/index.min.js +961 -1341
  82. package/components/menu/demo/keyboard-behavior.md +83 -4
  83. package/components/menu/demo/voiceover.md +21 -14
  84. package/components/menu/demo/why-menu.md +8 -9
  85. package/components/menu/dist/auro-menu-utils.d.ts +19 -0
  86. package/components/menu/dist/auro-menu.d.ts +97 -116
  87. package/components/menu/dist/auro-menuoption.d.ts +39 -133
  88. package/components/menu/dist/index.js +823 -1309
  89. package/components/menu/dist/registered.js +835 -1309
  90. package/components/radio/demo/accessibility.md +1 -1
  91. package/components/radio/demo/customize.min.js +23 -8
  92. package/components/radio/demo/getting-started.min.js +23 -8
  93. package/components/radio/demo/index.min.js +23 -8
  94. package/components/radio/dist/index.js +23 -8
  95. package/components/radio/dist/registered.js +23 -8
  96. package/components/select/demo/accessibility.md +6 -1
  97. package/components/select/demo/api.md +3 -2
  98. package/components/select/demo/customize.html +1 -2
  99. package/components/select/demo/customize.md +210 -5
  100. package/components/select/demo/customize.min.js +1613 -1854
  101. package/components/select/demo/design.md +10 -10
  102. package/components/select/demo/getting-started.md +1 -1
  103. package/components/select/demo/getting-started.min.js +1617 -1903
  104. package/components/select/demo/index.md +2 -2
  105. package/components/select/demo/index.min.js +1613 -1854
  106. package/components/select/demo/keyboard-behavior.md +81 -54
  107. package/components/select/demo/voiceover.md +28 -15
  108. package/components/select/dist/auro-select.d.ts +70 -12
  109. package/components/select/dist/index.js +580 -315
  110. package/components/select/dist/registered.js +580 -315
  111. package/components/select/dist/selectUtils.d.ts +24 -0
  112. package/custom-elements.json +8071 -7919
  113. package/package.json +7 -3
  114. package/components/checkbox/demo/customize.js +0 -22
  115. package/components/checkbox/demo/demo-support.js +0 -1
  116. package/components/checkbox/demo/getting-started.js +0 -22
  117. package/components/checkbox/demo/index.js +0 -8
  118. package/components/checkbox/demo/styles.scss +0 -1
  119. package/components/combobox/demo/customize.js +0 -24
  120. package/components/combobox/demo/demo-support.js +0 -1
  121. package/components/combobox/demo/getting-started.js +0 -21
  122. package/components/combobox/demo/index.js +0 -23
  123. package/components/combobox/demo/styles.scss +0 -1
  124. package/components/counter/demo/customize.js +0 -21
  125. package/components/counter/demo/demo-support.js +0 -1
  126. package/components/counter/demo/index.js +0 -21
  127. package/components/counter/demo/styles.scss +0 -1
  128. package/components/datepicker/demo/customize.js +0 -19
  129. package/components/datepicker/demo/demo-support.js +0 -1
  130. package/components/datepicker/demo/index.js +0 -23
  131. package/components/datepicker/demo/styles.scss +0 -1
  132. package/components/dropdown/demo/customize.js +0 -9
  133. package/components/dropdown/demo/demo-support.js +0 -1
  134. package/components/dropdown/demo/getting-started.js +0 -9
  135. package/components/dropdown/demo/index.js +0 -16
  136. package/components/dropdown/demo/styles.scss +0 -1
  137. package/components/form/demo/customize.js +0 -9
  138. package/components/form/demo/demo-support.js +0 -1
  139. package/components/form/demo/getting-started.js +0 -9
  140. package/components/form/demo/index.js +0 -5
  141. package/components/form/demo/registerDemoDeps.js +0 -23
  142. package/components/form/demo/styles.scss +0 -1
  143. package/components/input/demo/customize.js +0 -25
  144. package/components/input/demo/demo-support.js +0 -1
  145. package/components/input/demo/getting-started.js +0 -8
  146. package/components/input/demo/index.js +0 -8
  147. package/components/input/demo/styles.css +0 -974
  148. package/components/input/demo/styles.scss +0 -1
  149. package/components/menu/demo/demo-support.js +0 -1
  150. package/components/menu/demo/index.js +0 -25
  151. package/components/menu/demo/styles.scss +0 -1
  152. package/components/menu/dist/auro-menu.context.d.ts +0 -238
  153. package/components/radio/demo/customize.js +0 -22
  154. package/components/radio/demo/demo-support.js +0 -1
  155. package/components/radio/demo/getting-started.js +0 -24
  156. package/components/radio/demo/index.js +0 -8
  157. package/components/radio/demo/styles.scss +0 -1
  158. package/components/select/demo/customize.js +0 -11
  159. package/components/select/demo/demo-support.js +0 -1
  160. package/components/select/demo/getting-started.js +0 -26
  161. package/components/select/demo/index.js +0 -11
  162. package/components/select/demo/styles.scss +0 -1
  163. /package/components/counter/dist/styles/{counter-wrapper-color-css.d.ts → counter-group-color-css.d.ts} +0 -0
  164. /package/components/datepicker/dist/{src/auro-calendar-month.d.ts → auro-calendar-month.d.ts} +0 -0
  165. /package/components/datepicker/dist/{src/buttonVersion.d.ts → buttonVersion.d.ts} +0 -0
  166. /package/components/datepicker/dist/{src/datepickerKeyboardStrategy.d.ts → datepickerKeyboardStrategy.d.ts} +0 -0
  167. /package/components/datepicker/dist/{src/iconVersion.d.ts → iconVersion.d.ts} +0 -0
  168. /package/components/datepicker/dist/{src/index.d.ts → index.d.ts} +0 -0
  169. /package/components/datepicker/dist/{src/popoverVersion.d.ts → popoverVersion.d.ts} +0 -0
  170. /package/components/datepicker/dist/{src/styles → styles}/classic/color-css.d.ts +0 -0
  171. /package/components/datepicker/dist/{src/styles → styles}/classic/style-css.d.ts +0 -0
  172. /package/components/datepicker/dist/{src/styles → styles}/color-calendar-css.d.ts +0 -0
  173. /package/components/datepicker/dist/{src/styles → styles}/color-cell-css.d.ts +0 -0
  174. /package/components/datepicker/dist/{src/styles → styles}/color-css.d.ts +0 -0
  175. /package/components/datepicker/dist/{src/styles → styles}/color-month-css.d.ts +0 -0
  176. /package/components/datepicker/dist/{src/styles → styles}/shapeSize-css.d.ts +0 -0
  177. /package/components/datepicker/dist/{src/styles → styles}/snowflake/color-css.d.ts +0 -0
  178. /package/components/datepicker/dist/{src/styles → styles}/snowflake/style-css.d.ts +0 -0
  179. /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-cell-css.d.ts +0 -0
  180. /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-css.d.ts +0 -0
  181. /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-month-css.d.ts +0 -0
  182. /package/components/datepicker/dist/{src/styles → styles}/style-css.d.ts +0 -0
  183. /package/components/datepicker/dist/{src/styles → styles}/tokens-css.d.ts +0 -0
  184. /package/components/datepicker/dist/{src/utilities.d.ts → utilities.d.ts} +0 -0
  185. /package/components/datepicker/dist/{src/utilitiesCalendar.d.ts → utilitiesCalendar.d.ts} +0 -0
  186. /package/components/datepicker/dist/{src/utilitiesCalendarRender.d.ts → utilitiesCalendarRender.d.ts} +0 -0
  187. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/day.d.ts +0 -0
  188. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -0
  189. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-cell.d.ts +0 -0
  190. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker.d.ts +0 -0
@@ -138,7 +138,7 @@ export class AuroInput extends BaseInput {
138
138
  /**
139
139
  * Determines default help text string.
140
140
  * @private
141
- * @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
141
+ * @deprecated See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.
142
142
  * @returns {string} Evaluates pre-determined help text.
143
143
  */
144
144
  private getHelpText;
@@ -115,6 +115,7 @@ export default class BaseInput extends AuroElement {
115
115
  format: {
116
116
  type: StringConstructor;
117
117
  reflect: boolean;
118
+ noAccessor: boolean;
118
119
  };
119
120
  /**
120
121
  * Flag to indicate if the input currently has focus.
@@ -291,6 +292,12 @@ export default class BaseInput extends AuroElement {
291
292
  setCustomValidityForType: {
292
293
  type: StringConstructor;
293
294
  };
295
+ /**
296
+ * Custom help text message to display when validity = `patternMismatch`.
297
+ */
298
+ setCustomValidityPatternMismatch: {
299
+ type: StringConstructor;
300
+ };
294
301
  /**
295
302
  * Custom help text message to display when validity = `rangeOverflow`.
296
303
  */
@@ -352,10 +359,10 @@ export default class BaseInput extends AuroElement {
352
359
  };
353
360
  /**
354
361
  * Populates the `type` attribute on the input.
355
- * @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'}
362
+ * @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
356
363
  * @default 'text'
357
364
  */
358
- type: "text" | "password" | "email" | "credit-card" | "tel" | "number";
365
+ type: "text" | "password" | "email" | "credit-card" | "tel" | "number" | "date";
359
366
  /**
360
367
  * Sets validation mode to re-eval with each input.
361
368
  */
@@ -371,7 +378,7 @@ export default class BaseInput extends AuroElement {
371
378
  };
372
379
  /**
373
380
  * Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
374
- * The format for this property should be ISO for `date` type inputs.
381
+ * For `date` type inputs using a full date format (year/month/day), the `value` should be ISO (YYYY-MM-DD). Partial date formats use the display format.
375
382
  */
376
383
  value: {
377
384
  type: StringConstructor;
@@ -382,62 +389,51 @@ export default class BaseInput extends AuroElement {
382
389
  reflect: boolean;
383
390
  };
384
391
  };
392
+ activeLabel: boolean;
393
+ /** @private */
394
+ private allowedInputTypes;
385
395
  appearance: string;
396
+ /** @private */
397
+ private dateFormatMap;
386
398
  disabled: boolean;
399
+ /** @private */
400
+ private domHandler;
401
+ dvInputOnly: boolean;
402
+ hasValue: boolean;
403
+ hideLabelVisually: boolean;
404
+ icon: boolean;
405
+ /** @private */
406
+ private inputIconName;
407
+ /** @private */
408
+ private label;
387
409
  locale: string;
410
+ _format: any;
411
+ /** @private */
412
+ private _userSetFormat;
388
413
  max: any;
389
- _maxObject: any;
390
414
  maxLength: any;
391
415
  min: any;
392
- _minObject: any;
393
416
  minLength: any;
394
- required: boolean;
417
+ noValidate: boolean;
395
418
  onDark: boolean;
419
+ required: boolean;
396
420
  setCustomValidityForType: string | undefined;
397
- size: string;
421
+ /** @private */
422
+ private setSelectionInputTypes;
398
423
  shape: string;
399
- value: any;
400
- _valueObject: any;
401
- /**
402
- * Internal Defaults.
403
- * @private
404
- * @returns {void}
405
- */
406
- private _initializePrivateDefaults;
407
- activeLabel: boolean | undefined;
408
- icon: boolean | undefined;
409
- dvInputOnly: boolean | undefined;
410
- hideLabelVisually: boolean | undefined;
411
- noValidate: boolean | undefined;
412
- _rawMaskValue: string | undefined;
413
- touched: boolean | undefined;
414
- util: any;
415
- validation: AuroFormValidation | undefined;
416
- inputIconName: any;
417
- showPassword: boolean | undefined;
418
- validationCCLength: number | undefined;
419
- hasValue: boolean | undefined;
420
- label: string | undefined;
421
- allowedInputTypes: string[] | undefined;
422
- dateFormatMap: {
423
- 'mm/dd/yyyy': string;
424
- 'dd/mm/yyyy': string;
425
- 'yyyy/mm/dd': string;
426
- 'yyyy/dd/mm': string;
427
- 'mm/yy': string;
428
- 'yy/mm': string;
429
- 'mm/yyyy': string;
430
- 'yyyy/mm': string;
431
- yy: string;
432
- yyyy: string;
433
- mm: string;
434
- dd: string;
435
- 'dd/mm': string;
436
- 'mm/dd': string;
437
- } | undefined;
438
- domHandler: any;
439
- setSelectionInputTypes: string[] | undefined;
440
- uniqueId: any;
424
+ /** @private */
425
+ private showPassword;
426
+ size: string;
427
+ touched: boolean;
428
+ /** @private */
429
+ private uniqueId;
430
+ /** @private */
431
+ private util;
432
+ /** @private */
433
+ private validation;
434
+ /** @private */
435
+ private validationCCLength;
436
+ value: string | undefined;
441
437
  /**
442
438
  * Read-only Date object representation of `value` for full date formats.
443
439
  * @returns {Date|undefined}
@@ -454,13 +450,19 @@ export default class BaseInput extends AuroElement {
454
450
  */
455
451
  get maxObject(): Date | undefined;
456
452
  /**
457
- * Internal setter for readonly date object properties.
453
+ * Overrides LitElement's generated accessor so we can track whether the
454
+ * consumer explicitly set `format`. Locale-derived updates use
455
+ * `_setFormatFromLocale` instead, which skips this flag.
456
+ */
457
+ set format(value: any);
458
+ get format(): any;
459
+ /**
460
+ * Sets format without marking it as user-set. Used by locale auto-derive
461
+ * so that a subsequent locale change can still update the format.
458
462
  * @private
459
- * @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
460
- * @param {Date|undefined} propertyValue - Value to assign.
461
- * @returns {void}
463
+ * @param {string} value
462
464
  */
463
- private setDateObjectProperty;
465
+ private _setFormatFromLocale;
464
466
  firstUpdated(): void;
465
467
  wrapperElement: Element | null | undefined;
466
468
  inputElement: HTMLInputElement | null | undefined;
@@ -478,7 +480,7 @@ export default class BaseInput extends AuroElement {
478
480
  private patchInputEvent;
479
481
  /**
480
482
  * @private
481
- * @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
483
+ * @deprecated See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.
482
484
  * @returns {void} Sets the default help text for the input.
483
485
  */
484
486
  private setCustomHelpTextMessage;
@@ -488,42 +490,20 @@ export default class BaseInput extends AuroElement {
488
490
  * @returns {void}
489
491
  */
490
492
  updated(changedProperties: Map<string, any>): void;
491
- format: any;
492
493
  skipNextProgrammaticInputEvent: boolean | undefined;
493
494
  /**
494
495
  * @private
495
496
  * @returns {void} Notify validity state changed via event.
496
497
  */
497
498
  private notifyValidityChange;
498
- /**
499
- * Synchronizes the ISO string values and Date object representations for date-related properties.
500
- * This keeps the model and display values aligned when either side changes.
501
- *
502
- * When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
503
- * Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
504
- * represents a full year/month/day date format.
505
- *
506
- * @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
507
- * @returns {void}
508
- * @private
509
- */
510
- private syncDateValues;
511
- /**
512
- * Synchronizes one date object/string property pair.
513
- * @private
514
- * @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
515
- * @param {string} objectProperty - Date object property name.
516
- * @param {string} valueProperty - ISO string property name.
517
- * @returns {void}
518
- */
519
- private syncSingleDateValue;
520
499
  /**
521
500
  * Sets up IMasks and logic based on auto-formatting requirements.
522
501
  * @private
523
502
  * @returns {void}
524
503
  */
525
504
  private configureAutoFormatting;
526
- maskInstance: import("imask").InputMask<any> | undefined;
505
+ _configuringMask: boolean | undefined;
506
+ maskInstance: import("imask").InputMask<object> | null | undefined;
527
507
  /**
528
508
  * Sends event notifying that the input has changed it's value.
529
509
  * @private
@@ -626,10 +606,9 @@ export default class BaseInput extends AuroElement {
626
606
  /**
627
607
  * Function to support credit-card feature type.
628
608
  * @private
629
- * @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
609
+ * @deprecated See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.
630
610
  * @returns {object} JSON with data for credit card formatting.
631
611
  */
632
612
  private matchInputValueToCreditCard;
633
613
  }
634
614
  import { AuroElement } from '../../layoutElement/src/auroElement.js';
635
- import AuroFormValidation from '@aurodesignsystem/form-validation';