@aurodesignsystem-dev/auro-formkit 0.0.0-pr1516.0 → 0.0.0-pr1518.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.
- 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/README.md +1 -1
- package/components/combobox/demo/customize.md +2 -10
- package/components/combobox/demo/customize.min.js +382 -466
- package/components/combobox/demo/getting-started.min.js +382 -462
- package/components/combobox/demo/index.md +1 -1
- package/components/combobox/demo/index.min.js +382 -462
- package/components/combobox/demo/keyboard-behavior.md +2 -142
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/demo/why-combobox.md +2 -2
- package/components/combobox/dist/auro-combobox.d.ts +30 -14
- package/components/combobox/dist/index.js +382 -462
- package/components/combobox/dist/registered.js +382 -462
- package/components/counter/demo/customize.min.js +9 -7
- package/components/counter/demo/index.min.js +9 -7
- package/components/counter/dist/index.js +9 -7
- package/components/counter/dist/registered.js +9 -7
- package/components/datepicker/demo/customize.min.js +78 -169
- package/components/datepicker/demo/index.min.js +78 -169
- package/components/datepicker/dist/index.js +78 -169
- package/components/datepicker/dist/registered.js +78 -169
- 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 +561 -816
- package/components/form/demo/getting-started.min.js +561 -816
- package/components/form/demo/index.min.js +561 -816
- package/components/form/demo/registerDemoDeps.min.js +561 -816
- package/components/input/demo/customize.min.js +67 -159
- package/components/input/demo/getting-started.min.js +67 -159
- package/components/input/demo/index.min.js +67 -159
- package/components/input/dist/auro-input.d.ts +1 -1
- package/components/input/dist/base-input.d.ts +3 -51
- package/components/input/dist/index.js +67 -159
- package/components/input/dist/registered.js +67 -159
- package/components/input/dist/utilities.d.ts +1 -1
- 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.min.js +9 -7
- package/components/select/demo/getting-started.min.js +9 -7
- package/components/select/demo/index.min.js +9 -7
- package/components/select/dist/index.js +9 -7
- package/components/select/dist/registered.js +9 -7
- package/custom-elements.json +1503 -1709
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ import { createRef, ref } from 'lit/directives/ref.js';
|
|
|
7
7
|
|
|
8
8
|
var shapeSizeCss = css`.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:56px;max-height:56px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:58px;max-height:58px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:56px;max-height:56px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:54px;max-height:54px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-box-lg{min-height:52px;max-height:52px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-box-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-box-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-box-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-box-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-box-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-box-sm{min-height:32px;max-height:32px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-box-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-box-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-box-xs{min-height:20px;max-height:20px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-box-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-box-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
|
|
9
9
|
|
|
10
|
-
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:block}.wrapper:has(:enabled){cursor:text}.wrapper:has(:enabled) label{cursor:text}.helpTextClasses{cursor:default}input{overflow:clip !important;width:100%;padding:0;border:0;background:unset;outline:none;overflow-clip-margin:0 !important;text-overflow:ellipsis}input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.displayValue{display:none}.displayValue.hasContent:is(.withValue):not(.hasFocus){display:flex;align-items:center}.accents:not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.wrapper:not(:focus-within):not(:hover) .notificationBtn.passwordBtn,.wrapper:not(:focus-within):not(:hover) .notification.clear{display:none}.notification{display:flex;align-items:center;justify-content:center}`;
|
|
10
|
+
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:block}.wrapper:has(:enabled){cursor:text}.wrapper:has(:enabled) label{cursor:text}.helpTextClasses{cursor:default}input{overflow:clip !important;width:100%;padding:0;border:0;background:unset;outline:none;overflow-clip-margin:0 !important;text-overflow:ellipsis}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.displayValue{display:none}.displayValue.hasContent:is(.withValue):not(.hasFocus){display:flex;align-items:center}.accents:not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.wrapper:not(:focus-within):not(:hover) .notificationBtn.passwordBtn,.wrapper:not(:focus-within):not(:hover) .notification.clear{display:none}.notification{display:flex;align-items:center;justify-content:center}`;
|
|
11
11
|
|
|
12
12
|
var styleDefaultCss = css`.layoutDefault .typeIcon,:host(:not([layout])) .typeIcon{display:flex;flex-direction:row;align-items:center}.layoutDefault .typeIcon [auro-icon],:host(:not([layout])) .typeIcon [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-100, 0.5rem)}.layoutDefault .notificationIcons,:host(:not([layout])) .notificationIcons{display:flex;flex-direction:row;padding-right:var(--ds-size-100, 0.5rem)}:host([class=layoutDefault][bordered]) .typeIcon,:host(:not([layout])[bordered]) .typeIcon{padding-left:var(--ds-size-100, 0.5rem)}:host([class=layoutDefault][bordered]) .notificationIcons,:host(:not([layout])[bordered]) .notificationIcons{align-items:center}:host([class=layoutDefault][bordered]) .notification:not(:first-of-type),:host(:not([layout])[bordered]) .notification:not(:first-of-type){margin-left:var(--ds-size-100, 0.5rem)}:host([class=layoutDefault][bordered]) .alertNotification,:host(:not([layout])[bordered]) .alertNotification{width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem))}:host([class=layoutDefault][bordered]) .passwordBtn,:host(:not([layout])[bordered]) .passwordBtn{width:calc(var(--ds-size-300, 1.5rem));height:calc(var(--ds-size-300, 1.5rem))}:host([class=layoutDefault][bordered]) .notificationBtn,:host(:not([layout])[bordered]) .notificationBtn{display:block;width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);padding:0;border:0;background:unset;cursor:pointer}:host([class=layoutDefault][bordered]) .notificationBtn [auro-icon],:host(:not([layout])[bordered]) .notificationBtn [auro-icon]{display:block;height:var(--ds-size-300, 1.5rem);--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([class=layoutDefault][bordered]) .notificationBtn [auro-icon][hidden],:host(:not([layout])[bordered]) .notificationBtn [auro-icon][hidden]{display:none}:host([class=layoutDefault]:not([bordered])) .typeIcon,:host([class=layoutDefault]:not([bordered])) .notificationIcons,:host(:not([layout]):not([bordered])) .typeIcon,:host(:not([layout]):not([bordered])) .notificationIcons{align-items:flex-end;padding-bottom:var(--ds-size-50, 0.25rem)}:host([class=layoutDefault]:not([bordered])) .clearBtn,:host(:not([layout]):not([bordered])) .clearBtn{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;width:0;opacity:0}.layoutDefault .wrapper:hover .clearBtn,.layoutDefault .wrapper:focus-within .clearBtn,:host(:not([layout])) .wrapper:hover .clearBtn,:host(:not([layout])) .wrapper:focus-within .clearBtn{width:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));opacity:1}:host([class=layoutDefault]:focus-within[type=password]) .notificationIcons[hasValue] .alertNotification,:host(:not([layout]):focus-within[type=password]) .notificationIcons[hasValue] .alertNotification{overflow:hidden;width:0;height:0;padding:0;margin:0;visibility:hidden}.layoutDefault input,:host(:not([layout])) input{border:unset}.layoutDefault .wrapper,:host(:not([layout])) .wrapper{position:relative;overflow:hidden;border-style:solid}:host([class=layoutDefault]:not([bordered],[borderless])) .wrapper,:host(:not([layout]):not([bordered],[borderless])) .wrapper{border-width:1px 0}:host([class=layoutDefault][bordered]) .wrapper,:host(:not([layout])[bordered]) .wrapper{border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}:host([class=layoutDefault]:not([borderless])) .wrapper:focus-within:before,:host(:not([layout]):not([borderless])) .wrapper:focus-within:before{position:absolute;display:block;border-bottom-width:1px;border-bottom-style:solid;content:"";inset:0;pointer-events:none}:host([class=layoutDefault][validity]:not([validity=valid])) .wrapper:before,:host(:not([layout])[validity]:not([validity=valid])) .wrapper:before{border-bottom:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{text-align:left}.layoutDefault :host,:host(:not([layout])) :host{position:relative;display:block}.layoutDefault .wrapper,:host(:not([layout])) .wrapper{display:flex;flex-direction:row}.layoutDefault .main,:host(:not([layout])) .main{display:flex;flex-direction:row;position:relative;flex:1}`;
|
|
13
13
|
|
|
@@ -4383,15 +4383,17 @@ class AuroFormValidation {
|
|
|
4383
4383
|
);
|
|
4384
4384
|
}
|
|
4385
4385
|
|
|
4386
|
-
|
|
4387
|
-
|
|
4388
|
-
|
|
4386
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
4387
|
+
|
|
4388
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
4389
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
4390
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
4391
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
4392
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
4389
4393
|
hasValue = false;
|
|
4390
4394
|
}
|
|
4391
4395
|
}
|
|
4392
4396
|
|
|
4393
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
4394
|
-
|
|
4395
4397
|
if (isCombobox) {
|
|
4396
4398
|
|
|
4397
4399
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -10072,8 +10074,6 @@ function cleanEscapedString(input) {
|
|
|
10072
10074
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
10073
10075
|
}
|
|
10074
10076
|
|
|
10075
|
-
/* eslint-disable max-lines */
|
|
10076
|
-
|
|
10077
10077
|
class AuroInputUtilities {
|
|
10078
10078
|
|
|
10079
10079
|
/**
|
|
@@ -10116,7 +10116,7 @@ class AuroInputUtilities {
|
|
|
10116
10116
|
/**
|
|
10117
10117
|
* Converts an IMask-style date mask to a date-fns compatible format string.
|
|
10118
10118
|
* @param {string} mask - IMask date mask (e.g. "MM/DD/YYYY").
|
|
10119
|
-
* @returns {string} date-fns format string (e.g. "MM/dd/yyyy").
|
|
10119
|
+
* @returns {string} A date-fns format string (e.g. "MM/dd/yyyy").
|
|
10120
10120
|
*/
|
|
10121
10121
|
toDateFnsMask(mask) {
|
|
10122
10122
|
return mask
|
|
@@ -10338,6 +10338,7 @@ class AuroInputUtilities {
|
|
|
10338
10338
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
10339
10339
|
|
|
10340
10340
|
if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
|
|
10341
|
+
console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
|
|
10341
10342
|
return undefined;
|
|
10342
10343
|
}
|
|
10343
10344
|
|
|
@@ -10495,6 +10496,7 @@ class BaseInput extends AuroElement {
|
|
|
10495
10496
|
// so a parent (datepicker/combobox) calling `validate()` synchronously
|
|
10496
10497
|
// during its own update cycle sees a populated util instance.
|
|
10497
10498
|
this.activeLabel = false;
|
|
10499
|
+
|
|
10498
10500
|
/** @private */
|
|
10499
10501
|
this.allowedInputTypes = [
|
|
10500
10502
|
"text",
|
|
@@ -10505,6 +10507,7 @@ class BaseInput extends AuroElement {
|
|
|
10505
10507
|
"tel"
|
|
10506
10508
|
];
|
|
10507
10509
|
this.appearance = "default";
|
|
10510
|
+
|
|
10508
10511
|
/** @private */
|
|
10509
10512
|
this.dateFormatMap = {
|
|
10510
10513
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
@@ -10523,23 +10526,24 @@ class BaseInput extends AuroElement {
|
|
|
10523
10526
|
'mm/dd': 'dateMMDD'
|
|
10524
10527
|
};
|
|
10525
10528
|
this.disabled = false;
|
|
10529
|
+
|
|
10526
10530
|
/** @private */
|
|
10527
10531
|
this.domHandler = new DomHandler();
|
|
10528
10532
|
this.dvInputOnly = false;
|
|
10529
10533
|
this.hasValue = false;
|
|
10530
10534
|
this.hideLabelVisually = false;
|
|
10531
10535
|
this.icon = false;
|
|
10536
|
+
|
|
10532
10537
|
/** @private */
|
|
10533
10538
|
this.inputIconName = undefined;
|
|
10539
|
+
|
|
10534
10540
|
/** @private */
|
|
10535
10541
|
this.label = 'Input label is undefined';
|
|
10536
10542
|
this.layout = 'classic';
|
|
10537
10543
|
this.locale = 'en-US';
|
|
10538
10544
|
this.max = undefined;
|
|
10539
|
-
this._maxObject = undefined;
|
|
10540
10545
|
this.maxLength = undefined;
|
|
10541
10546
|
this.min = undefined;
|
|
10542
|
-
this._minObject = undefined;
|
|
10543
10547
|
this.minLength = undefined;
|
|
10544
10548
|
this.noValidate = false;
|
|
10545
10549
|
this.onDark = false;
|
|
@@ -10556,23 +10560,27 @@ class BaseInput extends AuroElement {
|
|
|
10556
10560
|
"email"
|
|
10557
10561
|
];
|
|
10558
10562
|
this.shape = 'classic';
|
|
10563
|
+
|
|
10559
10564
|
/** @private */
|
|
10560
10565
|
this.showPassword = false;
|
|
10561
10566
|
this.size = 'lg';
|
|
10562
10567
|
this.touched = false;
|
|
10568
|
+
|
|
10563
10569
|
/** @private */
|
|
10564
10570
|
this.uniqueId = new UniqueId().create();
|
|
10571
|
+
|
|
10565
10572
|
/** @private */
|
|
10566
10573
|
this.util = new AuroInputUtilities({
|
|
10567
10574
|
locale: this.locale,
|
|
10568
10575
|
format: this.format
|
|
10569
10576
|
});
|
|
10577
|
+
|
|
10570
10578
|
/** @private */
|
|
10571
10579
|
this.validation = new AuroFormValidation();
|
|
10580
|
+
|
|
10572
10581
|
/** @private */
|
|
10573
10582
|
this.validationCCLength = undefined;
|
|
10574
10583
|
this.value = undefined;
|
|
10575
|
-
this._valueObject = undefined;
|
|
10576
10584
|
}
|
|
10577
10585
|
|
|
10578
10586
|
// function to define props used within the scope of this component
|
|
@@ -11010,7 +11018,7 @@ class BaseInput extends AuroElement {
|
|
|
11010
11018
|
* @returns {Date|undefined}
|
|
11011
11019
|
*/
|
|
11012
11020
|
get valueObject() {
|
|
11013
|
-
return this.
|
|
11021
|
+
return this.value && dateFormatter.isValidDate(this.value) ? dateFormatter.stringToDateInstance(this.value) : undefined;
|
|
11014
11022
|
}
|
|
11015
11023
|
|
|
11016
11024
|
/**
|
|
@@ -11018,7 +11026,7 @@ class BaseInput extends AuroElement {
|
|
|
11018
11026
|
* @returns {Date|undefined}
|
|
11019
11027
|
*/
|
|
11020
11028
|
get minObject() {
|
|
11021
|
-
return this.
|
|
11029
|
+
return this.min && dateFormatter.isValidDate(this.min) ? dateFormatter.stringToDateInstance(this.min) : undefined;
|
|
11022
11030
|
}
|
|
11023
11031
|
|
|
11024
11032
|
/**
|
|
@@ -11026,50 +11034,7 @@ class BaseInput extends AuroElement {
|
|
|
11026
11034
|
* @returns {Date|undefined}
|
|
11027
11035
|
*/
|
|
11028
11036
|
get maxObject() {
|
|
11029
|
-
return this.
|
|
11030
|
-
}
|
|
11031
|
-
|
|
11032
|
-
/**
|
|
11033
|
-
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
11034
|
-
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
11035
|
-
* input type/format isn't a full date or the string is not a valid date.
|
|
11036
|
-
*
|
|
11037
|
-
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
11038
|
-
* inside its own `updated()` before this input's `updated()` has run
|
|
11039
|
-
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
11040
|
-
* and range checks would otherwise silently no-op (flipping the result to
|
|
11041
|
-
* `valid` or `patternMismatch`).
|
|
11042
|
-
* @private
|
|
11043
|
-
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
11044
|
-
* @returns {Date|undefined}
|
|
11045
|
-
*/
|
|
11046
|
-
_computeDateObjectFallback(dateStr) {
|
|
11047
|
-
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
11048
|
-
return undefined;
|
|
11049
|
-
}
|
|
11050
|
-
if (!dateFormatter.isValidDate(dateStr)) {
|
|
11051
|
-
return undefined;
|
|
11052
|
-
}
|
|
11053
|
-
return dateFormatter.stringToDateInstance(dateStr);
|
|
11054
|
-
}
|
|
11055
|
-
|
|
11056
|
-
/**
|
|
11057
|
-
* Internal setter for readonly date object properties.
|
|
11058
|
-
* @private
|
|
11059
|
-
* @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
|
|
11060
|
-
* @param {Date|undefined} propertyValue - Value to assign.
|
|
11061
|
-
* @returns {void}
|
|
11062
|
-
*/
|
|
11063
|
-
setDateObjectProperty(propertyName, propertyValue) {
|
|
11064
|
-
const internalPropertyName = `_${propertyName}`;
|
|
11065
|
-
const previousValue = this[internalPropertyName];
|
|
11066
|
-
|
|
11067
|
-
if (previousValue === propertyValue) {
|
|
11068
|
-
return;
|
|
11069
|
-
}
|
|
11070
|
-
|
|
11071
|
-
this[internalPropertyName] = propertyValue;
|
|
11072
|
-
this.requestUpdate(propertyName, previousValue);
|
|
11037
|
+
return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
|
|
11073
11038
|
}
|
|
11074
11039
|
|
|
11075
11040
|
connectedCallback() {
|
|
@@ -11098,7 +11063,6 @@ class BaseInput extends AuroElement {
|
|
|
11098
11063
|
format: this.format
|
|
11099
11064
|
});
|
|
11100
11065
|
this.configureDataForType();
|
|
11101
|
-
this.syncDateValues();
|
|
11102
11066
|
}
|
|
11103
11067
|
|
|
11104
11068
|
disconnectedCallback() {
|
|
@@ -11137,7 +11101,6 @@ class BaseInput extends AuroElement {
|
|
|
11137
11101
|
this.setCustomHelpTextMessage();
|
|
11138
11102
|
this.configureAutoFormatting();
|
|
11139
11103
|
this.configureDataForType();
|
|
11140
|
-
this.syncDateValues();
|
|
11141
11104
|
}
|
|
11142
11105
|
|
|
11143
11106
|
/**
|
|
@@ -11195,7 +11158,7 @@ class BaseInput extends AuroElement {
|
|
|
11195
11158
|
|
|
11196
11159
|
/**
|
|
11197
11160
|
* @private
|
|
11198
|
-
* @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
|
|
11161
|
+
* @deprecated See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.
|
|
11199
11162
|
* @returns {void} Sets the default help text for the input.
|
|
11200
11163
|
*/
|
|
11201
11164
|
setCustomHelpTextMessage() {
|
|
@@ -11281,8 +11244,6 @@ class BaseInput extends AuroElement {
|
|
|
11281
11244
|
this.configureDataForType();
|
|
11282
11245
|
}
|
|
11283
11246
|
|
|
11284
|
-
this.syncDateValues(changedProperties);
|
|
11285
|
-
|
|
11286
11247
|
if (changedProperties.has('value')) {
|
|
11287
11248
|
if (this.value && this.value.length > 0) {
|
|
11288
11249
|
this.hasValue = true;
|
|
@@ -11304,14 +11265,14 @@ class BaseInput extends AuroElement {
|
|
|
11304
11265
|
|
|
11305
11266
|
if (formattedValue !== this.inputElement.value) {
|
|
11306
11267
|
this.skipNextProgrammaticInputEvent = true;
|
|
11307
|
-
if (this.maskInstance && this.type
|
|
11268
|
+
if (this.maskInstance && this.type !== 'date') {
|
|
11308
11269
|
// Route through the mask so its _value and el.value stay in lock-step
|
|
11309
11270
|
// (set value calls updateControl which writes el.value = displayValue).
|
|
11310
11271
|
// Writing el.value directly leaves the mask thinking displayValue is
|
|
11311
|
-
// stale; _saveSelection on the next focus/click then warns.
|
|
11312
|
-
//
|
|
11313
|
-
//
|
|
11314
|
-
//
|
|
11272
|
+
// stale; _saveSelection on the next focus/click then warns. Date is
|
|
11273
|
+
// excluded because its formattedValue can be raw ISO when the calendar
|
|
11274
|
+
// is invalid, and re-masking through mm/dd/yyyy would truncate it and
|
|
11275
|
+
// flip validity from patternMismatch to tooShort.
|
|
11315
11276
|
this.maskInstance.value = formattedValue || '';
|
|
11316
11277
|
} else if (formattedValue) {
|
|
11317
11278
|
this.inputElement.value = formattedValue;
|
|
@@ -11353,120 +11314,65 @@ class BaseInput extends AuroElement {
|
|
|
11353
11314
|
}));
|
|
11354
11315
|
}
|
|
11355
11316
|
|
|
11356
|
-
|
|
11357
|
-
/**
|
|
11358
|
-
* Synchronizes the ISO string values and Date object representations for date-related properties.
|
|
11359
|
-
* This keeps the model and display values aligned when either side changes.
|
|
11360
|
-
*
|
|
11361
|
-
* When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
|
|
11362
|
-
* Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
|
|
11363
|
-
* represents a full year/month/day date format.
|
|
11364
|
-
*
|
|
11365
|
-
* @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
|
|
11366
|
-
* @returns {void}
|
|
11367
|
-
* @private
|
|
11368
|
-
*/
|
|
11369
|
-
syncDateValues(changedProperties = undefined) {
|
|
11370
|
-
if (!this.util.isFullDateFormat(this.type, this.format)) {
|
|
11371
|
-
return;
|
|
11372
|
-
}
|
|
11373
|
-
|
|
11374
|
-
this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
|
|
11375
|
-
this.syncSingleDateValue(changedProperties, 'minObject', 'min');
|
|
11376
|
-
this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
|
|
11377
|
-
}
|
|
11378
|
-
|
|
11379
|
-
/**
|
|
11380
|
-
* Synchronizes one date object/string property pair.
|
|
11381
|
-
* @private
|
|
11382
|
-
* @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
|
|
11383
|
-
* @param {string} objectProperty - Date object property name.
|
|
11384
|
-
* @param {string} valueProperty - ISO string property name.
|
|
11385
|
-
* @returns {void}
|
|
11386
|
-
*/
|
|
11387
|
-
syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
|
|
11388
|
-
const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
|
|
11389
|
-
|
|
11390
|
-
// objectProperty wins over valueProperty when both changed
|
|
11391
|
-
if (objectPropertyChanged && this[objectProperty]) {
|
|
11392
|
-
this[valueProperty] = dateFormatter.toISOFormatString(this[objectProperty]);
|
|
11393
|
-
return;
|
|
11394
|
-
}
|
|
11395
|
-
|
|
11396
|
-
const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
|
|
11397
|
-
if (!valuePropertyChanged) {
|
|
11398
|
-
return;
|
|
11399
|
-
}
|
|
11400
|
-
|
|
11401
|
-
// when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
|
|
11402
|
-
if (
|
|
11403
|
-
changedProperties &&
|
|
11404
|
-
valueProperty === 'value' &&
|
|
11405
|
-
changedProperties.get('value') === undefined &&
|
|
11406
|
-
this[objectProperty] instanceof Date &&
|
|
11407
|
-
this[valueProperty] === dateFormatter.toISOFormatString(this[objectProperty])
|
|
11408
|
-
) {
|
|
11409
|
-
return;
|
|
11410
|
-
}
|
|
11411
|
-
|
|
11412
|
-
if (dateFormatter.isValidDate(this[valueProperty])) {
|
|
11413
|
-
this.setDateObjectProperty(objectProperty, dateFormatter.stringToDateInstance(this[valueProperty]));
|
|
11414
|
-
} else {
|
|
11415
|
-
this.setDateObjectProperty(objectProperty, undefined);
|
|
11416
|
-
}
|
|
11417
|
-
}
|
|
11418
|
-
|
|
11419
11317
|
/**
|
|
11420
11318
|
* Sets up IMasks and logic based on auto-formatting requirements.
|
|
11421
11319
|
* @private
|
|
11422
11320
|
* @returns {void}
|
|
11423
11321
|
*/
|
|
11424
11322
|
configureAutoFormatting() {
|
|
11425
|
-
//
|
|
11426
|
-
//
|
|
11427
|
-
//
|
|
11428
|
-
//
|
|
11323
|
+
// _configuringMask gates two things: external re-entry into this method
|
|
11324
|
+
// while setup is mid-flight (from property changes that call back here),
|
|
11325
|
+
// and the accept/complete listeners below — both need to ignore the mask
|
|
11326
|
+
// events fired by our own value-restore step.
|
|
11429
11327
|
if (this._configuringMask) return;
|
|
11430
11328
|
this._configuringMask = true;
|
|
11431
11329
|
try {
|
|
11330
|
+
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
11331
|
+
// Null the reference too — if the new maskOptions.mask is falsy (e.g.
|
|
11332
|
+
// type switched from credit-card to text) the IMask() reassignment
|
|
11333
|
+
// below is skipped, and downstream writes at line ~823 would otherwise
|
|
11334
|
+
// route through the destroyed instance.
|
|
11432
11335
|
if (this.maskInstance) {
|
|
11433
11336
|
this.maskInstance.destroy();
|
|
11337
|
+
this.maskInstance = null;
|
|
11434
11338
|
}
|
|
11435
11339
|
|
|
11436
|
-
// Pass new format to util
|
|
11437
11340
|
this.util.updateFormat(this.format);
|
|
11438
11341
|
|
|
11439
11342
|
const maskOptions = this.util.getMaskOptions(this.type, this.format);
|
|
11440
11343
|
|
|
11441
11344
|
if (this.inputElement && maskOptions.mask) {
|
|
11442
|
-
|
|
11443
|
-
//
|
|
11444
|
-
//
|
|
11445
|
-
//
|
|
11446
|
-
// When the format changes (e.g. locale switch) and we have a valid ISO
|
|
11447
|
-
// model value, compute the display string for the NEW format instead of
|
|
11448
|
-
// re-using the old display string, which may be invalid in the new mask.
|
|
11345
|
+
// Capture the current display so it can be re-applied after IMask
|
|
11346
|
+
// attaches. The restore at the bottom goes through maskInstance.value
|
|
11347
|
+
// (not inputElement.value directly) so the mask's internal state and
|
|
11348
|
+
// the input's displayed text stay in lock-step.
|
|
11449
11349
|
let existingValue = this.inputElement.value;
|
|
11350
|
+
|
|
11351
|
+
// Format-change case (e.g. locale switch): existingValue is the OLD
|
|
11352
|
+
// mask's display string and may not parse under the new mask. When
|
|
11353
|
+
// we have a valid date model, rebuild the display from valueObject
|
|
11354
|
+
// (the canonical source) using the new mask's format function.
|
|
11450
11355
|
if (
|
|
11451
11356
|
this.util.isFullDateFormat(this.type, this.format) &&
|
|
11452
11357
|
this.value &&
|
|
11453
|
-
|
|
11454
|
-
this.valueObject instanceof Date &&
|
|
11455
|
-
!Number.isNaN(this.valueObject.getTime()) &&
|
|
11358
|
+
this.valueObject &&
|
|
11456
11359
|
typeof maskOptions.format === 'function'
|
|
11457
11360
|
) {
|
|
11458
11361
|
existingValue = maskOptions.format(this.valueObject);
|
|
11459
11362
|
}
|
|
11460
11363
|
|
|
11364
|
+
// Clear before IMask attaches so the constructor seeds an empty
|
|
11365
|
+
// internal value. Otherwise IMask reads the stale unmasked string
|
|
11366
|
+
// and emits a spurious 'accept' before the restore below runs.
|
|
11461
11367
|
this.skipNextProgrammaticInputEvent = true;
|
|
11462
11368
|
this.inputElement.value = '';
|
|
11463
11369
|
|
|
11464
11370
|
this.maskInstance = IMask(this.inputElement, maskOptions);
|
|
11465
11371
|
|
|
11372
|
+
// Mask fires 'accept' on every value change, including the restore
|
|
11373
|
+
// step below. Skip events fired during configureAutoFormatting so
|
|
11374
|
+
// we don't overwrite a value the parent just pushed.
|
|
11466
11375
|
this.maskInstance.on('accept', () => {
|
|
11467
|
-
// Suppress propagation during configureAutoFormatting's own value-restoration
|
|
11468
|
-
// (line below) — the mask emits 'accept' on every value-set, including ours,
|
|
11469
|
-
// and we don't want to overwrite a value the parent just pushed.
|
|
11470
11376
|
if (this._configuringMask) return;
|
|
11471
11377
|
this.value = this.util.toModelValue(this.maskInstance.value, this.format);
|
|
11472
11378
|
if (this.type === "date") {
|
|
@@ -11474,6 +11380,8 @@ class BaseInput extends AuroElement {
|
|
|
11474
11380
|
}
|
|
11475
11381
|
});
|
|
11476
11382
|
|
|
11383
|
+
// Mask fires 'complete' on the restore step below for any value that
|
|
11384
|
+
// happens to be a complete match. Same setup-suppression as 'accept'.
|
|
11477
11385
|
this.maskInstance.on('complete', () => {
|
|
11478
11386
|
if (this._configuringMask) return;
|
|
11479
11387
|
this.value = this.util.toModelValue(this.maskInstance.value, this.format);
|
|
@@ -11482,7 +11390,9 @@ class BaseInput extends AuroElement {
|
|
|
11482
11390
|
}
|
|
11483
11391
|
});
|
|
11484
11392
|
|
|
11485
|
-
//
|
|
11393
|
+
// Write existingValue through the mask (not the input directly) so
|
|
11394
|
+
// the mask reformats it under the new rules and keeps its internal
|
|
11395
|
+
// _value aligned with the input's displayed text.
|
|
11486
11396
|
if (existingValue) {
|
|
11487
11397
|
this.maskInstance.value = existingValue;
|
|
11488
11398
|
}
|
|
@@ -11576,10 +11486,10 @@ class BaseInput extends AuroElement {
|
|
|
11576
11486
|
// the gated types currently support it, since the list is a public
|
|
11577
11487
|
// property a consumer could mutate.
|
|
11578
11488
|
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
11579
|
-
let selectionStart;
|
|
11489
|
+
let selectionStart = null;
|
|
11580
11490
|
try {
|
|
11581
|
-
selectionStart = this.inputElement
|
|
11582
|
-
} catch
|
|
11491
|
+
({ selectionStart } = this.inputElement);
|
|
11492
|
+
} catch {
|
|
11583
11493
|
return;
|
|
11584
11494
|
}
|
|
11585
11495
|
if (typeof selectionStart !== 'number') {
|
|
@@ -11588,7 +11498,7 @@ class BaseInput extends AuroElement {
|
|
|
11588
11498
|
this.updateComplete.then(() => {
|
|
11589
11499
|
try {
|
|
11590
11500
|
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
11591
|
-
} catch
|
|
11501
|
+
} catch {
|
|
11592
11502
|
// Some input types (number/email in certain UAs) throw on
|
|
11593
11503
|
// setSelectionRange; swallow and let the native cursor stand.
|
|
11594
11504
|
}
|
|
@@ -11682,7 +11592,6 @@ class BaseInput extends AuroElement {
|
|
|
11682
11592
|
*/
|
|
11683
11593
|
reset() {
|
|
11684
11594
|
this.value = undefined;
|
|
11685
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
11686
11595
|
this.validation.reset(this);
|
|
11687
11596
|
}
|
|
11688
11597
|
|
|
@@ -11691,7 +11600,6 @@ class BaseInput extends AuroElement {
|
|
|
11691
11600
|
*/
|
|
11692
11601
|
clear() {
|
|
11693
11602
|
this.value = undefined;
|
|
11694
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
11695
11603
|
}
|
|
11696
11604
|
|
|
11697
11605
|
/**
|
|
@@ -11766,7 +11674,7 @@ class BaseInput extends AuroElement {
|
|
|
11766
11674
|
/**
|
|
11767
11675
|
* Function to support credit-card feature type.
|
|
11768
11676
|
* @private
|
|
11769
|
-
* @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
|
|
11677
|
+
* @deprecated See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.
|
|
11770
11678
|
* @returns {object} JSON with data for credit card formatting.
|
|
11771
11679
|
*/
|
|
11772
11680
|
matchInputValueToCreditCard() {
|
|
@@ -12220,7 +12128,7 @@ class AuroHelpText extends LitElement {
|
|
|
12220
12128
|
}
|
|
12221
12129
|
}
|
|
12222
12130
|
|
|
12223
|
-
var formkitVersion = '
|
|
12131
|
+
var formkitVersion = '202607011652';
|
|
12224
12132
|
|
|
12225
12133
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12226
12134
|
// See LICENSE in the project root for license information.
|
|
@@ -12543,7 +12451,7 @@ class AuroInput extends BaseInput {
|
|
|
12543
12451
|
/**
|
|
12544
12452
|
* Determines default help text string.
|
|
12545
12453
|
* @private
|
|
12546
|
-
* @deprecated https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296
|
|
12454
|
+
* @deprecated See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.
|
|
12547
12455
|
* @returns {string} Evaluates pre-determined help text.
|
|
12548
12456
|
*/
|
|
12549
12457
|
getHelpText() {
|
|
@@ -51,7 +51,7 @@ export class AuroInputUtilities {
|
|
|
51
51
|
/**
|
|
52
52
|
* Converts an IMask-style date mask to a date-fns compatible format string.
|
|
53
53
|
* @param {string} mask - IMask date mask (e.g. "MM/DD/YYYY").
|
|
54
|
-
* @returns {string} date-fns format string (e.g. "MM/dd/yyyy").
|
|
54
|
+
* @returns {string} A date-fns format string (e.g. "MM/dd/yyyy").
|
|
55
55
|
*/
|
|
56
56
|
toDateFnsMask(mask: string): string;
|
|
57
57
|
/**
|
|
@@ -813,15 +813,17 @@ class AuroFormValidation {
|
|
|
813
813
|
);
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
816
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
817
|
+
|
|
818
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
819
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
820
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
821
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
822
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
819
823
|
hasValue = false;
|
|
820
824
|
}
|
|
821
825
|
}
|
|
822
826
|
|
|
823
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
824
|
-
|
|
825
827
|
if (isCombobox) {
|
|
826
828
|
|
|
827
829
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1212,7 +1214,7 @@ class AuroHelpText extends i$2 {
|
|
|
1212
1214
|
}
|
|
1213
1215
|
}
|
|
1214
1216
|
|
|
1215
|
-
var formkitVersion = '
|
|
1217
|
+
var formkitVersion = '202607011652';
|
|
1216
1218
|
|
|
1217
1219
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1218
1220
|
// See LICENSE in the project root for license information.
|
|
@@ -813,15 +813,17 @@ class AuroFormValidation {
|
|
|
813
813
|
);
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
816
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
817
|
+
|
|
818
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
819
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
820
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
821
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
822
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
819
823
|
hasValue = false;
|
|
820
824
|
}
|
|
821
825
|
}
|
|
822
826
|
|
|
823
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
824
|
-
|
|
825
827
|
if (isCombobox) {
|
|
826
828
|
|
|
827
829
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1212,7 +1214,7 @@ class AuroHelpText extends i$2 {
|
|
|
1212
1214
|
}
|
|
1213
1215
|
}
|
|
1214
1216
|
|
|
1215
|
-
var formkitVersion = '
|
|
1217
|
+
var formkitVersion = '202607011652';
|
|
1216
1218
|
|
|
1217
1219
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1218
1220
|
// See LICENSE in the project root for license information.
|