@aurodesignsystem-dev/auro-formkit 0.0.0-pr1098.0 → 0.0.0-pr1098.1

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.
Files changed (27) hide show
  1. package/components/combobox/demo/api.min.js +35 -10
  2. package/components/combobox/demo/index.min.js +35 -10
  3. package/components/combobox/dist/auro-combobox.d.ts +1 -0
  4. package/components/combobox/dist/index.js +28 -9
  5. package/components/combobox/dist/registered.js +28 -9
  6. package/components/counter/demo/api.min.js +1 -1
  7. package/components/counter/demo/index.min.js +1 -1
  8. package/components/counter/dist/index.js +1 -1
  9. package/components/counter/dist/registered.js +1 -1
  10. package/components/datepicker/demo/api.min.js +1 -1
  11. package/components/datepicker/demo/index.min.js +1 -1
  12. package/components/datepicker/dist/index.js +1 -1
  13. package/components/datepicker/dist/registered.js +1 -1
  14. package/components/dropdown/demo/api.min.js +1 -1
  15. package/components/dropdown/demo/index.min.js +1 -1
  16. package/components/dropdown/dist/index.js +1 -1
  17. package/components/dropdown/dist/registered.js +1 -1
  18. package/components/menu/demo/api.min.js +7 -1
  19. package/components/menu/demo/index.min.js +7 -1
  20. package/components/menu/dist/index.js +7 -1
  21. package/components/menu/dist/registered.js +7 -1
  22. package/components/select/demo/api.min.js +36 -9
  23. package/components/select/demo/index.min.js +36 -9
  24. package/components/select/dist/auro-select.d.ts +2 -0
  25. package/components/select/dist/index.js +29 -8
  26. package/components/select/dist/registered.js +29 -8
  27. package/package.json +1 -1
package/components/combobox/demo/api.min.js CHANGED
@@ -4137,7 +4137,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
4137
4137
 
4138
4138
  var iconVersion$3 = '8.1.2';
4139
4139
 
4140
- var styleCss$2$3 = i$5`: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}.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}`;
4140
+ var styleCss$2$3 = i$5`: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}`;
4141
4141
 
4142
4142
  var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
4143
4143
 
@@ -16981,13 +16981,21 @@ class AuroCombobox extends AuroElement$1 {
16981
16981
  this.menu.setAttribute('size', 'md');
16982
16982
  this.menu.setAttribute('shape', 'box');
16983
16983
  } else {
16984
- // set menu's default size if there it's not specified.
16985
- if (!this.menu.getAttribute('size')) {
16986
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16987
- }
16984
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16988
16985
 
16989
- if (!this.getAttribute('shape')) {
16990
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16986
+ switch (this.layout) {
16987
+ case 'classic':
16988
+ this.menu.setAttribute('shape', 'box');
16989
+ break;
16990
+ case 'emphasized':
16991
+ if (this.dropdown && this.dropdown.bib) {
16992
+ this.dropdown.bib.shape = 'rounded';
16993
+ }
16994
+ this.menu.setAttribute('shape', 'rounded');
16995
+ break;
16996
+ default:
16997
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16998
+ break;
16991
16999
  }
16992
17000
  }
16993
17001
  }
@@ -16999,6 +17007,7 @@ class AuroCombobox extends AuroElement$1 {
16999
17007
  */
17000
17008
  configureMenu() {
17001
17009
  this.menu = this.querySelector('auro-menu, [auro-menu]');
17010
+ this.defaultMenuShape = this.menu.getAttribute('shape');
17002
17011
 
17003
17012
  this.menu.value = this.value;
17004
17013
 
@@ -17368,11 +17377,21 @@ class AuroCombobox extends AuroElement$1 {
17368
17377
  }
17369
17378
 
17370
17379
  if (changedProperties.has('shape') && this.menu) {
17371
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17380
+ switch (this.layout) {
17381
+ case 'classic':
17382
+ this.menu.setAttribute('shape', 'box');
17383
+ break;
17384
+ case 'emphasized':
17385
+ this.menu.setAttribute('shape', 'rounded');
17386
+ break;
17387
+ default:
17388
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17389
+ break;
17390
+ }
17372
17391
  }
17373
17392
 
17374
17393
  if (changedProperties.has('size') && this.menu) {
17375
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17394
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17376
17395
  }
17377
17396
  }
17378
17397
 
@@ -17843,11 +17862,17 @@ class AuroMenu extends AuroElement$1 {
17843
17862
  }
17844
17863
  }
17845
17864
 
17865
+ // eslint-disable-next-line complexity
17846
17866
  updated(changedProperties) {
17847
17867
  super.updated(changedProperties);
17848
17868
 
17849
17869
  if (changedProperties.has('optionSelected')) {
17850
- this.notifySelectionChange();
17870
+ const old = changedProperties.get('optionSelected');
17871
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
17872
+ (!old && this.optionSelected) ||
17873
+ (old && !this.optionSelected)) {
17874
+ this.notifySelectionChange();
17875
+ }
17851
17876
  }
17852
17877
 
17853
17878
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/combobox/demo/index.min.js CHANGED
@@ -3939,7 +3939,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
3939
3939
 
3940
3940
  var iconVersion$3 = '8.1.2';
3941
3941
 
3942
- var styleCss$2$3 = i$5`: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}.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}`;
3942
+ var styleCss$2$3 = i$5`: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}`;
3943
3943
 
3944
3944
  var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3945
3945
 
@@ -16783,13 +16783,21 @@ class AuroCombobox extends AuroElement$1 {
16783
16783
  this.menu.setAttribute('size', 'md');
16784
16784
  this.menu.setAttribute('shape', 'box');
16785
16785
  } else {
16786
- // set menu's default size if there it's not specified.
16787
- if (!this.menu.getAttribute('size')) {
16788
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16789
- }
16786
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16790
16787
 
16791
- if (!this.getAttribute('shape')) {
16792
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16788
+ switch (this.layout) {
16789
+ case 'classic':
16790
+ this.menu.setAttribute('shape', 'box');
16791
+ break;
16792
+ case 'emphasized':
16793
+ if (this.dropdown && this.dropdown.bib) {
16794
+ this.dropdown.bib.shape = 'rounded';
16795
+ }
16796
+ this.menu.setAttribute('shape', 'rounded');
16797
+ break;
16798
+ default:
16799
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16800
+ break;
16793
16801
  }
16794
16802
  }
16795
16803
  }
@@ -16801,6 +16809,7 @@ class AuroCombobox extends AuroElement$1 {
16801
16809
  */
16802
16810
  configureMenu() {
16803
16811
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16812
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16804
16813
 
16805
16814
  this.menu.value = this.value;
16806
16815
 
@@ -17170,11 +17179,21 @@ class AuroCombobox extends AuroElement$1 {
17170
17179
  }
17171
17180
 
17172
17181
  if (changedProperties.has('shape') && this.menu) {
17173
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17182
+ switch (this.layout) {
17183
+ case 'classic':
17184
+ this.menu.setAttribute('shape', 'box');
17185
+ break;
17186
+ case 'emphasized':
17187
+ this.menu.setAttribute('shape', 'rounded');
17188
+ break;
17189
+ default:
17190
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17191
+ break;
17192
+ }
17174
17193
  }
17175
17194
 
17176
17195
  if (changedProperties.has('size') && this.menu) {
17177
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17196
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17178
17197
  }
17179
17198
  }
17180
17199
 
@@ -17645,11 +17664,17 @@ class AuroMenu extends AuroElement$1 {
17645
17664
  }
17646
17665
  }
17647
17666
 
17667
+ // eslint-disable-next-line complexity
17648
17668
  updated(changedProperties) {
17649
17669
  super.updated(changedProperties);
17650
17670
 
17651
17671
  if (changedProperties.has('optionSelected')) {
17652
- this.notifySelectionChange();
17672
+ const old = changedProperties.get('optionSelected');
17673
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
17674
+ (!old && this.optionSelected) ||
17675
+ (old && !this.optionSelected)) {
17676
+ this.notifySelectionChange();
17677
+ }
17653
17678
  }
17654
17679
 
17655
17680
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/combobox/dist/auro-combobox.d.ts CHANGED
@@ -404,6 +404,7 @@ export class AuroCombobox extends AuroElement {
404
404
  */
405
405
  private configureMenu;
406
406
  menu: Element;
407
+ defaultMenuShape: string;
407
408
  /**
408
409
  * Binds all behavior needed to the input after rendering.
409
410
  * @private
package/components/combobox/dist/index.js CHANGED
@@ -3853,7 +3853,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
3853
3853
 
3854
3854
  var iconVersion$2 = '8.1.2';
3855
3855
 
3856
- var styleCss$2$2 = 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}.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}`;
3856
+ var styleCss$2$2 = 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}`;
3857
3857
 
3858
3858
  var colorCss$2$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3859
3859
 
@@ -16690,13 +16690,21 @@ class AuroCombobox extends AuroElement {
16690
16690
  this.menu.setAttribute('size', 'md');
16691
16691
  this.menu.setAttribute('shape', 'box');
16692
16692
  } else {
16693
- // set menu's default size if there it's not specified.
16694
- if (!this.menu.getAttribute('size')) {
16695
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16696
- }
16693
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16697
16694
 
16698
- if (!this.getAttribute('shape')) {
16699
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16695
+ switch (this.layout) {
16696
+ case 'classic':
16697
+ this.menu.setAttribute('shape', 'box');
16698
+ break;
16699
+ case 'emphasized':
16700
+ if (this.dropdown && this.dropdown.bib) {
16701
+ this.dropdown.bib.shape = 'rounded';
16702
+ }
16703
+ this.menu.setAttribute('shape', 'rounded');
16704
+ break;
16705
+ default:
16706
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16707
+ break;
16700
16708
  }
16701
16709
  }
16702
16710
  }
@@ -16708,6 +16716,7 @@ class AuroCombobox extends AuroElement {
16708
16716
  */
16709
16717
  configureMenu() {
16710
16718
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16719
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16711
16720
 
16712
16721
  this.menu.value = this.value;
16713
16722
 
@@ -17077,11 +17086,21 @@ class AuroCombobox extends AuroElement {
17077
17086
  }
17078
17087
 
17079
17088
  if (changedProperties.has('shape') && this.menu) {
17080
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17089
+ switch (this.layout) {
17090
+ case 'classic':
17091
+ this.menu.setAttribute('shape', 'box');
17092
+ break;
17093
+ case 'emphasized':
17094
+ this.menu.setAttribute('shape', 'rounded');
17095
+ break;
17096
+ default:
17097
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17098
+ break;
17099
+ }
17081
17100
  }
17082
17101
 
17083
17102
  if (changedProperties.has('size') && this.menu) {
17084
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17103
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17085
17104
  }
17086
17105
  }
17087
17106
 
package/components/combobox/dist/registered.js CHANGED
@@ -3853,7 +3853,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
3853
3853
 
3854
3854
  var iconVersion$2 = '8.1.2';
3855
3855
 
3856
- var styleCss$2$2 = 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}.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}`;
3856
+ var styleCss$2$2 = 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}`;
3857
3857
 
3858
3858
  var colorCss$2$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3859
3859
 
@@ -16690,13 +16690,21 @@ class AuroCombobox extends AuroElement {
16690
16690
  this.menu.setAttribute('size', 'md');
16691
16691
  this.menu.setAttribute('shape', 'box');
16692
16692
  } else {
16693
- // set menu's default size if there it's not specified.
16694
- if (!this.menu.getAttribute('size')) {
16695
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
16696
- }
16693
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
16697
16694
 
16698
- if (!this.getAttribute('shape')) {
16699
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
16695
+ switch (this.layout) {
16696
+ case 'classic':
16697
+ this.menu.setAttribute('shape', 'box');
16698
+ break;
16699
+ case 'emphasized':
16700
+ if (this.dropdown && this.dropdown.bib) {
16701
+ this.dropdown.bib.shape = 'rounded';
16702
+ }
16703
+ this.menu.setAttribute('shape', 'rounded');
16704
+ break;
16705
+ default:
16706
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
16707
+ break;
16700
16708
  }
16701
16709
  }
16702
16710
  }
@@ -16708,6 +16716,7 @@ class AuroCombobox extends AuroElement {
16708
16716
  */
16709
16717
  configureMenu() {
16710
16718
  this.menu = this.querySelector('auro-menu, [auro-menu]');
16719
+ this.defaultMenuShape = this.menu.getAttribute('shape');
16711
16720
 
16712
16721
  this.menu.value = this.value;
16713
16722
 
@@ -17077,11 +17086,21 @@ class AuroCombobox extends AuroElement {
17077
17086
  }
17078
17087
 
17079
17088
  if (changedProperties.has('shape') && this.menu) {
17080
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
17089
+ switch (this.layout) {
17090
+ case 'classic':
17091
+ this.menu.setAttribute('shape', 'box');
17092
+ break;
17093
+ case 'emphasized':
17094
+ this.menu.setAttribute('shape', 'rounded');
17095
+ break;
17096
+ default:
17097
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
17098
+ break;
17099
+ }
17081
17100
  }
17082
17101
 
17083
17102
  if (changedProperties.has('size') && this.menu) {
17084
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
17103
+ this.menu.setAttribute('size', this.layout === 'emphasized' ? 'lg' : 'md');
17085
17104
  }
17086
17105
  }
17087
17106
 
package/components/counter/demo/api.min.js CHANGED
@@ -6113,7 +6113,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6113
6113
 
6114
6114
  var iconVersion$1 = '8.1.2';
6115
6115
 
6116
- var styleCss$2$1 = i$5`: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}.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}`;
6116
+ var styleCss$2$1 = i$5`: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}`;
6117
6117
 
6118
6118
  var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6119
6119
 
package/components/counter/demo/index.min.js CHANGED
@@ -6113,7 +6113,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6113
6113
 
6114
6114
  var iconVersion$1 = '8.1.2';
6115
6115
 
6116
- var styleCss$2$1 = i$5`: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}.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}`;
6116
+ var styleCss$2$1 = i$5`: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}`;
6117
6117
 
6118
6118
  var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6119
6119
 
package/components/counter/dist/index.js CHANGED
@@ -6049,7 +6049,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6049
6049
 
6050
6050
  var iconVersion$1 = '8.1.2';
6051
6051
 
6052
- 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}.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}`;
6052
+ 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}`;
6053
6053
 
6054
6054
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6055
6055
 
package/components/counter/dist/registered.js CHANGED
@@ -6049,7 +6049,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6049
6049
 
6050
6050
  var iconVersion$1 = '8.1.2';
6051
6051
 
6052
- 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}.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}`;
6052
+ 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}`;
6053
6053
 
6054
6054
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
6055
6055
 
package/components/datepicker/demo/api.min.js CHANGED
@@ -17545,7 +17545,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17545
17545
 
17546
17546
  var iconVersion$2 = '8.1.2';
17547
17547
 
17548
- var styleCss$2$1 = i$2`: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}.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}`;
17548
+ var styleCss$2$1 = i$2`: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}`;
17549
17549
 
17550
17550
  var colorCss$2$1 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17551
17551
 
package/components/datepicker/demo/index.min.js CHANGED
@@ -17286,7 +17286,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17286
17286
 
17287
17287
  var iconVersion$2 = '8.1.2';
17288
17288
 
17289
- var styleCss$2$1 = i$2`: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}.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}`;
17289
+ var styleCss$2$1 = i$2`: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}`;
17290
17290
 
17291
17291
  var colorCss$2$1 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17292
17292
 
package/components/datepicker/dist/index.js CHANGED
@@ -17218,7 +17218,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17218
17218
 
17219
17219
  var iconVersion$2 = '8.1.2';
17220
17220
 
17221
- 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}.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}`;
17221
+ 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}`;
17222
17222
 
17223
17223
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17224
17224
 
package/components/datepicker/dist/registered.js CHANGED
@@ -17218,7 +17218,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
17218
17218
 
17219
17219
  var iconVersion$2 = '8.1.2';
17220
17220
 
17221
- 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}.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}`;
17221
+ 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}`;
17222
17222
 
17223
17223
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
17224
17224
 
package/components/dropdown/demo/api.min.js CHANGED
@@ -3043,7 +3043,7 @@ class AuroIcon extends BaseIcon {
3043
3043
 
3044
3044
  var iconVersion = '8.1.2';
3045
3045
 
3046
- var styleCss$2 = i$2`: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}.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}`;
3046
+ var styleCss$2 = i$2`: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}`;
3047
3047
 
3048
3048
  var colorCss$2 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3049
3049
 
package/components/dropdown/demo/index.min.js CHANGED
@@ -3018,7 +3018,7 @@ class AuroIcon extends BaseIcon {
3018
3018
 
3019
3019
  var iconVersion = '8.1.2';
3020
3020
 
3021
- var styleCss$2 = i$2`: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}.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}`;
3021
+ var styleCss$2 = i$2`: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}`;
3022
3022
 
3023
3023
  var colorCss$2 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3024
3024
 
package/components/dropdown/dist/index.js CHANGED
@@ -2954,7 +2954,7 @@ class AuroIcon extends BaseIcon {
2954
2954
 
2955
2955
  var iconVersion = '8.1.2';
2956
2956
 
2957
- var styleCss$2 = 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}.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}`;
2957
+ var styleCss$2 = 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}`;
2958
2958
 
2959
2959
  var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
2960
2960
 
package/components/dropdown/dist/registered.js CHANGED
@@ -2954,7 +2954,7 @@ class AuroIcon extends BaseIcon {
2954
2954
 
2955
2955
  var iconVersion = '8.1.2';
2956
2956
 
2957
- var styleCss$2 = 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}.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}`;
2957
+ var styleCss$2 = 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}`;
2958
2958
 
2959
2959
  var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
2960
2960
 
package/components/menu/demo/api.min.js CHANGED
@@ -527,11 +527,17 @@ class AuroMenu extends AuroElement$1 {
527
527
  }
528
528
  }
529
529
 
530
+ // eslint-disable-next-line complexity
530
531
  updated(changedProperties) {
531
532
  super.updated(changedProperties);
532
533
 
533
534
  if (changedProperties.has('optionSelected')) {
534
- this.notifySelectionChange();
535
+ const old = changedProperties.get('optionSelected');
536
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
537
+ (!old && this.optionSelected) ||
538
+ (old && !this.optionSelected)) {
539
+ this.notifySelectionChange();
540
+ }
535
541
  }
536
542
 
537
543
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/menu/demo/index.min.js CHANGED
@@ -487,11 +487,17 @@ class AuroMenu extends AuroElement$1 {
487
487
  }
488
488
  }
489
489
 
490
+ // eslint-disable-next-line complexity
490
491
  updated(changedProperties) {
491
492
  super.updated(changedProperties);
492
493
 
493
494
  if (changedProperties.has('optionSelected')) {
494
- this.notifySelectionChange();
495
+ const old = changedProperties.get('optionSelected');
496
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
497
+ (!old && this.optionSelected) ||
498
+ (old && !this.optionSelected)) {
499
+ this.notifySelectionChange();
500
+ }
495
501
  }
496
502
 
497
503
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/menu/dist/index.js CHANGED
@@ -494,11 +494,17 @@ class AuroMenu extends AuroElement$1 {
494
494
  }
495
495
  }
496
496
 
497
+ // eslint-disable-next-line complexity
497
498
  updated(changedProperties) {
498
499
  super.updated(changedProperties);
499
500
 
500
501
  if (changedProperties.has('optionSelected')) {
501
- this.notifySelectionChange();
502
+ const old = changedProperties.get('optionSelected');
503
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
504
+ (!old && this.optionSelected) ||
505
+ (old && !this.optionSelected)) {
506
+ this.notifySelectionChange();
507
+ }
502
508
  }
503
509
 
504
510
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/menu/dist/registered.js CHANGED
@@ -453,11 +453,17 @@ class AuroMenu extends AuroElement$1 {
453
453
  }
454
454
  }
455
455
 
456
+ // eslint-disable-next-line complexity
456
457
  updated(changedProperties) {
457
458
  super.updated(changedProperties);
458
459
 
459
460
  if (changedProperties.has('optionSelected')) {
460
- this.notifySelectionChange();
461
+ const old = changedProperties.get('optionSelected');
462
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
463
+ (!old && this.optionSelected) ||
464
+ (old && !this.optionSelected)) {
465
+ this.notifySelectionChange();
466
+ }
461
467
  }
462
468
 
463
469
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/select/demo/api.min.js CHANGED
@@ -4116,7 +4116,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
4116
4116
 
4117
4117
  var iconVersion$2 = '8.1.2';
4118
4118
 
4119
- var styleCss$2$2 = i$5`: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}.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}`;
4119
+ var styleCss$2$2 = i$5`: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}`;
4120
4120
 
4121
4121
  var colorCss$2$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
4122
4122
 
@@ -8304,12 +8304,21 @@ class AuroSelect extends AuroElement$4 {
8304
8304
  this.menu.setAttribute('shape', 'box');
8305
8305
  } else {
8306
8306
  // set menu's default size if there it's not specified.
8307
- if (!this.menu.getAttribute('size')) {
8308
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8309
- }
8307
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8310
8308
 
8311
- if (!this.getAttribute('shape')) {
8312
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8309
+ switch (this.layout) {
8310
+ case 'classic':
8311
+ this.menu.setAttribute('shape', 'box');
8312
+ break;
8313
+ case 'emphasized':
8314
+ if (this.dropdown && this.dropdown.bib) {
8315
+ this.dropdown.bib.shape = 'rounded';
8316
+ }
8317
+ this.menu.setAttribute('shape', 'rounded');
8318
+ break;
8319
+ default:
8320
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8321
+ break;
8313
8322
  }
8314
8323
  }
8315
8324
  }
@@ -8321,6 +8330,8 @@ class AuroSelect extends AuroElement$4 {
8321
8330
  */
8322
8331
  configureMenu() {
8323
8332
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8333
+ this.defaultMenuSize = this.menu.getAttribute('size');
8334
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8324
8335
 
8325
8336
  // racing condition on custom-select with custom-menu
8326
8337
  if (!this.menu) {
@@ -8698,11 +8709,21 @@ class AuroSelect extends AuroElement$4 {
8698
8709
  }
8699
8710
 
8700
8711
  if (changedProperties.has('shape') && this.menu) {
8701
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8712
+ switch (this.layout) {
8713
+ case 'classic':
8714
+ this.menu.setAttribute('shape', 'box');
8715
+ break;
8716
+ case 'emphasized':
8717
+ this.menu.setAttribute('shape', 'rounded');
8718
+ break;
8719
+ default:
8720
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8721
+ break;
8722
+ }
8702
8723
  }
8703
8724
 
8704
8725
  if (changedProperties.has('size') && this.menu) {
8705
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8726
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8706
8727
  }
8707
8728
  }
8708
8729
 
@@ -9400,11 +9421,17 @@ class AuroMenu extends AuroElement$4 {
9400
9421
  }
9401
9422
  }
9402
9423
 
9424
+ // eslint-disable-next-line complexity
9403
9425
  updated(changedProperties) {
9404
9426
  super.updated(changedProperties);
9405
9427
 
9406
9428
  if (changedProperties.has('optionSelected')) {
9407
- this.notifySelectionChange();
9429
+ const old = changedProperties.get('optionSelected');
9430
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
9431
+ (!old && this.optionSelected) ||
9432
+ (old && !this.optionSelected)) {
9433
+ this.notifySelectionChange();
9434
+ }
9408
9435
  }
9409
9436
 
9410
9437
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/select/demo/index.min.js CHANGED
@@ -4024,7 +4024,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
4024
4024
 
4025
4025
  var iconVersion$2 = '8.1.2';
4026
4026
 
4027
- var styleCss$2$2 = i$5`: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}.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}`;
4027
+ var styleCss$2$2 = i$5`: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}`;
4028
4028
 
4029
4029
  var colorCss$2$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
4030
4030
 
@@ -8212,12 +8212,21 @@ class AuroSelect extends AuroElement$4 {
8212
8212
  this.menu.setAttribute('shape', 'box');
8213
8213
  } else {
8214
8214
  // set menu's default size if there it's not specified.
8215
- if (!this.menu.getAttribute('size')) {
8216
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8217
- }
8215
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8218
8216
 
8219
- if (!this.getAttribute('shape')) {
8220
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8217
+ switch (this.layout) {
8218
+ case 'classic':
8219
+ this.menu.setAttribute('shape', 'box');
8220
+ break;
8221
+ case 'emphasized':
8222
+ if (this.dropdown && this.dropdown.bib) {
8223
+ this.dropdown.bib.shape = 'rounded';
8224
+ }
8225
+ this.menu.setAttribute('shape', 'rounded');
8226
+ break;
8227
+ default:
8228
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8229
+ break;
8221
8230
  }
8222
8231
  }
8223
8232
  }
@@ -8229,6 +8238,8 @@ class AuroSelect extends AuroElement$4 {
8229
8238
  */
8230
8239
  configureMenu() {
8231
8240
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8241
+ this.defaultMenuSize = this.menu.getAttribute('size');
8242
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8232
8243
 
8233
8244
  // racing condition on custom-select with custom-menu
8234
8245
  if (!this.menu) {
@@ -8606,11 +8617,21 @@ class AuroSelect extends AuroElement$4 {
8606
8617
  }
8607
8618
 
8608
8619
  if (changedProperties.has('shape') && this.menu) {
8609
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8620
+ switch (this.layout) {
8621
+ case 'classic':
8622
+ this.menu.setAttribute('shape', 'box');
8623
+ break;
8624
+ case 'emphasized':
8625
+ this.menu.setAttribute('shape', 'rounded');
8626
+ break;
8627
+ default:
8628
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8629
+ break;
8630
+ }
8610
8631
  }
8611
8632
 
8612
8633
  if (changedProperties.has('size') && this.menu) {
8613
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8634
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8614
8635
  }
8615
8636
  }
8616
8637
 
@@ -9308,11 +9329,17 @@ class AuroMenu extends AuroElement$4 {
9308
9329
  }
9309
9330
  }
9310
9331
 
9332
+ // eslint-disable-next-line complexity
9311
9333
  updated(changedProperties) {
9312
9334
  super.updated(changedProperties);
9313
9335
 
9314
9336
  if (changedProperties.has('optionSelected')) {
9315
- this.notifySelectionChange();
9337
+ const old = changedProperties.get('optionSelected');
9338
+ if ((old && this.optionSelected && old.value !== this.optionSelected.value) ||
9339
+ (!old && this.optionSelected) ||
9340
+ (old && !this.optionSelected)) {
9341
+ this.notifySelectionChange();
9342
+ }
9316
9343
  }
9317
9344
 
9318
9345
  if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
package/components/select/dist/auro-select.d.ts CHANGED
@@ -368,6 +368,8 @@ export class AuroSelect extends AuroElement {
368
368
  */
369
369
  private configureMenu;
370
370
  menu: Element;
371
+ defaultMenuSize: string;
372
+ defaultMenuShape: string;
371
373
  /**
372
374
  * Binds all behavior needed to the component after rendering.
373
375
  * @private
package/components/select/dist/index.js CHANGED
@@ -3961,7 +3961,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
3961
3961
 
3962
3962
  var iconVersion$1 = '8.1.2';
3963
3963
 
3964
- 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}.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}`;
3964
+ 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}`;
3965
3965
 
3966
3966
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3967
3967
 
@@ -8149,12 +8149,21 @@ class AuroSelect extends AuroElement$3 {
8149
8149
  this.menu.setAttribute('shape', 'box');
8150
8150
  } else {
8151
8151
  // set menu's default size if there it's not specified.
8152
- if (!this.menu.getAttribute('size')) {
8153
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8154
- }
8152
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8155
8153
 
8156
- if (!this.getAttribute('shape')) {
8157
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8154
+ switch (this.layout) {
8155
+ case 'classic':
8156
+ this.menu.setAttribute('shape', 'box');
8157
+ break;
8158
+ case 'emphasized':
8159
+ if (this.dropdown && this.dropdown.bib) {
8160
+ this.dropdown.bib.shape = 'rounded';
8161
+ }
8162
+ this.menu.setAttribute('shape', 'rounded');
8163
+ break;
8164
+ default:
8165
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8166
+ break;
8158
8167
  }
8159
8168
  }
8160
8169
  }
@@ -8166,6 +8175,8 @@ class AuroSelect extends AuroElement$3 {
8166
8175
  */
8167
8176
  configureMenu() {
8168
8177
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8178
+ this.defaultMenuSize = this.menu.getAttribute('size');
8179
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8169
8180
 
8170
8181
  // racing condition on custom-select with custom-menu
8171
8182
  if (!this.menu) {
@@ -8543,11 +8554,21 @@ class AuroSelect extends AuroElement$3 {
8543
8554
  }
8544
8555
 
8545
8556
  if (changedProperties.has('shape') && this.menu) {
8546
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8557
+ switch (this.layout) {
8558
+ case 'classic':
8559
+ this.menu.setAttribute('shape', 'box');
8560
+ break;
8561
+ case 'emphasized':
8562
+ this.menu.setAttribute('shape', 'rounded');
8563
+ break;
8564
+ default:
8565
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8566
+ break;
8567
+ }
8547
8568
  }
8548
8569
 
8549
8570
  if (changedProperties.has('size') && this.menu) {
8550
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8571
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8551
8572
  }
8552
8573
  }
8553
8574
 
package/components/select/dist/registered.js CHANGED
@@ -3961,7 +3961,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
3961
3961
 
3962
3962
  var iconVersion$1 = '8.1.2';
3963
3963
 
3964
- 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}.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}`;
3964
+ 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}`;
3965
3965
 
3966
3966
  var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
3967
3967
 
@@ -8149,12 +8149,21 @@ class AuroSelect extends AuroElement$3 {
8149
8149
  this.menu.setAttribute('shape', 'box');
8150
8150
  } else {
8151
8151
  // set menu's default size if there it's not specified.
8152
- if (!this.menu.getAttribute('size')) {
8153
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8154
- }
8152
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8155
8153
 
8156
- if (!this.getAttribute('shape')) {
8157
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8154
+ switch (this.layout) {
8155
+ case 'classic':
8156
+ this.menu.setAttribute('shape', 'box');
8157
+ break;
8158
+ case 'emphasized':
8159
+ if (this.dropdown && this.dropdown.bib) {
8160
+ this.dropdown.bib.shape = 'rounded';
8161
+ }
8162
+ this.menu.setAttribute('shape', 'rounded');
8163
+ break;
8164
+ default:
8165
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8166
+ break;
8158
8167
  }
8159
8168
  }
8160
8169
  }
@@ -8166,6 +8175,8 @@ class AuroSelect extends AuroElement$3 {
8166
8175
  */
8167
8176
  configureMenu() {
8168
8177
  this.menu = this.querySelector('auro-menu, [auro-menu]');
8178
+ this.defaultMenuSize = this.menu.getAttribute('size');
8179
+ this.defaultMenuShape = this.menu.getAttribute('shape');
8169
8180
 
8170
8181
  // racing condition on custom-select with custom-menu
8171
8182
  if (!this.menu) {
@@ -8543,11 +8554,21 @@ class AuroSelect extends AuroElement$3 {
8543
8554
  }
8544
8555
 
8545
8556
  if (changedProperties.has('shape') && this.menu) {
8546
- this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
8557
+ switch (this.layout) {
8558
+ case 'classic':
8559
+ this.menu.setAttribute('shape', 'box');
8560
+ break;
8561
+ case 'emphasized':
8562
+ this.menu.setAttribute('shape', 'rounded');
8563
+ break;
8564
+ default:
8565
+ this.menu.setAttribute('shape', this.defaultMenuShape || this.shape);
8566
+ break;
8567
+ }
8547
8568
  }
8548
8569
 
8549
8570
  if (changedProperties.has('size') && this.menu) {
8550
- this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
8571
+ this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.defaultMenuSize || this.size);
8551
8572
  }
8552
8573
  }
8553
8574
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1098.0",
3
+ "version": "0.0.0-pr1098.1",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {