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

package/dist/navigation/mobile/index.js

@@ -1,286 +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/mobile/index.ts
-  var ANIMATION_TIMINGS = {
-    NESTED_MENU_DELAY: 10,
-    NESTED_MENU_CLOSE_DELAY: 500,
-    MAIN_MENU_CLOSE_TIMEOUT: 300
-    // Add timeout for main menu close
-  };
-  var SELECTORS = {
-    NESTED_MENU: '[data-mobile-nav="nested-menu"]',
-    MAIN_MENU: '[data-mobile-nav="main-menu"]',
-    TOGGLE_MAIN_MENU: '[data-nav-toggle="main-menu"]',
-    TOGGLE_NESTED_MENU: '[data-nav-toggle="nested-menu"]',
-    MAIN_MENU_LINKS: "[data-mobile-link]",
-    NAV_OVERLAY: '[data-nav-element="overlay"]',
-    OPEN_ICON: '[data-menu-icon="open"]',
-    CLOSE_ICON: '[data-menu-icon="close"]',
-    MOBILE_MENU: "[data-mobile-menu]"
-  };
-  var MobileNavigation = class {
-    constructor() {
-      this.state = {
-        isMainMenuOpen: false,
-        isNestedMenuOpen: false
-      };
-      this.isAnimating = false;
-      this.elements = this.getElements();
-      this.init();
-    }
-    getElements() {
-      const nestedMenu = document.querySelector(SELECTORS.NESTED_MENU);
-      const mainMenu = document.querySelector(SELECTORS.MAIN_MENU);
-      const navOverlay = document.querySelector(SELECTORS.NAV_OVERLAY);
-      const openIcons = document.querySelectorAll(SELECTORS.OPEN_ICON);
-      const closeIcons = document.querySelectorAll(SELECTORS.CLOSE_ICON);
-      if (!nestedMenu || !mainMenu || !navOverlay || openIcons.length === 0 || closeIcons.length === 0) {
-        throw new Error("Required navigation elements not found");
-      }
-      return {
-        nestedMenu,
-        mainMenu,
-        toggleMainMenuButtons: document.querySelectorAll(SELECTORS.TOGGLE_MAIN_MENU),
-        toggleNestedMenuButtons: document.querySelectorAll(SELECTORS.TOGGLE_NESTED_MENU),
-        mainMenuLinks: document.querySelectorAll(SELECTORS.MAIN_MENU_LINKS),
-        navOverlay,
-        openIcons,
-        closeIcons
-      };
-    }
-    init() {
-      this.setupInitialStyles();
-      this.bindEventListeners();
-    }
-    setupInitialStyles() {
-      this.elements.nestedMenu.style.display = "none";
-      this.elements.nestedMenu.style.transform = "translateX(100%)";
-      this.elements.nestedMenu.style.transition = "transform 0.5s ease";
-      this.elements.mainMenu.style.display = "block";
-      this.elements.mainMenu.style.height = "0dvh";
-      this.elements.mainMenu.style.transition = "height 0.3s ease-in-out";
-      this.elements.openIcons.forEach((icon) => {
-        icon.style.transition = "opacity 0.2s ease";
-      });
-      this.elements.closeIcons.forEach((icon) => {
-        icon.style.transition = "opacity 0.2s ease";
-      });
-      this.updateMenuIcons(false);
-    }
-    bindEventListeners() {
-      this.elements.toggleMainMenuButtons.forEach((button, index) => {
-        button.addEventListener("click", (e) => {
-          e.preventDefault();
-          console.log(`Main menu button ${index} clicked, current state:`, this.state.isMainMenuOpen);
-          this.handleMainMenuToggle(button);
-        });
-      });
-      this.elements.toggleNestedMenuButtons.forEach((button, index) => {
-        button.addEventListener("click", (e) => {
-          e.preventDefault();
-          console.log(`Nested menu button ${index} clicked, current state:`, this.state.isNestedMenuOpen);
-          this.handleNestedMenuToggle(button);
-        });
-      });
-      this.elements.mainMenuLinks.forEach((link) => {
-        link.addEventListener("click", (event) => {
-          const target = event.currentTarget;
-          const attrValue = target.getAttribute("data-mobile-link");
-          if (attrValue) {
-            console.log(`Menu link clicked: ${attrValue}`);
-            this.replaceContent(attrValue);
-            this.toggleNestedMenu();
-          }
-        });
-      });
-    }
-    openMainMenu() {
-      if (this.state.isMainMenuOpen) {
-        console.log("Main menu already open, skipping");
-        return;
-      }
-      const { mainMenu } = this.elements;
-      this.isAnimating = true;
-      mainMenu.style.overflow = "hidden";
-      mainMenu.style.display = "block";
-      mainMenu.style.height = "0dvh";
-      this.state.isMainMenuOpen = true;
-      this.updateMenuIcons(true);
-      requestAnimationFrame(() => {
-        mainMenu.style.height = "100dvh";
-        const handleOpenComplete = () => {
-          this.isAnimating = false;
-          console.log("\u{1F354} Main menu OPENED (animation complete)");
-        };
-        mainMenu.addEventListener("transitionend", handleOpenComplete, { once: true });
-        setTimeout(() => {
-          this.isAnimating = false;
-        }, 350);
-      });
-      console.log("\u{1F354} Main menu OPENING...");
-    }
-    closeMainMenu() {
-      if (!this.state.isMainMenuOpen) {
-        console.log("Main menu already closed, skipping");
-        return;
-      }
-      const { mainMenu } = this.elements;
-      this.isAnimating = true;
-      this.state.isMainMenuOpen = false;
-      this.updateMenuIcons(false);
-      mainMenu.style.height = "0dvh";
-      let animationCompleted = false;
-      const completeClose = () => {
-        if (animationCompleted) return;
-        animationCompleted = true;
-        mainMenu.style.display = "none";
-        this.isAnimating = false;
-        console.log("\u{1F354} Main menu CLOSED (animation complete)");
-      };
-      const handleTransitionEnd = (e) => {
-        if (e.target === mainMenu && e.propertyName === "height") {
-          completeClose();
-        }
-      };
-      mainMenu.addEventListener("transitionend", handleTransitionEnd, { once: true });
-      setTimeout(() => {
-        completeClose();
-      }, ANIMATION_TIMINGS.MAIN_MENU_CLOSE_TIMEOUT);
-      console.log("\u{1F354} Main menu CLOSING...");
-    }
-    handleMainMenuToggle(clickedButton) {
-      console.log("Handling main menu toggle. Current state:", this.state.isMainMenuOpen, "Is animating:", this.isAnimating);
-      if (this.isAnimating) {
-        console.log("Animation in progress, ignoring click");
-        return;
-      }
-      if (this.state.isMainMenuOpen) {
-        this.closeMainMenu();
-        if (this.state.isNestedMenuOpen) {
-          this.closeNestedMenu();
-        }
-      } else {
-        this.openMainMenu();
-      }
-    }
-    handleNestedMenuToggle(clickedButton) {
-      console.log("Handling nested menu toggle. Current state:", this.state.isNestedMenuOpen, "Is animating:", this.isAnimating);
-      if (this.isAnimating) {
-        console.log("Animation in progress, ignoring click");
-        return;
-      }
-      if (this.state.isNestedMenuOpen) {
-        this.closeNestedMenu();
-      } else {
-        this.openNestedMenu();
-      }
-    }
-    toggleMainMenu() {
-      console.log("Toggling main menu. Current state:", this.state.isMainMenuOpen);
-      if (this.state.isMainMenuOpen) {
-        this.closeMainMenu();
-        if (this.state.isNestedMenuOpen) {
-          this.closeNestedMenu();
-        }
-      } else {
-        this.openMainMenu();
-      }
-    }
-    openNestedMenu() {
-      if (this.state.isNestedMenuOpen) {
-        console.log("Nested menu already open, skipping");
-        return;
-      }
-      const { nestedMenu, navOverlay } = this.elements;
-      nestedMenu.style.display = "block";
-      navOverlay.style.opacity = "1";
-      setTimeout(() => {
-        nestedMenu.style.transform = "translateX(0%)";
-      }, ANIMATION_TIMINGS.NESTED_MENU_DELAY);
-      this.state.isNestedMenuOpen = true;
-      console.log("\u{1F4C2} Nested menu OPENED");
-    }
-    closeNestedMenu() {
-      if (!this.state.isNestedMenuOpen) {
-        console.log("Nested menu already closed, skipping");
-        return;
-      }
-      const { nestedMenu, navOverlay } = this.elements;
-      nestedMenu.style.transform = "translateX(100%)";
-      navOverlay.style.opacity = "0";
-      this.state.isNestedMenuOpen = false;
-      setTimeout(() => {
-        nestedMenu.style.display = "none";
-        console.log("\u{1F4C2} Nested menu CLOSED (animation complete)");
-      }, ANIMATION_TIMINGS.NESTED_MENU_CLOSE_DELAY);
-      console.log("\u{1F4C2} Nested menu closing...");
-    }
-    toggleNestedMenu() {
-      console.log("Toggling nested menu. Current state:", this.state.isNestedMenuOpen);
-      if (this.state.isNestedMenuOpen) {
-        this.closeNestedMenu();
-      } else {
-        this.openNestedMenu();
-      }
-    }
-    updateMenuIcons(isOpen) {
-      const { openIcons, closeIcons } = this.elements;
-      if (isOpen) {
-        openIcons.forEach((icon) => {
-          icon.style.opacity = "0";
-        });
-        closeIcons.forEach((icon) => {
-          icon.style.opacity = "1";
-        });
-      } else {
-        openIcons.forEach((icon) => {
-          icon.style.opacity = "1";
-        });
-        closeIcons.forEach((icon) => {
-          icon.style.opacity = "0";
-        });
-      }
-    }
-    replaceContent(attrValue) {
-      document.querySelectorAll(SELECTORS.MOBILE_MENU).forEach((div) => {
-        div.style.display = "none";
-      });
-      const targetDiv = document.querySelector(`[data-mobile-menu="${attrValue}"]`);
-      if (targetDiv) {
-        targetDiv.style.display = "block";
-        console.log(`\u{1F4C4} Content switched to: ${attrValue}`);
-      } else {
-        console.warn(`Content element with data-mobile-menu="${attrValue}" not found`);
-      }
-    }
-    // Public methods for external access if needed
-    getState() {
-      return { ...this.state };
-    }
-    closeAllMenus() {
-      if (this.state.isMainMenuOpen) {
-        this.closeMainMenu();
-      }
-      if (this.state.isNestedMenuOpen) {
-        this.closeNestedMenu();
-      }
-    }
-  };
-  document.addEventListener("DOMContentLoaded", () => {
-    try {
-      new MobileNavigation();
-    } catch (error) {
-      console.error("Failed to initialize mobile navigation:", error);
-    }
-  });
-})();
-//# sourceMappingURL=index.js.map
+"use strict";(()=>{var l={NESTED_MENU_DELAY:10,NESTED_MENU_CLOSE_DELAY:500,MAIN_MENU_CLOSE_TIMEOUT:300},i={NESTED_MENU:'[data-mobile-nav="nested-menu"]',MAIN_MENU:'[data-mobile-nav="main-menu"]',TOGGLE_MAIN_MENU:'[data-nav-toggle="main-menu"]',TOGGLE_NESTED_MENU:'[data-nav-toggle="nested-menu"]',MAIN_MENU_LINKS:"[data-mobile-link]",NAV_OVERLAY:'[data-nav-element="overlay"]',OPEN_ICON:'[data-menu-icon="open"]',CLOSE_ICON:'[data-menu-icon="close"]',MOBILE_MENU:"[data-mobile-menu]"},a=class{constructor(){this.state={isMainMenuOpen:!1,isNestedMenuOpen:!1};this.isAnimating=!1;this.elements=this.getElements(),this.init()}getElements(){let e=document.querySelector(i.NESTED_MENU),t=document.querySelector(i.MAIN_MENU),s=document.querySelector(i.NAV_OVERLAY),n=document.querySelectorAll(i.OPEN_ICON),o=document.querySelectorAll(i.CLOSE_ICON);if(!e||!t||!s||n.length===0||o.length===0)throw new Error("Required navigation elements not found");return{nestedMenu:e,mainMenu:t,toggleMainMenuButtons:document.querySelectorAll(i.TOGGLE_MAIN_MENU),toggleNestedMenuButtons:document.querySelectorAll(i.TOGGLE_NESTED_MENU),mainMenuLinks:document.querySelectorAll(i.MAIN_MENU_LINKS),navOverlay:s,openIcons:n,closeIcons:o}}init(){this.setupInitialStyles(),this.bindEventListeners()}setupInitialStyles(){this.elements.nestedMenu.style.display="none",this.elements.nestedMenu.style.transform="translateX(100%)",this.elements.nestedMenu.style.transition="transform 0.5s ease",this.elements.mainMenu.style.display="block",this.elements.mainMenu.style.height="0dvh",this.elements.mainMenu.style.transition="height 0.3s ease-in-out",this.elements.openIcons.forEach(e=>{e.style.transition="opacity 0.2s ease"}),this.elements.closeIcons.forEach(e=>{e.style.transition="opacity 0.2s ease"}),this.updateMenuIcons(!1)}bindEventListeners(){this.elements.toggleMainMenuButtons.forEach((e,t)=>{e.addEventListener("click",s=>{s.preventDefault(),console.log(`Main menu button ${t} clicked, current state:`,this.state.isMainMenuOpen),this.handleMainMenuToggle(e)})}),this.elements.toggleNestedMenuButtons.forEach((e,t)=>{e.addEventListener("click",s=>{s.preventDefault(),console.log(`Nested menu button ${t} clicked, current state:`,this.state.isNestedMenuOpen),this.handleNestedMenuToggle(e)})}),this.elements.mainMenuLinks.forEach(e=>{e.addEventListener("click",t=>{let n=t.currentTarget.getAttribute("data-mobile-link");n&&(console.log(`Menu link clicked: ${n}`),this.replaceContent(n),this.toggleNestedMenu())})})}openMainMenu(){if(this.state.isMainMenuOpen){console.log("Main menu already open, skipping");return}let{mainMenu:e}=this.elements;this.isAnimating=!0,e.style.overflow="hidden",e.style.display="block",e.style.height="0dvh",this.state.isMainMenuOpen=!0,this.updateMenuIcons(!0),requestAnimationFrame(()=>{e.style.height="100dvh";let t=()=>{this.isAnimating=!1,console.log("\u{1F354} Main menu OPENED (animation complete)")};e.addEventListener("transitionend",t,{once:!0}),setTimeout(()=>{this.isAnimating=!1},350)}),console.log("\u{1F354} Main menu OPENING...")}closeMainMenu(){if(!this.state.isMainMenuOpen){console.log("Main menu already closed, skipping");return}let{mainMenu:e}=this.elements;this.isAnimating=!0,this.state.isMainMenuOpen=!1,this.updateMenuIcons(!1),e.style.height="0dvh";let t=!1,s=()=>{t||(t=!0,e.style.display="none",this.isAnimating=!1,console.log("\u{1F354} Main menu CLOSED (animation complete)"))},n=o=>{o.target===e&&o.propertyName==="height"&&s()};e.addEventListener("transitionend",n,{once:!0}),setTimeout(()=>{s()},l.MAIN_MENU_CLOSE_TIMEOUT),console.log("\u{1F354} Main menu CLOSING...")}handleMainMenuToggle(e){if(console.log("Handling main menu toggle. Current state:",this.state.isMainMenuOpen,"Is animating:",this.isAnimating),this.isAnimating){console.log("Animation in progress, ignoring click");return}this.state.isMainMenuOpen?(this.closeMainMenu(),this.state.isNestedMenuOpen&&this.closeNestedMenu()):this.openMainMenu()}handleNestedMenuToggle(e){if(console.log("Handling nested menu toggle. Current state:",this.state.isNestedMenuOpen,"Is animating:",this.isAnimating),this.isAnimating){console.log("Animation in progress, ignoring click");return}this.state.isNestedMenuOpen?this.closeNestedMenu():this.openNestedMenu()}toggleMainMenu(){console.log("Toggling main menu. Current state:",this.state.isMainMenuOpen),this.state.isMainMenuOpen?(this.closeMainMenu(),this.state.isNestedMenuOpen&&this.closeNestedMenu()):this.openMainMenu()}openNestedMenu(){if(this.state.isNestedMenuOpen){console.log("Nested menu already open, skipping");return}let{nestedMenu:e,navOverlay:t}=this.elements;e.style.display="block",t.style.opacity="1",setTimeout(()=>{e.style.transform="translateX(0%)"},l.NESTED_MENU_DELAY),this.state.isNestedMenuOpen=!0,console.log("\u{1F4C2} Nested menu OPENED")}closeNestedMenu(){if(!this.state.isNestedMenuOpen){console.log("Nested menu already closed, skipping");return}let{nestedMenu:e,navOverlay:t}=this.elements;e.style.transform="translateX(100%)",t.style.opacity="0",this.state.isNestedMenuOpen=!1,setTimeout(()=>{e.style.display="none",console.log("\u{1F4C2} Nested menu CLOSED (animation complete)")},l.NESTED_MENU_CLOSE_DELAY),console.log("\u{1F4C2} Nested menu closing...")}toggleNestedMenu(){console.log("Toggling nested menu. Current state:",this.state.isNestedMenuOpen),this.state.isNestedMenuOpen?this.closeNestedMenu():this.openNestedMenu()}updateMenuIcons(e){let{openIcons:t,closeIcons:s}=this.elements;e?(t.forEach(n=>{n.style.opacity="0"}),s.forEach(n=>{n.style.opacity="1"})):(t.forEach(n=>{n.style.opacity="1"}),s.forEach(n=>{n.style.opacity="0"}))}replaceContent(e){document.querySelectorAll(i.MOBILE_MENU).forEach(s=>{s.style.display="none"});let t=document.querySelector(`[data-mobile-menu="${e}"]`);t?(t.style.display="block",console.log(`\u{1F4C4} Content switched to: ${e}`)):console.warn(`Content element with data-mobile-menu="${e}" not found`)}getState(){return{...this.state}}closeAllMenus(){this.state.isMainMenuOpen&&this.closeMainMenu(),this.state.isNestedMenuOpen&&this.closeNestedMenu()}};document.addEventListener("DOMContentLoaded",()=>{try{new a}catch(u){console.error("Failed to initialize mobile navigation:",u)}});})();

package/dist/navigation/scroll/index.js

@@ -1,62 +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/scroll/index.ts
-  var navigationDiv = document.querySelector("[navigation-scrolled]");
-  var mobileNavigationMenus = document.querySelectorAll("[navigation-scrolled-menu]");
-  var allNavigationScrolledDivs = document.querySelectorAll("[navigation-scrolled-dependent]");
-  function setNavigationScrolled() {
-    const scrollTop = window.scrollY || document.documentElement.scrollTop;
-    const isScrolled = scrollTop > 350;
-    if (!navigationDiv) {
-      console.warn("Navigation element not found");
-      return;
-    }
-    navigationDiv.setAttribute("navigation-scrolled", isScrolled ? "true" : "false");
-    if (mobileNavigationMenus) {
-      mobileNavigationMenus.forEach((menu) => {
-        menu.setAttribute("navigation-scrolled-menu", isScrolled ? "true" : "false");
-      });
-    }
-    if (allNavigationScrolledDivs) {
-      allNavigationScrolledDivs.forEach((div) => {
-        div.setAttribute("navigation-scrolled-dependent", isScrolled ? "true" : "false");
-      });
-    }
-  }
-  function checkAndDisableAnnouncementBars() {
-    const announcementBarElements = document.querySelectorAll("[announcementbar]");
-    const geoAnnouncementBarElements = document.querySelectorAll("[geolocation-announcementbar]");
-    if (announcementBarElements.length === 0 && geoAnnouncementBarElements.length === 0) {
-      console.warn("No announcement bar elements found");
-      return;
-    }
-    const shouldEnable = !(window.announcementSlides === 0 || window.announcementSlides === void 0);
-    announcementBarElements.forEach((element) => {
-      element.setAttribute("announcementbar", shouldEnable ? "true" : "false");
-    });
-    geoAnnouncementBarElements.forEach((element) => {
-      element.setAttribute("geolocation-announcementbar", shouldEnable ? "true" : "false");
-    });
-    if (!shouldEnable) {
-      console.log("No announcement slides found, disabling announcement bars.");
-    }
-  }
-  navigationDiv.setAttribute("navigation-scrolled", "true");
-  document.addEventListener("DOMContentLoaded", () => {
-    setTimeout(() => {
-      checkAndDisableAnnouncementBars();
-      setNavigationScrolled();
-    }, 120);
-  });
-  window.addEventListener("scroll", setNavigationScrolled);
-})();
-//# sourceMappingURL=index.js.map
+"use strict";(()=>{var l=document.querySelector("[navigation-scrolled]"),a=document.querySelectorAll("[navigation-scrolled-menu]"),c=document.querySelectorAll("[navigation-scrolled-dependent]");function i(){let n=(window.scrollY||document.documentElement.scrollTop)>350;if(!l){console.warn("Navigation element not found");return}l.setAttribute("navigation-scrolled",n?"true":"false"),a&&a.forEach(e=>{e.setAttribute("navigation-scrolled-menu",n?"true":"false")}),c&&c.forEach(e=>{e.setAttribute("navigation-scrolled-dependent",n?"true":"false")})}function r(){let t=document.querySelectorAll("[announcementbar]"),n=document.querySelectorAll("[geolocation-announcementbar]");if(t.length===0&&n.length===0){console.warn("No announcement bar elements found");return}let e=!(window.announcementSlides===0||window.announcementSlides===void 0);t.forEach(o=>{o.setAttribute("announcementbar",e?"true":"false")}),n.forEach(o=>{o.setAttribute("geolocation-announcementbar",e?"true":"false")}),e||console.log("No announcement slides found, disabling announcement bars.")}l.setAttribute("navigation-scrolled","true");document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{r(),i()},120)});window.addEventListener("scroll",i);})();