@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.
- package/components/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/customize.html +1 -2
- package/components/checkbox/demo/customize.min.js +8 -6
- package/components/checkbox/demo/getting-started.min.js +8 -6
- package/components/checkbox/demo/index.min.js +8 -6
- package/components/checkbox/dist/index.js +8 -6
- package/components/checkbox/dist/registered.js +8 -6
- package/components/combobox/demo/customize.html +1 -2
- package/components/combobox/demo/customize.md +105 -137
- package/components/combobox/demo/customize.min.js +506 -568
- package/components/combobox/demo/getting-started.min.js +506 -564
- package/components/combobox/demo/index.min.js +506 -564
- package/components/combobox/demo/keyboard-behavior.md +2 -142
- package/components/combobox/demo/why-combobox.md +1 -1
- package/components/combobox/dist/auro-combobox.d.ts +30 -14
- package/components/combobox/dist/index.js +505 -563
- package/components/combobox/dist/registered.js +505 -563
- package/components/counter/demo/customize.min.js +26 -8
- package/components/counter/demo/index.min.js +26 -8
- package/components/counter/dist/index.js +26 -8
- package/components/counter/dist/registered.js +26 -8
- package/components/datepicker/demo/accessibility.md +2 -1
- package/components/datepicker/demo/api.md +65 -62
- package/components/datepicker/demo/customize.md +150 -39
- package/components/datepicker/demo/customize.min.js +988 -500
- package/components/datepicker/demo/index.min.js +988 -482
- package/components/datepicker/dist/{src/auro-calendar-cell.d.ts → auro-calendar-cell.d.ts} +20 -3
- package/components/datepicker/dist/{src/auro-calendar.d.ts → auro-calendar.d.ts} +121 -7
- package/components/datepicker/dist/{src/auro-datepicker.d.ts → auro-datepicker.d.ts} +80 -5
- package/components/datepicker/dist/blackoutUtils.d.ts +43 -0
- package/components/datepicker/dist/index.js +988 -482
- package/components/datepicker/dist/registered.js +988 -482
- package/components/dropdown/demo/customize.min.js +10 -1
- package/components/dropdown/demo/getting-started.min.js +10 -1
- package/components/dropdown/demo/index.min.js +10 -1
- package/components/dropdown/dist/auro-dropdown.d.ts +1 -0
- package/components/dropdown/dist/index.js +10 -1
- package/components/dropdown/dist/registered.js +10 -1
- package/components/form/demo/customize.html +6 -6
- package/components/form/demo/customize.md +203 -51
- package/components/form/demo/customize.min.js +2357 -1419
- package/components/form/demo/getting-started.min.js +2285 -1419
- package/components/form/demo/index.min.js +2285 -1419
- package/components/form/demo/registerDemoDeps.min.js +1922 -1382
- package/components/form/dist/auro-form.d.ts +122 -4
- package/components/form/dist/index.js +363 -37
- package/components/form/dist/registered.js +363 -37
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.html +1 -2
- package/components/input/demo/customize.md +62 -61
- package/components/input/demo/customize.min.js +177 -241
- package/components/input/demo/getting-started.min.js +177 -241
- package/components/input/demo/index.min.js +177 -241
- package/components/input/dist/base-input.d.ts +34 -93
- package/components/input/dist/index.js +190 -242
- package/components/input/dist/registered.js +177 -241
- package/components/radio/demo/customize.min.js +8 -6
- package/components/radio/demo/getting-started.min.js +8 -6
- package/components/radio/demo/index.min.js +8 -6
- package/components/radio/dist/index.js +8 -6
- package/components/radio/dist/registered.js +8 -6
- package/components/select/demo/customize.html +1 -2
- package/components/select/demo/customize.md +86 -0
- package/components/select/demo/customize.min.js +202 -68
- package/components/select/demo/getting-started.min.js +204 -115
- package/components/select/demo/index.min.js +202 -68
- package/components/select/demo/keyboard-behavior.md +18 -4
- package/components/select/dist/auro-select.d.ts +20 -8
- package/components/select/dist/index.js +202 -68
- package/components/select/dist/registered.js +202 -68
- package/custom-elements.json +1035 -604
- package/package.json +6 -2
- package/components/checkbox/demo/customize.js +0 -22
- package/components/checkbox/demo/demo-support.js +0 -1
- package/components/checkbox/demo/getting-started.js +0 -22
- package/components/checkbox/demo/index.js +0 -8
- package/components/checkbox/demo/styles.scss +0 -1
- package/components/combobox/demo/customize.js +0 -24
- package/components/combobox/demo/demo-support.js +0 -1
- package/components/combobox/demo/getting-started.js +0 -21
- package/components/combobox/demo/index.js +0 -23
- package/components/combobox/demo/styles.scss +0 -1
- package/components/counter/demo/customize.js +0 -21
- package/components/counter/demo/demo-support.js +0 -1
- package/components/counter/demo/index.js +0 -21
- package/components/counter/demo/styles.scss +0 -1
- package/components/datepicker/demo/customize.js +0 -19
- package/components/datepicker/demo/demo-support.js +0 -1
- package/components/datepicker/demo/index.js +0 -23
- package/components/datepicker/demo/styles.scss +0 -1
- package/components/dropdown/demo/customize.js +0 -9
- package/components/dropdown/demo/demo-support.js +0 -1
- package/components/dropdown/demo/getting-started.js +0 -9
- package/components/dropdown/demo/index.js +0 -16
- package/components/dropdown/demo/styles.scss +0 -1
- package/components/form/demo/customize.js +0 -9
- package/components/form/demo/demo-support.js +0 -1
- package/components/form/demo/getting-started.js +0 -9
- package/components/form/demo/index.js +0 -5
- package/components/form/demo/registerDemoDeps.js +0 -23
- package/components/form/demo/styles.scss +0 -1
- package/components/input/demo/customize.js +0 -25
- package/components/input/demo/demo-support.js +0 -1
- package/components/input/demo/getting-started.js +0 -8
- package/components/input/demo/index.js +0 -8
- package/components/input/demo/styles.css +0 -974
- package/components/input/demo/styles.scss +0 -1
- package/components/menu/demo/demo-support.js +0 -1
- package/components/menu/demo/index.js +0 -25
- package/components/menu/demo/styles.scss +0 -1
- package/components/radio/demo/customize.js +0 -22
- package/components/radio/demo/demo-support.js +0 -1
- package/components/radio/demo/getting-started.js +0 -24
- package/components/radio/demo/index.js +0 -8
- package/components/radio/demo/styles.scss +0 -1
- package/components/select/demo/customize.js +0 -11
- package/components/select/demo/demo-support.js +0 -1
- package/components/select/demo/getting-started.js +0 -26
- package/components/select/demo/index.js +0 -11
- package/components/select/demo/styles.scss +0 -1
- /package/components/datepicker/dist/{src/auro-calendar-month.d.ts → auro-calendar-month.d.ts} +0 -0
- /package/components/datepicker/dist/{src/buttonVersion.d.ts → buttonVersion.d.ts} +0 -0
- /package/components/datepicker/dist/{src/datepickerKeyboardStrategy.d.ts → datepickerKeyboardStrategy.d.ts} +0 -0
- /package/components/datepicker/dist/{src/iconVersion.d.ts → iconVersion.d.ts} +0 -0
- /package/components/datepicker/dist/{src/index.d.ts → index.d.ts} +0 -0
- /package/components/datepicker/dist/{src/popoverVersion.d.ts → popoverVersion.d.ts} +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/classic/color-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/classic/style-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-calendar-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-cell-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/color-month-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/shapeSize-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/snowflake/color-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/snowflake/style-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-cell-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-auro-calendar-month-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/style-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/styles → styles}/tokens-css.d.ts +0 -0
- /package/components/datepicker/dist/{src/utilities.d.ts → utilities.d.ts} +0 -0
- /package/components/datepicker/dist/{src/utilitiesCalendar.d.ts → utilitiesCalendar.d.ts} +0 -0
- /package/components/datepicker/dist/{src/utilitiesCalendarRender.d.ts → utilitiesCalendarRender.d.ts} +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/day.d.ts +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -0
- /package/components/datepicker/dist/{src/vendor → vendor}/wc-range-datepicker/range-datepicker-cell.d.ts +0 -0
- /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
|
-
|
|
407
|
+
noValidate: boolean;
|
|
395
408
|
onDark: boolean;
|
|
409
|
+
_rawMaskValue: string | undefined;
|
|
410
|
+
required: boolean;
|
|
396
411
|
setCustomValidityForType: string | undefined;
|
|
397
|
-
|
|
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';
|