@aurodesignsystem/auro-formkit 2.0.0-beta.6 → 2.0.0-beta.8

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

@@ -8017,9 +8017,6 @@ class AuroCombobox extends r$6 {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', () => {
-      // dropdown bib should hide when making a selection
-      this.hideBib();
-
       if (this.menu.optionSelected) {
         if (this.optionSelected !== this.menu.optionSelected) {
           this.optionSelected = this.menu.optionSelected;
@@ -8048,6 +8045,9 @@ class AuroCombobox extends r$6 {
           composed: true,
         }));
       }
+
+      // dropdown bib should hide when making a selection
+      this.hideBib();
     });
 
     this.menu.addEventListener('auroMenu-customEventFired', () => {
@@ -8092,54 +8092,6 @@ class AuroCombobox extends r$6 {
       }
     });
 
-    this.input.addEventListener('input', () => {
-      this.menu.matchWord = this.input.value;
-      this.optionActive = null;
-
-      if (this.value !== this.input.value) {
-        this.value = this.input.value;
-      }
-
-      if (this.value !== this.menu.value) {
-        this.menu.value = this.value;
-      }
-
-      if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
-        this.optionSelected = undefined;
-      }
-
-      this.menu.resetOptionsStates();
-
-      this.handleMenuOptions();
-
-      this.handleInputValueChange();
-      // validate only if the value was set programmatically
-      if (document.activeElement !== this) {
-        this.validation.validate(this);
-      }
-
-      // hide the menu if the value is empty otherwise show if there are available suggestions
-      if (this.input.value && this.input.value.length === 0) {
-        this.hideBib();
-        this.classList.remove('combobox-filled');
-      } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
-        const hasFocus = this.contains(document.activeElement);
-
-        // if the focus is within the combobox, then show the bib
-        // this will prevent the bib from being shown while loading & presetting the value
-        if (hasFocus) {
-          this.showBib();
-        }
-
-        this.classList.add('combobox-filled');
-      }
-
-      // force the dropdown bib to hide if the input value has no matching suggestions
-      if (!this.availableOptions || this.availableOptions.length === 0) {
-        this.hideBib();
-      }
-    });
-
     this.input.addEventListener('auroFormElement-validated', (evt) => {
       this.errorMessage = evt.detail.message;
     });
@@ -8174,8 +8126,14 @@ class AuroCombobox extends r$6 {
    * @returns {void}
    */
   handleInputValueChange() {
+    this.menu.matchWord = this.input.value;
+    this.optionActive = null;
+
+    let hasChange = false;
+
     if (this.value !== this.input.value) {
       this.value = this.input.value;
+      hasChange = true;
 
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {
         bubbles: true,
@@ -8184,10 +8142,48 @@ class AuroCombobox extends r$6 {
       }));
     }
 
-    // This check prevents the component showing an error when a required datepicker is first rendered
-    if (this.input.value) {
+    if (this.value !== this.menu.value) {
+      this.menu.value = this.value;
+      hasChange = true;
+    }
+
+    if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
+      this.optionSelected = undefined;
+      hasChange = true;
+    }
+
+    if (!hasChange) {
+      return;
+    }
+
+    this.menu.resetOptionsStates();
+    this.handleMenuOptions();
+
+    // validate if the value was set programmatically
+    if (document.activeElement !== this) {
       this.validation.validate(this);
     }
+
+    // hide the menu if the value is empty otherwise show if there are available suggestions
+    if (this.input.value && this.input.value.length === 0) {
+      this.hideBib();
+      this.classList.remove('combobox-filled');
+    } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
+      const hasFocus = this.contains(document.activeElement);
+
+      // if the focus is within the combobox, then show the bib
+      // this will prevent the bib from being shown while loading & presetting the value
+      if (hasFocus) {
+        this.showBib();
+      }
+
+      this.classList.add('combobox-filled');
+    }
+
+    // force the dropdown bib to hide if the input value has no matching suggestions
+    if (!this.availableOptions || this.availableOptions.length === 0) {
+      this.hideBib();
+    }
   }
 
   /**
@@ -8373,7 +8369,8 @@ class AuroCombobox extends r$6 {
             setCustomValidity="${this.setCustomValidity}"
             setCustomValidityValueMissing="${this.setCustomValidityValueMissing}"
             setCustomValidityCustomError="${this.setCustomValidityCustomError}"
-            .type="${this.type}">
+            .type="${this.type}"
+            @input="${this.handleInputValueChange}">
             <slot name="label" slot="label"></slot>
           </${this.inputTag}>
           <div class="menuWrapper">

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

@@ -7875,9 +7875,6 @@ class AuroCombobox extends r$6 {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', () => {
-      // dropdown bib should hide when making a selection
-      this.hideBib();
-
       if (this.menu.optionSelected) {
         if (this.optionSelected !== this.menu.optionSelected) {
           this.optionSelected = this.menu.optionSelected;
@@ -7906,6 +7903,9 @@ class AuroCombobox extends r$6 {
           composed: true,
         }));
       }
+
+      // dropdown bib should hide when making a selection
+      this.hideBib();
     });
 
     this.menu.addEventListener('auroMenu-customEventFired', () => {
@@ -7950,54 +7950,6 @@ class AuroCombobox extends r$6 {
       }
     });
 
-    this.input.addEventListener('input', () => {
-      this.menu.matchWord = this.input.value;
-      this.optionActive = null;
-
-      if (this.value !== this.input.value) {
-        this.value = this.input.value;
-      }
-
-      if (this.value !== this.menu.value) {
-        this.menu.value = this.value;
-      }
-
-      if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
-        this.optionSelected = undefined;
-      }
-
-      this.menu.resetOptionsStates();
-
-      this.handleMenuOptions();
-
-      this.handleInputValueChange();
-      // validate only if the value was set programmatically
-      if (document.activeElement !== this) {
-        this.validation.validate(this);
-      }
-
-      // hide the menu if the value is empty otherwise show if there are available suggestions
-      if (this.input.value && this.input.value.length === 0) {
-        this.hideBib();
-        this.classList.remove('combobox-filled');
-      } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
-        const hasFocus = this.contains(document.activeElement);
-
-        // if the focus is within the combobox, then show the bib
-        // this will prevent the bib from being shown while loading & presetting the value
-        if (hasFocus) {
-          this.showBib();
-        }
-
-        this.classList.add('combobox-filled');
-      }
-
-      // force the dropdown bib to hide if the input value has no matching suggestions
-      if (!this.availableOptions || this.availableOptions.length === 0) {
-        this.hideBib();
-      }
-    });
-
     this.input.addEventListener('auroFormElement-validated', (evt) => {
       this.errorMessage = evt.detail.message;
     });
@@ -8032,8 +7984,14 @@ class AuroCombobox extends r$6 {
    * @returns {void}
    */
   handleInputValueChange() {
+    this.menu.matchWord = this.input.value;
+    this.optionActive = null;
+
+    let hasChange = false;
+
     if (this.value !== this.input.value) {
       this.value = this.input.value;
+      hasChange = true;
 
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {
         bubbles: true,
@@ -8042,10 +8000,48 @@ class AuroCombobox extends r$6 {
       }));
     }
 
-    // This check prevents the component showing an error when a required datepicker is first rendered
-    if (this.input.value) {
+    if (this.value !== this.menu.value) {
+      this.menu.value = this.value;
+      hasChange = true;
+    }
+
+    if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
+      this.optionSelected = undefined;
+      hasChange = true;
+    }
+
+    if (!hasChange) {
+      return;
+    }
+
+    this.menu.resetOptionsStates();
+    this.handleMenuOptions();
+
+    // validate if the value was set programmatically
+    if (document.activeElement !== this) {
       this.validation.validate(this);
     }
+
+    // hide the menu if the value is empty otherwise show if there are available suggestions
+    if (this.input.value && this.input.value.length === 0) {
+      this.hideBib();
+      this.classList.remove('combobox-filled');
+    } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
+      const hasFocus = this.contains(document.activeElement);
+
+      // if the focus is within the combobox, then show the bib
+      // this will prevent the bib from being shown while loading & presetting the value
+      if (hasFocus) {
+        this.showBib();
+      }
+
+      this.classList.add('combobox-filled');
+    }
+
+    // force the dropdown bib to hide if the input value has no matching suggestions
+    if (!this.availableOptions || this.availableOptions.length === 0) {
+      this.hideBib();
+    }
   }
 
   /**
@@ -8231,7 +8227,8 @@ class AuroCombobox extends r$6 {
             setCustomValidity="${this.setCustomValidity}"
             setCustomValidityValueMissing="${this.setCustomValidityValueMissing}"
             setCustomValidityCustomError="${this.setCustomValidityCustomError}"
-            .type="${this.type}">
+            .type="${this.type}"
+            @input="${this.handleInputValueChange}">
             <slot name="label" slot="label"></slot>
           </${this.inputTag}>
           <div class="menuWrapper">

package/components/combobox/dist/auro-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH;IA+CE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkDI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAhJC,kBAAqB;IACrB,cAAyB;IACzB,WAAiB;IACjB,oBAA0B;IAI1B;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAEjD;;OAEG;IACH,6BAAiC;IAMjC,iBAAyF;IACzF,cAA6E;IAG/E;;;OAGG;IACH,wBAIC;IAHC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IA6GvD;;;;OAIG;IACH,0BAiDC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAcC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBAuEC;IAtEC,cAAwD;IAwE1D;;;;OAIG;IACH,uBAuEC;IAFG,kBAAsC;IAI1C;;;;;;;;;;;;;OAaG;IACH,gCAOC;IAED;;;;OAIG;IACH,+BAeC;IAED;;;;OAIG;IACH,0BAqCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,SAFa,IAAI,CAKhB;IAED,sCA4BC;IAED;;;;;OAKG;IACH,yBAcC;IAGD,4CAkDC;CACF;2BA3sB0B,KAAK"}
+{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH;IA+CE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkDI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAhJC,kBAAqB;IACrB,cAAyB;IACzB,WAAiB;IACjB,oBAA0B;IAI1B;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAEjD;;OAEG;IACH,6BAAiC;IAMjC,iBAAyF;IACzF,cAA6E;IAG/E;;;OAGG;IACH,wBAIC;IAHC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IA6GvD;;;;OAIG;IACH,0BAiDC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAcC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBAuEC;IAtEC,cAAwD;IAwE1D;;;;OAIG;IACH,uBAuBC;IAFG,kBAAsC;IAI1C;;;;;;;;;;;;;OAaG;IACH,gCAOC;IAED;;;;OAIG;IACH,+BA2DC;IAED;;;;OAIG;IACH,0BAqCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,SAFa,IAAI,CAKhB;IAED,sCA4BC;IAED;;;;;OAKG;IACH,yBAcC;IAGD,4CAmDC;CACF;2BAxsB0B,KAAK"}

package/components/combobox/dist/index.js

@@ -7852,9 +7852,6 @@ class AuroCombobox extends r$6 {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', () => {
-      // dropdown bib should hide when making a selection
-      this.hideBib();
-
       if (this.menu.optionSelected) {
         if (this.optionSelected !== this.menu.optionSelected) {
           this.optionSelected = this.menu.optionSelected;
@@ -7883,6 +7880,9 @@ class AuroCombobox extends r$6 {
           composed: true,
         }));
       }
+
+      // dropdown bib should hide when making a selection
+      this.hideBib();
     });
 
     this.menu.addEventListener('auroMenu-customEventFired', () => {
@@ -7927,54 +7927,6 @@ class AuroCombobox extends r$6 {
       }
     });
 
-    this.input.addEventListener('input', () => {
-      this.menu.matchWord = this.input.value;
-      this.optionActive = null;
-
-      if (this.value !== this.input.value) {
-        this.value = this.input.value;
-      }
-
-      if (this.value !== this.menu.value) {
-        this.menu.value = this.value;
-      }
-
-      if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
-        this.optionSelected = undefined;
-      }
-
-      this.menu.resetOptionsStates();
-
-      this.handleMenuOptions();
-
-      this.handleInputValueChange();
-      // validate only if the value was set programmatically
-      if (document.activeElement !== this) {
-        this.validation.validate(this);
-      }
-
-      // hide the menu if the value is empty otherwise show if there are available suggestions
-      if (this.input.value && this.input.value.length === 0) {
-        this.hideBib();
-        this.classList.remove('combobox-filled');
-      } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
-        const hasFocus = this.contains(document.activeElement);
-
-        // if the focus is within the combobox, then show the bib
-        // this will prevent the bib from being shown while loading & presetting the value
-        if (hasFocus) {
-          this.showBib();
-        }
-
-        this.classList.add('combobox-filled');
-      }
-
-      // force the dropdown bib to hide if the input value has no matching suggestions
-      if (!this.availableOptions || this.availableOptions.length === 0) {
-        this.hideBib();
-      }
-    });
-
     this.input.addEventListener('auroFormElement-validated', (evt) => {
       this.errorMessage = evt.detail.message;
     });
@@ -8009,8 +7961,14 @@ class AuroCombobox extends r$6 {
    * @returns {void}
    */
   handleInputValueChange() {
+    this.menu.matchWord = this.input.value;
+    this.optionActive = null;
+
+    let hasChange = false;
+
     if (this.value !== this.input.value) {
       this.value = this.input.value;
+      hasChange = true;
 
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {
         bubbles: true,
@@ -8019,10 +7977,48 @@ class AuroCombobox extends r$6 {
       }));
     }
 
-    // This check prevents the component showing an error when a required datepicker is first rendered
-    if (this.input.value) {
+    if (this.value !== this.menu.value) {
+      this.menu.value = this.value;
+      hasChange = true;
+    }
+
+    if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
+      this.optionSelected = undefined;
+      hasChange = true;
+    }
+
+    if (!hasChange) {
+      return;
+    }
+
+    this.menu.resetOptionsStates();
+    this.handleMenuOptions();
+
+    // validate if the value was set programmatically
+    if (document.activeElement !== this) {
       this.validation.validate(this);
     }
+
+    // hide the menu if the value is empty otherwise show if there are available suggestions
+    if (this.input.value && this.input.value.length === 0) {
+      this.hideBib();
+      this.classList.remove('combobox-filled');
+    } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
+      const hasFocus = this.contains(document.activeElement);
+
+      // if the focus is within the combobox, then show the bib
+      // this will prevent the bib from being shown while loading & presetting the value
+      if (hasFocus) {
+        this.showBib();
+      }
+
+      this.classList.add('combobox-filled');
+    }
+
+    // force the dropdown bib to hide if the input value has no matching suggestions
+    if (!this.availableOptions || this.availableOptions.length === 0) {
+      this.hideBib();
+    }
   }
 
   /**
@@ -8208,7 +8204,8 @@ class AuroCombobox extends r$6 {
             setCustomValidity="${this.setCustomValidity}"
             setCustomValidityValueMissing="${this.setCustomValidityValueMissing}"
             setCustomValidityCustomError="${this.setCustomValidityCustomError}"
-            .type="${this.type}">
+            .type="${this.type}"
+            @input="${this.handleInputValueChange}">
             <slot name="label" slot="label"></slot>
           </${this.inputTag}>
           <div class="menuWrapper">

package/components/combobox/src/auro-combobox.js

@@ -345,9 +345,6 @@ export class AuroCombobox extends LitElement {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', () => {
-      // dropdown bib should hide when making a selection
-      this.hideBib();
-
       if (this.menu.optionSelected) {
         if (this.optionSelected !== this.menu.optionSelected) {
           this.optionSelected = this.menu.optionSelected;
@@ -376,6 +373,9 @@ export class AuroCombobox extends LitElement {
           composed: true,
         }));
       }
+
+      // dropdown bib should hide when making a selection
+      this.hideBib();
     });
 
     this.menu.addEventListener('auroMenu-customEventFired', () => {
@@ -420,54 +420,6 @@ export class AuroCombobox extends LitElement {
       }
     });
 
-    this.input.addEventListener('input', () => {
-      this.menu.matchWord = this.input.value;
-      this.optionActive = null;
-
-      if (this.value !== this.input.value) {
-        this.value = this.input.value;
-      }
-
-      if (this.value !== this.menu.value) {
-        this.menu.value = this.value;
-      }
-
-      if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
-        this.optionSelected = undefined;
-      }
-
-      this.menu.resetOptionsStates();
-
-      this.handleMenuOptions();
-
-      this.handleInputValueChange();
-      // validate only if the value was set programmatically
-      if (document.activeElement !== this) {
-        this.validation.validate(this);
-      }
-
-      // hide the menu if the value is empty otherwise show if there are available suggestions
-      if (this.input.value && this.input.value.length === 0) {
-        this.hideBib();
-        this.classList.remove('combobox-filled');
-      } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
-        const hasFocus = this.contains(document.activeElement);
-
-        // if the focus is within the combobox, then show the bib
-        // this will prevent the bib from being shown while loading & presetting the value
-        if (hasFocus) {
-          this.showBib();
-        }
-
-        this.classList.add('combobox-filled');
-      }
-
-      // force the dropdown bib to hide if the input value has no matching suggestions
-      if (!this.availableOptions || this.availableOptions.length === 0) {
-        this.hideBib();
-      }
-    });
-
     this.input.addEventListener('auroFormElement-validated', (evt) => {
       this.errorMessage = evt.detail.message;
     });
@@ -502,8 +454,14 @@ export class AuroCombobox extends LitElement {
    * @returns {void}
    */
   handleInputValueChange() {
+    this.menu.matchWord = this.input.value;
+    this.optionActive = null;
+
+    let hasChange = false;
+
     if (this.value !== this.input.value) {
       this.value = this.input.value;
+      hasChange = true;
 
       this.dispatchEvent(new CustomEvent('auroCombobox-valueSet', {
         bubbles: true,
@@ -512,10 +470,48 @@ export class AuroCombobox extends LitElement {
       }));
     }
 
-    // This check prevents the component showing an error when a required datepicker is first rendered
-    if (this.input.value) {
+    if (this.value !== this.menu.value) {
+      this.menu.value = this.value;
+      hasChange = true;
+    }
+
+    if (this.optionSelected && this.input.value !== this.optionSelected.textContent) {
+      this.optionSelected = undefined;
+      hasChange = true;
+    }
+
+    if (!hasChange) {
+      return;
+    }
+
+    this.menu.resetOptionsStates();
+    this.handleMenuOptions();
+
+    // validate if the value was set programmatically
+    if (document.activeElement !== this) {
       this.validation.validate(this);
     }
+
+    // hide the menu if the value is empty otherwise show if there are available suggestions
+    if (this.input.value && this.input.value.length === 0) {
+      this.hideBib();
+      this.classList.remove('combobox-filled');
+    } else if (!this.dropdown.isPopoverVisible && this.availableOptions) {
+      const hasFocus = this.contains(document.activeElement);
+
+      // if the focus is within the combobox, then show the bib
+      // this will prevent the bib from being shown while loading & presetting the value
+      if (hasFocus) {
+        this.showBib();
+      }
+
+      this.classList.add('combobox-filled');
+    }
+
+    // force the dropdown bib to hide if the input value has no matching suggestions
+    if (!this.availableOptions || this.availableOptions.length === 0) {
+      this.hideBib();
+    }
   }
 
   /**
@@ -701,7 +697,8 @@ export class AuroCombobox extends LitElement {
             setCustomValidity="${this.setCustomValidity}"
             setCustomValidityValueMissing="${this.setCustomValidityValueMissing}"
             setCustomValidityCustomError="${this.setCustomValidityCustomError}"
-            .type="${this.type}">
+            .type="${this.type}"
+            @input="${this.handleInputValueChange}">
             <slot name="label" slot="label"></slot>
           </${this.inputTag}>
           <div class="menuWrapper">

package/components/counter/.turbo/turbo-build.log

@@ -74,13 +74,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 531ms
+created dist in 882ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 309ms
+created ./demo/ in 363ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 354ms
+created ./demo/ in 253ms
 
 > @aurodesignsystem/auro-counter@1.0.0 types
 > tsc --project tsconfig.json

package/components/counter/.turbo/turbo-bundler.log

@@ -4,10 +4,10 @@
 
 
 ./src/index.js → dist...
-created dist in 1.2s
+created dist in 942ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 427ms
+created ./demo/ in 513ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 577ms
+created ./demo/ in 400ms

package/components/datepicker/.turbo/turbo-build.log

@@ -373,10 +373,10 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 3.7s
+created dist in 3.8s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 3.3s
+created ./demo/ in 3.4s
 
 ./demo/api.js → ./demo/...
 created ./demo/ in 3.3s

package/components/datepicker/.turbo/turbo-bundler.log

@@ -8,10 +8,10 @@
 https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
 @auro-formkit/auro-dropdown (imported by "src/auro-datepicker.js")
 @auro-formkit/auro-input (imported by "src/auro-datepicker.js")
-created dist in 20.1s
+created dist in 22.7s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 12.9s
+created ./demo/ in 9.3s
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 3.4s
+created ./demo/ in 3.3s

package/components/datepicker/README.md

@@ -93,10 +93,10 @@ In cases where the project is not able to process JS assets, there are pre-proce
 <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.12.1/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.5/dist/auro-dropdown__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.5/dist/auro-input__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-popover@2.0.0-beta.5/dist/auro-popover__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-datepicker@2.0.0-beta.5/dist/auro-datepicker__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.7/dist/auro-dropdown__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.7/dist/auro-input__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-popover@2.0.0-beta.7/dist/auro-popover__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-datepicker@2.0.0-beta.7/dist/auro-datepicker__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-datepicker use cases