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]) } Gennaio 22, 2025 - Montanari Formitalia

Montanari Formitalia

Archivi Giornalieri: Gennaio 22, 2025

6 articoli

How In Order To Win The Gambling Establishment Car Every Time Throughout Gta 5 Online

How In Order To Win The Gambling Establishment Car Every …

Gta Online Scène Vehicle For This Week, Including Just How To Use The Lucky Wheel Content Gta On-line […]

How In Order To Win The Gambling Establishment Car Every Time Throughout Gta 5 Online

How In Order To Win The Gambling Establishment Car Every …

Gta Online Scène Vehicle For This Week, Including Just How To Use The Lucky Wheel Content Gta On-line […]

How To Learn Slots And Even Win Big Find Out To Play On The Web Slots

How To Learn Slots And Even Win Big Find Out …

Top Tips For Just How To Beat Slot Machines: Become The Winner! Content Beatable Slot Machine Game Machines […]

How To Learn Slots And Even Win Big Find Out To Play On The Web Slots

How To Learn Slots And Even Win Big Find Out …

Top Tips For Just How To Beat Slot Machines: Become The Winner! Content Beatable Slot Machine Game Machines […]

How To Learn Slots And Even Win Big Find Out To Play On The Web Slots

How To Learn Slots And Even Win Big Find Out …

Top Tips For Just How To Beat Slot Machines: Become The Winner! Content Beatable Slot Machine Game Machines […]

As Melhores Caça-níqueis Electronic Apostas Esportivas Por Dinheiro Real

As Melhores Caça-níqueis Electronic Apostas Esportivas Por Dinheiro Real

O Melhor Cassino Electronic Apostas Esportivas Do Brasil ᐈ Pin-up Content Descubra As Funcionalidades E Vantagens Carry Out […]