powerpagestoolkit 2.5.401 → 2.5.403

package/README.md

@@ -140,11 +140,18 @@ node.enable();
 ```typescript
 // LABEL AND INFO OPERATIONS
 const label = node.getLabel();
-node.appendToLabel(infoElement);
 // appends a tooltip to the label associated with the element targeted by 'this'
-node.addLabelTooltip("Helper text");
+node.addLabelTooltip(
+  "Helper text",
+  /* Optionally pass in css styles to customize the tooltip icon*/
+  { color: "orange", fontSize: "30px" }
+);
 // appends a tooltip directly to the element targeted by 'this'
-node.addTooltip("Inline helper");
+node.addTooltip(
+  "Inline helper",
+  /* Optionally pass in css styles to customize the tooltip icon*/
+  { color: "orange", fontSize: "30px" }
+);
 ```
 
 ### DataVerse API

package/dist/DOMNodeReference.d.ts

@@ -146,14 +146,14 @@ export default class DOMNodeReference {
     /**
      * Adds a tooltip with specified text to the label associated with the HTML element.
      * @param text - The text to display in the tooltip.
-     * @param containerStyle - Optional object with CSS Styles to apply to the container of the info element
+     * @param containerStyle - Optional object with CSS Styles to apply to the info element
      * @returns - Instance of this [provides option to method chain]
      */
     addLabelTooltip(text: string, containerStyle?: Partial<CSSStyleDeclaration>): DOMNodeReference;
     /**
      * Adds a tooltip with the specified text to the element
      * @param text - The text to display in the tooltip
-     * @param containerStyle - Optional object with CSS Styles to apply to the container of the info element
+     * @param containerStyle - Optional object with CSS Styles to apply to the info element
      * @returns - Instance of this [provides option to method chain]
      */
     addTooltip(text: string, containerStyle?: Partial<CSSStyleDeclaration>): DOMNodeReference;

package/dist/bundle.js

@@ -136,15 +136,15 @@ function waitFor(target) {
 }
 
 // src/createInfoElement.ts
-function CreateInfoEl(titleString, containerStyle) {
+function CreateInfoEl(titleString, iconStyle) {
   if (typeof titleString !== "string") {
     throw new Error(
       `argument "titleString" must be of type "string". Received: "${typeof titleString}"`
     );
   }
-  if (containerStyle && typeof containerStyle !== "object") {
+  if (iconStyle && typeof iconStyle !== "object") {
     throw new Error(
-      `argument "containerStyle" must be of type "object". Received: "${typeof containerStyle}"`
+      `argument "iconStyle" must be of type "object". Received: "${typeof iconStyle}"`
     );
   }
   const span = document.createElement("span");
@@ -158,8 +158,8 @@ function CreateInfoEl(titleString, containerStyle) {
   flyoutContent.classList.add("flyout-content");
   span.appendChild(icon);
   span.appendChild(flyoutContent);
-  if (containerStyle) {
-    Object.assign(icon.style, containerStyle);
+  if (iconStyle) {
+    Object.assign(icon.style, iconStyle);
   }
   const positionFlyout = () => {
     flyoutContent.style.display = "block";
@@ -589,7 +589,7 @@ var DOMNodeReference = class _DOMNodeReference {
   /**
    * Adds a tooltip with specified text to the label associated with the HTML element.
    * @param text - The text to display in the tooltip.
-   * @param containerStyle - Optional object with CSS Styles to apply to the container of the info element
+   * @param containerStyle - Optional object with CSS Styles to apply to the info element
    * @returns - Instance of this [provides option to method chain]
    */
   addLabelTooltip(text, containerStyle) {
@@ -599,7 +599,7 @@ var DOMNodeReference = class _DOMNodeReference {
   /**
    * Adds a tooltip with the specified text to the element
    * @param text - The text to display in the tooltip
-   * @param containerStyle - Optional object with CSS Styles to apply to the container of the info element
+   * @param containerStyle - Optional object with CSS Styles to apply to the info element
    * @returns - Instance of this [provides option to method chain]
    */
   addTooltip(text, containerStyle) {

package/dist/createInfoElement.d.ts

@@ -1,7 +1,7 @@
 /**
  *
  * @param {string} titleString The text to display in the tooltip flyout content
- * @param containerStyle Optional CSS styles to apply to the info icon
+ * @param iconStyle Optional CSS styles to apply to the info icon
  * @returns
  */
-export default function CreateInfoEl(titleString: string, containerStyle?: Partial<CSSStyleDeclaration>): HTMLSpanElement;
+export default function CreateInfoEl(titleString: string, iconStyle?: Partial<CSSStyleDeclaration>): HTMLSpanElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerpagestoolkit",
-  "version": "2.5.401",
+  "version": "2.5.403",
   "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",
@@ -72,8 +72,5 @@
     "./style.css": {
       "import": "./dist/bundle.css"
     }
-  },
-  "dependencies": {
-    "powerpagestoolkit": "^2.3.4"
   }
 }