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

package/dist/accordians/dropdown.js

@@ -1 +1,95 @@
-"use strict";(()=>{function u(n){let e=document.querySelector(`[fynd-dropdown="wrapper"][fynd-dropdown-name="${n}"]`);if(!e)return null;let t=e.querySelector('[fynd-dropdown="toggle"]'),o=e.querySelector('[fynd-dropdown="content"]');return!t||!o?null:{wrapper:e,toggle:t,content:o,name:n}}function r(n=null){document.querySelectorAll('[fynd-dropdown="wrapper"][fynd-dropdown-name]').forEach(t=>{let o=t.getAttribute("fynd-dropdown-name"),d=t.querySelector('[fynd-dropdown="content"]');d&&o!==n&&(d.style.display="none")})}function c(){document.querySelectorAll('[fynd-dropdown="wrapper"][fynd-dropdown-name]').forEach(e=>{let t=e.getAttribute("fynd-dropdown-name"),o=e.querySelector('[fynd-dropdown="toggle"]'),d=e.querySelector('[fynd-dropdown="content"]');if(!o||!d||!t)return;d.style.display="none";let s=o.cloneNode(!0),l=d.cloneNode(!0);o.parentNode?.replaceChild(s,o),d.parentNode?.replaceChild(l,d),s.addEventListener("click",i=>{i.stopPropagation(),r(t),l.style.display==="none"?l.style.display="block":l.style.display="none"}),l.addEventListener("click",i=>{i.stopPropagation()})}),document.removeEventListener("click",p),document.addEventListener("click",p),document.removeEventListener("keydown",a),document.addEventListener("keydown",a)}function p(){r()}function a(n){n.key==="Escape"&&r()}var y={close:n=>{let e=u(n);e&&(e.content.style.display="none")},closeAll:()=>{r()},init:()=>{c()}};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",c):c();var m=y;})();
+"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/accordians/dropdown.ts
+  function findDropdownElements(dropdownName) {
+    const wrapper = document.querySelector(`[fynd-dropdown="wrapper"][fynd-dropdown-name="${dropdownName}"]`);
+    if (!wrapper) return null;
+    const toggle = wrapper.querySelector('[fynd-dropdown="toggle"]');
+    const content = wrapper.querySelector('[fynd-dropdown="content"]');
+    if (!toggle || !content) return null;
+    return {
+      wrapper,
+      toggle,
+      content,
+      name: dropdownName
+    };
+  }
+  function closeAllDropdowns(excludeDropdownName = null) {
+    const allWrappers = document.querySelectorAll('[fynd-dropdown="wrapper"][fynd-dropdown-name]');
+    allWrappers.forEach((wrapper) => {
+      const dropdownName = wrapper.getAttribute("fynd-dropdown-name");
+      const content = wrapper.querySelector('[fynd-dropdown="content"]');
+      if (content && dropdownName !== excludeDropdownName) {
+        content.style.display = "none";
+      }
+    });
+  }
+  function initializeDropdowns() {
+    const dropdownWrappers = document.querySelectorAll('[fynd-dropdown="wrapper"][fynd-dropdown-name]');
+    dropdownWrappers.forEach((wrapper) => {
+      const dropdownName = wrapper.getAttribute("fynd-dropdown-name");
+      const toggle = wrapper.querySelector('[fynd-dropdown="toggle"]');
+      const content = wrapper.querySelector('[fynd-dropdown="content"]');
+      if (!toggle || !content || !dropdownName) return;
+      content.style.display = "none";
+      const newToggle = toggle.cloneNode(true);
+      const newContent = content.cloneNode(true);
+      toggle.parentNode?.replaceChild(newToggle, toggle);
+      content.parentNode?.replaceChild(newContent, content);
+      newToggle.addEventListener("click", (e) => {
+        e.stopPropagation();
+        closeAllDropdowns(dropdownName);
+        if (newContent.style.display === "none") {
+          newContent.style.display = "block";
+        } else {
+          newContent.style.display = "none";
+        }
+      });
+      newContent.addEventListener("click", (e) => {
+        e.stopPropagation();
+      });
+    });
+    document.removeEventListener("click", handleOutsideClick);
+    document.addEventListener("click", handleOutsideClick);
+    document.removeEventListener("keydown", handleEscapeKey);
+    document.addEventListener("keydown", handleEscapeKey);
+  }
+  function handleOutsideClick() {
+    closeAllDropdowns();
+  }
+  function handleEscapeKey(e) {
+    if (e.key === "Escape") {
+      closeAllDropdowns();
+    }
+  }
+  var fyndDropdown = {
+    close: (dropdownName) => {
+      const elements = findDropdownElements(dropdownName);
+      if (elements) {
+        elements.content.style.display = "none";
+      }
+    },
+    closeAll: () => {
+      closeAllDropdowns();
+    },
+    init: () => {
+      initializeDropdowns();
+    }
+  };
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initializeDropdowns);
+  } else {
+    initializeDropdowns();
+  }
+  var dropdown_default = fyndDropdown;
+})();
+//# sourceMappingURL=dropdown.js.map

package/dist/accordians/index.js

@@ -1 +1,391 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[fynd-faq-element="wrapper"]').forEach(t=>{let e=t.querySelector('[fynd-faq-element="toggle"]'),n=t.querySelector('[fynd-faq-element="content"]'),o=t.querySelector('[fynd-faq-element="content-inner"]'),l=e?.querySelector('[fynd-faq-element="x-line"]')||null,s=e?.querySelector('[fynd-faq-element="y-line"]')||null;if(!e||!n||!o||!l||!s){console.warn("Required FAQ elements not found in wrapper");return}let u=t.closest("[fynd-faq-group]"),r=u?.getAttribute("fynd-faq-group")||null,c=u?.getAttribute("fynd-faq-type")||"one-at-a-time";t.getAttribute("fynd-faq-initialopen")==="true"?(gsap.set(n,{height:"auto",overflow:"hidden"}),gsap.set(o,{opacity:1}),gsap.set(l,{rotation:180}),gsap.set(s,{rotation:270}),e.setAttribute("data-state","open"),q(t,r),p(t,r),E(t,r),L(t,r)):(gsap.set(n,{height:0}),gsap.set(o,{opacity:0}),gsap.set(l,{rotation:0}),gsap.set(s,{rotation:0}),e.setAttribute("data-state","closed"));let a=!1;e.addEventListener("click",()=>{if(a)return;a=!0;let d=e.getAttribute("data-state")==="open";if(c==="one-at-a-time"&&u){let f=u.querySelectorAll('[fynd-faq-element="wrapper"] [data-state="open"]');if(d&&f.length===1){a=!1;return}}d?g(t,()=>{a=!1}):(c==="one-at-a-time"&&u&&A(u),h(t,r,()=>{a=!1}))})}),y(),T(),setTimeout(H,500)});window.addEventListener("resize",()=>{y()});function y(){if(window.innerWidth<992)return;document.querySelectorAll("[fynd-faq-image-target]").forEach(e=>{let n=e.parentElement;!n||n.getAttribute("ratio-height")!=="true"||(n.style.height="auto",requestAnimationFrame(()=>{let l=n.offsetHeight;n.style.height=`${l}px`}))}),document.querySelectorAll('[fynd-faq-tabgroup][ratio-height="true"]').forEach(e=>{e.style.height="auto",requestAnimationFrame(()=>{let n=e.offsetHeight;e.style.height=`${n}px`})})}function h(i,t,e){let n=i.querySelector('[fynd-faq-element="toggle"]'),o=i.querySelector('[fynd-faq-element="content"]'),l=i.querySelector('[fynd-faq-element="content-inner"]'),s=n?.querySelector('[fynd-faq-element="x-line"]')||null,u=n?.querySelector('[fynd-faq-element="y-line"]')||null;if(!n||!o||!l||!s||!u){console.warn("Required elements not found for opening accordion");return}o.gsapAnimation&&o.gsapAnimation.kill();let r=gsap.timeline({onComplete:()=>e&&e()});gsap.set(o,{height:"auto",visibility:"hidden",opacity:0});let c=o.offsetHeight;gsap.set(o,{height:0,visibility:"visible",opacity:1}),r.to(s,{rotation:180,duration:.4,ease:"power2.inOut"},0),r.to(u,{rotation:270,duration:.4,ease:"power2.inOut"},0),r.to(o,{height:c,duration:.5,ease:"power3.inOut",clearProps:"height",onComplete:()=>{o.style.height="auto"}},0),r.to(l,{opacity:1,duration:.4,ease:"power2.out"},"-=0.35"),o.gsapAnimation=r,n.setAttribute("data-state","open");let a=n.querySelector('[fynd-faq-element="chevron"]');a&&gsap.to(a,{rotation:180,duration:.4,ease:"back.out(1.7)"}),q(i,t),p(i,t),E(i,t),L(i,t)}function g(i,t){let e=i.querySelector('[fynd-faq-element="toggle"]'),n=i.querySelector('[fynd-faq-element="content"]'),o=i.querySelector('[fynd-faq-element="content-inner"]'),l=e?.querySelector('[fynd-faq-element="x-line"]')||null,s=e?.querySelector('[fynd-faq-element="y-line"]')||null;if(!e||!n||!o||!l||!s){console.warn("Required elements not found for closing accordion");return}n.gsapAnimation&&n.gsapAnimation.kill();let u=n.offsetHeight;n.style.height=`${u}px`;let r=gsap.timeline({onComplete:()=>t&&t()});r.to(l,{rotation:0,duration:.4,ease:"power2.inOut"},0),r.to(s,{rotation:0,duration:.4,ease:"power2.inOut"},0),r.to(o,{opacity:0,duration:.3,ease:"power2.in"},0),r.to(n,{height:0,duration:.4,ease:"power3.inOut"},"-=0.25"),n.gsapAnimation=r,e.setAttribute("data-state","closed");let c=e.querySelector('[fynd-faq-element="chevron"]');c&&gsap.to(c,{rotation:0,duration:.4,ease:"back.out(1.7)"})}function A(i){i.querySelectorAll('[fynd-faq-element="wrapper"] [data-state="open"]').forEach(e=>{let n=e.closest('[fynd-faq-element="wrapper"]');n&&g(n)})}function q(i,t){if(!t)return;let e=document.querySelector(`[fynd-faq-image-target="${t}"]`);if(!e)return;let n=i.querySelector("[fynd-faq-image-source]");if(!n)return;let o=n.getAttribute("src"),l=n.getAttribute("srcset");o&&e.setAttribute("src",o),l&&e.setAttribute("srcset","")}function p(i,t){if(!t)return;let e=document.querySelector(`[fynd-faq-text-target="${t}"]`);if(!e)return;let n=i.querySelector("[fynd-faq-text-source]");n&&(e.textContent=n.textContent)}function E(i,t){if(!t)return;let e=document.querySelector(`[fynd-faq-button-text-target="${t}"]`),n=document.querySelector(`[fynd-faq-button-link-target="${t}"]`),o=i.querySelector("[fynd-faq-link-source]");if(o&&(e&&(e.textContent=o.textContent),n))for(let l=0;l<o.attributes.length;l++){let s=o.attributes[l];n.setAttribute(s.name,s.value)}}function L(i,t){if(!t)return;let e=document.querySelector(`[fynd-faq-video-target="${t}"]`);if(!e)return;let n=i.querySelector("[fynd-faq-video]"),o=i.querySelector("[fynd-faq-image]"),l=i.querySelector("[fynd-faq-video-source]"),s=window.innerWidth<992,u=l?.querySelector("source")||null,r=(u?.getAttribute("src")||"").trim(),c=(u?.getAttribute("type")||"video/mp4").trim(),a=!!l&&!!u&&r!=="";if(s&&(n&&(n.style.display=a?"block":"none"),o&&(o.style.display=a?"none":"block")),!a){e.style.display="none";let f=e.querySelector("source");if(f){f.removeAttribute("src"),f.removeAttribute("type");try{e.load()}catch{}}return}let d=e.querySelector("source");d||(d=document.createElement("source"),e.appendChild(d)),d.setAttribute("src",r),d.setAttribute("type",c),e.setAttribute("loop",""),e.setAttribute("autoplay",""),e.setAttribute("muted",""),e.setAttribute("playsinline",""),s&&l&&(l.setAttribute("loop",""),l.setAttribute("autoplay",""),l.setAttribute("muted",""),l.setAttribute("playsinline",""),m(l));try{e.load()}catch{}m(e),e.style.display="block"}function m(i){!i.isConnected||i.style.display==="none"||requestAnimationFrame(()=>{let t=i.play();t&&typeof t.catch=="function"&&t.catch(()=>{})})}function T(){let i=document.querySelectorAll("[fynd-faq-video-target]");if(!i.length)return;let t=new IntersectionObserver(e=>{e.forEach(n=>{let o=n.target;if(!(!o.querySelector("source[src]")||o.style.display==="none"))if(n.isIntersecting&&n.intersectionRatio>=.5)o.setAttribute("autoplay",""),o.setAttribute("muted",""),o.setAttribute("playsinline",""),o.setAttribute("loop",""),m(o);else try{o.pause()}catch{}})},{threshold:[0,.5,1]});i.forEach(e=>t.observe(e))}async function H(){let i=document.querySelectorAll("video[fynd-faq-video-target], video.fynd-faq-video-target, video[data-fynd-faq-video-target], video[fynd-faq-video-source]");for(let t of i)if(t.src||t.querySelector("source[src]")){t.setAttribute("muted",""),t.setAttribute("playsinline",""),t.setAttribute("autoplay",""),t.setAttribute("loop",""),t.preload="auto",t.muted=!0;try{await t.play()}catch{}}}})();
+"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/accordians/index.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const faqWrappers = document.querySelectorAll(
+      '[fynd-faq-element="wrapper"]'
+    );
+    faqWrappers.forEach((wrapper) => {
+      const toggle = wrapper.querySelector(
+        '[fynd-faq-element="toggle"]'
+      );
+      const content = wrapper.querySelector(
+        '[fynd-faq-element="content"]'
+      );
+      const contentInner = wrapper.querySelector(
+        '[fynd-faq-element="content-inner"]'
+      );
+      const xLine = toggle?.querySelector('[fynd-faq-element="x-line"]') || null;
+      const yLine = toggle?.querySelector('[fynd-faq-element="y-line"]') || null;
+      if (!toggle || !content || !contentInner || !xLine || !yLine) {
+        console.warn("Required FAQ elements not found in wrapper");
+        return;
+      }
+      const groupContainer = wrapper.closest("[fynd-faq-group]");
+      const groupName = groupContainer?.getAttribute("fynd-faq-group") || null;
+      const faqType = groupContainer?.getAttribute("fynd-faq-type") || "one-at-a-time";
+      if (wrapper.getAttribute("fynd-faq-initialopen") === "true") {
+        gsap.set(content, { height: "auto", overflow: "hidden" });
+        gsap.set(contentInner, { opacity: 1 });
+        gsap.set(xLine, { rotation: 180 });
+        gsap.set(yLine, { rotation: 270 });
+        toggle.setAttribute("data-state", "open");
+        updateFaqGroupImage(wrapper, groupName);
+        updateFaqGroupText(wrapper, groupName);
+        updateFaqGroupButton(wrapper, groupName);
+        updateFaqGroupVideo(wrapper, groupName);
+      } else {
+        gsap.set(content, { height: 0 });
+        gsap.set(contentInner, { opacity: 0 });
+        gsap.set(xLine, { rotation: 0 });
+        gsap.set(yLine, { rotation: 0 });
+        toggle.setAttribute("data-state", "closed");
+      }
+      let isAnimating = false;
+      toggle.addEventListener("click", () => {
+        if (isAnimating) return;
+        isAnimating = true;
+        const isOpen = toggle.getAttribute("data-state") === "open";
+        if (faqType === "one-at-a-time" && groupContainer) {
+          const openFAQs = groupContainer.querySelectorAll(
+            '[fynd-faq-element="wrapper"] [data-state="open"]'
+          );
+          if (isOpen && openFAQs.length === 1) {
+            isAnimating = false;
+            return;
+          }
+        }
+        if (isOpen) {
+          closeAccordion(wrapper, () => {
+            isAnimating = false;
+          });
+        } else {
+          if (faqType === "one-at-a-time" && groupContainer) {
+            closeOtherAccordions(groupContainer);
+          }
+          openAccordion(wrapper, groupName, () => {
+            isAnimating = false;
+          });
+        }
+      });
+    });
+    handleRatioHeights();
+    initFaqVideoAutoplayObserver();
+    setTimeout(playAllFaqVideos, 500);
+  });
+  window.addEventListener("resize", () => {
+    handleRatioHeights();
+  });
+  function handleRatioHeights() {
+    if (window.innerWidth < 992) return;
+    const imageTargets = document.querySelectorAll(
+      "[fynd-faq-image-target]"
+    );
+    imageTargets.forEach((imageTarget) => {
+      const wrapper = imageTarget.parentElement;
+      if (!wrapper) return;
+      const ratioHeight = wrapper.getAttribute("ratio-height");
+      if (ratioHeight !== "true") return;
+      wrapper.style.height = "auto";
+      requestAnimationFrame(() => {
+        const renderedHeight = wrapper.offsetHeight;
+        wrapper.style.height = `${renderedHeight}px`;
+      });
+    });
+    const tabGroups = document.querySelectorAll(
+      '[fynd-faq-tabgroup][ratio-height="true"]'
+    );
+    tabGroups.forEach((tabGroup) => {
+      tabGroup.style.height = "auto";
+      requestAnimationFrame(() => {
+        const renderedHeight = tabGroup.offsetHeight;
+        tabGroup.style.height = `${renderedHeight}px`;
+      });
+    });
+  }
+  function openAccordion(wrapper, groupName, callback) {
+    const toggle = wrapper.querySelector(
+      '[fynd-faq-element="toggle"]'
+    );
+    const content = wrapper.querySelector(
+      '[fynd-faq-element="content"]'
+    );
+    const contentInner = wrapper.querySelector(
+      '[fynd-faq-element="content-inner"]'
+    );
+    const xLine = toggle?.querySelector('[fynd-faq-element="x-line"]') || null;
+    const yLine = toggle?.querySelector('[fynd-faq-element="y-line"]') || null;
+    if (!toggle || !content || !contentInner || !xLine || !yLine) {
+      console.warn("Required elements not found for opening accordion");
+      return;
+    }
+    if (content.gsapAnimation) {
+      content.gsapAnimation.kill();
+    }
+    const timeline = gsap.timeline({
+      onComplete: () => callback && callback()
+    });
+    gsap.set(content, { height: "auto", visibility: "hidden", opacity: 0 });
+    const height = content.offsetHeight;
+    gsap.set(content, { height: 0, visibility: "visible", opacity: 1 });
+    timeline.to(xLine, { rotation: 180, duration: 0.4, ease: "power2.inOut" }, 0);
+    timeline.to(yLine, { rotation: 270, duration: 0.4, ease: "power2.inOut" }, 0);
+    timeline.to(
+      content,
+      {
+        height,
+        duration: 0.5,
+        ease: "power3.inOut",
+        clearProps: "height",
+        onComplete: () => {
+          content.style.height = "auto";
+        }
+      },
+      0
+    );
+    timeline.to(
+      contentInner,
+      { opacity: 1, duration: 0.4, ease: "power2.out" },
+      "-=0.35"
+    );
+    content.gsapAnimation = timeline;
+    toggle.setAttribute("data-state", "open");
+    const icon = toggle.querySelector(
+      '[fynd-faq-element="chevron"]'
+    );
+    if (icon)
+      gsap.to(icon, { rotation: 180, duration: 0.4, ease: "back.out(1.7)" });
+    updateFaqGroupImage(wrapper, groupName);
+    updateFaqGroupText(wrapper, groupName);
+    updateFaqGroupButton(wrapper, groupName);
+    updateFaqGroupVideo(wrapper, groupName);
+  }
+  function closeAccordion(wrapper, callback) {
+    const toggle = wrapper.querySelector(
+      '[fynd-faq-element="toggle"]'
+    );
+    const content = wrapper.querySelector(
+      '[fynd-faq-element="content"]'
+    );
+    const contentInner = wrapper.querySelector(
+      '[fynd-faq-element="content-inner"]'
+    );
+    const xLine = toggle?.querySelector('[fynd-faq-element="x-line"]') || null;
+    const yLine = toggle?.querySelector('[fynd-faq-element="y-line"]') || null;
+    if (!toggle || !content || !contentInner || !xLine || !yLine) {
+      console.warn("Required elements not found for closing accordion");
+      return;
+    }
+    if (content.gsapAnimation) content.gsapAnimation.kill();
+    const height = content.offsetHeight;
+    content.style.height = `${height}px`;
+    const timeline = gsap.timeline({
+      onComplete: () => callback && callback()
+    });
+    timeline.to(xLine, { rotation: 0, duration: 0.4, ease: "power2.inOut" }, 0);
+    timeline.to(yLine, { rotation: 0, duration: 0.4, ease: "power2.inOut" }, 0);
+    timeline.to(
+      contentInner,
+      { opacity: 0, duration: 0.3, ease: "power2.in" },
+      0
+    );
+    timeline.to(
+      content,
+      { height: 0, duration: 0.4, ease: "power3.inOut" },
+      "-=0.25"
+    );
+    content.gsapAnimation = timeline;
+    toggle.setAttribute("data-state", "closed");
+    const icon = toggle.querySelector(
+      '[fynd-faq-element="chevron"]'
+    );
+    if (icon)
+      gsap.to(icon, { rotation: 0, duration: 0.4, ease: "back.out(1.7)" });
+  }
+  function closeOtherAccordions(groupContainer) {
+    const openFAQs = groupContainer.querySelectorAll(
+      '[fynd-faq-element="wrapper"] [data-state="open"]'
+    );
+    openFAQs.forEach((openToggle) => {
+      const wrapper = openToggle.closest(
+        '[fynd-faq-element="wrapper"]'
+      );
+      if (wrapper) closeAccordion(wrapper);
+    });
+  }
+  function updateFaqGroupImage(wrapper, groupName) {
+    if (!groupName) return;
+    const groupImage = document.querySelector(
+      `[fynd-faq-image-target="${groupName}"]`
+    );
+    if (!groupImage) return;
+    const imageSource = wrapper.querySelector(
+      "[fynd-faq-image-source]"
+    );
+    if (!imageSource) return;
+    const newSrc = imageSource.getAttribute("src");
+    const newSrcset = imageSource.getAttribute("srcset");
+    if (newSrc) groupImage.setAttribute("src", newSrc);
+    if (newSrcset) groupImage.setAttribute("srcset", "");
+  }
+  function updateFaqGroupText(wrapper, groupName) {
+    if (!groupName) return;
+    const groupText = document.querySelector(
+      `[fynd-faq-text-target="${groupName}"]`
+    );
+    if (!groupText) return;
+    const textSource = wrapper.querySelector(
+      "[fynd-faq-text-source]"
+    );
+    if (!textSource) return;
+    groupText.textContent = textSource.textContent;
+  }
+  function updateFaqGroupButton(wrapper, groupName) {
+    if (!groupName) return;
+    const buttonTextTarget = document.querySelector(
+      `[fynd-faq-button-text-target="${groupName}"]`
+    );
+    const buttonLinkTarget = document.querySelector(
+      `[fynd-faq-button-link-target="${groupName}"]`
+    );
+    const linkSource = wrapper.querySelector(
+      "[fynd-faq-link-source]"
+    );
+    if (!linkSource) return;
+    if (buttonTextTarget) buttonTextTarget.textContent = linkSource.textContent;
+    if (buttonLinkTarget) {
+      for (let i = 0; i < linkSource.attributes.length; i++) {
+        const attr = linkSource.attributes[i];
+        buttonLinkTarget.setAttribute(attr.name, attr.value);
+      }
+    }
+  }
+  function updateFaqGroupVideo(wrapper, groupName) {
+    if (!groupName) return;
+    const groupVideo = document.querySelector(
+      `[fynd-faq-video-target="${groupName}"]`
+    );
+    if (!groupVideo) return;
+    const groupVideoWrapper = wrapper.querySelector(`[fynd-faq-video]`);
+    const groupImageWrapper = wrapper.querySelector(`[fynd-faq-image]`);
+    const sourceVideo = wrapper.querySelector(
+      "[fynd-faq-video-source]"
+    );
+    const mobile = window.innerWidth < 992;
+    const sourceEl = sourceVideo?.querySelector("source") || null;
+    const newSrc = (sourceEl?.getAttribute("src") || "").trim();
+    const newType = (sourceEl?.getAttribute("type") || "video/mp4").trim();
+    const hasVideo = !!sourceVideo && !!sourceEl && newSrc !== "";
+    if (mobile) {
+      if (groupVideoWrapper)
+        groupVideoWrapper.style.display = hasVideo ? "block" : "none";
+      if (groupImageWrapper)
+        groupImageWrapper.style.display = hasVideo ? "none" : "block";
+    }
+    if (!hasVideo) {
+      groupVideo.style.display = "none";
+      const targetSourceEl2 = groupVideo.querySelector("source");
+      if (targetSourceEl2) {
+        targetSourceEl2.removeAttribute("src");
+        targetSourceEl2.removeAttribute("type");
+        try {
+          groupVideo.load();
+        } catch {
+        }
+      }
+      return;
+    }
+    let targetSourceEl = groupVideo.querySelector("source");
+    if (!targetSourceEl) {
+      targetSourceEl = document.createElement("source");
+      groupVideo.appendChild(targetSourceEl);
+    }
+    targetSourceEl.setAttribute("src", newSrc);
+    targetSourceEl.setAttribute("type", newType);
+    groupVideo.setAttribute("loop", "");
+    groupVideo.setAttribute("autoplay", "");
+    groupVideo.setAttribute("muted", "");
+    groupVideo.setAttribute("playsinline", "");
+    if (mobile && sourceVideo) {
+      sourceVideo.setAttribute("loop", "");
+      sourceVideo.setAttribute("autoplay", "");
+      sourceVideo.setAttribute("muted", "");
+      sourceVideo.setAttribute("playsinline", "");
+      autoplayVideo(sourceVideo);
+    }
+    try {
+      groupVideo.load();
+    } catch {
+    }
+    autoplayVideo(groupVideo);
+    groupVideo.style.display = "block";
+  }
+  function autoplayVideo(video) {
+    if (!video.isConnected || video.style.display === "none") return;
+    requestAnimationFrame(() => {
+      const playPromise = video.play();
+      if (playPromise && typeof playPromise.catch === "function") {
+        playPromise.catch(() => {
+        });
+      }
+    });
+  }
+  function initFaqVideoAutoplayObserver() {
+    const videos = document.querySelectorAll(
+      "[fynd-faq-video-target]"
+    );
+    if (!videos.length) return;
+    const io = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          const video = entry.target;
+          const hasSrc = !!video.querySelector("source[src]");
+          if (!hasSrc || video.style.display === "none") return;
+          if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+            video.setAttribute("autoplay", "");
+            video.setAttribute("muted", "");
+            video.setAttribute("playsinline", "");
+            video.setAttribute("loop", "");
+            autoplayVideo(video);
+          } else {
+            try {
+              video.pause();
+            } catch (e) {
+            }
+          }
+        });
+      },
+      { threshold: [0, 0.5, 1] }
+    );
+    videos.forEach((v) => io.observe(v));
+  }
+  async function playAllFaqVideos() {
+    const videos = document.querySelectorAll(
+      "video[fynd-faq-video-target], video.fynd-faq-video-target, video[data-fynd-faq-video-target], video[fynd-faq-video-source]"
+    );
+    for (const v of videos) {
+      const hasSrc = !!v.src || v.querySelector("source[src]");
+      if (!hasSrc) continue;
+      v.setAttribute("muted", "");
+      v.setAttribute("playsinline", "");
+      v.setAttribute("autoplay", "");
+      v.setAttribute("loop", "");
+      v.preload = "auto";
+      v.muted = true;
+      try {
+        await v.play();
+      } catch {
+      }
+    }
+  }
+})();
+//# sourceMappingURL=index.js.map

package/dist/cms-listing/index.js

@@ -1 +1,24 @@
-"use strict";(()=>{function t(e){return e instanceof HTMLElement}var n=document.getElementById("clear-button"),l=document.getElementById("fs-clear");t(n)&&t(l)&&n.addEventListener("click",e=>{l.click()});})();
+"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/cms-listing/index.ts
+  function isHTMLElement(element) {
+    return element instanceof HTMLElement;
+  }
+  var clearButton = document.getElementById("clear-button");
+  var fsClearButton = document.getElementById("fs-clear");
+  if (isHTMLElement(clearButton) && isHTMLElement(fsClearButton)) {
+    clearButton.addEventListener("click", (event) => {
+      fsClearButton.click();
+    });
+  }
+})();
+//# sourceMappingURL=index.js.map

package/dist/filters/clear-search.js

@@ -1 +1,32 @@
-"use strict";(()=>{var e=document.querySelector("[fynd-show-clear]"),t=document.querySelector("[fynd-input-clear]");e&&e.addEventListener("input",()=>{e.value.trim()!==""?e.setAttribute("fynd-show-clear","true"):e.setAttribute("fynd-show-clear","false")});t&&e&&t.addEventListener("click",()=>{e.value="",e.setAttribute("fynd-show-clear","false"),e.dispatchEvent(new Event("input"))});})();
+"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/filters/clear-search.ts
+  var input = document.querySelector("[fynd-show-clear]");
+  var clearButton = document.querySelector("[fynd-input-clear]");
+  if (input) {
+    input.addEventListener("input", () => {
+      if (input.value.trim() !== "") {
+        input.setAttribute("fynd-show-clear", "true");
+      } else {
+        input.setAttribute("fynd-show-clear", "false");
+      }
+    });
+  }
+  if (clearButton && input) {
+    clearButton.addEventListener("click", () => {
+      input.value = "";
+      input.setAttribute("fynd-show-clear", "false");
+      input.dispatchEvent(new Event("input"));
+    });
+  }
+})();
+//# sourceMappingURL=clear-search.js.map