powerpagestoolkit 2.6.1 → 2.6.3

package/dist/DOMNodeReference.d.ts

@@ -1,4 +1,12 @@
 export declare const _init: unique symbol;
+declare const _destroy: unique symbol;
+declare const _valueSync: unique symbol;
+declare const _dateSync: unique symbol;
+declare const _getElementValue: unique symbol;
+declare const _updateRadioGroup: unique symbol;
+declare const _attachVisibilityController: unique symbol;
+declare const _attachRadioButtons: unique symbol;
+declare const _bindMethods: unique symbol;
 export default class DOMNodeReference {
     target: HTMLElement | string;
     private isLoaded;
@@ -23,13 +31,13 @@ export default class DOMNodeReference {
      * This property is only available when the parent node
      * is a main field for a boolean radio input.
      */
-    yesRadio?: DOMNodeReference | null;
+    yesRadio: DOMNodeReference | null;
     /**
      * Represents the 'no' option of a boolean radio field.
      * This property is only available when the parent node
      * is a main field for a boolean radio input.
      */
-    noRadio?: DOMNodeReference | null;
+    noRadio: DOMNodeReference | null;
     /**
      * Creates an instance of DOMNodeReference.
      * @param target - The CSS selector to find the desired DOM element.
@@ -41,23 +49,23 @@ export default class DOMNodeReference {
      * based on element type.
      * @private
      */
-    private _initValueSync;
-    private _initDateSync;
+    private [_valueSync];
+    private [_dateSync];
     /**
      * Gets the current value of the element based on its type
      * @private
-     * @returns {ElementValue} Object containing value and optional checked state
+     * @returns Object containing value and optional checked state
      */
-    private _getElementValue;
+    private [_getElementValue];
     /**
      * Updates related radio buttons if this is part of a radio group
      * @private
      */
-    private _updateRadioGroup;
-    private _attachVisibilityController;
-    private _attachRadioButtons;
-    private _bindMethods;
-    private _destroy;
+    private [_updateRadioGroup];
+    private [_attachVisibilityController];
+    private [_attachRadioButtons];
+    private [_bindMethods];
+    private [_destroy];
     /**
      * Updates the value and checked state based on element type
      * @public
@@ -231,3 +239,4 @@ export default class DOMNodeReference {
      */
     onceLoaded(callback: (instance: DOMNodeReference) => any): any;
 }
+export {};

package/dist/bundle.js

@@ -228,14 +228,22 @@ var ValidationConfigError = class extends Error {
 };
 
 // src/DOMNodeReference.ts
-var _init = Symbol("_init");
+var _init = Symbol("_I");
+var _destroy = Symbol("_D");
+var _valueSync = Symbol("_VS");
+var _dateSync = Symbol("_DS");
+var _getElementValue = Symbol("_GEV");
+var _updateRadioGroup = Symbol("_URG");
+var _attachVisibilityController = Symbol("_AVC");
+var _attachRadioButtons = Symbol("_ARB");
+var _bindMethods = Symbol("_B");
 var DOMNodeReference = class _DOMNodeReference {
   // properties initialized in the constructor
   target;
   isLoaded;
   defaultDisplay;
-  observers;
-  boundEventListeners;
+  observers = [];
+  boundEventListeners = [];
   /**
    * The value of the element that this node represents
    * stays in syncs with the live DOM elements?.,m  via event handler
@@ -252,9 +260,7 @@ var DOMNodeReference = class _DOMNodeReference {
     this.isLoaded = false;
     this.defaultDisplay = "";
     this.value = null;
-    this.observers = [];
-    this.boundEventListeners = [];
-    this._bindMethods();
+    this[_bindMethods]();
   }
   async [_init]() {
     try {
@@ -264,15 +270,15 @@ var DOMNodeReference = class _DOMNodeReference {
         throw new DOMNodeNotFoundError(this);
       }
       if (this.element.classList.contains("boolean-radio")) {
-        await this._attachRadioButtons();
+        await this[_attachRadioButtons]();
       }
-      this._initValueSync();
-      this._attachVisibilityController();
+      this[_valueSync]();
+      this[_attachVisibilityController]();
       this.defaultDisplay = this.visibilityController.style.display;
       const observer = new MutationObserver((mutations) => {
         for (const mutation of mutations) {
           if (Array.from(mutation.removedNodes).includes(this.element)) {
-            this._destroy();
+            this[_destroy]();
             observer.disconnect();
             break;
           }
@@ -293,7 +299,7 @@ var DOMNodeReference = class _DOMNodeReference {
    * based on element type.
    * @private
    */
-  async _initValueSync() {
+  async [_valueSync]() {
     try {
       this.updateValue();
       if (!(this.element instanceof HTMLElement)) {
@@ -323,7 +329,7 @@ var DOMNodeReference = class _DOMNodeReference {
         event: eventType
       });
       if (this.element instanceof HTMLInputElement && this.element.dataset.type === "date") {
-        await this._initDateSync(this.element);
+        await this[_dateSync](this.element);
       }
     } catch (error) {
       throw new DOMNodeInitializationError(
@@ -332,7 +338,7 @@ var DOMNodeReference = class _DOMNodeReference {
       );
     }
   }
-  async _initDateSync(element) {
+  async [_dateSync](element) {
     const parentElement = element.parentElement;
     if (!parentElement) {
       throw new Error("Date input must have a parent element");
@@ -349,9 +355,9 @@ var DOMNodeReference = class _DOMNodeReference {
   /**
    * Gets the current value of the element based on its type
    * @private
-   * @returns {ElementValue} Object containing value and optional checked state
+   * @returns Object containing value and optional checked state
    */
-  _getElementValue() {
+  [_getElementValue]() {
     const input = this.element;
     const select = this.element;
     switch (input.type) {
@@ -385,7 +391,7 @@ var DOMNodeReference = class _DOMNodeReference {
    * Updates related radio buttons if this is part of a radio group
    * @private
    */
-  _updateRadioGroup() {
+  [_updateRadioGroup]() {
     if (this.yesRadio instanceof _DOMNodeReference && this.noRadio instanceof _DOMNodeReference) {
       this.yesRadio.updateValue();
       this.noRadio?.updateValue();
@@ -393,7 +399,7 @@ var DOMNodeReference = class _DOMNodeReference {
       this.value = this.yesRadio.checked;
     }
   }
-  _attachVisibilityController() {
+  [_attachVisibilityController]() {
     this.visibilityController = this.element;
     if (this.element.tagName === "TABLE") {
       const fieldset = this.element.closest("fieldset");
@@ -416,11 +422,11 @@ var DOMNodeReference = class _DOMNodeReference {
       }
     }
   }
-  async _attachRadioButtons() {
+  async [_attachRadioButtons]() {
     this.yesRadio = await createDOMNodeReference(`#${this.element.id}_1`);
     this.noRadio = await createDOMNodeReference(`#${this.element.id}_0`);
   }
-  _bindMethods() {
+  [_bindMethods]() {
     for (const key of Object.getOwnPropertyNames(Object.getPrototypeOf(this))) {
       const value = this[key];
       if (key !== "constructor" && typeof value === "function") {
@@ -428,19 +434,15 @@ var DOMNodeReference = class _DOMNodeReference {
       }
     }
   }
-  _destroy() {
-    if (this.boundEventListeners.length > 0) {
-      this.boundEventListeners.forEach((binding) => {
-        binding.element?.removeEventListener(binding.event, binding.handler);
-      });
-    }
-    if (this.observers.length > 0) {
-      this.observers.forEach((observer) => {
-        observer.disconnect();
-      });
-    }
-    this.yesRadio?._destroy();
-    this.noRadio?._destroy();
+  [_destroy]() {
+    this.boundEventListeners?.forEach((binding) => {
+      binding.element?.removeEventListener(binding.event, binding.handler);
+    });
+    this.observers?.forEach((observer) => {
+      observer.disconnect();
+    });
+    this.yesRadio?.[_destroy]();
+    this.noRadio?.[_destroy]();
     this.yesRadio = null;
     this.noRadio = null;
     this.isLoaded = false;
@@ -451,12 +453,12 @@ var DOMNodeReference = class _DOMNodeReference {
    * @public
    */
   updateValue() {
-    const elementValue = this._getElementValue();
+    const elementValue = this[_getElementValue]();
     this.value = elementValue.value;
     if (elementValue.checked !== void 0) {
       this.checked = elementValue.checked;
     }
-    this._updateRadioGroup();
+    this[_updateRadioGroup]();
   }
   /**
    * Sets up an event listener based on the specified event type, executing the specified
@@ -878,8 +880,18 @@ var DOMNodeReference = class _DOMNodeReference {
         }
       };
       dep.on("change", handleChange);
+      this.boundEventListeners.push({
+        element: dep.element,
+        event: "change",
+        handler: handleChange
+      });
       if (trackInputEvents) {
         dep.on("input", handleChange);
+        this.boundEventListeners.push({
+          element: dep.element,
+          event: "input",
+          handler: handleChange
+        });
       }
       if (observeVisibility) {
         const observer = new MutationObserver(() => {
@@ -897,9 +909,14 @@ var DOMNodeReference = class _DOMNodeReference {
         });
         this.observers.push(observer);
       }
-      if (trackRadioButtons && (dep.yesRadio || dep.noRadio)) {
+      if (trackRadioButtons && dep.yesRadio && dep.noRadio) {
         [dep.yesRadio, dep.noRadio].forEach((radio) => {
-          radio?.on("change", handleChange);
+          radio.on("change", handleChange);
+          this.boundEventListeners.push({
+            element: radio.element,
+            event: "change",
+            handler: handleChange
+          });
         });
       }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerpagestoolkit",
-  "version": "2.6.01",
+  "version": "2.6.03",
   "description": "Reference, manipulate, and engage with Power Pages sites through the nodes in the DOM; use a variety of custom methods that allow customizing your power pages site quicker and easier.  ",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",