@fynd-design-engineering/fynd-one-v2 3.4.61 → 3.4.63

package/dist/global/css/in-project-settings.css

@@ -1 +1,173 @@
-[fynd-sticky-target]{height:90vh;position:sticky;top:12vh;z-index:2}[fynd-scroll-blocks]{display:none}[fynd-scroll-source]{height:80vh}[fynd-sticky-source]{height:80vh;width:100%;position:absolute;top:0;opacity:0;background-color:transparent}[fynd-scroll-container]{opacity:0}[fynd-sticky-target]{height:80vh;border-radius:1rem;overflow:hidden}[fynd-scroll-column]{padding-left:0rem;padding-right:0rem}.progressive-scroll-image{object-fit:cover}@media (max-width: 991px){[fynd-scroll-container]{opacity:0;display:none}[fynd-scroll-blocks]{display:flex}[fynd-sticky-source]{height:auto;position:static;opacity:1}[fynd-scroll-source]{height:auto}}[fynd-console-auth=user-blob]{display:none}[fynd-console-auth-status=true]{padding:0 14px 0 4px!important}[fynd-console-auth-status=false]{padding:0 16px!important}[style-nav-primary-button=white] [fynd-console-auth=initial-text]{color:#fff}[style-nav-primary-button=white] [fynd-console-auth=user-blob]{background-color:#0e0e0e}.webflow-only-placeholder,[only-in-webflow=true]{display:none;visibility:hidden}.w-webflow-badge,.termly-styles-logo-cc6217.termly-styles-logo-c34670{display:none!important}[fynd-wrapper-field=product-interested-select],[fynd-wrapper-field=product-interested-input]{display:none}[fynd-chat=input]{border:none;outline:none;width:100%;white-space:nowrap;overflow:hidden;pointer-events:auto}[fynd-chat=input-container]{transform:translateY(100px)}[fynd-chat=window]{position:absolute!important;z-index:4;transform-origin:bottom center;pointer-events:auto;overflow:hidden;transform:scale(0)}[fynd-chat=window-overlay]{pointer-events:auto;opacity:0;display:none}[fynd-chat=wrapper]{pointer-events:none;display:flex}[fynd-chat=input-ghost]{position:absolute;visibility:hidden;white-space:nowrap;font-size:16px;font-family:sans-serif}[fynd-chat=input]::placeholder{color:#fff}[fynd-chat=input]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=input],[fynd-chat=input]::placeholder,[fynd-chat=icon],[fynd-chat=button]{transition:all .4s ease}[fynd-chat=input][fynd-chat-active=true]{background-color:#fff;border:1px solid #E3E3E3;color:#000}[fynd-chat=input][fynd-chat-active=true]::placeholder{color:#a0a1a2}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=icon][fynd-chat-active=true]{color:#000}[fynd-chat=button][fynd-chat-active=true]{background-color:#000;color:#fff;border:1px solid #000}[fynd-chat=input][fynd-chat-active=false]{border:1px solid #ffffff80;background-color:#0000001a;color:#fff}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #a2a2a220}[fynd-chat=icon][fynd-chat-active=false]{color:#fff}[fynd-chat=button][fynd-chat-active=false]{background-color:transparent;color:#fff;border:1px solid #ffffffb3}@media screen and (max-width: 479px){[fynd-chat=input]{width:80vw}}
+/* src/global/css/in-project-settings.css */
+[fynd-sticky-target] {
+  height: 90vh;
+  position: sticky;
+  top: 12vh;
+  z-index: 2;
+}
+[fynd-scroll-blocks] {
+  display: none;
+}
+[fynd-scroll-source] {
+  height: 80vh;
+}
+[fynd-sticky-source] {
+  height: 80vh;
+  width: 100%;
+  position: absolute;
+  top: 0px;
+  opacity: 0;
+  background-color: transparent;
+}
+[fynd-scroll-container] {
+  opacity: 0;
+}
+[fynd-sticky-target] {
+  height: 80vh;
+  border-radius: 1rem;
+  overflow: hidden;
+}
+[fynd-scroll-column] {
+  padding-left: 0rem;
+  padding-right: 0rem;
+}
+.progressive-scroll-image {
+  object-fit: cover;
+}
+@media (max-width: 991px) {
+  [fynd-scroll-container] {
+    opacity: 0;
+    display: none;
+  }
+  [fynd-scroll-blocks] {
+    display: flex;
+  }
+  [fynd-sticky-source] {
+    height: auto;
+    position: static;
+    opacity: 1;
+  }
+  [fynd-scroll-source] {
+    height: auto;
+  }
+}
+[fynd-console-auth=user-blob] {
+  display: none;
+}
+[fynd-console-auth-status=true] {
+  padding: 0 14px 0 4px !important;
+}
+[fynd-console-auth-status=false] {
+  padding: 0 16px 0 16px !important;
+}
+[style-nav-primary-button=white] [fynd-console-auth=initial-text] {
+  color: #ffffff;
+}
+[style-nav-primary-button=white] [fynd-console-auth=user-blob] {
+  background-color: #0e0e0e;
+}
+.webflow-only-placeholder,
+[only-in-webflow=true] {
+  display: none;
+  visibility: hidden;
+}
+.w-webflow-badge {
+  display: none !important;
+}
+.termly-styles-logo-cc6217.termly-styles-logo-c34670 {
+  display: none !important;
+}
+[fynd-wrapper-field=product-interested-select] {
+  display: none;
+}
+[fynd-wrapper-field=product-interested-input] {
+  display: none;
+}
+[fynd-chat=input] {
+  border: none;
+  outline: none;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  pointer-events: auto;
+}
+[fynd-chat=input-container] {
+  transform: translate(0px, 100px);
+}
+[fynd-chat=window] {
+  position: absolute !important;
+  z-index: 4;
+  transform-origin: bottom center;
+  pointer-events: auto;
+  overflow: hidden;
+  transform: scale(0);
+}
+[fynd-chat=window-overlay] {
+  pointer-events: auto;
+  opacity: 0;
+  display: none;
+}
+[fynd-chat=wrapper] {
+  pointer-events: none;
+  display: flex;
+}
+[fynd-chat=input-ghost] {
+  position: absolute;
+  visibility: hidden;
+  white-space: nowrap;
+  font-size: 16px;
+  font-family: sans-serif;
+}
+[fynd-chat=input]::placeholder {
+  color: white;
+}
+[fynd-chat=input]:focus {
+  box-shadow: 0 0 0 6px #00000020;
+}
+[fynd-chat=input],
+[fynd-chat=input]::placeholder,
+[fynd-chat=icon],
+[fynd-chat=button] {
+  transition: all 0.4s ease;
+}
+[fynd-chat=input][fynd-chat-active=true] {
+  background-color: #fff;
+  border: 1px solid #E3E3E3;
+  color: #000;
+}
+[fynd-chat=input][fynd-chat-active=true]::placeholder {
+  color: #A0A1A2;
+}
+[fynd-chat=input][fynd-chat-active=true]:focus {
+  box-shadow: 0 0 0 6px #00000020;
+}
+[fynd-chat=icon][fynd-chat-active=true] {
+  color: #000000;
+}
+[fynd-chat=button][fynd-chat-active=true] {
+  background-color: #000000;
+  color: #ffffff;
+  border: 1px solid #000;
+}
+[fynd-chat=input][fynd-chat-active=false] {
+  border: 1px solid #ffffff80;
+  background-color: #0000001a;
+  color: #fff;
+}
+[fynd-chat=input][fynd-chat-active=true]:focus {
+  box-shadow: 0 0 0 6px #a2a2a220;
+}
+[fynd-chat=icon][fynd-chat-active=false] {
+  color: #fff;
+}
+[fynd-chat=button][fynd-chat-active=false] {
+  background-color: transparent;
+  color: #ffffff;
+  border: 1px solid #ffffffb3;
+}
+@media screen and (max-width: 479px) {
+  [fynd-chat=input] {
+    width: 80vw;
+  }
+}
+/*# sourceMappingURL=in-project-settings.css.map */

package/dist/global/css/temp.css

@@ -1 +1,89 @@
-[fynd-chat=input]{border:none;outline:none;width:100%;white-space:nowrap;overflow:hidden;pointer-events:auto}[fynd-chat=input-container]{transform:translateY(100px)}[fynd-chat=window]{position:absolute!important;z-index:4;transform-origin:bottom center;pointer-events:auto;overflow:hidden;transform:scale(0)}[fynd-chat=window-overlay]{pointer-events:auto;opacity:0;display:none}[fynd-chat=wrapper]{pointer-events:none;display:flex}[fynd-chat=input-ghost]{position:absolute;visibility:hidden;white-space:nowrap;font-size:16px;font-family:sans-serif}[fynd-chat=input]::placeholder{color:#fff}[fynd-chat=input]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=input],[fynd-chat=input]::placeholder,[fynd-chat=icon],[fynd-chat=button]{transition:all .4s ease}[fynd-chat=input][fynd-chat-active=true]{background-color:#fff;border:1px solid #E3E3E3;color:#000}[fynd-chat=input][fynd-chat-active=true]::placeholder{color:#a0a1a2}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=icon][fynd-chat-active=true]{color:#000}[fynd-chat=button][fynd-chat-active=true]{background-color:#000;color:#fff;border:1px solid #000}[fynd-chat=input][fynd-chat-active=false]{border:1px solid #ffffff80;background-color:#0000001a;color:#fff}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #a2a2a220}[fynd-chat=icon][fynd-chat-active=false]{color:#fff}[fynd-chat=button][fynd-chat-active=false]{background-color:transparent;color:#fff;border:1px solid #ffffffb3}@media screen and (max-width: 479px){[fynd-chat=input]{width:80vw}}
+/* src/global/css/temp.css */
+[fynd-chat=input] {
+  border: none;
+  outline: none;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  pointer-events: auto;
+}
+[fynd-chat=input-container] {
+  transform: translate(0px, 100px);
+}
+[fynd-chat=window] {
+  position: absolute !important;
+  z-index: 4;
+  transform-origin: bottom center;
+  pointer-events: auto;
+  overflow: hidden;
+  transform: scale(0);
+}
+[fynd-chat=window-overlay] {
+  pointer-events: auto;
+  opacity: 0;
+  display: none;
+}
+[fynd-chat=wrapper] {
+  pointer-events: none;
+  display: flex;
+}
+[fynd-chat=input-ghost] {
+  position: absolute;
+  visibility: hidden;
+  white-space: nowrap;
+  font-size: 16px;
+  font-family: sans-serif;
+}
+[fynd-chat=input]::placeholder {
+  color: white;
+}
+[fynd-chat=input]:focus {
+  box-shadow: 0 0 0 6px #00000020;
+}
+[fynd-chat=input],
+[fynd-chat=input]::placeholder,
+[fynd-chat=icon],
+[fynd-chat=button] {
+  transition: all 0.4s ease;
+}
+[fynd-chat=input][fynd-chat-active=true] {
+  background-color: #fff;
+  border: 1px solid #E3E3E3;
+  color: #000;
+}
+[fynd-chat=input][fynd-chat-active=true]::placeholder {
+  color: #A0A1A2;
+}
+[fynd-chat=input][fynd-chat-active=true]:focus {
+  box-shadow: 0 0 0 6px #00000020;
+}
+[fynd-chat=icon][fynd-chat-active=true] {
+  color: #000000;
+}
+[fynd-chat=button][fynd-chat-active=true] {
+  background-color: #000000;
+  color: #ffffff;
+  border: 1px solid #000;
+}
+[fynd-chat=input][fynd-chat-active=false] {
+  border: 1px solid #ffffff80;
+  background-color: #0000001a;
+  color: #fff;
+}
+[fynd-chat=input][fynd-chat-active=true]:focus {
+  box-shadow: 0 0 0 6px #a2a2a220;
+}
+[fynd-chat=icon][fynd-chat-active=false] {
+  color: #fff;
+}
+[fynd-chat=button][fynd-chat-active=false] {
+  background-color: transparent;
+  color: #ffffff;
+  border: 1px solid #ffffffb3;
+}
+@media screen and (max-width: 479px) {
+  [fynd-chat=input] {
+    width: 80vw;
+  }
+}
+/*# sourceMappingURL=temp.css.map */

package/dist/global/custom-bg-video.js

@@ -1 +1,40 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("[custom-video]").forEach(a=>{let e=a.querySelector("video"),o=a.querySelector("img");if(!e||!o)return;e.muted=!0,e.loop=!0,e.autoplay=!0,e.preload="auto";let t=()=>{o.style.display="none",e.play().catch(()=>{e.muted=!0,e.play().catch(()=>{})}),e.removeEventListener("loadeddata",t)};e.readyState>=2?t():e.addEventListener("loadeddata",t)})});})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/global/custom-bg-video.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const wrappers = document.querySelectorAll("[custom-video]");
+    wrappers.forEach((wrapper) => {
+      const video = wrapper.querySelector("video");
+      const img = wrapper.querySelector("img");
+      if (!video || !img) return;
+      video.muted = true;
+      video.loop = true;
+      video.autoplay = true;
+      video.preload = "auto";
+      const startPlayback = () => {
+        img.style.display = "none";
+        video.play().catch(() => {
+          video.muted = true;
+          video.play().catch(() => {
+          });
+        });
+        video.removeEventListener("loadeddata", startPlayback);
+      };
+      if (video.readyState >= 2) {
+        startPlayback();
+      } else {
+        video.addEventListener("loadeddata", startPlayback);
+      }
+    });
+  });
+})();
+//# sourceMappingURL=custom-bg-video.js.map

package/dist/global/footer-accordion.js

@@ -1 +1,44 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let i=document.querySelectorAll("[footer-accordion-toggle]"),d=document.querySelectorAll("[footer-accordion-content]"),n=()=>window.innerWidth<992,o=()=>{d.forEach(e=>{e.style.display="none"})};i.forEach(e=>{e.addEventListener("click",()=>{if(!n())return;let t=e.nextElementSibling;if(!t||!t.hasAttribute("footer-accordion-content"))return;let l=t.style.display==="grid";o(),l||(t.style.display="grid")})}),window.addEventListener("resize",()=>{n()||o()})});})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/global/footer-accordion.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const BREAKPOINT = 992;
+    const toggles = document.querySelectorAll("[footer-accordion-toggle]");
+    const contents = document.querySelectorAll("[footer-accordion-content]");
+    const isMobile = () => {
+      return window.innerWidth < BREAKPOINT;
+    };
+    const closeAll = () => {
+      contents.forEach((content) => {
+        content.style.display = "none";
+      });
+    };
+    toggles.forEach((toggle) => {
+      toggle.addEventListener("click", () => {
+        if (!isMobile()) return;
+        const content = toggle.nextElementSibling;
+        if (!content || !content.hasAttribute("footer-accordion-content")) return;
+        const isOpen = content.style.display === "grid";
+        closeAll();
+        if (!isOpen) {
+          content.style.display = "grid";
+        }
+      });
+    });
+    window.addEventListener("resize", () => {
+      if (!isMobile()) {
+        closeAll();
+      }
+    });
+  });
+})();
+//# sourceMappingURL=footer-accordion.js.map

package/dist/global/lazy-loader.js

@@ -1 +1,135 @@
-"use strict";(()=>{(function(){"use strict";let m="load",p=new Set;function s(...e){}function l(e,t=3e3){"requestIdleCallback"in window?window.requestIdleCallback(()=>e(),{timeout:t}):setTimeout(e,2e3)}function g(e){if(p.size===0)return!0;let t=e.getAttribute("data-group");return t!==null&&p.has(t)}function f(e,{async:t=!1,defer:o=!1,type:i="",crossOrigin:a="",referrerPolicy:c=""}={}){return new Promise((r,E)=>{let n=document.createElement("script");n.src=e,t&&(n.async=!0),o&&(n.defer=!0),i&&(n.type=i),a&&(n.crossOrigin=a),c&&(n.referrerPolicy=c),n.onload=()=>r(),n.onerror=()=>E(new Error("Failed to load: "+e)),document.head.appendChild(n)})}function L(e){let t=document.createElement("script");t.type="text/javascript",t.text=e,document.head.appendChild(t)}async function d(e){for(let t of e){if(!g(t))continue;let o=t.getAttribute("data-src"),i=t.getAttribute("data-async")==="true",a=t.getAttribute("data-crossorigin")||"",c=t.getAttribute("data-referrerpolicy")||"";try{if(o)s("Loading",o,"async=",i),await f(o,{async:i,crossOrigin:a,referrerPolicy:c});else{let r=t.textContent||"";r.trim()&&(s("Running inline lazy script"),L(r))}}catch(r){console.warn("[lazy-loader]",r)}finally{t.type="text/javascript",t.removeAttribute("data-src")}}}function u(){return Array.from(document.querySelectorAll('script[type="text/lazyjs"], script[data-lazy="true"]'))}function y(){let e=u();if(!e.length){s("No lazy scripts found.");return}s("Found",e.length,"lazy scripts"),l(()=>{d(e)})}document.readyState==="complete"?l(y):window.addEventListener(m,()=>l(y),{once:!0}),window.LazyLoader={loadNow:()=>d(u()),loadGroupNow:async e=>{let t=u().filter(o=>(o.getAttribute("data-group")||"")===e);await d(t)},loadScriptNow:(e,t)=>f(e,t)}})();})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/global/lazy-loader.ts
+  (function() {
+    "use strict";
+    const DEFAULT_IDLE_TIMEOUT_MS = 3e3;
+    const FALLBACK_DELAY_MS = 2e3;
+    const LOAD_ON = "load";
+    const ENABLED_GROUPS = /* @__PURE__ */ new Set();
+    function log(...args) {
+      const DEBUG = false;
+      if (DEBUG) {
+        console.log("[lazy-loader]", ...args);
+      }
+    }
+    function runWhenIdle(fn, timeoutMs = DEFAULT_IDLE_TIMEOUT_MS) {
+      if ("requestIdleCallback" in window) {
+        window.requestIdleCallback(
+          () => fn(),
+          { timeout: timeoutMs }
+        );
+      } else {
+        setTimeout(fn, FALLBACK_DELAY_MS);
+      }
+    }
+    function matchesEnabledGroups(node) {
+      if (ENABLED_GROUPS.size === 0) return true;
+      const g = node.getAttribute("data-group");
+      return g !== null && ENABLED_GROUPS.has(g);
+    }
+    function loadExternalScript(src, {
+      async = false,
+      defer = false,
+      type = "",
+      crossOrigin = "",
+      referrerPolicy = ""
+    } = {}) {
+      return new Promise((resolve, reject) => {
+        const s = document.createElement("script");
+        s.src = src;
+        if (async) s.async = true;
+        if (defer) s.defer = true;
+        if (type) s.type = type;
+        if (crossOrigin) s.crossOrigin = crossOrigin;
+        if (referrerPolicy) s.referrerPolicy = referrerPolicy;
+        s.onload = () => resolve();
+        s.onerror = () => reject(new Error("Failed to load: " + src));
+        document.head.appendChild(s);
+      });
+    }
+    function runInline(code) {
+      const s = document.createElement("script");
+      s.type = "text/javascript";
+      s.text = code;
+      document.head.appendChild(s);
+    }
+    async function processLazyScripts(nodes) {
+      for (const node of nodes) {
+        if (!matchesEnabledGroups(node)) continue;
+        const src = node.getAttribute("data-src");
+        const isAsync = node.getAttribute("data-async") === "true";
+        const crossOrigin = node.getAttribute("data-crossorigin") || "";
+        const referrerPolicy = node.getAttribute("data-referrerpolicy") || "";
+        try {
+          if (src) {
+            log("Loading", src, "async=", isAsync);
+            await loadExternalScript(src, {
+              async: isAsync,
+              crossOrigin,
+              referrerPolicy
+            });
+          } else {
+            const code = node.textContent || "";
+            if (code.trim()) {
+              log("Running inline lazy script");
+              runInline(code);
+            }
+          }
+        } catch (e) {
+          console.warn("[lazy-loader]", e);
+        } finally {
+          node.type = "text/javascript";
+          node.removeAttribute("data-src");
+        }
+      }
+    }
+    function collectLazyNodes() {
+      return Array.from(
+        document.querySelectorAll(
+          'script[type="text/lazyjs"], script[data-lazy="true"]'
+        )
+      );
+    }
+    function init() {
+      const nodes = collectLazyNodes();
+      if (!nodes.length) {
+        log("No lazy scripts found.");
+        return;
+      }
+      log("Found", nodes.length, "lazy scripts");
+      runWhenIdle(() => {
+        void processLazyScripts(nodes);
+      });
+    }
+    if (document.readyState === "complete") {
+      runWhenIdle(init);
+    } else {
+      window.addEventListener(
+        LOAD_ON,
+        () => runWhenIdle(init),
+        { once: true }
+      );
+    }
+    window.LazyLoader = {
+      loadNow: () => processLazyScripts(collectLazyNodes()),
+      loadGroupNow: async (groupName) => {
+        const nodes = collectLazyNodes().filter(
+          (n) => (n.getAttribute("data-group") || "") === groupName
+        );
+        await processLazyScripts(nodes);
+      },
+      loadScriptNow: (src, opts) => loadExternalScript(src, opts)
+    };
+  })();
+})();
+//# sourceMappingURL=lazy-loader.js.map

package/dist/global/loader.js

@@ -1,4 +1,41 @@
-"use strict";(()=>{var o=class{constructor(){this.progressBar=null;this.progressText=null;this.loadingOverlay=null;this.currentProgress=0;this.loaderFill=null;this.clickLoader=null;this.init()}init(){this.createLoader(),this.interceptLinks(),this.monitorPageLoad()}createLoader(){this.loaderFill=document.querySelector(".loader-fill[loader-fill]"),this.clickLoader=document.querySelector(".click-loader"),this.loaderFill&&(this.clickLoader&&!this.clickLoader.style.position&&getComputedStyle(this.clickLoader).position!=="fixed"?(this.loadingOverlay=document.createElement("div"),this.loadingOverlay.id="page-loading-overlay",this.loadingOverlay.innerHTML=this.clickLoader.outerHTML,document.head.insertAdjacentHTML("beforeend",`
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/global/loader.ts
+  var PageLoader = class {
+    constructor() {
+      this.progressBar = null;
+      this.progressText = null;
+      this.loadingOverlay = null;
+      this.currentProgress = 0;
+      this.loaderFill = null;
+      this.clickLoader = null;
+      this.init();
+    }
+    init() {
+      this.createLoader();
+      this.interceptLinks();
+      this.monitorPageLoad();
+    }
+    createLoader() {
+      this.loaderFill = document.querySelector(".loader-fill[loader-fill]");
+      this.clickLoader = document.querySelector(".click-loader");
+      if (!this.loaderFill) {
+        return;
+      }
+      if (this.clickLoader && !this.clickLoader.style.position && getComputedStyle(this.clickLoader).position !== "fixed") {
+        this.loadingOverlay = document.createElement("div");
+        this.loadingOverlay.id = "page-loading-overlay";
+        this.loadingOverlay.innerHTML = this.clickLoader.outerHTML;
+        const styles = `
                 <style>
                     #page-loading-overlay {
                         position: fixed;
@@ -28,4 +65,131 @@
                     }
                         
                 </style>
-            `),document.body.appendChild(this.loadingOverlay),this.loaderFill=this.loadingOverlay.querySelector(".loader-fill[loader-fill]")):this.clickLoader&&(this.clickLoader.style.display="none"),this.loaderFill&&(this.loaderFill.style.width="0%"))}interceptLinks(){document.addEventListener("click",e=>{let i=e.target.closest("a[href]");if(i&&!i.hasAttribute("no-loader")){let t=i.getAttribute("href");if(t&&(t.startsWith("http")||t.startsWith("#")||t.startsWith("javascript:")))return;e.preventDefault(),t&&this.navigateWithProgress(t)}})}navigateWithProgress(e){this.showLoader(),this.simulateProgress(e)}showLoader(){this.loadingOverlay?this.loadingOverlay.style.display="block":this.clickLoader&&(this.clickLoader.style.display="block"),this.currentProgress=0,this.updateProgress(0,"Initializing...")}hideLoader(){this.loadingOverlay?this.loadingOverlay.style.display="none":this.clickLoader&&(this.clickLoader.style.display="none")}updateProgress(e,s=""){this.currentProgress=Math.min(e,100),this.loaderFill&&(this.loaderFill.style.width=this.currentProgress+"%");let i=s||`Loading... ${Math.round(this.currentProgress)}%`}simulateProgress(e){let s=[{progress:10,message:"Preparing request...",delay:100},{progress:25,message:"Connecting to server...",delay:150},{progress:40,message:"Sending request...",delay:100},{progress:60,message:"Receiving response...",delay:150},{progress:80,message:"Processing content...",delay:50},{progress:95,message:"Finalizing...",delay:50},{progress:100,message:"Complete!",delay:100}],i=0,t=()=>{if(i<s.length){let r=s[i];this.updateProgress(r.progress,r.message),setTimeout(()=>{i++,t()},r.delay)}else setTimeout(()=>{window.location.href=e},200)};t()}monitorPageLoad(){window.addEventListener("beforeunload",()=>{}),window.addEventListener("load",()=>{this.hideLoader()}),document.addEventListener("DOMContentLoaded",()=>{}),"performance"in window&&window.addEventListener("load",()=>{setTimeout(()=>{let e=performance.timing,s=e.loadEventEnd-e.navigationStart,i=e.domainLookupEnd-e.domainLookupStart,t=e.connectEnd-e.connectStart,r=e.responseStart-e.requestStart,n=e.responseEnd-e.responseStart,l=e.domComplete-e.domLoading},100)})}};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{new o}):new o;window.showPageLoader=function(a){window.pageLoaderInstance&&window.pageLoaderInstance.navigateWithProgress(a)};window.addEventListener("load",()=>{window.pageLoaderInstance||(window.pageLoaderInstance=new o)});})();
+            `;
+        document.head.insertAdjacentHTML("beforeend", styles);
+        document.body.appendChild(this.loadingOverlay);
+        this.loaderFill = this.loadingOverlay.querySelector(
+          ".loader-fill[loader-fill]"
+        );
+      } else {
+        if (this.clickLoader) {
+          this.clickLoader.style.display = "none";
+        }
+      }
+      if (this.loaderFill) {
+        this.loaderFill.style.width = "0%";
+      }
+    }
+    interceptLinks() {
+      document.addEventListener("click", (e) => {
+        const target = e.target;
+        const link = target.closest("a[href]");
+        if (link && !link.hasAttribute("no-loader")) {
+          const href = link.getAttribute("href");
+          if (href && (href.startsWith("http") || href.startsWith("#") || href.startsWith("javascript:"))) {
+            return;
+          }
+          e.preventDefault();
+          if (href) {
+            this.navigateWithProgress(href);
+          }
+        }
+      });
+    }
+    navigateWithProgress(url) {
+      this.showLoader();
+      this.simulateProgress(url);
+    }
+    showLoader() {
+      if (this.loadingOverlay) {
+        this.loadingOverlay.style.display = "block";
+      } else if (this.clickLoader) {
+        this.clickLoader.style.display = "block";
+      }
+      this.currentProgress = 0;
+      this.updateProgress(0, "Initializing...");
+    }
+    hideLoader() {
+      if (this.loadingOverlay) {
+        this.loadingOverlay.style.display = "none";
+      } else if (this.clickLoader) {
+        this.clickLoader.style.display = "none";
+      }
+    }
+    updateProgress(percent, message = "") {
+      this.currentProgress = Math.min(percent, 100);
+      if (this.loaderFill) {
+        this.loaderFill.style.width = this.currentProgress + "%";
+      }
+      const displayMessage = message || `Loading... ${Math.round(this.currentProgress)}%`;
+    }
+    simulateProgress(url) {
+      const stages = [
+        { progress: 10, message: "Preparing request...", delay: 100 },
+        { progress: 25, message: "Connecting to server...", delay: 150 },
+        { progress: 40, message: "Sending request...", delay: 100 },
+        { progress: 60, message: "Receiving response...", delay: 150 },
+        { progress: 80, message: "Processing content...", delay: 50 },
+        { progress: 95, message: "Finalizing...", delay: 50 },
+        { progress: 100, message: "Complete!", delay: 100 }
+      ];
+      let currentStage = 0;
+      const processStage = () => {
+        if (currentStage < stages.length) {
+          const stage = stages[currentStage];
+          this.updateProgress(stage.progress, stage.message);
+          setTimeout(() => {
+            currentStage++;
+            processStage();
+          }, stage.delay);
+        } else {
+          setTimeout(() => {
+            window.location.href = url;
+          }, 200);
+        }
+      };
+      processStage();
+    }
+    // Monitor actual page loading events
+    monitorPageLoad() {
+      window.addEventListener("beforeunload", () => {
+      });
+      window.addEventListener("load", () => {
+        this.hideLoader();
+      });
+      document.addEventListener("DOMContentLoaded", () => {
+      });
+      if ("performance" in window) {
+        window.addEventListener("load", () => {
+          setTimeout(() => {
+            const timing = performance.timing;
+            const loadTime = timing.loadEventEnd - timing.navigationStart;
+            const dnsLookupTime = timing.domainLookupEnd - timing.domainLookupStart;
+            const tcpConnectionTime = timing.connectEnd - timing.connectStart;
+            const requestTime = timing.responseStart - timing.requestStart;
+            const responseTime = timing.responseEnd - timing.responseStart;
+            const domProcessingTime = timing.domComplete - timing.domLoading;
+          }, 100);
+        });
+      }
+    }
+  };
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      new PageLoader();
+    });
+  } else {
+    new PageLoader();
+  }
+  window.showPageLoader = function(url) {
+    if (window.pageLoaderInstance) {
+      window.pageLoaderInstance.navigateWithProgress(url);
+    }
+  };
+  window.addEventListener("load", () => {
+    if (!window.pageLoaderInstance) {
+      window.pageLoaderInstance = new PageLoader();
+    }
+  });
+})();
+//# sourceMappingURL=loader.js.map