@aurodesignsystem-dev/auro-formkit 0.0.0-pr1507.0 → 0.0.0-pr1508.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 (148) 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/customize.html +1 -2
  4. package/components/checkbox/demo/customize.min.js +8 -6
  5. package/components/checkbox/demo/getting-started.min.js +8 -6
  6. package/components/checkbox/demo/index.min.js +8 -6
  7. package/components/checkbox/dist/index.js +8 -6
  8. package/components/checkbox/dist/registered.js +8 -6
  9. package/components/combobox/demo/customize.html +1 -2
  10. package/components/combobox/demo/customize.md +105 -137
  11. package/components/combobox/demo/customize.min.js +506 -568
  12. package/components/combobox/demo/getting-started.min.js +506 -564
  13. package/components/combobox/demo/index.min.js +506 -564
  14. package/components/combobox/demo/keyboard-behavior.md +2 -142
  15. package/components/combobox/demo/why-combobox.md +1 -1
  16. package/components/combobox/dist/auro-combobox.d.ts +30 -14
  17. package/components/combobox/dist/index.js +505 -563
  18. package/components/combobox/dist/registered.js +505 -563
  19. package/components/counter/demo/customize.min.js +26 -8
  20. package/components/counter/demo/index.min.js +26 -8
  21. package/components/counter/dist/index.js +26 -8
  22. package/components/counter/dist/registered.js +26 -8
  23. package/components/datepicker/demo/accessibility.md +2 -1
  24. package/components/datepicker/demo/api.md +65 -62
  25. package/components/datepicker/demo/customize.md +150 -39
  26. package/components/datepicker/demo/customize.min.js +988 -500
  27. package/components/datepicker/demo/index.min.js +988 -482
  28. package/components/datepicker/dist/{src/auro-calendar-cell.d.ts → auro-calendar-cell.d.ts} +20 -3
  29. package/components/datepicker/dist/{src/auro-calendar.d.ts → auro-calendar.d.ts} +121 -7
  30. package/components/datepicker/dist/{src/auro-datepicker.d.ts → auro-datepicker.d.ts} +80 -5
  31. package/components/datepicker/dist/blackoutUtils.d.ts +43 -0
  32. package/components/datepicker/dist/index.js +988 -482
  33. package/components/datepicker/dist/registered.js +988 -482
  34. package/components/dropdown/demo/customize.min.js +10 -1
  35. package/components/dropdown/demo/getting-started.min.js +10 -1
  36. package/components/dropdown/demo/index.min.js +10 -1
  37. package/components/dropdown/dist/auro-dropdown.d.ts +1 -0
  38. package/components/dropdown/dist/index.js +10 -1
  39. package/components/dropdown/dist/registered.js +10 -1
  40. package/components/form/demo/customize.html +6 -6
  41. package/components/form/demo/customize.md +203 -51
  42. package/components/form/demo/customize.min.js +2357 -1419
  43. package/components/form/demo/getting-started.min.js +2285 -1419
  44. package/components/form/demo/index.min.js +2285 -1419
  45. package/components/form/demo/registerDemoDeps.min.js +1922 -1382
  46. package/components/form/dist/auro-form.d.ts +122 -4
  47. package/components/form/dist/index.js +363 -37
  48. package/components/form/dist/registered.js +363 -37
  49. package/components/input/demo/api.md +5 -5
  50. package/components/input/demo/customize.html +1 -2
  51. package/components/input/demo/customize.md +62 -61
  52. package/components/input/demo/customize.min.js +177 -241
  53. package/components/input/demo/getting-started.min.js +177 -241
  54. package/components/input/demo/index.min.js +177 -241
  55. package/components/input/dist/base-input.d.ts +34 -93
  56. package/components/input/dist/index.js +190 -242
  57. package/components/input/dist/registered.js +177 -241
  58. package/components/radio/demo/customize.min.js +8 -6
  59. package/components/radio/demo/getting-started.min.js +8 -6
  60. package/components/radio/demo/index.min.js +8 -6
  61. package/components/radio/dist/index.js +8 -6
  62. package/components/radio/dist/registered.js +8 -6
  63. package/components/select/demo/customize.html +1 -2
  64. package/components/select/demo/customize.md +86 -0
  65. package/components/select/demo/customize.min.js +202 -68
  66. package/components/select/demo/getting-started.min.js +204 -115
  67. package/components/select/demo/index.min.js +202 -68
  68. package/components/select/demo/keyboard-behavior.md +18 -4
  69. package/components/select/dist/auro-select.d.ts +20 -8
  70. package/components/select/dist/index.js +202 -68
  71. package/components/select/dist/registered.js +202 -68
  72. package/custom-elements.json +1035 -604
  73. package/package.json +6 -2
  74. package/components/checkbox/demo/customize.js +0 -22
  75. package/components/checkbox/demo/demo-support.js +0 -1
  76. package/components/checkbox/demo/getting-started.js +0 -22
  77. package/components/checkbox/demo/index.js +0 -8
  78. package/components/checkbox/demo/styles.scss +0 -1
  79. package/components/combobox/demo/customize.js +0 -24
  80. package/components/combobox/demo/demo-support.js +0 -1
  81. package/components/combobox/demo/getting-started.js +0 -21
  82. package/components/combobox/demo/index.js +0 -23
  83. package/components/combobox/demo/styles.scss +0 -1
  84. package/components/counter/demo/customize.js +0 -21
  85. package/components/counter/demo/demo-support.js +0 -1
  86. package/components/counter/demo/index.js +0 -21
  87. package/components/counter/demo/styles.scss +0 -1
  88. package/components/datepicker/demo/customize.js +0 -19
  89. package/components/datepicker/demo/demo-support.js +0 -1
  90. package/components/datepicker/demo/index.js +0 -23
  91. package/components/datepicker/demo/styles.scss +0 -1
  92. package/components/dropdown/demo/customize.js +0 -9
  93. package/components/dropdown/demo/demo-support.js +0 -1
  94. package/components/dropdown/demo/getting-started.js +0 -9
  95. package/components/dropdown/demo/index.js +0 -16
  96. package/components/dropdown/demo/styles.scss +0 -1
  97. package/components/form/demo/customize.js +0 -9
  98. package/components/form/demo/demo-support.js +0 -1
  99. package/components/form/demo/getting-started.js +0 -9
  100. package/components/form/demo/index.js +0 -5
  101. package/components/form/demo/registerDemoDeps.js +0 -23
  102. package/components/form/demo/styles.scss +0 -1
  103. package/components/input/demo/customize.js +0 -25
  104. package/components/input/demo/demo-support.js +0 -1
  105. package/components/input/demo/getting-started.js +0 -8
  106. package/components/input/demo/index.js +0 -8
  107. package/components/input/demo/styles.css +0 -974
  108. package/components/input/demo/styles.scss +0 -1
  109. package/components/menu/demo/demo-support.js +0 -1
  110. package/components/menu/demo/index.js +0 -25
  111. package/components/menu/demo/styles.scss +0 -1
  112. package/components/radio/demo/customize.js +0 -22
  113. package/components/radio/demo/demo-support.js +0 -1
  114. package/components/radio/demo/getting-started.js +0 -24
  115. package/components/radio/demo/index.js +0 -8
  116. package/components/radio/demo/styles.scss +0 -1
  117. package/components/select/demo/customize.js +0 -11
  118. package/components/select/demo/demo-support.js +0 -1
  119. package/components/select/demo/getting-started.js +0 -26
  120. package/components/select/demo/index.js +0 -11
  121. package/components/select/demo/styles.scss +0 -1
  122. /package/components/datepicker/dist/{src/auro-calendar-month.d.ts → auro-calendar-month.d.ts} +0 -0
  123. /package/components/datepicker/dist/{src/buttonVersion.d.ts → buttonVersion.d.ts} +0 -0
  124. /package/components/datepicker/dist/{src/datepickerKeyboardStrategy.d.ts → datepickerKeyboardStrategy.d.ts} +0 -0
  125. /package/components/datepicker/dist/{src/iconVersion.d.ts → iconVersion.d.ts} +0 -0
  126. /package/components/datepicker/dist/{src/index.d.ts → index.d.ts} +0 -0
  127. /package/components/datepicker/dist/{src/popoverVersion.d.ts → popoverVersion.d.ts} +0 -0
  128. /package/components/datepicker/dist/{src/styles → styles}/classic/color-css.d.ts +0 -0
  129. /package/components/datepicker/dist/{src/styles → styles}/classic/style-css.d.ts +0 -0
  130. /package/components/datepicker/dist/{src/styles → styles}/color-calendar-css.d.ts +0 -0
  131. /package/components/datepicker/dist/{src/styles → styles}/color-cell-css.d.ts +0 -0
  132. /package/components/datepicker/dist/{src/styles → styles}/color-css.d.ts +0 -0
  133. /package/components/datepicker/dist/{src/styles → styles}/color-month-css.d.ts +0 -0
  134. /package/components/datepicker/dist/{src/styles → styles}/shapeSize-css.d.ts +0 -0
  135. /package/components/datepicker/dist/{src/styles → styles}/snowflake/color-css.d.ts +0 -0
  136. /package/components/datepicker/dist/{src/styles → styles}/snowflake/style-css.d.ts +0 -0
  137. /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-cell-css.d.ts +0 -0
  138. /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-css.d.ts +0 -0
  139. /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-month-css.d.ts +0 -0
  140. /package/components/datepicker/dist/{src/styles → styles}/style-css.d.ts +0 -0
  141. /package/components/datepicker/dist/{src/styles → styles}/tokens-css.d.ts +0 -0
  142. /package/components/datepicker/dist/{src/utilities.d.ts → utilities.d.ts} +0 -0
  143. /package/components/datepicker/dist/{src/utilitiesCalendar.d.ts → utilitiesCalendar.d.ts} +0 -0
  144. /package/components/datepicker/dist/{src/utilitiesCalendarRender.d.ts → utilitiesCalendarRender.d.ts} +0 -0
  145. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/day.d.ts +0 -0
  146. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -0
  147. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-cell.d.ts +0 -0
  148. /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker.d.ts +0 -0
@@ -382,62 +382,49 @@ export default class BaseInput extends AuroElement {
382
382
  reflect: boolean;
383
383
  };
384
384
  };
385
+ activeLabel: boolean;
386
+ /** @private */
387
+ private allowedInputTypes;
385
388
  appearance: string;
389
+ /** @private */
390
+ private dateFormatMap;
386
391
  disabled: boolean;
392
+ /** @private */
393
+ private domHandler;
394
+ dvInputOnly: boolean;
395
+ hasValue: boolean;
396
+ hideLabelVisually: boolean;
397
+ icon: boolean;
398
+ /** @private */
399
+ private inputIconName;
400
+ /** @private */
401
+ private label;
387
402
  locale: string;
388
403
  max: any;
389
- _maxObject: any;
390
404
  maxLength: any;
391
405
  min: any;
392
- _minObject: any;
393
406
  minLength: any;
394
- required: boolean;
407
+ noValidate: boolean;
395
408
  onDark: boolean;
409
+ _rawMaskValue: string | undefined;
410
+ required: boolean;
396
411
  setCustomValidityForType: string | undefined;
397
- size: string;
412
+ /** @private */
413
+ private setSelectionInputTypes;
398
414
  shape: string;
415
+ /** @private */
416
+ private showPassword;
417
+ size: string;
418
+ touched: boolean;
419
+ /** @private */
420
+ private uniqueId;
421
+ /** @private */
422
+ private util;
423
+ /** @private */
424
+ private validation;
425
+ /** @private */
426
+ private validationCCLength;
399
427
  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;
441
428
  /**
442
429
  * Read-only Date object representation of `value` for full date formats.
443
430
  * @returns {Date|undefined}
@@ -453,34 +440,12 @@ export default class BaseInput extends AuroElement {
453
440
  * @returns {Date|undefined}
454
441
  */
455
442
  get maxObject(): Date | undefined;
456
- /**
457
- * Parses a date string into a Date object when the corresponding `_*Object`
458
- * field hasn't been synced yet by `updated()`. Returns undefined when the
459
- * input type/format isn't a full date or the string is not a valid date.
460
- *
461
- * Why this exists: a parent (datepicker) can call `inputN.validate()` from
462
- * inside its own `updated()` before this input's `updated()` has run
463
- * `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
464
- * and range checks would otherwise silently no-op (flipping the result to
465
- * `valid` or `patternMismatch`).
466
- * @private
467
- * @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
468
- * @returns {Date|undefined}
469
- */
470
- private _computeDateObjectFallback;
471
- /**
472
- * Internal setter for readonly date object properties.
473
- * @private
474
- * @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
475
- * @param {Date|undefined} propertyValue - Value to assign.
476
- * @returns {void}
477
- */
478
- private setDateObjectProperty;
479
443
  firstUpdated(): void;
480
444
  wrapperElement: Element | null | undefined;
481
445
  inputElement: HTMLInputElement | null | undefined;
482
446
  labelElement: HTMLLabelElement | null | undefined;
483
447
  inputId: string | undefined;
448
+ format: any;
484
449
  ValidityMessageOverride: any;
485
450
  /**
486
451
  * Patches the input element to dispatch an 'input' event whenever its value is set programmatically.
@@ -503,35 +468,12 @@ export default class BaseInput extends AuroElement {
503
468
  * @returns {void}
504
469
  */
505
470
  updated(changedProperties: Map<string, any>): void;
506
- format: any;
507
471
  skipNextProgrammaticInputEvent: boolean | undefined;
508
472
  /**
509
473
  * @private
510
474
  * @returns {void} Notify validity state changed via event.
511
475
  */
512
476
  private notifyValidityChange;
513
- /**
514
- * Synchronizes the ISO string values and Date object representations for date-related properties.
515
- * This keeps the model and display values aligned when either side changes.
516
- *
517
- * When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
518
- * Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
519
- * represents a full year/month/day date format.
520
- *
521
- * @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
522
- * @returns {void}
523
- * @private
524
- */
525
- private syncDateValues;
526
- /**
527
- * Synchronizes one date object/string property pair.
528
- * @private
529
- * @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
530
- * @param {string} objectProperty - Date object property name.
531
- * @param {string} valueProperty - ISO string property name.
532
- * @returns {void}
533
- */
534
- private syncSingleDateValue;
535
477
  /**
536
478
  * Sets up IMasks and logic based on auto-formatting requirements.
537
479
  * @private
@@ -539,7 +481,7 @@ export default class BaseInput extends AuroElement {
539
481
  */
540
482
  private configureAutoFormatting;
541
483
  _configuringMask: boolean | undefined;
542
- maskInstance: import("imask").InputMask<any> | undefined;
484
+ maskInstance: import("imask").InputMask<any> | null | undefined;
543
485
  /**
544
486
  * Sends event notifying that the input has changed it's value.
545
487
  * @private
@@ -648,4 +590,3 @@ export default class BaseInput extends AuroElement {
648
590
  private matchInputValueToCreditCard;
649
591
  }
650
592
  import { AuroElement } from '../../layoutElement/src/auroElement.js';
651
- import AuroFormValidation from '@aurodesignsystem/form-validation';