@ptcwebops/ptcw-design 5.1.5 → 5.1.6

package/dist/cjs/ptc-quantity-counter.cjs.entry.js

@@ -77,7 +77,7 @@ const PtcQuantityCounter = class {
     this.disabled = false;
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "quantity-counter" }, index.h("button", { class: "decrement", onClick: this.handleDecrement, disabled: this.disabled }, index.h("span", null, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("path", { d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), index.h("input", { type: "number", onInput: this.handleInputChange, onClick: this.selectText, min: "1", max: "999", value: this.count, ref: el => (this.itemCountInput = el) }), index.h("button", { class: "increment", onClick: this.handleIncrement, disabled: this.disabled }, index.h("span", null, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_2974_659)" }, index.h("path", { d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), index.h("defs", null, index.h("clipPath", { id: "clip0_2974_659" }, index.h("rect", { width: "8", height: "8", fill: "white" }))))))), index.h("ptc-button", { disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: el => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
+    return (index.h(index.Host, null, index.h("div", { class: "quantity-counter" }, index.h("button", { class: "decrement", onClick: this.handleDecrement, disabled: this.disabled }, index.h("span", null, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("path", { d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), index.h("input", { type: "number", onInput: this.handleInputChange, onClick: this.selectText, min: "1", max: "999", value: this.count, ref: el => (this.itemCountInput = el), disabled: this.disabled }), index.h("button", { class: "increment", onClick: this.handleIncrement, disabled: this.disabled }, index.h("span", null, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_2974_659)" }, index.h("path", { d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), index.h("defs", null, index.h("clipPath", { id: "clip0_2974_659" }, index.h("rect", { width: "8", height: "8", fill: "white" }))))))), index.h("ptc-button", { disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: el => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
   }
 };
 PtcQuantityCounter.style = ptcQuantityCounterCss;

package/dist/collection/components/icon-asset/icon-asset.css

@@ -67,8 +67,8 @@ svg {
   transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);
 }
 svg.micro {
-  width: calc(var(--ptc-font-size-x-small)/2);
-  height: calc(var(--ptc-font-size-x-small)/2);
+  width: calc(var(--ptc-font-size-x-small) / 2);
+  height: calc(var(--ptc-font-size-x-small) / 2);
 }
 svg.xxx-small {
   width: var(--ptc-font-size-xxx-small);

package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.css

@@ -236,7 +236,7 @@ ptc-link, ptc-square-card,
   }
 }
 :host #blog-detail-content {
-  margin-top: calc(2*var(--ptc-element-spacing-06) + 27px + 48px);
+  margin-top: calc(2 * var(--ptc-element-spacing-06) + 27px + 48px);
 }
 @media only screen and (min-width: 992px) {
   :host #blog-detail-content {

package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.css

@@ -81,7 +81,7 @@ ptc-link, ptc-square-card,
     width: 100%;
     height: 85px;
     /* TODO: Dynamic usage of desktop TOC height */
-    margin-bottom: calc(48px + 132px);
+    margin-bottom: 180px;
     background-color: var(--color-gray-08);
     position: sticky;
     top: 0;

package/dist/collection/components/ptc-card/ptc-card.css

@@ -200,7 +200,7 @@ ptc-link, ptc-square-card,
   border-radius: var(--ptc-border-radius-standard);
 }
 :host(.clip-edge-card) .card-body {
-  transform: translateY(calc((-1) * var(--ptc-element-spacing-04)));
+  transform: translateY(calc(-1 * var(--ptc-element-spacing-04)));
   overflow: hidden;
   width: calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));
   font-size: var(--ptc-font-size-xx-small);

package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css

@@ -1133,29 +1133,29 @@ ptc-link, ptc-square-card,
 
 .mdc-checkbox {
   transform: translateX(-8px);
-  padding: calc((34px - 18px) / 2);
+  padding: 8px;
   /* @alternate */
   padding: calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);
-  margin: calc((34px - 34px) / 2);
+  margin: 0px;
   /* @alternate */
   margin: calc((var(--mdc-checkbox-touch-target-size, 34px) - 34px) / 2);
 }
 .mdc-checkbox .mdc-checkbox__background {
-  top: calc((34px - 18px) / 2);
+  top: 8px;
   /* @alternate */
   top: calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);
-  left: calc((34px - 18px) / 2);
+  left: 8px;
   /* @alternate */
   left: calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);
 }
 .mdc-checkbox .mdc-checkbox__native-control {
-  top: calc((34px - 34px) / 2);
+  top: 0px;
   /* @alternate */
   top: calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);
-  right: calc((34px - 34px) / 2);
+  right: 0px;
   /* @alternate */
   right: calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);
-  left: calc((34px - 34px) / 2);
+  left: 0px;
   /* @alternate */
   left: calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);
   width: 34px;

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -1101,7 +1101,7 @@ ptc-link, ptc-square-card,
 }
 @media only screen and (min-width: 992px) {
   .u-3-col-grid .u-3-col {
-    width: calc(33.333333333333% - 10.66666666px);
+    width: calc(33.3333333333% - 10.66666666px);
   }
 }
 .u-3-col-grid.u-col-space-lg {
@@ -1118,7 +1118,7 @@ ptc-link, ptc-square-card,
 }
 @media only screen and (min-width: 992px) {
   .u-3-col-grid.u-col-space-lg .u-3-col {
-    width: calc(33.333333333333% - 21.3333333px);
+    width: calc(33.3333333333% - 21.3333333px);
   }
 }
 

package/dist/collection/components/ptc-pagenation/ptc-pagenation.css

@@ -128,7 +128,7 @@ ptc-link, ptc-square-card,
   width: 1.125rem;
   height: 1.125rem;
   border: 1px solid var(--color-gray-10);
-  border-radius: calc(var(--ptc-border-radius-standard)/2);
+  border-radius: calc(var(--ptc-border-radius-standard) / 2);
   transition: background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);
 }
 .standard-filter .next-button:hover, .standard-filter .previous-button:hover {

package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css

@@ -1046,7 +1046,7 @@ ptc-link, ptc-square-card,
 }
 @media only screen and (min-width: 992px) {
   .u-3-col-grid .u-3-col {
-    width: calc(33.333333333333% - 10.66666666px);
+    width: calc(33.3333333333% - 10.66666666px);
   }
 }
 .u-3-col-grid.u-col-space-lg {
@@ -1063,7 +1063,7 @@ ptc-link, ptc-square-card,
 }
 @media only screen and (min-width: 992px) {
   .u-3-col-grid.u-col-space-lg .u-3-col {
-    width: calc(33.333333333333% - 21.3333333px);
+    width: calc(33.3333333333% - 21.3333333px);
   }
 }
 

package/dist/collection/components/ptc-quantity-counter/ptc-quantity-counter.js

@@ -68,7 +68,7 @@ export class PtcQuantityCounter {
     this.disabled = false;
   }
   render() {
-    return (h(Host, null, h("div", { class: "quantity-counter" }, h("button", { class: "decrement", onClick: this.handleDecrement, disabled: this.disabled }, h("span", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("path", { d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), h("input", { type: "number", onInput: this.handleInputChange, onClick: this.selectText, min: "1", max: "999", value: this.count, ref: el => (this.itemCountInput = el) }), h("button", { class: "increment", onClick: this.handleIncrement, disabled: this.disabled }, h("span", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("g", { "clip-path": "url(#clip0_2974_659)" }, h("path", { d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), h("defs", null, h("clipPath", { id: "clip0_2974_659" }, h("rect", { width: "8", height: "8", fill: "white" }))))))), h("ptc-button", { disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: el => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
+    return (h(Host, null, h("div", { class: "quantity-counter" }, h("button", { class: "decrement", onClick: this.handleDecrement, disabled: this.disabled }, h("span", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("path", { d: "M0 3.15039V4.85039H8V3.15039H0Z", fill: "#20262A" })))), h("input", { type: "number", onInput: this.handleInputChange, onClick: this.selectText, min: "1", max: "999", value: this.count, ref: el => (this.itemCountInput = el), disabled: this.disabled }), h("button", { class: "increment", onClick: this.handleIncrement, disabled: this.disabled }, h("span", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("g", { "clip-path": "url(#clip0_2974_659)" }, h("path", { d: "M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z", fill: "#20262A" })), h("defs", null, h("clipPath", { id: "clip0_2974_659" }, h("rect", { width: "8", height: "8", fill: "white" }))))))), h("ptc-button", { disabled: this.disabled, type: "button", color: "ptc-quaternary", onClick: this.addToCart, ref: el => (this.addToCartCta = el), styles: this.defaultStyles }, this.addToCartLabel)));
   }
   static get is() { return "ptc-quantity-counter"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-textfield/ptc-textfield.css

@@ -2215,9 +2215,9 @@
 .iti__v-hide {
   visibility: hidden;
 }
-.iti input,
-.iti input[type=text],
-.iti input[type=tel] {
+.iti input.iti__tel-input,
+.iti input.iti__tel-input[type=text],
+.iti input.iti__tel-input[type=tel] {
   position: relative;
   z-index: 0;
   margin-top: 0 !important;
@@ -2256,26 +2256,35 @@
   border-top: none;
   border-bottom: 4px solid #555;
 }
-.iti__country-list {
+.iti__dropdown-content {
   position: absolute;
   z-index: 2;
-  list-style: none;
-  padding: 0;
-  margin: 0 0 0 -1px;
+  margin-left: -1px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
   background-color: white;
   border: 1px solid #ccc;
-  white-space: nowrap;
   max-height: 200px;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
 }
-.iti__country-list--dropup {
+.iti__dropdown-content--dropup {
   bottom: 100%;
   margin-bottom: -1px;
 }
+.iti__search-input {
+  width: 100%;
+  border-width: 0;
+}
+.iti__country-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.iti--flexible-dropdown-width .iti__country-list {
+  white-space: nowrap;
+}
 @media (max-width: 500px) {
-  .iti__country-list {
+  .iti--flexible-dropdown-width .iti__country-list {
     white-space: normal;
   }
 }
@@ -2307,20 +2316,20 @@
   margin-right: 0;
   margin-left: 6px;
 }
-.iti--allow-dropdown input,
-.iti--allow-dropdown input[type=text],
-.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
-.iti--separate-dial-code input[type=text],
-.iti--separate-dial-code input[type=tel] {
+.iti--allow-dropdown input.iti__tel-input,
+.iti--allow-dropdown input.iti__tel-input[type=text],
+.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--separate-dial-code input.iti__tel-input,
+.iti--separate-dial-code input.iti__tel-input[type=text],
+.iti--separate-dial-code input.iti__tel-input[type=tel] {
   padding-right: 6px;
   padding-left: 52px;
   margin-left: 0;
 }
-[dir=rtl] .iti--allow-dropdown input,
-[dir=rtl] .iti--allow-dropdown input[type=text],
-[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
-[dir=rtl] .iti--separate-dial-code input[type=text],
-[dir=rtl] .iti--separate-dial-code input[type=tel] {
+[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
+[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
+[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--separate-dial-code input.iti__tel-input,
+[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],
+[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel] {
   padding-right: 52px;
   padding-left: 6px;
   margin-right: 0;
@@ -2339,12 +2348,12 @@
 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
   background-color: rgba(0, 0, 0, 0.05);
 }
-.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
-.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
+.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
+.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
   cursor: default;
 }
-.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
-.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
+.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
+.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
   background-color: transparent;
 }
 .iti--separate-dial-code .iti__selected-flag {
@@ -2368,18 +2377,26 @@
   cursor: pointer;
 }
 
-.iti-mobile .iti--container {
-  top: 30px;
-  bottom: 30px;
-  left: 30px;
-  right: 30px;
+.iti--fullscreen-popup.iti--container {
+  background-color: rgba(0, 0, 0, 0.5);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   position: fixed;
+  padding: 30px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.iti--fullscreen-popup.iti--container.iti--country-search {
+  justify-content: flex-start;
 }
-.iti-mobile .iti__country-list {
+.iti--fullscreen-popup .iti__dropdown-content {
   max-height: 100%;
-  width: 100%;
+  position: relative;
 }
-.iti-mobile .iti__country {
+.iti--fullscreen-popup .iti__country {
   padding: 10px 10px;
   line-height: 1.5em;
 }
@@ -2405,7 +2422,7 @@
 .iti__flag.iti__va {
   width: 15px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 2x) {
   .iti__flag {
     background-size: 5762px 15px;
   }
@@ -3471,7 +3488,7 @@
   background-color: #dbdbdb;
   background-position: 20px 0;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 2x) {
   .iti__flag {
     background-image: url("../img/flags@2x.png?1");
   }

package/dist/collection/utils/elq-lib.js

@@ -1,5 +1,6 @@
 import { MDCSelect } from '@material/select/component.js';
 import './eloqua.d.ts';
+import { RetryHandler } from './utils.js';
 // Define the ElqLib class
 export class ElqLib {
   constructor(params) {
@@ -78,8 +79,7 @@ export class ElqLib {
       this.lookup_visitor_by_recipient_id();
     }
     else {
-      // If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
-      //this.lookup_visitor_by_cookie(); //preference center
+      //Looking for users info with elq_contact_lookup_key
       this.lookup_contact_by_email();
     }
   }
@@ -89,17 +89,28 @@ export class ElqLib {
   add_queue_action(action) {
     this.callback_queue.push(action);
   }
-  //publish function for preference center
+  //public function for preference center
   //Fires a lookups to get membership info
   find_eloqua_subscription_info() {
-    //disable_submit_button();
-    //this.lookup_subscription_by_email();
-    console.log('CONTACT LOOKUP: Attempting to find Eloqua subscription...');
+    const retryHandler = new RetryHandler(3, 1000); // Configure retries and delay
+    console.log('Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue...');
     // Queue callback action for the return of lookup
-    //this.callback_queue.push(this.handle_visitor_lookup.bind(this));
+    this.callback_queue.push(this.handle_visitor_lookup.bind(this));
+    this.callback_queue.push(this.populateCheckboxes.bind(this));
     if (this.visitor_elq_id !== null) {
       //this.lookup_visitor_by_recipient_id(); //This lookup comes back no results, check with Eloqua
-      this.lookup_visitor_by_cookie();
+      //Triggers the first callback function(SetElqContent) from Eloqua with info V_Email_Address
+      //this.lookup_visitor_by_cookie();
+      // Use the retry handler
+      (async () => {
+        try {
+          const data = await retryHandler.execute(this.lookup_visitor_by_cookie);
+          console.log(data);
+        }
+        catch (error) {
+          console.error(error.message);
+        }
+      })();
     }
   }
   store_url_vars() {
@@ -120,6 +131,7 @@ export class ElqLib {
     // Optionally, log the stored URL variables
     console.log('URL variables stored:', this.url_vars);
   }
+  // A visitor elq id will be produced from the preference center link
   store_visitor_elq_id() {
     console.log("INIT: Looking for visitor's Eloqua ID in URL...");
     const elqIdParam = this.url_vars['elq'];
@@ -144,7 +156,7 @@ export class ElqLib {
   //     return root;
   //   }
   eloqua_callback() {
-    console.log('LOOKUP: Eloqua lookup finished');
+    console.log('LOOKUP: Eloqua lookup finished and calling setElqContent');
     // Process each action in the callback queue
     let actionSucceeded = true;
     while (actionSucceeded && this.callback_queue.length > 0) {
@@ -163,18 +175,19 @@ export class ElqLib {
       }
     }
     // After processing the queue, update user details or perform other operations
+    // Move this under the handle_contact_lookup?
     if (actionSucceeded && this.visitor_elq_id === null && typeof window.GetElqGroupMembershipStatus !== 'function') {
       this.update_user_details();
       this.populate_mapped_fields();
     }
-    if (actionSucceeded && typeof window.GetElqContentPersonalizationValue === 'function' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) !== '') {
-      this.handle_visitor_lookup();
-    }
-    if (actionSucceeded && typeof window.GetElqGroupMembershipStatus === 'function') {
-      this.populateCheckboxes();
-    }
+    // if (actionSucceeded && typeof window.GetElqContentPersonalizationValue === 'function' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) !== '') {
+    //   this.handle_visitor_lookup();
+    // }
+    // if (actionSucceeded && typeof window.GetElqGroupMembershipStatus === 'function') {
+    //   this.populateCheckboxes();
+    // }
   }
-  lookup_visitor_by_cookie() {
+  async lookup_visitor_by_cookie() {
     if (this.params.elq_visitor_lookup_key != '') {
       ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
       console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
@@ -183,6 +196,14 @@ export class ElqLib {
       console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
     }
   }
+  // private lookup_visitor_by_cookie(): void {
+  //   if (this.params.elq_visitor_lookup_key != '') {
+  //     ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
+  //     console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
+  //   } else {
+  //     console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
+  //   }
+  // }
   lookup_visitor_by_recipient_id() {
     if (this.params.elq_recipient_id_lookup_key != '') {
       ElqLib._elqQ.push([
@@ -424,8 +445,6 @@ export class ElqLib {
     this.user_elq_email = '';
     this.user_elq_firstname = '';
     this.user_elq_lastname = '';
-    // $('.' + this.params.notme_fields_class).val('');
-    //const linkDiv = document.getElementById(this.params.notme_link_id);
     const topAdditional = document.getElementById('not-me-additional-top');
     const bottomAdditional = document.getElementById('not-me-additional-bottom');
     //linkDiv.querySelector('a').remove();

package/dist/collection/utils/utils.js

@@ -199,3 +199,31 @@ export function observeInView(hostEle, selector, runOnce = false) {
   const allAnimatedElements = hostEle.shadowRoot.querySelectorAll(selector);
   allAnimatedElements.forEach((element) => observer.observe(element));
 }
+// retryHandler.ts
+export class RetryHandler {
+  constructor(retries = 3, delay = 1000) {
+    this.retries = retries;
+    this.delay = delay;
+  }
+  async execute(dataLookupFn) {
+    if (this.retries > 0 && !this.isSetContentAvailable()) {
+      console.warn(`Retrying... (${this.retries} attempts left)`);
+      this.retries--;
+      // Delay and then retry using setTimeout
+      setTimeout(() => {
+        this.execute(dataLookupFn);
+      }, this.delay);
+    }
+    else if (!this.isSetContentAvailable()) {
+      throw new Error('setContent is not available after multiple attempts');
+    }
+    else {
+      // Once setContent is detected, run the provided data lookup function
+      await dataLookupFn();
+    }
+  }
+  isSetContentAvailable() {
+    // Check if the setContent function exists in the window object
+    return typeof window.SetElqContent === 'function';
+  }
+}