powerpagestoolkit 2.7.1402 → 2.7.1403

package/{dist → dist_n}/bundle.js

@@ -106,7 +106,7 @@ var API_default = API;
 function waitFor(target, root = document, multiple = false, debounceTime2) {
   return new Promise((resolve, reject) => {
     if (multiple) {
-      let timeoutMs;
+      let timeout;
       const observedElements = [];
       const observedSet = /* @__PURE__ */ new Set();
       if (debounceTime2 < 1) {
@@ -122,8 +122,8 @@ function waitFor(target, root = document, multiple = false, debounceTime2) {
             observedElements.push(element);
           }
         });
-        clearTimeout(timeoutMs);
-        timeoutMs = setTimeout(() => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
           if (observedElements.length > 0) {
             observer.disconnect();
             resolve(observedElements);
@@ -1345,7 +1345,7 @@ export {
 
           (function() {
             const style = document.createElement('style');
-            style.textContent = "/* src/style.css */\n.info-icon {\n  position: relative;\n  display: inline-block;\n}\n.info-icon .fa-info-circle {\n  cursor: pointer;\n}\n.info-icon .flyout-content {\n  max-width: calc(100vw - 20px);\n  display: none;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #000;\n  background-color: #f9f9f9;\n  padding: 10px;\n  border: 1px solid #ddd;\n  z-index: 1;\n  min-width: 200px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n}\n@media (max-width: 600px) {\n  .info-icon .flyout-content {\n    max-width: 95vw;\n    padding: 12px;\n    font-size: 0.9em;\n    display: block;\n    right: auto;\n  }\n}\n.required-field::after {\n  content: \" *\" !important;\n  color: #f00 !important;\n}\n";
+            style.textContent = ".info-icon {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.info-icon .fa-info-circle {\r\n  cursor: pointer; /* Ensures the icon is recognized as interactive */\r\n}\r\n\r\n.info-icon .flyout-content {\r\n  max-width: calc(100vw - 20px); /* 20px margin on both sides */\r\n  display: none; /* Initially hidden */\r\n  position: absolute;\r\n  left: 50%; /* Center horizontally */\r\n  transform: translateX(-50%); /* Adjust positioning */\r\n  color: #000;\r\n  background-color: #f9f9f9;\r\n  padding: 10px;\r\n  border: 1px solid #ddd;\r\n  z-index: 1;\r\n  min-width: 200px; /* Minimum width for better readability */\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\r\n  border-radius: 4px; /* Rounded corners */\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .info-icon .flyout-content {\r\n    max-width: 95vw;\r\n    padding: 12px;\r\n    font-size: 0.9em;\r\n    display: block;\r\n    right: auto;\r\n  }\r\n}\r\n\r\n.required-field::after {\r\n  content: \" *\" !important;\r\n  color: #f00 !important;\r\n}\r\n";
             document.head.appendChild(style);
           })();
         

package/{dist → dist_n}/types/core/DOMNodeReference.d.ts

@@ -1,4 +1,15 @@
-import * as s from "@/constants/symbols.js";
+import * as s from "../constants/symbols.ts";
+declare interface ElementValue {
+    value: any;
+    checked?: boolean;
+}
+declare type RadioType = "truthy" | "falsy";
+declare interface BoundEventListener {
+    element: Element;
+    event: keyof HTMLElementEventMap;
+    handler: (e: Event) => unknown;
+}
+declare type FormElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLSpanElement | HTMLButtonElement | HTMLFieldSetElement;
 declare type BusinessRule = {
     /**
      * @param condition A function that returns a boolean to determine

package/{dist → dist_n}/types/core/DOMNodeReferenceArray.d.ts

@@ -1,4 +1,4 @@
-import DOMNodeReference from "./DOMNodeReference.js";
+import type DOMNodeReference from "./DOMNodeReference.ts";
 export default class DOMNodeReferenceArray extends Array<DOMNodeReference> {
     /**
      * Hides all the containers of the DOMNodeReference instances in the array.

package/{dist → dist_n}/types/core/bindForm.d.ts

@@ -1,5 +1,5 @@
-import DOMNodeReference from "./DOMNodeReference.js";
-import DOMNodeReferenceArray from "./DOMNodeReferenceArray.js";
+import type DOMNodeReference from "./DOMNodeReference.ts";
+import type DOMNodeReferenceArray from "./DOMNodeReferenceArray.ts";
 declare type BoundForm = DOMNodeReferenceArray & Record<string, DOMNodeReference>;
 /**
  * Get all controls related to the form for manipulating with the

package/{dist → dist_n}/types/core/createDOMNodeReferences.d.ts

@@ -1,5 +1,23 @@
-import DOMNodeReference from "./DOMNodeReference.js";
-import DOMNodeReferenceArray from "./DOMNodeReferenceArray.js";
+import DOMNodeReference from "./DOMNodeReference.ts";
+import type DOMNodeReferenceArray from "./DOMNodeReferenceArray.ts";
+declare interface CreationOptions {
+    /**
+     * Should this call return an array of instantiated references, or just a single?
+     * Defaults to false, returning a single instance.
+     */
+    multiple?: (() => boolean) | boolean;
+    /**
+     * Optionally specify the element within which to search for the element targeted by 'target'.
+     * Defaults to 'document.body'.
+     */
+    root?: HTMLElement;
+    /**
+     * Optionally specify the amount of time that should be waited to find the targeted element before throwing an error.
+     * Useful for async DOM loading. Relies on MutationObserver.
+     * WARNING: Implementing multiple references with timeout can result in infinite loading.
+     */
+    timeoutMs?: number;
+}
 /**
  * Creates and initializes a DOMNodeReference instance.
  * @see {@link CreationOptions}
@@ -81,3 +99,4 @@ export declare function validateOptions(options: Partial<CreationOptions>): void
 export declare function createProxyHandler(): {
     get: (target: DOMNodeReference, prop: string | symbol) => any;
 };
+export {};

package/{dist → dist_n}/types/errors/errors.d.ts

@@ -1,4 +1,4 @@
-import DOMNodeReference from "../core/DOMNodeReference.js";
+import type DOMNodeReference from "../core/DOMNodeReference.ts";
 export declare class DOMNodeInitializationError extends Error {
     constructor(instance: DOMNodeReference, error: string);
 }

package/dist_n/types/index.d.ts

@@ -0,0 +1,5 @@
+import API from "./core/API.ts";
+import createRef from "./core/createDOMNodeReferences.ts";
+import waitFor from "./core/waitFor.ts";
+import bindForm from "./core/bindForm.ts";
+export { API, createRef, waitFor, bindForm };

package/{dist → dist_n}/types/managers/ReferenceManager.d.ts

@@ -1,4 +1,4 @@
-import DOMNodeReference from "@/core/DOMNodeReference.js";
+import type DOMNodeReference from "../core/DOMNodeReference.ts";
 export default abstract class ReferenceManager {
     static instances: Set<DOMNodeReference>;
     static getInstance<T>(target: T): DOMNodeReference | undefined;

package/{dist → dist_n}/types/utils/enhanceArray.d.ts

@@ -1,3 +1,3 @@
-import DOMNodeReference from "@/core/DOMNodeReference.js";
-import DOMNodeReferenceArray from "@/core/DOMNodeReferenceArray.js";
+import DOMNodeReferenceArray from "../core/DOMNodeReferenceArray.ts";
+import type DOMNodeReference from "../core/DOMNodeReference.ts";
 export default function enhanceArray<T extends string>(array: DOMNodeReference[]): DOMNodeReferenceArray & Record<T, DOMNodeReference>;

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "powerpagestoolkit",
-  "version": "2.7.1402",
+  "version": "2.7.1403",
   "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",
-  "module": "./dist/bundle.js",
-  "types": "./dist/types/index.d.ts",
+  "main": "./dist_n/bundle.js",
+  "module": "./dist_n/bundle.js",
+  "types": "./dist_n/types/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
-        "./dist/types/*"
+        "./dist_n/types/*"
       ]
     }
   },
-  "unpkg": "./dist/bundle.js",
-  "jsdelivr": "./dist/bundle.js",
-  "browser": "./dist/bundle.js",
+  "unpkg": "./dist_n/bundle.js",
+  "jsdelivr": "./dist_n/bundle.js",
+  "browser": "./dist_n/bundle.js",
   "author": "KeatonBrewster",
   "license": "AGPL-3.0-only",
   "type": "module",
@@ -23,36 +23,31 @@
     "url": "https://github.com/Keaton-Brewster/PowerPagesToolKit"
   },
   "files": [
-    "dist/bundle.js",
-    "dist/bundle.css",
-    "dist/types/**/*.d.ts",
-    "assets/**"
+    "dist_n"
   ],
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/bundle.js"
-    },
-    "./createDOMNodeReference": {
-      "import": "./dist/createDOMNodeReference.js",
-      "types": "./dist/createDOMNodeReference.d.ts"
-    },
-    "./style.css": {
-      "import": "./dist/bundle.css"
+      "types": "./dist_n/types/index.d.ts",
+      "import": "./dist_n/bundle.js"
     }
   },
   "scripts": {
     "typecheck": "tsc",
     "node:build": "node build.js",
-    "clean": "rimraf dist",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir ./dist/types",
+    "clean": "rimraf dist_n && rimraf dist",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir ./dist_n/types",
     "build": "npm run clean && npm run build:types && npm run node:build",
+    "build:all": "npm run build && deno run build:all",
     "dev": "tsc --watch"
   },
+  "dependencies": {
+    "esbuild-plugin-copy": "^2.1.1"
+  },
   "devDependencies": {
     "@babel/preset-env": "^7.25.8",
     "@types/node": "^22.8.6",
     "@typescript-eslint/parser": "^8.20.0",
+    "buffer": "^6.0.3",
     "css-loader": "^7.1.2",
     "esbuild": "^0.24.2",
     "esbuild-css-modules-plugin": "^3.1.2",

package/dist/bundle.css

@@ -1,36 +0,0 @@
-/* src/style.css */
-.info-icon {
-  position: relative;
-  display: inline-block;
-}
-.info-icon .fa-info-circle {
-  cursor: pointer;
-}
-.info-icon .flyout-content {
-  max-width: calc(100vw - 20px);
-  display: none;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  color: #000;
-  background-color: #f9f9f9;
-  padding: 10px;
-  border: 1px solid #ddd;
-  z-index: 1;
-  min-width: 200px;
-  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-}
-@media (max-width: 600px) {
-  .info-icon .flyout-content {
-    max-width: 95vw;
-    padding: 12px;
-    font-size: 0.9em;
-    display: block;
-    right: auto;
-  }
-}
-.required-field::after {
-  content: " *" !important;
-  color: #f00 !important;
-}

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-import "./style.css";
-import API from "./core/API.js";
-import createRef from "./core/createDOMNodeReferences.js";
-import waitFor from "./core/waitFor.js";
-import bindForm from "./core/bindForm.js";
-export { API, createRef, waitFor, bindForm };