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

package/dist/navigation/secondary-navigation/index.js

@@ -1,437 +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/navigation/secondary-navigation/index.ts
-  var cachedSecondaryNavItems = null;
-  var isInitialLoad = true;
-  var scrollTrackingInitialized = false;
-  var isSecondaryNavigationVisible = false;
-  var isAnimating = false;
-  var SecondaryNavUtils = class {
-    static hasAnyActiveNavLink() {
-      const activeNavLinks = document.querySelectorAll('[fynd-secondary-navlink-active="true"]');
-      return activeNavLinks.length > 0;
-    }
-    static checkIfAnySectionVisible() {
-      const navSections = document.querySelectorAll("[fynd-secondary-nav-id]");
-      const viewportHeight = window.innerHeight;
-      for (const section of navSections) {
-        const rect = section.getBoundingClientRect();
-        const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
-        const sectionHeight = rect.height;
-        const visibilityPercentage = visibleHeight > 0 ? visibleHeight / sectionHeight * 100 : 0;
-        if (visibilityPercentage > 50) {
-          return true;
-        }
-      }
-      return false;
-    }
-    static findMostVisibleSection() {
-      const navSections = document.querySelectorAll("[fynd-secondary-nav-id]");
-      const viewportHeight = window.innerHeight;
-      let mostVisibleSection = null;
-      let highestVisibility = 0;
-      navSections.forEach((section) => {
-        const sectionId = section.getAttribute("fynd-secondary-nav-id");
-        if (!sectionId) return;
-        const rect = section.getBoundingClientRect();
-        const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
-        const sectionHeight = rect.height;
-        const visibilityPercentage = visibleHeight > 0 ? visibleHeight / sectionHeight * 100 : 0;
-        if (visibilityPercentage > 50 && visibilityPercentage > highestVisibility) {
-          highestVisibility = visibilityPercentage;
-          mostVisibleSection = sectionId;
-        }
-      });
-      return mostVisibleSection;
-    }
-    static getCurrentSectionGroup(sectionId) {
-      const secondaryNavItems2 = cachedSecondaryNavItems || SecondaryNavData.getSecondaryNavItems();
-      for (const group of secondaryNavItems2) {
-        const found = group.Links.find((link) => link.id === sectionId);
-        if (found) {
-          return group.groupName;
-        }
-      }
-      return null;
-    }
-    static getAdjacentSections(currentSectionId) {
-      const allSections = Array.from(document.querySelectorAll("[fynd-secondary-nav-id]"));
-      const currentIndex = allSections.findIndex(
-        (section) => section.getAttribute("fynd-secondary-nav-id") === currentSectionId
-      );
-      const adjacent = [];
-      if (currentIndex > 0) {
-        const prevId = allSections[currentIndex - 1].getAttribute("fynd-secondary-nav-id");
-        if (prevId) adjacent.push({ id: prevId, position: "previous" });
-      }
-      if (currentIndex < allSections.length - 1) {
-        const nextId = allSections[currentIndex + 1].getAttribute("fynd-secondary-nav-id");
-        if (nextId) adjacent.push({ id: nextId, position: "next" });
-      }
-      return adjacent;
-    }
-    static getGroupSections(groupName) {
-      const secondaryNavItems2 = cachedSecondaryNavItems || SecondaryNavData.getSecondaryNavItems();
-      const group = secondaryNavItems2.find((g) => g.groupName === groupName);
-      return group ? group.Links : [];
-    }
-  };
-  var SecondaryNavData = class {
-    static getSecondaryNavItems() {
-      if (cachedSecondaryNavItems) {
-        return cachedSecondaryNavItems;
-      }
-      const secondaryNavDivs = document.querySelectorAll('[fynd-secondary-nav="true"]');
-      const groupedNavs = {};
-      secondaryNavDivs.forEach((div, index) => {
-        const navText = div.getAttribute("fynd-secondary-nav-text");
-        const navGroup = div.getAttribute("fynd-secondary-nav-group");
-        let uniqueId = div.getAttribute("fynd-secondary-nav-id");
-        if (!uniqueId) {
-          uniqueId = `secondary-nav-${navGroup}-${index}-${Date.now()}`;
-          div.setAttribute("fynd-secondary-nav-id", uniqueId);
-        }
-        const scrollTargetElement = div.querySelector("[fynd-scroll-target]");
-        const scrollTargetValue = scrollTargetElement?.getAttribute("fynd-scroll-target");
-        if (navText && navGroup && scrollTargetValue) {
-          if (!groupedNavs[navGroup]) {
-            groupedNavs[navGroup] = [];
-          }
-          groupedNavs[navGroup].push({
-            id: uniqueId,
-            Text: navText,
-            link: scrollTargetValue
-          });
-        }
-      });
-      const navGroupsArray = Object.keys(groupedNavs).map((groupName) => ({
-        groupName,
-        Links: groupedNavs[groupName]
-      }));
-      cachedSecondaryNavItems = navGroupsArray;
-      return navGroupsArray;
-    }
-    static getSecondaryNavJSON() {
-      const navGroups = this.getSecondaryNavItems();
-      return JSON.stringify(navGroups, null, 2);
-    }
-    static getCurrentlyVisibleGroup() {
-      const navSections = document.querySelectorAll("[fynd-secondary-nav-id]");
-      const groupVisibility = {};
-      navSections.forEach((section) => {
-        const sectionId = section.getAttribute("fynd-secondary-nav-id");
-        if (!sectionId) return;
-        const groupName = SecondaryNavUtils.getCurrentSectionGroup(sectionId);
-        if (!groupName) return;
-        const rect = section.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
-        const sectionHeight = rect.height;
-        const visibilityPercentage = visibleHeight > 0 ? visibleHeight / sectionHeight * 100 : 0;
-        if (visibilityPercentage > 0) {
-          if (!groupVisibility[groupName]) {
-            groupVisibility[groupName] = 0;
-          }
-          groupVisibility[groupName] += visibilityPercentage;
-        }
-      });
-      let mostVisibleGroup = null;
-      let highestVisibility = 25;
-      Object.entries(groupVisibility).forEach(([groupName, totalVisibility]) => {
-        if (totalVisibility > highestVisibility) {
-          highestVisibility = totalVisibility;
-          mostVisibleGroup = groupName;
-        }
-      });
-      return mostVisibleGroup;
-    }
-  };
-  var NavLinkManager = class {
-    static setAllNavLinksInactive() {
-      if (!SecondaryNavUtils.checkIfAnySectionVisible()) {
-        const allNavLinks = document.querySelectorAll("[fynd-secondary-navlink-active]");
-        allNavLinks.forEach((navLink) => {
-          navLink.setAttribute("fynd-secondary-navlink-active", "false");
-        });
-      }
-    }
-    static activateNavLink(sectionId) {
-      const allNavLinks = document.querySelectorAll("[fynd-secondary-navlink-active]");
-      allNavLinks.forEach((navLink) => {
-        const linkId = navLink.getAttribute("fynd-secondary-navlink-id");
-        if (linkId !== sectionId) {
-          navLink.setAttribute("fynd-secondary-navlink-active", "false");
-        }
-      });
-      const matchingNavLink = document.querySelector(`[fynd-secondary-navlink-active][fynd-secondary-navlink-id="${sectionId}"]`);
-      if (matchingNavLink) {
-        matchingNavLink.setAttribute("fynd-secondary-navlink-active", "true");
-      } else {
-        console.warn(`\u274C No matching nav link found for section: ${sectionId}`);
-      }
-    }
-    static setActiveTab() {
-      const navLinkDivs = document.querySelectorAll("[fynd-secondary-navlink-active]");
-      navLinkDivs.forEach((div) => {
-        const isAnchorActive = div.getAttribute("fynd-anchor-active") === "true";
-        if (isAnchorActive) {
-          div.setAttribute("fynd-secondary-navlink-active", "true");
-        } else {
-          div.setAttribute("fynd-secondary-navlink-active", "false");
-        }
-      });
-    }
-  };
-  var AnimationController = class {
-    static toggleSecondaryNav(shouldShow) {
-      if (isAnimating || isSecondaryNavigationVisible === shouldShow) return;
-      const wrapper = document.querySelector('[fynd-secondary-nav="wrapper"]');
-      if (!wrapper) {
-        console.warn("Secondary nav wrapper not found");
-        return;
-      }
-      isAnimating = true;
-      isSecondaryNavigationVisible = shouldShow;
-      if (shouldShow) {
-        this.showSecondaryNav(wrapper);
-      } else {
-        this.hideSecondaryNav(wrapper);
-      }
-    }
-    static showSecondaryNav(wrapper) {
-      wrapper.style.transform = "translateY(-100px)";
-      wrapper.style.display = "block";
-      wrapper.offsetHeight;
-      wrapper.style.transition = "transform 300ms ease";
-      wrapper.style.transform = "translateY(0px)";
-      this.updateNavigationScrolledStyle(true);
-      setTimeout(() => {
-        wrapper.style.transition = "";
-        isAnimating = false;
-      }, 300);
-    }
-    static hideSecondaryNav(wrapper) {
-      wrapper.style.transition = "transform 300ms ease";
-      wrapper.style.transform = "translateY(-100px)";
-      this.updateNavigationScrolledStyle(false);
-      setTimeout(() => {
-        wrapper.style.display = "none";
-        wrapper.style.transition = "";
-        isAnimating = false;
-      }, 300);
-    }
-    static updateNavigationScrolledStyle(isSecondaryNavVisible) {
-      const navigationScrolledElement = document.querySelector("[navigation-scrolled]");
-      if (!navigationScrolledElement) {
-        console.warn("Element with [navigation-scrolled] attribute not found");
-        return;
-      }
-      if (isSecondaryNavVisible) {
-        navigationScrolledElement.style.boxShadow = "none";
-      } else {
-        navigationScrolledElement.style.removeProperty("box-shadow");
-      }
-    }
-  };
-  var GroupVisibilityManager = class {
-    static updateGroupVisibility(activeGroupName) {
-      this.updateNavLinkVisibility(activeGroupName);
-      this.updateWrapperVisibility(activeGroupName);
-    }
-    static updateNavLinkVisibility(activeGroupName) {
-      const allNavLinks = document.querySelectorAll('[fynd-secondary-nav="link"]');
-      allNavLinks.forEach((navLink) => {
-        const linkGroupName = navLink.getAttribute("fynd-secondary-navgroup");
-        if (activeGroupName && linkGroupName === activeGroupName) {
-          navLink.style.display = "";
-          navLink.setAttribute("fynd-group-visible", "true");
-        } else {
-          navLink.style.display = "none";
-          navLink.setAttribute("fynd-group-visible", "false");
-        }
-      });
-    }
-    static updateWrapperVisibility(activeGroupName) {
-      const hasActiveLinks = SecondaryNavUtils.hasAnyActiveNavLink();
-      const shouldShowNav = activeGroupName !== null && hasActiveLinks;
-      AnimationController.toggleSecondaryNav(shouldShowNav);
-    }
-  };
-  var NavigationController = class {
-    static handleNavigation(currentSectionId) {
-      const currentSectionElement = document.querySelector(`[fynd-secondary-nav-id="${currentSectionId}"]`);
-      if (!currentSectionElement) return;
-      const currentGroupName = SecondaryNavUtils.getCurrentSectionGroup(currentSectionId);
-      if (!currentGroupName) {
-        GroupVisibilityManager.updateGroupVisibility(null);
-        return;
-      }
-      GroupVisibilityManager.updateGroupVisibility(currentGroupName);
-      const adjacentSections = SecondaryNavUtils.getAdjacentSections(currentSectionId);
-      const hasAdjacentSameGroup = adjacentSections.some((adjSection) => {
-        const adjGroupName = SecondaryNavUtils.getCurrentSectionGroup(adjSection.id);
-        return adjGroupName === currentGroupName;
-      });
-      if (hasAdjacentSameGroup) {
-        this.handleGroupSequentialNavigation(currentSectionId, currentGroupName);
-      } else {
-        NavLinkManager.activateNavLink(currentSectionId);
-      }
-    }
-    static handleGroupSequentialNavigation(currentSectionId, groupName) {
-      const groupSections = SecondaryNavUtils.getGroupSections(groupName);
-      const currentIndex = groupSections.findIndex((section) => section.id === currentSectionId);
-      if (currentIndex === -1) return;
-      groupSections.forEach((section) => {
-        const navLink = document.querySelector(`[fynd-secondary-navlink-id="${section.id}"]`);
-        if (navLink) {
-          navLink.setAttribute("fynd-secondary-navlink-active", "false");
-        }
-      });
-      NavLinkManager.activateNavLink(currentSectionId);
-    }
-    static checkInitialGroupVisibility() {
-      const visibleGroup = SecondaryNavData.getCurrentlyVisibleGroup();
-      if (visibleGroup) {
-        const mostVisible = SecondaryNavUtils.findMostVisibleSection();
-        if (mostVisible) {
-          const mostVisibleGroup = SecondaryNavUtils.getCurrentSectionGroup(mostVisible);
-          if (mostVisibleGroup === visibleGroup) {
-            NavLinkManager.activateNavLink(mostVisible);
-          }
-        }
-        GroupVisibilityManager.updateGroupVisibility(visibleGroup);
-      } else {
-        GroupVisibilityManager.updateGroupVisibility(null);
-      }
-    }
-  };
-  var SecondaryNavInitializer = class {
-    static initSecondarynav() {
-      const secondaryNavItems2 = SecondaryNavData.getSecondaryNavItems();
-      if (secondaryNavItems2.length === 0) {
-        return;
-      }
-      const slotDiv = document.querySelector('[fynd-secondary-nav="slot"]');
-      if (!slotDiv) {
-        console.warn("Secondary nav slot not found");
-        return;
-      }
-      this.buildNavLinks(slotDiv, secondaryNavItems2);
-      this.initializeScrollNavigation();
-    }
-    static buildNavLinks(slotDiv, secondaryNavItems2) {
-      slotDiv.innerHTML = "";
-      secondaryNavItems2.forEach((group) => {
-        group.Links.forEach((navLink) => {
-          const linkDiv = this.createNavLinkElement(navLink, group.groupName);
-          slotDiv.appendChild(linkDiv);
-        });
-      });
-    }
-    static createNavLinkElement(navLink, groupName) {
-      const linkDiv = document.createElement("div");
-      linkDiv.setAttribute("fynd-secondary-nav", "link");
-      linkDiv.setAttribute("fynd-secondary-navgroup", groupName);
-      linkDiv.setAttribute("fynd-secondary-navlink-id", navLink.id);
-      linkDiv.setAttribute("fynd-scroll-trigger", navLink.link);
-      linkDiv.setAttribute("data-text-style", "body-m-regular");
-      linkDiv.setAttribute("fynd-secondary-navlink-active", "false");
-      linkDiv.textContent = navLink.Text;
-      linkDiv.addEventListener("click", () => {
-        setTimeout(() => {
-          NavLinkManager.setActiveTab();
-        }, 50);
-      });
-      return linkDiv;
-    }
-    static initializeScrollNavigation() {
-      window.scrollNavigation?.fullReinitialize();
-    }
-    static initSecondarynavScroll() {
-      const navSections = document.querySelectorAll("[fynd-secondary-nav-id]");
-      if (navSections.length === 0) {
-        return;
-      }
-      this.setupScrollTriggers(navSections);
-      this.finalizeInitialization(navSections.length);
-    }
-    static setupScrollTriggers(navSections) {
-      const secondaryNavItems2 = cachedSecondaryNavItems || SecondaryNavData.getSecondaryNavItems();
-      navSections.forEach((section) => {
-        const sectionId = section.getAttribute("fynd-secondary-nav-id");
-        if (!sectionId) return;
-        const correspondingData = this.findCorrespondingData(sectionId, secondaryNavItems2);
-        if (!correspondingData) return;
-        this.createScrollTrigger(section, sectionId, correspondingData);
-      });
-    }
-    static findCorrespondingData(sectionId, secondaryNavItems2) {
-      for (const group of secondaryNavItems2) {
-        const found = group.Links.find((link) => link.id === sectionId);
-        if (found) return found;
-      }
-      return null;
-    }
-    static createScrollTrigger(section, sectionId, correspondingData) {
-      window.gsap.registerPlugin(window.ScrollTrigger);
-      window.ScrollTrigger.create({
-        trigger: section,
-        start: "top bottom",
-        end: "bottom top",
-        onUpdate: (self) => {
-          if (isInitialLoad) return;
-          const rect = section.getBoundingClientRect();
-          const viewportHeight = window.innerHeight;
-          const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
-          const sectionHeight = rect.height;
-          const visibilityPercentage = visibleHeight > 0 ? visibleHeight / sectionHeight * 100 : 0;
-          const mostVisible = SecondaryNavUtils.findMostVisibleSection();
-          if (mostVisible && mostVisible === sectionId && visibilityPercentage > 50) {
-            NavigationController.handleNavigation(sectionId);
-          } else if (!mostVisible) {
-            const visibleGroup = SecondaryNavData.getCurrentlyVisibleGroup();
-            if (visibleGroup) {
-              GroupVisibilityManager.updateGroupVisibility(visibleGroup);
-            } else {
-              setTimeout(() => {
-                if (!SecondaryNavUtils.checkIfAnySectionVisible()) {
-                  NavLinkManager.setAllNavLinksInactive();
-                  GroupVisibilityManager.updateGroupVisibility(null);
-                }
-              }, 10);
-            }
-          }
-        }
-      });
-    }
-    static finalizeInitialization(sectionCount) {
-      scrollTrackingInitialized = true;
-      setTimeout(() => {
-        isInitialLoad = false;
-        NavigationController.checkInitialGroupVisibility();
-      }, 500);
-    }
-  };
-  var secondaryNavItems = SecondaryNavData.getSecondaryNavItems();
-  document.addEventListener("DOMContentLoaded", () => {
-    setTimeout(() => {
-      cachedSecondaryNavItems = null;
-      isInitialLoad = true;
-      SecondaryNavInitializer.initSecondarynav();
-      setTimeout(() => {
-        SecondaryNavInitializer.initSecondarynavScroll();
-      }, 300);
-    }, 200);
-  });
-})();
-//# sourceMappingURL=index.js.map
+"use strict";(()=>{var v=null,N=!0,A=!1,k=!1,p=!1,l=class{static hasAnyActiveNavLink(){return document.querySelectorAll('[fynd-secondary-navlink-active="true"]').length>0}static checkIfAnySectionVisible(){let t=document.querySelectorAll("[fynd-secondary-nav-id]"),e=window.innerHeight;for(let n of t){let i=n.getBoundingClientRect(),s=Math.min(i.bottom,e)-Math.max(i.top,0),o=i.height;if((s>0?s/o*100:0)>50)return!0}return!1}static findMostVisibleSection(){let t=document.querySelectorAll("[fynd-secondary-nav-id]"),e=window.innerHeight,n=null,i=0;return t.forEach(s=>{let o=s.getAttribute("fynd-secondary-nav-id");if(!o)return;let a=s.getBoundingClientRect(),r=Math.min(a.bottom,e)-Math.max(a.top,0),g=a.height,c=r>0?r/g*100:0;c>50&&c>i&&(i=c,n=o)}),n}static getCurrentSectionGroup(t){let e=v||d.getSecondaryNavItems();for(let n of e)if(n.Links.find(s=>s.id===t))return n.groupName;return null}static getAdjacentSections(t){let e=Array.from(document.querySelectorAll("[fynd-secondary-nav-id]")),n=e.findIndex(s=>s.getAttribute("fynd-secondary-nav-id")===t),i=[];if(n>0){let s=e[n-1].getAttribute("fynd-secondary-nav-id");s&&i.push({id:s,position:"previous"})}if(n<e.length-1){let s=e[n+1].getAttribute("fynd-secondary-nav-id");s&&i.push({id:s,position:"next"})}return i}static getGroupSections(t){let n=(v||d.getSecondaryNavItems()).find(i=>i.groupName===t);return n?n.Links:[]}},d=class{static getSecondaryNavItems(){if(v)return v;let t=document.querySelectorAll('[fynd-secondary-nav="true"]'),e={};t.forEach((i,s)=>{let o=i.getAttribute("fynd-secondary-nav-text"),a=i.getAttribute("fynd-secondary-nav-group"),r=i.getAttribute("fynd-secondary-nav-id");r||(r=`secondary-nav-${a}-${s}-${Date.now()}`,i.setAttribute("fynd-secondary-nav-id",r));let c=i.querySelector("[fynd-scroll-target]")?.getAttribute("fynd-scroll-target");o&&a&&c&&(e[a]||(e[a]=[]),e[a].push({id:r,Text:o,link:c}))});let n=Object.keys(e).map(i=>({groupName:i,Links:e[i]}));return v=n,n}static getSecondaryNavJSON(){let t=this.getSecondaryNavItems();return JSON.stringify(t,null,2)}static getCurrentlyVisibleGroup(){let t=document.querySelectorAll("[fynd-secondary-nav-id]"),e={};t.forEach(s=>{let o=s.getAttribute("fynd-secondary-nav-id");if(!o)return;let a=l.getCurrentSectionGroup(o);if(!a)return;let r=s.getBoundingClientRect(),g=window.innerHeight,c=Math.min(r.bottom,g)-Math.max(r.top,0),m=r.height,L=c>0?c/m*100:0;L>0&&(e[a]||(e[a]=0),e[a]+=L)});let n=null,i=25;return Object.entries(e).forEach(([s,o])=>{o>i&&(i=o,n=s)}),n}},y=class{static setAllNavLinksInactive(){l.checkIfAnySectionVisible()||document.querySelectorAll("[fynd-secondary-navlink-active]").forEach(e=>{e.setAttribute("fynd-secondary-navlink-active","false")})}static activateNavLink(t){document.querySelectorAll("[fynd-secondary-navlink-active]").forEach(i=>{i.getAttribute("fynd-secondary-navlink-id")!==t&&i.setAttribute("fynd-secondary-navlink-active","false")});let n=document.querySelector(`[fynd-secondary-navlink-active][fynd-secondary-navlink-id="${t}"]`);n?n.setAttribute("fynd-secondary-navlink-active","true"):console.warn(`\u274C No matching nav link found for section: ${t}`)}static setActiveTab(){document.querySelectorAll("[fynd-secondary-navlink-active]").forEach(e=>{e.getAttribute("fynd-anchor-active")==="true"?e.setAttribute("fynd-secondary-navlink-active","true"):e.setAttribute("fynd-secondary-navlink-active","false")})}},S=class{static toggleSecondaryNav(t){if(p||k===t)return;let e=document.querySelector('[fynd-secondary-nav="wrapper"]');if(!e){console.warn("Secondary nav wrapper not found");return}p=!0,k=t,t?this.showSecondaryNav(e):this.hideSecondaryNav(e)}static showSecondaryNav(t){t.style.transform="translateY(-100px)",t.style.display="block",t.offsetHeight,t.style.transition="transform 300ms ease",t.style.transform="translateY(0px)",this.updateNavigationScrolledStyle(!0),setTimeout(()=>{t.style.transition="",p=!1},300)}static hideSecondaryNav(t){t.style.transition="transform 300ms ease",t.style.transform="translateY(-100px)",this.updateNavigationScrolledStyle(!1),setTimeout(()=>{t.style.display="none",t.style.transition="",p=!1},300)}static updateNavigationScrolledStyle(t){let e=document.querySelector("[navigation-scrolled]");if(!e){console.warn("Element with [navigation-scrolled] attribute not found");return}t?e.style.boxShadow="none":e.style.removeProperty("box-shadow")}},u=class{static updateGroupVisibility(t){this.updateNavLinkVisibility(t),this.updateWrapperVisibility(t)}static updateNavLinkVisibility(t){document.querySelectorAll('[fynd-secondary-nav="link"]').forEach(n=>{let i=n.getAttribute("fynd-secondary-navgroup");t&&i===t?(n.style.display="",n.setAttribute("fynd-group-visible","true")):(n.style.display="none",n.setAttribute("fynd-group-visible","false"))})}static updateWrapperVisibility(t){let e=l.hasAnyActiveNavLink(),n=t!==null&&e;S.toggleSecondaryNav(n)}},h=class{static handleNavigation(t){if(!document.querySelector(`[fynd-secondary-nav-id="${t}"]`))return;let n=l.getCurrentSectionGroup(t);if(!n){u.updateGroupVisibility(null);return}u.updateGroupVisibility(n),l.getAdjacentSections(t).some(o=>l.getCurrentSectionGroup(o.id)===n)?this.handleGroupSequentialNavigation(t,n):y.activateNavLink(t)}static handleGroupSequentialNavigation(t,e){let n=l.getGroupSections(e);n.findIndex(s=>s.id===t)!==-1&&(n.forEach(s=>{let o=document.querySelector(`[fynd-secondary-navlink-id="${s.id}"]`);o&&o.setAttribute("fynd-secondary-navlink-active","false")}),y.activateNavLink(t))}static checkInitialGroupVisibility(){let t=d.getCurrentlyVisibleGroup();if(t){let e=l.findMostVisibleSection();e&&l.getCurrentSectionGroup(e)===t&&y.activateNavLink(e),u.updateGroupVisibility(t)}else u.updateGroupVisibility(null)}},b=class{static initSecondarynav(){let t=d.getSecondaryNavItems();if(t.length===0)return;let e=document.querySelector('[fynd-secondary-nav="slot"]');if(!e){console.warn("Secondary nav slot not found");return}this.buildNavLinks(e,t),this.initializeScrollNavigation()}static buildNavLinks(t,e){t.innerHTML="",e.forEach(n=>{n.Links.forEach(i=>{let s=this.createNavLinkElement(i,n.groupName);t.appendChild(s)})})}static createNavLinkElement(t,e){let n=document.createElement("div");return n.setAttribute("fynd-secondary-nav","link"),n.setAttribute("fynd-secondary-navgroup",e),n.setAttribute("fynd-secondary-navlink-id",t.id),n.setAttribute("fynd-scroll-trigger",t.link),n.setAttribute("data-text-style","body-m-regular"),n.setAttribute("fynd-secondary-navlink-active","false"),n.textContent=t.Text,n.addEventListener("click",()=>{setTimeout(()=>{y.setActiveTab()},50)}),n}static initializeScrollNavigation(){window.scrollNavigation?.fullReinitialize()}static initSecondarynavScroll(){let t=document.querySelectorAll("[fynd-secondary-nav-id]");t.length!==0&&(this.setupScrollTriggers(t),this.finalizeInitialization(t.length))}static setupScrollTriggers(t){let e=v||d.getSecondaryNavItems();t.forEach(n=>{let i=n.getAttribute("fynd-secondary-nav-id");if(!i)return;let s=this.findCorrespondingData(i,e);s&&this.createScrollTrigger(n,i,s)})}static findCorrespondingData(t,e){for(let n of e){let i=n.Links.find(s=>s.id===t);if(i)return i}return null}static createScrollTrigger(t,e,n){window.gsap.registerPlugin(window.ScrollTrigger),window.ScrollTrigger.create({trigger:t,start:"top bottom",end:"bottom top",onUpdate:i=>{if(N)return;let s=t.getBoundingClientRect(),o=window.innerHeight,a=Math.min(s.bottom,o)-Math.max(s.top,0),r=s.height,g=a>0?a/r*100:0,c=l.findMostVisibleSection();if(c&&c===e&&g>50)h.handleNavigation(e);else if(!c){let m=d.getCurrentlyVisibleGroup();m?u.updateGroupVisibility(m):setTimeout(()=>{l.checkIfAnySectionVisible()||(y.setAllNavLinksInactive(),u.updateGroupVisibility(null))},10)}}})}static finalizeInitialization(t){A=!0,setTimeout(()=>{N=!1,h.checkInitialGroupVisibility()},500)}},T=d.getSecondaryNavItems();document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{v=null,N=!0,b.initSecondarynav(),setTimeout(()=>{b.initSecondarynavScroll()},300)},200)});})();

package/dist/navigation/style.css

@@ -1,154 +1 @@
-/* src/navigation/style.css */
-[data-tab-link-active=true] {
-  border-right-color: #404040;
-  background-color: #f8f8f9;
-  opacity: 1;
-}
-[data-tab-content-active] {
-  display: none;
-}
-[data-tab-content-active=true] {
-  display: block;
-}
-[data-tab-content-active=false] {
-  display: none;
-}
-[data-nav-element=mover] {
-  height: 0;
-  overflow: hidden;
-}
-[data-nav-element=overlay] {
-  opacity: 0;
-  display: none;
-}
-[data-nav-element=wrapper] {
-  top: 44px;
-}
-[data-nav-toggle=main-menu] {
-  z-index: 10 !important;
-}
-[data-mobile-nav=main-menu] {
-  z-index: 999;
-}
-[data-nav-element=mover] {
-  border-radius: 0px 0px 12px 12px;
-  box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 6px;
-}
-[data-dropdown-item] {
-  width: 100%;
-}
-[data-dropdown-item=resources] {
-  width: 100%;
-}
-[data-dropdown-item=company] {
-  width: 100%;
-}
-[data-desktop-content] {
-  display: none;
-}
-@media (max-width: 992px) {
-  [data-desktop-content] {
-    display: block;
-  }
-}
-.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
-  display: none;
-  flex-direction: column;
-  height: 100%;
-  bottom: 0px;
-  justify-content: center;
-  gap: 4px;
-  padding-left: 20px;
-  padding-right: 20px;
-}
-span.swiper-pagination-bullet {
-  width: 6px;
-  height: 6px;
-  background: rgba(255, 255, 255, 0.80);
-  pointer-events: auto;
-}
-span.swiper-pagination-bullet.swiper-pagination-bullet-active {
-  background: white;
-}
-@media screen and (max-width: 1024px) {
-  .announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
-    left: -16px;
-  }
-}
-[navigation-scrolled=true] {
-  transform: translateY(-40px);
-  box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 10px;
-}
-[announcementbar=false] {
-  transform: translateY(-40px) !important;
-}
-[navigation-scrolled-menu=false] {
-  top: 0px;
-}
-[navigation-scrolled=false] {
-  transform: translateY(0);
-}
-@media screen and (max-width: 991px) {
-  [navigation-scrolled=true] {
-    transform: translateY(-50px);
-  }
-  [navigation-scrolled-menu=true] {
-    top: 0px;
-  }
-  [announcementbar=false] {
-    transform: translateY(-46px) !important;
-  }
-}
-[navigation-scrolled-dependent=true].click-loader {
-  top: 40px;
-}
-[navigation-scrolled-dependent=false].click-loader {
-  top: 40px;
-}
-[fynd-secondary-nav=link] {
-  border-bottom: 1px solid #0000;
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 0.65rem;
-  padding-bottom: 0.65rem;
-  transition-property: all;
-  transition-duration: 300ms;
-  transition-timing-function: ease;
-  cursor: pointer;
-  user-select: none;
-  white-space: nowrap;
-}
-[fynd-secondary-navlink-active=true] {
-  background-color: #f2f2f2;
-  border-bottom-color: #000;
-}
-[fynd-secondary-nav=wrapper] {
-  display: none;
-}
-.test__class {
-  color: aliceblue;
-}
-[fynd-navigation=dropdown-container] {
-  top: 0 !important;
-  padding-top: 0px !important;
-}
-[fynd-navigation=announcement-bar] {
-}
-[fynd-navigation=ip-banner] {
-  height: 0px;
-  overflow: hidden;
-}
-#geoswitch-select::-ms-expand {
-  display: none;
-}
-#geoswitch-select {
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-}
-[data-mobile-nav=main-menu] {
-  z-index: 8999999999999;
-}
-/*# sourceMappingURL=style.css.map */
+[data-tab-link-active=true]{border-right-color:#404040;background-color:#f8f8f9;opacity:1}[data-tab-content-active]{display:none}[data-tab-content-active=true]{display:block}[data-tab-content-active=false]{display:none}[data-nav-element=mover]{height:0;overflow:hidden}[data-nav-element=overlay]{opacity:0;display:none}[data-nav-element=wrapper]{top:44px}[data-nav-toggle=main-menu]{z-index:10!important}[data-mobile-nav=main-menu]{z-index:999}[data-nav-element=mover]{border-radius:0 0 12px 12px;box-shadow:#00000008 0 12px 16px 6px}[data-dropdown-item],[data-dropdown-item=resources],[data-dropdown-item=company]{width:100%}[data-desktop-content]{display:none}@media (max-width: 992px){[data-desktop-content]{display:block}}.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:none;flex-direction:column;height:100%;bottom:0;justify-content:center;gap:4px;padding-left:20px;padding-right:20px}span.swiper-pagination-bullet{width:6px;height:6px;background:#fffc;pointer-events:auto}span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}@media screen and (max-width: 1024px){.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{left:-16px}}[navigation-scrolled=true]{transform:translateY(-40px);box-shadow:#00000008 0 12px 16px 10px}[announcementbar=false]{transform:translateY(-40px)!important}[navigation-scrolled-menu=false]{top:0}[navigation-scrolled=false]{transform:translateY(0)}@media screen and (max-width: 991px){[navigation-scrolled=true]{transform:translateY(-50px)}[navigation-scrolled-menu=true]{top:0}[announcementbar=false]{transform:translateY(-46px)!important}}[navigation-scrolled-dependent=true].click-loader,[navigation-scrolled-dependent=false].click-loader{top:40px}[fynd-secondary-nav=link]{border-bottom:1px solid #0000;border-top-left-radius:6px;border-top-right-radius:6px;padding:.65rem 1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:ease;cursor:pointer;user-select:none;white-space:nowrap}[fynd-secondary-navlink-active=true]{background-color:#f2f2f2;border-bottom-color:#000}[fynd-secondary-nav=wrapper]{display:none}.test__class{color:#f0f8ff}[fynd-navigation=dropdown-container]{top:0!important;padding-top:0!important}[fynd-navigation=ip-banner]{height:0px;overflow:hidden}#geoswitch-select::-ms-expand{display:none}#geoswitch-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}[data-mobile-nav=main-menu]{z-index:8999999999999}

package/dist/navigation/temp.css

@@ -1,2 +0,0 @@
-/* src/navigation/temp.css */
-/*# sourceMappingURL=temp.css.map */

package/dist/navigation/theme.css

@@ -1,69 +1 @@
-/* src/navigation/theme.css */
-[style-nav-bg=transparent] {
-  background-color: transparent;
-}
-[style-nav-bg=white] {
-  background-color: #fff;
-  backdrop-filter: blur(50px);
-}
-[style-nav-bg=white-blur] {
-  background-color: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(50px);
-}
-[style-nav-logo=black] {
-  color: black;
-}
-[style-nav-logo=white] {
-  color: white;
-}
-[style-nav-link=black] {
-  color: black;
-}
-[style-nav-link=white] {
-  color: #A0A1A2;
-}
-[style-nav-link=white]:hover {
-  color: white !important;
-}
-[style-nav-tertiary-button=black] {
-  color: black;
-}
-[style-nav-tertiary-button=white] {
-  color: white !important;
-}
-[style-nav-tertiary-button=white]:hover {
-  opacity: 0.8;
-}
-[style-nav-secondary-button=black] {
-  color: black;
-  border-color: #0000001f !important;
-}
-[style-nav-secondary-button=white] {
-  color: white !important;
-  border-color: #ffffff38 !important;
-}
-[style-nav-primary-button=black] {
-  background-color: #141414;
-  color: #ffffff !important;
-}
-[style-nav-primary-button=white] {
-  background-color: #ffffff;
-  color: #141414 !important;
-}
-[style-nav-primary-button=white]:hover {
-  background-color: #fff;
-  opacity: 0.8;
-}
-[style-nav-toggle=black] {
-  color: black;
-}
-[style-nav-toggle=white] {
-  color: white;
-}
-[style-body-bg=white] {
-  background-color: white;
-}
-[style-body-bg=black] {
-  background-color: #0e0e0e;
-}
-/*# sourceMappingURL=theme.css.map */
+[style-nav-bg=transparent]{background-color:transparent}[style-nav-bg=white]{background-color:#fff;backdrop-filter:blur(50px)}[style-nav-bg=white-blur]{background-color:#fffc;backdrop-filter:blur(50px)}[style-nav-logo=black]{color:#000}[style-nav-logo=white]{color:#fff}[style-nav-link=black]{color:#000}[style-nav-link=white]{color:#a0a1a2}[style-nav-link=white]:hover{color:#fff!important}[style-nav-tertiary-button=black]{color:#000}[style-nav-tertiary-button=white]{color:#fff!important}[style-nav-tertiary-button=white]:hover{opacity:.8}[style-nav-secondary-button=black]{color:#000;border-color:#0000001f!important}[style-nav-secondary-button=white]{color:#fff!important;border-color:#ffffff38!important}[style-nav-primary-button=black]{background-color:#141414;color:#fff!important}[style-nav-primary-button=white]{background-color:#fff;color:#141414!important}[style-nav-primary-button=white]:hover{background-color:#fff;opacity:.8}[style-nav-toggle=black]{color:#000}[style-nav-toggle=white]{color:#fff}[style-body-bg=white]{background-color:#fff}[style-body-bg=black]{background-color:#0e0e0e}