@aurodesignsystem-dev/auro-formkit 0.0.0-pr649.3 → 0.0.0-pr649.4

package/components/select/demo/api.min.js

@@ -6142,6 +6142,17 @@ class AuroSelect extends i$2 {
     }
   }
 
+  /**
+   * Resets all options to their default state.
+   * @private
+   */
+  clearSelection() {
+    this.value = undefined;
+    this.optionSelected = undefined;
+
+    this.menu.multiSelect = this.multiSelect;
+  }
+
   /**
    * Handle element attributes on update.
    * @private
@@ -6184,6 +6195,10 @@ class AuroSelect extends i$2 {
   }
 
   async updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       if (this.value) {
         this.value = this.multiSelect ? arrayConverter(this.value) : this.value;
@@ -6290,7 +6305,7 @@ class AuroSelect extends i$2 {
     }
 
     if (this.multiSelect) {
-      nativeSelect.value = this.value[0] || [];
+      nativeSelect.value = this.value ? this.value[0] : '';
     } else {
       nativeSelect.value = this.value || '';
     }

package/components/select/demo/index.min.js

@@ -6050,6 +6050,17 @@ class AuroSelect extends i$2 {
     }
   }
 
+  /**
+   * Resets all options to their default state.
+   * @private
+   */
+  clearSelection() {
+    this.value = undefined;
+    this.optionSelected = undefined;
+
+    this.menu.multiSelect = this.multiSelect;
+  }
+
   /**
    * Handle element attributes on update.
    * @private
@@ -6092,6 +6103,10 @@ class AuroSelect extends i$2 {
   }
 
   async updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       if (this.value) {
         this.value = this.multiSelect ? arrayConverter(this.value) : this.value;
@@ -6198,7 +6213,7 @@ class AuroSelect extends i$2 {
     }
 
     if (this.multiSelect) {
-      nativeSelect.value = this.value[0] || [];
+      nativeSelect.value = this.value ? this.value[0] : '';
     } else {
       nativeSelect.value = this.value || '';
     }

package/components/select/dist/auro-select.d.ts

@@ -320,6 +320,11 @@ export class AuroSelect extends LitElement {
      * @returns {void}
      */
     private generateOptionsArray;
+    /**
+     * Resets all options to their default state.
+     * @private
+     */
+    private clearSelection;
     firstUpdated(): void;
     updated(changedProperties: any): Promise<void>;
     /**

package/components/select/dist/index.js

@@ -6004,6 +6004,17 @@ class AuroSelect extends LitElement {
     }
   }
 
+  /**
+   * Resets all options to their default state.
+   * @private
+   */
+  clearSelection() {
+    this.value = undefined;
+    this.optionSelected = undefined;
+
+    this.menu.multiSelect = this.multiSelect;
+  }
+
   /**
    * Handle element attributes on update.
    * @private
@@ -6046,6 +6057,10 @@ class AuroSelect extends LitElement {
   }
 
   async updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       if (this.value) {
         this.value = this.multiSelect ? arrayConverter(this.value) : this.value;
@@ -6152,7 +6167,7 @@ class AuroSelect extends LitElement {
     }
 
     if (this.multiSelect) {
-      nativeSelect.value = this.value[0] || [];
+      nativeSelect.value = this.value ? this.value[0] : '';
     } else {
       nativeSelect.value = this.value || '';
     }

package/components/select/dist/registered.js

@@ -6004,6 +6004,17 @@ class AuroSelect extends LitElement {
     }
   }
 
+  /**
+   * Resets all options to their default state.
+   * @private
+   */
+  clearSelection() {
+    this.value = undefined;
+    this.optionSelected = undefined;
+
+    this.menu.multiSelect = this.multiSelect;
+  }
+
   /**
    * Handle element attributes on update.
    * @private
@@ -6046,6 +6057,10 @@ class AuroSelect extends LitElement {
   }
 
   async updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       if (this.value) {
         this.value = this.multiSelect ? arrayConverter(this.value) : this.value;
@@ -6152,7 +6167,7 @@ class AuroSelect extends LitElement {
     }
 
     if (this.multiSelect) {
-      nativeSelect.value = this.value[0] || [];
+      nativeSelect.value = this.value ? this.value[0] : '';
     } else {
       nativeSelect.value = this.value || '';
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr649.3",
+  "version": "0.0.0-pr649.4",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {