@aurodesignsystem-dev/auro-formkit 0.0.0-pr1483.3 → 0.0.0-pr1488.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.
- package/components/checkbox/demo/customize.min.js +436 -14
- package/components/checkbox/demo/getting-started.min.js +436 -14
- package/components/checkbox/demo/index.min.js +436 -14
- package/components/checkbox/dist/index.js +436 -14
- package/components/checkbox/dist/registered.js +436 -14
- package/components/combobox/demo/customize.min.js +1482 -6618
- package/components/combobox/demo/getting-started.min.js +1482 -6618
- package/components/combobox/demo/index.min.js +1482 -6618
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/dist/index.js +1489 -6625
- package/components/combobox/dist/registered.js +1489 -6625
- package/components/counter/demo/customize.min.js +437 -15
- package/components/counter/demo/index.min.js +437 -15
- package/components/counter/dist/index.js +436 -14
- package/components/counter/dist/registered.js +436 -14
- package/components/datepicker/demo/api.md +3 -10
- package/components/datepicker/demo/customize.md +6 -6
- package/components/datepicker/demo/index.md +4 -4
- package/components/datepicker/demo/index.min.js +2194 -7510
- package/components/datepicker/dist/index.js +2194 -7510
- package/components/datepicker/dist/registered.js +2194 -7510
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -6
- package/components/datepicker/dist/src/auro-datepicker.d.ts +10 -23
- package/components/datepicker/dist/src/utilities.d.ts +42 -10
- package/components/datepicker/dist/src/utilitiesCalendar.d.ts +2 -1
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +43986 -58306
- package/components/form/demo/getting-started.min.js +43986 -58306
- package/components/form/demo/index.min.js +43986 -58306
- package/components/form/demo/registerDemoDeps.min.js +43986 -58306
- package/components/input/demo/api.md +51 -57
- package/components/input/demo/customize.md +0 -160
- package/components/input/demo/customize.min.js +1011 -6565
- package/components/input/demo/getting-started.md +0 -11
- package/components/input/demo/getting-started.min.js +1010 -6564
- package/components/input/demo/index.md +3 -28
- package/components/input/demo/index.min.js +1010 -6564
- package/components/input/dist/auro-input.d.ts +6 -25
- package/components/input/dist/base-input.d.ts +69 -82
- package/components/input/dist/index.d.ts +1 -2
- package/components/input/dist/index.js +1003 -6599
- package/components/input/dist/registered.js +1010 -6564
- package/components/input/dist/utilities.d.ts +9 -68
- package/components/radio/demo/index.min.js +436 -14
- package/components/radio/dist/index.js +436 -14
- package/components/radio/dist/registered.js +436 -14
- package/components/select/demo/customize.min.js +455 -31
- package/components/select/demo/getting-started.min.js +455 -31
- package/components/select/demo/index.min.js +455 -31
- package/components/select/demo/keyboard-behavior.md +54 -8
- package/components/select/dist/index.js +455 -31
- package/components/select/dist/registered.js +455 -31
- package/custom-elements.json +717 -1199
- package/package.json +4 -4
- 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
|
|
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
|
-
* @
|
|
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
|
|
136
|
+
private hasTypeIcon;
|
|
152
137
|
/**
|
|
153
|
-
* Function to
|
|
138
|
+
* Function to determine if there is any displayValue content to render.
|
|
154
139
|
* @private
|
|
155
140
|
* @returns {void}
|
|
156
141
|
*/
|
|
157
|
-
private
|
|
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
|
-
*
|
|
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
|
|
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
|
|
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
|
-
|
|
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:
|
|
405
|
+
util: AuroInputUtilities | undefined;
|
|
415
406
|
validation: AuroFormValidation | undefined;
|
|
416
407
|
inputIconName: any;
|
|
417
|
-
showPassword:
|
|
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
|
-
|
|
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
|
-
*
|
|
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
|
|
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 {
|
|
480
|
+
* @returns {string}
|
|
524
481
|
*/
|
|
525
|
-
private
|
|
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';
|