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

package/dist/global/video-card.js

@@ -1 +1,50 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("[fynd-video-element]").forEach(n=>{let e=n.querySelector("video"),t=n.querySelector("img");if(!e||!t)return;let i=e.getAttribute("video-on-loop")==="true";i&&(e.muted=!0,e.setAttribute("muted",""),e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline",""),e.loop=!0,e.setAttribute("autoplay","")),t.style.display="block",e.addEventListener("canplay",()=>{setTimeout(()=>{if(t.style.display="none",i){let o=e.play();o&&typeof o.catch=="function"&&o.catch(()=>{let l=()=>{e.play().finally(()=>{e.removeEventListener("click",l)})};e.addEventListener("click",l,{once:!0})})}},500)})})});})();
+"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/video-card.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const videoCards = document.querySelectorAll("[fynd-video-element]");
+    videoCards.forEach((card) => {
+      const video = card.querySelector("video");
+      const image = card.querySelector("img");
+      if (!video || !image) return;
+      const shouldLoop = video.getAttribute("video-on-loop") === "true";
+      if (shouldLoop) {
+        video.muted = true;
+        video.setAttribute("muted", "");
+        video.setAttribute("playsinline", "");
+        video.setAttribute("webkit-playsinline", "");
+        video.loop = true;
+        video.setAttribute("autoplay", "");
+      }
+      image.style.display = "block";
+      video.addEventListener("canplay", () => {
+        setTimeout(() => {
+          image.style.display = "none";
+          if (shouldLoop) {
+            const p = video.play();
+            if (p && typeof p.catch === "function") {
+              p.catch(() => {
+                const startOnTap = () => {
+                  video.play().finally(() => {
+                    video.removeEventListener("click", startOnTap);
+                  });
+                };
+                video.addEventListener("click", startOnTap, { once: true });
+              });
+            }
+          }
+        }, 500);
+      });
+    });
+  });
+})();
+//# sourceMappingURL=video-card.js.map

package/dist/hacktimus/2025.js

@@ -1 +1,177 @@
-"use strict";(()=>{console.log("Hacktimus 2025 script loaded.");var x=window.matchMedia("(prefers-reduced-motion: reduce)").matches;document.addEventListener("DOMContentLoaded",()=>{let c=window.gsap,a=window.ScrollTrigger;if(c&&a){let r=function(){if(a.getAll().forEach(s=>s.kill()),!e||!t)return;let i=t.scrollWidth-e.clientWidth;i<=0||(c.set(t,{x:0}),c.to(t,{x:-i,ease:"none",scrollTrigger:{trigger:n||e,start:"top top",end:()=>"+="+i,scrub:!0,pin:!0,anticipatePin:1,invalidateOnRefresh:!0}}),a.addEventListener("refreshInit",()=>c.set(t,{x:0})),a.refresh())};var S=r;c.registerPlugin(a);let n=document.getElementById("h-scroll"),e=document.getElementById("cardsViewport"),t=document.getElementById("cardsTrack");r();let o=0;window.addEventListener("resize",()=>{o&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>r())})}else console.warn("GSAP or ScrollTrigger not found on window.");let L=new Swiper("[fynd-slider='incentive']",{slidesPerView:3,spaceBetween:20,loop:!1,freeMode:!1,breakpoints:{992:{slidesPerView:3},768:{slidesPerView:2.1},640:{slidesPerView:1.8},0:{slidesPerView:1.2}}}),E=new Date("2025-12-05T00:00:00Z");function m(){let n=Date.now(),e=E.getTime()-n;if(e<=0){document.querySelectorAll("[fynd-timer]").forEach(d=>{d.textContent="00"}),clearInterval(w);return}let t=Math.floor(e/(1e3*60*60*24)),r=Math.floor(e/(1e3*60*60)%24),o=Math.floor(e/(1e3*60)%60),i=Math.floor(e/1e3%60),s=(d,l)=>{let p=document.querySelector(`[fynd-timer=${d}]`);p&&(p.textContent=l.toString().padStart(2,"0"))};s("day",t),s("hour",r),s("minute",o),s("second",i)}let w=setInterval(m,1e3);m();let h=6,u="accordian-clip",T="[accordian-view-more]";function g(n=h){let e=Array.from(document.querySelectorAll(T));e.length!==0&&e.forEach(t=>{let r=M(t);if(!r)return;let o=Array.from(r.querySelectorAll(`div[${u}]`));if(o.length===0){t.hidden=!0;return}o.sort((s,d)=>{let l=s.compareDocumentPosition(d);return l&Node.DOCUMENT_POSITION_FOLLOWING?-1:l&Node.DOCUMENT_POSITION_PRECEDING?1:0});let i={container:r,items:o,button:t,expanded:!1,visibleCount:n};if(t.setAttribute("aria-expanded","false"),t.setAttribute("type","button"),t.setAttribute("aria-controls",v(o)),o.length<=n){t.hidden=!0;return}f(i),t.addEventListener("click",()=>{i.expanded?f(i):y(i)})})}function f(n){let{items:e,button:t,visibleCount:r}=n;e.forEach((o,i)=>{o.hidden=i>=r}),t.textContent="View more",t.setAttribute("aria-expanded","false"),n.expanded=!1}function y(n){n.items.forEach(e=>e.hidden=!1),n.button.textContent="View less",n.button.setAttribute("aria-expanded","true"),n.expanded=!0}function M(n){let e=n.parentElement;for(;e&&e!==document.body;){if(e.querySelector(`div[${u}]`))return e;e=e.parentElement}return document.querySelector(`div[${u}]`)?document.body:null}function v(n){let e=[];return n.forEach((t,r)=>{t.id||(t.id=`wf-acc-item-${Math.random().toString(36).slice(2)}-${r}`),e.push(t.id)}),e.join(" ")}g()});})();
+"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/hacktimus/2025.ts
+  console.log("Hacktimus 2025 script loaded.");
+  var hasReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  document.addEventListener("DOMContentLoaded", () => {
+    const gsap = window.gsap;
+    const ScrollTrigger = window.ScrollTrigger;
+    if (gsap && ScrollTrigger) {
+      let setup2 = function() {
+        ScrollTrigger.getAll().forEach((st) => st.kill());
+        if (!viewport || !track) return;
+        const scrollDistance = track.scrollWidth - viewport.clientWidth;
+        if (scrollDistance <= 0) return;
+        gsap.set(track, { x: 0 });
+        gsap.to(track, {
+          x: -scrollDistance,
+          ease: "none",
+          scrollTrigger: {
+            trigger: section || viewport,
+            start: "top top",
+            end: () => "+=" + scrollDistance,
+            scrub: true,
+            pin: true,
+            anticipatePin: 1,
+            invalidateOnRefresh: true
+          }
+        });
+        ScrollTrigger.addEventListener("refreshInit", () => gsap.set(track, { x: 0 }));
+        ScrollTrigger.refresh();
+      };
+      var setup = setup2;
+      gsap.registerPlugin(ScrollTrigger);
+      const section = document.getElementById("h-scroll");
+      const viewport = document.getElementById("cardsViewport");
+      const track = document.getElementById("cardsTrack");
+      setup2();
+      let raf = 0;
+      window.addEventListener("resize", () => {
+        if (raf) cancelAnimationFrame(raf);
+        raf = requestAnimationFrame(() => setup2());
+      });
+    } else {
+      console.warn("GSAP or ScrollTrigger not found on window.");
+    }
+    const incentiveSwiper = new Swiper("[fynd-slider='incentive']", {
+      slidesPerView: 3,
+      spaceBetween: 20,
+      loop: false,
+      freeMode: false,
+      // mousewheel: {
+      //     forceToAxis: true,
+      //     sensitivity: 1,
+      // },
+      breakpoints: {
+        992: { slidesPerView: 3 },
+        768: { slidesPerView: 2.1 },
+        640: { slidesPerView: 1.8 },
+        0: { slidesPerView: 1.2 }
+      }
+    });
+    const targetDate = /* @__PURE__ */ new Date("2025-12-05T00:00:00Z");
+    function updateTimer() {
+      const now = Date.now();
+      const distance = targetDate.getTime() - now;
+      if (distance <= 0) {
+        document.querySelectorAll("[fynd-timer]").forEach((el) => {
+          el.textContent = "00";
+        });
+        clearInterval(timer);
+        return;
+      }
+      const days = Math.floor(distance / (1e3 * 60 * 60 * 24));
+      const hours = Math.floor(distance / (1e3 * 60 * 60) % 24);
+      const minutes = Math.floor(distance / (1e3 * 60) % 60);
+      const seconds = Math.floor(distance / 1e3 % 60);
+      const setText = (attr, val) => {
+        const el = document.querySelector(`[fynd-timer=${attr}]`);
+        if (el) el.textContent = val.toString().padStart(2, "0");
+      };
+      setText("day", days);
+      setText("hour", hours);
+      setText("minute", minutes);
+      setText("second", seconds);
+    }
+    const timer = setInterval(updateTimer, 1e3);
+    updateTimer();
+    const VISIBLE_COUNT = 6;
+    const ITEM_ATTR = "accordian-clip";
+    const BUTTON_SELECTOR = "[accordian-view-more]";
+    function setupAccordionViewMore(visibleCount = VISIBLE_COUNT) {
+      const buttons = Array.from(
+        document.querySelectorAll(BUTTON_SELECTOR)
+      );
+      if (buttons.length === 0) return;
+      buttons.forEach((button) => {
+        const container = findContainerForButton(button);
+        if (!container) return;
+        const items = Array.from(
+          container.querySelectorAll(`div[${ITEM_ATTR}]`)
+        );
+        if (items.length === 0) {
+          button.hidden = true;
+          return;
+        }
+        items.sort((a, b) => {
+          const pos = a.compareDocumentPosition(b);
+          if (pos & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+          if (pos & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+          return 0;
+        });
+        const group = {
+          container,
+          items,
+          button,
+          expanded: false,
+          visibleCount
+        };
+        button.setAttribute("aria-expanded", "false");
+        button.setAttribute("type", "button");
+        button.setAttribute("aria-controls", createAriaControlsFor(items));
+        if (items.length <= visibleCount) {
+          button.hidden = true;
+          return;
+        }
+        applyCollapsed(group);
+        button.addEventListener("click", () => {
+          if (group.expanded) applyCollapsed(group);
+          else applyExpanded(group);
+        });
+      });
+    }
+    function applyCollapsed(group) {
+      const { items, button, visibleCount } = group;
+      items.forEach((el, i) => {
+        el.hidden = i >= visibleCount;
+      });
+      button.textContent = "View more";
+      button.setAttribute("aria-expanded", "false");
+      group.expanded = false;
+    }
+    function applyExpanded(group) {
+      group.items.forEach((el) => el.hidden = false);
+      group.button.textContent = "View less";
+      group.button.setAttribute("aria-expanded", "true");
+      group.expanded = true;
+    }
+    function findContainerForButton(button) {
+      let el = button.parentElement;
+      while (el && el !== document.body) {
+        if (el.querySelector(`div[${ITEM_ATTR}]`)) return el;
+        el = el.parentElement;
+      }
+      if (document.querySelector(`div[${ITEM_ATTR}]`)) return document.body;
+      return null;
+    }
+    function createAriaControlsFor(els) {
+      const ids = [];
+      els.forEach((el, i) => {
+        if (!el.id) el.id = `wf-acc-item-${Math.random().toString(36).slice(2)}-${i}`;
+        ids.push(el.id);
+      });
+      return ids.join(" ");
+    }
+    setupAccordionViewMore();
+  });
+})();
+//# sourceMappingURL=2025.js.map

package/dist/hacktimus/styles.css

@@ -1 +1,91 @@
-.section_incentive-scroll{height:100vh}.cards-track{display:inline-flex!important;will-change:transform}#bt_secure-items:hover>.bt_secure-item:after{opacity:1}.bt_secure-item:hover:before{opacity:1}.bt_secure-item:before,.bt_secure-item:after{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.bt_secure-item:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,89,47,.06),transparent 40%);z-index:3}.bt_secure-item:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,89,47),transparent 40%);z-index:1}[data-card]{width:100%;height:70px;perspective:1000px;outline:none}@media (max-width: 479px){[data-card]{height:80px}[data-face]{align-items:flex-start}.hs-schedule_block{align-items:flex-start!important}}[data-flip]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease;border-radius:8px;box-shadow:0 1px 2px #00000014,0 1px 6px #0000000a}[data-card]:hover [data-flip],[data-card]:focus-within [data-flip]{transform:rotateX(180deg)}[data-face]{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:space-between;user-select:none}[data-face=back],[data-text]{transform:rotateX(180deg)}[data-face=front] [data-text]{transform:none}
+/* src/hacktimus/styles.css */
+.section_incentive-scroll {
+  height: 100vh;
+}
+.cards-track {
+  display: inline-flex !important;
+  will-change: transform;
+}
+#bt_secure-items:hover > .bt_secure-item::after {
+  opacity: 1;
+}
+.bt_secure-item:hover::before {
+  opacity: 1;
+}
+.bt_secure-item::before,
+.bt_secure-item::after {
+  border-radius: inherit;
+  content: "";
+  height: 100%;
+  left: 0px;
+  opacity: 0;
+  position: absolute;
+  top: 0px;
+  transition: opacity 500ms;
+  width: 100%;
+}
+.bt_secure-item::before {
+  background:
+    radial-gradient(
+      800px circle at var(--mouse-x) var(--mouse-y),
+      rgba(255, 89, 47, 0.06),
+      transparent 40%);
+  z-index: 3;
+}
+.bt_secure-item::after {
+  background:
+    radial-gradient(
+      600px circle at var(--mouse-x) var(--mouse-y),
+      rgba(255, 89, 47),
+      transparent 40%);
+  z-index: 1;
+}
+[data-card] {
+  width: 100%;
+  height: 70px;
+  perspective: 1000px;
+  outline: none;
+}
+@media (max-width: 479px) {
+  [data-card] {
+    height: 80px;
+  }
+  [data-face] {
+    align-items: flex-start;
+  }
+  .hs-schedule_block {
+    align-items: flex-start !important;
+  }
+}
+[data-flip] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  transform-style: preserve-3d;
+  transition: transform 0.4s ease;
+  border-radius: 8px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 1px 6px rgba(0, 0, 0, .04);
+}
+[data-card]:hover [data-flip],
+[data-card]:focus-within [data-flip] {
+  transform: rotateX(180deg);
+}
+[data-face] {
+  position: absolute;
+  inset: 0;
+  backface-visibility: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  user-select: none;
+}
+[data-face=back] {
+  transform: rotateX(180deg);
+}
+[data-text] {
+  transform: rotateX(180deg);
+}
+[data-face=front] [data-text] {
+  transform: none;
+}
+/*# sourceMappingURL=styles.css.map */

package/dist/home/index.js

@@ -1 +1,17 @@
-"use strict";(()=>{function e(o){console.log("Logged message:",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/home/index.ts
+  function logMessage(message) {
+    console.log("Logged message:", message);
+  }
+})();
+//# sourceMappingURL=index.js.map