@rtstic.dev/pulse 0.0.55 → 0.0.56

package/dist/home/hero-animation/torch.js

@@ -1 +1,62 @@
-"use strict";(()=>{var i={darkness:.5,torchSize:520,clear:300},t=document.getElementById("gallery"),n=document.getElementById("trigger-gallery"),E=document.getElementById("grid"),c=t?.querySelector(".torch");t.style.setProperty("--darkness",String(i.darkness));t.style.setProperty("--torch-size",`${i.torchSize}px`);t.style.setProperty("--clear",`${i.clear}px`);var a=e=>Math.max(0,Math.min(1,e)),u=(e,o)=>{let r=n.getBoundingClientRect(),d=t.getBoundingClientRect(),g=a((e-r.left)/r.width),h=a((o-r.top)/r.height),v=g*d.width,p=h*d.height;t.style.setProperty("--x",`${v}px`),t.style.setProperty("--y",`${p}px`)},y=()=>{let e=t.getBoundingClientRect();t.style.setProperty("--x",`${e.width/2}px`),t.style.setProperty("--y",`${e.height/2}px`)};y();var s=()=>{c&&(c.style.opacity="1")},l=()=>{c&&(c.style.opacity="0"),y()};n&&(n.addEventListener("mousemove",e=>{s(),u(e.clientX,e.clientY)}),n.addEventListener("mouseenter",s),n.addEventListener("mouseleave",l));var m=e=>u(e.clientX,e.clientY);n?.addEventListener("touchstart",e=>{s(),m(e.touches[0])},{passive:!0});n?.addEventListener("touchmove",e=>m(e.touches[0]),{passive:!0});n?.addEventListener("touchend",l);n||(t.addEventListener("mousemove",e=>{let o=t.getBoundingClientRect();t.style.setProperty("--x",`${e.clientX-o.left}px`),t.style.setProperty("--y",`${e.clientY-o.top}px`),s()}),t.addEventListener("mouseleave",l),t.addEventListener("mouseenter",s));})();
+"use strict";
+(() => {
+  // src/home/hero-animation/torch.ts
+  var config = { darkness: 0.5, torchSize: 520, clear: 300 };
+  var section = document.getElementById("gallery");
+  var triggerSection = document.getElementById("trigger-gallery");
+  var grid = document.getElementById("grid");
+  var torch = section?.querySelector(".torch");
+  section.style.setProperty("--darkness", String(config.darkness));
+  section.style.setProperty("--torch-size", `${config.torchSize}px`);
+  section.style.setProperty("--clear", `${config.clear}px`);
+  var clamp01 = (v) => Math.max(0, Math.min(1, v));
+  var setFromTriggerPoint = (clientX, clientY) => {
+    const tRect = triggerSection.getBoundingClientRect();
+    const gRect = section.getBoundingClientRect();
+    const rx = clamp01((clientX - tRect.left) / tRect.width);
+    const ry = clamp01((clientY - tRect.top) / tRect.height);
+    const gx = rx * gRect.width;
+    const gy = ry * gRect.height;
+    section.style.setProperty("--x", `${gx}px`);
+    section.style.setProperty("--y", `${gy}px`);
+  };
+  var centerTorch = () => {
+    const gRect = section.getBoundingClientRect();
+    section.style.setProperty("--x", `${gRect.width / 2}px`);
+    section.style.setProperty("--y", `${gRect.height / 2}px`);
+  };
+  centerTorch();
+  var showTorch = () => {
+    if (torch) torch.style.opacity = "1";
+  };
+  var hideTorch = () => {
+    if (torch) torch.style.opacity = "0";
+    centerTorch();
+  };
+  if (triggerSection) {
+    triggerSection.addEventListener("mousemove", (e) => {
+      showTorch();
+      setFromTriggerPoint(e.clientX, e.clientY);
+    });
+    triggerSection.addEventListener("mouseenter", showTorch);
+    triggerSection.addEventListener("mouseleave", hideTorch);
+  }
+  var moveTouch = (touch) => setFromTriggerPoint(touch.clientX, touch.clientY);
+  triggerSection?.addEventListener("touchstart", (e) => {
+    showTorch();
+    moveTouch(e.touches[0]);
+  }, { passive: true });
+  triggerSection?.addEventListener("touchmove", (e) => moveTouch(e.touches[0]), { passive: true });
+  triggerSection?.addEventListener("touchend", hideTorch);
+  if (!triggerSection) {
+    section.addEventListener("mousemove", (e) => {
+      const r = section.getBoundingClientRect();
+      section.style.setProperty("--x", `${e.clientX - r.left}px`);
+      section.style.setProperty("--y", `${e.clientY - r.top}px`);
+      showTorch();
+    });
+    section.addEventListener("mouseleave", hideTorch);
+    section.addEventListener("mouseenter", showTorch);
+  }
+})();
+//# sourceMappingURL=torch.js.map

package/dist/home/horizontal-scroll.css

@@ -1 +1,49 @@
-[horizontal-scroll-section]{height:100vh;overflow:hidden;background:#000;position:relative;justify-content:flex-start}[horizontal-scroll-wrapper]{display:flex;height:100%;will-change:transform;gap:40px}.panel{min-width:100vw;width:100vw;height:100vh;position:relative;z-index:1}.panel.is-title{min-width:60vw;width:60vw;position:relative;z-index:1}@media (max-width: 991px){[horizontal-scroll-section]{height:auto;overflow:visible;display:block;padding:0}[horizontal-scroll-wrapper]{display:block;height:auto;width:100%}.panel{min-width:100%;width:100%;height:100vh;position:sticky;top:0;box-shadow:0 -5px 20px #00000080}}
+/* src/home/horizontal-scroll.css */
+[horizontal-scroll-section] {
+  height: 100vh;
+  overflow: hidden;
+  background: #000;
+  position: relative;
+  justify-content: flex-start;
+}
+[horizontal-scroll-wrapper] {
+  display: flex;
+  height: 100%;
+  will-change: transform;
+  gap: 40px;
+}
+.panel {
+  min-width: 100vw;
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+  z-index: 1;
+}
+.panel.is-title {
+  min-width: 60vw;
+  width: 60vw;
+  position: relative;
+  z-index: 1;
+}
+@media (max-width: 991px) {
+  [horizontal-scroll-section] {
+    height: auto;
+    overflow: visible;
+    display: block;
+    padding: 0;
+  }
+  [horizontal-scroll-wrapper] {
+    display: block;
+    height: auto;
+    width: 100%;
+  }
+  .panel {
+    min-width: 100%;
+    width: 100%;
+    height: 100vh;
+    position: sticky;
+    top: 0;
+    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.5);
+  }
+}
+/*# sourceMappingURL=horizontal-scroll.css.map */

package/dist/home/horizontal-scroll.js

@@ -1 +1,140 @@
-"use strict";(()=>{function g(){return new Promise((r,o)=>{let i=0,e=()=>{i++;let t=window.gsap,n=window.ScrollTrigger;t&&n?r({gsap:t,ScrollTrigger:n}):i>=50?o(new Error("GSAP or ScrollTrigger failed to load. Ensure they are loaded as <script> tags before this module.")):setTimeout(e,100)};e()})}async function f(){if(typeof window>"u")return!1;try{let{gsap:r,ScrollTrigger:o}=await g();return r.plugins?.scrollTrigger!==void 0?console.log("\u2713 ScrollTrigger already registered"):r.registerPlugin(o),!0}catch(r){return console.error("Failed to register ScrollTrigger:",r),!1}}async function d(){if(!await f())return;let o=window.gsap,l=o.matchMedia?.();if(!l){console.error("GSAP matchMedia() is unavailable.");return}l.add("(min-width: 992px)",()=>{let i=document.querySelectorAll("[horizontal-scroll-section]");if(i.length===0){console.warn("No elements found with [horizontal-scroll-section]");return}return i.forEach(e=>{let t=e.querySelector("[horizontal-scroll-wrapper]");if(!t){console.warn("Missing [horizontal-scroll-wrapper] inside:",e);return}let n=()=>{let c=t.scrollWidth-window.innerWidth;return Math.max(c,0)};if(n()<=0){console.warn("Wrapper content is not wider than viewport. No scroll needed.",t);return}let s=`hs-${t.dataset.stId||Math.random().toString(16).slice(2)}`,a=o.getById?.(s);a&&a.kill(),t.dataset.stId=s,o.to(t,{x:()=>-n(),ease:"none",scrollTrigger:{id:s,trigger:e,start:"top top",end:()=>`+=${n()}`,pin:!0,scrub:1,invalidateOnRefresh:!0,markers:!1,onUpdate:c=>{}}})}),()=>{try{o.getChildren?.().forEach(e=>{e.id?.startsWith("hs-")&&e.kill()})}catch{}}})}typeof window<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",async()=>{try{await d()}catch(r){console.error("Error initializing horizontal scroll:",r)}}):d().catch(r=>{console.error("Error initializing horizontal scroll:",r)}),window.addEventListener("load",()=>{try{window.ScrollTrigger?.refresh&&window.ScrollTrigger.refresh()}catch(r){console.error("Error refreshing ScrollTrigger:",r)}}));})();
+"use strict";
+(() => {
+  // src/home/horizontal-scroll.ts
+  function waitForGSAPAndScrollTrigger() {
+    return new Promise((resolve, reject) => {
+      const maxAttempts = 50;
+      let attempts = 0;
+      const check = () => {
+        attempts++;
+        const gsap = window.gsap;
+        const ScrollTrigger = window.ScrollTrigger;
+        if (gsap && ScrollTrigger) {
+          resolve({ gsap, ScrollTrigger });
+        } else if (attempts >= maxAttempts) {
+          reject(
+            new Error(
+              "GSAP or ScrollTrigger failed to load. Ensure they are loaded as <script> tags before this module."
+            )
+          );
+        } else {
+          setTimeout(check, 100);
+        }
+      };
+      check();
+    });
+  }
+  async function ensureScrollTriggerRegistered() {
+    if (typeof window === "undefined") return false;
+    try {
+      const { gsap, ScrollTrigger } = await waitForGSAPAndScrollTrigger();
+      const isAlreadyRegistered = gsap.plugins?.scrollTrigger !== void 0;
+      if (!isAlreadyRegistered) {
+        gsap.registerPlugin(ScrollTrigger);
+      } else {
+        console.log("\u2713 ScrollTrigger already registered");
+      }
+      return true;
+    } catch (err) {
+      console.error("Failed to register ScrollTrigger:", err);
+      return false;
+    }
+  }
+  async function initHorizontalScroll() {
+    const registered = await ensureScrollTriggerRegistered();
+    if (!registered) return;
+    const gsap = window.gsap;
+    const mm = gsap.matchMedia?.();
+    if (!mm) {
+      console.error("GSAP matchMedia() is unavailable.");
+      return;
+    }
+    mm.add("(min-width: 992px)", () => {
+      const sections = document.querySelectorAll(
+        "[horizontal-scroll-section]"
+      );
+      if (sections.length === 0) {
+        console.warn("No elements found with [horizontal-scroll-section]");
+        return;
+      }
+      sections.forEach((section) => {
+        const wrapper = section.querySelector(
+          "[horizontal-scroll-wrapper]"
+        );
+        if (!wrapper) {
+          console.warn("Missing [horizontal-scroll-wrapper] inside:", section);
+          return;
+        }
+        const endDistance = () => {
+          const dist = wrapper.scrollWidth - window.innerWidth;
+          return Math.max(dist, 0);
+        };
+        if (endDistance() <= 0) {
+          console.warn(
+            "Wrapper content is not wider than viewport. No scroll needed.",
+            wrapper
+          );
+          return;
+        }
+        const triggerId = `hs-${wrapper.dataset.stId || Math.random().toString(16).slice(2)}`;
+        const existing = gsap.getById?.(triggerId);
+        if (existing) {
+          existing.kill();
+        }
+        wrapper.dataset.stId = triggerId;
+        gsap.to(wrapper, {
+          x: () => -endDistance(),
+          ease: "none",
+          scrollTrigger: {
+            id: triggerId,
+            trigger: section,
+            start: "top top",
+            end: () => `+=${endDistance()}`,
+            pin: true,
+            scrub: 1,
+            invalidateOnRefresh: true,
+            markers: false,
+            // Set to true for debugging
+            onUpdate: (self) => {
+            }
+          }
+        });
+      });
+      return () => {
+        try {
+          gsap.getChildren?.().forEach((trigger) => {
+            if (trigger.id?.startsWith("hs-")) {
+              trigger.kill();
+            }
+          });
+        } catch {
+        }
+      };
+    });
+  }
+  if (typeof window !== "undefined") {
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", async () => {
+        try {
+          await initHorizontalScroll();
+        } catch (err) {
+          console.error("Error initializing horizontal scroll:", err);
+        }
+      });
+    } else {
+      initHorizontalScroll().catch((err) => {
+        console.error("Error initializing horizontal scroll:", err);
+      });
+    }
+    window.addEventListener("load", () => {
+      try {
+        if (window.ScrollTrigger?.refresh) {
+          window.ScrollTrigger.refresh();
+        }
+      } catch (err) {
+        console.error("Error refreshing ScrollTrigger:", err);
+      }
+    });
+  }
+})();
+//# sourceMappingURL=horizontal-scroll.js.map

package/dist/home/tabs-v2.js

@@ -1 +1,134 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let b=window.matchMedia("(min-width: 992px)"),u=null;function h(){let a=[{identifier:"1",autoplayDuration:"22000ms"},{identifier:"2",autoplayDuration:"12000ms"},{identifier:"3",autoplayDuration:"18000ms"}];function m(t){return t.endsWith("ms")?parseInt(t.replace("ms",""),10):t.endsWith("s")?parseFloat(t.replace("s",""))*1e3:0}function c(t){document.querySelectorAll("[pulse-tab-content]").forEach(n=>{let i=n.getAttribute("pulse-tab-content");n.setAttribute("active-tabcontent",i===t?"true":"false")}),document.querySelectorAll("[pulse-tab-link]").forEach(n=>{let i=n.getAttribute("pulse-tab-link");n.setAttribute("active-tablink",i===t?"true":"false")}),v(t)}function v(t){document.querySelectorAll("[pulse-tab-content]").forEach(o=>{let n=o.getAttribute("pulse-tab-content"),i=o.querySelector("video");i&&(n===t?(i.loop=!0,i.play().catch(()=>{})):(i.pause(),i.currentTime=0,i.loop=!1))})}function T(t){let e=a.find(o=>o.identifier===t);return e?m(e.autoplayDuration):0}function L(t){return a.findIndex(e=>e.identifier===t)}let l=null,s=0;function f(){let t=a[s],e=m(t.autoplayDuration);c(t.identifier),g(t.identifier,e),s=(s+1)%a.length,l=window.setTimeout(f,e)}function y(){d(),s=0,f()}function d(){l!==null&&(clearTimeout(l),l=null)}function g(t,e){document.querySelectorAll("[pulse-tab-link]").forEach(n=>{let i=n.getAttribute("pulse-tab-link"),r=n.querySelector("[tablink-path]");r&&(r.style.transition="none",r.style.width="0%",i===t&&(r.getBoundingClientRect(),r.style.transition=`width ${e}ms linear`,r.style.width="100%"))})}return document.querySelectorAll("[pulse-tab-link]").forEach(t=>{t.addEventListener("click",()=>{let e=t.getAttribute("pulse-tab-link");if(!e)return;d(),c(e);let o=T(e);g(e,o);let n=L(e);n!==-1&&(s=(n+1)%a.length),l=window.setTimeout(f,o)})}),c(a[0].identifier),y(),window.activateTab=c,window.startTabAutoplay=y,window.stopTabAutoplay=d,d}function p(a){a.matches?u||(u=h()):u&&(u(),u=null)}p(b),b.addEventListener("change",p)});})();
+"use strict";
+(() => {
+  // src/home/tabs-v2.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    const mediaQuery = window.matchMedia("(min-width: 992px)");
+    let cleanup = null;
+    function initPulseTabs() {
+      const tabConfigs = [
+        { identifier: "1", autoplayDuration: "22000ms" },
+        { identifier: "2", autoplayDuration: "12000ms" },
+        { identifier: "3", autoplayDuration: "18000ms" }
+      ];
+      function parseDuration(duration) {
+        if (duration.endsWith("ms")) {
+          return parseInt(duration.replace("ms", ""), 10);
+        }
+        if (duration.endsWith("s")) {
+          return parseFloat(duration.replace("s", "")) * 1e3;
+        }
+        return 0;
+      }
+      function activateTab(identifier) {
+        const tabContents = document.querySelectorAll("[pulse-tab-content]");
+        tabContents.forEach((el) => {
+          const value = el.getAttribute("pulse-tab-content");
+          el.setAttribute("active-tabcontent", value === identifier ? "true" : "false");
+        });
+        const tabLinks2 = document.querySelectorAll("[pulse-tab-link]");
+        tabLinks2.forEach((el) => {
+          const value = el.getAttribute("pulse-tab-link");
+          el.setAttribute("active-tablink", value === identifier ? "true" : "false");
+        });
+        handleTabVideos(identifier);
+      }
+      function handleTabVideos(activeIdentifier) {
+        const tabContents = document.querySelectorAll("[pulse-tab-content]");
+        tabContents.forEach((tab) => {
+          const identifier = tab.getAttribute("pulse-tab-content");
+          const video = tab.querySelector("video");
+          if (!video) return;
+          if (identifier === activeIdentifier) {
+            video.loop = true;
+            video.play().catch(() => {
+            });
+          } else {
+            video.pause();
+            video.currentTime = 0;
+            video.loop = false;
+          }
+        });
+      }
+      function getDurationForIdentifier(identifier) {
+        const config = tabConfigs.find((tab) => tab.identifier === identifier);
+        return config ? parseDuration(config.autoplayDuration) : 0;
+      }
+      function getIndexForIdentifier(identifier) {
+        return tabConfigs.findIndex((tab) => tab.identifier === identifier);
+      }
+      let autoplayTimeout = null;
+      let currentIndex = 0;
+      function autoplayNext() {
+        const config = tabConfigs[currentIndex];
+        const delay = parseDuration(config.autoplayDuration);
+        activateTab(config.identifier);
+        handleTabLinkPathAnimation(config.identifier, delay);
+        currentIndex = (currentIndex + 1) % tabConfigs.length;
+        autoplayTimeout = window.setTimeout(autoplayNext, delay);
+      }
+      function startAutoplay() {
+        stopAutoplay();
+        currentIndex = 0;
+        autoplayNext();
+      }
+      function stopAutoplay() {
+        if (autoplayTimeout !== null) {
+          clearTimeout(autoplayTimeout);
+          autoplayTimeout = null;
+        }
+      }
+      function handleTabLinkPathAnimation(activeIdentifier, durationMs) {
+        const tabLinks2 = document.querySelectorAll("[pulse-tab-link]");
+        tabLinks2.forEach((link) => {
+          const identifier = link.getAttribute("pulse-tab-link");
+          const path = link.querySelector("[tablink-path]");
+          if (!path) return;
+          path.style.transition = "none";
+          path.style.width = "0%";
+          if (identifier === activeIdentifier) {
+            path.getBoundingClientRect();
+            path.style.transition = `width ${durationMs}ms linear`;
+            path.style.width = "100%";
+          }
+        });
+      }
+      const tabLinks = document.querySelectorAll("[pulse-tab-link]");
+      tabLinks.forEach((link) => {
+        link.addEventListener("click", () => {
+          const identifier = link.getAttribute("pulse-tab-link");
+          if (!identifier) return;
+          stopAutoplay();
+          activateTab(identifier);
+          const duration = getDurationForIdentifier(identifier);
+          handleTabLinkPathAnimation(identifier, duration);
+          const index = getIndexForIdentifier(identifier);
+          if (index !== -1) {
+            currentIndex = (index + 1) % tabConfigs.length;
+          }
+          autoplayTimeout = window.setTimeout(autoplayNext, duration);
+        });
+      });
+      activateTab(tabConfigs[0].identifier);
+      startAutoplay();
+      window.activateTab = activateTab;
+      window.startTabAutoplay = startAutoplay;
+      window.stopTabAutoplay = stopAutoplay;
+      return stopAutoplay;
+    }
+    function handleBreakpoint(e) {
+      if (e.matches) {
+        if (!cleanup) {
+          cleanup = initPulseTabs();
+        }
+      } else {
+        if (cleanup) {
+          cleanup();
+          cleanup = null;
+        }
+      }
+    }
+    handleBreakpoint(mediaQuery);
+    mediaQuery.addEventListener("change", handleBreakpoint);
+  });
+})();
+//# sourceMappingURL=tabs-v2.js.map

package/dist/home/tabs.js

@@ -1 +1,163 @@
-"use strict";(()=>{var s="influur-tablink",b="influur-tabcontent",m="influur-tablink-active",h="influur-tablink-fill";function _(n){return!!n&&n.nodeType===Node.ELEMENT_NODE}function a(n,t){let l=n.getAttribute(t);if(l===null)return null;let o=l.trim();return o.length>0?o:null}function g(n,t=document){return Array.from(t.querySelectorAll(n)).filter(_)}function T(n){for(let t of n)t.style.display="none"}function F(n){for(let t of n)t.setAttribute(m,"false")}function I(n){n.style.display="block"}function O(n,t){for(let l of t){let o=a(l,b);if(o!==null&&o===n)return l}return null}function V(n,t){for(let l of t){let o=a(l,s);if(o!==null&&o===n)return l}return null}function y(n){return n.querySelector(`[${h}]`)??null}function $(n){for(let t of n){let l=y(t);l&&(l.style.width="0%")}}document.addEventListener("DOMContentLoaded",()=>{let n=g(`[${s}]`),t=g(`[${b}]`);if(t.length===0){console.warn("No tab contents found.");return}if(n.length===0){console.warn("No tab links found. Hiding all tab contents."),T(t);return}let l=0,o=null,u=null;function M(){u!==null&&(cancelAnimationFrame(u),u=null)}function H(e){M(),$(n);let r=y(e);if(!r){console.warn(`Active tablink is missing ${h} child`,e);return}let i=Math.max(0,4e3),f=performance.now(),E=k=>{let N=k-f,L=i===0?1:Math.min(1,N/i);r.style.width=`${(L*100).toFixed(4)}%`,e.getAttribute(m)==="true"&&L<1?u=requestAnimationFrame(E):u=null};r.style.width="0%",u=requestAnimationFrame(E)}let c=e=>{if(typeof e!="string"||e.trim().length===0){console.warn("changeTab called with invalid attributeValue:",e);return}T(t),F(n);let r=O(e,t),i=V(e,n);if(!r||!i){console.warn(`No matching pair found for value "${e}"`);return}I(r),i.setAttribute(m,"true");let f=n.indexOf(i);f>=0&&(l=f),H(i)};window.changeTab=c;for(let e of n)e.addEventListener("click",r=>{r.target?.closest("a")&&r.preventDefault();let i=a(e,s);if(i===null){console.warn(`Tablink missing valid ${s} value`,e);return}c(i),p()});let d=a(n[0],s);if(d===null){console.warn(`First tablink missing ${s} value. Hiding all tab contents.`),T(t);return}c(d);function v(){if(n.length===0)return;l=(l+1)%n.length;let e=a(n[l],s);e&&c(e)}function A(){w(),o=window.setInterval(v,4e3)}function w(){o!==null&&(clearInterval(o),o=null)}function p(){A()}A()});})();
+"use strict";
+(() => {
+  // src/home/tabs.ts
+  var TABLINK_ATTR = "influur-tablink";
+  var TABCONTENT_ATTR = "influur-tabcontent";
+  var ACTIVE_ATTR = "influur-tablink-active";
+  var FILL_ATTR = "influur-tablink-fill";
+  var TAB_AUTOPLAY_INTERVAL = 4e3;
+  function isHTMLElement(node) {
+    return !!node && node.nodeType === Node.ELEMENT_NODE;
+  }
+  function getAttr(el, attr) {
+    const val = el.getAttribute(attr);
+    if (val === null) return null;
+    const trimmed = val.trim();
+    return trimmed.length > 0 ? trimmed : null;
+  }
+  function queryAllHTMLElements(selector, root = document) {
+    return Array.from(root.querySelectorAll(selector)).filter(isHTMLElement);
+  }
+  function hideAllContents(contents) {
+    for (const c of contents) {
+      c.style.display = "none";
+    }
+  }
+  function deactivateAllLinks(tablinks) {
+    for (const l of tablinks) {
+      l.setAttribute(ACTIVE_ATTR, "false");
+    }
+  }
+  function showContent(el) {
+    el.style.display = "block";
+  }
+  function findContentByValue(value, contents) {
+    for (const c of contents) {
+      const v = getAttr(c, TABCONTENT_ATTR);
+      if (v !== null && v === value) return c;
+    }
+    return null;
+  }
+  function findLinkByValue(value, tablinks) {
+    for (const l of tablinks) {
+      const v = getAttr(l, TABLINK_ATTR);
+      if (v !== null && v === value) return l;
+    }
+    return null;
+  }
+  function getFillEl(link) {
+    const el = link.querySelector(`[${FILL_ATTR}]`);
+    return el ?? null;
+  }
+  function resetAllFills(tablinks) {
+    for (const l of tablinks) {
+      const fill = getFillEl(l);
+      if (fill) fill.style.width = "0%";
+    }
+  }
+  document.addEventListener("DOMContentLoaded", () => {
+    const tablinks = queryAllHTMLElements(`[${TABLINK_ATTR}]`);
+    const contents = queryAllHTMLElements(`[${TABCONTENT_ATTR}]`);
+    if (contents.length === 0) {
+      console.warn("No tab contents found.");
+      return;
+    }
+    if (tablinks.length === 0) {
+      console.warn("No tab links found. Hiding all tab contents.");
+      hideAllContents(contents);
+      return;
+    }
+    let currentIndex = 0;
+    let autoplayTimer = null;
+    let rafId = null;
+    function cancelFillAnimation() {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+    }
+    function startFillAnimation(activeLink) {
+      cancelFillAnimation();
+      resetAllFills(tablinks);
+      const fill = getFillEl(activeLink);
+      if (!fill) {
+        console.warn(`Active tablink is missing ${FILL_ATTR} child`, activeLink);
+        return;
+      }
+      const duration = Math.max(0, TAB_AUTOPLAY_INTERVAL);
+      const start = performance.now();
+      const tick = (now) => {
+        const elapsed = now - start;
+        const progress = duration === 0 ? 1 : Math.min(1, elapsed / duration);
+        fill.style.width = `${(progress * 100).toFixed(4)}%`;
+        if (activeLink.getAttribute(ACTIVE_ATTR) === "true" && progress < 1) {
+          rafId = requestAnimationFrame(tick);
+        } else {
+          rafId = null;
+        }
+      };
+      fill.style.width = "0%";
+      rafId = requestAnimationFrame(tick);
+    }
+    const changeTab = (attributeValue) => {
+      if (typeof attributeValue !== "string" || attributeValue.trim().length === 0) {
+        console.warn("changeTab called with invalid attributeValue:", attributeValue);
+        return;
+      }
+      hideAllContents(contents);
+      deactivateAllLinks(tablinks);
+      const matchContent = findContentByValue(attributeValue, contents);
+      const matchLink = findLinkByValue(attributeValue, tablinks);
+      if (!matchContent || !matchLink) {
+        console.warn(`No matching pair found for value "${attributeValue}"`);
+        return;
+      }
+      showContent(matchContent);
+      matchLink.setAttribute(ACTIVE_ATTR, "true");
+      const index = tablinks.indexOf(matchLink);
+      if (index >= 0) currentIndex = index;
+      startFillAnimation(matchLink);
+    };
+    window.changeTab = changeTab;
+    for (const link of tablinks) {
+      link.addEventListener("click", (ev) => {
+        if (ev.target?.closest("a")) ev.preventDefault();
+        const val = getAttr(link, TABLINK_ATTR);
+        if (val === null) {
+          console.warn(`Tablink missing valid ${TABLINK_ATTR} value`, link);
+          return;
+        }
+        changeTab(val);
+        restartAutoplay();
+      });
+    }
+    const firstVal = getAttr(tablinks[0], TABLINK_ATTR);
+    if (firstVal === null) {
+      console.warn(`First tablink missing ${TABLINK_ATTR} value. Hiding all tab contents.`);
+      hideAllContents(contents);
+      return;
+    }
+    changeTab(firstVal);
+    function autoplayStep() {
+      if (tablinks.length === 0) return;
+      currentIndex = (currentIndex + 1) % tablinks.length;
+      const val = getAttr(tablinks[currentIndex], TABLINK_ATTR);
+      if (val) changeTab(val);
+    }
+    function startAutoplay() {
+      stopAutoplayTimerOnly();
+      autoplayTimer = window.setInterval(autoplayStep, TAB_AUTOPLAY_INTERVAL);
+    }
+    function stopAutoplayTimerOnly() {
+      if (autoplayTimer !== null) {
+        clearInterval(autoplayTimer);
+        autoplayTimer = null;
+      }
+    }
+    function restartAutoplay() {
+      startAutoplay();
+    }
+    startAutoplay();
+  });
+})();
+//# sourceMappingURL=tabs.js.map

package/dist/lever/styles.css

@@ -1 +1,31 @@
-.embed-flex{margin:0;display:flex;flex-direction:column}span.lever-job-tag{display:inline-block;background:#333232!important;border-radius:4px!important;padding:2px 10px!important;font-size:12px!important;width:max-content!important;font-weight:400!important;margin-bottom:10px!important}.lever-department-title{display:none}.lever-job{background:#121212!important}.lever-job-title{text-decoration:none!important;font-family:var(--_font-family---title);font-size:var(--_text-size---title--m);line-height:var(--_line-height---line-height-title--m);font-weight:var(--_font-weight---font-weight-title--m);letter-spacing:var(--_letter-spacing---letter-spacing-title--m)}
+/* src/lever/styles.css */
+.embed-flex {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+}
+span.lever-job-tag {
+  display: inline-block;
+  background: #333232 !important;
+  border-radius: 4px !important;
+  padding: 2px 10px !important;
+  font-size: 12px !important;
+  width: max-content !important;
+  font-weight: 400 !important;
+  margin-bottom: 10px !important;
+}
+.lever-department-title {
+  display: none;
+}
+.lever-job {
+  background: #121212 !important;
+}
+.lever-job-title {
+  text-decoration: none !important;
+  font-family: var(--_font-family---title);
+  font-size: var(--_text-size---title--m);
+  line-height: var(--_line-height---line-height-title--m);
+  font-weight: var(--_font-weight---font-weight-title--m);
+  letter-spacing: var(--_letter-spacing---letter-spacing-title--m);
+}
+/*# sourceMappingURL=styles.css.map */