@aurodesignsystem-dev/auro-formkit 0.0.0-pr1344.1 → 0.0.0-pr1344.2

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

@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202602201749';
+var formkitVersion = '202602201815';
 
 // 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 = '202602201749';
+var formkitVersion = '202602201815';
 
 // 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 = '202602201749';
+var formkitVersion = '202602201815';
 
 // 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 = '202602201749';
+var formkitVersion = '202602201815';
 
 // 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 = '202602201749';
+var formkitVersion$2 = '202602201815';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -15982,6 +15982,92 @@ class UniqueId {
   }
 }
 
+/**
+ * Class for interaction with the DOM.
+ */
+class DomHandler {
+  /**
+   * Walk up the DOM (including Shadow DOM boundaries) to find
+   * the closest ancestor with a given attribute.
+   *
+   * @param {Node} startNode - The node to start from
+   * @param {string} attrName - Attribute name to match
+   * @returns {Element|null}
+   */
+  closestWithAttribute(startNode, attrName) {
+    let node = startNode;
+
+    while (node) {
+      // Only check Elements
+      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute(attrName)) {
+        return node;
+      }
+
+      // Normal DOM parent
+      if (node.parentNode) {
+        node = node.parentNode;
+        continue;
+      }
+
+      // Cross Shadow DOM boundary
+      if (node instanceof ShadowRoot) {
+        node = node.host;
+        continue;
+      }
+
+      // If we're inside a shadow tree and parentNode is null
+      if (node.getRootNode) {
+        const root = node.getRootNode();
+        if (root instanceof ShadowRoot) {
+          node = root.host;
+          continue;
+        }
+      }
+
+      // Nothing left to traverse
+      node = null;
+    }
+
+    return null;
+  }
+
+  /**
+   * If the locale wasn't set via attribute on `elem`,
+   * then use the closest `data-locale` attribute crawling up the DOM tree.
+   * If none is found, default to 'en-US'.
+   */
+  getLocale(elem) {
+    let locale = "en-US";
+
+    try {
+      if (elem.hasAttribute("locale")) {
+        locale = elem.getAttribute("locale");
+      } else {
+        const closestLocaleElement = this.closestWithAttribute(
+          elem,
+          "data-locale",
+        );
+
+        if (closestLocaleElement) {
+          locale = closestLocaleElement.getAttribute("data-locale");
+        }
+      }
+    } catch (error) {
+      if (!elem) {
+        console.debug(
+          "Auro getLocale: No element provided, defaulting to 'en-US'",
+        );
+      } else {
+        console.debug(
+          "Auro getLocale: Error accessing attributes, defaulting to 'en-US'",
+        );
+      }
+    }
+
+    return locale;
+  }
+}
+
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -16045,6 +16131,7 @@ class BaseInput extends AuroElement$1 {
       'dd/mm': 'dateDDMM',
       'mm/dd': 'dateMMDD'
     };
+    this.domHandler = new DomHandler();
     this.dvInputOnly = false;
     this.hasValue = false;
     this.inputIconName = undefined;
@@ -16479,7 +16566,7 @@ class BaseInput extends AuroElement$1 {
   connectedCallback() {
     super.connectedCallback();
 
-    this.setLocale();
+    this.locale = this.domHandler.getLocale(this);
   }
 
   firstUpdated() {
@@ -16582,69 +16669,6 @@ class BaseInput extends AuroElement$1 {
     }
   }
 
-  /**
-   * MOVE THIS TO AURO-LIBRARY ???
-   * Walk up the DOM (including Shadow DOM boundaries) to find
-   * the closest ancestor with a given attribute.
-   *
-   * @param {Node} startNode - The node to start from
-   * @param {string} attrName - Attribute name to match
-   * @returns {Element|null}
-   */
-  closestWithAttribute(startNode, attrName) {
-    let node = startNode;
-
-    while (node) {
-      // Only check Elements
-      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute(attrName)) {
-        return node;
-      }
-
-      // Normal DOM parent
-      if (node.parentNode) {
-        node = node.parentNode;
-        continue;
-      }
-
-      // Cross Shadow DOM boundary
-      if (node instanceof ShadowRoot) {
-        node = node.host;
-        continue;
-      }
-
-      // If we're inside a shadow tree and parentNode is null
-      if (node.getRootNode) {
-        const root = node.getRootNode();
-        if (root instanceof ShadowRoot) {
-          node = root.host;
-          continue;
-        }
-      }
-
-      // Nothing left to traverse
-      node = null;
-    }
-
-    return null;
-  }
-
-  /**
-   * If the locale wasn't set via attribute,
-   * look for the closest `data-locale` attribute in the DOM and use that.
-   * If none is found, default to 'en-US'.
-   */
-  setLocale() {
-    if (!this.hasAttribute('locale')) {
-      const closestLocaleElement = this.closestWithAttribute(this, 'data-locale');
-
-      if (closestLocaleElement) {
-        this.locale = closestLocaleElement.getAttribute('data-locale');
-      } else {
-        this.locale = 'en-US';
-      }
-    }
-  }
-
   /**
    * LitElement lifecycle method. Called after the DOM has been updated.
    * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
@@ -17464,7 +17488,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202602201749';
+var formkitVersion$1 = '202602201815';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18548,7 +18572,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202602201749';
+var formkitVersion = '202602201815';
 
 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 = '202602201749';
+var formkitVersion$2 = '202602201815';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -15905,6 +15905,92 @@ class UniqueId {
   }
 }
 
+/**
+ * Class for interaction with the DOM.
+ */
+class DomHandler {
+  /**
+   * Walk up the DOM (including Shadow DOM boundaries) to find
+   * the closest ancestor with a given attribute.
+   *
+   * @param {Node} startNode - The node to start from
+   * @param {string} attrName - Attribute name to match
+   * @returns {Element|null}
+   */
+  closestWithAttribute(startNode, attrName) {
+    let node = startNode;
+
+    while (node) {
+      // Only check Elements
+      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute(attrName)) {
+        return node;
+      }
+
+      // Normal DOM parent
+      if (node.parentNode) {
+        node = node.parentNode;
+        continue;
+      }
+
+      // Cross Shadow DOM boundary
+      if (node instanceof ShadowRoot) {
+        node = node.host;
+        continue;
+      }
+
+      // If we're inside a shadow tree and parentNode is null
+      if (node.getRootNode) {
+        const root = node.getRootNode();
+        if (root instanceof ShadowRoot) {
+          node = root.host;
+          continue;
+        }
+      }
+
+      // Nothing left to traverse
+      node = null;
+    }
+
+    return null;
+  }
+
+  /**
+   * If the locale wasn't set via attribute on `elem`,
+   * then use the closest `data-locale` attribute crawling up the DOM tree.
+   * If none is found, default to 'en-US'.
+   */
+  getLocale(elem) {
+    let locale = "en-US";
+
+    try {
+      if (elem.hasAttribute("locale")) {
+        locale = elem.getAttribute("locale");
+      } else {
+        const closestLocaleElement = this.closestWithAttribute(
+          elem,
+          "data-locale",
+        );
+
+        if (closestLocaleElement) {
+          locale = closestLocaleElement.getAttribute("data-locale");
+        }
+      }
+    } catch (error) {
+      if (!elem) {
+        console.debug(
+          "Auro getLocale: No element provided, defaulting to 'en-US'",
+        );
+      } else {
+        console.debug(
+          "Auro getLocale: Error accessing attributes, defaulting to 'en-US'",
+        );
+      }
+    }
+
+    return locale;
+  }
+}
+
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -15968,6 +16054,7 @@ class BaseInput extends AuroElement$1 {
       'dd/mm': 'dateDDMM',
       'mm/dd': 'dateMMDD'
     };
+    this.domHandler = new DomHandler();
     this.dvInputOnly = false;
     this.hasValue = false;
     this.inputIconName = undefined;
@@ -16402,7 +16489,7 @@ class BaseInput extends AuroElement$1 {
   connectedCallback() {
     super.connectedCallback();
 
-    this.setLocale();
+    this.locale = this.domHandler.getLocale(this);
   }
 
   firstUpdated() {
@@ -16505,69 +16592,6 @@ class BaseInput extends AuroElement$1 {
     }
   }
 
-  /**
-   * MOVE THIS TO AURO-LIBRARY ???
-   * Walk up the DOM (including Shadow DOM boundaries) to find
-   * the closest ancestor with a given attribute.
-   *
-   * @param {Node} startNode - The node to start from
-   * @param {string} attrName - Attribute name to match
-   * @returns {Element|null}
-   */
-  closestWithAttribute(startNode, attrName) {
-    let node = startNode;
-
-    while (node) {
-      // Only check Elements
-      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute(attrName)) {
-        return node;
-      }
-
-      // Normal DOM parent
-      if (node.parentNode) {
-        node = node.parentNode;
-        continue;
-      }
-
-      // Cross Shadow DOM boundary
-      if (node instanceof ShadowRoot) {
-        node = node.host;
-        continue;
-      }
-
-      // If we're inside a shadow tree and parentNode is null
-      if (node.getRootNode) {
-        const root = node.getRootNode();
-        if (root instanceof ShadowRoot) {
-          node = root.host;
-          continue;
-        }
-      }
-
-      // Nothing left to traverse
-      node = null;
-    }
-
-    return null;
-  }
-
-  /**
-   * If the locale wasn't set via attribute,
-   * look for the closest `data-locale` attribute in the DOM and use that.
-   * If none is found, default to 'en-US'.
-   */
-  setLocale() {
-    if (!this.hasAttribute('locale')) {
-      const closestLocaleElement = this.closestWithAttribute(this, 'data-locale');
-
-      if (closestLocaleElement) {
-        this.locale = closestLocaleElement.getAttribute('data-locale');
-      } else {
-        this.locale = 'en-US';
-      }
-    }
-  }
-
   /**
    * LitElement lifecycle method. Called after the DOM has been updated.
    * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
@@ -17387,7 +17411,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202602201749';
+var formkitVersion$1 = '202602201815';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18471,7 +18495,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202602201749';
+var formkitVersion = '202602201815';
 
 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 = '202602201749';
+var formkitVersion$2 = '202602201815';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -15835,6 +15835,92 @@ class UniqueId {
   }
 }
 
+/**
+ * Class for interaction with the DOM.
+ */
+class DomHandler {
+  /**
+   * Walk up the DOM (including Shadow DOM boundaries) to find
+   * the closest ancestor with a given attribute.
+   *
+   * @param {Node} startNode - The node to start from
+   * @param {string} attrName - Attribute name to match
+   * @returns {Element|null}
+   */
+  closestWithAttribute(startNode, attrName) {
+    let node = startNode;
+
+    while (node) {
+      // Only check Elements
+      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute(attrName)) {
+        return node;
+      }
+
+      // Normal DOM parent
+      if (node.parentNode) {
+        node = node.parentNode;
+        continue;
+      }
+
+      // Cross Shadow DOM boundary
+      if (node instanceof ShadowRoot) {
+        node = node.host;
+        continue;
+      }
+
+      // If we're inside a shadow tree and parentNode is null
+      if (node.getRootNode) {
+        const root = node.getRootNode();
+        if (root instanceof ShadowRoot) {
+          node = root.host;
+          continue;
+        }
+      }
+
+      // Nothing left to traverse
+      node = null;
+    }
+
+    return null;
+  }
+
+  /**
+   * If the locale wasn't set via attribute on `elem`,
+   * then use the closest `data-locale` attribute crawling up the DOM tree.
+   * If none is found, default to 'en-US'.
+   */
+  getLocale(elem) {
+    let locale = "en-US";
+
+    try {
+      if (elem.hasAttribute("locale")) {
+        locale = elem.getAttribute("locale");
+      } else {
+        const closestLocaleElement = this.closestWithAttribute(
+          elem,
+          "data-locale",
+        );
+
+        if (closestLocaleElement) {
+          locale = closestLocaleElement.getAttribute("data-locale");
+        }
+      }
+    } catch (error) {
+      if (!elem) {
+        console.debug(
+          "Auro getLocale: No element provided, defaulting to 'en-US'",
+        );
+      } else {
+        console.debug(
+          "Auro getLocale: Error accessing attributes, defaulting to 'en-US'",
+        );
+      }
+    }
+
+    return locale;
+  }
+}
+
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
@@ -15898,6 +15984,7 @@ class BaseInput extends AuroElement$1 {
       'dd/mm': 'dateDDMM',
       'mm/dd': 'dateMMDD'
     };
+    this.domHandler = new DomHandler();
     this.dvInputOnly = false;
     this.hasValue = false;
     this.inputIconName = undefined;
@@ -16332,7 +16419,7 @@ class BaseInput extends AuroElement$1 {
   connectedCallback() {
     super.connectedCallback();
 
-    this.setLocale();
+    this.locale = this.domHandler.getLocale(this);
   }
 
   firstUpdated() {
@@ -16435,69 +16522,6 @@ class BaseInput extends AuroElement$1 {
     }
   }
 
-  /**
-   * MOVE THIS TO AURO-LIBRARY ???
-   * Walk up the DOM (including Shadow DOM boundaries) to find
-   * the closest ancestor with a given attribute.
-   *
-   * @param {Node} startNode - The node to start from
-   * @param {string} attrName - Attribute name to match
-   * @returns {Element|null}
-   */
-  closestWithAttribute(startNode, attrName) {
-    let node = startNode;
-
-    while (node) {
-      // Only check Elements
-      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute(attrName)) {
-        return node;
-      }
-
-      // Normal DOM parent
-      if (node.parentNode) {
-        node = node.parentNode;
-        continue;
-      }
-
-      // Cross Shadow DOM boundary
-      if (node instanceof ShadowRoot) {
-        node = node.host;
-        continue;
-      }
-
-      // If we're inside a shadow tree and parentNode is null
-      if (node.getRootNode) {
-        const root = node.getRootNode();
-        if (root instanceof ShadowRoot) {
-          node = root.host;
-          continue;
-        }
-      }
-
-      // Nothing left to traverse
-      node = null;
-    }
-
-    return null;
-  }
-
-  /**
-   * If the locale wasn't set via attribute,
-   * look for the closest `data-locale` attribute in the DOM and use that.
-   * If none is found, default to 'en-US'.
-   */
-  setLocale() {
-    if (!this.hasAttribute('locale')) {
-      const closestLocaleElement = this.closestWithAttribute(this, 'data-locale');
-
-      if (closestLocaleElement) {
-        this.locale = closestLocaleElement.getAttribute('data-locale');
-      } else {
-        this.locale = 'en-US';
-      }
-    }
-  }
-
   /**
    * LitElement lifecycle method. Called after the DOM has been updated.
    * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
@@ -17317,7 +17341,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202602201749';
+var formkitVersion$1 = '202602201815';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18401,7 +18425,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202602201749';
+var formkitVersion = '202602201815';
 
 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}`;