@aurodesignsystem/auro-formkit 5.8.0 → 5.9.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/CHANGELOG.md +3 -12
- package/components/checkbox/demo/api.min.js +2 -2
- package/components/checkbox/demo/index.min.js +2 -2
- package/components/checkbox/dist/index.js +2 -2
- package/components/checkbox/dist/registered.js +2 -2
- package/components/combobox/demo/api.md +7 -6
- package/components/combobox/demo/api.min.js +1674 -1004
- package/components/combobox/demo/index.md +47 -2
- package/components/combobox/demo/index.min.js +1674 -1004
- package/components/combobox/dist/auro-combobox.d.ts +9 -8
- package/components/combobox/dist/index.js +129 -127
- package/components/combobox/dist/registered.js +129 -127
- package/components/counter/demo/api.min.js +12 -18
- package/components/counter/demo/index.min.js +12 -18
- package/components/counter/dist/buttonVersion.d.ts +2 -0
- package/components/counter/dist/index.js +12 -18
- package/components/counter/dist/registered.js +12 -18
- package/components/datepicker/demo/api.min.js +46 -45
- package/components/datepicker/demo/index.min.js +46 -45
- package/components/datepicker/dist/buttonVersion.d.ts +1 -1
- package/components/datepicker/dist/iconVersion.d.ts +1 -1
- package/components/datepicker/dist/index.js +46 -45
- package/components/datepicker/dist/registered.js +46 -45
- package/components/dropdown/demo/api.min.js +6 -8
- package/components/dropdown/demo/index.min.js +6 -8
- package/components/dropdown/dist/iconVersion.d.ts +1 -1
- package/components/dropdown/dist/index.js +6 -8
- package/components/dropdown/dist/registered.js +6 -8
- package/components/input/demo/api.min.js +33 -24
- package/components/input/demo/index.min.js +33 -24
- package/components/input/dist/base-input.d.ts +19 -2
- package/components/input/dist/buttonVersion.d.ts +1 -1
- package/components/input/dist/index.js +33 -24
- package/components/input/dist/registered.js +33 -24
- package/components/menu/demo/api.js +4 -0
- package/components/menu/demo/api.md +271 -26
- package/components/menu/demo/api.min.js +1591 -858
- package/components/menu/demo/index.html +1 -0
- package/components/menu/demo/index.js +2 -0
- package/components/menu/demo/index.md +95 -1
- package/components/menu/demo/index.min.js +1529 -810
- package/components/menu/dist/auro-menu.context.d.ts +222 -0
- package/components/menu/dist/auro-menu.d.ts +93 -53
- package/components/menu/dist/auro-menuoption.d.ts +115 -13
- package/components/menu/dist/index.js +1441 -793
- package/components/menu/dist/registered.js +1439 -803
- package/components/radio/demo/api.min.js +3 -3
- package/components/radio/demo/index.min.js +3 -3
- package/components/radio/dist/index.js +3 -3
- package/components/radio/dist/registered.js +3 -3
- package/components/select/demo/api.md +8 -7
- package/components/select/demo/api.min.js +1587 -1020
- package/components/select/demo/index.min.js +1587 -1020
- package/components/select/dist/auro-select.d.ts +11 -35
- package/components/select/dist/index.js +72 -173
- package/components/select/dist/registered.js +72 -173
- package/package.json +6 -2
- package/components/checkbox/dist/helptextVersion.d.ts +0 -2
- package/components/combobox/dist/bibtemplateVersion.d.ts +0 -2
- package/components/combobox/dist/dropdownVersion.d.ts +0 -2
- package/components/combobox/dist/inputVersion.d.ts +0 -2
- package/components/counter/dist/bibtemplateVersion.d.ts +0 -2
- package/components/counter/dist/dropdownVersion.d.ts +0 -2
- package/components/counter/dist/helptextVersion.d.ts +0 -2
- package/components/datepicker/dist/bibtemplateVersion.d.ts +0 -2
- package/components/datepicker/dist/dropdownVersion.d.ts +0 -2
- package/components/datepicker/dist/inputVersion.d.ts +0 -2
- package/components/dropdown/dist/dropdownVersion.d.ts +0 -2
- package/components/dropdown/dist/helptextVersion.d.ts +0 -2
- package/components/input/dist/helptextVersion.d.ts +0 -2
- package/components/menu/dist/dropdownVersion.d.ts +0 -2
- package/components/radio/dist/helptextVersion.d.ts +0 -2
- package/components/select/dist/bibtemplateVersion.d.ts +0 -2
- package/components/select/dist/dropdownVersion.d.ts +0 -2
- package/components/select/dist/helptextVersion.d.ts +0 -2
|
@@ -3672,7 +3672,7 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
3672
3672
|
</div>
|
|
3673
3673
|
`}};
|
|
3674
3674
|
|
|
3675
|
-
var iconVersion$2 = '
|
|
3675
|
+
var iconVersion$2 = '9.1.0';
|
|
3676
3676
|
|
|
3677
3677
|
var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3678
3678
|
|
|
@@ -3871,17 +3871,15 @@ class AuroDropdownBib extends LitElement {
|
|
|
3871
3871
|
}
|
|
3872
3872
|
}
|
|
3873
3873
|
|
|
3874
|
-
var dropdownVersion$1 = '3.0.0';
|
|
3875
|
-
|
|
3876
3874
|
var shapeSizeCss$1 = 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}`;
|
|
3877
3875
|
|
|
3878
|
-
var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([
|
|
3876
|
+
var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([disabled],[onDark])) .wrapper:focus-within,:host(:not([disabled],[onDark])) .wrapper:active,:host(:not([disabled],[appearance=inverse])) .wrapper:focus-within,:host(:not([disabled],[appearance=inverse])) .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([disabled],[onDark])) .wrapper:hover,:host(:not([disabled],[appearance=inverse])) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host(:not([ondark])) .wrapper,:host(:not([appearance=inverse])) .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])[disabled]),:host(:not([appearance=inverse])[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])[disabled]) #triggerLabel,:host(:not([appearance=inverse])[disabled]) #triggerLabel{cursor:default}:host(:not([ondark])[error]),:host(:not([appearance=inverse])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host(:not([disabled])[onDark]) .wrapper:focus-within,:host(:not([disabled])[onDark]) .wrapper:active,:host(:not([disabled])[appearance=inverse]) .wrapper:focus-within,:host(:not([disabled])[appearance=inverse]) .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(:not([disabled])[onDark]) .wrapper:hover,:host(:not([disabled])[appearance=inverse]) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host([onDark]) .label,:host([onDark]) .helpText,:host([appearance=inverse]) .label,:host([appearance=inverse]) .helpText{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper,:host([appearance=inverse]) .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][disabled]),:host([appearance=inverse][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][disabled]) #triggerLabel,:host([appearance=inverse][disabled]) #triggerLabel{cursor:default}:host([ondark][error]),:host([appearance=inverse][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
3879
3877
|
|
|
3880
3878
|
var styleCss$1$2 = css`:host{position:relative;display:block;text-align:left}[popover=manual]{overflow:visible;padding:0;border:inherit;margin:0;background:inherit;outline:inherit}:host([open]){z-index:var(--depth-tooltip, 400)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
3881
3879
|
|
|
3882
3880
|
var classicColorCss$1 = css``;
|
|
3883
3881
|
|
|
3884
|
-
var classicLayoutCss = css
|
|
3882
|
+
var classicLayoutCss = css`@media(hover: hover){:host(:not([disabled])) .wrapper:hover{cursor:pointer}}:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) label{transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .wrapper{display:flex;flex-direction:row;box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-outline-color)}:host([layout*=classic]) .triggerContentWrapper{overflow:hidden;flex:1;justify-content:start;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) #showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;padding-right:var(--ds-size-150, 0.75rem)}:host([layout*=classic]) #showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem)}:host([layout*=classic]) #showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}`;
|
|
3885
3883
|
|
|
3886
3884
|
var styleEmphasizedCss$1 = css`.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=right])) .leftIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left])) .rightIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-right:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left]):not([layout*=right])) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3887
3885
|
|
|
@@ -4115,7 +4113,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4115
4113
|
}
|
|
4116
4114
|
};
|
|
4117
4115
|
|
|
4118
|
-
var
|
|
4116
|
+
var formkitVersion$2 = '202511191711';
|
|
4119
4117
|
|
|
4120
4118
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4121
4119
|
static get properties() {
|
|
@@ -4346,12 +4344,12 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4346
4344
|
/**
|
|
4347
4345
|
* @private
|
|
4348
4346
|
*/
|
|
4349
|
-
this.dropdownBibTag = versioning.generateTag('auro-formkit-dropdown-dropdownbib',
|
|
4347
|
+
this.dropdownBibTag = versioning.generateTag('auro-formkit-dropdown-dropdownbib', formkitVersion$2, AuroDropdownBib);
|
|
4350
4348
|
|
|
4351
4349
|
/**
|
|
4352
4350
|
* @private
|
|
4353
4351
|
*/
|
|
4354
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext',
|
|
4352
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext', formkitVersion$2, AuroHelpText$2);
|
|
4355
4353
|
|
|
4356
4354
|
/**
|
|
4357
4355
|
* @private
|
|
@@ -5158,11 +5156,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5158
5156
|
}
|
|
5159
5157
|
}
|
|
5160
5158
|
|
|
5161
|
-
var dropdownVersion = '3.0.0';
|
|
5162
|
-
|
|
5163
5159
|
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}`;
|
|
5164
5160
|
|
|
5165
|
-
var styleCss$1$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);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 450);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, 450);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{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}`;
|
|
5161
|
+
var styleCss$1$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);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 450);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, 450);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}`;
|
|
5166
5162
|
|
|
5167
5163
|
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}`;
|
|
5168
5164
|
|
|
@@ -5170,7 +5166,7 @@ var colorBaseCss = css`.wrapper{border-color:var(--ds-auro-input-border-color);b
|
|
|
5170
5166
|
|
|
5171
5167
|
var tokensCss$1 = css`:host(:not([ondark])),:host(:not([appearance=inverse])){--ds-auro-input-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-input-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-input-caret-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-input-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-input-placeholder-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-input-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-input-error-icon-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-input-outline-color: transparent}:host([ondark]),:host([appearance=inverse]){--ds-auro-input-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-input-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-input-caret-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-input-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-input-placeholder-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-input-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-input-error-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-input-outline-color: transparent}`;
|
|
5172
5168
|
|
|
5173
|
-
var classicStyleCss = css`:host([layout*=classic]) .wrapper{display:flex;flex-direction:row;background-color:var(--ds-auro-input-container-color);box-shadow:inset 0 0 0 1px var(--ds-auro-input-outline-color)}:host([layout*=classic]) .mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;justify-content:center
|
|
5169
|
+
var classicStyleCss = css`:host([layout*=classic]) .wrapper{display:flex;flex-direction:row;background-color:var(--ds-auro-input-container-color);box-shadow:inset 0 0 0 1px var(--ds-auro-input-outline-color)}:host([layout*=classic]) .mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;justify-content:center}:host([layout*=classic]) .mainContent label{overflow:hidden;padding-block:var(--ds-size-50, 0.25rem);text-overflow:ellipsis;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:nowrap}:host([layout*=classic]) .mainContent input{height:auto;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}:host([layout*=classic]) .mainContent input[type=password]::-ms-reveal{display:none}:host([layout*=classic]) .mainContent:has(input.util_displayHiddenVisually) label{justify-self:flex-start}:host([layout*=classic]) .mainContent:has(input.util_displayHiddenVisually) input{height:0;padding-bottom:0}:host([layout*=classic]) .accents .typeIcon>*{margin-left:var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .accents.left{padding-right:var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .accents.right{padding-left:var(--ds-size-100, 0.5rem);margin-right:var(--ds-size-100, 0.5rem)}:host([layout*=classic]).withValue{justify-content:flex-start}:host([layout*=classic]):focus-within{justify-content:flex-start}`;
|
|
5174
5170
|
|
|
5175
5171
|
var classicColorCss = css`.layout-classic label{color:var(--ds-auro-input-label-text-color)}.layout-classic:focus-within{--ds-auro-input-border-color: var(--ds-basic-color-border-brand, #00274a);--ds-auro-input-outline-color: var(--ds-basic-color-border-brand, #00274a)}:host(:not([ondark])) .layout-classic:focus-within,:host(:not([appearance=inverse])) .layout-classic:focus-within{--ds-auro-input-border-color: var(--ds-basic-color-border-brand, #00274a);--ds-auro-input-outline-color: var(--ds-basic-color-border-brand, #00274a)}:host([ondark]) .layout-classic:focus-within,:host([appearance=inverse]) .layout-classic:focus-within{--ds-auro-input-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-input-outline-color: var(--ds-basic-color-border-inverse, #ffffff)}:host([layout*=classic]:not([ondark]):is([validity]:not([validity=valid]))),:host([layout*=classic]:not([appearance=inverse]):is([validity]:not([validity=valid]))){--ds-auro-input-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-input-outline-color: var(--ds-basic-color-status-error, #e31f26)}:host([layout*=classic]:not([ondark]):is([validity]:not([validity=valid]))) .layout-classic:focus-within,:host([layout*=classic]:not([appearance=inverse]):is([validity]:not([validity=valid]))) .layout-classic:focus-within{--ds-auro-input-border-color: var(--ds-basic-color-border-brand, #00274a);--ds-auro-input-outline-color: var(--ds-basic-color-border-brand, #00274a)}:host([layout*=classic][ondark]:is([validity]:not([validity=valid]))),:host([layout*=classic][appearance=inverse]:is([validity]:not([validity=valid]))){--ds-auro-input-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-input-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}:host([layout*=classic][ondark]:is([validity]:not([validity=valid]))) .layout-classic:focus-within,:host([layout*=classic][appearance=inverse]:is([validity]:not([validity=valid]))) .layout-classic:focus-within{--ds-auro-input-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-input-outline-color: var(--ds-basic-color-border-inverse, #ffffff)}`;
|
|
5176
5172
|
|
|
@@ -10286,7 +10282,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
10286
10282
|
this.validationCCLength = undefined;
|
|
10287
10283
|
this.hasValue = false;
|
|
10288
10284
|
this.label = 'Input label is undefined';
|
|
10289
|
-
this.placeholderStr = '';
|
|
10290
10285
|
|
|
10291
10286
|
this.allowedInputTypes = [
|
|
10292
10287
|
"text",
|
|
@@ -10443,6 +10438,26 @@ class BaseInput extends AuroElement$1 {
|
|
|
10443
10438
|
reflect: true
|
|
10444
10439
|
},
|
|
10445
10440
|
|
|
10441
|
+
/**
|
|
10442
|
+
* @private
|
|
10443
|
+
* Flag to indicate if the input currently has value.
|
|
10444
|
+
*/
|
|
10445
|
+
hasValue: {
|
|
10446
|
+
type: Boolean,
|
|
10447
|
+
reflect: false,
|
|
10448
|
+
attribute: false
|
|
10449
|
+
},
|
|
10450
|
+
|
|
10451
|
+
/**
|
|
10452
|
+
* @private
|
|
10453
|
+
* Flag to indicate if the input currently has focus.
|
|
10454
|
+
*/
|
|
10455
|
+
hasFocus: {
|
|
10456
|
+
type: Boolean,
|
|
10457
|
+
reflect: false,
|
|
10458
|
+
attribute: false
|
|
10459
|
+
},
|
|
10460
|
+
|
|
10446
10461
|
/**
|
|
10447
10462
|
* If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
|
|
10448
10463
|
*/
|
|
@@ -10745,7 +10760,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
10745
10760
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
10746
10761
|
}
|
|
10747
10762
|
|
|
10748
|
-
this.getPlaceholder();
|
|
10749
10763
|
this.setCustomHelpTextMessage();
|
|
10750
10764
|
this.configureAutoFormatting();
|
|
10751
10765
|
}
|
|
@@ -10787,6 +10801,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
10787
10801
|
const inputEvent = new InputEvent('input', {
|
|
10788
10802
|
bubbles: true,
|
|
10789
10803
|
composed: true,
|
|
10804
|
+
cancelable: false
|
|
10790
10805
|
});
|
|
10791
10806
|
inputEvent.isProgrammatic = true;
|
|
10792
10807
|
this.dispatchEvent(inputEvent);
|
|
@@ -10863,10 +10878,8 @@ class BaseInput extends AuroElement$1 {
|
|
|
10863
10878
|
if (changedProperties.has('value')) {
|
|
10864
10879
|
if (this.value && this.value.length > 0) {
|
|
10865
10880
|
this.hasValue = true;
|
|
10866
|
-
this.requestUpdate();
|
|
10867
10881
|
} else {
|
|
10868
10882
|
this.hasValue = false;
|
|
10869
|
-
this.requestUpdate();
|
|
10870
10883
|
}
|
|
10871
10884
|
|
|
10872
10885
|
if (this.value !== this.inputElement.value) {
|
|
@@ -11052,8 +11065,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
11052
11065
|
handleFocusin() {
|
|
11053
11066
|
this.hasFocus = true;
|
|
11054
11067
|
|
|
11055
|
-
this.getPlaceholder();
|
|
11056
|
-
|
|
11057
11068
|
this.touched = true;
|
|
11058
11069
|
}
|
|
11059
11070
|
|
|
@@ -11064,7 +11075,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
11064
11075
|
*/
|
|
11065
11076
|
handleFocusout() {
|
|
11066
11077
|
this.hasFocus = false;
|
|
11067
|
-
this.getPlaceholder();
|
|
11068
11078
|
}
|
|
11069
11079
|
|
|
11070
11080
|
/**
|
|
@@ -11201,16 +11211,11 @@ class BaseInput extends AuroElement$1 {
|
|
|
11201
11211
|
* @private
|
|
11202
11212
|
* @returns {void}
|
|
11203
11213
|
*/
|
|
11204
|
-
|
|
11205
|
-
if (this.placeholder) {
|
|
11206
|
-
this.
|
|
11207
|
-
} else if (this.type === 'date') {
|
|
11208
|
-
this.placeholderStr = this.format ? this.format.toUpperCase() : 'MM/DD/YYYY';
|
|
11214
|
+
get placeholderStr() {
|
|
11215
|
+
if (!this.placeholder && this.type === 'date') {
|
|
11216
|
+
return this.format ? this.format.toUpperCase() : 'MM/DD/YYYY';
|
|
11209
11217
|
}
|
|
11210
|
-
|
|
11211
|
-
this.requestUpdate();
|
|
11212
|
-
|
|
11213
|
-
return this.placeholderStr;
|
|
11218
|
+
return this.placeholder || "";
|
|
11214
11219
|
}
|
|
11215
11220
|
|
|
11216
11221
|
/**
|
|
@@ -11496,7 +11501,7 @@ let l$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
|
|
|
11496
11501
|
</${this._renderTag}>
|
|
11497
11502
|
`}renderLayout(){return this.renderLayoutDefault()}};
|
|
11498
11503
|
|
|
11499
|
-
var buttonVersion$1 = '12.
|
|
11504
|
+
var buttonVersion$1 = '12.3.0';
|
|
11500
11505
|
|
|
11501
11506
|
var colorCss$2 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
11502
11507
|
|
|
@@ -11726,7 +11731,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
11726
11731
|
}
|
|
11727
11732
|
};
|
|
11728
11733
|
|
|
11729
|
-
var
|
|
11734
|
+
var formkitVersion$1 = '202511191711';
|
|
11730
11735
|
|
|
11731
11736
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
11732
11737
|
// See LICENSE in the project root for license information.
|
|
@@ -11756,7 +11761,7 @@ class AuroInput extends BaseInput {
|
|
|
11756
11761
|
/**
|
|
11757
11762
|
* @private
|
|
11758
11763
|
*/
|
|
11759
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext',
|
|
11764
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', formkitVersion$1, AuroHelpText$1);
|
|
11760
11765
|
|
|
11761
11766
|
/**
|
|
11762
11767
|
* @private
|
|
@@ -11792,7 +11797,7 @@ class AuroInput extends BaseInput {
|
|
|
11792
11797
|
(
|
|
11793
11798
|
(!this.value || this.value.length === 0) &&
|
|
11794
11799
|
!this.hasFocus &&
|
|
11795
|
-
(!this.
|
|
11800
|
+
(!this.placeholderStr || this.placeholderStr === '')
|
|
11796
11801
|
);
|
|
11797
11802
|
}
|
|
11798
11803
|
|
|
@@ -11837,11 +11842,11 @@ class AuroInput extends BaseInput {
|
|
|
11837
11842
|
}
|
|
11838
11843
|
|
|
11839
11844
|
if (this.layout === 'snowflake') {
|
|
11840
|
-
return this.hasValue || this.hasFocus || this.
|
|
11845
|
+
return this.hasValue || this.hasFocus || this.placeholderStr ? 'body-xs' : 'body-lg';
|
|
11841
11846
|
}
|
|
11842
11847
|
|
|
11843
11848
|
// classic layout (default)
|
|
11844
|
-
return ((!this.value || this.value.length === 0) && !this.
|
|
11849
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
11845
11850
|
}
|
|
11846
11851
|
|
|
11847
11852
|
/**
|
|
@@ -12349,8 +12354,6 @@ class AuroInput extends BaseInput {
|
|
|
12349
12354
|
}
|
|
12350
12355
|
}
|
|
12351
12356
|
|
|
12352
|
-
var inputVersion = '4.2.0';
|
|
12353
|
-
|
|
12354
12357
|
var colorCss$1 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
12355
12358
|
|
|
12356
12359
|
var styleCss$2 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
@@ -12718,7 +12721,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
12718
12721
|
}
|
|
12719
12722
|
}
|
|
12720
12723
|
|
|
12721
|
-
var
|
|
12724
|
+
var formkitVersion = '202511191711';
|
|
12722
12725
|
|
|
12723
12726
|
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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
12724
12727
|
|
|
@@ -13124,10 +13127,10 @@ class AuroCombobox extends AuroElement {
|
|
|
13124
13127
|
privateDefaults() {
|
|
13125
13128
|
const versioning = new AuroDependencyVersioning$3();
|
|
13126
13129
|
|
|
13127
|
-
this.dropdownTag = versioning.generateTag('auro-formkit-combobox-dropdown',
|
|
13128
|
-
this.bibtemplateTag = versioning.generateTag('auro-formkit-combobox-bibtemplate',
|
|
13129
|
-
this.inputTag = versioning.generateTag('auro-formkit-combobox-input',
|
|
13130
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext',
|
|
13130
|
+
this.dropdownTag = versioning.generateTag('auro-formkit-combobox-dropdown', formkitVersion, AuroDropdown);
|
|
13131
|
+
this.bibtemplateTag = versioning.generateTag('auro-formkit-combobox-bibtemplate', formkitVersion, AuroBibtemplate);
|
|
13132
|
+
this.inputTag = versioning.generateTag('auro-formkit-combobox-input', formkitVersion, AuroInput);
|
|
13133
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', formkitVersion, AuroHelpText);
|
|
13131
13134
|
|
|
13132
13135
|
this.availableOptions = [];
|
|
13133
13136
|
this.dropdownId = undefined;
|
|
@@ -13572,8 +13575,14 @@ class AuroCombobox extends AuroElement {
|
|
|
13572
13575
|
matchString = `${matchString} ${option.getAttribute('suggest')}`.toLowerCase();
|
|
13573
13576
|
}
|
|
13574
13577
|
|
|
13575
|
-
//
|
|
13576
|
-
if (this.input.value
|
|
13578
|
+
// If input is empty, show all options (except static ones)
|
|
13579
|
+
if (!this.input.value || this.input.value.length === 0) {
|
|
13580
|
+
if (!option.hasAttribute('static')) {
|
|
13581
|
+
option.removeAttribute('hidden');
|
|
13582
|
+
this.availableOptions.push(option);
|
|
13583
|
+
}
|
|
13584
|
+
} else if (matchString.includes(this.input.value.toLowerCase()) && !option.hasAttribute('static')) {
|
|
13585
|
+
// only count options that match the typed input value AND are not static
|
|
13577
13586
|
option.removeAttribute('hidden');
|
|
13578
13587
|
this.availableOptions.push(option);
|
|
13579
13588
|
} else if (!option.hasAttribute('persistent')) {
|
|
@@ -13598,13 +13607,11 @@ class AuroCombobox extends AuroElement {
|
|
|
13598
13607
|
* @private
|
|
13599
13608
|
* @returns {void}
|
|
13600
13609
|
*/
|
|
13601
|
-
|
|
13602
|
-
|
|
13603
|
-
this.menu
|
|
13604
|
-
|
|
13605
|
-
|
|
13606
|
-
await Promise.all([this.menu.updateComplete]);
|
|
13607
|
-
|
|
13610
|
+
syncValuesAndStates() {
|
|
13611
|
+
// Only sync matchWord, don't set menu.value here since setMenuValue should handle that
|
|
13612
|
+
if (this.menu) {
|
|
13613
|
+
this.menu.matchWord = this.input.value;
|
|
13614
|
+
}
|
|
13608
13615
|
this.updateTriggerTextDisplay();
|
|
13609
13616
|
}
|
|
13610
13617
|
|
|
@@ -13615,11 +13622,7 @@ class AuroCombobox extends AuroElement {
|
|
|
13615
13622
|
updateTriggerTextDisplay() {
|
|
13616
13623
|
// update the input content if persistInput is false
|
|
13617
13624
|
if (!this.persistInput) {
|
|
13618
|
-
|
|
13619
|
-
this.input.value = this.menu.optionSelected.textContent;
|
|
13620
|
-
} else {
|
|
13621
|
-
this.input.value = this.value;
|
|
13622
|
-
}
|
|
13625
|
+
this.input.value = this.value;
|
|
13623
13626
|
}
|
|
13624
13627
|
|
|
13625
13628
|
// update the displayValue in the trigger if displayValue slot content is present
|
|
@@ -13639,27 +13642,12 @@ class AuroCombobox extends AuroElement {
|
|
|
13639
13642
|
this.requestUpdate();
|
|
13640
13643
|
}
|
|
13641
13644
|
|
|
13642
|
-
/**
|
|
13643
|
-
* Resets the menu matchWord to true.
|
|
13644
|
-
* @private
|
|
13645
|
-
*/
|
|
13646
|
-
resetMenuMatchword() {
|
|
13647
|
-
this.menu.updateItemsState(new Map([
|
|
13648
|
-
[
|
|
13649
|
-
'matchWord',
|
|
13650
|
-
true
|
|
13651
|
-
]
|
|
13652
|
-
]));
|
|
13653
|
-
};
|
|
13654
|
-
|
|
13655
13645
|
/**
|
|
13656
13646
|
* Processes hidden state of all menu options and determines if there are any available options not hidden.
|
|
13657
13647
|
* @private
|
|
13658
13648
|
* @returns {void}
|
|
13659
13649
|
*/
|
|
13660
13650
|
handleMenuOptions() {
|
|
13661
|
-
this.resetMenuMatchword();
|
|
13662
|
-
|
|
13663
13651
|
this.generateOptionsArray();
|
|
13664
13652
|
this.availableOptions = [];
|
|
13665
13653
|
this.updateFilter();
|
|
@@ -13675,8 +13663,8 @@ class AuroCombobox extends AuroElement {
|
|
|
13675
13663
|
* @returns {void}
|
|
13676
13664
|
*/
|
|
13677
13665
|
generateOptionsArray() {
|
|
13678
|
-
if (this.menu) {
|
|
13679
|
-
this.options = this.menu.
|
|
13666
|
+
if (this.menu && this.menu.options) {
|
|
13667
|
+
this.options = this.menu.options;
|
|
13680
13668
|
} else {
|
|
13681
13669
|
this.options = [];
|
|
13682
13670
|
}
|
|
@@ -13702,7 +13690,7 @@ class AuroCombobox extends AuroElement {
|
|
|
13702
13690
|
return;
|
|
13703
13691
|
}
|
|
13704
13692
|
if (!this.dropdown.isPopoverVisible && this.input.value && this.input.value.length > 0) {
|
|
13705
|
-
if (this.menu.getAttribute('loading') ||
|
|
13693
|
+
if (this.menu.getAttribute('loading') || this.availableOptions.length > 0 || this.noMatchOption !== undefined) {
|
|
13706
13694
|
if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
|
|
13707
13695
|
this.isHiddenWhileLoading = true;
|
|
13708
13696
|
} else {
|
|
@@ -13831,20 +13819,19 @@ class AuroCombobox extends AuroElement {
|
|
|
13831
13819
|
this.menu = this.querySelector('auro-menu, [auro-menu]');
|
|
13832
13820
|
this.defaultMenuShape = this.menu.getAttribute('shape');
|
|
13833
13821
|
|
|
13834
|
-
|
|
13835
|
-
|
|
13836
|
-
this.updateMenuShapeSize();
|
|
13837
|
-
|
|
13838
|
-
// a racing condition on custom-combobox with custom-menu
|
|
13839
|
-
if (!this.menu || this.menuShadowRoot === null) {
|
|
13822
|
+
// racing condition on custom-combobox with custom-menu
|
|
13823
|
+
if (!this.menu) {
|
|
13840
13824
|
setTimeout(() => {
|
|
13841
13825
|
this.configureMenu();
|
|
13842
13826
|
}, 0);
|
|
13843
13827
|
return;
|
|
13844
13828
|
}
|
|
13845
13829
|
|
|
13846
|
-
this.
|
|
13847
|
-
|
|
13830
|
+
this.updateMenuShapeSize();
|
|
13831
|
+
|
|
13832
|
+
// Sync options array like select does
|
|
13833
|
+
this.options = this.menu.options;
|
|
13834
|
+
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
13848
13835
|
|
|
13849
13836
|
if (this.checkmark) {
|
|
13850
13837
|
this.menu.removeAttribute('nocheckmark');
|
|
@@ -13852,32 +13839,27 @@ class AuroCombobox extends AuroElement {
|
|
|
13852
13839
|
this.menu.setAttribute('nocheckmark', '');
|
|
13853
13840
|
}
|
|
13854
13841
|
|
|
13855
|
-
//
|
|
13856
|
-
this.menu.addEventListener('auroMenu-selectedOption', (
|
|
13857
|
-
|
|
13858
|
-
|
|
13842
|
+
// Handle menu option selection like select does
|
|
13843
|
+
this.menu.addEventListener('auroMenu-selectedOption', (event) => {
|
|
13844
|
+
// Update the optionSelected from the event details, not manually
|
|
13845
|
+
[this.optionSelected] = event.detail.options;
|
|
13859
13846
|
|
|
13860
|
-
|
|
13861
|
-
|
|
13862
|
-
}
|
|
13847
|
+
// Update the internal value to match the menu's value
|
|
13848
|
+
this.value = event.detail.stringValue;
|
|
13863
13849
|
|
|
13864
|
-
|
|
13865
|
-
|
|
13866
|
-
// this.menu.value = this.value;
|
|
13867
|
-
}
|
|
13850
|
+
// Update display
|
|
13851
|
+
this.updateTriggerTextDisplay();
|
|
13868
13852
|
|
|
13869
|
-
|
|
13870
|
-
|
|
13871
|
-
|
|
13872
|
-
this.menu.matchWord = this.input.value;
|
|
13873
|
-
}
|
|
13874
|
-
|
|
13875
|
-
// update the hidden state of options based on newly selected value
|
|
13876
|
-
this.handleMenuOptions();
|
|
13853
|
+
// Update match word for filtering
|
|
13854
|
+
if (this.menu.matchWord !== this.input.value) {
|
|
13855
|
+
this.menu.matchWord = this.input.value;
|
|
13877
13856
|
}
|
|
13878
13857
|
|
|
13879
|
-
//
|
|
13880
|
-
|
|
13858
|
+
// Update available options based on selection
|
|
13859
|
+
this.handleMenuOptions();
|
|
13860
|
+
|
|
13861
|
+
// Hide dropdown on selection (except during slot changes)
|
|
13862
|
+
if (event.detail && event.detail.source !== 'slotchange') {
|
|
13881
13863
|
setTimeout(() => {
|
|
13882
13864
|
this.hideBib();
|
|
13883
13865
|
}, 0);
|
|
@@ -13898,13 +13880,8 @@ class AuroCombobox extends AuroElement {
|
|
|
13898
13880
|
});
|
|
13899
13881
|
});
|
|
13900
13882
|
|
|
13901
|
-
|
|
13902
|
-
|
|
13903
|
-
});
|
|
13904
|
-
|
|
13905
|
-
this.menu.addEventListener('auroMenu-selectValueReset', () => {
|
|
13906
|
-
this.clear();
|
|
13907
|
-
});
|
|
13883
|
+
// Handle slot changes
|
|
13884
|
+
this.menu.shadowRoot.addEventListener('slotchange', (event) => this.handleSlotChange(event));
|
|
13908
13885
|
}
|
|
13909
13886
|
|
|
13910
13887
|
/**
|
|
@@ -13980,12 +13957,12 @@ class AuroCombobox extends AuroElement {
|
|
|
13980
13957
|
} else if (this.menu.loading) {
|
|
13981
13958
|
// if input has value but menu is loading, show bib immediately
|
|
13982
13959
|
this.showBib();
|
|
13983
|
-
} else if (
|
|
13960
|
+
} else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
|
|
13984
13961
|
// Force dropdown bib to hide if input value has no matching suggestions
|
|
13985
13962
|
this.hideBib();
|
|
13986
13963
|
}
|
|
13987
13964
|
|
|
13988
|
-
this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue} }));
|
|
13965
|
+
this.dispatchEvent(new CustomEvent('inputValue', { detail: { value: this.inputValue } }));
|
|
13989
13966
|
}
|
|
13990
13967
|
|
|
13991
13968
|
/**
|
|
@@ -14042,7 +14019,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14042
14019
|
evt.preventDefault();
|
|
14043
14020
|
|
|
14044
14021
|
// navigate on menu only when the focus is on input
|
|
14045
|
-
if (!this.dropdown.isBibFullscreen || this.
|
|
14022
|
+
if (!this.dropdown.isBibFullscreen || this.dropdown.isPopoverVisible) {
|
|
14046
14023
|
const direction = evt.key.replace('Arrow', '').toLowerCase();
|
|
14047
14024
|
this.menu.navigateOptions(direction);
|
|
14048
14025
|
}
|
|
@@ -14111,6 +14088,18 @@ class AuroCombobox extends AuroElement {
|
|
|
14111
14088
|
}
|
|
14112
14089
|
}
|
|
14113
14090
|
|
|
14091
|
+
/**
|
|
14092
|
+
* Sets the menu value if menu is available.
|
|
14093
|
+
* @param {string} value - The value to set on the menu.
|
|
14094
|
+
* @returns {void}
|
|
14095
|
+
*/
|
|
14096
|
+
setMenuValue(value) {
|
|
14097
|
+
if (!this.menu) {
|
|
14098
|
+
return;
|
|
14099
|
+
}
|
|
14100
|
+
this.menu.value = value;
|
|
14101
|
+
}
|
|
14102
|
+
|
|
14114
14103
|
/**
|
|
14115
14104
|
* Resets component to initial state.
|
|
14116
14105
|
* @returns {void}
|
|
@@ -14130,12 +14119,17 @@ class AuroCombobox extends AuroElement {
|
|
|
14130
14119
|
* @returns {void}
|
|
14131
14120
|
*/
|
|
14132
14121
|
clear() {
|
|
14133
|
-
|
|
14122
|
+
// Clear combobox state first
|
|
14123
|
+
this.optionSelected = undefined;
|
|
14124
|
+
this.value = undefined;
|
|
14125
|
+
|
|
14126
|
+
// Then clear input and menu
|
|
14127
|
+
if (this.input.value) {
|
|
14128
|
+
this.input.clear();
|
|
14129
|
+
}
|
|
14134
14130
|
if (this.menu.value || this.menu.optionSelected) {
|
|
14135
14131
|
this.menu.reset();
|
|
14136
14132
|
}
|
|
14137
|
-
this.optionSelected = undefined;
|
|
14138
|
-
this.value = undefined;
|
|
14139
14133
|
}
|
|
14140
14134
|
|
|
14141
14135
|
/**
|
|
@@ -14146,7 +14140,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14146
14140
|
this.validation.validate(this, force);
|
|
14147
14141
|
}
|
|
14148
14142
|
|
|
14149
|
-
|
|
14143
|
+
updated(changedProperties) {
|
|
14150
14144
|
// After the component is ready, send direct value changes to auro-menu.
|
|
14151
14145
|
if (changedProperties.has('value')) {
|
|
14152
14146
|
if (this.value && this.value.length > 0) {
|
|
@@ -14155,10 +14149,13 @@ class AuroCombobox extends AuroElement {
|
|
|
14155
14149
|
this.hasValue = false;
|
|
14156
14150
|
}
|
|
14157
14151
|
|
|
14158
|
-
if (this.hasValue && !this.input.value && (!this.menu.
|
|
14152
|
+
if (this.hasValue && !this.input.value && (!this.menu.options || this.menu.options.length === 0)) {
|
|
14159
14153
|
this.input.value = this.value;
|
|
14160
14154
|
}
|
|
14161
14155
|
|
|
14156
|
+
// Use setMenuValue like select does instead of direct assignment
|
|
14157
|
+
this.setMenuValue(this.value);
|
|
14158
|
+
|
|
14162
14159
|
if (this.value) {
|
|
14163
14160
|
// If the value got set programmatically make sure we hide the bib
|
|
14164
14161
|
// when input is not taking the focus (input can be in dropdown.trigger or in bibtemplate)
|
|
@@ -14169,13 +14166,19 @@ class AuroCombobox extends AuroElement {
|
|
|
14169
14166
|
this.clear();
|
|
14170
14167
|
}
|
|
14171
14168
|
|
|
14172
|
-
// Sync the input
|
|
14173
|
-
|
|
14169
|
+
// Sync the input and match word, but don't directly set menu.value again
|
|
14170
|
+
if (this.menu) {
|
|
14171
|
+
this.menu.matchWord = this.input.value;
|
|
14172
|
+
}
|
|
14174
14173
|
|
|
14175
14174
|
this.dispatchEvent(new CustomEvent('input', {
|
|
14176
14175
|
bubbles: true,
|
|
14177
14176
|
cancelable: false,
|
|
14178
14177
|
composed: true,
|
|
14178
|
+
detail: {
|
|
14179
|
+
optionSelected: this.menu.optionSelected,
|
|
14180
|
+
value: this.menu.value
|
|
14181
|
+
}
|
|
14179
14182
|
}));
|
|
14180
14183
|
|
|
14181
14184
|
// Deprecated, need to be removed.
|
|
@@ -14187,8 +14190,7 @@ class AuroCombobox extends AuroElement {
|
|
|
14187
14190
|
}
|
|
14188
14191
|
|
|
14189
14192
|
if (changedProperties.has('availableOptions')) {
|
|
14190
|
-
|
|
14191
|
-
if ((this.availableOptions && this.availableOptions.length > 0 && this.componentHasFocus) || this.menu.loading) {
|
|
14193
|
+
if ((this.availableOptions.length > 0 && this.componentHasFocus) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
|
|
14192
14194
|
this.showBib();
|
|
14193
14195
|
} else {
|
|
14194
14196
|
this.hideBib();
|
|
@@ -14303,11 +14305,11 @@ class AuroCombobox extends AuroElement {
|
|
|
14303
14305
|
<div>
|
|
14304
14306
|
<div aria-live="polite" class="util_displayHiddenVisually">
|
|
14305
14307
|
${this.optionActive && this.availableOptions.length > 0
|
|
14306
|
-
|
|
14308
|
+
? html`
|
|
14307
14309
|
${`${this.optionActive.textContent}, selected, ${this.availableOptions.indexOf(this.optionActive) + 1} of ${this.availableOptions.length}`}
|
|
14308
14310
|
`
|
|
14309
|
-
|
|
14310
|
-
|
|
14311
|
+
: undefined
|
|
14312
|
+
}
|
|
14311
14313
|
</div>
|
|
14312
14314
|
<${this.dropdownTag}
|
|
14313
14315
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -14389,21 +14391,21 @@ class AuroCombobox extends AuroElement {
|
|
|
14389
14391
|
|
|
14390
14392
|
<span slot="helpText">
|
|
14391
14393
|
${!this.validity || this.validity === 'valid'
|
|
14392
|
-
|
|
14394
|
+
? html`
|
|
14393
14395
|
<${this.helpTextTag} class="${classMap(helpTextContentClasses)}" appearance="${this.onDark ? 'inverse' : this.appearance}"">
|
|
14394
14396
|
<p id="${this.uniqueId}" part="helpText">
|
|
14395
14397
|
<slot name="helpText"></slot>
|
|
14396
14398
|
</p>
|
|
14397
14399
|
</${this.helpTextTag}>
|
|
14398
14400
|
`
|
|
14399
|
-
|
|
14401
|
+
: html`
|
|
14400
14402
|
<${this.helpTextTag} class="${classMap(errorTextContentClasses)}" error appearance="${this.onDark ? 'inverse' : this.appearance}"">
|
|
14401
14403
|
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
14402
14404
|
${this.errorMessage}
|
|
14403
14405
|
</p>
|
|
14404
14406
|
</${this.helpTextTag}>
|
|
14405
14407
|
`
|
|
14406
|
-
|
|
14408
|
+
}
|
|
14407
14409
|
</span>
|
|
14408
14410
|
</${this.dropdownTag}>
|
|
14409
14411
|
</div>
|