@aurodesignsystem-dev/auro-formkit 0.0.0-pr652.5 → 0.0.0-pr652.7
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/combobox/demo/api.min.js +45 -24
- package/components/combobox/demo/index.min.js +45 -24
- package/components/combobox/dist/index.js +42 -13
- package/components/combobox/dist/registered.js +42 -13
- package/components/counter/demo/api.min.js +22 -7
- package/components/counter/demo/index.min.js +22 -7
- package/components/counter/dist/index.js +22 -7
- package/components/counter/dist/registered.js +22 -7
- package/components/datepicker/demo/api.min.js +40 -13
- package/components/datepicker/demo/index.min.js +40 -13
- package/components/datepicker/dist/index.js +40 -13
- package/components/datepicker/dist/registered.js +40 -13
- package/components/dropdown/demo/api.md +1 -1
- package/components/dropdown/demo/api.min.js +22 -7
- package/components/dropdown/demo/index.min.js +22 -7
- package/components/dropdown/dist/auro-dropdown.d.ts +10 -0
- package/components/dropdown/dist/index.js +22 -7
- package/components/dropdown/dist/registered.js +22 -7
- package/components/input/demo/api.md +46 -48
- package/components/input/demo/api.min.js +18 -6
- package/components/input/demo/index.min.js +18 -6
- package/components/input/dist/auro-input.d.ts +17 -15
- package/components/input/dist/index.js +18 -6
- package/components/input/dist/registered.js +18 -6
- package/components/layoutElement/dist/index.js +2 -0
- package/components/menu/demo/api.html +41 -0
- package/components/menu/demo/api.md +3 -2
- package/components/menu/demo/api.min.js +5 -11
- package/components/menu/demo/index.min.js +5 -11
- package/components/menu/dist/auro-menu.d.ts +1 -1
- package/components/menu/dist/index.js +5 -11
- package/components/menu/dist/registered.js +5 -11
- package/components/select/demo/api.md +12 -4
- package/components/select/demo/api.min.js +741 -235
- package/components/select/demo/index.html +1 -0
- package/components/select/demo/index.md +28 -782
- package/components/select/demo/index.min.js +741 -235
- package/components/select/dist/auro-select.d.ts +74 -3
- package/components/select/dist/helptextVersion.d.ts +2 -0
- package/components/select/dist/index.js +666 -60
- package/components/select/dist/registered.js +666 -60
- package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/select/dist/styles/tokens-css.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1689,10 +1689,11 @@ const flip$1 = function (options) {
|
|
|
1689
1689
|
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
1690
1690
|
const nextPlacement = placements[nextIndex];
|
|
1691
1691
|
if (nextPlacement) {
|
|
1692
|
-
var _overflowsData$;
|
|
1693
1692
|
const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
|
|
1694
|
-
|
|
1695
|
-
if
|
|
1693
|
+
if (!ignoreCrossAxisOverflow ||
|
|
1694
|
+
// We leave the current main axis only if every placement on that axis
|
|
1695
|
+
// overflows the main axis.
|
|
1696
|
+
overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
|
|
1696
1697
|
// Try next placement and re-run the lifecycle.
|
|
1697
1698
|
return {
|
|
1698
1699
|
data: {
|
|
@@ -3805,7 +3806,7 @@ class AuroDropdownBib extends i$2 {
|
|
|
3805
3806
|
|
|
3806
3807
|
var dropdownVersion$1 = '3.0.0';
|
|
3807
3808
|
|
|
3808
|
-
var shapeSizeCss$1 = i$5`.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}.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-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}.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-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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-xl{min-height:
|
|
3809
|
+
var shapeSizeCss$1 = i$5`.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}.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;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}.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;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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;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}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:72px;max-height:72px;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}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:72px;max-height:72px;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}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-md{min-height:72px;max-height:72px;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}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:72px;max-height:72px;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}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:72px;max-height:72px;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}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;min-height:44px;max-height:44px}`;
|
|
3809
3810
|
|
|
3810
3811
|
var colorCss$1$3 = i$5`:host .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,:host(:not([ondark])) .wrapper:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-brand, #00274a)}:host([ondark]) .wrapper:focus,:host([ondark]) .wrapper:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-inverse, #ffffff)}:host([error]:not([ondark])){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([error][ondark]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helpText{color:var(--ds-auro-dropdown-helptext-text-color)}`;
|
|
3811
3812
|
|
|
@@ -3813,9 +3814,9 @@ var classicColorCss$1 = i$5`:host([layout*=classic]) .label{color:var(--ds-auro-
|
|
|
3813
3814
|
|
|
3814
3815
|
var classicLayoutCss = i$5`: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{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .trigger{display:flex;flex-direction:row}@media(hover: hover){:host([layout*=classic]) .trigger:hover{cursor:pointer}}:host([layout*=classic]) .triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) #showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}:host([layout*=classic]) #showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}:host([layout*=classic]) #showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([layout*=classic][fluid]){display:block}:host([layout*=classic][matchwidth]) #bibSizer{width:100%}:host([layout*=classic][disabled]){pointer-events:none}:host([layout*=classic][inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([layout*=classic][common]) .trigger,:host([layout*=classic][inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([layout*=classic][inset][bordered][labeled]) .trigger{padding:var(--ds-size-100, 0.5rem) var(--ds-size-150, 0.75rem)}:host([layout*=classic][common]) .trigger,:host([layout*=classic][rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
|
|
3815
3816
|
|
|
3816
|
-
var styleEmphasizedCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:
|
|
3817
|
+
var styleEmphasizedCss$1 = i$5`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-left:8px;margin-right:24px}.wrapper{display:flex;flex-direction:row}.trigger{flex:1;display:flex;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.triggerContent{overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap;width:100%}:host([layout*=emphasized][shape*=pill]:not([layout*=right])) .leftIndent{margin-left:24px;width:calc(100% - 24px)}:host([layout*=emphasized][shape*=pill]:not([layout*=left])) .rightIndent{margin-right:24px;width:calc(100% - 24px)}:host([layout*=emphasized][shape*=pill]:not([layout*=left]):not([layout*=right])) .rightIndent{margin-right:24px;width:calc(100% - 48px)}`;
|
|
3817
3818
|
|
|
3818
|
-
var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:
|
|
3819
|
+
var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:wrapper}.trigger{flex:1;display:flex;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.triggerContent{overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap;width:100%}:host([layout*=snowflake]) .leftIndent{margin-left:24px;width:calc(100% - 48px)}:host([layout*=snowflake]) .rightIndent{margin-right:24px;width:calc(100% - 48px)}.layout-snowflake .chevron,.layout-snowflake-left .chevron,.layout-snowflake-right .chevron{margin-left:8px;margin-right:24px}`;
|
|
3819
3820
|
|
|
3820
3821
|
var colorCss$6 = i$5`: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-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3821
3822
|
|
|
@@ -4060,6 +4061,8 @@ let AuroElement$4 = class AuroElement extends i$2 {
|
|
|
4060
4061
|
}
|
|
4061
4062
|
|
|
4062
4063
|
resetShapeClasses() {
|
|
4064
|
+
console.warn('resetShapeClasses');
|
|
4065
|
+
console.info(this);
|
|
4063
4066
|
if (this.shape && this.size) {
|
|
4064
4067
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
4065
4068
|
|
|
@@ -4149,6 +4152,7 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4149
4152
|
this.layout = 'classic';
|
|
4150
4153
|
this.shape = 'rounded';
|
|
4151
4154
|
this.size = 'xl';
|
|
4155
|
+
this.parentBorder = false;
|
|
4152
4156
|
|
|
4153
4157
|
this.privateDefaults();
|
|
4154
4158
|
}
|
|
@@ -4164,7 +4168,8 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4164
4168
|
'trigger': true,
|
|
4165
4169
|
'wrapper': true,
|
|
4166
4170
|
'hasFocus': this.hasFocus,
|
|
4167
|
-
'simple': this.simple
|
|
4171
|
+
'simple': this.simple,
|
|
4172
|
+
'parentBorder': this.parentBorder
|
|
4168
4173
|
};
|
|
4169
4174
|
}
|
|
4170
4175
|
|
|
@@ -4431,6 +4436,15 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4431
4436
|
reflect: true
|
|
4432
4437
|
},
|
|
4433
4438
|
|
|
4439
|
+
/**
|
|
4440
|
+
* Defines if the trigger should size based on the parent element providing the border UI.
|
|
4441
|
+
* @private
|
|
4442
|
+
*/
|
|
4443
|
+
parentBorder: {
|
|
4444
|
+
type: Boolean,
|
|
4445
|
+
reflect: true
|
|
4446
|
+
},
|
|
4447
|
+
|
|
4434
4448
|
/**
|
|
4435
4449
|
* If declared, the popover and trigger will be set to the same width.
|
|
4436
4450
|
*/
|
|
@@ -4957,6 +4971,7 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4957
4971
|
${this.chevron || this.common ? u$2`
|
|
4958
4972
|
<div
|
|
4959
4973
|
id="showStateIcon"
|
|
4974
|
+
class="chevron"
|
|
4960
4975
|
part="chevron">
|
|
4961
4976
|
<${this.iconTag}
|
|
4962
4977
|
category="interface"
|
|
@@ -5133,7 +5148,7 @@ var dropdownVersion = '3.0.0';
|
|
|
5133
5148
|
*/
|
|
5134
5149
|
const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e$1(class extends i{constructor(e){if(super(e),e.type!==t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r$1,c]){const d=p(s),{values:p$1,keys:a}=this.dt(t,r$1,c);if(!Array.isArray(d))return this.ut=a,p$1;const h=this.ut??=[],v$1=[];let m$1,y,x=0,j=d.length-1,k=0,w=p$1.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v$1[k]=v(d[x],p$1[k]),x++,k++;else if(h[j]===a[w])v$1[w]=v(d[j],p$1[w]),j--,w--;else if(h[x]===a[w])v$1[w]=v(d[x],p$1[w]),r(s,v$1[w+1],d[x]),x++,w--;else if(h[j]===a[k])v$1[k]=v(d[j],p$1[k]),r(s,d[x],d[j]),j--,k++;else if(void 0===m$1&&(m$1=u(a,k,w),y=u(h,x,j)),m$1.has(h[x]))if(m$1.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=r(s,d[x]);v(e,p$1[k]),v$1[k]=e;}else v$1[k]=v(t,p$1[k]),r(s,d[x],t),d[e]=null;k++;}else M(d[j]),j--;else M(d[x]),x++;for(;k<=w;){const e=r(s,v$1[w+1]);v(e,p$1[k]),v$1[k++]=e;}for(;x<=j;){const e=d[x++];null!==e&&M(e);}return this.ut=a,m(s,v$1),T}});
|
|
5135
5150
|
|
|
5136
|
-
var shapeSizeCss = i$5`.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}.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-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}.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-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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-xl{min-height:
|
|
5151
|
+
var shapeSizeCss = i$5`.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}.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;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}.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;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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;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}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:72px;max-height:72px;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}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:72px;max-height:72px;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}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-md{min-height:72px;max-height:72px;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}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:72px;max-height:72px;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}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:72px;max-height:72px;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}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;min-height:44px;max-height:44px}`;
|
|
5137
5152
|
|
|
5138
5153
|
var styleCss$4$1 = i$5`.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}`;
|
|
5139
5154
|
|
|
@@ -9995,6 +10010,8 @@ let AuroElement$1$1 = class AuroElement extends i$2 {
|
|
|
9995
10010
|
}
|
|
9996
10011
|
|
|
9997
10012
|
resetShapeClasses() {
|
|
10013
|
+
console.warn('resetShapeClasses');
|
|
10014
|
+
console.info(this);
|
|
9998
10015
|
if (this.shape && this.size) {
|
|
9999
10016
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
10000
10017
|
|
|
@@ -12246,7 +12263,7 @@ class AuroInput extends BaseInput {
|
|
|
12246
12263
|
/**
|
|
12247
12264
|
* Returns classmap configuration for html5 inputs in all layouts.
|
|
12248
12265
|
* @private
|
|
12249
|
-
* @returns {object} - Returns classmap
|
|
12266
|
+
* @returns {object} - Returns classmap.
|
|
12250
12267
|
*/
|
|
12251
12268
|
get commonInputClasses() {
|
|
12252
12269
|
return {
|
|
@@ -12255,9 +12272,9 @@ class AuroInput extends BaseInput {
|
|
|
12255
12272
|
}
|
|
12256
12273
|
|
|
12257
12274
|
/**
|
|
12258
|
-
* Returns classmap configuration for html5 inputs in
|
|
12275
|
+
* Returns classmap configuration for html5 inputs in each layout.
|
|
12259
12276
|
* @private
|
|
12260
|
-
* @return {object} - Returns classmap
|
|
12277
|
+
* @return {object} - Returns classmap.
|
|
12261
12278
|
*/
|
|
12262
12279
|
get legacyInputClasses() {
|
|
12263
12280
|
return {
|
|
@@ -12266,6 +12283,11 @@ class AuroInput extends BaseInput {
|
|
|
12266
12283
|
};
|
|
12267
12284
|
}
|
|
12268
12285
|
|
|
12286
|
+
/**
|
|
12287
|
+
* Returns classmap configuration for wrapper elements in each layout.
|
|
12288
|
+
* @private
|
|
12289
|
+
* @return {object} - Returns classmap.
|
|
12290
|
+
*/
|
|
12269
12291
|
get commonWrapperClasses() {
|
|
12270
12292
|
return {
|
|
12271
12293
|
'wrapper': true,
|
|
@@ -12274,6 +12296,11 @@ class AuroInput extends BaseInput {
|
|
|
12274
12296
|
};
|
|
12275
12297
|
}
|
|
12276
12298
|
|
|
12299
|
+
/**
|
|
12300
|
+
* Returns classmap configuration for helpText elements in each layout.
|
|
12301
|
+
* @private
|
|
12302
|
+
* @return {object} - Returns classmap.
|
|
12303
|
+
*/
|
|
12277
12304
|
get helpTextClasses() {
|
|
12278
12305
|
return {
|
|
12279
12306
|
'helpTextWrapper': true,
|
|
@@ -12527,9 +12554,9 @@ class AuroInput extends BaseInput {
|
|
|
12527
12554
|
}
|
|
12528
12555
|
|
|
12529
12556
|
/**
|
|
12530
|
-
* Returns HTML for the
|
|
12557
|
+
* Returns HTML for the classic layout.
|
|
12531
12558
|
* @private
|
|
12532
|
-
* @returns {import("lit").TemplateResult} - Returns HTML for the
|
|
12559
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
|
|
12533
12560
|
*/
|
|
12534
12561
|
renderLayoutClassic() {
|
|
12535
12562
|
return u$2`
|
|
@@ -13402,6 +13429,8 @@ let AuroElement$1 = class AuroElement extends i$2 {
|
|
|
13402
13429
|
}
|
|
13403
13430
|
|
|
13404
13431
|
resetShapeClasses() {
|
|
13432
|
+
console.warn('resetShapeClasses');
|
|
13433
|
+
console.info(this);
|
|
13405
13434
|
if (this.shape && this.size) {
|
|
13406
13435
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
13407
13436
|
|
|
@@ -14859,6 +14888,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
14859
14888
|
// State properties (reactive)
|
|
14860
14889
|
|
|
14861
14890
|
this.layout = "classic";
|
|
14891
|
+
this.shape = "box";
|
|
14862
14892
|
this.size = "medium";
|
|
14863
14893
|
|
|
14864
14894
|
// Value of the selected options
|
|
@@ -15082,15 +15112,6 @@ class AuroMenu extends AuroElement$1 {
|
|
|
15082
15112
|
this.querySelectorAll('auro-menu, [auro-menu], auro-menuoption, [auro-menuoption]').forEach((element) => element.setAttribute('noCheckmark', ''));
|
|
15083
15113
|
}
|
|
15084
15114
|
|
|
15085
|
-
if (changedProperties.has('layout')) {
|
|
15086
|
-
// Update both menus and options
|
|
15087
|
-
if (this.layout.includes("emphasized")) {
|
|
15088
|
-
this.shape = "rounded";
|
|
15089
|
-
} else {
|
|
15090
|
-
this.shape = undefined;
|
|
15091
|
-
}
|
|
15092
|
-
}
|
|
15093
|
-
|
|
15094
15115
|
// Handle layout propagation to all menus and options
|
|
15095
15116
|
const propagationTargets = this.querySelectorAll('auro-menu, [auro-menu], auro-menuoption, [auro-menuoption]');
|
|
15096
15117
|
[
|
|
@@ -15617,9 +15638,9 @@ class AuroMenu extends AuroElement$1 {
|
|
|
15617
15638
|
}
|
|
15618
15639
|
}
|
|
15619
15640
|
|
|
15620
|
-
var styleCss$1 = i$5`:host{cursor:pointer;user-select:none}:host .wrapper{display:flex;align-items:center;padding:var(--ds-size-
|
|
15641
|
+
var styleCss$1 = i$5`:host{cursor:pointer;user-select:none}:host .wrapper{display:flex;align-items:center;padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem));padding-right:var(--ds-size-200, 1rem);padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem));-webkit-tap-highlight-color:transparent}:host .wrapper[class*=shape-rounded]{border-radius:var(--ds-size-100, 0.5rem)}:host .wrapper[class*=-medium]{padding-top:var(--ds-size-50, 0.25rem);padding-bottom:var(--ds-size-50, 0.25rem)}:host .wrapper[class*=-large]{padding-top:var(--ds-size-100, 0.5rem);padding-bottom:var(--ds-size-100, 0.5rem);margin-bottom:var(--ds-size-100, 0.5rem)}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([loadingplaceholder]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host([selected]) .wrapper{padding-left:0}:host([nocheckmark]) .wrapper{padding-left:var(--ds-size-200, 1rem)}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){user-select:none;pointer-events:none}`;
|
|
15621
15642
|
|
|
15622
|
-
var emphasizedStyleCss = i$5`:host([layout*=emphasized]) .wrapper{
|
|
15643
|
+
var emphasizedStyleCss = i$5`:host([layout*=emphasized]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem));padding-right:var(--ds-size-200, 1rem);font-size:var(--ds-text-body-size-lg, 1.125rem);line-height:var(--ds-text-body-height-lg, 1.625rem)}:host([layout*=emphasized]) .wrapper[class*=-medium]{padding:var(--ds-size-75, 0.375rem) var(--ds-size-200, 1rem) var(--ds-size-75, 0.375rem) 0}:host([layout*=emphasized]) [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host([layout*=emphasized]) ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-100, 0.5rem)}:host([layout*=emphasized]) ::slotted(strong){font-weight:700}:host([layout*=emphasized][loadingplaceholder]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host([layout*=emphasized][selected]) .wrapper{padding-left:0}:host([layout*=emphasized][nocheckmark]) .wrapper[class*=-medium]{padding-left:var(--ds-size-100, 0.5rem)}:host([layout*=emphasized][nocheckmark]) .wrapper[class*=-large]{padding-left:var(--ds-size-200, 1rem)}`;
|
|
15623
15644
|
|
|
15624
15645
|
var colorCss$1 = i$5`:host .wrapper{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color)}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-basic-color-surface-neutral-subtle, #f7f7f7)}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([selected]):host(:hover),:host([selected]):host(.active){--ds-auro-menuoption-container-color: var(--ds-advanced-color-state-selected-hover, #00274a)}`;
|
|
15625
15646
|
|
|
@@ -1547,10 +1547,11 @@ const flip$1 = function (options) {
|
|
|
1547
1547
|
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
1548
1548
|
const nextPlacement = placements[nextIndex];
|
|
1549
1549
|
if (nextPlacement) {
|
|
1550
|
-
var _overflowsData$;
|
|
1551
1550
|
const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
|
|
1552
|
-
|
|
1553
|
-
if
|
|
1551
|
+
if (!ignoreCrossAxisOverflow ||
|
|
1552
|
+
// We leave the current main axis only if every placement on that axis
|
|
1553
|
+
// overflows the main axis.
|
|
1554
|
+
overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
|
|
1554
1555
|
// Try next placement and re-run the lifecycle.
|
|
1555
1556
|
return {
|
|
1556
1557
|
data: {
|
|
@@ -3663,7 +3664,7 @@ class AuroDropdownBib extends i$2 {
|
|
|
3663
3664
|
|
|
3664
3665
|
var dropdownVersion$1 = '3.0.0';
|
|
3665
3666
|
|
|
3666
|
-
var shapeSizeCss$1 = i$5`.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}.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-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}.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-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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-xl{min-height:
|
|
3667
|
+
var shapeSizeCss$1 = i$5`.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}.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;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}.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;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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;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}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:72px;max-height:72px;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}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:72px;max-height:72px;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}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-md{min-height:72px;max-height:72px;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}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:72px;max-height:72px;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}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:72px;max-height:72px;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}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;min-height:44px;max-height:44px}`;
|
|
3667
3668
|
|
|
3668
3669
|
var colorCss$1$3 = i$5`:host .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,:host(:not([ondark])) .wrapper:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-brand, #00274a)}:host([ondark]) .wrapper:focus,:host([ondark]) .wrapper:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-inverse, #ffffff)}:host([error]:not([ondark])){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([error][ondark]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helpText{color:var(--ds-auro-dropdown-helptext-text-color)}`;
|
|
3669
3670
|
|
|
@@ -3671,9 +3672,9 @@ var classicColorCss$1 = i$5`:host([layout*=classic]) .label{color:var(--ds-auro-
|
|
|
3671
3672
|
|
|
3672
3673
|
var classicLayoutCss = i$5`: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{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .trigger{display:flex;flex-direction:row}@media(hover: hover){:host([layout*=classic]) .trigger:hover{cursor:pointer}}:host([layout*=classic]) .triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) #showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}:host([layout*=classic]) #showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}:host([layout*=classic]) #showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([layout*=classic][fluid]){display:block}:host([layout*=classic][matchwidth]) #bibSizer{width:100%}:host([layout*=classic][disabled]){pointer-events:none}:host([layout*=classic][inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([layout*=classic][common]) .trigger,:host([layout*=classic][inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([layout*=classic][inset][bordered][labeled]) .trigger{padding:var(--ds-size-100, 0.5rem) var(--ds-size-150, 0.75rem)}:host([layout*=classic][common]) .trigger,:host([layout*=classic][rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
|
|
3673
3674
|
|
|
3674
|
-
var styleEmphasizedCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:
|
|
3675
|
+
var styleEmphasizedCss$1 = i$5`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-left:8px;margin-right:24px}.wrapper{display:flex;flex-direction:row}.trigger{flex:1;display:flex;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.triggerContent{overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap;width:100%}:host([layout*=emphasized][shape*=pill]:not([layout*=right])) .leftIndent{margin-left:24px;width:calc(100% - 24px)}:host([layout*=emphasized][shape*=pill]:not([layout*=left])) .rightIndent{margin-right:24px;width:calc(100% - 24px)}:host([layout*=emphasized][shape*=pill]:not([layout*=left]):not([layout*=right])) .rightIndent{margin-right:24px;width:calc(100% - 48px)}`;
|
|
3675
3676
|
|
|
3676
|
-
var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:
|
|
3677
|
+
var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:wrapper}.trigger{flex:1;display:flex;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.triggerContent{overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap;width:100%}:host([layout*=snowflake]) .leftIndent{margin-left:24px;width:calc(100% - 48px)}:host([layout*=snowflake]) .rightIndent{margin-right:24px;width:calc(100% - 48px)}.layout-snowflake .chevron,.layout-snowflake-left .chevron,.layout-snowflake-right .chevron{margin-left:8px;margin-right:24px}`;
|
|
3677
3678
|
|
|
3678
3679
|
var colorCss$6 = i$5`: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-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3679
3680
|
|
|
@@ -3918,6 +3919,8 @@ let AuroElement$4 = class AuroElement extends i$2 {
|
|
|
3918
3919
|
}
|
|
3919
3920
|
|
|
3920
3921
|
resetShapeClasses() {
|
|
3922
|
+
console.warn('resetShapeClasses');
|
|
3923
|
+
console.info(this);
|
|
3921
3924
|
if (this.shape && this.size) {
|
|
3922
3925
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
3923
3926
|
|
|
@@ -4007,6 +4010,7 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4007
4010
|
this.layout = 'classic';
|
|
4008
4011
|
this.shape = 'rounded';
|
|
4009
4012
|
this.size = 'xl';
|
|
4013
|
+
this.parentBorder = false;
|
|
4010
4014
|
|
|
4011
4015
|
this.privateDefaults();
|
|
4012
4016
|
}
|
|
@@ -4022,7 +4026,8 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4022
4026
|
'trigger': true,
|
|
4023
4027
|
'wrapper': true,
|
|
4024
4028
|
'hasFocus': this.hasFocus,
|
|
4025
|
-
'simple': this.simple
|
|
4029
|
+
'simple': this.simple,
|
|
4030
|
+
'parentBorder': this.parentBorder
|
|
4026
4031
|
};
|
|
4027
4032
|
}
|
|
4028
4033
|
|
|
@@ -4289,6 +4294,15 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4289
4294
|
reflect: true
|
|
4290
4295
|
},
|
|
4291
4296
|
|
|
4297
|
+
/**
|
|
4298
|
+
* Defines if the trigger should size based on the parent element providing the border UI.
|
|
4299
|
+
* @private
|
|
4300
|
+
*/
|
|
4301
|
+
parentBorder: {
|
|
4302
|
+
type: Boolean,
|
|
4303
|
+
reflect: true
|
|
4304
|
+
},
|
|
4305
|
+
|
|
4292
4306
|
/**
|
|
4293
4307
|
* If declared, the popover and trigger will be set to the same width.
|
|
4294
4308
|
*/
|
|
@@ -4815,6 +4829,7 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4815
4829
|
${this.chevron || this.common ? u$2`
|
|
4816
4830
|
<div
|
|
4817
4831
|
id="showStateIcon"
|
|
4832
|
+
class="chevron"
|
|
4818
4833
|
part="chevron">
|
|
4819
4834
|
<${this.iconTag}
|
|
4820
4835
|
category="interface"
|
|
@@ -4991,7 +5006,7 @@ var dropdownVersion = '3.0.0';
|
|
|
4991
5006
|
*/
|
|
4992
5007
|
const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e$1(class extends i{constructor(e){if(super(e),e.type!==t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r$1,c]){const d=p(s),{values:p$1,keys:a}=this.dt(t,r$1,c);if(!Array.isArray(d))return this.ut=a,p$1;const h=this.ut??=[],v$1=[];let m$1,y,x=0,j=d.length-1,k=0,w=p$1.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v$1[k]=v(d[x],p$1[k]),x++,k++;else if(h[j]===a[w])v$1[w]=v(d[j],p$1[w]),j--,w--;else if(h[x]===a[w])v$1[w]=v(d[x],p$1[w]),r(s,v$1[w+1],d[x]),x++,w--;else if(h[j]===a[k])v$1[k]=v(d[j],p$1[k]),r(s,d[x],d[j]),j--,k++;else if(void 0===m$1&&(m$1=u(a,k,w),y=u(h,x,j)),m$1.has(h[x]))if(m$1.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=r(s,d[x]);v(e,p$1[k]),v$1[k]=e;}else v$1[k]=v(t,p$1[k]),r(s,d[x],t),d[e]=null;k++;}else M(d[j]),j--;else M(d[x]),x++;for(;k<=w;){const e=r(s,v$1[w+1]);v(e,p$1[k]),v$1[k++]=e;}for(;x<=j;){const e=d[x++];null!==e&&M(e);}return this.ut=a,m(s,v$1),T}});
|
|
4993
5008
|
|
|
4994
|
-
var shapeSizeCss = i$5`.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}.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-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}.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-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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-xl{min-height:
|
|
5009
|
+
var shapeSizeCss = i$5`.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}.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;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}.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;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}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;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}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;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}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:72px;max-height:72px;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}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:72px;max-height:72px;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}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-md{min-height:72px;max-height:72px;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}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:72px;max-height:72px;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}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:72px;max-height:72px;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}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;min-height:44px;max-height:44px}`;
|
|
4995
5010
|
|
|
4996
5011
|
var styleCss$4$1 = i$5`.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}`;
|
|
4997
5012
|
|
|
@@ -9853,6 +9868,8 @@ let AuroElement$1$1 = class AuroElement extends i$2 {
|
|
|
9853
9868
|
}
|
|
9854
9869
|
|
|
9855
9870
|
resetShapeClasses() {
|
|
9871
|
+
console.warn('resetShapeClasses');
|
|
9872
|
+
console.info(this);
|
|
9856
9873
|
if (this.shape && this.size) {
|
|
9857
9874
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
9858
9875
|
|
|
@@ -12104,7 +12121,7 @@ class AuroInput extends BaseInput {
|
|
|
12104
12121
|
/**
|
|
12105
12122
|
* Returns classmap configuration for html5 inputs in all layouts.
|
|
12106
12123
|
* @private
|
|
12107
|
-
* @returns {object} - Returns classmap
|
|
12124
|
+
* @returns {object} - Returns classmap.
|
|
12108
12125
|
*/
|
|
12109
12126
|
get commonInputClasses() {
|
|
12110
12127
|
return {
|
|
@@ -12113,9 +12130,9 @@ class AuroInput extends BaseInput {
|
|
|
12113
12130
|
}
|
|
12114
12131
|
|
|
12115
12132
|
/**
|
|
12116
|
-
* Returns classmap configuration for html5 inputs in
|
|
12133
|
+
* Returns classmap configuration for html5 inputs in each layout.
|
|
12117
12134
|
* @private
|
|
12118
|
-
* @return {object} - Returns classmap
|
|
12135
|
+
* @return {object} - Returns classmap.
|
|
12119
12136
|
*/
|
|
12120
12137
|
get legacyInputClasses() {
|
|
12121
12138
|
return {
|
|
@@ -12124,6 +12141,11 @@ class AuroInput extends BaseInput {
|
|
|
12124
12141
|
};
|
|
12125
12142
|
}
|
|
12126
12143
|
|
|
12144
|
+
/**
|
|
12145
|
+
* Returns classmap configuration for wrapper elements in each layout.
|
|
12146
|
+
* @private
|
|
12147
|
+
* @return {object} - Returns classmap.
|
|
12148
|
+
*/
|
|
12127
12149
|
get commonWrapperClasses() {
|
|
12128
12150
|
return {
|
|
12129
12151
|
'wrapper': true,
|
|
@@ -12132,6 +12154,11 @@ class AuroInput extends BaseInput {
|
|
|
12132
12154
|
};
|
|
12133
12155
|
}
|
|
12134
12156
|
|
|
12157
|
+
/**
|
|
12158
|
+
* Returns classmap configuration for helpText elements in each layout.
|
|
12159
|
+
* @private
|
|
12160
|
+
* @return {object} - Returns classmap.
|
|
12161
|
+
*/
|
|
12135
12162
|
get helpTextClasses() {
|
|
12136
12163
|
return {
|
|
12137
12164
|
'helpTextWrapper': true,
|
|
@@ -12385,9 +12412,9 @@ class AuroInput extends BaseInput {
|
|
|
12385
12412
|
}
|
|
12386
12413
|
|
|
12387
12414
|
/**
|
|
12388
|
-
* Returns HTML for the
|
|
12415
|
+
* Returns HTML for the classic layout.
|
|
12389
12416
|
* @private
|
|
12390
|
-
* @returns {import("lit").TemplateResult} - Returns HTML for the
|
|
12417
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
|
|
12391
12418
|
*/
|
|
12392
12419
|
renderLayoutClassic() {
|
|
12393
12420
|
return u$2`
|
|
@@ -13260,6 +13287,8 @@ let AuroElement$1 = class AuroElement extends i$2 {
|
|
|
13260
13287
|
}
|
|
13261
13288
|
|
|
13262
13289
|
resetShapeClasses() {
|
|
13290
|
+
console.warn('resetShapeClasses');
|
|
13291
|
+
console.info(this);
|
|
13263
13292
|
if (this.shape && this.size) {
|
|
13264
13293
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
13265
13294
|
|
|
@@ -14717,6 +14746,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
14717
14746
|
// State properties (reactive)
|
|
14718
14747
|
|
|
14719
14748
|
this.layout = "classic";
|
|
14749
|
+
this.shape = "box";
|
|
14720
14750
|
this.size = "medium";
|
|
14721
14751
|
|
|
14722
14752
|
// Value of the selected options
|
|
@@ -14940,15 +14970,6 @@ class AuroMenu extends AuroElement$1 {
|
|
|
14940
14970
|
this.querySelectorAll('auro-menu, [auro-menu], auro-menuoption, [auro-menuoption]').forEach((element) => element.setAttribute('noCheckmark', ''));
|
|
14941
14971
|
}
|
|
14942
14972
|
|
|
14943
|
-
if (changedProperties.has('layout')) {
|
|
14944
|
-
// Update both menus and options
|
|
14945
|
-
if (this.layout.includes("emphasized")) {
|
|
14946
|
-
this.shape = "rounded";
|
|
14947
|
-
} else {
|
|
14948
|
-
this.shape = undefined;
|
|
14949
|
-
}
|
|
14950
|
-
}
|
|
14951
|
-
|
|
14952
14973
|
// Handle layout propagation to all menus and options
|
|
14953
14974
|
const propagationTargets = this.querySelectorAll('auro-menu, [auro-menu], auro-menuoption, [auro-menuoption]');
|
|
14954
14975
|
[
|
|
@@ -15475,9 +15496,9 @@ class AuroMenu extends AuroElement$1 {
|
|
|
15475
15496
|
}
|
|
15476
15497
|
}
|
|
15477
15498
|
|
|
15478
|
-
var styleCss$1 = i$5`:host{cursor:pointer;user-select:none}:host .wrapper{display:flex;align-items:center;padding:var(--ds-size-
|
|
15499
|
+
var styleCss$1 = i$5`:host{cursor:pointer;user-select:none}:host .wrapper{display:flex;align-items:center;padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem));padding-right:var(--ds-size-200, 1rem);padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem));-webkit-tap-highlight-color:transparent}:host .wrapper[class*=shape-rounded]{border-radius:var(--ds-size-100, 0.5rem)}:host .wrapper[class*=-medium]{padding-top:var(--ds-size-50, 0.25rem);padding-bottom:var(--ds-size-50, 0.25rem)}:host .wrapper[class*=-large]{padding-top:var(--ds-size-100, 0.5rem);padding-bottom:var(--ds-size-100, 0.5rem);margin-bottom:var(--ds-size-100, 0.5rem)}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([loadingplaceholder]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host([selected]) .wrapper{padding-left:0}:host([nocheckmark]) .wrapper{padding-left:var(--ds-size-200, 1rem)}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){user-select:none;pointer-events:none}`;
|
|
15479
15500
|
|
|
15480
|
-
var emphasizedStyleCss = i$5`:host([layout*=emphasized]) .wrapper{
|
|
15501
|
+
var emphasizedStyleCss = i$5`:host([layout*=emphasized]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem));padding-right:var(--ds-size-200, 1rem);font-size:var(--ds-text-body-size-lg, 1.125rem);line-height:var(--ds-text-body-height-lg, 1.625rem)}:host([layout*=emphasized]) .wrapper[class*=-medium]{padding:var(--ds-size-75, 0.375rem) var(--ds-size-200, 1rem) var(--ds-size-75, 0.375rem) 0}:host([layout*=emphasized]) [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host([layout*=emphasized]) ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-100, 0.5rem)}:host([layout*=emphasized]) ::slotted(strong){font-weight:700}:host([layout*=emphasized][loadingplaceholder]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host([layout*=emphasized][selected]) .wrapper{padding-left:0}:host([layout*=emphasized][nocheckmark]) .wrapper[class*=-medium]{padding-left:var(--ds-size-100, 0.5rem)}:host([layout*=emphasized][nocheckmark]) .wrapper[class*=-large]{padding-left:var(--ds-size-200, 1rem)}`;
|
|
15481
15502
|
|
|
15482
15503
|
var colorCss$1 = i$5`:host .wrapper{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color)}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-basic-color-surface-neutral-subtle, #f7f7f7)}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-menuoption-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([selected]):host(:hover),:host([selected]):host(.active){--ds-auro-menuoption-container-color: var(--ds-advanced-color-state-selected-hover, #00274a)}`;
|
|
15483
15504
|
|