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

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

@@ -13338,7 +13338,7 @@ class AuroCombobox extends i$2 {
     let hasChange = false;
 
     if (!this.value || this.value !== this.input.value) {
-      this.menu.value = this.input.value ? this.input.value : undefined;
+      this.menu.value = this.input.value;
       this.value = this.menu.value;
       hasChange = true;
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {
@@ -13869,6 +13869,11 @@ class AuroMenu extends i$2 {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

package/components/combobox/demo/index.html

@@ -46,6 +46,7 @@
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
 
     <script type="module" data-demo-script="true">
       import { initExamples } from "./index.min.js"

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

@@ -13196,7 +13196,7 @@ class AuroCombobox extends i$2 {
     let hasChange = false;
 
     if (!this.value || this.value !== this.input.value) {
-      this.menu.value = this.input.value ? this.input.value : undefined;
+      this.menu.value = this.input.value;
       this.value = this.menu.value;
       hasChange = true;
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {
@@ -13727,6 +13727,11 @@ class AuroMenu extends i$2 {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

package/components/combobox/dist/index.js

@@ -13114,7 +13114,7 @@ class AuroCombobox extends LitElement {
     let hasChange = false;
 
     if (!this.value || this.value !== this.input.value) {
-      this.menu.value = this.input.value ? this.input.value : undefined;
+      this.menu.value = this.input.value;
       this.value = this.menu.value;
       hasChange = true;
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {

package/components/combobox/dist/registered.js

@@ -13114,7 +13114,7 @@ class AuroCombobox extends LitElement {
     let hasChange = false;
 
     if (!this.value || this.value !== this.input.value) {
-      this.menu.value = this.input.value ? this.input.value : undefined;
+      this.menu.value = this.input.value;
       this.value = this.menu.value;
       hasChange = true;
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {

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

@@ -355,6 +355,11 @@ class AuroMenu extends i$2 {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

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

@@ -315,6 +315,11 @@ class AuroMenu extends i$2 {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

package/components/menu/dist/index.js

@@ -335,6 +335,11 @@ class AuroMenu extends LitElement {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

package/components/menu/dist/registered.js

@@ -294,6 +294,11 @@ class AuroMenu extends LitElement {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

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

@@ -6612,6 +6612,11 @@ class AuroMenu extends i$2 {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

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

@@ -6520,6 +6520,11 @@ class AuroMenu extends i$2 {
   }
 
   updated(changedProperties) {
+    if (changedProperties.has('multiSelect')) {
+      // Reset selection if multiSelect mode changes
+      this.clearSelection();
+    }
+
     if (changedProperties.has('value')) {
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {

package/package.json

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