@aurodesignsystem-dev/auro-formkit 0.0.0-pr1345.0 → 0.0.0-pr1345.2

package/components/bibtemplate/dist/index.js

@@ -304,6 +304,10 @@ class AuroBibtemplate extends LitElement {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }

package/components/bibtemplate/dist/registered.js

@@ -304,6 +304,10 @@ class AuroBibtemplate extends LitElement {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }

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

@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/index.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/registered.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -4389,7 +4389,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202602182119';
+var formkitVersion$2 = '202602201935';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -11311,31 +11311,34 @@ class BaseInput extends AuroElement$1 {
     // Process credit card type detection and formatting during input
     if (this.type === 'credit-card') {
       this.processCreditCard();
-    }
+      this.touched = true;
+      this.validation.validate(this);
+    } else {
 
-    // Sets value property to value of element value (el.value).
-    this.value = this.inputElement.value;
+      // Sets value property to value of element value (el.value).
+      this.value = this.inputElement.value;
 
-    // Determine if the value change was programmatic, including autofill.
-    const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
+      // Determine if the value change was programmatic, including autofill.
+      const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
 
-    // Validation on input or programmatic value change (including autofill).
-    if (this.validateOnInput || inputWasProgrammatic) {
-      this.touched = true;
-      this.validation.validate(this);
-    }
+      // Validation on input or programmatic value change (including autofill).
+      if (this.validateOnInput || inputWasProgrammatic) {
+        this.touched = true;
+        this.validation.validate(this);
+      }
 
-    // Prevents cursor jumping in Safari.
-    const { selectionStart } = this.inputElement;
+      // Prevents cursor jumping in Safari.
+      const { selectionStart } = this.inputElement;
 
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line
-          // do nothing
-        }
-      });
+      if (this.setSelectionInputTypes.includes(this.type)) {
+        this.updateComplete.then(() => {
+          try {
+            this.inputElement.setSelectionRange(selectionStart, selectionStart);
+          } catch (error) { // eslint-disable-line
+            // do nothing
+          }
+        });
+      }
     }
   }
 
@@ -11368,6 +11371,11 @@ class BaseInput extends AuroElement$1 {
     this.inputElement.scrollLeft = 100;
 
     if (!this.noValidate) {
+      // For credit card inputs with mask, ensure value is synced from mask instance
+      if (this.type === 'credit-card' && this.maskInstance) {
+        this.value = this.maskInstance.value;
+      }
+
       this.validation.validate(this);
     }
   }
@@ -12016,7 +12024,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12966,6 +12974,10 @@ class AuroBibtemplate extends i$4 {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }
@@ -13042,7 +13054,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 

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

@@ -4312,7 +4312,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202602182119';
+var formkitVersion$2 = '202602201935';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -11234,31 +11234,34 @@ class BaseInput extends AuroElement$1 {
     // Process credit card type detection and formatting during input
     if (this.type === 'credit-card') {
       this.processCreditCard();
-    }
+      this.touched = true;
+      this.validation.validate(this);
+    } else {
 
-    // Sets value property to value of element value (el.value).
-    this.value = this.inputElement.value;
+      // Sets value property to value of element value (el.value).
+      this.value = this.inputElement.value;
 
-    // Determine if the value change was programmatic, including autofill.
-    const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
+      // Determine if the value change was programmatic, including autofill.
+      const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
 
-    // Validation on input or programmatic value change (including autofill).
-    if (this.validateOnInput || inputWasProgrammatic) {
-      this.touched = true;
-      this.validation.validate(this);
-    }
+      // Validation on input or programmatic value change (including autofill).
+      if (this.validateOnInput || inputWasProgrammatic) {
+        this.touched = true;
+        this.validation.validate(this);
+      }
 
-    // Prevents cursor jumping in Safari.
-    const { selectionStart } = this.inputElement;
+      // Prevents cursor jumping in Safari.
+      const { selectionStart } = this.inputElement;
 
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line
-          // do nothing
-        }
-      });
+      if (this.setSelectionInputTypes.includes(this.type)) {
+        this.updateComplete.then(() => {
+          try {
+            this.inputElement.setSelectionRange(selectionStart, selectionStart);
+          } catch (error) { // eslint-disable-line
+            // do nothing
+          }
+        });
+      }
     }
   }
 
@@ -11291,6 +11294,11 @@ class BaseInput extends AuroElement$1 {
     this.inputElement.scrollLeft = 100;
 
     if (!this.noValidate) {
+      // For credit card inputs with mask, ensure value is synced from mask instance
+      if (this.type === 'credit-card' && this.maskInstance) {
+        this.value = this.maskInstance.value;
+      }
+
       this.validation.validate(this);
     }
   }
@@ -11939,7 +11947,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12889,6 +12897,10 @@ class AuroBibtemplate extends i$4 {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }
@@ -12965,7 +12977,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 

package/components/combobox/dist/index.js

@@ -4249,7 +4249,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202602182119';
+var formkitVersion$2 = '202602201935';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -11164,31 +11164,34 @@ class BaseInput extends AuroElement$1 {
     // Process credit card type detection and formatting during input
     if (this.type === 'credit-card') {
       this.processCreditCard();
-    }
+      this.touched = true;
+      this.validation.validate(this);
+    } else {
 
-    // Sets value property to value of element value (el.value).
-    this.value = this.inputElement.value;
+      // Sets value property to value of element value (el.value).
+      this.value = this.inputElement.value;
 
-    // Determine if the value change was programmatic, including autofill.
-    const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
+      // Determine if the value change was programmatic, including autofill.
+      const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
 
-    // Validation on input or programmatic value change (including autofill).
-    if (this.validateOnInput || inputWasProgrammatic) {
-      this.touched = true;
-      this.validation.validate(this);
-    }
+      // Validation on input or programmatic value change (including autofill).
+      if (this.validateOnInput || inputWasProgrammatic) {
+        this.touched = true;
+        this.validation.validate(this);
+      }
 
-    // Prevents cursor jumping in Safari.
-    const { selectionStart } = this.inputElement;
+      // Prevents cursor jumping in Safari.
+      const { selectionStart } = this.inputElement;
 
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line
-          // do nothing
-        }
-      });
+      if (this.setSelectionInputTypes.includes(this.type)) {
+        this.updateComplete.then(() => {
+          try {
+            this.inputElement.setSelectionRange(selectionStart, selectionStart);
+          } catch (error) { // eslint-disable-line
+            // do nothing
+          }
+        });
+      }
     }
   }
 
@@ -11221,6 +11224,11 @@ class BaseInput extends AuroElement$1 {
     this.inputElement.scrollLeft = 100;
 
     if (!this.noValidate) {
+      // For credit card inputs with mask, ensure value is synced from mask instance
+      if (this.type === 'credit-card' && this.maskInstance) {
+        this.value = this.maskInstance.value;
+      }
+
       this.validation.validate(this);
     }
   }
@@ -11869,7 +11877,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12819,6 +12827,10 @@ class AuroBibtemplate extends LitElement {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }
@@ -12895,7 +12907,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 

package/components/combobox/dist/registered.js

@@ -4249,7 +4249,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202602182119';
+var formkitVersion$2 = '202602201935';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -11164,31 +11164,34 @@ class BaseInput extends AuroElement$1 {
     // Process credit card type detection and formatting during input
     if (this.type === 'credit-card') {
       this.processCreditCard();
-    }
+      this.touched = true;
+      this.validation.validate(this);
+    } else {
 
-    // Sets value property to value of element value (el.value).
-    this.value = this.inputElement.value;
+      // Sets value property to value of element value (el.value).
+      this.value = this.inputElement.value;
 
-    // Determine if the value change was programmatic, including autofill.
-    const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
+      // Determine if the value change was programmatic, including autofill.
+      const inputWasProgrammatic = !this.matches(":focus") || event.isProgrammatic;
 
-    // Validation on input or programmatic value change (including autofill).
-    if (this.validateOnInput || inputWasProgrammatic) {
-      this.touched = true;
-      this.validation.validate(this);
-    }
+      // Validation on input or programmatic value change (including autofill).
+      if (this.validateOnInput || inputWasProgrammatic) {
+        this.touched = true;
+        this.validation.validate(this);
+      }
 
-    // Prevents cursor jumping in Safari.
-    const { selectionStart } = this.inputElement;
+      // Prevents cursor jumping in Safari.
+      const { selectionStart } = this.inputElement;
 
-    if (this.setSelectionInputTypes.includes(this.type)) {
-      this.updateComplete.then(() => {
-        try {
-          this.inputElement.setSelectionRange(selectionStart, selectionStart);
-        } catch (error) { // eslint-disable-line
-          // do nothing
-        }
-      });
+      if (this.setSelectionInputTypes.includes(this.type)) {
+        this.updateComplete.then(() => {
+          try {
+            this.inputElement.setSelectionRange(selectionStart, selectionStart);
+          } catch (error) { // eslint-disable-line
+            // do nothing
+          }
+        });
+      }
     }
   }
 
@@ -11221,6 +11224,11 @@ class BaseInput extends AuroElement$1 {
     this.inputElement.scrollLeft = 100;
 
     if (!this.noValidate) {
+      // For credit card inputs with mask, ensure value is synced from mask instance
+      if (this.type === 'credit-card' && this.maskInstance) {
+        this.value = this.maskInstance.value;
+      }
+
       this.validation.validate(this);
     }
   }
@@ -11869,7 +11877,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -12819,6 +12827,10 @@ class AuroBibtemplate extends LitElement {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }
@@ -12895,7 +12907,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 

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

@@ -1442,7 +1442,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5135,7 +5135,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {
@@ -6488,6 +6488,10 @@ class AuroBibtemplate extends i$2 {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }

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

@@ -1442,7 +1442,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5135,7 +5135,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 let AuroElement$1 = class AuroElement extends i$2 {
   static get properties() {
@@ -6488,6 +6488,10 @@ class AuroBibtemplate extends i$2 {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }

package/components/counter/dist/index.js

@@ -1392,7 +1392,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5067,7 +5067,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {
@@ -6420,6 +6420,10 @@ class AuroBibtemplate extends LitElement {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }

package/components/counter/dist/registered.js

@@ -1392,7 +1392,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202602182119';
+var formkitVersion$1 = '202602201935';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -5067,7 +5067,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202602182119';
+var formkitVersion = '202602201935';
 
 let AuroElement$1 = class AuroElement extends LitElement {
   static get properties() {
@@ -6420,6 +6420,10 @@ class AuroBibtemplate extends LitElement {
    * @returns {void}
    */
   preventBodyScroll(event) {
+    if (document.activeElement && (document.activeElement.tagName === 'AURO-COUNTER' || document.activeElement.hasAttribute('auro-counter'))) {
+      // allow default interaction when counter has focus (swiping up/down to control the value)
+      return;
+    }
     if (event.target === this) {
       event.preventDefault();
     }