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

package/dist/global/progressive-scroll.js

@@ -1,222 +1 @@
-"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/progressive-scroll.ts
-  var GSAP = window.gsap;
-  var GSAPScrollTrigger = window.ScrollTrigger;
-  if (!GSAP || !GSAPScrollTrigger) {
-    console.warn(
-      "GSAP or ScrollTrigger is not available on window. Make sure they are loaded before this script."
-    );
-  } else {
-    GSAP.registerPlugin(GSAPScrollTrigger);
-  }
-  function moveElements(sourceSelector, targetSelector, warningMessage) {
-    const target = document.querySelector(targetSelector);
-    if (!target) {
-      return;
-    }
-    const sources = document.querySelectorAll(sourceSelector);
-    if (sources.length === 0) {
-      return;
-    }
-    sources.forEach((source) => {
-      try {
-        target.appendChild(source);
-      } catch (error) {
-        console.error("Error appending element", { source, target }, error);
-      }
-    });
-  }
-  function initScrollBlocks() {
-    moveElements(
-      "[fynd-sticky-source]",
-      "[fynd-sticky-target]",
-      "Warning: No element found with attribute fynd-sticky-target"
-    );
-    moveElements(
-      "[fynd-scroll-source]",
-      "[fynd-scroll-target]",
-      "Warning: No element found with attribute fynd-scroll-target"
-    );
-  }
-  function safeGetLocalStorageItem(key) {
-    try {
-      return window.localStorage.getItem(key);
-    } catch (error) {
-      return null;
-    }
-  }
-  function safeSetLocalStorageItem(key, value) {
-    try {
-      if (value === null) {
-        window.localStorage.removeItem(key);
-      } else {
-        window.localStorage.setItem(key, value);
-      }
-    } catch (error) {
-    }
-  }
-  function initProgressiveScroll() {
-    const sections = document.querySelectorAll("[fynd-scroll-source]");
-    if (sections.length === 0) {
-      return;
-    }
-    let timeout;
-    let lastVisitedSection = null;
-    safeSetLocalStorageItem("lastVisitedSection", null);
-    function debouncedScrollTrigger(attributeValue) {
-      if (!attributeValue) {
-        return;
-      }
-      if (timeout !== void 0) {
-        window.clearTimeout(timeout);
-      }
-      const scrollSections = document.querySelectorAll("[fynd-scroll-source]");
-      if (scrollSections.length === 0) return;
-      const first = scrollSections[0].getAttribute("fynd-scroll-source");
-      const last = scrollSections[scrollSections.length - 1].getAttribute(
-        "fynd-scroll-source"
-      );
-      const currentEl = document.querySelector(
-        `[fynd-scroll-source="${attributeValue}"]`
-      );
-      if (!currentEl) {
-        return;
-      }
-      const currentVal = currentEl.getAttribute("fynd-scroll-source");
-      lastVisitedSection = safeGetLocalStorageItem("lastVisitedSection");
-      const currentNum = parseInt(currentVal || "", 10);
-      const firstNum = parseInt(first || "", 10);
-      const lastNum = parseInt(last || "", 10);
-      const lastVisitedNum = parseInt(lastVisitedSection || "", 10);
-      const atStart = currentNum === firstNum && lastVisitedNum === firstNum;
-      const atEnd = currentNum === lastNum && lastVisitedNum === lastNum;
-      if (atStart || atEnd) return;
-      timeout = window.setTimeout(() => {
-        updateStickyImage(attributeValue);
-        safeSetLocalStorageItem("lastVisitedSection", attributeValue);
-      }, 50);
-    }
-    sections.forEach((section) => {
-      const attr = section.getAttribute("fynd-scroll-source");
-      if (!attr) {
-        return;
-      }
-      if (!GSAP || !GSAPScrollTrigger) return;
-      GSAPScrollTrigger.create({
-        trigger: section,
-        start: "top 50%",
-        end: "bottom 50%",
-        onEnter: () => debouncedScrollTrigger(attr),
-        onEnterBack: () => debouncedScrollTrigger(attr),
-        onLeave: () => debouncedScrollTrigger(attr),
-        onLeaveBack: () => debouncedScrollTrigger(attr)
-      });
-    });
-  }
-  function updateStickyImage(identifier) {
-    if (!identifier) {
-      return;
-    }
-    const stickyImages = document.querySelectorAll("[fynd-sticky-source]");
-    if (stickyImages.length === 0) {
-      return;
-    }
-    if (!GSAP) return;
-    GSAP.killTweensOf(stickyImages);
-    GSAP.set(stickyImages, { opacity: 0 });
-    const activeImage = document.querySelector(
-      `[fynd-sticky-source="${identifier}"]`
-    );
-    if (!activeImage) {
-      return;
-    }
-    GSAP.to(activeImage, {
-      opacity: 1,
-      duration: 0.5,
-      ease: "power1.out"
-    });
-  }
-  function getScrollContainer() {
-    const containers = document.querySelectorAll("[fynd-scroll-container]");
-    if (containers.length === 0) {
-      return;
-    }
-    if (!GSAP) return;
-    GSAP.to(containers, {
-      opacity: 1,
-      duration: 0.5,
-      ease: "power2.out",
-      delay: 0.5
-    });
-  }
-  function dynamiColorDesktop() {
-    const elements = document.querySelectorAll("[fynd-sticky-bg]");
-    if (elements.length === 0) {
-      return;
-    }
-    elements.forEach((el) => {
-      const value = el.getAttribute("fynd-sticky-bg");
-      if (!value) {
-        return;
-      }
-      const isHex = /^#([0-9A-F]{3}){1,2}$/i.test(value);
-      if (!isHex) {
-        return;
-      }
-      el.style.backgroundColor = value;
-    });
-  }
-  function dynamicColorMobile() {
-    const element = document.querySelector("[fynd-sticky-bg]");
-    if (!element) {
-      return;
-    }
-    const value = element.getAttribute("fynd-sticky-bg");
-    if (!value) {
-      return;
-    }
-    const isHex = /^#([0-9A-F]{3}){1,2}$/i.test(value);
-    if (!isHex) {
-      return;
-    }
-    const cards = document.querySelectorAll("[fynd-card-bg-mobile]");
-    if (cards.length === 0) {
-      return;
-    }
-    cards.forEach((c) => {
-      c.style.backgroundColor = value;
-    });
-  }
-  var desktopInitialized = false;
-  function handleResize() {
-    const width = window.innerWidth;
-    if (width > 991) {
-      if (!desktopInitialized) {
-        dynamiColorDesktop();
-        initScrollBlocks();
-        initProgressiveScroll();
-        getScrollContainer();
-        desktopInitialized = true;
-      }
-    } else {
-      dynamicColorMobile();
-    }
-  }
-  document.addEventListener("DOMContentLoaded", () => {
-    handleResize();
-    window.addEventListener("resize", () => {
-      handleResize();
-    });
-  });
-})();
-//# sourceMappingURL=progressive-scroll.js.map
+"use strict";(()=>{var c=window.gsap,l=window.ScrollTrigger;!c||!l?console.warn("GSAP or ScrollTrigger is not available on window. Make sure they are loaded before this script."):c.registerPlugin(l);function y(t,e,r){let o=document.querySelector(e);if(!o)return;let i=document.querySelectorAll(t);i.length!==0&&i.forEach(n=>{try{o.appendChild(n)}catch(s){console.error("Error appending element",{source:n,target:o},s)}})}function v(){y("[fynd-sticky-source]","[fynd-sticky-target]","Warning: No element found with attribute fynd-sticky-target"),y("[fynd-scroll-source]","[fynd-scroll-target]","Warning: No element found with attribute fynd-scroll-target")}function b(t){try{return window.localStorage.getItem(t)}catch{return null}}function m(t,e){try{e===null?window.localStorage.removeItem(t):window.localStorage.setItem(t,e)}catch{}}function k(){let t=document.querySelectorAll("[fynd-scroll-source]");if(t.length===0)return;let e,r=null;m("lastVisitedSection",null);function o(i){if(!i)return;e!==void 0&&window.clearTimeout(e);let n=document.querySelectorAll("[fynd-scroll-source]");if(n.length===0)return;let s=n[0].getAttribute("fynd-scroll-source"),h=n[n.length-1].getAttribute("fynd-scroll-source"),u=document.querySelector(`[fynd-scroll-source="${i}"]`);if(!u)return;let E=u.getAttribute("fynd-scroll-source");r=b("lastVisitedSection");let d=parseInt(E||"",10),a=parseInt(s||"",10),f=parseInt(h||"",10),g=parseInt(r||"",10);d===a&&g===a||d===f&&g===f||(e=window.setTimeout(()=>{p(i),m("lastVisitedSection",i)},50))}t.forEach(i=>{let n=i.getAttribute("fynd-scroll-source");n&&(!c||!l||l.create({trigger:i,start:"top 50%",end:"bottom 50%",onEnter:()=>o(n),onEnterBack:()=>o(n),onLeave:()=>o(n),onLeaveBack:()=>o(n)}))})}function p(t){if(!t)return;let e=document.querySelectorAll("[fynd-sticky-source]");if(e.length===0||!c)return;c.killTweensOf(e),c.set(e,{opacity:0});let r=document.querySelector(`[fynd-sticky-source="${t}"]`);r&&c.to(r,{opacity:1,duration:.5,ease:"power1.out"})}function A(){let t=document.querySelectorAll("[fynd-scroll-container]");t.length!==0&&c&&c.to(t,{opacity:1,duration:.5,ease:"power2.out",delay:.5})}function L(){let t=document.querySelectorAll("[fynd-sticky-bg]");t.length!==0&&t.forEach(e=>{let r=e.getAttribute("fynd-sticky-bg");!r||!/^#([0-9A-F]{3}){1,2}$/i.test(r)||(e.style.backgroundColor=r)})}function T(){let t=document.querySelector("[fynd-sticky-bg]");if(!t)return;let e=t.getAttribute("fynd-sticky-bg");if(!e||!/^#([0-9A-F]{3}){1,2}$/i.test(e))return;let o=document.querySelectorAll("[fynd-card-bg-mobile]");o.length!==0&&o.forEach(i=>{i.style.backgroundColor=e})}var S=!1;function w(){window.innerWidth>991?S||(L(),v(),k(),A(),S=!0):T()}document.addEventListener("DOMContentLoaded",()=>{w(),window.addEventListener("resize",()=>{w()})});})();

package/dist/global/responsive-video.js

@@ -1,321 +1 @@
-"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/responsive-video.ts
-  var RV_SELECTORS = {
-    wrapper: "[data-rv-wrapper]",
-    thumbnailDesktop: "[data-rv-thumbnail-desktop]",
-    thumbnailMobile: "[data-rv-thumbnail-mobile]"
-  };
-  var RV_ATTRS = {
-    hidden: "data-rv-hidden"
-  };
-  var RV_DEFAULTS = {
-    breakpoint: 992,
-    threshold: 0.25
-  };
-  var LOG_PREFIX = "[RVPlayer]";
-  function csvToArray(value) {
-    if (!value || !value.trim()) return [];
-    return value.split(",").map((s) => s.trim()).filter(Boolean);
-  }
-  function parseSources(srcAttr, typeAttr, label, wrapperEl) {
-    const srcs = csvToArray(srcAttr);
-    const types = csvToArray(typeAttr);
-    if (srcs.length === 0) {
-      console.warn(`${LOG_PREFIX} No ${label} sources found on wrapper:`, wrapperEl);
-      return [];
-    }
-    if (types.length === 0) {
-      console.warn(`${LOG_PREFIX} No ${label} MIME types found on wrapper. Sources may not load correctly:`, wrapperEl);
-    }
-    if (srcs.length !== types.length) {
-      console.warn(
-        `${LOG_PREFIX} Mismatch: ${srcs.length} ${label} source(s) but ${types.length} type(s). Extra entries will be ignored:`,
-        wrapperEl
-      );
-    }
-    const srcLooksLikeMime = srcs.length > 0 && srcs.every((s) => /^(video|audio)\/\w+/.test(s));
-    const typeLooksLikeUrl = types.length > 0 && types.every((t) => /^https?:\/\//.test(t));
-    if (srcLooksLikeMime && typeLooksLikeUrl) {
-      console.warn(
-        `${LOG_PREFIX} Swapped ${label} attributes detected! data-rv-${label}-src contains MIME types and data-rv-${label}-type contains URLs. Auto-correcting:`,
-        wrapperEl
-      );
-      return types.map((url, i) => ({
-        src: url,
-        type: srcs[i] || ""
-      }));
-    }
-    return srcs.map((src, i) => ({
-      src,
-      type: types[i] || ""
-    }));
-  }
-  var RVPlayer = class {
-    constructor(wrapper) {
-      this.currentMode = null;
-      this.observer = null;
-      this.handlePlaying = () => {
-        this.setPostersHidden(true);
-      };
-      this.handleError = (e) => {
-        const target = e.target;
-        const tagName = target.tagName?.toLowerCase();
-        if (tagName === "source") {
-          const sourceEl = target;
-          console.warn(`${LOG_PREFIX} Failed to load source: "${sourceEl.src}" (${sourceEl.type || "no type"}):`, this.wrapper);
-        } else if (tagName === "video") {
-          const mediaError = target.error;
-          const errorMessages = {
-            1: "MEDIA_ERR_ABORTED \u2014 fetching was aborted",
-            2: "MEDIA_ERR_NETWORK \u2014 network error",
-            3: "MEDIA_ERR_DECODE \u2014 decoding error",
-            4: "MEDIA_ERR_SRC_NOT_SUPPORTED \u2014 source format not supported"
-          };
-          const message = mediaError ? errorMessages[mediaError.code] || `Unknown error (code ${mediaError.code})` : "Unknown error";
-          console.warn(`${LOG_PREFIX} Video error: ${message}:`, this.wrapper);
-        }
-        this.setPostersHidden(false);
-      };
-      this.wrapper = wrapper;
-      this.video = wrapper.querySelector("video");
-      this.posterDesktop = wrapper.querySelector(RV_SELECTORS.thumbnailDesktop);
-      this.posterMobile = wrapper.querySelector(RV_SELECTORS.thumbnailMobile);
-      if (!this.video) {
-        console.warn(`${LOG_PREFIX} No <video> element found inside wrapper. Skipping:`, wrapper);
-        this.config = { mobileSources: [], desktopSources: [], breakpoint: RV_DEFAULTS.breakpoint, threshold: RV_DEFAULTS.threshold };
-        return;
-      }
-      this.enforceVideoAttributes();
-      if (!this.posterDesktop && !this.posterMobile) {
-        console.warn(`${LOG_PREFIX} No thumbnail images found. Users will see a black frame until video loads:`, wrapper);
-      } else {
-        if (!this.posterDesktop) {
-          console.warn(`${LOG_PREFIX} Missing [data-rv-thumbnail-desktop]. No fallback for desktop:`, wrapper);
-        }
-        if (!this.posterMobile) {
-          console.warn(`${LOG_PREFIX} Missing [data-rv-thumbnail-mobile]. No fallback for mobile:`, wrapper);
-        }
-      }
-      const dataset = wrapper.dataset;
-      const breakpointRaw = parseInt(dataset.rvBreakpoint || "", 10);
-      const thresholdRaw = parseFloat(dataset.rvThreshold || "");
-      const breakpoint = Number.isFinite(breakpointRaw) && breakpointRaw > 0 ? breakpointRaw : RV_DEFAULTS.breakpoint;
-      const threshold = Number.isFinite(thresholdRaw) && thresholdRaw >= 0 && thresholdRaw <= 1 ? thresholdRaw : RV_DEFAULTS.threshold;
-      if (dataset.rvBreakpoint && breakpoint !== breakpointRaw) {
-        console.warn(`${LOG_PREFIX} Invalid breakpoint "${dataset.rvBreakpoint}". Using default (${RV_DEFAULTS.breakpoint}):`, wrapper);
-      }
-      if (dataset.rvThreshold && threshold !== thresholdRaw) {
-        console.warn(`${LOG_PREFIX} Invalid threshold "${dataset.rvThreshold}". Must be 0\u20131. Using default (${RV_DEFAULTS.threshold}):`, wrapper);
-      }
-      this.config = {
-        mobileSources: parseSources(dataset.rvMobileSrc, dataset.rvMobileType, "mobile", wrapper),
-        desktopSources: parseSources(dataset.rvDesktopSrc, dataset.rvDesktopType, "desktop", wrapper),
-        breakpoint,
-        threshold
-      };
-      this.init();
-    }
-    // ── Lifecycle ──────────────────────────────────────────
-    init() {
-      if (!this.video) return;
-      this.video.addEventListener("playing", this.handlePlaying);
-      this.video.addEventListener("error", this.handleError);
-      this.video.addEventListener("error", this.handleError, true);
-      this.applySources();
-      this.updatePosterVisibility();
-      this.observe();
-    }
-    destroy() {
-      if (this.observer) {
-        this.observer.disconnect();
-        this.observer = null;
-      }
-      if (this.video) {
-        this.video.removeEventListener("playing", this.handlePlaying);
-        this.video.removeEventListener("error", this.handleError);
-        this.video.removeEventListener("error", this.handleError, true);
-        this.video.pause();
-      }
-    }
-    // ── Event handlers (arrow fns to preserve `this`) ──────
-    /**
-     * Force muted, playsinline, loop, preload on the <video>.
-     * Webflow (and some CMSs) strip these attributes at publish time.
-     */
-    enforceVideoAttributes() {
-      if (!this.video) return;
-      const required = [
-        { attr: "muted", prop: "muted" },
-        { attr: "playsinline" },
-        { attr: "loop", prop: "loop" },
-        { attr: "preload", value: "metadata" }
-      ];
-      required.forEach(({ attr, prop, value }) => {
-        const hasAttr = this.video.hasAttribute(attr);
-        if (!hasAttr) {
-          console.warn(`${LOG_PREFIX} <video> missing "${attr}" \u2014 applying via JS:`, this.wrapper);
-        }
-        this.video.setAttribute(attr, value ?? "");
-        if (prop) {
-          this.video[prop] = true;
-        }
-      });
-    }
-    // ── Poster visibility ─────────────────────────────────
-    /** Ensure transition style is applied once on each poster */
-    initPosterStyles(img) {
-      if (img.dataset.rvStyled) return;
-      img.style.transition = "opacity 0.5s ease";
-      img.dataset.rvStyled = "true";
-    }
-    /**
-     * Show the correct poster for the current viewport.
-     * Desktop poster hidden on mobile, mobile poster hidden on desktop.
-     * Called on init and on every resize/orientation change.
-     */
-    updatePosterVisibility() {
-      const isMobile = window.innerWidth < this.config.breakpoint;
-      if (this.posterDesktop) {
-        this.initPosterStyles(this.posterDesktop);
-        this.posterDesktop.style.display = isMobile ? "none" : "block";
-      }
-      if (this.posterMobile) {
-        this.initPosterStyles(this.posterMobile);
-        this.posterMobile.style.display = isMobile ? "block" : "none";
-      }
-    }
-    setPostersHidden(hidden) {
-      const isMobile = window.innerWidth < this.config.breakpoint;
-      const activePoster = isMobile ? this.posterMobile : this.posterDesktop;
-      const inactivePoster = isMobile ? this.posterDesktop : this.posterMobile;
-      if (activePoster) {
-        this.initPosterStyles(activePoster);
-        activePoster.style.display = "block";
-        if (hidden) {
-          activePoster.style.opacity = "0";
-          activePoster.style.pointerEvents = "none";
-          activePoster.setAttribute(RV_ATTRS.hidden, "");
-        } else {
-          activePoster.style.opacity = "1";
-          activePoster.style.pointerEvents = "";
-          activePoster.removeAttribute(RV_ATTRS.hidden);
-        }
-      }
-      if (inactivePoster) {
-        this.initPosterStyles(inactivePoster);
-        inactivePoster.style.display = "none";
-        inactivePoster.removeAttribute(RV_ATTRS.hidden);
-      }
-    }
-    // ── Source management ─────────────────────────────────
-    applySources() {
-      if (!this.video) return;
-      const isMobile = window.innerWidth < this.config.breakpoint;
-      const mode = isMobile ? "mobile" : "desktop";
-      if (mode === this.currentMode) return;
-      this.currentMode = mode;
-      const sources = isMobile ? this.config.mobileSources : this.config.desktopSources;
-      if (sources.length === 0) {
-        console.warn(`${LOG_PREFIX} No ${mode} sources to apply. Video will not play:`, this.wrapper);
-        return;
-      }
-      const existing = this.video.querySelectorAll("source");
-      existing.forEach((s) => s.remove());
-      sources.forEach(({ src, type }) => {
-        const sourceEl = document.createElement("source");
-        sourceEl.src = src;
-        if (type) sourceEl.type = type;
-        this.video.appendChild(sourceEl);
-      });
-      this.video.load();
-      this.setPostersHidden(false);
-    }
-    // ── Playback ──────────────────────────────────────────
-    safePlay() {
-      if (!this.video) return;
-      const playPromise = this.video.play();
-      if (playPromise && typeof playPromise.catch === "function") {
-        playPromise.catch((err) => {
-          if (err.name === "NotAllowedError") {
-            console.warn(`${LOG_PREFIX} Autoplay blocked by browser. Ensure video is muted:`, this.wrapper);
-          }
-        });
-      }
-    }
-    // ── IntersectionObserver ──────────────────────────────
-    observe() {
-      if (!this.video) return;
-      if (!("IntersectionObserver" in window)) {
-        console.warn(`${LOG_PREFIX} IntersectionObserver not supported. Video will autoplay immediately:`, this.wrapper);
-        this.safePlay();
-        return;
-      }
-      this.observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            if (entry.isIntersecting) {
-              this.safePlay();
-            } else {
-              this.video?.pause();
-            }
-          });
-        },
-        { threshold: this.config.threshold }
-      );
-      this.observer.observe(this.video);
-    }
-  };
-  var RVManager = class {
-    constructor() {
-      this.instances = [];
-      this.resizeTimer = null;
-      this.init();
-      this.bindResize();
-    }
-    init() {
-      const wrappers = document.querySelectorAll(RV_SELECTORS.wrapper);
-      if (wrappers.length === 0) {
-        console.warn(`${LOG_PREFIX} No elements with [data-rv-wrapper] found on the page.`);
-        return;
-      }
-      console.info(`${LOG_PREFIX} Initialising ${wrappers.length} video player(s).`);
-      wrappers.forEach((el) => {
-        this.instances.push(new RVPlayer(el));
-      });
-    }
-    bindResize() {
-      const handleResize = () => {
-        if (this.resizeTimer) clearTimeout(this.resizeTimer);
-        this.resizeTimer = setTimeout(() => {
-          this.instances.forEach((inst) => {
-            inst.applySources();
-            inst.updatePosterVisibility();
-          });
-        }, 150);
-      };
-      window.addEventListener("resize", handleResize);
-      window.addEventListener("orientationchange", handleResize);
-    }
-    /** Call to tear down all players (useful in SPA contexts) */
-    destroyAll() {
-      this.instances.forEach((inst) => inst.destroy());
-      this.instances = [];
-    }
-  };
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => new RVManager());
-  } else {
-    new RVManager();
-  }
-})();
-//# sourceMappingURL=responsive-video.js.map
+"use strict";(()=>{var v={wrapper:"[data-rv-wrapper]",thumbnailDesktop:"[data-rv-thumbnail-desktop]",thumbnailMobile:"[data-rv-thumbnail-mobile]"},u={hidden:"data-rv-hidden"},d={breakpoint:992,threshold:.25},s="[RVPlayer]";function b(a){return!a||!a.trim()?[]:a.split(",").map(e=>e.trim()).filter(Boolean)}function m(a,e,t,i){let o=b(a),r=b(e);if(o.length===0)return console.warn(`${s} No ${t} sources found on wrapper:`,i),[];r.length===0&&console.warn(`${s} No ${t} MIME types found on wrapper. Sources may not load correctly:`,i),o.length!==r.length&&console.warn(`${s} Mismatch: ${o.length} ${t} source(s) but ${r.length} type(s). Extra entries will be ignored:`,i);let n=o.length>0&&o.every(l=>/^(video|audio)\/\w+/.test(l)),c=r.length>0&&r.every(l=>/^https?:\/\//.test(l));return n&&c?(console.warn(`${s} Swapped ${t} attributes detected! data-rv-${t}-src contains MIME types and data-rv-${t}-type contains URLs. Auto-correcting:`,i),r.map((l,p)=>({src:l,type:o[p]||""}))):o.map((l,p)=>({src:l,type:r[p]||""}))}var f=class{constructor(e){this.currentMode=null;this.observer=null;this.handlePlaying=()=>{this.setPostersHidden(!0)};this.handleError=e=>{let t=e.target,i=t.tagName?.toLowerCase();if(i==="source"){let o=t;console.warn(`${s} Failed to load source: "${o.src}" (${o.type||"no type"}):`,this.wrapper)}else if(i==="video"){let o=t.error,n=o?{1:"MEDIA_ERR_ABORTED \u2014 fetching was aborted",2:"MEDIA_ERR_NETWORK \u2014 network error",3:"MEDIA_ERR_DECODE \u2014 decoding error",4:"MEDIA_ERR_SRC_NOT_SUPPORTED \u2014 source format not supported"}[o.code]||`Unknown error (code ${o.code})`:"Unknown error";console.warn(`${s} Video error: ${n}:`,this.wrapper)}this.setPostersHidden(!1)};if(this.wrapper=e,this.video=e.querySelector("video"),this.posterDesktop=e.querySelector(v.thumbnailDesktop),this.posterMobile=e.querySelector(v.thumbnailMobile),!this.video){console.warn(`${s} No <video> element found inside wrapper. Skipping:`,e),this.config={mobileSources:[],desktopSources:[],breakpoint:d.breakpoint,threshold:d.threshold};return}this.enforceVideoAttributes(),!this.posterDesktop&&!this.posterMobile?console.warn(`${s} No thumbnail images found. Users will see a black frame until video loads:`,e):(this.posterDesktop||console.warn(`${s} Missing [data-rv-thumbnail-desktop]. No fallback for desktop:`,e),this.posterMobile||console.warn(`${s} Missing [data-rv-thumbnail-mobile]. No fallback for mobile:`,e));let t=e.dataset,i=parseInt(t.rvBreakpoint||"",10),o=parseFloat(t.rvThreshold||""),r=Number.isFinite(i)&&i>0?i:d.breakpoint,n=Number.isFinite(o)&&o>=0&&o<=1?o:d.threshold;t.rvBreakpoint&&r!==i&&console.warn(`${s} Invalid breakpoint "${t.rvBreakpoint}". Using default (${d.breakpoint}):`,e),t.rvThreshold&&n!==o&&console.warn(`${s} Invalid threshold "${t.rvThreshold}". Must be 0\u20131. Using default (${d.threshold}):`,e),this.config={mobileSources:m(t.rvMobileSrc,t.rvMobileType,"mobile",e),desktopSources:m(t.rvDesktopSrc,t.rvDesktopType,"desktop",e),breakpoint:r,threshold:n},this.init()}init(){this.video&&(this.video.addEventListener("playing",this.handlePlaying),this.video.addEventListener("error",this.handleError),this.video.addEventListener("error",this.handleError,!0),this.applySources(),this.updatePosterVisibility(),this.observe())}destroy(){this.observer&&(this.observer.disconnect(),this.observer=null),this.video&&(this.video.removeEventListener("playing",this.handlePlaying),this.video.removeEventListener("error",this.handleError),this.video.removeEventListener("error",this.handleError,!0),this.video.pause())}enforceVideoAttributes(){if(!this.video)return;[{attr:"muted",prop:"muted"},{attr:"playsinline"},{attr:"loop",prop:"loop"},{attr:"preload",value:"metadata"}].forEach(({attr:t,prop:i,value:o})=>{this.video.hasAttribute(t)||console.warn(`${s} <video> missing "${t}" \u2014 applying via JS:`,this.wrapper),this.video.setAttribute(t,o??""),i&&(this.video[i]=!0)})}initPosterStyles(e){e.dataset.rvStyled||(e.style.transition="opacity 0.5s ease",e.dataset.rvStyled="true")}updatePosterVisibility(){let e=window.innerWidth<this.config.breakpoint;this.posterDesktop&&(this.initPosterStyles(this.posterDesktop),this.posterDesktop.style.display=e?"none":"block"),this.posterMobile&&(this.initPosterStyles(this.posterMobile),this.posterMobile.style.display=e?"block":"none")}setPostersHidden(e){let t=window.innerWidth<this.config.breakpoint,i=t?this.posterMobile:this.posterDesktop,o=t?this.posterDesktop:this.posterMobile;i&&(this.initPosterStyles(i),i.style.display="block",e?(i.style.opacity="0",i.style.pointerEvents="none",i.setAttribute(u.hidden,"")):(i.style.opacity="1",i.style.pointerEvents="",i.removeAttribute(u.hidden))),o&&(this.initPosterStyles(o),o.style.display="none",o.removeAttribute(u.hidden))}applySources(){if(!this.video)return;let e=window.innerWidth<this.config.breakpoint,t=e?"mobile":"desktop";if(t===this.currentMode)return;this.currentMode=t;let i=e?this.config.mobileSources:this.config.desktopSources;if(i.length===0){console.warn(`${s} No ${t} sources to apply. Video will not play:`,this.wrapper);return}this.video.querySelectorAll("source").forEach(r=>r.remove()),i.forEach(({src:r,type:n})=>{let c=document.createElement("source");c.src=r,n&&(c.type=n),this.video.appendChild(c)}),this.video.load(),this.setPostersHidden(!1)}safePlay(){if(!this.video)return;let e=this.video.play();e&&typeof e.catch=="function"&&e.catch(t=>{t.name==="NotAllowedError"&&console.warn(`${s} Autoplay blocked by browser. Ensure video is muted:`,this.wrapper)})}observe(){if(this.video){if(!("IntersectionObserver"in window)){console.warn(`${s} IntersectionObserver not supported. Video will autoplay immediately:`,this.wrapper),this.safePlay();return}this.observer=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting?this.safePlay():this.video?.pause()})},{threshold:this.config.threshold}),this.observer.observe(this.video)}}},h=class{constructor(){this.instances=[];this.resizeTimer=null;this.init(),this.bindResize()}init(){let e=document.querySelectorAll(v.wrapper);if(e.length===0){console.warn(`${s} No elements with [data-rv-wrapper] found on the page.`);return}console.info(`${s} Initialising ${e.length} video player(s).`),e.forEach(t=>{this.instances.push(new f(t))})}bindResize(){let e=()=>{this.resizeTimer&&clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout(()=>{this.instances.forEach(t=>{t.applySources(),t.updatePosterVisibility()})},150)};window.addEventListener("resize",e),window.addEventListener("orientationchange",e)}destroyAll(){this.instances.forEach(e=>e.destroy()),this.instances=[]}};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>new h):new h;})();