@fynd-design-engineering/fynd-one-v2 3.3.32 → 3.3.34
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/accordians/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[fynd-faq-element="wrapper"]').forEach(
|
|
1
|
+
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[fynd-faq-element="wrapper"]').forEach(e=>{let t=e.querySelector('[fynd-faq-element="toggle"]'),n=e.querySelector('[fynd-faq-element="content"]'),i=e.querySelector('[fynd-faq-element="content-inner"]'),l=t?.querySelector('[fynd-faq-element="x-line"]')||null,s=t?.querySelector('[fynd-faq-element="y-line"]')||null;if(!t||!n||!i||!l||!s){console.warn("Required FAQ elements not found in wrapper");return}let u=e.closest("[fynd-faq-group]"),r=u?.getAttribute("fynd-faq-group")||null,c=u?.getAttribute("fynd-faq-type")||"one-at-a-time";e.getAttribute("fynd-faq-initialopen")==="true"?(gsap.set(n,{height:"auto",overflow:"hidden"}),gsap.set(i,{opacity:1}),gsap.set(l,{rotation:180}),gsap.set(s,{rotation:270}),t.setAttribute("data-state","open"),q(e,r),p(e,r),E(e,r),h(e,r)):(gsap.set(n,{height:0}),gsap.set(i,{opacity:0}),gsap.set(l,{rotation:0}),gsap.set(s,{rotation:0}),t.setAttribute("data-state","closed"));let a=!1;t.addEventListener("click",()=>{if(a)return;a=!0;let f=t.getAttribute("data-state")==="open";if(c==="one-at-a-time"&&u){let d=u.querySelectorAll('[fynd-faq-element="wrapper"] [data-state="open"]');if(f&&d.length===1){a=!1;return}}f?g(e,()=>{a=!1}):(c==="one-at-a-time"&&u&&T(u),L(e,r,()=>{a=!1}))})}),y(),A(),setTimeout(H,500)});window.addEventListener("resize",()=>{y()});function y(){if(window.innerWidth<992)return;document.querySelectorAll("[fynd-faq-image-target]").forEach(t=>{let n=t.parentElement;!n||n.getAttribute("ratio-height")!=="true"||(n.style.height="auto",requestAnimationFrame(()=>{let l=n.offsetHeight;n.style.height=`${l}px`}))}),document.querySelectorAll('[fynd-faq-tabgroup][ratio-height="true"]').forEach(t=>{t.style.height="auto",requestAnimationFrame(()=>{let n=t.offsetHeight;t.style.height=`${n}px`})})}function L(o,e,t){let n=o.querySelector('[fynd-faq-element="toggle"]'),i=o.querySelector('[fynd-faq-element="content"]'),l=o.querySelector('[fynd-faq-element="content-inner"]'),s=n?.querySelector('[fynd-faq-element="x-line"]')||null,u=n?.querySelector('[fynd-faq-element="y-line"]')||null;if(!n||!i||!l||!s||!u){console.warn("Required elements not found for opening accordion");return}i.gsapAnimation&&i.gsapAnimation.kill();let r=gsap.timeline({onComplete:()=>t&&t()});gsap.set(i,{height:"auto",visibility:"hidden",opacity:0});let c=i.offsetHeight;gsap.set(i,{height:0,visibility:"visible",opacity:1}),r.to(s,{rotation:180,duration:.4,ease:"power2.inOut"},0),r.to(u,{rotation:270,duration:.4,ease:"power2.inOut"},0),r.to(i,{height:c,duration:.5,ease:"power3.inOut",clearProps:"height",onComplete:()=>{i.style.height="auto"}},0),r.to(l,{opacity:1,duration:.4,ease:"power2.out"},"-=0.35"),i.gsapAnimation=r,n.setAttribute("data-state","open"),window.innerWidth<992&&setTimeout(()=>{b(o)},600);let a=n.querySelector('[fynd-faq-element="chevron"]');a&&gsap.to(a,{rotation:180,duration:.4,ease:"back.out(1.7)"}),q(o,e),p(o,e),E(o,e),h(o,e)}function g(o,e){let t=o.querySelector('[fynd-faq-element="toggle"]'),n=o.querySelector('[fynd-faq-element="content"]'),i=o.querySelector('[fynd-faq-element="content-inner"]'),l=t?.querySelector('[fynd-faq-element="x-line"]')||null,s=t?.querySelector('[fynd-faq-element="y-line"]')||null;if(!t||!n||!i||!l||!s){console.warn("Required elements not found for closing accordion");return}n.gsapAnimation&&n.gsapAnimation.kill();let u=n.offsetHeight;n.style.height=`${u}px`;let r=gsap.timeline({onComplete:()=>e&&e()});r.to(l,{rotation:0,duration:.4,ease:"power2.inOut"},0),r.to(s,{rotation:0,duration:.4,ease:"power2.inOut"},0),r.to(i,{opacity:0,duration:.3,ease:"power2.in"},0),r.to(n,{height:0,duration:.4,ease:"power3.inOut"},"-=0.25"),n.gsapAnimation=r,t.setAttribute("data-state","closed");let c=t.querySelector('[fynd-faq-element="chevron"]');c&&gsap.to(c,{rotation:0,duration:.4,ease:"back.out(1.7)"})}function T(o){o.querySelectorAll('[fynd-faq-element="wrapper"] [data-state="open"]').forEach(t=>{let n=t.closest('[fynd-faq-element="wrapper"]');n&&g(n)})}function q(o,e){if(!e)return;let t=document.querySelector(`[fynd-faq-image-target="${e}"]`);if(!t)return;let n=o.querySelector("[fynd-faq-image-source]");if(!n)return;let i=n.getAttribute("src"),l=n.getAttribute("srcset");i&&t.setAttribute("src",i),l&&t.setAttribute("srcset","")}function p(o,e){if(!e)return;let t=document.querySelector(`[fynd-faq-text-target="${e}"]`);if(!t)return;let n=o.querySelector("[fynd-faq-text-source]");n&&(t.textContent=n.textContent)}function E(o,e){if(!e)return;let t=document.querySelector(`[fynd-faq-button-text-target="${e}"]`),n=document.querySelector(`[fynd-faq-button-link-target="${e}"]`),i=o.querySelector("[fynd-faq-link-source]");if(i&&(t&&(t.textContent=i.textContent),n))for(let l=0;l<i.attributes.length;l++){let s=i.attributes[l];n.setAttribute(s.name,s.value)}}function h(o,e){if(!e)return;let t=document.querySelector(`[fynd-faq-video-target="${e}"]`);if(!t)return;let n=o.querySelector("[fynd-faq-video]"),i=o.querySelector("[fynd-faq-image]"),l=o.querySelector("[fynd-faq-video-source]"),s=window.innerWidth<992,u=l?.querySelector("source")||null,r=(u?.getAttribute("src")||"").trim(),c=(u?.getAttribute("type")||"video/mp4").trim(),a=!!l&&!!u&&r!=="";if(s&&(n&&(n.style.display=a?"block":"none"),i&&(i.style.display=a?"none":"block")),!a){t.style.display="none";let d=t.querySelector("source");if(d){d.removeAttribute("src"),d.removeAttribute("type");try{t.load()}catch{}}return}let f=t.querySelector("source");f||(f=document.createElement("source"),t.appendChild(f)),f.setAttribute("src",r),f.setAttribute("type",c),t.setAttribute("loop",""),t.setAttribute("autoplay",""),t.setAttribute("muted",""),t.setAttribute("playsinline",""),s&&l&&(l.setAttribute("loop",""),l.setAttribute("autoplay",""),l.setAttribute("muted",""),l.setAttribute("playsinline",""),m(l));try{t.load()}catch{}m(t),t.style.display="block"}function m(o){!o.isConnected||o.style.display==="none"||requestAnimationFrame(()=>{let e=o.play();e&&typeof e.catch=="function"&&e.catch(()=>{})})}function A(){let o=document.querySelectorAll("[fynd-faq-video-target]");if(!o.length)return;let e=new IntersectionObserver(t=>{t.forEach(n=>{let i=n.target;if(!(!i.querySelector("source[src]")||i.style.display==="none"))if(n.isIntersecting&&n.intersectionRatio>=.5)i.setAttribute("autoplay",""),i.setAttribute("muted",""),i.setAttribute("playsinline",""),i.setAttribute("loop",""),m(i);else try{i.pause()}catch{}})},{threshold:[0,.5,1]});o.forEach(t=>e.observe(t))}async function H(){let o=document.querySelectorAll("video[fynd-faq-video-target], video.fynd-faq-video-target, video[data-fynd-faq-video-target], video[fynd-faq-video-source]");for(let e of o)if(e.src||e.querySelector("source[src]")){e.setAttribute("muted",""),e.setAttribute("playsinline",""),e.setAttribute("autoplay",""),e.setAttribute("loop",""),e.preload="auto",e.muted=!0;try{await e.play()}catch{}}}function b(o){if(!o)return;let e=o.querySelector('[fynd-faq-element="scroll-trigger"]');if(!e){console.warn('No element with [fynd-faq-element="scroll-trigger"] found inside the wrapper:',o);return}e.scrollIntoView({behavior:"smooth"})}})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let a=document.querySelectorAll("[konnect-filter-element]");a.length!==0&&(setTimeout(i,200),a.forEach(e=>{e.addEventListener("click",()=>{e.getAttribute("konnect-filter-element")==="primary"?(setTimeout(c,100),document.querySelectorAll('[konnect-filter-element="secondary"]').forEach((n,o)=>{o==0?(n.click(),n.setAttribute("konnect-filter-active","true")):n.setAttribute("konnect-filter-active","false")})):setTimeout(r,100)})}))});function r(){let e=new URLSearchParams(window.location.search).get("nest-tag_equal"),t=document.querySelectorAll('[konnect-filter-element="secondary"]');if(!e){t.forEach((n,o)=>{o==0?n.setAttribute("konnect-filter-active","true"):n.setAttribute("konnect-filter-active","false")});return}let l=e.trim().toLowerCase();t.length!==0&&t.forEach(n=>{let o=n.querySelector("[fs-list-value]");if(!o)return;o.getAttribute("fs-list-value")?.trim().toLowerCase()===l?(n.setAttribute("konnect-filter-active","true"),t[0].setAttribute("konnect-filter-active","false")):n.setAttribute("konnect-filter-active","false")})}function c(){let e=new URLSearchParams(window.location.search).get("tag_equal"),t=document.getElementById("konnect-filter");if(!t){console.warn("Select element with id 'konnect-filter' not found.");return}e?Array.from(t.options).find(n=>n.value===e)?(t.value=e,console.log(`Selected option: ${e}`)):console.warn(`No matching option found for value: ${e}`):console.log("No 'tag_equal' parameter in URL.")}function i(){let e=new URLSearchParams(window.location.search).get("tag_equal"),t=document.getElementById("konnect-filter");if(!t){console.warn("Select element with id 'konnect-filter' not found.");return}e?Array.from(t.options).find(n=>n.value===e)?(t.value=e,console.log(`Selected from URL param: ${e}`)):(console.warn(`No matching option found for value: ${e}. Defaulting to Marketplaces.`),t.value="Marketplaces"):(t.value="Marketplaces",console.log("No tag_equal param found. Defaulted to Marketplaces."))}})();
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../bin/live-reload.js", "../../src/filters/konnect.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", "document.addEventListener(\"DOMContentLoaded\", () => {\n const elements = document.querySelectorAll<HTMLElement>(\n \"[konnect-filter-element]\"\n );\n if (elements.length === 0) return;\n setTimeout(updateMobileSelectOnLoad, 200);\n\n elements.forEach((el) => {\n el.addEventListener(\"click\", () => {\n // console.log(\"konnect-filter-element clicked:\", el);\n const type = el.getAttribute(\"konnect-filter-element\");\n if (type === \"primary\") {\n setTimeout(updateMobileSelect, 100);\n const items = document.querySelectorAll<HTMLElement>(\n '[konnect-filter-element=\"secondary\"]'\n );\n items.forEach((el, index) => {\n if (index == 0) {\n el.click();\n el.setAttribute(\"konnect-filter-active\", \"true\");\n } else {\n el.setAttribute(\"konnect-filter-active\", \"false\");\n }\n });\n } else {\n // console.log(\"check secondary active tab\");\n setTimeout(updateSecondaryFilterTabs, 100);\n }\n });\n });\n});\n\nfunction updateSecondaryFilterTabs(): void {\n // Read ?nest-tag_equal=... from the URL\n const params = new URLSearchParams(window.location.search);\n const raw = params.get(\"nest-tag_equal\");\n // Find all secondary filter elements\n const items = document.querySelectorAll<HTMLElement>(\n '[konnect-filter-element=\"secondary\"]'\n );\n if (!raw) {\n items.forEach((el, index) => {\n if (index == 0) {\n el.setAttribute(\"konnect-filter-active\", \"true\");\n } else {\n el.setAttribute(\"konnect-filter-active\", \"false\");\n }\n });\n return;\n }\n\n const target = raw.trim().toLowerCase();\n\n if (items.length === 0) return;\n\n items.forEach((el) => {\n const input = el.querySelector<HTMLInputElement>(\"[fs-list-value]\");\n if (!input) return;\n const valFromAttr = input\n .getAttribute(\"fs-list-value\")\n ?.trim()\n .toLowerCase();\n\n if (valFromAttr === target) {\n el.setAttribute(\"konnect-filter-active\", \"true\");\n items[0].setAttribute(\"konnect-filter-active\", \"false\");\n } else {\n el.setAttribute(\"konnect-filter-active\", \"false\");\n }\n });\n}\n\nfunction updateMobileSelect(): void {\n const params = new URLSearchParams(window.location.search);\n const raw = params.get(\"tag_equal\");\n\n const select = document.getElementById(\n \"konnect-filter\"\n ) as HTMLSelectElement | null;\n\n if (!select) {\n console.warn(\"Select element with id 'konnect-filter' not found.\");\n return;\n }\n\n if (raw) {\n const matchedOption = Array.from(select.options).find(\n (option) => option.value === raw\n );\n\n if (matchedOption) {\n select.value = raw;\n console.log(`Selected option: ${raw}`);\n } else {\n console.warn(`No matching option found for value: ${raw}`);\n }\n } else {\n console.log(\"No 'tag_equal' parameter in URL.\");\n }\n}\n\nfunction updateMobileSelectOnLoad(): void {\n const params = new URLSearchParams(window.location.search);\n const raw = params.get(\"tag_equal\");\n\n const select = document.getElementById(\n \"konnect-filter\"\n ) as HTMLSelectElement | null;\n\n if (!select) {\n console.warn(\"Select element with id 'konnect-filter' not found.\");\n return;\n }\n\n // If 'tag_equal' exists, select it. Otherwise, default to 'Marketplaces'\n if (raw) {\n const matchedOption = Array.from(select.options).find(\n (option) => option.value === raw\n );\n\n if (matchedOption) {\n select.value = raw;\n console.log(`Selected from URL param: ${raw}`);\n } else {\n console.warn(\n `No matching option found for value: ${raw}. Defaulting to Marketplaces.`\n );\n select.value = \"Marketplaces\";\n }\n } else {\n select.value = \"Marketplaces\";\n console.log(\"No tag_equal param found. Defaulted to Marketplaces.\");\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["el"]
|
|
7
|
+
}
|
package/package.json
CHANGED