@aurodesignsystem-dev/auro-formkit 0.0.0-pr1052.4 → 0.0.0-pr1052.6

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

@@ -16662,6 +16662,11 @@ class AuroCombobox extends AuroElement$1 {
     this.menu.value = this.value;
     this.menu.matchWord = this.input.value;
 
+    console.warn('syncValuesAndStates()');
+    console.info('this.value', this.value);
+    console.info('this.input.value', this.input.value);
+    console.info('this.menu.value', this.menu.value);
+
     // Wait a lifecycle for child components to update
     await Promise.all([this.menu.updateComplete]);
 
@@ -16716,6 +16721,7 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   handleMenuOptions() {
+    console.warn('handleMenuOptions()');
     this.resetMenuMatchword();
 
     this.generateOptionsArray();
@@ -16723,7 +16729,7 @@ class AuroCombobox extends AuroElement$1 {
     this.updateFilter();
 
     if (this.value && this.input.value && !this.menu.value) {
-      this.menu.value = this.value;
+      this.syncValuesAndStates();
     }
   }
 
@@ -16903,6 +16909,7 @@ class AuroCombobox extends AuroElement$1 {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', (evt) => {
+      console.warn('event auroMenu-selectedOption', evt);
       if (this.menu.optionSelected) {
         const selected = this.menu.optionSelected;
 
@@ -16912,7 +16919,7 @@ class AuroCombobox extends AuroElement$1 {
 
         if (!this.value || this.value !== this.optionSelected.value) {
           this.value = this.optionSelected.value;
-          this.menu.value = this.value;
+          // this.menu.value = this.value;
         }
 
         this.updateTriggerTextDisplay();
@@ -17007,6 +17014,7 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   handleInputValueChange(event) {
+    console.warn('handleInputValueChange', event);
     if (event.target === this.inputInBib) {
       this.input.value = this.inputInBib.value;
       return;
@@ -17290,6 +17298,7 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   handleSlotChange(event) {
+    console.warn('handleSlotChange', event);
     switch (event.target.name) {
       case '':
         if (!this.menu || this.menu !== this.querySelector('auro-menu, [auro-menu]')) {

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

@@ -16510,6 +16510,11 @@ class AuroCombobox extends AuroElement$1 {
     this.menu.value = this.value;
     this.menu.matchWord = this.input.value;
 
+    console.warn('syncValuesAndStates()');
+    console.info('this.value', this.value);
+    console.info('this.input.value', this.input.value);
+    console.info('this.menu.value', this.menu.value);
+
     // Wait a lifecycle for child components to update
     await Promise.all([this.menu.updateComplete]);
 
@@ -16564,6 +16569,7 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   handleMenuOptions() {
+    console.warn('handleMenuOptions()');
     this.resetMenuMatchword();
 
     this.generateOptionsArray();
@@ -16571,7 +16577,7 @@ class AuroCombobox extends AuroElement$1 {
     this.updateFilter();
 
     if (this.value && this.input.value && !this.menu.value) {
-      this.menu.value = this.value;
+      this.syncValuesAndStates();
     }
   }
 
@@ -16751,6 +16757,7 @@ class AuroCombobox extends AuroElement$1 {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', (evt) => {
+      console.warn('event auroMenu-selectedOption', evt);
       if (this.menu.optionSelected) {
         const selected = this.menu.optionSelected;
 
@@ -16760,7 +16767,7 @@ class AuroCombobox extends AuroElement$1 {
 
         if (!this.value || this.value !== this.optionSelected.value) {
           this.value = this.optionSelected.value;
-          this.menu.value = this.value;
+          // this.menu.value = this.value;
         }
 
         this.updateTriggerTextDisplay();
@@ -16855,6 +16862,7 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   handleInputValueChange(event) {
+    console.warn('handleInputValueChange', event);
     if (event.target === this.inputInBib) {
       this.input.value = this.inputInBib.value;
       return;
@@ -17138,6 +17146,7 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   handleSlotChange(event) {
+    console.warn('handleSlotChange', event);
     switch (event.target.name) {
       case '':
         if (!this.menu || this.menu !== this.querySelector('auro-menu, [auro-menu]')) {

package/components/combobox/dist/index.js

@@ -16428,6 +16428,11 @@ class AuroCombobox extends AuroElement {
     this.menu.value = this.value;
     this.menu.matchWord = this.input.value;
 
+    console.warn('syncValuesAndStates()');
+    console.info('this.value', this.value);
+    console.info('this.input.value', this.input.value);
+    console.info('this.menu.value', this.menu.value);
+
     // Wait a lifecycle for child components to update
     await Promise.all([this.menu.updateComplete]);
 
@@ -16482,6 +16487,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleMenuOptions() {
+    console.warn('handleMenuOptions()');
     this.resetMenuMatchword();
 
     this.generateOptionsArray();
@@ -16489,7 +16495,7 @@ class AuroCombobox extends AuroElement {
     this.updateFilter();
 
     if (this.value && this.input.value && !this.menu.value) {
-      this.menu.value = this.value;
+      this.syncValuesAndStates();
     }
   }
 
@@ -16669,6 +16675,7 @@ class AuroCombobox extends AuroElement {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', (evt) => {
+      console.warn('event auroMenu-selectedOption', evt);
       if (this.menu.optionSelected) {
         const selected = this.menu.optionSelected;
 
@@ -16678,7 +16685,7 @@ class AuroCombobox extends AuroElement {
 
         if (!this.value || this.value !== this.optionSelected.value) {
           this.value = this.optionSelected.value;
-          this.menu.value = this.value;
+          // this.menu.value = this.value;
         }
 
         this.updateTriggerTextDisplay();
@@ -16773,6 +16780,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleInputValueChange(event) {
+    console.warn('handleInputValueChange', event);
     if (event.target === this.inputInBib) {
       this.input.value = this.inputInBib.value;
       return;
@@ -17056,6 +17064,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleSlotChange(event) {
+    console.warn('handleSlotChange', event);
     switch (event.target.name) {
       case '':
         if (!this.menu || this.menu !== this.querySelector('auro-menu, [auro-menu]')) {

package/components/combobox/dist/registered.js

@@ -16428,6 +16428,11 @@ class AuroCombobox extends AuroElement {
     this.menu.value = this.value;
     this.menu.matchWord = this.input.value;
 
+    console.warn('syncValuesAndStates()');
+    console.info('this.value', this.value);
+    console.info('this.input.value', this.input.value);
+    console.info('this.menu.value', this.menu.value);
+
     // Wait a lifecycle for child components to update
     await Promise.all([this.menu.updateComplete]);
 
@@ -16482,6 +16487,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleMenuOptions() {
+    console.warn('handleMenuOptions()');
     this.resetMenuMatchword();
 
     this.generateOptionsArray();
@@ -16489,7 +16495,7 @@ class AuroCombobox extends AuroElement {
     this.updateFilter();
 
     if (this.value && this.input.value && !this.menu.value) {
-      this.menu.value = this.value;
+      this.syncValuesAndStates();
     }
   }
 
@@ -16669,6 +16675,7 @@ class AuroCombobox extends AuroElement {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', (evt) => {
+      console.warn('event auroMenu-selectedOption', evt);
       if (this.menu.optionSelected) {
         const selected = this.menu.optionSelected;
 
@@ -16678,7 +16685,7 @@ class AuroCombobox extends AuroElement {
 
         if (!this.value || this.value !== this.optionSelected.value) {
           this.value = this.optionSelected.value;
-          this.menu.value = this.value;
+          // this.menu.value = this.value;
         }
 
         this.updateTriggerTextDisplay();
@@ -16773,6 +16780,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleInputValueChange(event) {
+    console.warn('handleInputValueChange', event);
     if (event.target === this.inputInBib) {
       this.input.value = this.inputInBib.value;
       return;
@@ -17056,6 +17064,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleSlotChange(event) {
+    console.warn('handleSlotChange', event);
     switch (event.target.name) {
       case '':
         if (!this.menu || this.menu !== this.querySelector('auro-menu, [auro-menu]')) {

package/package.json

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