Voile Hydratant

(function(){ const debounce = (fn, t=150)=>{ let id; return (…a)=>{ clearTimeout(id); id=setTimeout(()=>fn(…a), t); }; };

function init(root){ const text = root.querySelector(‘.lv-showmore__text’); const btn = root.querySelector(‘.lv-showmore__btn’); const lines = parseInt(root.dataset.lines || ’10’, 10); root.style.setProperty(‘–lines’, lines);

const update = ()=>{ // Свернём перед измерением root.classList.remove(‘lv–expanded’); // Проверяем, есть ли переполнение (больше строк, чем разрешено) const clamped = text.scrollHeight > text.clientHeight + 1; root.classList.toggle(‘lv–clamped’, clamped); btn.hidden = !clamped; // Сброс текста кнопки btn.textContent = btn.dataset.more || ‘Показать больше’; };

btn.addEventListener(‘click’, ()=>{ const expanded = root.classList.toggle(‘lv–expanded’); btn.textContent = expanded ? (btn.dataset.less || ‘Скрыть’) : (btn.dataset.more || ‘Показать больше’); });

// Инициализация + пересчёт при ресайзе/смене шрифтов const initAndUpdate = ()=>update(); initAndUpdate(); window.addEventListener(‘resize’, debounce(update, 150)); if (document.fonts && document.fonts.ready) { document.fonts.ready.then(update).catch(()=>{}); } }

document.querySelectorAll(‘.lv-showmore’).forEach(init); })();