powerpagestoolkit 2.6.3325 → 2.6.33311

package/dist/DOMNodeReference.d.ts

@@ -11,7 +11,7 @@ declare const _debounceTime: unique symbol;
 declare const _observers: unique symbol;
 declare const _boundEventListeners: unique symbol;
 export default class DOMNodeReference {
-    target: HTMLElement | QuerySelector;
+    target: HTMLElement | string;
     root: HTMLElement;
     private [_debounceTime];
     private isLoaded;
@@ -187,7 +187,7 @@ export default class DOMNodeReference {
     remove(): this;
     /**
      *
-     * @param {Partial<CSSStyleDeclaration} options and object containing the styles you want to set : {key: value} e.g.: {'display': 'block'}
+     * @param options and object containing the styles you want to set : {key: value} e.g.: {'display': 'block'}
      * @returns - Instance of this [provides option to method chain]
      */
     setStyle(options: Partial<CSSStyleDeclaration>): this;

package/dist/bundle.js

@@ -481,7 +481,8 @@ var DOMNodeReference = class _DOMNodeReference {
     this.noRadio = await createDOMNodeReference(`#${this.element.id}_0`);
   }
   [_bindMethods]() {
-    for (const key of Object.getOwnPropertyNames(Object.getPrototypeOf(this))) {
+    const prototype = Object.getPrototypeOf(this);
+    for (const key of Object.getOwnPropertyNames(prototype)) {
       const value = this[key];
       if (key !== "constructor" && typeof value === "function") {
         this[key] = value.bind(this);
@@ -579,7 +580,7 @@ var DOMNodeReference = class _DOMNodeReference {
     if (value instanceof Function) {
       value = value();
     }
-    if (this.element.classList.contains("boolean-radio")) {
+    if (this.element.classList.contains("boolean-radio") && this.yesRadio instanceof _DOMNodeReference && this.noRadio instanceof _DOMNodeReference) {
       this.yesRadio.element.checked = value;
       this.noRadio.element.checked = !value;
     } else {
@@ -770,7 +771,7 @@ var DOMNodeReference = class _DOMNodeReference {
   }
   /**
    *
-   * @param {Partial<CSSStyleDeclaration} options and object containing the styles you want to set : {key: value} e.g.: {'display': 'block'}
+   * @param options and object containing the styles you want to set : {key: value} e.g.: {'display': 'block'}
    * @returns - Instance of this [provides option to method chain]
    */
   setStyle(options) {
@@ -779,7 +780,8 @@ var DOMNodeReference = class _DOMNodeReference {
         `powerpagestoolkit: 'DOMNodeReference.setStyle' required options to be in the form of an object. Argument passed was of type: ${typeof options}`
       );
     }
-    for (const key in options) {
+    for (const _key in options) {
+      const key = _key;
       this.element.style[key] = options[key];
     }
     return this;
@@ -1026,10 +1028,16 @@ var DOMNodeReference = class _DOMNodeReference {
 async function createDOMNodeReference(target, options = {
   multiple: false,
   root: document.body,
-  timeout: 1e3
+  timeout: 0
 }) {
-  const { multiple = false, root = document.body, timeout = 1e3 } = options;
   try {
+    if (typeof options !== "object") {
+      throw new Error(
+        `'options' must be of type 'object'. Received type: '${typeof options}'`
+      );
+    }
+    validateOptions(options);
+    const { multiple = false, root = document.body, timeout = 0 } = options;
     const isMultiple = typeof multiple === "function" ? multiple() : multiple;
     if (isMultiple) {
       if (typeof target !== "string") {
@@ -1054,6 +1062,33 @@ async function createDOMNodeReference(target, options = {
     throw new Error(e);
   }
 }
+function validateOptions(options) {
+  const { multiple = false, root = document.body, timeout = 0 } = options;
+  if (typeof multiple !== "boolean" && typeof multiple !== "function") {
+    throw new Error(
+      `'multiple' must be of type 'boolean' or 'function'. Received type: '${typeof multiple}'`
+    );
+  }
+  if (typeof multiple === "function") {
+    const value = multiple();
+    if (typeof value !== "boolean") {
+      throw new Error(
+        `'multiple' function must return a boolean. Received type: '${typeof value}'`
+      );
+    }
+  }
+  if (!(root instanceof HTMLElement)) {
+    throw new Error(
+      `'root' must be of type 'HTMLElement'. Received type: '${typeof root}'`
+    );
+  }
+  if (typeof timeout !== "number") {
+    throw new Error(
+      `'timeout' must be of type 'number'. Received type: '${typeof timeout}'`
+    );
+  }
+  return;
+}
 function createProxyHandler() {
   return {
     get: (target, prop) => {

package/dist/createDOMNodeReferences.d.ts

@@ -1,10 +1,10 @@
 import DOMNodeReference from "./DOMNodeReference.js";
-export default function createDOMNodeReference(target: HTMLElement | QuerySelector, options?: {
+export default function createDOMNodeReference(target: HTMLElement | string, options?: {
     multiple?: (() => boolean) | false;
     root?: HTMLElement;
     timeout?: number;
 }): Promise<DOMNodeReference>;
-export default function createDOMNodeReference(target: HTMLElement | QuerySelector, options?: {
+export default function createDOMNodeReference(target: string, options?: {
     multiple?: (() => true) | true;
     root?: HTMLElement;
     timeout?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerpagestoolkit",
-  "version": "2.6.3325",
+  "version": "2.6.33311",
   "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",