@aurodesignsystem-dev/auro-formkit 0.0.0-pr794.0 → 0.0.0-pr798.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.min.js +4 -2
- package/components/checkbox/demo/index.min.js +4 -2
- package/components/checkbox/dist/index.js +4 -2
- package/components/checkbox/dist/registered.js +4 -2
- package/components/combobox/demo/api.min.js +21 -28
- package/components/combobox/demo/index.min.js +21 -28
- package/components/combobox/dist/index.js +13 -6
- package/components/combobox/dist/registered.js +13 -6
- package/components/counter/demo/api.min.js +10 -5
- package/components/counter/demo/index.md +4 -4
- package/components/counter/demo/index.min.js +10 -5
- package/components/counter/dist/index.js +10 -5
- package/components/counter/dist/registered.js +10 -5
- package/components/datepicker/demo/api.min.js +13 -6
- package/components/datepicker/demo/index.min.js +13 -6
- package/components/datepicker/dist/index.js +13 -6
- package/components/datepicker/dist/registered.js +13 -6
- package/components/dropdown/demo/api.md +7 -6
- package/components/dropdown/demo/api.min.js +5 -2
- package/components/dropdown/demo/index.min.js +5 -2
- package/components/dropdown/dist/index.js +5 -2
- package/components/dropdown/dist/registered.js +5 -2
- package/components/helptext/dist/auro-helptext.d.ts +2 -0
- package/components/helptext/dist/index.js +4 -2
- package/components/helptext/dist/registered.js +4 -2
- package/components/input/demo/api.min.js +4 -2
- package/components/input/demo/index.min.js +4 -2
- package/components/input/dist/index.js +4 -2
- package/components/input/dist/registered.js +4 -2
- package/components/menu/demo/api.html +15 -0
- package/components/menu/demo/api.md +12 -12
- package/components/menu/demo/api.min.js +8 -22
- package/components/menu/demo/index.min.js +8 -22
- package/components/menu/dist/auro-menu.d.ts +2 -2
- package/components/menu/dist/auro-menuoption.d.ts +2 -2
- package/components/menu/dist/index.js +8 -22
- package/components/menu/dist/registered.js +8 -22
- package/components/radio/demo/api.min.js +4 -2
- package/components/radio/demo/index.min.js +4 -2
- package/components/radio/dist/index.js +4 -2
- package/components/radio/dist/registered.js +4 -2
- package/components/select/demo/api.md +6 -3
- package/components/select/demo/api.min.js +21 -26
- package/components/select/demo/index.min.js +21 -26
- package/components/select/dist/auro-select.d.ts +4 -0
- package/components/select/dist/index.js +13 -4
- package/components/select/dist/registered.js +13 -4
- package/package.json +1 -1
|
@@ -1241,7 +1241,7 @@ var colorCss$1 = i$5`:host{color:var(--ds-auro-checkbox-group-text-color)}:host(
|
|
|
1241
1241
|
|
|
1242
1242
|
var colorCss = 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-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
1243
1243
|
|
|
1244
|
-
var styleCss = i$5
|
|
1244
|
+
var styleCss = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
1245
1245
|
|
|
1246
1246
|
var tokensCss = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
1247
1247
|
|
|
@@ -1321,6 +1321,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
1321
1321
|
|
|
1322
1322
|
/**
|
|
1323
1323
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
1324
|
+
*
|
|
1325
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
1324
1326
|
*/
|
|
1325
1327
|
class AuroHelpText extends i$2 {
|
|
1326
1328
|
|
|
@@ -1436,7 +1438,7 @@ class AuroHelpText extends i$2 {
|
|
|
1436
1438
|
// function that renders the HTML and CSS into the scope of the component
|
|
1437
1439
|
render() {
|
|
1438
1440
|
return x`
|
|
1439
|
-
<div class="helptext-wrapper
|
|
1441
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
1440
1442
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1441
1443
|
</div>
|
|
1442
1444
|
`;
|
|
@@ -1233,7 +1233,7 @@ var colorCss$1 = i$5`:host{color:var(--ds-auro-checkbox-group-text-color)}:host(
|
|
|
1233
1233
|
|
|
1234
1234
|
var colorCss = 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-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
1235
1235
|
|
|
1236
|
-
var styleCss = i$5
|
|
1236
|
+
var styleCss = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
1237
1237
|
|
|
1238
1238
|
var tokensCss = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
1239
1239
|
|
|
@@ -1313,6 +1313,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
1313
1313
|
|
|
1314
1314
|
/**
|
|
1315
1315
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
1316
|
+
*
|
|
1317
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
1316
1318
|
*/
|
|
1317
1319
|
class AuroHelpText extends i$2 {
|
|
1318
1320
|
|
|
@@ -1428,7 +1430,7 @@ class AuroHelpText extends i$2 {
|
|
|
1428
1430
|
// function that renders the HTML and CSS into the scope of the component
|
|
1429
1431
|
render() {
|
|
1430
1432
|
return x`
|
|
1431
|
-
<div class="helptext-wrapper
|
|
1433
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
1432
1434
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1433
1435
|
</div>
|
|
1434
1436
|
`;
|
|
@@ -1186,7 +1186,7 @@ var colorCss$1 = css`:host{color:var(--ds-auro-checkbox-group-text-color)}:host(
|
|
|
1186
1186
|
|
|
1187
1187
|
var colorCss = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
1188
1188
|
|
|
1189
|
-
var styleCss = css
|
|
1189
|
+
var styleCss = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
1190
1190
|
|
|
1191
1191
|
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
1192
1192
|
|
|
@@ -1266,6 +1266,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
1266
1266
|
|
|
1267
1267
|
/**
|
|
1268
1268
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
1269
|
+
*
|
|
1270
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
1269
1271
|
*/
|
|
1270
1272
|
class AuroHelpText extends LitElement {
|
|
1271
1273
|
|
|
@@ -1381,7 +1383,7 @@ class AuroHelpText extends LitElement {
|
|
|
1381
1383
|
// function that renders the HTML and CSS into the scope of the component
|
|
1382
1384
|
render() {
|
|
1383
1385
|
return html`
|
|
1384
|
-
<div class="helptext-wrapper
|
|
1386
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
1385
1387
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1386
1388
|
</div>
|
|
1387
1389
|
`;
|
|
@@ -1186,7 +1186,7 @@ var colorCss$1 = css`:host{color:var(--ds-auro-checkbox-group-text-color)}:host(
|
|
|
1186
1186
|
|
|
1187
1187
|
var colorCss = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
1188
1188
|
|
|
1189
|
-
var styleCss = css
|
|
1189
|
+
var styleCss = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
1190
1190
|
|
|
1191
1191
|
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
1192
1192
|
|
|
@@ -1266,6 +1266,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
1266
1266
|
|
|
1267
1267
|
/**
|
|
1268
1268
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
1269
|
+
*
|
|
1270
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
1269
1271
|
*/
|
|
1270
1272
|
class AuroHelpText extends LitElement {
|
|
1271
1273
|
|
|
@@ -1381,7 +1383,7 @@ class AuroHelpText extends LitElement {
|
|
|
1381
1383
|
// function that renders the HTML and CSS into the scope of the component
|
|
1382
1384
|
render() {
|
|
1383
1385
|
return html`
|
|
1384
|
-
<div class="helptext-wrapper
|
|
1386
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
1385
1387
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1386
1388
|
</div>
|
|
1387
1389
|
`;
|
|
@@ -4268,7 +4268,7 @@ var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex:1;f
|
|
|
4268
4268
|
|
|
4269
4269
|
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-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
4270
4270
|
|
|
4271
|
-
var styleCss$7 = i$5
|
|
4271
|
+
var styleCss$7 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
4272
4272
|
|
|
4273
4273
|
var tokensCss$6 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
4274
4274
|
|
|
@@ -4348,6 +4348,8 @@ let AuroLibraryRuntimeUtils$6 = class AuroLibraryRuntimeUtils {
|
|
|
4348
4348
|
|
|
4349
4349
|
/**
|
|
4350
4350
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
4351
|
+
*
|
|
4352
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
4351
4353
|
*/
|
|
4352
4354
|
let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
4353
4355
|
|
|
@@ -4463,7 +4465,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
4463
4465
|
// function that renders the HTML and CSS into the scope of the component
|
|
4464
4466
|
render() {
|
|
4465
4467
|
return x`
|
|
4466
|
-
<div class="helptext-wrapper
|
|
4468
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
4467
4469
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
4468
4470
|
</div>
|
|
4469
4471
|
`;
|
|
@@ -4577,6 +4579,7 @@ let AuroElement$4 = class AuroElement extends i$2 {
|
|
|
4577
4579
|
* @slot trigger - Defines the content of the trigger.
|
|
4578
4580
|
* @csspart trigger - The trigger content container.
|
|
4579
4581
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
4582
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
4580
4583
|
* @csspart helpText - The helpText content container.
|
|
4581
4584
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
4582
4585
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -13027,7 +13030,7 @@ var buttonVersion$1 = '11.0.0';
|
|
|
13027
13030
|
|
|
13028
13031
|
var colorCss$5 = 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-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
13029
13032
|
|
|
13030
|
-
var styleCss$6 = i$5
|
|
13033
|
+
var styleCss$6 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
13031
13034
|
|
|
13032
13035
|
var tokensCss$5 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
13033
13036
|
|
|
@@ -13107,6 +13110,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
13107
13110
|
|
|
13108
13111
|
/**
|
|
13109
13112
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
13113
|
+
*
|
|
13114
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
13110
13115
|
*/
|
|
13111
13116
|
let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
13112
13117
|
|
|
@@ -13222,7 +13227,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
13222
13227
|
// function that renders the HTML and CSS into the scope of the component
|
|
13223
13228
|
render() {
|
|
13224
13229
|
return x`
|
|
13225
|
-
<div class="helptext-wrapper
|
|
13230
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
13226
13231
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
13227
13232
|
</div>
|
|
13228
13233
|
`;
|
|
@@ -15759,7 +15764,7 @@ let AuroElement$1 = class AuroElement extends i$2 {
|
|
|
15759
15764
|
|
|
15760
15765
|
var colorCss$3 = 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-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
15761
15766
|
|
|
15762
|
-
var styleCss$3 = i$5
|
|
15767
|
+
var styleCss$3 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
15763
15768
|
|
|
15764
15769
|
var tokensCss$2 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
15765
15770
|
|
|
@@ -15839,6 +15844,8 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
15839
15844
|
|
|
15840
15845
|
/**
|
|
15841
15846
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
15847
|
+
*
|
|
15848
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
15842
15849
|
*/
|
|
15843
15850
|
class AuroHelpText extends i$2 {
|
|
15844
15851
|
|
|
@@ -15954,7 +15961,7 @@ class AuroHelpText extends i$2 {
|
|
|
15954
15961
|
// function that renders the HTML and CSS into the scope of the component
|
|
15955
15962
|
render() {
|
|
15956
15963
|
return x`
|
|
15957
|
-
<div class="helptext-wrapper
|
|
15964
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
15958
15965
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
15959
15966
|
</div>
|
|
15960
15967
|
`;
|
|
@@ -17069,7 +17076,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17069
17076
|
}
|
|
17070
17077
|
}
|
|
17071
17078
|
|
|
17072
|
-
var styleCss$2 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{display:block;vertical-align:middle}:host .wrapper{box-sizing:border-box;display:inline-block;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;display:inline-block}:host [loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}:host([root]){overflow-y:auto}:host([root]) .wrapper[class*=-lg]{padding:var(--ds-size-150, 0.75rem)}:host([root]) .wrapper[class*=-xl]{padding:var(--ds-size-200, 1rem)}`;
|
|
17079
|
+
var styleCss$2 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{display:block;vertical-align:middle}:host .wrapper{box-sizing:border-box;display:inline-block;width:100%;margin:0;padding:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host [loadingplaceholder].empty{opacity:0;position:absolute}:host [loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;line-height:1;display:inline-block}:host [loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}:host([root]){overflow-y:auto}:host([root]) .wrapper[class*=-lg]{padding:var(--ds-size-150, 0.75rem)}:host([root]) .wrapper[class*=-xl]{padding:var(--ds-size-200, 1rem)}`;
|
|
17073
17080
|
|
|
17074
17081
|
var colorCss$2 = i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color)}[loadingplaceholder] slot[name=loadingIcon]{color:var(--ds-auro-menu-loader-color)}[loadingplaceholder] slot[name=loadingText]{color:var(--ds-auro-menu-loader-text-color)}`;
|
|
17075
17082
|
|
|
@@ -17146,8 +17153,8 @@ class AuroMenu extends AuroElement$1 {
|
|
|
17146
17153
|
|
|
17147
17154
|
// State properties (reactive)
|
|
17148
17155
|
|
|
17149
|
-
this.shape =
|
|
17150
|
-
this.size =
|
|
17156
|
+
this.shape = ""; // box, rounded, pill
|
|
17157
|
+
this.size = ""; // md, lg, xl
|
|
17151
17158
|
|
|
17152
17159
|
// Value of the selected options
|
|
17153
17160
|
this.value = undefined;
|
|
@@ -17895,7 +17902,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
17895
17902
|
class="${this.hasLoadingPlaceholder ? "" : "empty"}"
|
|
17896
17903
|
>
|
|
17897
17904
|
<div>
|
|
17898
|
-
<slot name="loadingIcon"
|
|
17905
|
+
<slot name="loadingIcon"></slot>
|
|
17899
17906
|
<slot name="loadingText"></slot>
|
|
17900
17907
|
</div>
|
|
17901
17908
|
</auro-menuoption>
|
|
@@ -17911,7 +17918,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
17911
17918
|
}
|
|
17912
17919
|
}
|
|
17913
17920
|
|
|
17914
|
-
var styleCss$1 = i$5`:host{cursor:pointer;user-select:none}:host .wrapper{display:flex;align-items:center;padding-right:var(--ds-size-200, 1rem);padding-left:calc(var(--ds-size-150, 0.75rem) + var(--ds-size-300, 1.5rem) + var(--ds-size-100, 0.5rem));padding-top:var(--ds-size-50, 0.25rem);padding-bottom:var(--ds-size-50, 0.25rem);-webkit-tap-highlight-color:transparent}:host .wrapper[class*=shape-box],:host .wrapper[class*=shape-snowflake]{border-radius:unset}:host .wrapper[class*=shape-pill]{border-radius:30px}:host .wrapper[class*=-lg]{padding-top:var(--ds-size-75, 0.375rem);padding-bottom:var(--ds-size-75, 0.375rem);padding-right:var(--ds-size-150, 0.75rem)}:host .wrapper[class*=-lg]:not(:last-child){margin-bottom:var(--ds-size-50, 0.25rem)}:host .wrapper[class*=-xl]{padding-top:var(--ds-size-100, 0.5rem);padding-bottom:var(--ds-size-100, 0.5rem);padding-right:var(--ds-size-200, 1rem)}:host .wrapper[class*=-xl]:not(:last-child){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([loadingplaceholder]) .wrapper{padding-left:calc(var(--ds-size-150, 0.75rem) + var(--ds-size-300, 1.5rem) + var(--ds-size-100, 0.5rem))}:host([selected]) .wrapper{padding-left:0}:host([nocheckmark]) .wrapper{padding-left:var(--ds-size-150, 0.75rem)}:host([nocheckmark]) .wrapper[class*=-lg]{padding-left:var(--ds-size-150, 0.75rem)}:host([nocheckmark]) .wrapper[class*=-xl]{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}`;
|
|
17921
|
+
var styleCss$1 = i$5`:host{cursor:pointer;user-select:none}:host .wrapper{display:flex;align-items:center;padding-right:var(--ds-size-200, 1rem);padding-left:calc(var(--ds-size-150, 0.75rem) + var(--ds-size-300, 1.5rem) + var(--ds-size-100, 0.5rem));padding-top:var(--ds-size-50, 0.25rem);padding-bottom:var(--ds-size-50, 0.25rem);-webkit-tap-highlight-color:transparent}:host .wrapper[class*=shape-box],:host .wrapper[class*=shape-snowflake]{border-radius:unset}:host .wrapper[class*=shape-pill]{border-radius:30px}:host .wrapper[class*=-lg]{font-size:var(--ds-text-body-size-lg, 1.125rem);line-height:var(--ds-text-body-height-lg, 1.625rem);padding-top:var(--ds-size-75, 0.375rem);padding-bottom:var(--ds-size-75, 0.375rem);padding-right:var(--ds-size-150, 0.75rem)}:host .wrapper[class*=-lg]:not(:last-child){margin-bottom:var(--ds-size-50, 0.25rem)}:host .wrapper[class*=-xl]{font-size:var(--ds-text-body-size-lg, 1.125rem);line-height:var(--ds-text-body-height-lg, 1.625rem);padding-top:var(--ds-size-100, 0.5rem);padding-bottom:var(--ds-size-100, 0.5rem);padding-right:var(--ds-size-200, 1rem)}:host .wrapper[class*=-xl]:not(:last-child){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) + var(--ds-size-300, 1.5rem) + var(--ds-size-100, 0.5rem))}:host([selected]) .wrapper{padding-left:0}:host([nocheckmark]) .wrapper{padding-left:var(--ds-size-150, 0.75rem)}:host([nocheckmark]) .wrapper[class*=-lg]{padding-left:var(--ds-size-150, 0.75rem)}:host([nocheckmark]) .wrapper[class*=-xl]{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}`;
|
|
17915
17922
|
|
|
17916
17923
|
var colorCss$1 = i$5`:host .wrapper{border:1px solid var(--ds-auro-menuoption-container-border-color);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)}`;
|
|
17917
17924
|
|
|
@@ -18332,8 +18339,8 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
18332
18339
|
constructor() {
|
|
18333
18340
|
super();
|
|
18334
18341
|
|
|
18335
|
-
this.size =
|
|
18336
|
-
this.shape =
|
|
18342
|
+
this.size = ""; // md, lg, xl
|
|
18343
|
+
this.shape = ""; // box, rounded, pill
|
|
18337
18344
|
|
|
18338
18345
|
/**
|
|
18339
18346
|
* Generate unique names for dependency components.
|
|
@@ -18449,22 +18456,8 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
18449
18456
|
* @returns {void}
|
|
18450
18457
|
*/
|
|
18451
18458
|
renderLayout() {
|
|
18452
|
-
|
|
18453
|
-
const fontClassMap = {
|
|
18454
|
-
xs: 'body-default',
|
|
18455
|
-
sm: 'body-default',
|
|
18456
|
-
md: 'body-default',
|
|
18457
|
-
lg: 'body-lg',
|
|
18458
|
-
xl: 'body-lg'
|
|
18459
|
-
};
|
|
18460
|
-
|
|
18461
|
-
const classes = e({
|
|
18462
|
-
wrapper: true,
|
|
18463
|
-
[this.size ? fontClassMap[this.size] : 'body-default']: true,
|
|
18464
|
-
});
|
|
18465
|
-
|
|
18466
18459
|
return u$2`
|
|
18467
|
-
<div class="
|
|
18460
|
+
<div class="wrapper">
|
|
18468
18461
|
${this.selected && !this.nocheckmark
|
|
18469
18462
|
? this.generateIconHtml(checkmarkIcon.svg)
|
|
18470
18463
|
: undefined}
|