@aurodesignsystem-dev/auro-formkit 0.0.0-pr757.2 → 0.0.0-pr776.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/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/api.min.js +9 -9
- package/components/checkbox/demo/index.min.js +9 -9
- package/components/checkbox/dist/index.js +9 -9
- package/components/checkbox/dist/registered.js +9 -9
- package/components/combobox/demo/api.min.js +79 -96
- package/components/combobox/demo/index.min.js +79 -96
- package/components/combobox/dist/index.js +42 -84
- package/components/combobox/dist/registered.js +42 -84
- package/components/counter/demo/api.min.js +34 -76
- package/components/counter/demo/index.min.js +34 -76
- package/components/counter/dist/index.js +34 -76
- package/components/counter/dist/registered.js +34 -76
- package/components/datepicker/demo/api.min.js +63 -90
- package/components/datepicker/demo/index.min.js +63 -90
- package/components/datepicker/dist/auro-datepicker.d.ts +6 -0
- package/components/datepicker/dist/index.js +63 -90
- package/components/datepicker/dist/registered.js +63 -90
- package/components/dropdown/demo/api.md +60 -266
- package/components/dropdown/demo/api.min.js +25 -67
- package/components/dropdown/demo/index.md +45 -363
- package/components/dropdown/demo/index.min.js +25 -67
- package/components/dropdown/dist/auro-dropdown.d.ts +21 -71
- package/components/dropdown/dist/index.js +25 -67
- package/components/dropdown/dist/registered.js +25 -67
- package/components/helptext/dist/index.js +1 -1
- package/components/helptext/dist/registered.js +1 -1
- package/components/input/demo/api.min.js +10 -10
- package/components/input/demo/index.min.js +10 -10
- package/components/input/dist/index.js +10 -10
- package/components/input/dist/registered.js +10 -10
- package/components/menu/demo/api.md +1 -1
- package/components/menu/demo/api.min.js +37 -12
- package/components/menu/demo/index.min.js +37 -12
- package/components/menu/dist/auro-menu.d.ts +13 -2
- package/components/menu/dist/index.js +37 -12
- package/components/menu/dist/registered.js +37 -12
- package/components/radio/demo/api.min.js +10 -10
- package/components/radio/demo/index.min.js +10 -10
- package/components/radio/dist/auro-radio.d.ts +1 -1
- package/components/radio/dist/index.js +10 -10
- package/components/radio/dist/registered.js +10 -10
- package/components/select/demo/api.md +2 -2
- package/components/select/demo/api.min.js +100 -170
- package/components/select/demo/index.min.js +100 -170
- package/components/select/dist/auro-select.d.ts +13 -3
- package/components/select/dist/index.js +63 -158
- package/components/select/dist/registered.js +63 -158
- package/package.json +3 -2
|
@@ -2075,19 +2075,19 @@ class AuroFormValidation {
|
|
|
2075
2075
|
{
|
|
2076
2076
|
check: (e) => e.value?.length > 0 && e.value?.length < e.minLength,
|
|
2077
2077
|
validity: 'tooShort',
|
|
2078
|
-
message: e => e.setCustomValidityTooShort || e.setCustomValidity || ''
|
|
2078
|
+
message: e => e.getAttribute('setCustomValidityTooShort') || e.setCustomValidity || ''
|
|
2079
2079
|
},
|
|
2080
2080
|
{
|
|
2081
2081
|
check: (e) => e.value?.length > e.maxLength,
|
|
2082
2082
|
validity: 'tooLong',
|
|
2083
|
-
message: e => e.setCustomValidityTooLong || e.setCustomValidity || ''
|
|
2083
|
+
message: e => e.getAttribute('setCustomValidityTooLong') || e.setCustomValidity || ''
|
|
2084
2084
|
}
|
|
2085
2085
|
],
|
|
2086
2086
|
pattern: [
|
|
2087
2087
|
{
|
|
2088
2088
|
check: (e) => e.pattern && !new RegExp(`^${e.pattern}$`, 'u').test(e.value),
|
|
2089
2089
|
validity: 'patternMismatch',
|
|
2090
|
-
message: e => e.setCustomValidityPatternMismatch || e.setCustomValidity || ''
|
|
2090
|
+
message: e => e.getAttribute('setCustomValidityPatternMismatch') || e.setCustomValidity || ''
|
|
2091
2091
|
}
|
|
2092
2092
|
]
|
|
2093
2093
|
},
|
|
@@ -2282,10 +2282,10 @@ class AuroFormValidation {
|
|
|
2282
2282
|
if (!hasValue && elem.required && elem.touched) {
|
|
2283
2283
|
elem.validity = 'valueMissing';
|
|
2284
2284
|
elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
|
|
2285
|
-
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
|
|
2285
|
+
} else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
|
|
2286
2286
|
this.validateType(elem);
|
|
2287
2287
|
this.validateElementAttributes(elem);
|
|
2288
|
-
} else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
|
|
2288
|
+
} else if (hasValue && (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group'))) {
|
|
2289
2289
|
this.validateElementAttributes(elem);
|
|
2290
2290
|
}
|
|
2291
2291
|
}
|
|
@@ -2409,7 +2409,7 @@ var styleCss$8 = css`.counter{display:flex;align-items:center;justify-content:sp
|
|
|
2409
2409
|
|
|
2410
2410
|
var colorCss$6 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
2411
2411
|
|
|
2412
|
-
var styleCss$7 = css
|
|
2412
|
+
var styleCss$7 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
2413
2413
|
|
|
2414
2414
|
var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
2415
2415
|
|
|
@@ -3011,7 +3011,7 @@ class AuroCounter extends LitElement {
|
|
|
3011
3011
|
}
|
|
3012
3012
|
}
|
|
3013
3013
|
|
|
3014
|
-
var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0
|
|
3014
|
+
var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0 var(--ds-size-50, 0.25rem) 0 var(--ds-size-150, 0.75rem)}:host([layout=snowflake]) [auro-dropdown] .mainContent{align-items:center}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}.mainContent{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center}label{font-size:var(--ds-text-body-size-default, 1rem);line-height:20px}label.filled{font-size:var(--ds-text-body-size-xs, 0.75rem)}.accents ::slotted([slot=typeIcon]){margin-right:8px}.accents ::slotted(*):not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}slot[name=valueText]{font-size:var(--ds-text-body-size-default, 1rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}.counters ::slotted(auro-counter:not(:first-of-type)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}[auro-helptext] [part=helpText]{display:flex;flex-direction:column}[auro-helptext] [part=helpText]>p{margin-block:0}`;
|
|
3015
3015
|
|
|
3016
3016
|
var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;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:60px;max-height:60px;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:58px;max-height:58px;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:56px;max-height:56px}.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-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}`;
|
|
3017
3017
|
|
|
@@ -6152,7 +6152,7 @@ var dropdownVersion$1 = '3.0.0';
|
|
|
6152
6152
|
|
|
6153
6153
|
var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;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:60px;max-height:60px;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:58px;max-height:58px;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:56px;max-height:56px}.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-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}`;
|
|
6154
6154
|
|
|
6155
|
-
var colorCss$1$1 = css`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
6155
|
+
var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
6156
6156
|
|
|
6157
6157
|
var classicColorCss = css``;
|
|
6158
6158
|
|
|
@@ -6164,7 +6164,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
6164
6164
|
|
|
6165
6165
|
var colorCss$5 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6166
6166
|
|
|
6167
|
-
var styleCss$6 = css
|
|
6167
|
+
var styleCss$6 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6168
6168
|
|
|
6169
6169
|
var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6170
6170
|
|
|
@@ -6469,10 +6469,8 @@ let AuroElement$3 = class AuroElement extends LitElement {
|
|
|
6469
6469
|
// See LICENSE in the project root for license information.
|
|
6470
6470
|
|
|
6471
6471
|
|
|
6472
|
-
|
|
6473
|
-
* @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
|
|
6472
|
+
/*
|
|
6474
6473
|
* @slot - Default slot for the popover content.
|
|
6475
|
-
* @slot label - Defines the content of the label.
|
|
6476
6474
|
* @slot helpText - Defines the content of the helpText.
|
|
6477
6475
|
* @slot trigger - Defines the content of the trigger.
|
|
6478
6476
|
* @csspart trigger - The trigger content container.
|
|
@@ -6491,18 +6489,22 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6491
6489
|
this.matchWidth = false;
|
|
6492
6490
|
this.noHideOnThisFocusLoss = false;
|
|
6493
6491
|
|
|
6494
|
-
this.errorMessage =
|
|
6492
|
+
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
6495
6493
|
|
|
6496
6494
|
// Layout Config
|
|
6497
|
-
this.layout =
|
|
6498
|
-
this.shape =
|
|
6499
|
-
this.size =
|
|
6495
|
+
this.layout = undefined;
|
|
6496
|
+
this.shape = undefined;
|
|
6497
|
+
this.size = undefined;
|
|
6500
6498
|
|
|
6501
6499
|
this.parentBorder = false;
|
|
6502
6500
|
|
|
6503
6501
|
this.privateDefaults();
|
|
6504
6502
|
}
|
|
6505
6503
|
|
|
6504
|
+
/**
|
|
6505
|
+
* @private
|
|
6506
|
+
* @returns {object} Class definition for the wrapper element.
|
|
6507
|
+
*/
|
|
6506
6508
|
get commonWrapperClasses() {
|
|
6507
6509
|
return {
|
|
6508
6510
|
'trigger': true,
|
|
@@ -6522,12 +6524,8 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6522
6524
|
this.disabled = false;
|
|
6523
6525
|
this.disableFocusTrap = false;
|
|
6524
6526
|
this.error = false;
|
|
6525
|
-
this.inset = false;
|
|
6526
|
-
this.rounded = false;
|
|
6527
6527
|
this.tabIndex = 0;
|
|
6528
6528
|
this.noToggle = false;
|
|
6529
|
-
this.a11yAutocomplete = 'none';
|
|
6530
|
-
this.labeled = true;
|
|
6531
6529
|
this.a11yRole = 'button';
|
|
6532
6530
|
this.onDark = false;
|
|
6533
6531
|
this.showTriggerBorders = true;
|
|
@@ -6649,26 +6647,27 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6649
6647
|
},
|
|
6650
6648
|
|
|
6651
6649
|
/**
|
|
6652
|
-
* If declared,
|
|
6650
|
+
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
6651
|
+
* @default false
|
|
6653
6652
|
*/
|
|
6654
|
-
|
|
6653
|
+
disableEventShow: {
|
|
6655
6654
|
type: Boolean,
|
|
6656
6655
|
reflect: true
|
|
6657
6656
|
},
|
|
6658
6657
|
|
|
6659
6658
|
/**
|
|
6660
|
-
* If declared,
|
|
6661
|
-
* @attr {Boolean} chevron
|
|
6659
|
+
* If declared, applies a border around the trigger slot.
|
|
6662
6660
|
*/
|
|
6663
|
-
|
|
6661
|
+
simple: {
|
|
6664
6662
|
type: Boolean,
|
|
6665
6663
|
reflect: true
|
|
6666
6664
|
},
|
|
6667
6665
|
|
|
6668
6666
|
/**
|
|
6669
|
-
* If declared, the dropdown
|
|
6667
|
+
* If declared, the dropdown displays a chevron on the right.
|
|
6668
|
+
* @attr {Boolean} chevron
|
|
6670
6669
|
*/
|
|
6671
|
-
|
|
6670
|
+
chevron: {
|
|
6672
6671
|
type: Boolean,
|
|
6673
6672
|
reflect: true
|
|
6674
6673
|
},
|
|
@@ -6682,7 +6681,7 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6682
6681
|
},
|
|
6683
6682
|
|
|
6684
6683
|
/**
|
|
6685
|
-
* If
|
|
6684
|
+
* If declared, the focus trap inside of bib will be turned off.
|
|
6686
6685
|
*/
|
|
6687
6686
|
disableFocusTrap: {
|
|
6688
6687
|
type: Boolean,
|
|
@@ -6729,22 +6728,6 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6729
6728
|
reflect: true
|
|
6730
6729
|
},
|
|
6731
6730
|
|
|
6732
|
-
/**
|
|
6733
|
-
* Makes the trigger to be full width of its parent container.
|
|
6734
|
-
*/
|
|
6735
|
-
fluid: {
|
|
6736
|
-
type: Boolean,
|
|
6737
|
-
reflect: true
|
|
6738
|
-
},
|
|
6739
|
-
|
|
6740
|
-
/**
|
|
6741
|
-
* If declared, will apply padding around trigger slot content.
|
|
6742
|
-
*/
|
|
6743
|
-
inset: {
|
|
6744
|
-
type: Boolean,
|
|
6745
|
-
reflect: true
|
|
6746
|
-
},
|
|
6747
|
-
|
|
6748
6731
|
/**
|
|
6749
6732
|
* If true, the dropdown bib is displayed.
|
|
6750
6733
|
*/
|
|
@@ -6788,15 +6771,6 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6788
6771
|
reflect: true
|
|
6789
6772
|
},
|
|
6790
6773
|
|
|
6791
|
-
/**
|
|
6792
|
-
* Defines if there is a label preset.
|
|
6793
|
-
* @private
|
|
6794
|
-
*/
|
|
6795
|
-
labeled: {
|
|
6796
|
-
type: Boolean,
|
|
6797
|
-
reflect: true
|
|
6798
|
-
},
|
|
6799
|
-
|
|
6800
6774
|
/**
|
|
6801
6775
|
* Defines if the trigger should size based on the parent element providing the border UI.
|
|
6802
6776
|
* @private
|
|
@@ -6857,6 +6831,9 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6857
6831
|
reflect: true
|
|
6858
6832
|
},
|
|
6859
6833
|
|
|
6834
|
+
/**
|
|
6835
|
+
* If declared, and a function is set, that function will execute when the slot content is updated.
|
|
6836
|
+
*/
|
|
6860
6837
|
onSlotChange: {
|
|
6861
6838
|
type: Function,
|
|
6862
6839
|
reflect: false
|
|
@@ -6871,14 +6848,6 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6871
6848
|
reflect: true
|
|
6872
6849
|
},
|
|
6873
6850
|
|
|
6874
|
-
/**
|
|
6875
|
-
* If declared, will apply border-radius to trigger and default slots.
|
|
6876
|
-
*/
|
|
6877
|
-
rounded: {
|
|
6878
|
-
type: Boolean,
|
|
6879
|
-
reflect: true
|
|
6880
|
-
},
|
|
6881
|
-
|
|
6882
6851
|
/**
|
|
6883
6852
|
* @private
|
|
6884
6853
|
*/
|
|
@@ -6893,22 +6862,14 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6893
6862
|
type: String || undefined,
|
|
6894
6863
|
attribute: false,
|
|
6895
6864
|
reflect: false
|
|
6896
|
-
},
|
|
6897
|
-
|
|
6898
|
-
/**
|
|
6899
|
-
* The value for the aria-autocomplete attribute of the trigger element.
|
|
6900
|
-
*/
|
|
6901
|
-
a11yAutocomplete: {
|
|
6902
|
-
type: String,
|
|
6903
|
-
attribute: false,
|
|
6904
6865
|
}
|
|
6905
6866
|
};
|
|
6906
6867
|
}
|
|
6907
6868
|
|
|
6908
6869
|
static get styles() {
|
|
6909
6870
|
return [
|
|
6910
|
-
colorCss$1$1,
|
|
6911
6871
|
tokensCss$1$1,
|
|
6872
|
+
colorCss$1$1,
|
|
6912
6873
|
|
|
6913
6874
|
// default layout
|
|
6914
6875
|
classicColorCss,
|
|
@@ -7348,10 +7309,7 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
7348
7309
|
id="bib"
|
|
7349
7310
|
shape="${this.shape}"
|
|
7350
7311
|
?data-show="${this.isPopoverVisible}"
|
|
7351
|
-
?isfullscreen="${this.isBibFullscreen}"
|
|
7352
|
-
?common="${this.common}"
|
|
7353
|
-
?rounded="${this.common || this.rounded}"
|
|
7354
|
-
?inset="${this.common || this.inset}">
|
|
7312
|
+
?isfullscreen="${this.isBibFullscreen}">
|
|
7355
7313
|
<div class="slotContent">
|
|
7356
7314
|
<slot @slotchange="${this.handleDefaultSlot}"></slot>
|
|
7357
7315
|
</div>
|
|
@@ -9332,7 +9290,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9332
9290
|
<div id="bibTemplate" part="bibtemplate">
|
|
9333
9291
|
${this.isFullscreen ? html$1`
|
|
9334
9292
|
<div id="headerContainer">
|
|
9335
|
-
<${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9293
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9336
9294
|
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
9337
9295
|
</${this.buttonTag}>
|
|
9338
9296
|
<${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
@@ -10132,7 +10090,7 @@ class AuroCounterGroup extends AuroElement {
|
|
|
10132
10090
|
return html$1`
|
|
10133
10091
|
<${this.dropdownTag}
|
|
10134
10092
|
noHideOnThisFocusLoss
|
|
10135
|
-
chevron
|
|
10093
|
+
chevron
|
|
10136
10094
|
part="dropdown"
|
|
10137
10095
|
?autoPlacement="${this.autoPlacement}"
|
|
10138
10096
|
?error="${this.validity !== undefined && this.validity !== 'valid'}"
|
|
@@ -2075,19 +2075,19 @@ class AuroFormValidation {
|
|
|
2075
2075
|
{
|
|
2076
2076
|
check: (e) => e.value?.length > 0 && e.value?.length < e.minLength,
|
|
2077
2077
|
validity: 'tooShort',
|
|
2078
|
-
message: e => e.setCustomValidityTooShort || e.setCustomValidity || ''
|
|
2078
|
+
message: e => e.getAttribute('setCustomValidityTooShort') || e.setCustomValidity || ''
|
|
2079
2079
|
},
|
|
2080
2080
|
{
|
|
2081
2081
|
check: (e) => e.value?.length > e.maxLength,
|
|
2082
2082
|
validity: 'tooLong',
|
|
2083
|
-
message: e => e.setCustomValidityTooLong || e.setCustomValidity || ''
|
|
2083
|
+
message: e => e.getAttribute('setCustomValidityTooLong') || e.setCustomValidity || ''
|
|
2084
2084
|
}
|
|
2085
2085
|
],
|
|
2086
2086
|
pattern: [
|
|
2087
2087
|
{
|
|
2088
2088
|
check: (e) => e.pattern && !new RegExp(`^${e.pattern}$`, 'u').test(e.value),
|
|
2089
2089
|
validity: 'patternMismatch',
|
|
2090
|
-
message: e => e.setCustomValidityPatternMismatch || e.setCustomValidity || ''
|
|
2090
|
+
message: e => e.getAttribute('setCustomValidityPatternMismatch') || e.setCustomValidity || ''
|
|
2091
2091
|
}
|
|
2092
2092
|
]
|
|
2093
2093
|
},
|
|
@@ -2282,10 +2282,10 @@ class AuroFormValidation {
|
|
|
2282
2282
|
if (!hasValue && elem.required && elem.touched) {
|
|
2283
2283
|
elem.validity = 'valueMissing';
|
|
2284
2284
|
elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
|
|
2285
|
-
} else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
|
|
2285
|
+
} else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
|
|
2286
2286
|
this.validateType(elem);
|
|
2287
2287
|
this.validateElementAttributes(elem);
|
|
2288
|
-
} else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
|
|
2288
|
+
} else if (hasValue && (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group'))) {
|
|
2289
2289
|
this.validateElementAttributes(elem);
|
|
2290
2290
|
}
|
|
2291
2291
|
}
|
|
@@ -2409,7 +2409,7 @@ var styleCss$8 = css`.counter{display:flex;align-items:center;justify-content:sp
|
|
|
2409
2409
|
|
|
2410
2410
|
var colorCss$6 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
2411
2411
|
|
|
2412
|
-
var styleCss$7 = css
|
|
2412
|
+
var styleCss$7 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
2413
2413
|
|
|
2414
2414
|
var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
2415
2415
|
|
|
@@ -3011,7 +3011,7 @@ class AuroCounter extends LitElement {
|
|
|
3011
3011
|
}
|
|
3012
3012
|
}
|
|
3013
3013
|
|
|
3014
|
-
var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0
|
|
3014
|
+
var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0 var(--ds-size-50, 0.25rem) 0 var(--ds-size-150, 0.75rem)}:host([layout=snowflake]) [auro-dropdown] .mainContent{align-items:center}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}.mainContent{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center}label{font-size:var(--ds-text-body-size-default, 1rem);line-height:20px}label.filled{font-size:var(--ds-text-body-size-xs, 0.75rem)}.accents ::slotted([slot=typeIcon]){margin-right:8px}.accents ::slotted(*):not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}slot[name=valueText]{font-size:var(--ds-text-body-size-default, 1rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}.counters ::slotted(auro-counter:not(:first-of-type)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}[auro-helptext] [part=helpText]{display:flex;flex-direction:column}[auro-helptext] [part=helpText]>p{margin-block:0}`;
|
|
3015
3015
|
|
|
3016
3016
|
var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;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:60px;max-height:60px;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:58px;max-height:58px;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:56px;max-height:56px}.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-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}`;
|
|
3017
3017
|
|
|
@@ -6152,7 +6152,7 @@ var dropdownVersion$1 = '3.0.0';
|
|
|
6152
6152
|
|
|
6153
6153
|
var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;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:60px;max-height:60px;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:58px;max-height:58px;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:56px;max-height:56px}.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-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}`;
|
|
6154
6154
|
|
|
6155
|
-
var colorCss$1$1 = css`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
6155
|
+
var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
6156
6156
|
|
|
6157
6157
|
var classicColorCss = css``;
|
|
6158
6158
|
|
|
@@ -6164,7 +6164,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
6164
6164
|
|
|
6165
6165
|
var colorCss$5 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6166
6166
|
|
|
6167
|
-
var styleCss$6 = css
|
|
6167
|
+
var styleCss$6 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6168
6168
|
|
|
6169
6169
|
var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6170
6170
|
|
|
@@ -6469,10 +6469,8 @@ let AuroElement$3 = class AuroElement extends LitElement {
|
|
|
6469
6469
|
// See LICENSE in the project root for license information.
|
|
6470
6470
|
|
|
6471
6471
|
|
|
6472
|
-
|
|
6473
|
-
* @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
|
|
6472
|
+
/*
|
|
6474
6473
|
* @slot - Default slot for the popover content.
|
|
6475
|
-
* @slot label - Defines the content of the label.
|
|
6476
6474
|
* @slot helpText - Defines the content of the helpText.
|
|
6477
6475
|
* @slot trigger - Defines the content of the trigger.
|
|
6478
6476
|
* @csspart trigger - The trigger content container.
|
|
@@ -6491,18 +6489,22 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6491
6489
|
this.matchWidth = false;
|
|
6492
6490
|
this.noHideOnThisFocusLoss = false;
|
|
6493
6491
|
|
|
6494
|
-
this.errorMessage =
|
|
6492
|
+
this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
|
|
6495
6493
|
|
|
6496
6494
|
// Layout Config
|
|
6497
|
-
this.layout =
|
|
6498
|
-
this.shape =
|
|
6499
|
-
this.size =
|
|
6495
|
+
this.layout = undefined;
|
|
6496
|
+
this.shape = undefined;
|
|
6497
|
+
this.size = undefined;
|
|
6500
6498
|
|
|
6501
6499
|
this.parentBorder = false;
|
|
6502
6500
|
|
|
6503
6501
|
this.privateDefaults();
|
|
6504
6502
|
}
|
|
6505
6503
|
|
|
6504
|
+
/**
|
|
6505
|
+
* @private
|
|
6506
|
+
* @returns {object} Class definition for the wrapper element.
|
|
6507
|
+
*/
|
|
6506
6508
|
get commonWrapperClasses() {
|
|
6507
6509
|
return {
|
|
6508
6510
|
'trigger': true,
|
|
@@ -6522,12 +6524,8 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6522
6524
|
this.disabled = false;
|
|
6523
6525
|
this.disableFocusTrap = false;
|
|
6524
6526
|
this.error = false;
|
|
6525
|
-
this.inset = false;
|
|
6526
|
-
this.rounded = false;
|
|
6527
6527
|
this.tabIndex = 0;
|
|
6528
6528
|
this.noToggle = false;
|
|
6529
|
-
this.a11yAutocomplete = 'none';
|
|
6530
|
-
this.labeled = true;
|
|
6531
6529
|
this.a11yRole = 'button';
|
|
6532
6530
|
this.onDark = false;
|
|
6533
6531
|
this.showTriggerBorders = true;
|
|
@@ -6649,26 +6647,27 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6649
6647
|
},
|
|
6650
6648
|
|
|
6651
6649
|
/**
|
|
6652
|
-
* If declared,
|
|
6650
|
+
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
6651
|
+
* @default false
|
|
6653
6652
|
*/
|
|
6654
|
-
|
|
6653
|
+
disableEventShow: {
|
|
6655
6654
|
type: Boolean,
|
|
6656
6655
|
reflect: true
|
|
6657
6656
|
},
|
|
6658
6657
|
|
|
6659
6658
|
/**
|
|
6660
|
-
* If declared,
|
|
6661
|
-
* @attr {Boolean} chevron
|
|
6659
|
+
* If declared, applies a border around the trigger slot.
|
|
6662
6660
|
*/
|
|
6663
|
-
|
|
6661
|
+
simple: {
|
|
6664
6662
|
type: Boolean,
|
|
6665
6663
|
reflect: true
|
|
6666
6664
|
},
|
|
6667
6665
|
|
|
6668
6666
|
/**
|
|
6669
|
-
* If declared, the dropdown
|
|
6667
|
+
* If declared, the dropdown displays a chevron on the right.
|
|
6668
|
+
* @attr {Boolean} chevron
|
|
6670
6669
|
*/
|
|
6671
|
-
|
|
6670
|
+
chevron: {
|
|
6672
6671
|
type: Boolean,
|
|
6673
6672
|
reflect: true
|
|
6674
6673
|
},
|
|
@@ -6682,7 +6681,7 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6682
6681
|
},
|
|
6683
6682
|
|
|
6684
6683
|
/**
|
|
6685
|
-
* If
|
|
6684
|
+
* If declared, the focus trap inside of bib will be turned off.
|
|
6686
6685
|
*/
|
|
6687
6686
|
disableFocusTrap: {
|
|
6688
6687
|
type: Boolean,
|
|
@@ -6729,22 +6728,6 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6729
6728
|
reflect: true
|
|
6730
6729
|
},
|
|
6731
6730
|
|
|
6732
|
-
/**
|
|
6733
|
-
* Makes the trigger to be full width of its parent container.
|
|
6734
|
-
*/
|
|
6735
|
-
fluid: {
|
|
6736
|
-
type: Boolean,
|
|
6737
|
-
reflect: true
|
|
6738
|
-
},
|
|
6739
|
-
|
|
6740
|
-
/**
|
|
6741
|
-
* If declared, will apply padding around trigger slot content.
|
|
6742
|
-
*/
|
|
6743
|
-
inset: {
|
|
6744
|
-
type: Boolean,
|
|
6745
|
-
reflect: true
|
|
6746
|
-
},
|
|
6747
|
-
|
|
6748
6731
|
/**
|
|
6749
6732
|
* If true, the dropdown bib is displayed.
|
|
6750
6733
|
*/
|
|
@@ -6788,15 +6771,6 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6788
6771
|
reflect: true
|
|
6789
6772
|
},
|
|
6790
6773
|
|
|
6791
|
-
/**
|
|
6792
|
-
* Defines if there is a label preset.
|
|
6793
|
-
* @private
|
|
6794
|
-
*/
|
|
6795
|
-
labeled: {
|
|
6796
|
-
type: Boolean,
|
|
6797
|
-
reflect: true
|
|
6798
|
-
},
|
|
6799
|
-
|
|
6800
6774
|
/**
|
|
6801
6775
|
* Defines if the trigger should size based on the parent element providing the border UI.
|
|
6802
6776
|
* @private
|
|
@@ -6857,6 +6831,9 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6857
6831
|
reflect: true
|
|
6858
6832
|
},
|
|
6859
6833
|
|
|
6834
|
+
/**
|
|
6835
|
+
* If declared, and a function is set, that function will execute when the slot content is updated.
|
|
6836
|
+
*/
|
|
6860
6837
|
onSlotChange: {
|
|
6861
6838
|
type: Function,
|
|
6862
6839
|
reflect: false
|
|
@@ -6871,14 +6848,6 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6871
6848
|
reflect: true
|
|
6872
6849
|
},
|
|
6873
6850
|
|
|
6874
|
-
/**
|
|
6875
|
-
* If declared, will apply border-radius to trigger and default slots.
|
|
6876
|
-
*/
|
|
6877
|
-
rounded: {
|
|
6878
|
-
type: Boolean,
|
|
6879
|
-
reflect: true
|
|
6880
|
-
},
|
|
6881
|
-
|
|
6882
6851
|
/**
|
|
6883
6852
|
* @private
|
|
6884
6853
|
*/
|
|
@@ -6893,22 +6862,14 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
6893
6862
|
type: String || undefined,
|
|
6894
6863
|
attribute: false,
|
|
6895
6864
|
reflect: false
|
|
6896
|
-
},
|
|
6897
|
-
|
|
6898
|
-
/**
|
|
6899
|
-
* The value for the aria-autocomplete attribute of the trigger element.
|
|
6900
|
-
*/
|
|
6901
|
-
a11yAutocomplete: {
|
|
6902
|
-
type: String,
|
|
6903
|
-
attribute: false,
|
|
6904
6865
|
}
|
|
6905
6866
|
};
|
|
6906
6867
|
}
|
|
6907
6868
|
|
|
6908
6869
|
static get styles() {
|
|
6909
6870
|
return [
|
|
6910
|
-
colorCss$1$1,
|
|
6911
6871
|
tokensCss$1$1,
|
|
6872
|
+
colorCss$1$1,
|
|
6912
6873
|
|
|
6913
6874
|
// default layout
|
|
6914
6875
|
classicColorCss,
|
|
@@ -7348,10 +7309,7 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
7348
7309
|
id="bib"
|
|
7349
7310
|
shape="${this.shape}"
|
|
7350
7311
|
?data-show="${this.isPopoverVisible}"
|
|
7351
|
-
?isfullscreen="${this.isBibFullscreen}"
|
|
7352
|
-
?common="${this.common}"
|
|
7353
|
-
?rounded="${this.common || this.rounded}"
|
|
7354
|
-
?inset="${this.common || this.inset}">
|
|
7312
|
+
?isfullscreen="${this.isBibFullscreen}">
|
|
7355
7313
|
<div class="slotContent">
|
|
7356
7314
|
<slot @slotchange="${this.handleDefaultSlot}"></slot>
|
|
7357
7315
|
</div>
|
|
@@ -9332,7 +9290,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9332
9290
|
<div id="bibTemplate" part="bibtemplate">
|
|
9333
9291
|
${this.isFullscreen ? html$1`
|
|
9334
9292
|
<div id="headerContainer">
|
|
9335
|
-
<${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9293
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9336
9294
|
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
9337
9295
|
</${this.buttonTag}>
|
|
9338
9296
|
<${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
@@ -10132,7 +10090,7 @@ class AuroCounterGroup extends AuroElement {
|
|
|
10132
10090
|
return html$1`
|
|
10133
10091
|
<${this.dropdownTag}
|
|
10134
10092
|
noHideOnThisFocusLoss
|
|
10135
|
-
chevron
|
|
10093
|
+
chevron
|
|
10136
10094
|
part="dropdown"
|
|
10137
10095
|
?autoPlacement="${this.autoPlacement}"
|
|
10138
10096
|
?error="${this.validity !== undefined && this.validity !== 'valid'}"
|