PluginProbe
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder / 2.15.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder v2.15.0
2.16.0 2.15.0 2.14.0 2.13.0 2.13.1 2.12.0 2.11.1 2.11.0 2.10.0 2.9.0 2.7.4 2.7.5 2.7.6 2.7.7 2.8.0 2.8.1 2.9.1 trunk 1.0 1.0-beta1 1.0-beta2 1.0-beta3 1.0.1 1.0.2 1.0.3 All 83 releases
← All changes | assets/build/blocks/marquee/view.js +3 -1 2.9.1 → 2.15.0 View file →
@@ -1 +1,3 @@
1 -(()=>{"use strict";class t{constructor(t){this.marqueeElements=t,this.marqueeElements}addMarqueeAnimation(){this.marqueeElements.forEach((t=>{t.setAttribute("data-animated","true");const e=parseFloat(t.getAttribute("data-speed"))||10,a=t.getAttribute("data-direction")||"normal",n=parseFloat(t.getAttribute("data-content-gap"))||12,i="true"===t.getAttribute("data-pause"),o="true"===t.getAttribute("data-loop"),r=parseInt(t.getAttribute("data-loop-count"),10)||1;t.style.setProperty("--ablocks-block-animation-speed",`${e}s`),t.style.setProperty("--ablocks-block-animation-direction",a),t.style.setProperty("--ablocks-block-content-gap",`${n}px`);const s=t.querySelector(".ablocks-block-marquee__children");if(!s)return;const l=s.cloneNode(!0);if(l.classList.add("ablocks-block-marquee__children-mirror"),l.setAttribute("aria-hidden","true"),t.appendChild(l),requestAnimationFrame((()=>{const e=s.scrollWidth;t.style.setProperty("--ablocks-block-total-width",`${e+n}px`)})),o&&r>0){let t=0;const e=()=>{t++,t>=r&&(s.style.animation="none",l.style.animation="none",s.removeEventListener("animationiteration",e),l.removeEventListener("animationiteration",e))};s.addEventListener("animationiteration",e),l.addEventListener("animationiteration",e)}i&&(t.addEventListener("mouseenter",(()=>{s.style.animationPlayState="paused",l.style.animationPlayState="paused"})),t.addEventListener("mouseleave",(()=>{s.style.animationPlayState="running",l.style.animationPlayState="running"})))}))}}document.addEventListener("DOMContentLoaded",(()=>{!function(){const e=document.querySelectorAll(".ablocks-block-marquee");window.matchMedia("(prefers-reduced-motion: reduce)").matches||new t(e).addMarqueeAnimation()}()}))})();
1 +(()=>{"use strict";class e{constructor(e){this.marqueeElements=e,this.marqueeElements}addMarqueeAnimation(){this.marqueeElements.forEach(e=>{e.setAttribute("data-animated","true");const t=parseFloat(e.getAttribute("data-speed"))||10,a=e.getAttribute("data-direction")||"normal",n=parseFloat(e.getAttribute("data-content-gap"))||12,o="true"===e.getAttribute("data-pause"),r="true"===e.getAttribute("data-loop"),s=parseInt(e.getAttribute("data-loop-count"),10)||1,i="up"===a||"down"===a,l=i?"marquee-scroll-vertical":"marquee-scroll",c="down"===a||"reverse"===a||"right"===a?"reverse":"normal";e.style.setProperty("--ablocks-block-animation-speed",`${t}s`),e.style.setProperty("--ablocks-block-animation-name",l),e.style.setProperty("--ablocks-block-animation-direction",c),e.style.setProperty("--ablocks-block-content-gap",`${n}px`);const d=e.querySelector(".ablocks-block-marquee__children");if(!d)return;const u=d.cloneNode(!0);u.classList.add("ablocks-block-marquee__children-mirror"),
2 +u.setAttribute("aria-hidden","true"),e.appendChild(u);const m=()=>{if(i){const t=d.scrollHeight;e.style.setProperty("--ablocks-block-total-height",`${t+n}px`)}else{const t=d.scrollWidth;e.style.setProperty("--ablocks-block-total-width",`${t+n}px`)}};if(requestAnimationFrame(m),"function"==typeof window.ResizeObserver&&new window.ResizeObserver(m).observe(d),r&&s>0){let e=0;const t=a=>{a.target===d&&(e++,e>=s&&(d.style.animation="none",u.style.animation="none",d.removeEventListener("animationiteration",t)))};d.addEventListener("animationiteration",t)}o&&(e.addEventListener("mouseenter",()=>{d.style.animationPlayState="paused",u.style.animationPlayState="paused"}),e.addEventListener("mouseleave",()=>{d.style.animationPlayState="running",u.style.animationPlayState="running"}))})}}document.addEventListener("DOMContentLoaded",()=>{!function(){const t=document.querySelectorAll(".ablocks-block-marquee")
3 +;window.matchMedia("(prefers-reduced-motion: reduce)").matches||new e(t).addMarqueeAnimation()}()})})();