@fynd-design-engineering/fynd-one-v2 3.2.9 → 3.2.10
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 +1 -1
- package/package.json +1 -1
package/dist/accordians/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[fynd-faq-element="wrapper"]').forEach(n=>{let t=n.querySelector('[fynd-faq-element="toggle"]'),e=n.querySelector('[fynd-faq-element="content"]'),o=n.querySelector('[fynd-faq-element="content-inner"]'),i=t?.querySelector('[fynd-faq-element="x-line"]')||null,
|
|
1
|
+
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[fynd-faq-element="wrapper"]').forEach(n=>{let t=n.querySelector('[fynd-faq-element="toggle"]'),e=n.querySelector('[fynd-faq-element="content"]'),o=n.querySelector('[fynd-faq-element="content-inner"]'),i=t?.querySelector('[fynd-faq-element="x-line"]')||null,a=t?.querySelector('[fynd-faq-element="y-line"]')||null;if(!t||!e||!o||!i||!a){console.warn("Required FAQ elements not found in wrapper");return}let s=n.closest("[fynd-faq-group]"),r=s?.getAttribute("fynd-faq-group")||null,c=s?.getAttribute("fynd-faq-type")||"one-at-a-time";n.getAttribute("fynd-faq-initialopen")==="true"?(gsap.set(e,{height:"auto",overflow:"hidden"}),gsap.set(o,{opacity:1}),gsap.set(i,{rotation:180}),gsap.set(a,{rotation:270}),t.setAttribute("data-state","open"),g(n,r),y(n,r),q(n,r)):(gsap.set(e,{height:0}),gsap.set(o,{opacity:0}),gsap.set(i,{rotation:0}),gsap.set(a,{rotation:0}),t.setAttribute("data-state","closed"));let u=!1;t.addEventListener("click",()=>{if(u)return;u=!0;let f=t.getAttribute("data-state")==="open";if(c==="one-at-a-time"&&s){let L=s.querySelectorAll('[fynd-faq-element="wrapper"] [data-state="open"]');if(f&&L.length===1){u=!1;return}}f?m(n,()=>{u=!1}):(c==="one-at-a-time"&&s&&E(s),p(n,r,()=>{u=!1}))})}),d()});window.addEventListener("resize",()=>{d()});function d(){document.querySelectorAll("[fynd-faq-image-target]").forEach(t=>{let e=t.parentElement;!e||e.getAttribute("ratio-height")!=="true"||(e.style.height="auto",requestAnimationFrame(()=>{let i=e.offsetHeight;e.style.height=`${i}px`}))}),document.querySelectorAll('[fynd-faq-tabgroup][ratio-height="true"]').forEach(t=>{t.style.height="auto",requestAnimationFrame(()=>{let e=t.offsetHeight;t.style.height=`${e}px`})})}function p(l,n,t){let e=l.querySelector('[fynd-faq-element="toggle"]'),o=l.querySelector('[fynd-faq-element="content"]'),i=l.querySelector('[fynd-faq-element="content-inner"]'),a=e?.querySelector('[fynd-faq-element="x-line"]')||null,s=e?.querySelector('[fynd-faq-element="y-line"]')||null;if(!e||!o||!i||!a||!s){console.warn("Required elements not found for opening accordion");return}o.gsapAnimation&&o.gsapAnimation.kill();let r=gsap.timeline({onComplete:()=>t&&t()});gsap.set(o,{height:"auto",visibility:"hidden",opacity:0});let c=o.offsetHeight;gsap.set(o,{height:0,visibility:"visible",opacity:1}),r.to(a,{rotation:180,duration:.4,ease:"power2.inOut"},0),r.to(s,{rotation:270,duration:.4,ease:"power2.inOut"},0),r.to(o,{height:c,duration:.5,ease:"power3.inOut",clearProps:"height",onComplete:()=>{o.style.height="auto"}},0),r.to(i,{opacity:1,duration:.4,ease:"power2.out"},"-=0.35"),o.gsapAnimation=r,e.setAttribute("data-state","open");let u=e.querySelector('[fynd-faq-element="chevron"]');u&&gsap.to(u,{rotation:180,duration:.4,ease:"back.out(1.7)"}),g(l,n),y(l,n),q(l,n)}function m(l,n){let t=l.querySelector('[fynd-faq-element="toggle"]'),e=l.querySelector('[fynd-faq-element="content"]'),o=l.querySelector('[fynd-faq-element="content-inner"]'),i=t?.querySelector('[fynd-faq-element="x-line"]')||null,a=t?.querySelector('[fynd-faq-element="y-line"]')||null;if(!t||!e||!o||!i||!a){console.warn("Required elements not found for closing accordion");return}e.gsapAnimation&&e.gsapAnimation.kill();let s=e.offsetHeight;e.style.height=`${s}px`;let r=gsap.timeline({onComplete:()=>n&&n()});r.to(i,{rotation:0,duration:.4,ease:"power2.inOut"},0),r.to(a,{rotation:0,duration:.4,ease:"power2.inOut"},0),r.to(o,{opacity:0,duration:.3,ease:"power2.in"},0),r.to(e,{height:0,duration:.4,ease:"power3.inOut"},"-=0.25"),e.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 E(l){l.querySelectorAll('[fynd-faq-element="wrapper"] [data-state="open"]').forEach(t=>{let e=t.closest('[fynd-faq-element="wrapper"]');e&&m(e)})}function g(l,n){if(!n)return;let t=document.querySelector(`[fynd-faq-image-target="${n}"]`);if(!t)return;let e=l.querySelector("[fynd-faq-image-source]");if(!e)return;let o=e.getAttribute("src"),i=e.getAttribute("srcset");o&&t.setAttribute("src",o),i&&t.setAttribute("srcset","")}function y(l,n){if(!n)return;let t=document.querySelector(`[fynd-faq-text-target="${n}"]`);if(!t)return;let e=l.querySelector("[fynd-faq-text-source]");e&&(t.textContent=e.textContent)}function q(l,n){if(!n)return;let t=document.querySelector(`[fynd-faq-button-text-target="${n}"]`),e=document.querySelector(`[fynd-faq-button-link-target="${n}"]`),o=l.querySelector("[fynd-faq-link-source]");if(o&&(t&&(t.textContent=o.textContent),e))for(let i=0;i<o.attributes.length;i++){let a=o.attributes[i];e.setAttribute(a.name,a.value)}}})();
|
package/package.json
CHANGED