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]) } wp_9536529, Author at Montanari Formitalia - Pagina 9 di 15

Montanari Formitalia

wp_9536529

147 articoli

Актуальное Зеркало Mostbet Доступ К Сайту Без Ограничений

Актуальное Зеркало Mostbet Доступ К Сайту Без Ограничений

Мостбет Зеркало Рабочее на Сегодня И тогда Mostbet 2021 Content Как Войти в Сайт Через Mostbet Зеркало Онлайн? […]

1win Bet Côte D’ivoire Web-site Officiel Paris Sportifs & Casino Sobre Ligne

1win Bet Côte D’ivoire Web-site Officiel Paris Sportifs & Casino …

1win Ci En Côte Divoire ᐉ Site Administratif De Paris Sporti Content Options Sobre Paiement: Dépôts Et Retraits […]

Gta Online Scène Vehicle For This Particular Week, Including Exactly How To Use The Lucky Wheel

Gta Online Scène Vehicle For This Particular Week, Including Exactly …

Roulette Tips That Will Aid You Win Content Gta Online Podium Automobile Recently (6th 06 – 13th June) […]

Gta Online Scène Vehicle For This Particular Week, Including Exactly How To Use The Lucky Wheel

Gta Online Scène Vehicle For This Particular Week, Including Exactly …

Roulette Tips That Will Aid You Win Content Gta Online Podium Automobile Recently (6th 06 – 13th June) […]

Casino Oyun Masası: Rulet & Blackjack

Casino Oyun Masası: Rulet & Blackjack

Çevrimiçi Ücretsiz Position Oyna” Content Canlı Casino Gametwist – Sürprizlerle Dolu Online Casino Casino Maceranız Için Bazı Ipuçları […]

Best Slots On Chumba Casino Cent & Progressive Slot Machines Highest Rtp In Addition Playing Strategy

Best Slots On Chumba Casino Cent & Progressive Slot Machines …

What Casino Game Has The Best Odds? Content How To Play On The Internet Casino Games With The […]

Best Slots On Chumba Casino Cent & Progressive Slot Machines Highest Rtp In Addition Playing Strategy

Best Slots On Chumba Casino Cent & Progressive Slot Machines …

What Casino Game Has The Best Odds? Content How To Play On The Internet Casino Games With The […]

As Bons Caça-níqueis E Apostas Esportivas Por Recurso Financeiro Real

As Bons Caça-níqueis E Apostas Esportivas Por Recurso Financeiro Real

Pin Up On Line Casino Brasil Site Oficial Content Informações: Ativação Do Bônus Esportivo No Pin Up Quais […]

Horseshoe On Line Casino Tunica Wikipedia

Horseshoe On Line Casino Tunica Wikipedia

Bally’s To Endure Renovations, Turn Out To Be Horseshoe Las Las Vegas Casino Content Company-histories Com Business Mgm’s […]

Horseshoe On Line Casino Tunica Wikipedia

Horseshoe On Line Casino Tunica Wikipedia

Bally’s To Endure Renovations, Turn Out To Be Horseshoe Las Las Vegas Casino Content Company-histories Com Business Mgm’s […]