@aurodesignsystem-dev/auro-formkit 0.0.0-pr668.2 → 0.0.0-pr668.4

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 (5) hide show
  1. package/components/select/demo/api.min.js +6 -16
  2. package/components/select/demo/index.min.js +6 -16
  3. package/components/select/dist/index.js +6 -16
  4. package/components/select/dist/registered.js +6 -16
  5. package/package.json +1 -1
package/components/select/demo/api.min.js CHANGED
@@ -6588,8 +6588,7 @@ class AuroSelect extends AuroElement$3 {
6588
6588
 
6589
6589
  this.appendChild(displayValueEl.cloneNode(true));
6590
6590
  }
6591
- const selectDisplayValue = this.querySelectorAll("[slot='displayValue']");
6592
- this.hasDisplayValueContent = displayValueEl !== null || selectDisplayValue.length > 0;
6591
+ this.hasDisplayValueContent = displayValueEl !== null;
6593
6592
  }
6594
6593
  }
6595
6594
 
@@ -6886,8 +6885,6 @@ class AuroSelect extends AuroElement$3 {
6886
6885
  this.value = this.multiSelect ? arrayConverter(this.getAttribute('value')) : this.getAttribute('value');
6887
6886
  this.menu.value = this.value;
6888
6887
  }
6889
-
6890
- this.hasDisplayValueContent = this.querySelectorAll("[slot='displayValue']").length > 0;
6891
6888
  }
6892
6889
 
6893
6890
  async updated(changedProperties) {
@@ -7138,18 +7135,11 @@ class AuroSelect extends AuroElement$3 {
7138
7135
  <slot name="label"></slot>
7139
7136
  </label>
7140
7137
  <div class="value" id="value"></div>
7141
- ${
7142
- this.value
7143
- ? undefined
7144
- : u`
7145
- <div
7146
- id="placeholder"
7147
- class="${e(placeholderClass)}"
7148
- >
7149
- <slot name="placeholder"></slot>
7150
- </div>
7151
- `
7152
- }
7138
+ ${this.value ? undefined : u`
7139
+ <div id="placeholder" class="${e(placeholderClass)}">
7140
+ <slot name="placeholder"></slot>
7141
+ </div>
7142
+ `}
7153
7143
  </div>
7154
7144
  <div class="${e(displayValueClasses)}" aria-hidden="true" part="displayValue">
7155
7145
  <slot name="displayValue"></slot>
package/components/select/demo/index.min.js CHANGED
@@ -6496,8 +6496,7 @@ class AuroSelect extends AuroElement$3 {
6496
6496
 
6497
6497
  this.appendChild(displayValueEl.cloneNode(true));
6498
6498
  }
6499
- const selectDisplayValue = this.querySelectorAll("[slot='displayValue']");
6500
- this.hasDisplayValueContent = displayValueEl !== null || selectDisplayValue.length > 0;
6499
+ this.hasDisplayValueContent = displayValueEl !== null;
6501
6500
  }
6502
6501
  }
6503
6502
 
@@ -6794,8 +6793,6 @@ class AuroSelect extends AuroElement$3 {
6794
6793
  this.value = this.multiSelect ? arrayConverter(this.getAttribute('value')) : this.getAttribute('value');
6795
6794
  this.menu.value = this.value;
6796
6795
  }
6797
-
6798
- this.hasDisplayValueContent = this.querySelectorAll("[slot='displayValue']").length > 0;
6799
6796
  }
6800
6797
 
6801
6798
  async updated(changedProperties) {
@@ -7046,18 +7043,11 @@ class AuroSelect extends AuroElement$3 {
7046
7043
  <slot name="label"></slot>
7047
7044
  </label>
7048
7045
  <div class="value" id="value"></div>
7049
- ${
7050
- this.value
7051
- ? undefined
7052
- : u`
7053
- <div
7054
- id="placeholder"
7055
- class="${e(placeholderClass)}"
7056
- >
7057
- <slot name="placeholder"></slot>
7058
- </div>
7059
- `
7060
- }
7046
+ ${this.value ? undefined : u`
7047
+ <div id="placeholder" class="${e(placeholderClass)}">
7048
+ <slot name="placeholder"></slot>
7049
+ </div>
7050
+ `}
7061
7051
  </div>
7062
7052
  <div class="${e(displayValueClasses)}" aria-hidden="true" part="displayValue">
7063
7053
  <slot name="displayValue"></slot>
package/components/select/dist/index.js CHANGED
@@ -6450,8 +6450,7 @@ class AuroSelect extends AuroElement$3 {
6450
6450
 
6451
6451
  this.appendChild(displayValueEl.cloneNode(true));
6452
6452
  }
6453
- const selectDisplayValue = this.querySelectorAll("[slot='displayValue']");
6454
- this.hasDisplayValueContent = displayValueEl !== null || selectDisplayValue.length > 0;
6453
+ this.hasDisplayValueContent = displayValueEl !== null;
6455
6454
  }
6456
6455
  }
6457
6456
 
@@ -6748,8 +6747,6 @@ class AuroSelect extends AuroElement$3 {
6748
6747
  this.value = this.multiSelect ? arrayConverter(this.getAttribute('value')) : this.getAttribute('value');
6749
6748
  this.menu.value = this.value;
6750
6749
  }
6751
-
6752
- this.hasDisplayValueContent = this.querySelectorAll("[slot='displayValue']").length > 0;
6753
6750
  }
6754
6751
 
6755
6752
  async updated(changedProperties) {
@@ -7000,18 +6997,11 @@ class AuroSelect extends AuroElement$3 {
7000
6997
  <slot name="label"></slot>
7001
6998
  </label>
7002
6999
  <div class="value" id="value"></div>
7003
- ${
7004
- this.value
7005
- ? undefined
7006
- : html`
7007
- <div
7008
- id="placeholder"
7009
- class="${classMap(placeholderClass)}"
7010
- >
7011
- <slot name="placeholder"></slot>
7012
- </div>
7013
- `
7014
- }
7000
+ ${this.value ? undefined : html`
7001
+ <div id="placeholder" class="${classMap(placeholderClass)}">
7002
+ <slot name="placeholder"></slot>
7003
+ </div>
7004
+ `}
7015
7005
  </div>
7016
7006
  <div class="${classMap(displayValueClasses)}" aria-hidden="true" part="displayValue">
7017
7007
  <slot name="displayValue"></slot>
package/components/select/dist/registered.js CHANGED
@@ -6450,8 +6450,7 @@ class AuroSelect extends AuroElement$3 {
6450
6450
 
6451
6451
  this.appendChild(displayValueEl.cloneNode(true));
6452
6452
  }
6453
- const selectDisplayValue = this.querySelectorAll("[slot='displayValue']");
6454
- this.hasDisplayValueContent = displayValueEl !== null || selectDisplayValue.length > 0;
6453
+ this.hasDisplayValueContent = displayValueEl !== null;
6455
6454
  }
6456
6455
  }
6457
6456
 
@@ -6748,8 +6747,6 @@ class AuroSelect extends AuroElement$3 {
6748
6747
  this.value = this.multiSelect ? arrayConverter(this.getAttribute('value')) : this.getAttribute('value');
6749
6748
  this.menu.value = this.value;
6750
6749
  }
6751
-
6752
- this.hasDisplayValueContent = this.querySelectorAll("[slot='displayValue']").length > 0;
6753
6750
  }
6754
6751
 
6755
6752
  async updated(changedProperties) {
@@ -7000,18 +6997,11 @@ class AuroSelect extends AuroElement$3 {
7000
6997
  <slot name="label"></slot>
7001
6998
  </label>
7002
6999
  <div class="value" id="value"></div>
7003
- ${
7004
- this.value
7005
- ? undefined
7006
- : html`
7007
- <div
7008
- id="placeholder"
7009
- class="${classMap(placeholderClass)}"
7010
- >
7011
- <slot name="placeholder"></slot>
7012
- </div>
7013
- `
7014
- }
7000
+ ${this.value ? undefined : html`
7001
+ <div id="placeholder" class="${classMap(placeholderClass)}">
7002
+ <slot name="placeholder"></slot>
7003
+ </div>
7004
+ `}
7015
7005
  </div>
7016
7006
  <div class="${classMap(displayValueClasses)}" aria-hidden="true" part="displayValue">
7017
7007
  <slot name="displayValue"></slot>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr668.2",
3
+ "version": "0.0.0-pr668.4",
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": {