powerpagestoolkit 1.3.203 → 1.3.204

package/dist/index.bundle.js

@@ -815,7 +815,7 @@ var DOMNodeReference = /*#__PURE__*/function () {
             case 10:
               this._initValueSync();
               this._attachVisibilityController();
-              this.defaultDisplay = this.visibilityController.style.display;
+              this.defaultDisplay = this.visibilityController.style.display || "inline-block";
               this.isLoaded = true;
               _context.next = 19;
               break;
@@ -983,17 +983,65 @@ var DOMNodeReference = /*#__PURE__*/function () {
         throw new Error("There was an error trying to disable the target: ".concat(this.target));
       }
     }
+  }, {
+    key: "prepend",
+    value: function prepend() {
+      var _this = this;
+      for (var _len = arguments.length, nodes = new Array(_len), _key = 0; _key < _len; _key++) {
+        nodes[_key] = arguments[_key];
+      }
+      nodes.forEach(function (node) {
+        if (node instanceof DOMNodeReference) {
+          _this.element.prepend(node.element);
+        } else {
+          _this.element.prepend(node);
+        }
+      });
+    }
   }, {
     key: "append",
     value: function append() {
-      var _this$element;
-      (_this$element = this.element).append.apply(_this$element, arguments);
+      var _this2 = this;
+      for (var _len2 = arguments.length, nodes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        nodes[_key2] = arguments[_key2];
+      }
+      nodes.forEach(function (node) {
+        if (node instanceof DOMNodeReference) {
+          _this2.element.append(node.element);
+        } else {
+          _this2.element.append(node);
+        }
+      });
+    }
+  }, {
+    key: "before",
+    value: function before() {
+      var _this3 = this;
+      for (var _len3 = arguments.length, nodes = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        nodes[_key3] = arguments[_key3];
+      }
+      nodes.forEach(function (node) {
+        if (node instanceof DOMNodeReference) {
+          _this3.element.before(node.element);
+        } else {
+          _this3.element.before(node);
+        }
+      });
     }
   }, {
     key: "after",
     value: function after() {
-      var _this$element2;
-      (_this$element2 = this.element).after.apply(_this$element2, arguments);
+      var _this4 = this;
+      for (var _len4 = arguments.length, nodes = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        nodes[_key4] = arguments[_key4];
+      }
+      nodes.forEach(function (node) {
+        if (node instanceof DOMNodeReference) {
+          _this4.element.after(node.element);
+        } else {
+          _this4.element.after(node);
+        }
+      });
     }
   }, {
     key: "getLabel",
@@ -1005,8 +1053,8 @@ var DOMNodeReference = /*#__PURE__*/function () {
     value: function appendToLabel() {
       var label = this.getLabel();
       if (label) {
-        for (var _len = arguments.length, elements = new Array(_len), _key = 0; _key < _len; _key++) {
-          elements[_key] = arguments[_key];
+        for (var _len5 = arguments.length, elements = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+          elements[_key5] = arguments[_key5];
         }
         label.append.apply(label, [" "].concat(elements));
       }
@@ -1017,8 +1065,8 @@ var DOMNodeReference = /*#__PURE__*/function () {
       this.appendToLabel(CreateInfoEl(text));
     }
   }, {
-    key: "addToolTip",
-    value: function addToolTip(text) {
+    key: "addTooltip",
+    value: function addTooltip(text) {
       this.append(CreateInfoEl(text));
     }
   }, {
@@ -1039,18 +1087,18 @@ var DOMNodeReference = /*#__PURE__*/function () {
   }, {
     key: "configureConditionalRendering",
     value: function configureConditionalRendering(condition, triggerNodes) {
-      var _this = this;
+      var _this5 = this;
       try {
         this.toggleVisibility(condition(this));
         if (triggerNodes) {
           var nodes = Array.isArray(triggerNodes) ? triggerNodes : [triggerNodes];
           nodes.forEach(function (node) {
             node.on("change", function () {
-              return _this.toggleVisibility(condition(_this));
+              return _this5.toggleVisibility(condition(_this5));
             });
             var observer = new MutationObserver(function () {
               var display = window.getComputedStyle(node.visibilityController).display;
-              _this.toggleVisibility(display !== "none" && condition(_this));
+              _this5.toggleVisibility(display !== "none" && condition(_this5));
             });
             observer.observe(node.visibilityController, {
               attributes: true,
@@ -1065,7 +1113,7 @@ var DOMNodeReference = /*#__PURE__*/function () {
   }, {
     key: "configureValidationAndRequirements",
     value: function configureValidationAndRequirements(isRequired, isValid, fieldDisplayName) {
-      var _this2 = this;
+      var _this6 = this;
       var dependencies = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
       if (typeof Page_Validators !== "undefined") {
         var newValidator = document.createElement("span");
@@ -1084,7 +1132,7 @@ var DOMNodeReference = /*#__PURE__*/function () {
       dependencies = Array.isArray(dependencies) ? dependencies : [dependencies];
       dependencies.forEach(function (dep) {
         dep.element.addEventListener("change", function () {
-          return _this2.setRequiredLevel(isRequired(_this2));
+          return _this6.setRequiredLevel(isRequired(_this6));
         });
       });
     }
@@ -1100,15 +1148,15 @@ var DOMNodeReference = /*#__PURE__*/function () {
   }, {
     key: "onceLoaded",
     value: function onceLoaded(callback) {
-      var _this3 = this;
+      var _this7 = this;
       if (this.isLoaded) {
         callback(this);
       } else {
         var observer = new MutationObserver(function () {
-          if (document.querySelector(_this3.target)) {
+          if (document.querySelector(_this7.target)) {
             observer.disconnect(); // Stop observing once loaded
-            _this3.isLoaded = true;
-            callback(_this3); // Call the provided callback
+            _this7.isLoaded = true;
+            callback(_this7); // Call the provided callback
           }
         });
         observer.observe(document.body, {
@@ -1159,8 +1207,8 @@ function _createDOMNodeReference() {
               var value = target[prop];
               if (typeof value === "function" && prop !== "onceLoaded") {
                 return function () {
-                  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                    args[_key2] = arguments[_key2];
+                  for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+                    args[_key6] = arguments[_key6];
                   }
                   return target.onceLoaded(function () {
                     return value.apply(target, args);

package/index.d.ts

@@ -78,27 +78,27 @@ class DOMNodeReference {
 
   /**
    * Prepends elements to the target
-   * @param {...HTMLElement} elements - The elements to prepend to the HTML element
+   * @param {HTMLElement[] | DOMNodeReference[]} nodes - The elements to prepend to the HTML element
    */
-  prepend(...elements: HTMLElement[]): void;
+  prepend(...nodes: HTMLElement[] | DOMNodeReference[]): void;
 
   /**
    * Appends child elements to the HTML element.
-   * @param {...HTMLElement} elements - The elements to append to the HTML element.
+   * @param {HTMLElement[] | DOMNodeReference[]} nodes - The elements to append to the HTML element.
    */
-  append(...elements: HTMLElement[]): void;
+  append(...nodes: HTMLElement[] | DOMNodeReference[]): void;
 
   /**
    * Inserts elements before the HTML element.
-   * @param {...HTMLElement} elements - The elements to insert before the HTML element.
+   * @param {HTMLElement[] | DOMNodeReference[]} nodes - The elements to insert before the HTML element.
    */
-  before(...elements: HTMLElement[]): void;
+  before(...nodes: HTMLElement[] | DOMNodeReference[]): void;
 
   /**
    * Inserts elements after the HTML element.
-   * @param {...HTMLElement} elements - The elements to insert after the HTML element.
+   * @param {HTMLElement[] | DOMNodeReference[]} nodes - The elements to insert after the HTML element.
    */
-  after(...elements: HTMLElement[]): void;
+  after(...nodes: HTMLElement[] | DOMNodeReference[]): void;
 
   /**
    * Retrieves the label associated with the HTML element.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerpagestoolkit",
-  "version": "1.3.203",
+  "version": "1.3.204",
   "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/index.bundle.js",
   "types": "index.d.ts",