import { useEffect } from '@wordpress/element' export const useAnimatedHeight = (preview, blockHeight, ready) => { useEffect(() => { let raf1, raf2 if (!preview.current) return const p = preview.current const iframe = p?.querySelector('iframe[title]') if (!iframe) return const content = iframe.contentWindow.document.body const scale = preview.offsetWidth / 1400 iframe.style.maxHeight = `${blockHeight / scale}px` const handleIn = () => { if (!content?.offsetHeight) return // The live component changes over time so easier to query on demand const height = content.offsetHeight content.style.transitionDuration = Math.max(height * 3, 3000) + 'ms' raf1 = window.requestAnimationFrame(() => { content.style.top = Math.abs(height - blockHeight) * -1 + 'px' }) } const handleOut = () => { if (!content?.offsetHeight) return const height = content.offsetHeight content.style.transitionDuration = height / 1.5 + 'ms' raf2 = window.requestAnimationFrame(() => { content.style.top = 0 }) } p.addEventListener('focus', handleIn) p.addEventListener('mouseenter', handleIn) p.addEventListener('blur', handleOut) p.addEventListener('mouseleave', handleOut) return () => { window.cancelAnimationFrame(raf1) window.cancelAnimationFrame(raf2) p.removeEventListener('focus', handleIn) p.removeEventListener('mouseenter', handleIn) p.removeEventListener('blur', handleOut) p.removeEventListener('mouseleave', handleOut) } }, [blockHeight, preview, ready]) } Febbraio 3, 2025 - Montanari Formitalia

Montanari Formitalia

Archivi Giornalieri: Febbraio 3, 2025

5 articoli

Milenium Kod Promocyjny, Bonusy, Informacje O Bukmacherz Neo Engineerin American College Or University Of Science”

Milenium Kod Promocyjny, Bonusy, Informacje O Bukmacherz Neo Engineerin American …

Zakłady Systemowe Jak Działają I Jakie Są Rodzaje? Wskazówki Carry Out Skutecznej Gry Content Zakłady Bukmacherskie Betters Najlepsze […]

“1xbet App 1xbet Mobile Phone ᐊ تنزيل 1xbet Apk Android و Iphone ᐊ 1xbet Com

“1xbet App 1xbet Mobile Phone ᐊ تنزيل 1xbet Apk Android …

“تنزيل برنامج 1xbet ️ ما هو تطبيق 1xbet “ Content “Bet — قم بتنزيل التطبيق لـ Android و […]

Login 공식사이트 에게 스포츠와 카지노

Login 공식사이트 에게 스포츠와 카지노

1xbet 원엑스벳 한국 원엑스벳 공식 웹사이트 리뷰 Content 제공되는 게임 종목: 라이브 카지노 제공되는 기능: Bet에서 E스포츠에 베팅할 […]

Kasyno Online Blik – Nowa Era Wpłat w Grach Hazardowych

Kasyno Online Blik – Nowa Era Wpłat w Grach Hazardowych

W dobie rosnącej popularności gier hazardowych online, opcje płatności odgrywają kluczową rolę w doświadczeniach graczy. Jednym z najnowszych […]

1xbet 모바일 앱-어플 2024, 버전, 다운로드, 설치, I

1xbet 모바일 앱-어플 2024, 버전, 다운로드, 설치, I

1xbet 모바일 앱-어플 2024, 버전, 다운로드, 설치, Content Bet 안드로이드 Apk의 단계별 설치 Iphone에서 응용 프로그램 을 다운로드 […]