@fynd-design-engineering/fynd-one-v2 3.3.11 → 3.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/marquee/marquee-swiper.js.map +2 -2
- package/dist/navigation/initialization.js +1 -0
- package/dist/navigation/initialization.js.map +7 -0
- package/dist/navigation/style.css +1 -1
- package/dist/navigation/style.css.map +1 -1
- package/dist/navigation/temp.css +1 -0
- package/dist/navigation/temp.css.map +7 -0
- package/dist/others/hero-india-animation-2.js.map +2 -2
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../bin/live-reload.js", "../../src/marquee/marquee-swiper.ts"],
|
|
4
|
-
"sourcesContent": ["// Only enable live reload when running on localhost\nif (\n window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\"\n) {\n new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n location.reload()\n );\n} else {\n console.log(\"Live reload disabled: not running on localhost\");\n}\n", "// Check if user prefers reduced motion\nconst prefersReducedMotion: boolean = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n// Access Swiper from the global window object\nconst SwiperClass = (window as any).Swiper;\n\n// Initialize Swiper with autoplay conditionally based on prefers-reduced-motion\nconst swiper = new SwiperClass(\"[swiper-slider='brands-marquee']\", {\n
|
|
5
|
-
"mappings": ";;;AACA,MACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa,aAC7B;AACA,QAAI,YAAY,GAAG,uBAAY,UAAU,EAAE;AAAA,MAAiB;AAAA,MAAU,MACpE,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,IAAI,gDAAgD;AAAA,EAC9D;;;ACTA,MAAM,uBAAgC,OAAO,WAAW,kCAAkC,EAAE;AAG5F,MAAM,cAAe,OAAe;AAGpC,MAAM,SAAS,IAAI,YAAY,oCAAoC;AAAA,
|
|
4
|
+
"sourcesContent": ["// Only enable live reload when running on localhost\nif (\n window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\"\n) {\n new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n location.reload()\n );\n} else {\n console.log(\"Live reload disabled: not running on localhost\");\n}\n", "// Check if user prefers reduced motion\nconst prefersReducedMotion: boolean = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n// Access Swiper from the global window object\nconst SwiperClass = (window as any).Swiper;\n\n// Initialize Swiper with autoplay conditionally based on prefers-reduced-motion\nconst swiper = new SwiperClass(\"[swiper-slider='brands-marquee']\", {\n slidesPerView: 'auto',\n spaceBetween: 0,\n loop: true,\n speed: 40000,\n allowTouchMove: false,\n autoplay: prefersReducedMotion\n ? false\n : {\n delay: 1,\n disableOnInteraction: false,\n },\n});\n\n// Add pause on hover\nconst marqueeEl = document.querySelector(\"[swiper-slider='brands-marquee']\");\n\nif (marqueeEl && !prefersReducedMotion) {\n marqueeEl.addEventListener(\"mouseenter\", () => {\n swiper.autoplay.stop();\n });\n\n marqueeEl.addEventListener(\"mouseleave\", () => {\n swiper.autoplay.start();\n });\n}"],
|
|
5
|
+
"mappings": ";;;AACA,MACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa,aAC7B;AACA,QAAI,YAAY,GAAG,uBAAY,UAAU,EAAE;AAAA,MAAiB;AAAA,MAAU,MACpE,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,IAAI,gDAAgD;AAAA,EAC9D;;;ACTA,MAAM,uBAAgC,OAAO,WAAW,kCAAkC,EAAE;AAG5F,MAAM,cAAe,OAAe;AAGpC,MAAM,SAAS,IAAI,YAAY,oCAAoC;AAAA,IACjE,eAAe;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,UAAU,uBACN,QACA;AAAA,MACE,OAAO;AAAA,MACP,sBAAsB;AAAA,IACxB;AAAA,EACN,CAAC;AAGD,MAAM,YAAY,SAAS,cAAc,kCAAkC;AAE3E,MAAI,aAAa,CAAC,sBAAsB;AACtC,cAAU,iBAAiB,cAAc,MAAM;AAC7C,aAAO,SAAS,KAAK;AAAA,IACvB,CAAC;AAED,cAAU,iBAAiB,cAAc,MAAM;AAC7C,aAAO,SAAS,MAAM;AAAA,IACxB,CAAC;AAAA,EACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{async function f(){try{let n=await fetch("https://ipwho.is/");if(!n.ok)throw new Error("Failed to fetch geolocation");let e=await n.json();return e.success===!1?(console.error("Geolocation lookup failed:",e.message),null):{ip:e.ip,country:e.country,region:e.region,city:e.city,latitude:e.latitude,longitude:e.longitude,isp:e.connection?.isp||"",timezone:e.timezone?.id||""}}catch(n){return console.error("Error fetching geolocation:",n),null}}var m="geo:data:v1",u="geo_country",d=7*24*60*60*1e3;function g(n,e,o){document.cookie=`${encodeURIComponent(n)}=${encodeURIComponent(e)}; Max-Age=${o}; Path=/; SameSite=Lax; Secure`}function y(n){let e=`${encodeURIComponent(n)}=`,o=document.cookie.split("; ");for(let i of o)if(i.startsWith(e))return decodeURIComponent(i.slice(e.length));return null}function D(n){try{let e=localStorage.getItem(n);if(!e)return null;let o=JSON.parse(e);return!o?.expiresAt||Date.now()>o.expiresAt?(localStorage.removeItem(n),null):o.data}catch{return localStorage.removeItem(n),null}}function L(n,e,o){let i={data:e,expiresAt:Date.now()+o};try{localStorage.setItem(n,JSON.stringify(i))}catch{}}async function p(n){if(typeof window>"u")return null;if(!(n?.forceRefresh??!1)){let i=D(m);if(i)return window.__GEO=i,y(u)||g(u,i.country??"",Math.floor(d/1e3)),i}let o=await f();return o?(L(m,o,d),g(u,o.country??"",Math.floor(d/1e3)),window.__GEO=o,o):null}function h(){return y(u)}async function b(){if(typeof window>"u")return!1;let n=h();return n?n.toLowerCase()==="india":((await p())?.country??"").toLowerCase()==="india"}function w(n,e,o="auto"){let a=(window||{}).gsap;if(!a){console.warn("GSAP not found on window. Did you include it globally?");return}let t=document.querySelector(n),s=document.querySelector(e);if(!t||!s){console.warn("openBanner: Element(s) not found for selectors:",{mainSelector:n,innerSelector:e});return}a.set(t,{height:0,overflow:"hidden"}),a.set(s,{opacity:0});let l=a.timeline();return l.to(t,{height:o,duration:.5,ease:"power2.out"}),l.to(s,{opacity:1,duration:.3,ease:"power1.out"},.2),l}function x(n,e,o=0){let a=(window||{}).gsap;if(!a){console.warn("GSAP not found on window. Did you include it globally?");return}let t=document.querySelector(n),s=document.querySelector(e);if(!t||!s){console.warn("closeBanner: Element(s) not found for selectors:",{mainSelector:n,innerSelector:e});return}a.set(t,{overflow:"hidden"});let l=a.timeline();return l.to(s,{opacity:0,duration:.25,ease:"power1.out"}),l.to(t,{height:o,duration:.45,ease:"power2.inOut"},.2),l}function C(n,e,o){let i=new Date;i.setTime(i.getTime()+o*60*60*1e3),document.cookie=`${n}=${e}; expires=${i.toUTCString()}; path=/`}function v(n){let e=document.cookie.match(new RegExp("(^| )"+n+"=([^;]+)"));return e?e[2]:null}function k(){let n=window.innerWidth;return n>=992?"desktop":n>=768?"tablet":n>=480?"mobile-landscape":"mobile-portrait"}var E='[fynd-navigation="ip-banner"]',T='[fynd-navigation="ip-banner-inner"]',I='[fynd-navigation="ip-banner-close"]',c=document.querySelector('[fynd-navigation="announcement-bar"]'),S=document.querySelector('[fynd-navigation="announcement-list"]'),r={ipbanner:{visibility:!0,height:{desktop:"50px",tablet:"50px",mobileLandscape:"40px",mobile:"50px"}},announcementbar:{visibility:!1,height:{desktop:"40px",tablet:"40px",mobileLandscape:"40px",mobile:"46px"}},scrolled:{visibility:!1,height:{desktop:"150px",tablet:"150px",mobileLandscape:"40px",mobile:"150px"}},default:{visibility:!0,height:{desktop:"150px",tablet:"150px",mobileLandscape:"40px",mobile:"150px"}}};function B(){c&&S&&S.children.length>0?r.announcementbar.visibility=!0:(r.announcementbar.visibility=!1,c&&c.parentNode&&(c.parentNode.removeChild(c),console.log("Announcement bar removed \u274C")))}function G(){let n='[fynd-navigation="dropdown-container"]',e=document.querySelector(n);if(console.log("Dropdown container element:",e),!e){console.warn(`initDesktopDropdownMenu: element not found: ${n}`);return}let o=k?.()??"unknown";console.log("Detected screenType:",o);let i=t=>{if(typeof t=="number")return t;if(typeof t=="string"){let s=parseFloat(t);return Number.isFinite(s)?s:0}return 0};if(o!=="desktop"){console.log("Not desktop \u2192 resetting transform"),e.style.transition=e.style.transition||"transform 0.3s ease",e.style.transform="translateY(0px)";return}let a=0;if(console.log("navigationData:",r),r.default?.visibility){let t=i(r.default.height?.[o]);a+=t,console.log("default height:",t)}if(r.announcementbar?.visibility){let t=i(r.announcementbar.height?.[o]);a+=t,console.log("announcementbar height:",t)}if(r.ipbanner?.visibility){let t=i(r.ipbanner.height?.[o]);a+=t,console.log("ipbanner height:",t)}console.log("Total height to be moved:",a),e.style.transition||(e.style.transition="transform 0.3s ease"),requestAnimationFrame(()=>{console.log("Applying transform..."),e.style.transform=`translateY(${a}px)`,console.log("Transform applied:",e.style.transform)})}document.addEventListener("DOMContentLoaded",()=>{(async()=>{let n=v("ipBannerClosed")==="true";n&&(console.log("Banner previously closed, skipping display"),r.ipbanner.visibility=!1);let e=await p();if(e&&console.log("Geo data ",e),!n&&await b()){console.log("Show India-specific banner \u{1F389}"),w(E,T,r.ipbanner.height.desktop),r.ipbanner.visibility=!0;let o=document.querySelector(I);o&&o.addEventListener("click",()=>{x(E,T),C("ipBannerClosed","true",24),r.ipbanner.visibility=!1,G()})}else r.ipbanner.visibility=!1})(),B(),r.scrolled.visibility=window.scrollY>50,G(),console.log(r)});window.addEventListener("scroll",()=>{r.scrolled.visibility=window.scrollY>50});console.log("working");})();
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../bin/live-reload.js", "../../src/global/geolocation/main.ts", "../../src/global/geolocation/geolocation-cached.ts", "../../src/navigation/country-detection/india.ts", "../../src/global/animation/toggle-banner.ts", "../../src/utils/cookies.ts", "../../src/global/screen-type.ts", "../../src/navigation/initialization.ts"],
|
|
4
|
+
"sourcesContent": ["// Only enable live reload when running on localhost\nif (\n window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\"\n) {\n new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n location.reload()\n );\n} else {\n console.log(\"Live reload disabled: not running on localhost\");\n}\n", "// Define the type for returned geolocation data\n// Remider for adding Fallback: ipinfo.io (HTTPS, requires token)\nexport type GeoData = {\n ip: string;\n country: string;\n region: string;\n city: string;\n latitude: number;\n longitude: number;\n isp: string;\n timezone: string;\n };\n \n // Exported function that can be reused anywhere\n export async function getGeolocation(): Promise<GeoData | null> {\n try {\n const response = await fetch(\"https://ipwho.is/\");\n if (!response.ok) {\n throw new Error(\"Failed to fetch geolocation\");\n }\n \n const data = await response.json();\n \n if (data.success === false) {\n console.error(\"Geolocation lookup failed:\", data.message);\n return null;\n }\n \n return {\n ip: data.ip,\n country: data.country,\n region: data.region,\n city: data.city,\n latitude: data.latitude,\n longitude: data.longitude,\n isp: data.connection?.isp || \"\",\n timezone: data.timezone?.id || \"\"\n };\n } catch (error) {\n console.error(\"Error fetching geolocation:\", error);\n return null;\n }\n }\n\n //used in /src/navigation/initialization.ts for displaying ip banner", "import { GeoData, getGeolocation } from \"./main\";\n\nconst GEO_CACHE_KEY = \"geo:data:v1\";\nconst GEO_COOKIE_KEY = \"geo_country\";\nconst GEO_TTL_MS = 7 * 24 * 60 * 60 * 1000; // 7 days\n\ntype Cached<T> = { data: T; expiresAt: number };\n\n// --- Cookie helpers ---\nfunction setCookie(name: string, value: string, maxAgeSec: number) {\n document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; Max-Age=${maxAgeSec}; Path=/; SameSite=Lax; Secure`;\n}\n\nfunction getCookie(name: string): string | null {\n const key = `${encodeURIComponent(name)}=`;\n const parts = document.cookie.split(\"; \");\n for (const p of parts) {\n if (p.startsWith(key)) return decodeURIComponent(p.slice(key.length));\n }\n return null;\n}\n\nfunction clearCookie(name: string) {\n document.cookie = `${encodeURIComponent(name)}=; Max-Age=0; Path=/; SameSite=Lax; Secure`;\n}\n\n// --- LocalStorage helpers ---\nfunction readCache<T>(key: string): T | null {\n try {\n const raw = localStorage.getItem(key);\n if (!raw) return null;\n const parsed = JSON.parse(raw) as Cached<T>;\n if (!parsed?.expiresAt || Date.now() > parsed.expiresAt) {\n localStorage.removeItem(key);\n return null;\n }\n return parsed.data;\n } catch {\n localStorage.removeItem(key);\n return null;\n }\n}\n\nfunction writeCache<T>(key: string, data: T, ttlMs: number) {\n const payload: Cached<T> = { data, expiresAt: Date.now() + ttlMs };\n try {\n localStorage.setItem(key, JSON.stringify(payload));\n } catch {\n // ignore quota errors\n }\n}\n\n// --- Public API ---\nexport async function getGeolocationCached(options?: {\n forceRefresh?: boolean;\n}): Promise<GeoData | null> {\n if (typeof window === \"undefined\") return null;\n\n const forceRefresh = options?.forceRefresh ?? false;\n\n if (!forceRefresh) {\n const cached = readCache<GeoData>(GEO_CACHE_KEY);\n if (cached) {\n (window as any).__GEO = cached;\n if (!getCookie(GEO_COOKIE_KEY)) {\n setCookie(GEO_COOKIE_KEY, cached.country ?? \"\", Math.floor(GEO_TTL_MS / 1000));\n }\n return cached;\n }\n }\n\n const fresh = await getGeolocation();\n if (!fresh) return null;\n\n writeCache(GEO_CACHE_KEY, fresh, GEO_TTL_MS);\n setCookie(GEO_COOKIE_KEY, fresh.country ?? \"\", Math.floor(GEO_TTL_MS / 1000));\n (window as any).__GEO = fresh;\n return fresh;\n}\n\nexport function getGeoCountryFromCookie(): string | null {\n return getCookie(GEO_COOKIE_KEY);\n}\n\nexport function clearGeolocationCache() {\n try {\n localStorage.removeItem(GEO_CACHE_KEY);\n } catch {}\n clearCookie(GEO_COOKIE_KEY);\n if (typeof window !== \"undefined\") {\n (window as any).__GEO = undefined;\n }\n}", "import { getGeoCountryFromCookie, getGeolocationCached } from \"src/global/geolocation/geolocation-cached\";\nimport { GeoData } from \"src/global/geolocation/main\";\n\n\nexport async function isIndia(): Promise<boolean> {\n if (typeof window === \"undefined\") return false;\n\n // 1) Cookie fast-path\n const cookieCountry = getGeoCountryFromCookie();\n if (cookieCountry) {\n return cookieCountry.toLowerCase() === \"india\";\n }\n\n // 2) Cached or network\n const geo: GeoData | null = await getGeolocationCached();\n return (geo?.country ?? \"\").toLowerCase() === \"india\";\n}", "// toggleBanner.ts\n// Utility functions to open/close a banner using GSAP with optional target height.\n\nexport function openBanner(\n mainSelector: string,\n innerSelector: string,\n targetHeight: string | number = \"auto\" // default stays \"auto\"\n) {\n const w = (window as any) || {};\n const gsap = w.gsap as any;\n if (!gsap) {\n console.warn(\"GSAP not found on window. Did you include it globally?\");\n return;\n }\n\n const mainEl = document.querySelector<HTMLElement>(mainSelector);\n const innerEl = document.querySelector<HTMLElement>(innerSelector);\n\n if (!mainEl || !innerEl) {\n console.warn(\"openBanner: Element(s) not found for selectors:\", {\n mainSelector,\n innerSelector,\n });\n return;\n }\n\n // Ensure clean start\n gsap.set(mainEl, { height: 0, overflow: \"hidden\" });\n gsap.set(innerEl, { opacity: 0 });\n\n const tl = gsap.timeline();\n\n // Animate main from height: 0 -> targetHeight\n tl.to(mainEl, {\n height: targetHeight,\n duration: 0.5,\n ease: \"power2.out\",\n });\n\n // After 0.2s, fade inner to 1\n tl.to(\n innerEl,\n {\n opacity: 1,\n duration: 0.3,\n ease: \"power1.out\",\n },\n 0.2\n );\n\n return tl;\n}\n\nexport function closeBanner(\n mainSelector: string,\n innerSelector: string,\n targetHeight: string | number = 0 // default collapse fully\n) {\n const w = (window as any) || {};\n const gsap = w.gsap as any;\n if (!gsap) {\n console.warn(\"GSAP not found on window. Did you include it globally?\");\n return;\n }\n\n const mainEl = document.querySelector<HTMLElement>(mainSelector);\n const innerEl = document.querySelector<HTMLElement>(innerSelector);\n\n if (!mainEl || !innerEl) {\n console.warn(\"closeBanner: Element(s) not found for selectors:\", {\n mainSelector,\n innerSelector,\n });\n return;\n }\n\n gsap.set(mainEl, { overflow: \"hidden\" });\n\n const tl = gsap.timeline();\n\n // Fade inner out\n tl.to(innerEl, {\n opacity: 0,\n duration: 0.25,\n ease: \"power1.out\",\n });\n\n // Collapse height to targetHeight (default 0)\n tl.to(\n mainEl,\n {\n height: targetHeight,\n duration: 0.45,\n ease: \"power2.inOut\",\n },\n 0.2\n );\n\n return tl;\n}", "export function setCookie(name: string, value: string, hours: number) {\n const date = new Date();\n date.setTime(date.getTime() + hours * 60 * 60 * 1000);\n document.cookie = `${name}=${value}; expires=${date.toUTCString()}; path=/`;\n }\n \n export function getCookie(name: string): string | null {\n const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));\n return match ? match[2] : null;\n }", "// screen-type.ts\n// Utility to get the current screen type\n// Breakpoints:\n// - Desktop: 992px+\n// - Tablet: 768px\u2013991px\n// - Mobile Landscape: 480px\u2013767px\n// - Mobile Portrait: under 480px\n\nexport type ScreenType = \"desktop\" | \"tablet\" | \"mobile-landscape\" | \"mobile-portrait\";\n\nexport function getScreenType(): ScreenType {\n const width = window.innerWidth;\n\n if (width >= 992) {\n return \"desktop\";\n } else if (width >= 768) {\n return \"tablet\";\n } else if (width >= 480) {\n return \"mobile-landscape\";\n } else {\n return \"mobile-portrait\";\n }\n}", "import { getGeolocationCached } from \"src/global/geolocation/geolocation-cached\";\nimport { isIndia } from \"./country-detection/india\";\nimport { closeBanner, openBanner } from \"src/global/animation/toggle-banner\";\nimport { getCookie, setCookie } from \"$utils/cookies\";\nimport { getScreenType } from \"src/global/screen-type\";\n\n//ip banner elements\nconst ipBannerMain = '[fynd-navigation=\"ip-banner\"]';\nconst ipBannerInner = '[fynd-navigation=\"ip-banner-inner\"]';\nconst closeIpBanner = '[fynd-navigation=\"ip-banner-close\"]';\n\n//announcement bar elements\nconst announcementBar = document.querySelector('[fynd-navigation=\"announcement-bar\"]');\nconst announcementList = document.querySelector('[fynd-navigation=\"announcement-list\"]');\n\n// Global navigation state\nconst navigationData = {\n ipbanner: {\n visibility: true,\n height: {\n desktop: \"50px\",\n tablet: \"50px\",\n mobileLandscape : \"40px\",\n mobile: \"50px\",\n },\n },\n announcementbar: {\n visibility: false,\n height: {\n desktop: \"40px\",\n tablet: \"40px\",\n mobileLandscape : \"40px\",\n mobile: \"46px\",\n },\n },\n scrolled: {\n visibility: false,\n height: {\n desktop: \"150px\",\n tablet: \"150px\",\n mobileLandscape : \"40px\",\n mobile: \"150px\",\n },\n },\n default:{\n visibility : true,\n height: {\n desktop: \"150px\",\n tablet: \"150px\",\n mobileLandscape : \"40px\",\n mobile: \"150px\",\n },\n }\n};\n\n// \u2705 Function to init announcement bar\nfunction initAnnouncementBar() {\n if (announcementBar && announcementList && announcementList.children.length > 0) {\n navigationData.announcementbar.visibility = true;\n } else {\n navigationData.announcementbar.visibility = false;\n\n // Remove announcement bar from DOM if not visible\n if (announcementBar && announcementBar.parentNode) {\n announcementBar.parentNode.removeChild(announcementBar);\n console.log(\"Announcement bar removed \u274C\");\n }\n }\n}\n\n\nfunction initDesktopDropdownMenu() {\n const selector = '[fynd-navigation=\"dropdown-container\"]';\n const el = document.querySelector<HTMLElement>(selector);\n \n console.log(\"Dropdown container element:\", el);\n \n if (!el) {\n console.warn(`initDesktopDropdownMenu: element not found: ${selector}`);\n return;\n }\n \n const screenType = getScreenType?.() ?? \"unknown\";\n console.log(\"Detected screenType:\", screenType);\n \n // helper\n const toPx = (v?: string | number): number => {\n if (typeof v === \"number\") return v;\n if (typeof v === \"string\") {\n const n = parseFloat(v);\n return Number.isFinite(n) ? n : 0;\n }\n return 0;\n };\n \n // Not desktop \u2192 reset\n if (screenType !== \"desktop\") {\n console.log(\"Not desktop \u2192 resetting transform\");\n el.style.transition = el.style.transition || \"transform 0.3s ease\";\n el.style.transform = \"translateY(0px)\";\n return;\n }\n \n // Calculate total\n let total = 0;\n \n console.log(\"navigationData:\", navigationData);\n \n if (navigationData.default?.visibility) {\n const h = toPx(navigationData.default.height?.[screenType]);\n total += h;\n console.log(\"default height:\", h);\n }\n \n if (navigationData.announcementbar?.visibility) {\n const h = toPx(navigationData.announcementbar.height?.[screenType]);\n total += h;\n console.log(\"announcementbar height:\", h);\n }\n \n if (navigationData.ipbanner?.visibility) {\n const h = toPx(navigationData.ipbanner.height?.[screenType]);\n total += h;\n console.log(\"ipbanner height:\", h);\n }\n \n console.log(\"Total height to be moved:\", total);\n \n // Apply transition\n if (!el.style.transition) {\n el.style.transition = \"transform 0.3s ease\";\n }\n \n requestAnimationFrame(() => {\n console.log(\"Applying transform...\");\n el.style.transform = `translateY(${total}px)`;\n console.log(\"Transform applied:\", el.style.transform);\n });\n }\n\n\n// init functions\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n (async () => {\n // Banner init\n const ipClosed = getCookie(\"ipBannerClosed\") === \"true\";\n if (ipClosed) {\n console.log(\"Banner previously closed, skipping display\");\n navigationData.ipbanner.visibility = false;\n }\n \n const geo = await getGeolocationCached();\n if (geo) console.log(\"Geo data \", geo);\n \n if (!ipClosed && (await isIndia())) {\n console.log(\"Show India-specific banner \uD83C\uDF89\");\n openBanner(ipBannerMain, ipBannerInner, navigationData.ipbanner.height.desktop);\n navigationData.ipbanner.visibility = true;\n \n const closeBtn = document.querySelector<HTMLElement>(closeIpBanner);\n if (closeBtn) {\n closeBtn.addEventListener(\"click\", () => {\n closeBanner(ipBannerMain, ipBannerInner);\n setCookie(\"ipBannerClosed\", \"true\", 24);\n navigationData.ipbanner.visibility = false;\n initDesktopDropdownMenu(); // recompute after close\n });\n }\n } else {\n navigationData.ipbanner.visibility = false;\n }\n \n \n \n })();\n\n // \u2705 Init announcement bar before computing totals\n initAnnouncementBar();\n \n // Scroll init (on load)\n navigationData.scrolled.visibility = window.scrollY > 50;\n \n initDesktopDropdownMenu()\n console.log(navigationData);\n \n });\n\n// Update navigation data on scroll\nwindow.addEventListener(\"scroll\", () => {\n navigationData.scrolled.visibility = window.scrollY > 50;\n});\n\nconsole.log(\"working\");"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["setCookie", "getCookie", "getCookie", "setCookie"]
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[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:
|
|
1
|
+
[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}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/navigation/style.css"],
|
|
4
|
-
"sourcesContent": ["[data-tab-link-active=\"true\"] {\n border-right-color: #404040;\n background-color: #f8f8f9;\n opacity: 1;\n}\n\n\n\n[data-tab-content-active] {\n display: none;\n}\n\n[data-tab-content-active=\"true\"] {\n display: block;\n}\n\n[data-tab-content-active=\"false\"] {\n display: none;\n}\n\n[data-nav-element=\"mover\"] {\n height: 0;\n overflow: hidden;\n}\n\n[data-nav-element=\"overlay\"] {\n opacity: 0;\n display: none;\n}\n\n[data-nav-element=\"wrapper\"] {\n top: 44px;\n /* top: 100px; */\n}\n\n[data-nav-toggle=\"main-menu\"]{\nz-index: 10 !important; /* z-index: 999; if we need to show in nested menu too */\n \n \n}\n\n[data-mobile-nav=\"main-menu\"] {\n z-index: 999; /* z-index: 999; if we need to show in nested menu too */\n}\n\n[data-nav-element=\"mover\"] {\n border-radius: 0px 0px 12px 12px;\n box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 6px;\n}\n\n[data-dropdown-item] {\n width: 100%;\n}\n\n[data-dropdown-item=\"resources\"] {\n width: 100%;\n}\n\n[data-dropdown-item=\"company\"] {\n width: 100%;\n}\n\n[data-desktop-content] {\n display: none;\n}\n\n@media (max-width: 992px) {\n [data-desktop-content] {\n display: block;\n }\n}\n\n/* announcement bar */\n\n.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n display: none;\n flex-direction: column;\n height: 100%;\n bottom: 0px;\n justify-content: center;\n gap: 4px;\n padding-left: 20px;\n padding-right: 20px;\n}\n\nspan.swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n background: rgba(255, 255, 255, 0.80);\n pointer-events: auto;\n}\n\nspan.swiper-pagination-bullet.swiper-pagination-bullet-active {\n background: white;\n}\n\n@media screen and (max-width: 1024px) {\n .announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n left: -16px;\n }\n}\n\n\n/* navigation scrolled up */\n[navigation-scrolled=\"true\"] {\n transform: translateY(-40px);\n box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 10px;\n}\n\n[announcementbar=\"false\"]{\n transform: translateY(-40px) !important;\n}\n\n[navigation-scrolled-menu=\"false\"] {\n top: 0px;\n }\n\n[navigation-scrolled=\"false\"] {\n transform: translateY(0);\n}\n\n@media screen and (max-width: 991px) {\n [navigation-scrolled=\"true\"] {\n transform: translateY(-50px);\n }\n\n [navigation-scrolled-menu=\"true\"] {\n top:
|
|
4
|
+
"sourcesContent": ["[data-tab-link-active=\"true\"] {\n border-right-color: #404040;\n background-color: #f8f8f9;\n opacity: 1;\n}\n\n\n\n[data-tab-content-active] {\n display: none;\n}\n\n[data-tab-content-active=\"true\"] {\n display: block;\n}\n\n[data-tab-content-active=\"false\"] {\n display: none;\n}\n\n[data-nav-element=\"mover\"] {\n height: 0;\n overflow: hidden;\n}\n\n[data-nav-element=\"overlay\"] {\n opacity: 0;\n display: none;\n}\n\n[data-nav-element=\"wrapper\"] {\n top: 44px;\n /* top: 100px; */\n}\n\n[data-nav-toggle=\"main-menu\"]{\nz-index: 10 !important; /* z-index: 999; if we need to show in nested menu too */\n \n \n}\n\n[data-mobile-nav=\"main-menu\"] {\n z-index: 999; /* z-index: 999; if we need to show in nested menu too */\n}\n\n[data-nav-element=\"mover\"] {\n border-radius: 0px 0px 12px 12px;\n box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 6px;\n}\n\n[data-dropdown-item] {\n width: 100%;\n}\n\n[data-dropdown-item=\"resources\"] {\n width: 100%;\n}\n\n[data-dropdown-item=\"company\"] {\n width: 100%;\n}\n\n[data-desktop-content] {\n display: none;\n}\n\n@media (max-width: 992px) {\n [data-desktop-content] {\n display: block;\n }\n}\n\n/* announcement bar */\n\n.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n display: none;\n flex-direction: column;\n height: 100%;\n bottom: 0px;\n justify-content: center;\n gap: 4px;\n padding-left: 20px;\n padding-right: 20px;\n}\n\nspan.swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n background: rgba(255, 255, 255, 0.80);\n pointer-events: auto;\n}\n\nspan.swiper-pagination-bullet.swiper-pagination-bullet-active {\n background: white;\n}\n\n@media screen and (max-width: 1024px) {\n .announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n left: -16px;\n }\n}\n\n\n/* navigation scrolled up */\n[navigation-scrolled=\"true\"] {\n transform: translateY(-40px);\n box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 10px;\n}\n\n[announcementbar=\"false\"]{\n transform: translateY(-40px) !important;\n}\n\n[navigation-scrolled-menu=\"false\"] {\n top: 0px;\n }\n\n[navigation-scrolled=\"false\"] {\n transform: translateY(0);\n}\n\n@media screen and (max-width: 991px) {\n [navigation-scrolled=\"true\"] {\n transform: translateY(-50px);\n }\n\n [navigation-scrolled-menu=\"true\"] {\n top: 0px;\n }\n\n[announcementbar=\"false\"]{\n transform: translateY(-46px) !important;\n}\n}\n\n/* navigation scrolled when click loader is visible */\n[navigation-scrolled-dependent=\"true\"].click-loader{\n top : 40px;\n}\n[navigation-scrolled-dependent=\"false\"].click-loader{\n top : 40px;\n}\n\n/* secondary navigation */\n\n[fynd-secondary-nav=\"link\"]{\n border-bottom: 1px solid #0000;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-top: 0.65rem;\n padding-bottom: 0.65rem;\n transition-property: all;\n transition-duration: 300ms;\n transition-timing-function: ease;\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n}\n[fynd-secondary-navlink-active=\"true\"]{\n background-color: #f2f2f2;\n border-bottom-color: #000;\n}\n\n[fynd-secondary-nav=\"wrapper\"] {\n display: none;\n}"],
|
|
5
5
|
"mappings": ";AAAA,CAAC;AACC,sBAAoB;AACpB,oBAAkB;AAClB,WAAS;AACX;AAIA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACR,YAAU;AACZ;AAEA,CAAC;AACC,WAAS;AACT,WAAS;AACX;AAEA,CAAC;AACC,OAAK;AAEP;AAEA,CAAC;AACD,WAAS;AAGT;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,iBAAe,IAAI,IAAI,KAAK;AAC5B,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,KAAK,KAAK;AAChD;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,WAAS;AACX;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GAAC;AACC,aAAS;AACX;AACF;AAIA,CAAC,uBAAuB,CAAC,2BAA2B,CAAC,yBAAyB,CAAC;AAC7E,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACR,UAAQ;AACR,mBAAiB;AACjB,OAAK;AACL,gBAAc;AACd,iBAAe;AACjB;AAEA,IAAI,CAAC;AACH,SAAO;AACP,UAAQ;AACR,cAAY,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAChC,kBAAgB;AAClB;AAEA,IAAI,CAPC,wBAOwB,CAAC;AAC5B,cAAY;AACd;AAEA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC5B,GAvBD,uBAuByB,CAvBD,2BAuB6B,CAvBD,yBAuB2B,CAvBD;AAwB3E,UAAM;AACR;AACF;AAIA,CAAC;AACC,aAAW,WAAW;AACtB,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,KAAK,KAAK;AAChD;AAEA,CAAC;AACC,aAAW,WAAW;AACxB;AAEA,CAAC;AACG,OAAK;AACP;AAEF,CAAC;AACC,aAAW,WAAW;AACxB;AAEA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC5B,GAAC;AACC,eAAW,WAAW;AACxB;AAEA,GAAC;AACC,SAAK;AACP;AAEF,GAAC;AACC,eAAW,WAAW;AACxB;AACA;AAGA,CAAC,mCAAqC,CAAC;AACrC,OAAM;AACR;AACA,CAAC,oCAAsC,CAHA;AAIrC,OAAM;AACR;AAIA,CAAC;AACC,iBAAe,IAAI,MAAM;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,gBAAc;AACd,iBAAe;AACf,eAAa;AACb,kBAAgB;AAChB,uBAAqB;AACrB,uBAAqB;AACrB,8BAA4B;AAC5B,UAAQ;AACR,eAAa;AACb,eAAa;AACf;AACA,CAAC;AACC,oBAAkB;AAClB,uBAAqB;AACvB;AAEA,CAAC;AACC,WAAS;AACX;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.test__class{color:#f0f8ff}[fynd-navigation=dropdown-container]{top:0!important}[fynd-navigation=ip-banner]{height:0px;overflow:hidden}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/navigation/temp.css"],
|
|
4
|
+
"sourcesContent": [".test__class{\n color: aliceblue;\n}\n\n[fynd-navigation=\"dropdown-container\"]{\n top: 0 !important;\n}\n\n/* No control visibility of anouncementbar if there is any annnouncement -> make visible in webflow else make hidden */\n[fynd-navigation=\"announcement-bar\"]{\n\n}\n[fynd-navigation=\"ip-banner\"]{\n height: 0px;\n overflow: hidden;\n}\n\n"],
|
|
5
|
+
"mappings": ";AAAA,CAAC;AACG,SAAO;AACX;AAEA,CAAC;AACE,OAAK;AACR;AAGA,CAAC;AAED;AACA,CAAC;AACG,UAAQ;AACR,YAAU;AACd;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../bin/live-reload.js", "../../src/others/hero-india-animation-2.ts"],
|
|
4
|
-
"sourcesContent": ["// Only enable live reload when running on localhost\nif (\n window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\"\n) {\n new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n location.reload()\n );\n} else {\n console.log(\"Live reload disabled: not running on localhost\");\n}\n", "// assumes gsap is available globally\nconst gsap = (window as any).gsap as any;\n\nexport const heroAnimatedText: string[] = [\n
|
|
5
|
-
"mappings": ";;;AACA,MACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa,aAC7B;AACA,QAAI,YAAY,GAAG,uBAAY,UAAU,EAAE;AAAA,MAAiB;AAAA,MAAU,MACpE,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,IAAI,gDAAgD;AAAA,EAC9D;;;ACTA,MAAM,OAAQ,OAAe;AAEtB,MAAM,mBAA6B;AAAA,
|
|
4
|
+
"sourcesContent": ["// Only enable live reload when running on localhost\nif (\n window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\"\n) {\n new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n location.reload()\n );\n} else {\n console.log(\"Live reload disabled: not running on localhost\");\n}\n", "// assumes gsap is available globally\nconst gsap = (window as any).gsap as any;\n\nexport const heroAnimatedText: string[] = [\n \"Online Selling\",\n \"Omnichannel POS\",\n \"Quick Commerce\",\n \"Order Management\",\n \"Supply Chain\",\n \"Enriched Catalog\",\n \"Photoshoot\",\n \"Retail Insights\",\n ];\n\nexport function playChroma(): void {\n const el = document.getElementById(\"chroma\");\n if (!el) return;\n el.setAttribute(\"data-animate\", \"false\");\n void el.offsetWidth; // reflow\n el.setAttribute(\"data-animate\", \"true\");\n}\n\nfunction makeChromaHeading(text: string): HTMLHeadingElement {\n const h1 = document.createElement(\"h1\");\n h1.id = \"chroma\";\n h1.className = \"chroma-text\";\n h1.setAttribute(\"data-animate\", \"false\");\n h1.textContent = text;\n h1.style.opacity = \"0\"; // start hidden\n return h1;\n}\n\ntype LoopOptions = { fadeDuration?: number; holdDuration?: number };\n\nexport function startChromaLoop(\n texts: string[] = heroAnimatedText,\n { fadeDuration = 0.35, holdDuration = 3.0 }: LoopOptions = {}\n) {\n const slot = document.querySelector<HTMLElement>(\"[chroma-slot]\");\n if (!slot || !gsap) return null;\n\n // Build one slide (child timeline) per string\n const slide = (text: string) => {\n const el = makeChromaHeading(text);\n const t = gsap.timeline({ defaults: { ease: \"power1.out\" } });\n\n t.add(() => {\n // Append right when this slide starts\n slot.appendChild(el);\n });\n\n t.to(el, {\n duration: fadeDuration,\n autoAlpha: 1, // opacity + visibility\n onStart: () => playChroma(),\n });\n\n t.to(el, { duration: holdDuration, autoAlpha: 1 });\n\n t.to(el, { duration: fadeDuration, autoAlpha: 0 });\n\n t.add(() => {\n el.remove();\n });\n\n return t;\n };\n\n // Master loop\n const master = gsap.timeline({ repeat: -1 });\n texts.forEach((txt) => master.add(slide(txt)));\n\n return master;\n}\n\n// kick it off\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n startChromaLoop();\n});"],
|
|
5
|
+
"mappings": ";;;AACA,MACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa,aAC7B;AACA,QAAI,YAAY,GAAG,uBAAY,UAAU,EAAE;AAAA,MAAiB;AAAA,MAAU,MACpE,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,IAAI,gDAAgD;AAAA,EAC9D;;;ACTA,MAAM,OAAQ,OAAe;AAEtB,MAAM,mBAA6B;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEK,WAAS,aAAmB;AACjC,UAAM,KAAK,SAAS,eAAe,QAAQ;AAC3C,QAAI,CAAC,GAAI;AACT,OAAG,aAAa,gBAAgB,OAAO;AACvC,SAAK,GAAG;AACR,OAAG,aAAa,gBAAgB,MAAM;AAAA,EACxC;AAEA,WAAS,kBAAkB,MAAkC;AAC3D,UAAM,KAAK,SAAS,cAAc,IAAI;AACtC,OAAG,KAAK;AACR,OAAG,YAAY;AACf,OAAG,aAAa,gBAAgB,OAAO;AACvC,OAAG,cAAc;AACjB,OAAG,MAAM,UAAU;AACnB,WAAO;AAAA,EACT;AAIO,WAAS,gBACd,QAAkB,kBAClB,EAAE,eAAe,MAAM,eAAe,EAAI,IAAiB,CAAC,GAC5D;AACA,UAAM,OAAO,SAAS,cAA2B,eAAe;AAChE,QAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAG3B,UAAM,QAAQ,CAAC,SAAiB;AAC9B,YAAM,KAAK,kBAAkB,IAAI;AACjC,YAAM,IAAI,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,EAAE,CAAC;AAE5D,QAAE,IAAI,MAAM;AAEV,aAAK,YAAY,EAAE;AAAA,MACrB,CAAC;AAED,QAAE,GAAG,IAAI;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA;AAAA,QACX,SAAS,MAAM,WAAW;AAAA,MAC5B,CAAC;AAED,QAAE,GAAG,IAAI,EAAE,UAAU,cAAc,WAAW,EAAE,CAAC;AAEjD,QAAE,GAAG,IAAI,EAAE,UAAU,cAAc,WAAW,EAAE,CAAC;AAEjD,QAAE,IAAI,MAAM;AACV,WAAG,OAAO;AAAA,MACZ,CAAC;AAED,aAAO;AAAA,IACT;AAGA,UAAM,SAAS,KAAK,SAAS,EAAE,QAAQ,GAAG,CAAC;AAC3C,UAAM,QAAQ,CAAC,QAAQ,OAAO,IAAI,MAAM,GAAG,CAAC,CAAC;AAE7C,WAAO;AAAA,EACT;AAGA,WAAS,iBAAiB,oBAAoB,MAAM;AAClD,oBAAgB;AAAA,EAClB,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED