@aurodesignsystem-dev/auro-formkit 0.0.0-pr1483.2 → 0.0.0-pr1488.0

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 (59) hide show
  1. package/components/checkbox/demo/customize.min.js +436 -14
  2. package/components/checkbox/demo/getting-started.min.js +436 -14
  3. package/components/checkbox/demo/index.min.js +436 -14
  4. package/components/checkbox/dist/index.js +436 -14
  5. package/components/checkbox/dist/registered.js +436 -14
  6. package/components/combobox/demo/customize.min.js +1482 -6618
  7. package/components/combobox/demo/getting-started.min.js +1482 -6618
  8. package/components/combobox/demo/index.min.js +1482 -6618
  9. package/components/combobox/demo/keyboard-behavior.md +68 -8
  10. package/components/combobox/dist/index.js +1489 -6625
  11. package/components/combobox/dist/registered.js +1489 -6625
  12. package/components/counter/demo/customize.min.js +437 -15
  13. package/components/counter/demo/index.min.js +437 -15
  14. package/components/counter/dist/index.js +436 -14
  15. package/components/counter/dist/registered.js +436 -14
  16. package/components/datepicker/demo/api.md +3 -10
  17. package/components/datepicker/demo/customize.md +6 -6
  18. package/components/datepicker/demo/index.md +4 -4
  19. package/components/datepicker/demo/index.min.js +2319 -7650
  20. package/components/datepicker/dist/index.js +2319 -7650
  21. package/components/datepicker/dist/registered.js +2319 -7650
  22. package/components/datepicker/dist/src/auro-calendar.d.ts +0 -6
  23. package/components/datepicker/dist/src/auro-datepicker.d.ts +11 -24
  24. package/components/datepicker/dist/src/utilities.d.ts +40 -14
  25. package/components/datepicker/dist/src/utilitiesCalendar.d.ts +1 -1
  26. package/components/dropdown/demo/customize.min.js +1 -1
  27. package/components/dropdown/demo/getting-started.min.js +1 -1
  28. package/components/dropdown/demo/index.min.js +1 -1
  29. package/components/dropdown/dist/index.js +1 -1
  30. package/components/dropdown/dist/registered.js +1 -1
  31. package/components/form/demo/customize.min.js +44181 -58516
  32. package/components/form/demo/getting-started.min.js +44181 -58516
  33. package/components/form/demo/index.min.js +44181 -58516
  34. package/components/form/demo/registerDemoDeps.min.js +44181 -58516
  35. package/components/input/demo/api.md +51 -57
  36. package/components/input/demo/customize.md +0 -160
  37. package/components/input/demo/customize.min.js +1011 -6565
  38. package/components/input/demo/getting-started.md +0 -11
  39. package/components/input/demo/getting-started.min.js +1010 -6564
  40. package/components/input/demo/index.md +3 -28
  41. package/components/input/demo/index.min.js +1010 -6564
  42. package/components/input/dist/auro-input.d.ts +6 -25
  43. package/components/input/dist/base-input.d.ts +69 -82
  44. package/components/input/dist/index.d.ts +1 -2
  45. package/components/input/dist/index.js +1003 -6599
  46. package/components/input/dist/registered.js +1010 -6564
  47. package/components/input/dist/utilities.d.ts +9 -68
  48. package/components/radio/demo/index.min.js +436 -14
  49. package/components/radio/dist/index.js +436 -14
  50. package/components/radio/dist/registered.js +436 -14
  51. package/components/select/demo/customize.min.js +455 -31
  52. package/components/select/demo/getting-started.min.js +455 -31
  53. package/components/select/demo/index.min.js +455 -31
  54. package/components/select/demo/keyboard-behavior.md +54 -8
  55. package/components/select/dist/index.js +455 -31
  56. package/components/select/dist/registered.js +455 -31
  57. package/custom-elements.json +2117 -2625
  58. package/package.json +4 -4
  59. package/components/input/dist/auro-input-util.d.ts +0 -17
@@ -129,37 +129,18 @@ export class AuroInput extends BaseInput {
129
129
  */
130
130
  private get helpTextClasses();
131
131
  /**
132
- * Function to determine if there is any displayValue content to render.
133
- * @private
134
- * @returns {void}
135
- */
136
- private checkDisplayValueSlotChange;
137
- clearBtn: Element | undefined;
138
- /**
139
- * Determines default help text string.
140
- * @private
141
- * @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
142
- * @returns {string} Evaluates pre-determined help text.
143
- */
144
- private getHelpText;
145
- /**
146
- * Validates against list of supported this.allowedInputTypes; return type=text if invalid request.
132
+ * Function to determine if the input is meant to render an icon visualizing the input type.
147
133
  * @private
148
- * @param {string} type Value entered into component prop.
149
- * @returns {string} Iterates over allowed types array.
134
+ * @returns {boolean} - Returns true if the input type is meant to render an icon.
150
135
  */
151
- private getInputType;
136
+ private hasTypeIcon;
152
137
  /**
153
- * Function to support show-password feature.
138
+ * Function to determine if there is any displayValue content to render.
154
139
  * @private
155
140
  * @returns {void}
156
141
  */
157
- private handleClickShowPassword;
158
- /**
159
- * @private
160
- * @returns {string}
161
- */
162
- private definePattern;
142
+ private checkDisplayValueSlotChange;
143
+ clearBtn: Element | undefined;
163
144
  /**
164
145
  * Returns HTML for the validation error icon.
165
146
  * @private
@@ -176,15 +176,7 @@ export default class BaseInput extends AuroElement {
176
176
  reflect: boolean;
177
177
  };
178
178
  /**
179
- * Defines the locale of an element.
180
- * Used for locale-specific formatting, such as date formats.
181
- */
182
- locale: {
183
- type: StringConstructor;
184
- reflect: boolean;
185
- };
186
- /**
187
- * The maximum value allowed. This only applies for inputs with a type of `number` and ISO format.
179
+ * The maximum value allowed. This only applies for inputs with a type of `number` and all date formats.
188
180
  */
189
181
  max: {
190
182
  type: StringConstructor;
@@ -198,7 +190,7 @@ export default class BaseInput extends AuroElement {
198
190
  reflect: boolean;
199
191
  };
200
192
  /**
201
- * The minimum value allowed. This only applies for inputs with a type of `number` and ISO date format.
193
+ * The minimum value allowed. This only applies for inputs with a type of `number` and all date formats.
202
194
  */
203
195
  min: {
204
196
  type: StringConstructor;
@@ -371,7 +363,6 @@ export default class BaseInput extends AuroElement {
371
363
  };
372
364
  /**
373
365
  * 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.
375
366
  */
376
367
  value: {
377
368
  type: StringConstructor;
@@ -382,43 +373,48 @@ export default class BaseInput extends AuroElement {
382
373
  reflect: boolean;
383
374
  };
384
375
  };
385
- appearance: string;
386
- disabled: boolean;
387
- locale: string;
388
- max: any;
389
- _maxObject: any;
390
- maxLength: any;
391
- min: any;
392
- _minObject: any;
393
- minLength: any;
394
- required: boolean;
395
- onDark: boolean;
396
- setCustomValidityForType: string | undefined;
397
- size: string;
398
- shape: string;
399
- value: any;
400
- _valueObject: any;
401
376
  /**
402
377
  * Internal Defaults.
403
378
  * @private
404
379
  * @returns {void}
405
380
  */
406
- private _initializePrivateDefaults;
381
+ private _initializeDefaults;
407
382
  activeLabel: boolean | undefined;
383
+ appearance: string | undefined;
408
384
  icon: boolean | undefined;
385
+ disabled: boolean | undefined;
409
386
  dvInputOnly: boolean | undefined;
410
387
  hideLabelVisually: boolean | undefined;
388
+ max: any;
389
+ maxLength: any;
390
+ min: any;
391
+ minLength: any;
411
392
  noValidate: boolean | undefined;
412
- _rawMaskValue: string | undefined;
393
+ onDark: boolean | undefined;
394
+ required: boolean | undefined;
395
+ setCustomValidityForType: string | undefined;
396
+ /**
397
+ * @private
398
+ */
399
+ private shape;
400
+ /**
401
+ * @private
402
+ */
403
+ private size;
413
404
  touched: boolean | undefined;
414
- util: any;
405
+ util: AuroInputUtilities | undefined;
415
406
  validation: AuroFormValidation | undefined;
416
407
  inputIconName: any;
417
- showPassword: boolean | undefined;
408
+ showPassword: any;
418
409
  validationCCLength: number | undefined;
419
410
  hasValue: boolean | undefined;
420
411
  label: string | undefined;
421
412
  allowedInputTypes: string[] | undefined;
413
+ /**
414
+ * Credit Card is not included as this caused cursor placement issues.
415
+ * The Safari issue.
416
+ */
417
+ setSelectionInputTypes: string[] | undefined;
422
418
  dateFormatMap: {
423
419
  'mm/dd/yyyy': string;
424
420
  'dd/mm/yyyy': string;
@@ -435,37 +431,13 @@ export default class BaseInput extends AuroElement {
435
431
  'dd/mm': string;
436
432
  'mm/dd': string;
437
433
  } | undefined;
438
- domHandler: any;
439
- setSelectionInputTypes: string[] | undefined;
440
- uniqueId: any;
441
- /**
442
- * Read-only Date object representation of `value` for full date formats.
443
- * @returns {Date|undefined}
444
- */
445
- get valueObject(): Date | undefined;
446
- /**
447
- * Read-only Date object representation of `min` for full date formats.
448
- * @returns {Date|undefined}
449
- */
450
- get minObject(): Date | undefined;
451
- /**
452
- * Read-only Date object representation of `max` for full date formats.
453
- * @returns {Date|undefined}
454
- */
455
- get maxObject(): Date | undefined;
456
- /**
457
- * Internal setter for readonly date object properties.
458
- * @private
459
- * @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
460
- * @param {Date|undefined} propertyValue - Value to assign.
461
- * @returns {void}
462
- */
463
- private setDateObjectProperty;
434
+ uniqueId: string | undefined;
464
435
  firstUpdated(): void;
465
436
  wrapperElement: Element | null | undefined;
466
437
  inputElement: HTMLInputElement | null | undefined;
467
438
  labelElement: HTMLLabelElement | null | undefined;
468
439
  inputId: string | undefined;
440
+ format: any;
469
441
  ValidityMessageOverride: any;
470
442
  /**
471
443
  * Patches the input element to dispatch an 'input' event whenever its value is set programmatically.
@@ -478,7 +450,6 @@ export default class BaseInput extends AuroElement {
478
450
  private patchInputEvent;
479
451
  /**
480
452
  * @private
481
- * @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
482
453
  * @returns {void} Sets the default help text for the input.
483
454
  */
484
455
  private setCustomHelpTextMessage;
@@ -488,7 +459,6 @@ export default class BaseInput extends AuroElement {
488
459
  * @returns {void}
489
460
  */
490
461
  updated(changedProperties: Map<string, any>): void;
491
- format: any;
492
462
  skipNextProgrammaticInputEvent: boolean | undefined;
493
463
  /**
494
464
  * @private
@@ -496,34 +466,20 @@ export default class BaseInput extends AuroElement {
496
466
  */
497
467
  private notifyValidityChange;
498
468
  /**
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.
469
+ * Sets up IMasks and logic based on auto-formatting requirements.
513
470
  * @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
471
  * @returns {void}
518
472
  */
519
- private syncSingleDateValue;
473
+ private configureAutoFormatting;
474
+ maskInstance: import("imask").InputMask<import("imask").FactoryArg> | undefined;
475
+ value: string | undefined;
476
+ formattedDate: any;
477
+ comparisonDate: any;
520
478
  /**
521
- * Sets up IMasks and logic based on auto-formatting requirements.
522
479
  * @private
523
- * @returns {void}
480
+ * @returns {string}
524
481
  */
525
- private configureAutoFormatting;
526
- maskInstance: import("imask").InputMask<any> | undefined;
482
+ private definePattern;
527
483
  /**
528
484
  * Sends event notifying that the input has changed it's value.
529
485
  * @private
@@ -610,12 +566,43 @@ export default class BaseInput extends AuroElement {
610
566
  private configureDataForType;
611
567
  lengthForType: any;
612
568
  inputmode: any;
569
+ /**
570
+ * Validates against list of supported this.allowedInputTypes; return type=text if invalid request.
571
+ * @private
572
+ * @param {string} type Value entered into component prop.
573
+ * @returns {string} Iterates over allowed types array.
574
+ */
575
+ private getInputType;
576
+ /**
577
+ * Determines default help text string.
578
+ * @private
579
+ * @returns {string} Evaluates pre-determined help text.
580
+ */
581
+ private getHelpText;
582
+ /**
583
+ * Function to support show-password feature.
584
+ * @private
585
+ * @returns {void}
586
+ */
587
+ private handleClickShowPassword;
613
588
  /**
614
589
  * Support placeholder text.
615
590
  * @private
616
591
  * @returns {void}
617
592
  */
618
593
  private get placeholderStr();
594
+ /**
595
+ * Defines placement of input icon based on type, used with classMap.
596
+ * @private
597
+ * @returns {boolean}
598
+ */
599
+ private defineInputIcon;
600
+ /**
601
+ * Defines padding of input label based on type, used with classMap.
602
+ * @private
603
+ * @returns {boolean}
604
+ */
605
+ private defineLabelPadding;
619
606
  /**
620
607
  * Function to support credit-card feature type.
621
608
  * @private
@@ -626,10 +613,10 @@ export default class BaseInput extends AuroElement {
626
613
  /**
627
614
  * Function to support credit-card feature type.
628
615
  * @private
629
- * @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
630
616
  * @returns {object} JSON with data for credit card formatting.
631
617
  */
632
618
  private matchInputValueToCreditCard;
633
619
  }
634
620
  import { AuroElement } from '../../layoutElement/src/auroElement.js';
621
+ import { AuroInputUtilities } from "./utilities.js";
635
622
  import AuroFormValidation from '@aurodesignsystem/form-validation';
@@ -1,3 +1,2 @@
1
+ export { AuroInput };
1
2
  import { AuroInput } from './auro-input.js';
2
- import { AuroInputUtil } from './auro-input-util.js';
3
- export { AuroInput, AuroInputUtil };