@aurodesignsystem-dev/auro-formkit 0.0.0-pr692.0 → 0.0.0-pr692.1

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

@@ -9391,6 +9391,11 @@ class AuroCounterGroup extends AuroElement {
      */
     this.validation = new AuroFormValidation();
 
+    // Bind callback methods since we can't use arrow functions in class properties
+
+    /** @private */
+    this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
+
     /**
      * Generate unique names for dependency components.
      * @private
@@ -9639,6 +9644,9 @@ class AuroCounterGroup extends AuroElement {
       return;
     }
 
+    // Guard Clause: Ensure there is a focus trap currently active before continuing
+    if (!this.dropdownFocusTrap) return;
+
     // If the dropdown is not open, disconnect the focus trap if it exists
     this.dropdownFocusTrap.disconnect();
     this.dropdownFocusTrap = undefined;
@@ -9654,7 +9662,7 @@ class AuroCounterGroup extends AuroElement {
     this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
     this.dropdown.requestUpdate();
 
-    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle.bind(this));
+    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle);
 
     const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
     const counterSlot = counterWrapper.querySelector('slot');
@@ -9801,6 +9809,13 @@ class AuroCounterGroup extends AuroElement {
     this.updateValueText();
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+
+    // Remove the event listener for dropdown toggling
+    this.removeEventListener("auroDropdown-toggled", this.handleDropdownToggle);
+  }
+
   /**
    * Registers the custom element with the browser.
    * @param {string} [name="auro-counter-group"] - Custom element name to register.

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

@@ -9391,6 +9391,11 @@ class AuroCounterGroup extends AuroElement {
      */
     this.validation = new AuroFormValidation();
 
+    // Bind callback methods since we can't use arrow functions in class properties
+
+    /** @private */
+    this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
+
     /**
      * Generate unique names for dependency components.
      * @private
@@ -9639,6 +9644,9 @@ class AuroCounterGroup extends AuroElement {
       return;
     }
 
+    // Guard Clause: Ensure there is a focus trap currently active before continuing
+    if (!this.dropdownFocusTrap) return;
+
     // If the dropdown is not open, disconnect the focus trap if it exists
     this.dropdownFocusTrap.disconnect();
     this.dropdownFocusTrap = undefined;
@@ -9654,7 +9662,7 @@ class AuroCounterGroup extends AuroElement {
     this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
     this.dropdown.requestUpdate();
 
-    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle.bind(this));
+    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle);
 
     const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
     const counterSlot = counterWrapper.querySelector('slot');
@@ -9801,6 +9809,13 @@ class AuroCounterGroup extends AuroElement {
     this.updateValueText();
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+
+    // Remove the event listener for dropdown toggling
+    this.removeEventListener("auroDropdown-toggled", this.handleDropdownToggle);
+  }
+
   /**
    * Registers the custom element with the browser.
    * @param {string} [name="auro-counter-group"] - Custom element name to register.

package/components/counter/dist/auro-counter-group.d.ts

@@ -175,6 +175,12 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private validation;
+    /**
+     * Performs state updates that should happen when the dropdown is toggled.
+     * @returns {void}
+     * @private
+     */
+    private handleDropdownToggle;
     /**
      * Dynamically generated dropdown tag.
      * @private
@@ -209,12 +215,6 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private configureCounters;
-    /**
-     * Performs state updates that should happen when the dropdown is toggled.
-     * @returns {void}
-     * @private
-     */
-    private handleDropdownToggle;
     /**
      * Updates the focus trap based on whether the dropdown is open or closed.
      * If the dropdown is open, it creates a new focus trap and focuses the first element

package/components/counter/dist/index.js

@@ -9344,6 +9344,11 @@ class AuroCounterGroup extends AuroElement {
      */
     this.validation = new AuroFormValidation();
 
+    // Bind callback methods since we can't use arrow functions in class properties
+
+    /** @private */
+    this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
+
     /**
      * Generate unique names for dependency components.
      * @private
@@ -9592,6 +9597,9 @@ class AuroCounterGroup extends AuroElement {
       return;
     }
 
+    // Guard Clause: Ensure there is a focus trap currently active before continuing
+    if (!this.dropdownFocusTrap) return;
+
     // If the dropdown is not open, disconnect the focus trap if it exists
     this.dropdownFocusTrap.disconnect();
     this.dropdownFocusTrap = undefined;
@@ -9607,7 +9615,7 @@ class AuroCounterGroup extends AuroElement {
     this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
     this.dropdown.requestUpdate();
 
-    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle.bind(this));
+    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle);
 
     const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
     const counterSlot = counterWrapper.querySelector('slot');
@@ -9754,6 +9762,13 @@ class AuroCounterGroup extends AuroElement {
     this.updateValueText();
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+
+    // Remove the event listener for dropdown toggling
+    this.removeEventListener("auroDropdown-toggled", this.handleDropdownToggle);
+  }
+
   /**
    * Registers the custom element with the browser.
    * @param {string} [name="auro-counter-group"] - Custom element name to register.

package/components/counter/dist/registered.js

@@ -9344,6 +9344,11 @@ class AuroCounterGroup extends AuroElement {
      */
     this.validation = new AuroFormValidation();
 
+    // Bind callback methods since we can't use arrow functions in class properties
+
+    /** @private */
+    this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
+
     /**
      * Generate unique names for dependency components.
      * @private
@@ -9592,6 +9597,9 @@ class AuroCounterGroup extends AuroElement {
       return;
     }
 
+    // Guard Clause: Ensure there is a focus trap currently active before continuing
+    if (!this.dropdownFocusTrap) return;
+
     // If the dropdown is not open, disconnect the focus trap if it exists
     this.dropdownFocusTrap.disconnect();
     this.dropdownFocusTrap = undefined;
@@ -9607,7 +9615,7 @@ class AuroCounterGroup extends AuroElement {
     this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
     this.dropdown.requestUpdate();
 
-    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle.bind(this));
+    this.dropdown.addEventListener("auroDropdown-toggled", this.handleDropdownToggle);
 
     const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
     const counterSlot = counterWrapper.querySelector('slot');
@@ -9754,6 +9762,13 @@ class AuroCounterGroup extends AuroElement {
     this.updateValueText();
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+
+    // Remove the event listener for dropdown toggling
+    this.removeEventListener("auroDropdown-toggled", this.handleDropdownToggle);
+  }
+
   /**
    * Registers the custom element with the browser.
    * @param {string} [name="auro-counter-group"] - Custom element name to register.

package/package.json

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