Changeset 3725635

Timestamp:

10/02/2026 11:39:13 PM (3 weeks ago)

Author:

wooscroll

Message:

Release version 1.0.6

Location:

loops-block/trunk

Files:

• build/loop.js (modified) (3 diffs)
• build/loop.min.js (modified) (1 diff)
• build/loop/block.json (modified) (1 diff)
• build/loop/index.js (modified) (1 diff)
• build/style.css (modified) (1 diff)
• build/style.min.css (modified) (1 diff)
• includes/class-loopsblock.php (modified) (69 diffs)
• loops-block.php (modified) (1 diff)
• readme.txt (modified) (1 diff)

loops-block/trunk/build/loop.js

@@ -270 +270 @@
     var el = el
     , options = options || {}
-    , trigger = el.getElementsByClassName('scroller')[0]
+    , trigger = el.querySelector('.scroller') ?? el.nextElementSibling?.closest('.scroller')
     , autoTrigger = options.autoTrigger == false ? false : true
     , autoTriggerUntil = options.autoTriggerUntil || 1000
@@ -305 +305 @@
             trigger.className = '';
             trigger.removeEventListener('click', _load);
-            el.removeChild(trigger);
+            trigger.remove();
             var dom = document.createElement('div'), i;
             dom.innerHTML = r.response.content;
@@ -311 +311 @@
             while(i=dom.firstChild) el.appendChild(i);
 
-            trigger = el.getElementsByClassName('scroller')[0];
+            trigger = el.querySelector('.scroller') ?? el.nextElementSibling?.closest('.scroller');
             trigger && trigger.addEventListener('click', _load, false);
 

loops-block/trunk/build/loop.min.js

@@ -1 @@
-!function(e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).BezierEasing=e()}((function(){return function e(t,n,i){function o(a,l){if(!n[a]){if(!t[a]){var s="function"==typeof require&&require;if(!l&&s)return s(a,!0);if(r)return r(a,!0);var u=new Error("Cannot find module '"+a+"'");throw u.code="MODULE_NOT_FOUND",u}var d=n[a]={exports:{}};t[a][0].call(d.exports,(function(e){return o(t[a][1][e]||e)}),d,d.exports,e,t,n,i)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a<i.length;a++)o(i[a]);return o}({1:[function(e,t,n){var i="function"==typeof Float32Array;function o(e,t){return 1-3*t+3*e}function r(e,t){return 3*t-6*e}function a(e){return 3*e}function l(e,t,n){return((o(t,n)*e+r(t,n))*e+a(t))*e}function s(e,t,n){return 3*o(t,n)*e*e+2*r(t,n)*e+a(t)}function u(e){return e}t.exports=function(e,t,n,o){if(!(0<=e&&e<=1&&0<=n&&n<=1))throw new Error("bezier x values must be in [0, 1] range");if(e===t&&n===o)return u;for(var r=i?new Float32Array(11):new Array(11),a=0;a<11;++a)r[a]=l(.1*a,e,n);return function(i){return 0===i?0:1===i?1:l(function(t){for(var i=0,o=1;10!==o&&r[o]<=t;++o)i+=.1;var a=i+(t-r[--o])/(r[o+1]-r[o])*.1,u=s(a,e,n);return.001<=u?function(e,t,n,i){for(var o=0;o<4;++o){var r=s(t,n,i);if(0===r)return t;t-=(l(t,n,i)-e)/r}return t}(t,a,e,n):0===u?a:function(e,t,n,i,o){for(var r,a,s=0;0<(r=l(a=t+(n-t)/2,i,o)-e)?n=a:t=a,Math.abs(r)>1e-7&&++s<10;);return a}(t,i,i+.1,e,n)}(i),t,o)}}},{}]},{},[1])(1)})),function(){"use strict";function plugin(){for(var el,str_plugin="data-plugin",str_option="data-option",els=document.querySelectorAll('[data-plugin],[class^="plugin-"],[class*=" plugin-"]'),options,plugin,i=0;i<els.length;i++){if(el=els[i],el.className.indexOf("plug-initialized")>-1)return;plugin=el.getAttribute(str_plugin)||el.className.match(/(?:^|\s)plugin-(.*?)(?:$|\s)/)[1],options=el.getAttribute(str_option)||"{}",options=eval("("+options+")");for(var klass=el.className,reg=/data-([^-]+)-([^\s]+)/g,result;null!==(result=reg.exec(klass));)options[result[1]]=result[2];for(var d in el.dataset)if(d.indexOf(plugin)>-1){var attr=d.replace(plugin,"").toLowerCase();""!==attr&&(options[attr]=el.dataset[d])}options.child&&(el=el.children[0]),(el[plugin]||window[plugin])&&(el.removeAttribute(str_plugin),el.removeAttribute(str_option),el.className+=" plug-initialized",el[plugin]?el[plugin].apply(el,options):new window[plugin](el,options))}}function on(e,t,n){document.addEventListener(e,(function(e){let i=e.target;for(;i&&i!==document;){if(i.matches&&i.matches(t))return void n.call(i,e);i=i.parentElement}}))}function init(){location.href.indexOf("dir=rtl")>-1&&document.body.classList.add("rtl"),plugin()}window.slider=function(e,t){var n,i,o,r,a,l,s="rtl"==getComputedStyle(e).direction,u=0!=t.arrows,d=!!t.dots,c=(t.slides,!!t.autoplay),f=t.autoplaySpeed||4e3,p=!!t.loop,v=parseInt(getComputedStyle(e).gridColumnGap,10),g=e.parentElement.className.indexOf("block-loop-center")>-1,m=parseFloat(getComputedStyle(e).getPropertyValue("--loop-max-width"))/100,h=(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent),t.l_c||"slider-left-btn"),y=t.r_c||"slider-right-btn",w=t.l_svg||'<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>',L=t.r_svg||'<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>',E=8,b=!1,N="block-slider-scrolling";function x(){var e=A(),t="";if(r&&!(e<2)){for(var n=0;n<e;n++)t+='<button data-index="'+n+'"></button>';r.innerHTML=t,r.addEventListener("click",k)}}function k(t){H();var n=1,i=e.scrollLeft;t.target.parentElement.className.indexOf("block-loop-dot")>-1?(n=t.target.dataset.index,i=0):n=t.currentTarget.className.indexOf(h)>-1?-1:1,_(i+=n*O())}function T(){!0===t.autoplay&&0!=c&&(c=!0,setTimeout(C,f))}function H(){c=!1}function C(){if(!b){var t=e.scrollLeft+(g?O():O(1));e.scrollLeft+e.offsetWidth==e.scrollWidth&&(p?(t=0,g&&(t=O())):H()),c&&_(t),P()}}function O(t){var n=e.offsetWidth,i=e.children[0].offsetWidth,o=t?t*(i+v):n+v;return g&&m<1&&(o=parseInt(m*(o+v/2)),0!=e.scrollLeft&&e.scrollLeft+e.offsetWidth!=e.scrollWidth||(o-=n*(1-m)/2)),o*(s?-1:1)}function A(){return Math.round(e.scrollWidth/e.offsetWidth)}function i(){i||(requestAnimationFrame((function(){x(),P(),i=!1})),i=!0)}function P(){for(var t=A(),n=e.children,i=e.scrollLeft,c=i+e.offsetWidth,f=e.scrollWidth,p=Math.round((f-i)/e.offsetWidth),v=0;v<n.length;v++){var g=n[v],m=g.offsetLeft,h=m+g.offsetWidth,y=n[v].getElementsByTagName("video")[0];if(c-4<m||i+4>h){var w=new RegExp("(\\s|^)slider-active(\\s|$)");n[v].className=n[v].className.replace(w,""),y&&y.pause()}else-1==n[v].className.indexOf("slider-active")&&(n[v].className+=" slider-active",y&&y.play())}if(u&&(a.style.display=a&&i*(s?-1:1)<E?"none":"",l&&f-i*(s?-1:1)<e.offsetWidth+E?l.style.display="none":l.style.display="",o)){var L=e.getElementsByClassName("post-thumbnail"),b=getComputedStyle(e);L[0]&&(o.style.setProperty("--height",L[0].offsetHeight+"px"),o.style.setProperty("--top",e.offsetTop+L[0].offsetTop+parseInt(L[0].offsetHeight/2)+"px")),b.getPropertyValue("--loop-rows")>1&&L[0]&&o.style.setProperty("--top","calc(50% + "+parseInt(e.offsetTop/2)+"px)")}if(d){var N=r.querySelector('[data-index="'+(t-p)*(s?-1:1)+'"]'),x=r.getElementsByTagName("button");for(v=0;v<x.length;v++)x[v].className="";N&&(N.className="active")}}function _(t){if(!e.classList.contains(N)){var n=e.scrollLeft;!function(e,t,n,i,o,r,a){var l=[.425,.005,0,1];l=BezierEasing(l[0],l[1],l[2],l[3]);const s=o=>{e[t]=n+(i-n)*o},u=Date.now(),d=()=>{var e=(Date.now()-u)/o;e>1?(s(1),a&&a()):(requestAnimationFrame(d),s(l(e)))};r&&r();d()}(e,"scrollLeft",n,t,1500,(function(){b=!0,e.classList.add(N)}),(function(){b=!1,e.classList.remove(N),T()}))}}e.className+=" block-loop-slider",u&&((o=document.createElement("div")).className="block-loop-nav",e.parentNode.appendChild(o),function(){A();var e="";e='<div class="'+h+'"><button>'+w+'</button></div><span></span><div class="'+y+'"><button>'+L+"</button></div>",o.innerHTML=e,a=o.getElementsByClassName(h)[0],l=o.getElementsByClassName(y)[0],a.addEventListener("click",k),l.addEventListener("click",k)}()),d&&((r=document.createElement("div")).className="block-loop-dot",e.parentNode.appendChild(r),x()),g&&_(O()),c&&T(),P(),e.addEventListener("ontouchstart"in window?"touchstart":"mouseenter",(function(){c=!1})),e.addEventListener("ontouchstart"in window?"touchend":"mouseleave",(function(){c=!0})),e.addEventListener("scroll",(function(){n||(requestAnimationFrame((function(){P(),n=!1})),n=!0)})),window.addEventListener("resize",i)},window.scroller=function(e,t){t=t||{};var n=(e=e).getElementsByClassName("scroller")[0],i=0!=t.autoTrigger,o=t.autoTriggerUntil||1e3,r=0,a=t.loadingHtml||'<span class="spinner"></span><span class="screen-reader-text"></span>';if(n){var l=window,s=getComputedStyle(n.parentElement).getPropertyValue("overflow-y");"scroll"!=s&&"auto"!=s||(l=n.parentElement),l.addEventListener("scroll",(function(){n&&function(e,t,n){var i=e.offsetTop,o=i+e.clientHeight,r=t.pageYOffset?t.pageYOffset:t.scrollTop,a=r+(t.pageYOffset?t.innerHeight:t.clientHeight),l=n&&(i<r&&o>r||o>a&&i<a);return i>=r&&o<=a||l}(n,l)&&i&&r<o&&u()}),!1),n.addEventListener("click",u,!1)}function u(t){if(t&&t.preventDefault(),t&&t.stopPropagation(),!(n.className.indexOf("is-loading")>-1)){n.innerHTML=a,n.className+=" is-loading";var i=n.href,o=new XMLHttpRequest;o.responseType="json",o.onreadystatechange=function(){if(4==o.readyState&&200==o.status){n.className="",n.removeEventListener("click",u),e.removeChild(n);var t,i=document.createElement("div");for(i.innerHTML=o.response.content;t=i.firstChild;)e.appendChild(t);(n=e.getElementsByClassName("scroller")[0])&&n.addEventListener("click",u,!1),document.dispatchEvent(new Event("refresh")),r++}},o.open("GET",i,!0),"undefined"!=typeof play&&void 0!==play.nonce&&o.setRequestHeader("X-WP-Nonce",play.nonce),o.send()}}},window.range=function(e){var t=e.getAttribute("value"),n=null===t?[]:t.split(","),i=+(e.min||0),o=+(e.max||100),r=document.createElement("span"),a=document.createElement("span"),l=e.cloneNode();e.classList.add("multirange"),e.classList.add("original"),l.classList.add("multirange"),l.classList.add("ghost"),r.classList.add("range-min"),a.classList.add("range-max"),e.value=n[0]||i+(o-i)/2,l.value=n[1]||i+(o-i)/2,e.parentNode.insertBefore(l,e.nextSibling),e.parentNode.insertBefore(r,e.previousSibling),e.parentNode.insertBefore(a,e.previousSibling);var s=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");function u(t){var n=(e.valueLow-i)/(o-i)*100,s=(e.valueHigh-i)/(o-i)*100;l.style.setProperty("--low",n+"%"),l.style.setProperty("--high",s+"%"),r&&(r.innerHTML=e.valueLow,r.style.setProperty("--left",n)),a&&(a.innerHTML=e.valueHigh,a.style.setProperty("--left",s)),1!==t&&(clearTimeout(d),d=setTimeout((function(){var t=e.getAttribute("data-url"),n=e.getAttribute("name"),i=(e.getAttribute("type"),new RegExp(n+"__(\\d+)-(\\d+)[%2C]*[(\\d+)\\-(\\d+)]*"));t=t.replace(i,n+"__"+e.valueLow+"-"+e.valueHigh),"undefined"==typeof Pjax?location.href=t:document.dispatchEvent(new CustomEvent("reload",{detail:{url:t}}))}),1e3))}Object.defineProperty(e,"originalValue",s.get?s:{get:function(){return this.value},set:function(e){this.value=e}}),Object.defineProperties(e,{valueLow:{get:function(){return Math.min(this.originalValue,l.value)},set:function(e){this.originalValue=e,u()},enumerable:!0},valueHigh:{get:function(){return Math.max(this.originalValue,l.value)},set:function(e){l.value=e,u()},enumerable:!0}}),s.get&&Object.defineProperty(e,"value",{get:function(){return this.valueLow+","+this.valueHigh},set:function(e){var t=e.split(",");this.valueLow=t[0],this.valueHigh=t[1],u()},enumerable:!0}),"function"==typeof e.oninput&&(l.oninput=e.oninput.bind(e)),l.addEventListener("mousedown",(function(t){var n=i+(o-i)*t.offsetX/this.offsetWidth,r=(e.valueHigh+e.valueLow)/2;e.valueLow==l.value==n>r&&(e.value=l.value)})),e.addEventListener("input",u),l.addEventListener("input",u);var d=null;u(1)},on("click",".dropdown-toggle-filter",(function(e){e.preventDefault();var t=this.nextElementSibling;t&&(t.classList.toggle("show"),t.parentNode.querySelector(".dropdown-backdrop")||t.parentNode.insertAdjacentHTML("beforeend",'<div class="dropdown-backdrop"></div>'),on("click",".dropdown-backdrop",(function(e){t.classList.remove("show")})))})),window.addEventListener("call:plugin",(function(){plugin()})),window.addEventListener("pjax:complete",(function(){init()})),init()}();
+!function(e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).BezierEasing=e()}((function(){return function e(t,n,i){function o(l,a){if(!n[l]){if(!t[l]){var s="function"==typeof require&&require;if(!a&&s)return s(l,!0);if(r)return r(l,!0);var u=new Error("Cannot find module '"+l+"'");throw u.code="MODULE_NOT_FOUND",u}var d=n[l]={exports:{}};t[l][0].call(d.exports,(function(e){return o(t[l][1][e]||e)}),d,d.exports,e,t,n,i)}return n[l].exports}for(var r="function"==typeof require&&require,l=0;l<i.length;l++)o(i[l]);return o}({1:[function(e,t,n){var i="function"==typeof Float32Array;function o(e,t){return 1-3*t+3*e}function r(e,t){return 3*t-6*e}function l(e){return 3*e}function a(e,t,n){return((o(t,n)*e+r(t,n))*e+l(t))*e}function s(e,t,n){return 3*o(t,n)*e*e+2*r(t,n)*e+l(t)}function u(e){return e}t.exports=function(e,t,n,o){if(!(0<=e&&e<=1&&0<=n&&n<=1))throw new Error("bezier x values must be in [0, 1] range");if(e===t&&n===o)return u;for(var r=i?new Float32Array(11):new Array(11),l=0;l<11;++l)r[l]=a(.1*l,e,n);return function(i){return 0===i?0:1===i?1:a(function(t){for(var i=0,o=1;10!==o&&r[o]<=t;++o)i+=.1;var l=i+(t-r[--o])/(r[o+1]-r[o])*.1,u=s(l,e,n);return.001<=u?function(e,t,n,i){for(var o=0;o<4;++o){var r=s(t,n,i);if(0===r)return t;t-=(a(t,n,i)-e)/r}return t}(t,l,e,n):0===u?l:function(e,t,n,i,o){for(var r,l,s=0;0<(r=a(l=t+(n-t)/2,i,o)-e)?n=l:t=l,Math.abs(r)>1e-7&&++s<10;);return l}(t,i,i+.1,e,n)}(i),t,o)}}},{}]},{},[1])(1)})),function(){"use strict";function plugin(){for(var el,str_plugin="data-plugin",str_option="data-option",els=document.querySelectorAll('[data-plugin],[class^="plugin-"],[class*=" plugin-"]'),options,plugin,i=0;i<els.length;i++){if(el=els[i],el.className.indexOf("plug-initialized")>-1)return;plugin=el.getAttribute(str_plugin)||el.className.match(/(?:^|\s)plugin-(.*?)(?:$|\s)/)[1],options=el.getAttribute(str_option)||"{}",options=eval("("+options+")");for(var klass=el.className,reg=/data-([^-]+)-([^\s]+)/g,result;null!==(result=reg.exec(klass));)options[result[1]]=result[2];for(var d in el.dataset)if(d.indexOf(plugin)>-1){var attr=d.replace(plugin,"").toLowerCase();""!==attr&&(options[attr]=el.dataset[d])}options.child&&(el=el.children[0]),(el[plugin]||window[plugin])&&(el.removeAttribute(str_plugin),el.removeAttribute(str_option),el.className+=" plug-initialized",el[plugin]?el[plugin].apply(el,options):new window[plugin](el,options))}}function on(e,t,n){document.addEventListener(e,(function(e){let i=e.target;for(;i&&i!==document;){if(i.matches&&i.matches(t))return void n.call(i,e);i=i.parentElement}}))}function init(){location.href.indexOf("dir=rtl")>-1&&document.body.classList.add("rtl"),plugin()}window.slider=function(e,t){var n,i,o,r,l,a,s="rtl"==getComputedStyle(e).direction,u=0!=t.arrows,d=!!t.dots,c=(t.slides,!!t.autoplay),f=t.autoplaySpeed||4e3,p=!!t.loop,v=parseInt(getComputedStyle(e).gridColumnGap,10),g=e.parentElement.className.indexOf("block-loop-center")>-1,m=parseFloat(getComputedStyle(e).getPropertyValue("--loop-max-width"))/100,h=(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent),t.l_c||"slider-left-btn"),y=t.r_c||"slider-right-btn",w=t.l_svg||'<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>',L=t.r_svg||'<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>',b=8,E=!1,x="block-slider-scrolling";function N(){var e=A(),t="";if(r&&!(e<2)){for(var n=0;n<e;n++)t+='<button data-index="'+n+'"></button>';r.innerHTML=t,r.addEventListener("click",k)}}function k(t){H();var n=1,i=e.scrollLeft;t.target.parentElement.className.indexOf("block-loop-dot")>-1?(n=t.target.dataset.index,i=0):n=t.currentTarget.className.indexOf(h)>-1?-1:1,P(i+=n*O())}function T(){!0===t.autoplay&&0!=c&&(c=!0,setTimeout(C,f))}function H(){c=!1}function C(){if(!E){var t=e.scrollLeft+(g?O():O(1));e.scrollLeft+e.offsetWidth==e.scrollWidth&&(p?(t=0,g&&(t=O())):H()),c&&P(t),S()}}function O(t){var n=e.offsetWidth,i=e.children[0].offsetWidth,o=t?t*(i+v):n+v;return g&&m<1&&(o=parseInt(m*(o+v/2)),0!=e.scrollLeft&&e.scrollLeft+e.offsetWidth!=e.scrollWidth||(o-=n*(1-m)/2)),o*(s?-1:1)}function A(){return Math.round(e.scrollWidth/e.offsetWidth)}function i(){i||(requestAnimationFrame((function(){N(),S(),i=!1})),i=!0)}function S(){for(var t=A(),n=e.children,i=e.scrollLeft,c=i+e.offsetWidth,f=e.scrollWidth,p=Math.round((f-i)/e.offsetWidth),v=0;v<n.length;v++){var g=n[v],m=g.offsetLeft,h=m+g.offsetWidth,y=n[v].getElementsByTagName("video")[0];if(c-4<m||i+4>h){var w=new RegExp("(\\s|^)slider-active(\\s|$)");n[v].className=n[v].className.replace(w,""),y&&y.pause()}else-1==n[v].className.indexOf("slider-active")&&(n[v].className+=" slider-active",y&&y.play())}if(u&&(l.style.display=l&&i*(s?-1:1)<b?"none":"",a&&f-i*(s?-1:1)<e.offsetWidth+b?a.style.display="none":a.style.display="",o)){var L=e.getElementsByClassName("post-thumbnail"),E=getComputedStyle(e);L[0]&&(o.style.setProperty("--height",L[0].offsetHeight+"px"),o.style.setProperty("--top",e.offsetTop+L[0].offsetTop+parseInt(L[0].offsetHeight/2)+"px")),E.getPropertyValue("--loop-rows")>1&&L[0]&&o.style.setProperty("--top","calc(50% + "+parseInt(e.offsetTop/2)+"px)")}if(d){var x=r.querySelector('[data-index="'+(t-p)*(s?-1:1)+'"]'),N=r.getElementsByTagName("button");for(v=0;v<N.length;v++)N[v].className="";x&&(x.className="active")}}function P(t){if(!e.classList.contains(x)){var n=e.scrollLeft;!function(e,t,n,i,o,r,l){var a=[.425,.005,0,1];a=BezierEasing(a[0],a[1],a[2],a[3]);const s=o=>{e[t]=n+(i-n)*o},u=Date.now(),d=()=>{var e=(Date.now()-u)/o;e>1?(s(1),l&&l()):(requestAnimationFrame(d),s(a(e)))};r&&r();d()}(e,"scrollLeft",n,t,1500,(function(){E=!0,e.classList.add(x)}),(function(){E=!1,e.classList.remove(x),T()}))}}e.className+=" block-loop-slider",u&&((o=document.createElement("div")).className="block-loop-nav",e.parentNode.appendChild(o),function(){A();var e="";e='<div class="'+h+'"><button>'+w+'</button></div><span></span><div class="'+y+'"><button>'+L+"</button></div>",o.innerHTML=e,l=o.getElementsByClassName(h)[0],a=o.getElementsByClassName(y)[0],l.addEventListener("click",k),a.addEventListener("click",k)}()),d&&((r=document.createElement("div")).className="block-loop-dot",e.parentNode.appendChild(r),N()),g&&P(O()),c&&T(),S(),e.addEventListener("ontouchstart"in window?"touchstart":"mouseenter",(function(){c=!1})),e.addEventListener("ontouchstart"in window?"touchend":"mouseleave",(function(){c=!0})),e.addEventListener("scroll",(function(){n||(requestAnimationFrame((function(){S(),n=!1})),n=!0)})),window.addEventListener("resize",i)},window.scroller=function(e,t){t=t||{};var n=(e=e).querySelector(".scroller")??e.nextElementSibling?.closest(".scroller"),i=0!=t.autoTrigger,o=t.autoTriggerUntil||1e3,r=0,l=t.loadingHtml||'<span class="spinner"></span><span class="screen-reader-text"></span>';if(n){var a=window,s=getComputedStyle(n.parentElement).getPropertyValue("overflow-y");"scroll"!=s&&"auto"!=s||(a=n.parentElement),a.addEventListener("scroll",(function(){n&&function(e,t,n){var i=e.offsetTop,o=i+e.clientHeight,r=t.pageYOffset?t.pageYOffset:t.scrollTop,l=r+(t.pageYOffset?t.innerHeight:t.clientHeight),a=n&&(i<r&&o>r||o>l&&i<l);return i>=r&&o<=l||a}(n,a)&&i&&r<o&&u()}),!1),n.addEventListener("click",u,!1)}function u(t){if(t&&t.preventDefault(),t&&t.stopPropagation(),!(n.className.indexOf("is-loading")>-1)){n.innerHTML=l,n.className+=" is-loading";var i=n.href,o=new XMLHttpRequest;o.responseType="json",o.onreadystatechange=function(){if(4==o.readyState&&200==o.status){n.className="",n.removeEventListener("click",u),n.remove();var t,i=document.createElement("div");for(i.innerHTML=o.response.content;t=i.firstChild;)e.appendChild(t);(n=e.querySelector(".scroller")??e.nextElementSibling?.closest(".scroller"))&&n.addEventListener("click",u,!1),document.dispatchEvent(new Event("refresh")),r++}},o.open("GET",i,!0),"undefined"!=typeof play&&void 0!==play.nonce&&o.setRequestHeader("X-WP-Nonce",play.nonce),o.send()}}},window.range=function(e){var t=e.getAttribute("value"),n=null===t?[]:t.split(","),i=+(e.min||0),o=+(e.max||100),r=document.createElement("span"),l=document.createElement("span"),a=e.cloneNode();e.classList.add("multirange"),e.classList.add("original"),a.classList.add("multirange"),a.classList.add("ghost"),r.classList.add("range-min"),l.classList.add("range-max"),e.value=n[0]||i+(o-i)/2,a.value=n[1]||i+(o-i)/2,e.parentNode.insertBefore(a,e.nextSibling),e.parentNode.insertBefore(r,e.previousSibling),e.parentNode.insertBefore(l,e.previousSibling);var s=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");function u(t){var n=(e.valueLow-i)/(o-i)*100,s=(e.valueHigh-i)/(o-i)*100;a.style.setProperty("--low",n+"%"),a.style.setProperty("--high",s+"%"),r&&(r.innerHTML=e.valueLow,r.style.setProperty("--left",n)),l&&(l.innerHTML=e.valueHigh,l.style.setProperty("--left",s)),1!==t&&(clearTimeout(d),d=setTimeout((function(){var t=e.getAttribute("data-url"),n=e.getAttribute("name"),i=(e.getAttribute("type"),new RegExp(n+"__(\\d+)-(\\d+)[%2C]*[(\\d+)\\-(\\d+)]*"));t=t.replace(i,n+"__"+e.valueLow+"-"+e.valueHigh),"undefined"==typeof Pjax?location.href=t:document.dispatchEvent(new CustomEvent("reload",{detail:{url:t}}))}),1e3))}Object.defineProperty(e,"originalValue",s.get?s:{get:function(){return this.value},set:function(e){this.value=e}}),Object.defineProperties(e,{valueLow:{get:function(){return Math.min(this.originalValue,a.value)},set:function(e){this.originalValue=e,u()},enumerable:!0},valueHigh:{get:function(){return Math.max(this.originalValue,a.value)},set:function(e){a.value=e,u()},enumerable:!0}}),s.get&&Object.defineProperty(e,"value",{get:function(){return this.valueLow+","+this.valueHigh},set:function(e){var t=e.split(",");this.valueLow=t[0],this.valueHigh=t[1],u()},enumerable:!0}),"function"==typeof e.oninput&&(a.oninput=e.oninput.bind(e)),a.addEventListener("mousedown",(function(t){var n=i+(o-i)*t.offsetX/this.offsetWidth,r=(e.valueHigh+e.valueLow)/2;e.valueLow==a.value==n>r&&(e.value=a.value)})),e.addEventListener("input",u),a.addEventListener("input",u);var d=null;u(1)},on("click",".dropdown-toggle-filter",(function(e){e.preventDefault();var t=this.nextElementSibling;t&&(t.classList.toggle("show"),t.parentNode.querySelector(".dropdown-backdrop")||t.parentNode.insertAdjacentHTML("beforeend",'<div class="dropdown-backdrop"></div>'),on("click",".dropdown-backdrop",(function(e){t.classList.remove("show")})))})),window.addEventListener("call:plugin",(function(){plugin()})),window.addEventListener("pjax:complete",(function(){init()})),init()}();

loops-block/trunk/build/loop/block.json

@@ -178 +178 @@
             "default": false
         },
+        "transient_cache":{
+            "type"   : "boolean",
+            "default": false
+        },
         "className"   : {
             "type"   : "string",

loops-block/trunk/build/loop/index.js

@@ -1 @@
-!function(e,o){const{createElement:t,useState:l}=e.element,{RichText:a,BlockControls:n,InnerBlocks:s,AlignmentToolbar:i,MediaUpload:r,InspectorControls:u,useBlockProps:b}=e.blockEditor,{TextControl:p,Button:c,SelectControl:d,RangeControl:m,ToggleControl:v,RadioControl:g,CheckboxControl:k,TextareaControl:f,FormTokenField:h,DatePicker:y,Autocomplete:C,Dropdown:A,Placeholder:x,PanelBody:T}=e.components,D=e.apiFetch,_=e.serverSideRender,N=e.blocks.registerBlockType,w=e.i18n.__;var L=t("svg",{width:16,height:20,viewBox:"0 0 16 16"},t("path",{d:"M5.68 5.792 7.345 7.75 5.681 9.708a2.75 2.75 0 1 1 0-3.916ZM8 6.978 6.416 5.113l-.014-.015a3.75 3.75 0 1 0 0 5.304l.014-.015L8 8.522l1.584 1.865.014.015a3.75 3.75 0 1 0 0-5.304l-.014.015zm.656.772 1.663-1.958a2.75 2.75 0 1 1 0 3.916z"}));N("block/loop",{title:w("Loops","loops-block"),description:w("An advanced block that allows displaying posts, taxonomies and users based on different query parameters and visual configurations.","loops-block"),icon:L,category:"common",edit:function(a){var n=a.attributes,s=b(),i=e.hooks.applyFilters("hook_orderby",[{label:"No order",value:"none"},{label:"ID",value:"ID"},{label:"Title",value:"title"},{label:"Author",value:"author"},{label:"Published date",value:"date"},{label:"Modified date",value:"modified"},{label:"By parent",value:"parent"},{label:"Random order",value:"rand"},{label:"Comment count",value:"comment_count"},{label:"Menu order",value:"menu_order"},{label:"Meta value",value:"meta_value"},{label:"Numeric meta value",value:"meta_value_num"},{label:"By include order",value:"post__in"}]);const[k,C]=l([]),[N,I]=l([]),[S,M]=l([]);return[t(u,{key:"inspector"},t(T,{title:w("General","loops-block"),className:"block-display",initialOpen:!0},t(p,{label:w("ID","loops-block"),value:n.id,onChange:function(e){a.setAttributes({id:e})}}),t(d,{label:w("Type","loops-block"),options:loopsblock.types,value:n.type,onChange:function(e){a.setAttributes({type:e})}}),"taxonomy"==n.type&&t(d,{label:w("Taxonomies","loops-block"),options:loopsblock.taxonomies,value:n.taxonomy,onChange:function(e){a.setAttributes({taxonomy:e})}}),t(d,{label:w("Template","loops-block"),options:loopsblock.templates,value:n.template,onChange:function(e){a.setAttributes({template:e})}}),"user"!==n.type&&"taxonomy"!==n.type&&t(d,{label:w("Order by","loops-block"),options:i,value:n.orderby,onChange:function(e){a.setAttributes({orderby:e})}}),"user"==n.type&&t(d,{label:w("Order by","loops-block"),options:[{label:"No order",value:"none"},{label:"ID",value:"ID"},{label:"Display Name",value:"display_name"},{label:"Name",value:"user_name"},{label:"Login",value:"user_login"},{label:"Nicename",value:"user_nicename"},{label:"Email",value:"user_email"},{label:"URL",value:"user_url"},{label:"Registered",value:"user_registered"},{label:"Post count",value:"post_count"},{label:"Include",value:"include"},{label:"Meta value",value:"meta_value"},{label:"Numeric meta value",value:"meta_value_num"}],value:n.orderby,onChange:function(e){a.setAttributes({orderby:e})}}),"taxonomy"==n.type&&t(d,{label:w("Order by","loops-block"),options:[{label:"No order",value:"none"},{label:"ID",value:"term_id"},{label:"Name",value:"name"},{label:"Count",value:"count"}],value:n.orderby,onChange:function(e){a.setAttributes({orderby:e})}}),t(d,{label:w("Order","loops-block"),options:[{label:"Descending",value:"DESC"},{label:"Ascending",value:"ASC"}],value:n.order,onChange:function(e){a.setAttributes({order:e})}}),t(v,{label:w("Debug","loops-block"),checked:n.debug,onChange:function(e){a.setAttributes({debug:e})}})),t(T,{title:w("Query","loops-block"),initialOpen:!1},t("div",{},t(h,{label:w("IDs in","loops-block"),value:n.ids,suggestions:k,onChange:function(e){a.setAttributes({ids:e})},saveTransform:function(e){return e.split(":")[0]},onInputChange:function(e){if(!(e.length<2||/^https?:/.test(e))){var o="?search="+encodeURIComponent(e)+"&type="+n.type;D({path:"/loop/ids"+o}).then((function(e){C(e)}))}}})),"user"!==n.type&&"taxonomy"!==n.type&&t("div",{},t(h,{label:w("Taxonomies (taxonomy:term:operator)","loops-block"),value:n.taxQuery,suggestions:N,onChange:function(e){a.setAttributes({taxQuery:e})},onInputChange:function(e){if(!(e.length<2||/^https?:/.test(e))){var o="?search="+encodeURIComponent(e)+"&type="+n.type;D({path:"/loop/terms"+o}).then((function(e){I(e)}))}}})),"taxonomy"!==n.type&&t("div",{},t(h,{label:w("Meta (key:value:compare:type)","loops-block"),value:n.metaQuery,onChange:function(e){a.setAttributes({metaQuery:e})}})),"taxonomy"!==n.type&&t(g,{label:w("Date","loops-block"),options:[{label:w("Anytime","loops-block"),value:"0"},{label:w("Specific","loops-block"),value:"1"},{label:w("Relative","loops-block"),value:"2"}],selected:n.date.type,onChange:function(e){var o=lodash.cloneDeep(n.date);o.type=e,a.setAttributes({date:o})}}),"1"==n.date.type&&t("div",{className:"components-panel__row components-loop-date"},t(A,{position:"bottom right",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("From","loops-block")),t(c,{isLink:!0},n.date.after))},renderContent:function(e){return t(y,{currentDate:n.date.after,onChange:function(e){var o=lodash.cloneDeep(n.date);o.after=moment(e).format("YYYY-MM-DD"),a.setAttributes({date:o})}})}}),t(A,{position:"bottom right",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("To","loops-block")),t(c,{isLink:!0},n.date.before))},renderContent:function(e){return t(y,{currentDate:n.date.before,onChange:function(e){var o=lodash.cloneDeep(n.date);o.before=moment(e).format("YYYY-MM-DD"),a.setAttributes({date:o})}})}})),"2"==n.date.type&&t("div",{className:"components-panel__row components-loop-date"},t(A,{position:"bottom right",contentClassName:"components-loop-date-popup",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("From","loops-block")),t(c,{isLink:!0},n.date.afterNum+" "+n.date.afterUnit))},renderContent:function(e){return t("div",{className:"components-loop-date-dialog"},t(p,{type:"number",value:n.date.afterNum,onChange:function(e){var o=lodash.cloneDeep(n.date);o.afterNum=e,a.setAttributes({date:o})}}),t(d,{options:[{label:"Days",value:"days ago"},{label:"Weeks",value:"weeks ago"},{label:"Months",value:"months ago"},{label:"Years",value:"years ago"}],value:n.date.afterUnit,onChange:function(e){var o=lodash.cloneDeep(n.date);o.afterUnit=e,a.setAttributes({date:o})}}),t("span",{},w("ago","loops-block")))}}),t(A,{position:"bottom right",contentClassName:"components-loop-date-popup",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("To","loops-block")),t(c,{isLink:!0},n.date.beforeNum+" "+n.date.beforeUnit))},renderContent:function(e){return t("div",{className:"components-loop-date-dialog"},t(p,{type:"number",value:n.date.beforeNum,onChange:function(e){var o=lodash.cloneDeep(n.date);o.beforeNum=e,a.setAttributes({date:o})}}),t(d,{options:[{label:"Days",value:"days ago"},{label:"Weeks",value:"weeks ago"},{label:"Months",value:"months ago"},{label:"Years",value:"years ago"}],value:n.date.beforeUnit,onChange:function(e){var o=lodash.cloneDeep(n.date);o.beforeUnit=e,a.setAttributes({date:o})}}),t("span",{},w("ago","loops-block")))}})),t(p,{label:w("Query arguments","loops-block"),value:n.query,rows:1,help:w("eg: post_type=any. See WP_Query, WP_User_Query and WP_Term_Query","loops-block"),onChange:function(e){a.setAttributes({query:e})}})),t(T,{title:w("Title & Link","loops-block"),className:"block-display",initialOpen:!1},t(p,{label:w("Title","loops-block"),value:n.title,onChange:function(e){a.setAttributes({title:e})}}),t(p,{label:w("Subtitle","loops-block"),value:n.subtitle,onChange:function(e){a.setAttributes({subtitle:e})}}),t(p,{label:w("Link Text","loops-block"),value:n.linkText,onChange:function(e){a.setAttributes({linkText:e})}}),t(p,{label:w("Link URL","loops-block"),value:n.link,placeholder:"http://",onChange:function(e){a.setAttributes({link:e})}})),t(T,{title:w("Display","loops-block"),className:"block-display",initialOpen:!1},t(d,{label:w("Display","loops-block"),options:[{label:"Grid",value:"grid"},{label:"List",value:"row"},{label:"Mixed",value:"mixed"}],value:n.display,onChange:function(e){a.setAttributes({display:e})}}),t(v,{label:w("Index style","loops-block"),checked:n.index,onChange:function(e){a.setAttributes({index:e})}}),"mixed"!==n.display&&t(m,{label:w("Columns","loops-block"),value:n.cols,min:-1,max:12,onChange:function(e){a.setAttributes({cols:e})}}),t(m,{label:w("Rows","loops-block"),value:n.rows,min:-1,max:12,onChange:function(e){a.setAttributes({rows:e})}}),t(m,{label:w("Gap","loops-block"),value:n.gap,min:-1,max:100,onChange:function(e){a.setAttributes({gap:e})}}),t(m,{label:w("Thumbnail ratio","loops-block"),value:n.ratio,min:0,max:3,step:.01,onChange:function(e){a.setAttributes({ratio:e})}}),t(d,{label:w("Thumbnail size","loops-block"),options:loopsblock.image_sizes,value:n.image,onChange:function(e){a.setAttributes({image:e})}}),t(m,{label:w("Post per page","loops-block"),value:n.pages,onChange:function(e){a.setAttributes({pages:e})}}),t(d,{label:w("Pager","loops-block"),options:[{label:"None",value:""},{label:"Pagination",value:"pagination"},{label:"Load More",value:"more"},{label:"Scroll",value:"scroll"}],value:n.pager,onChange:function(e){a.setAttributes({pager:e})}}),t(v,{label:w("Enable slider","loops-block"),checked:n.slider,onChange:function(e){a.setAttributes({slider:e})}}),n.slider&&t("div",{className:""},t(v,{label:w("Prev/Next arrows","loops-block"),checked:n.sliderArrows,onChange:function(e){a.setAttributes({sliderArrows:e})}}),t(v,{label:w("Show dot indicators","loops-block"),checked:n.sliderDots,onChange:function(e){a.setAttributes({sliderDots:e})}}),t(v,{label:w("Enable autoplay","loops-block"),checked:n.sliderAutoplay,onChange:function(e){a.setAttributes({sliderAutoplay:e})}}),t(v,{label:w("Loop slider","loops-block"),checked:n.sliderLoop,onChange:function(e){a.setAttributes({sliderLoop:e})}}),t("p")),t(v,{label:w("Show empty","loops-block"),checked:n.empty,onChange:function(e){a.setAttributes({empty:e})}}),n.empty&&t(f,{label:w("Empty content","loops-block"),value:n.emptyContent,onChange:function(e){a.setAttributes({emptyContent:e})}})),t(T,{title:w("Filter","loops-block"),className:"block-display",initialOpen:!1},t(d,{label:w("Style","loops-block"),options:[{label:"Dropdown",value:"dropdown"},{label:"List",value:"list"}],value:n.filterStyle,onChange:function(e){a.setAttributes({filterStyle:e})}}),t(v,{label:w("Show filter keys","loops-block"),checked:n.filterKeys,onChange:function(e){a.setAttributes({filterKeys:e})}}),n.filterKeys&&t(f,{label:w("Clear filters text","loops-block"),value:n.filterClearText,onChange:function(e){a.setAttributes({filterClearText:e})}}),t(h,{label:w("filter::value[name]","loops-block"),value:n.filter,suggestions:S,className:"components-form-token-filter",onChange:function(e){a.setAttributes({filter:e})},onInputChange:function(e){if(!(e.length<2||/^https?:/.test(e))){var o="?search="+encodeURIComponent(e)+"&type="+n.type;D({path:"/loop/filter"+o}).then((function(e){M(e)}))}},onFocus:function(e){var t=o(".components-form-token-filter .components-flex");t.sortable({items:"> div",update:function(e,l){var n=t.find("> div").map((function(){return o.trim(o(this).find("> span > span > span:last").text())})).get();a.setAttributes({filter:n})}})}}),t("p",{className:"components-base-control__help"},w("Enter 3 or more characters","loops-block"))),t(T,{title:w("AD","loops-block"),className:"block-display",initialOpen:!1},t(p,{label:w("Image","loops-block"),placeholder:w("Enter, upload, choose from Media Library","loops-block"),value:n.adImage,onChange:function(e){a.setAttributes({adImage:e})}}),t(r,{allowedTypes:"image/jpeg,image/png,image/webp,image/gif,video/mp4,video/quicktime",onSelect:function(e){return a.setAttributes({adImage:e.url})},render:function(e){return t("div",{style:{display:"inline-flex",margin:"-1.5rem 0 1rem 0"}},t(c,{icon:"upload",label:w("Upload","loops-block"),onClick:e.open}),t(c,{icon:"no-alt",label:w("Clear","loops-block"),onClick:function(){a.setAttributes({adImage:""})}}))}}),t(p,{label:w("Title","loops-block"),value:n.adTitle,onChange:function(e){a.setAttributes({adTitle:e})}}),t(p,{label:w("Subtitle","loops-block"),value:n.adSubtitle,onChange:function(e){a.setAttributes({adSubtitle:e})}}),t(p,{label:w("Sponsor","loops-block"),value:n.adSponsor,onChange:function(e){a.setAttributes({adSponsor:e})}}),t(p,{label:w("Link URL","loops-block"),value:n.adLink,placeholder:"http://",onChange:function(e){a.setAttributes({adLink:e})}}),t(p,{label:w("Order","loops-block"),value:n.adOrder,type:"number",onChange:function(e){a.setAttributes({adOrder:e})}}))),t("div",s,""===n.type?t(x,{icon:L,label:w("Loops","loops-block"),instructions:w("Display post taxonomy & user items in loop.","loops-block")},t(d,{label:w("Choose loop type","loops-block"),options:loopsblock.types,value:n.type,onChange:function(e){a.setAttributes({type:e})}})):t(_,{block:"block/loop",attributes:n}))]},save:function(){return null}})}(window.wp,jQuery);
+!function(e,o){const{createElement:t,useState:l}=e.element,{RichText:a,BlockControls:n,InnerBlocks:s,AlignmentToolbar:i,MediaUpload:r,InspectorControls:u,useBlockProps:c}=e.blockEditor,{TextControl:b,Button:p,SelectControl:d,RangeControl:m,ToggleControl:v,RadioControl:g,CheckboxControl:k,TextareaControl:f,FormTokenField:h,DatePicker:y,Autocomplete:C,Dropdown:A,Placeholder:x,PanelBody:T}=e.components,_=e.apiFetch,D=e.serverSideRender,N=e.blocks.registerBlockType,w=e.i18n.__;var L=t("svg",{width:16,height:20,viewBox:"0 0 16 16"},t("path",{d:"M5.68 5.792 7.345 7.75 5.681 9.708a2.75 2.75 0 1 1 0-3.916ZM8 6.978 6.416 5.113l-.014-.015a3.75 3.75 0 1 0 0 5.304l.014-.015L8 8.522l1.584 1.865.014.015a3.75 3.75 0 1 0 0-5.304l-.014.015zm.656.772 1.663-1.958a2.75 2.75 0 1 1 0 3.916z"}));N("block/loop",{title:w("Loops","loops-block"),description:w("An advanced block that allows displaying posts, taxonomies and users based on different query parameters and visual configurations.","loops-block"),icon:L,category:"common",edit:function(a){var n=a.attributes,s=c(),i=e.hooks.applyFilters("hook_orderby",[{label:"No order",value:"none"},{label:"ID",value:"ID"},{label:"Title",value:"title"},{label:"Author",value:"author"},{label:"Published date",value:"date"},{label:"Modified date",value:"modified"},{label:"By parent",value:"parent"},{label:"Random order",value:"rand"},{label:"Comment count",value:"comment_count"},{label:"Menu order",value:"menu_order"},{label:"Meta value",value:"meta_value"},{label:"Numeric meta value",value:"meta_value_num"},{label:"By include order",value:"post__in"}]);const[k,C]=l([]),[N,I]=l([]),[S,M]=l([]);return[t(u,{key:"inspector"},t(T,{title:w("General","loops-block"),className:"block-display",initialOpen:!0},t(b,{label:w("ID","loops-block"),value:n.id,onChange:function(e){a.setAttributes({id:e})}}),t(d,{label:w("Type","loops-block"),options:loopsblock.types,value:n.type,onChange:function(e){a.setAttributes({type:e})}}),"taxonomy"==n.type&&t(d,{label:w("Taxonomies","loops-block"),options:loopsblock.taxonomies,value:n.taxonomy,onChange:function(e){a.setAttributes({taxonomy:e})}}),t(d,{label:w("Template","loops-block"),options:loopsblock.templates,value:n.template,onChange:function(e){a.setAttributes({template:e})}}),"user"!==n.type&&"taxonomy"!==n.type&&t(d,{label:w("Order by","loops-block"),options:i,value:n.orderby,onChange:function(e){a.setAttributes({orderby:e})}}),"user"==n.type&&t(d,{label:w("Order by","loops-block"),options:[{label:"No order",value:"none"},{label:"ID",value:"ID"},{label:"Display Name",value:"display_name"},{label:"Name",value:"user_name"},{label:"Login",value:"user_login"},{label:"Nicename",value:"user_nicename"},{label:"Email",value:"user_email"},{label:"URL",value:"user_url"},{label:"Registered",value:"user_registered"},{label:"Post count",value:"post_count"},{label:"Include",value:"include"},{label:"Meta value",value:"meta_value"},{label:"Numeric meta value",value:"meta_value_num"}],value:n.orderby,onChange:function(e){a.setAttributes({orderby:e})}}),"taxonomy"==n.type&&t(d,{label:w("Order by","loops-block"),options:[{label:"No order",value:"none"},{label:"ID",value:"term_id"},{label:"Name",value:"name"},{label:"Count",value:"count"}],value:n.orderby,onChange:function(e){a.setAttributes({orderby:e})}}),t(d,{label:w("Order","loops-block"),options:[{label:"Descending",value:"DESC"},{label:"Ascending",value:"ASC"}],value:n.order,onChange:function(e){a.setAttributes({order:e})}}),t(v,{label:w("Debug","loops-block"),checked:n.debug,onChange:function(e){a.setAttributes({debug:e})}}),t(v,{label:w("Enable transient cache","loops-block"),checked:n.transient_cache,onChange:function(e){a.setAttributes({transient_cache:e})}})),t(T,{title:w("Query","loops-block"),initialOpen:!1},t("div",{},t(h,{label:w("IDs in","loops-block"),value:n.ids,suggestions:k,onChange:function(e){a.setAttributes({ids:e})},saveTransform:function(e){return e.split(":")[0]},onInputChange:function(e){if(!(e.length<2||/^https?:/.test(e))){var o="?search="+encodeURIComponent(e)+"&type="+n.type;_({path:"/loop/ids"+o}).then((function(e){C(e)}))}}})),"user"!==n.type&&"taxonomy"!==n.type&&t("div",{},t(h,{label:w("Taxonomies (taxonomy:term:operator)","loops-block"),value:n.taxQuery,suggestions:N,onChange:function(e){a.setAttributes({taxQuery:e})},onInputChange:function(e){if(!(e.length<2||/^https?:/.test(e))){var o="?search="+encodeURIComponent(e)+"&type="+n.type;_({path:"/loop/terms"+o}).then((function(e){I(e)}))}}})),"taxonomy"!==n.type&&t("div",{},t(h,{label:w("Meta (key:value:compare:type)","loops-block"),value:n.metaQuery,onChange:function(e){a.setAttributes({metaQuery:e})}})),"taxonomy"!==n.type&&t(g,{label:w("Date","loops-block"),options:[{label:w("Anytime","loops-block"),value:"0"},{label:w("Specific","loops-block"),value:"1"},{label:w("Relative","loops-block"),value:"2"}],selected:n.date.type,onChange:function(e){var o=lodash.cloneDeep(n.date);o.type=e,a.setAttributes({date:o})}}),"1"==n.date.type&&t("div",{className:"components-panel__row components-loop-date"},t(A,{position:"bottom right",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("From","loops-block")),t(p,{isLink:!0},n.date.after))},renderContent:function(e){return t(y,{currentDate:n.date.after,onChange:function(e){var o=lodash.cloneDeep(n.date);o.after=moment(e).format("YYYY-MM-DD"),a.setAttributes({date:o})}})}}),t(A,{position:"bottom right",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("To","loops-block")),t(p,{isLink:!0},n.date.before))},renderContent:function(e){return t(y,{currentDate:n.date.before,onChange:function(e){var o=lodash.cloneDeep(n.date);o.before=moment(e).format("YYYY-MM-DD"),a.setAttributes({date:o})}})}})),"2"==n.date.type&&t("div",{className:"components-panel__row components-loop-date"},t(A,{position:"bottom right",contentClassName:"components-loop-date-popup",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("From","loops-block")),t(p,{isLink:!0},n.date.afterNum+" "+n.date.afterUnit))},renderContent:function(e){return t("div",{className:"components-loop-date-dialog"},t(b,{type:"number",value:n.date.afterNum,onChange:function(e){var o=lodash.cloneDeep(n.date);o.afterNum=e,a.setAttributes({date:o})}}),t(d,{options:[{label:"Days",value:"days ago"},{label:"Weeks",value:"weeks ago"},{label:"Months",value:"months ago"},{label:"Years",value:"years ago"}],value:n.date.afterUnit,onChange:function(e){var o=lodash.cloneDeep(n.date);o.afterUnit=e,a.setAttributes({date:o})}}),t("span",{},w("ago","loops-block")))}}),t(A,{position:"bottom right",contentClassName:"components-loop-date-popup",renderToggle:function(e){e.isOpen;var o=e.onToggle;return t("div",{onClick:o},t("label",{},w("To","loops-block")),t(p,{isLink:!0},n.date.beforeNum+" "+n.date.beforeUnit))},renderContent:function(e){return t("div",{className:"components-loop-date-dialog"},t(b,{type:"number",value:n.date.beforeNum,onChange:function(e){var o=lodash.cloneDeep(n.date);o.beforeNum=e,a.setAttributes({date:o})}}),t(d,{options:[{label:"Days",value:"days ago"},{label:"Weeks",value:"weeks ago"},{label:"Months",value:"months ago"},{label:"Years",value:"years ago"}],value:n.date.beforeUnit,onChange:function(e){var o=lodash.cloneDeep(n.date);o.beforeUnit=e,a.setAttributes({date:o})}}),t("span",{},w("ago","loops-block")))}})),t(b,{label:w("Query arguments","loops-block"),value:n.query,rows:1,help:w("eg: post_type=any. See WP_Query, WP_User_Query and WP_Term_Query","loops-block"),onChange:function(e){a.setAttributes({query:e})}})),t(T,{title:w("Title & Link","loops-block"),className:"block-display",initialOpen:!1},t(b,{label:w("Title","loops-block"),value:n.title,onChange:function(e){a.setAttributes({title:e})}}),t(b,{label:w("Subtitle","loops-block"),value:n.subtitle,onChange:function(e){a.setAttributes({subtitle:e})}}),t(b,{label:w("Link Text","loops-block"),value:n.linkText,onChange:function(e){a.setAttributes({linkText:e})}}),t(b,{label:w("Link URL","loops-block"),value:n.link,placeholder:"http://",onChange:function(e){a.setAttributes({link:e})}})),t(T,{title:w("Display","loops-block"),className:"block-display",initialOpen:!1},t(d,{label:w("Display","loops-block"),options:[{label:"Grid",value:"grid"},{label:"List",value:"row"},{label:"Mixed",value:"mixed"}],value:n.display,onChange:function(e){a.setAttributes({display:e})}}),t(v,{label:w("Index style","loops-block"),checked:n.index,onChange:function(e){a.setAttributes({index:e})}}),"mixed"!==n.display&&t(m,{label:w("Columns","loops-block"),value:n.cols,min:-1,max:12,onChange:function(e){a.setAttributes({cols:e})}}),t(m,{label:w("Rows","loops-block"),value:n.rows,min:-1,max:12,onChange:function(e){a.setAttributes({rows:e})}}),t(m,{label:w("Gap","loops-block"),value:n.gap,min:-1,max:100,onChange:function(e){a.setAttributes({gap:e})}}),t(m,{label:w("Thumbnail ratio","loops-block"),value:n.ratio,min:0,max:3,step:.01,onChange:function(e){a.setAttributes({ratio:e})}}),t(d,{label:w("Thumbnail size","loops-block"),options:loopsblock.image_sizes,value:n.image,onChange:function(e){a.setAttributes({image:e})}}),t(m,{label:w("Post per page","loops-block"),value:n.pages,onChange:function(e){a.setAttributes({pages:e})}}),t(d,{label:w("Pager","loops-block"),options:[{label:"None",value:""},{label:"Pagination",value:"pagination"},{label:"Load More",value:"more"},{label:"Scroll",value:"scroll"}],value:n.pager,onChange:function(e){a.setAttributes({pager:e})}}),t(v,{label:w("Enable slider","loops-block"),checked:n.slider,onChange:function(e){a.setAttributes({slider:e})}}),n.slider&&t("div",{className:""},t(v,{label:w("Prev/Next arrows","loops-block"),checked:n.sliderArrows,onChange:function(e){a.setAttributes({sliderArrows:e})}}),t(v,{label:w("Show dot indicators","loops-block"),checked:n.sliderDots,onChange:function(e){a.setAttributes({sliderDots:e})}}),t(v,{label:w("Enable autoplay","loops-block"),checked:n.sliderAutoplay,onChange:function(e){a.setAttributes({sliderAutoplay:e})}}),t(v,{label:w("Loop slider","loops-block"),checked:n.sliderLoop,onChange:function(e){a.setAttributes({sliderLoop:e})}}),t("p")),t(v,{label:w("Show empty","loops-block"),checked:n.empty,onChange:function(e){a.setAttributes({empty:e})}}),n.empty&&t(f,{label:w("Empty content","loops-block"),value:n.emptyContent,onChange:function(e){a.setAttributes({emptyContent:e})}})),t(T,{title:w("Filter","loops-block"),className:"block-display",initialOpen:!1},t(d,{label:w("Style","loops-block"),options:[{label:"Dropdown",value:"dropdown"},{label:"List",value:"list"}],value:n.filterStyle,onChange:function(e){a.setAttributes({filterStyle:e})}}),t(v,{label:w("Show filter keys","loops-block"),checked:n.filterKeys,onChange:function(e){a.setAttributes({filterKeys:e})}}),n.filterKeys&&t(f,{label:w("Clear filters text","loops-block"),value:n.filterClearText,onChange:function(e){a.setAttributes({filterClearText:e})}}),t(h,{label:w("filter::value[name]","loops-block"),value:n.filter,suggestions:S,className:"components-form-token-filter",onChange:function(e){a.setAttributes({filter:e})},onInputChange:function(e){if(!(e.length<2||/^https?:/.test(e))){var o="?search="+encodeURIComponent(e)+"&type="+n.type;_({path:"/loop/filter"+o}).then((function(e){M(e)}))}},onFocus:function(e){var t=o(".components-form-token-filter .components-flex");t.sortable({items:"> div",update:function(e,l){var n=t.find("> div").map((function(){return o.trim(o(this).find("> span > span > span:last").text())})).get();a.setAttributes({filter:n})}})}}),t("p",{className:"components-base-control__help"},w("Enter 3 or more characters","loops-block"))),t(T,{title:w("AD","loops-block"),className:"block-display",initialOpen:!1},t(b,{label:w("Image","loops-block"),placeholder:w("Enter, upload, choose from Media Library","loops-block"),value:n.adImage,onChange:function(e){a.setAttributes({adImage:e})}}),t(r,{allowedTypes:"image/jpeg,image/png,image/webp,image/gif,video/mp4,video/quicktime",onSelect:function(e){return a.setAttributes({adImage:e.url})},render:function(e){return t("div",{style:{display:"inline-flex",margin:"-1.5rem 0 1rem 0"}},t(p,{icon:"upload",label:w("Upload","loops-block"),onClick:e.open}),t(p,{icon:"no-alt",label:w("Clear","loops-block"),onClick:function(){a.setAttributes({adImage:""})}}))}}),t(b,{label:w("Title","loops-block"),value:n.adTitle,onChange:function(e){a.setAttributes({adTitle:e})}}),t(b,{label:w("Subtitle","loops-block"),value:n.adSubtitle,onChange:function(e){a.setAttributes({adSubtitle:e})}}),t(b,{label:w("Sponsor","loops-block"),value:n.adSponsor,onChange:function(e){a.setAttributes({adSponsor:e})}}),t(b,{label:w("Link URL","loops-block"),value:n.adLink,placeholder:"http://",onChange:function(e){a.setAttributes({adLink:e})}}),t(b,{label:w("Order","loops-block"),value:n.adOrder,type:"number",onChange:function(e){a.setAttributes({adOrder:e})}}))),t("div",s,""===n.type?t(x,{icon:L,label:w("Loops","loops-block"),instructions:w("Display post taxonomy & user items in loop.","loops-block")},t(d,{label:w("Choose loop type","loops-block"),options:loopsblock.types,value:n.type,onChange:function(e){a.setAttributes({type:e})}})):t(D,{block:"block/loop",attributes:n}))]},save:function(){return null}})}(window.wp,jQuery);

loops-block/trunk/build/style.css

@@ -828 +828 @@
 .block-loop-row .entry-description,
 .block-loop-row .entry-info,
-.is-series .entry-description,
-.is-series .entry-info{
+.is-series .block-loop-item .entry-description,
+.is-series .block-loop-item .entry-info{
   margin-bottom: 0;
 }
 .block-loop-row .entry-info .play-duration,
-.is-series .entry-info .play-duration{
+.is-series .block-loop-item .entry-info .play-duration{
   padding: 0;
 }

loops-block/trunk/build/style.min.css

@@ -1 @@
-:root{--loop-cols:5;--loop-xs-cols:2;--loop-rows:1;--loop-columns:max( var(--loop-cols) - 4, var(--loop-xs-cols) );--loop-grid-gap:1.5rem;--loop-row-gap:1rem;--loop-max-width:100%;--loop-min-width:0;--loop-line:2;--loop-line-height:1.3;--loop-ratio:1;--loop-radius:6px;--loop-center-width:70%;--loop-font-size:0.9375rem}.is-loop-icon{display:inline-flex;align-items:center;grid-gap:.25em}.is-loop-icon:after,.is-loop-icon:before{content:'';display:block;width:1em;height:1em;border:.125em solid currentColor;transform:rotate(45deg);border-radius:100%;order:-1}.is-loop-icon:before{border-top-right-radius:0}.is-loop-icon:after{border-bottom-left-radius:0}.wp-block-loop{position:relative}.block-loop-items{margin-bottom:1.5rem;list-style:none;display:grid;grid-gap:var(--loop-grid-gap);--loop--cols:calc((var(--loop-max-width) - (var(--loop-columns) - 1) * var(--loop-grid-gap)) / var(--loop-columns));grid-template-columns:repeat(auto-fill,minmax(var(--loop--cols),1fr))}.block-loop-slider,[data-plugin=slider]{display:grid;overflow-x:auto;border-radius:var(--loop-radius);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;grid-auto-flow:column;--loop--cols:calc((var(--loop-max-width) - (var(--loop-columns) - 1) * var(--loop-grid-gap)) / var(--loop-columns));grid-auto-columns:var(--loop--cols);grid-template-rows:repeat(var(--loop-rows),max-content);grid-template-columns:inherit!important;box-sizing:border-box}.block-loop-slider::-webkit-scrollbar,.block-loop-snaps .block-loop-items::-webkit-scrollbar{display:none}.block-loop-snaps .block-loop-items{position:fixed;z-index:2;left:0;right:0;top:var(--navbar-height);bottom:var(--mobile-menu-height);display:flex;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:none;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;border-radius:var(--loop-radius);margin-bottom:0}.block-slider-scrolling{-ms-scroll-snap-type:none;scroll-snap-type:none;scroll-behavior:inherit}.block-slider-scrolling video{display:none!important}.block-loop-slider .entry-content>*,[data-plugin=slider] .entry-content>*{width:100%!important;max-width:100%!important}.block-loop-slider>*,.block-loop-snaps>*{scroll-snap-align:start}.column-sm-gap{--column-gap:var(--loop-grid-gap, 1rem)}@media (max-width:1000px){.is-stacked-tablet{flex-wrap:wrap!important}.is-stacked-tablet>.wp-block-column{flex-basis:100%!important}}@media (min-width:420px){.wp-block-loop{--loop-columns:max( min(var(--loop-cols), 5) - 3, 2 )}}@media (min-width:640px){.wp-block-loop{--loop-columns:max( var(--loop-cols) - 2, 2 )}}@media (min-width:960px){.wp-block-loop{--loop-columns:max( var(--loop-cols) - 1, 3 )}}@media (min-width:1260px){.wp-block-loop{--loop-columns:var(--loop-cols)}}.grid-1{--loop-columns:1!important}.grid-2{--loop-columns:2!important}.grid-3{--loop-columns:3!important}@media (max-width:419px){.grid-xs-1{--loop-columns:1!important}.grid-xs-2{--loop-columns:2!important}.grid-xs-3{--loop-columns:3!important}}@media (max-width:781px){.grid-sm-1{--loop-columns:1!important}.grid-sm-2{--loop-columns:2!important}.grid-sm-3{--loop-columns:3!important}}@media (max-width:991px){.grid-md-1{--loop-columns:1!important}.grid-md-2{--loop-columns:2!important}.grid-md-3{--loop-columns:3!important}}@media (min-width:1400px){.grid-xl-1{--loop-columns:1!important}.grid-xl-2{--loop-columns:2!important}.grid-xl-3{--loop-columns:3!important}}.block-loop-title{display:flex;flex-wrap:wrap;align-items:center}.block-loop-heading{width:1%;flex:1}.block-loop-more{font-size:14px;font-weight:400}.block-loop-subtitle{color:var(--text-secondary-color,#888);line-height:1.1;text-transform:none;display:block;width:100%}.block-loop-nav{opacity:0;transition:opacity .2s;position:absolute;display:flex;align-items:center;z-index:5;height:0;width:calc(100% + 2.5rem);left:-1.25rem;top:var(--top,50%)}.alignfull>.block-loop-nav{width:calc(100% - 2.5rem);left:1.25rem}.block-loop-nav span{flex:1}.wp-block-loop:hover .block-loop-nav{opacity:1}.block-loop-nav button{width:2.5rem;height:2.5rem;padding:0;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.block-loop-nav button svg{pointer-events:none;transform:rotate(var(--transform-rotate,0))}.block-loop-dot-overlay .block-loop-dot{position:absolute;z-index:5;left:50%;bottom:1rem;transform:translate(-50%,0);color:#fff}.block-loop-dot-left .block-loop-dot{margin:-4rem auto 0 auto;text-align:left;max-width:var(--content-width);width:calc(100% - var(--x-gap) * 2)}.block-loop-dot{text-align:center}.block-loop-dot button{width:1.5rem;height:1.5rem;padding:0;border-radius:2rem;border:none;background-color:transparent;color:inherit}.block-loop-dot button:after{content:"";display:inline-block;width:6px;height:6px;border-radius:6px;margin:0 auto;background-color:currentColor;opacity:.5}.block-loop-dot button.active:after{opacity:1}.block-loop-center{--loop-columns:1;--loop-max-width:var(--loop-center-width)!important}.block-loop-center .block-loop-item{scroll-snap-align:center}.block-loop-center .block-loop-nav>div{height:var(--height);width:calc(50% - var(--loop-center-width)/ 2);display:flex;align-items:center}.block-loop-center .block-loop-nav .slider-right-btn{justify-content:flex-end}.scroller{width:15rem;font-size:12px!important;display:inline-flex;justify-content:center;margin:0 auto;text-decoration:none}.scroller.is-loading{cursor:wait;pointer-events:none}.block-loop-empty,.wp-block-loop .pagination,.wp-block-loop .scroller{grid-column:1/-1;order:10000}.pagination .nav-links{display:flex;align-items:center;justify-content:center}.pagination .page-numbers{padding:.25em;text-decoration:none}.wp-block-loop .navigation .next,.wp-block-loop .navigation .prev{line-height:0}.wp-block-loop .navigation .nav-next-text,.wp-block-loop .navigation .nav-prev-text,.wp-block-loop .navigation .next:before,.wp-block-loop .navigation .prev:before{display:none}.block-loop-item{position:relative;padding:0;max-width:100%;border-radius:var(--loop-radius);display:flex;flex-direction:column;flex-wrap:wrap;scroll-snap-align:start;order:10;font-size:var(--loop-font-size)}.block-loop-item:nth-child(1){order:0}.block-loop-item:nth-child(2){order:1}.block-loop-item:nth-child(3){order:2}.block-loop-item:nth-child(4){order:3}.block-loop-item:nth-child(5){order:4}.block-loop-item:nth-child(6){order:5}.block-loop-item:nth-child(7){order:6}.block-loop-item:nth-child(8){order:7}.block-loop-item:nth-child(9){order:8}.block-loop-item .entry-content,.block-loop-item .entry-footer,.block-loop-item .entry-header,.block-loop-item .post-thumbnail{width:100%;box-sizing:border-box;padding-left:0;padding-right:0}.block-loop-item .entry-header{margin-bottom:1rem}.block-loop-item .entry-footer{margin-bottom:1rem}.block-loop-item .entry-header{padding:var(--loop-header-gap,.5rem) 0;margin:0;flex:1;display:flex;align-items:flex-start;grid-gap:var(--loop-header-gap,.5rem)}.block-loop-item .entry-title{margin:0;font-weight:500;letter-spacing:0}.block-loop-item .entry-subtitle{color:var(--text-secondary-color,#888)}.block-loop-item a{text-decoration:none}.block-loop-item .entry-meta{display:flex;flex-wrap:wrap;grid-gap:0;margin:0;color:var(--text-secondary-color,#888)}.block-loop-item .byline .author,.block-loop-item .entry-artist,.block-loop-item .entry-excerpt,.block-loop-item .entry-title,.wp-block-loop-user .entry-title a{display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:var(--loop-line);line-height:var(--loop-line-height);font-size:inherit;overflow:hidden;padding-bottom:.1em;word-break:break-word;word-wrap:break-word}.block-loop-item .entry-excerpt{--loop-line:2}.wp-block-loop-user .entry-title{display:flex;overflow:visible}.block-loop-item .byline .author,.wp-block-loop-user .entry-title a{--loop-line:1}.block-loop-item .entry-meta>span{margin:0}.block-loop-item .wp-video,.block-loop-item .wp-video video{width:100%!important;height:auto;border-radius:inherit}.block-loop-item .attachment,.block-loop-item.attachment{float:none;width:100%}.block-loop-item.attachment audio~p{display:none}.block-loop-item .post-thumbnail br,.block-loop-item .post-thumbnail p{display:none}.block-loop-item .post-thumbnail{width:100%;position:relative;margin:0;padding:0;border-radius:inherit;background-color:rgba(110,120,130,.2)}.block-loop-item .btn-follow{padding:.25em .75em;font-size:12px;vertical-align:text-bottom;margin:.25rem 0}.block-loop-item .post-thumbnail a{border-radius:inherit}.block-loop-item .post-thumbnail .avatar,.block-loop-item .post-thumbnail img,.block-loop-item .post-thumbnail video{border-radius:inherit;position:absolute;width:100%;height:100%;object-fit:cover;display:inline-flex;justify-content:center;align-items:center}.block-loop-item .post-thumbnail:after{padding-top:calc(100% / var(--loop-ratio));min-height:auto;content:"";width:100%;display:block}.block-loop-item .entry-action{opacity:0;pointer-events:none;color:#fff;background-color:rgba(0,0,0,.2);position:absolute;z-index:3;left:50%;top:50%;width:100%;height:100%;padding:0 5%;border-radius:inherit;transform:translate(-50%,-50%);transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-around;box-sizing:border-box}.block-loop-item .entry-action .count{display:none}.block-loop-item .entry-action.show{z-index:10}.block-loop-item .entry-action button,.block-loop-item .entry-action button:hover{flex-shrink:0}.entry-action-link{position:absolute;width:100%;height:100%}.block-loop-item-link{padding:.75rem 1rem;background-color:var(--btn-background,rgba(150,155,160,.2));border-radius:var(--btn-radius,.5rem)}.block-loop-item-link.active,.block-loop-item-link:hover{background-color:var(--btn-background-hover,rgba(150,155,160,.3))}.block-loop-item.active .entry-action,.block-loop-item:active .entry-action,.block-loop-item:hover .entry-action,.block-loop-item:hover .entry-header-inner~.btn-more{opacity:1;pointer-events:initial}.block-loop-item .count,.comment-toolbar .count,.entry-meta .count{color:var(--text-secondary-color,#888);padding-inline-start:.25rem;-webkit-padding-start:.25rem;font-size:.85rem;font-weight:400}.block-loop-row .play-count{padding:0 .5rem}.block-loop-item .entry-avatar{width:36px;flex-shrink:0}.block-loop-item .entry-footer{display:none;margin:0}.block-loop-item .entry-description{font-size:.875rem}.block-loop-item .entry-description p{margin-bottom:0}.block-loop-item .waveform{width:100%}.block-loop-index.block-loop-row .waveform:before{content:"";display:inline-block;min-width:1rem}.wp-block-loop .btn-play{font-size:1.125rem}.block-loop-row .btn-play{font-size:.875rem}.wp-block-loop-user .post-thumbnail{width:80%;margin:10% 10% 0 10%;border-radius:50%}.wp-block-loop-user .entry-header{text-align:center;flex-direction:column;align-items:center;grid-gap:0}.wp-block-loop-user .post-thumbnail{--loop-ratio:1;border-radius:50%!important}.wp-block-loop-user.block-loop-row{--loop-grid-gap:0.75rem}.wp-block-loop-user.block-loop-row .block-loop-item{align-items:center}.wp-block-loop-user.block-loop-row .post-thumbnail{margin:0;min-width:0;width:3rem}.wp-block-loop-user.block-loop-row .entry-header{align-items:center;text-align:inherit;display:flex;flex-direction:row;gap:.5rem}.wp-block-loop-user .entry-title{font-size:.8125rem;font-weight:600;align-items:center;justify-content:center;flex:1}.wp-block-loop-user.block-loop-row .entry-title{justify-content:flex-start}.wp-block-loop-user .user-followers{font-weight:400;font-size:.85em;color:var(--text-secondary-color);width:100%}.block-loop-row{--loop-columns:1}.hide-more-actions .entry-footer>:not(.btn-more){display:none}.block-loop-row .block-loop-item{display:flex;grid-gap:var(--loop-row-gap);flex-direction:row;align-items:flex-start}.block-loop-row .entry-header{flex:1;display:flex;flex-wrap:wrap;padding:0;align-items:center;align-self:stretch;grid-gap:0}.block-loop-row .entry-avatar{display:none}.block-loop-row .post-thumbnail{width:6rem;min-width:var(--loop-min-width)}.block-loop-mixed .block-loop-item{display:flex;grid-gap:var(--loop-row-gap);flex-direction:row;--loop-header-gap:0;align-items:center}.block-loop-mixed .block-loop-item:first-child{grid-column:span calc(var(--loop-columns)/2);grid-row:span var(--loop-rows,4);align-items:stretch}.block-loop-mixed .block-loop-item:not(:first-child){grid-column:span calc(var(--loop-columns)/2)}.block-loop-mixed .block-loop-item:not(:first-child) .post-thumbnail{width:33%}@media (max-width:576px){.block-loop-mixed .block-loop-items{--loop-columns:1}}.block-loop-xs{--loop-line:1}.block-loop-xs .btn-play{font-size:.75rem}.block-loop-xs .post-thumbnail{width:3rem;border-radius:5px;min-width:auto}.block-loop-sm .post-thumbnail{width:4rem;border-radius:7px;min-width:auto}.block-loop-lg .post-thumbnail{width:10rem;min-width:auto}.block-loop-autotype .block-loop-items{--loop-columns:1}.has-loop-posts .block-loop-items{grid-gap:0;--loop-columns:1}.has-loop-posts .block-loop-item{padding:.5rem .5rem}.has-loop-posts .entry-header{flex-wrap:nowrap;padding:0}.has-loop-posts .post-thumbnail{border-radius:2px;width:3rem;flex-shrink:0}.has-loop-posts.block-loop-index .icon-play{display:none;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);line-height:0}.has-loop-posts.block-loop-index .block-loop-item.active:before,.has-loop-posts.block-loop-index .block-loop-item:hover:before{color:transparent}.has-loop-posts.block-loop-index .block-loop-item.active .icon-play,.has-loop-posts.block-loop-index .block-loop-item:hover .icon-play{display:block}.has-loop-posts .block-loop-item:hover{background-color:var(--tracks-item-odd-color,rgba(150,155,160,.1))}.has-loop-posts .block-loop-item.active{background-color:var(--tracks-item-hover-color,rgba(150,155,160,.2))}.has-loop-posts .icon-plus{display:none}.is-album .has-loop-posts .entry-meta a,.is-album .has-loop-posts .entry-title a{pointer-events:none}.has-loop-posts .entry-meta{justify-content:flex-start!important}.is-album .has-loop-posts .post-thumbnail{display:none}.is-series .has-loop-posts .block-loop-items{margin:0 -1rem}.is-series .has-loop-posts .block-loop-item{padding:.75rem 1rem;border:none!important}.is-series .has-loop-posts .block-loop-item .entry-header{padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.is-series .has-loop-posts .block-loop-item.active .entry-header,.is-series .has-loop-posts .block-loop-item:hover .entry-header{border-color:transparent}.is-series .has-loop-posts .btn-play{border:1px solid var(--color-border);background-clip:padding-box}.is-series .has-loop-posts .block-loop-item>.btn-play{align-self:flex-start}.block-loop-row .entry-description,.block-loop-row .entry-info,.is-series .entry-description,.is-series .entry-info{margin-bottom:0}.block-loop-row .entry-info .play-duration,.is-series .entry-info .play-duration{padding:0}.block-loop-inline .entry-header{grid-gap:1.5rem}.block-loop-inline>button.btn-play{transform:scale(1)}.block-loop-inline .btn-play-waveform{display:none}.block-loop-inline .waveform{flex:1}.entry-header-inner{flex:1;max-width:100%}.entry-header-inner~.btn-more{margin:-.375rem -.5rem;opacity:0}.entry-header-inner .byline,.entry-header-inner .entry-artist{width:100%;justify-content:inherit}.entry-header-inner .byline{display:flex;align-items:center}.entry-meta-date{font-size:.75rem}.entry-header-inner .play-count+.entry-meta-date:before{display:inline-block;text-align:center;content:'\00B7';color:var(--text-secondary-color);width:1rem;font-weight:700}.block-loop-item .add_to_cart_inline,.block-loop-item .entry-header-inner .btn-purchase{margin:4px 0}.block-loop-item .add_to_cart_inline .btn-purchase,.block-loop-item form{margin:0!important}.block-loop-xs .add_to_cart_inline,.block-loop-xs .btn-purchase,.has-loop-posts .add_to_cart_inline,.has-loop-posts .btn-purchase{display:none}.block-loop-item .added_to_cart,.block-loop-item .btn-purchase,.plyr-playlist .btn-purchase{font-size:12px}.block-loop-item .entry-action .btn-more{position:absolute;padding:.75em;bottom:0;right:0}.block-loop-row .entry-action{justify-content:center}.block-loop-row .post-thumbnail .entry-action .btn-like,.block-loop-row .post-thumbnail .entry-action .btn-more{display:none}.block-loop-row .entry-footer{display:flex;align-items:center;padding-left:0;padding-right:0;width:auto}.block-loop-row .count,.block-loop-row .play-duration{font-size:.875em}.block-loop-row .play-duration{padding:0 .5rem}.play-count{white-space:nowrap;display:inline-flex;align-items:center;white-space:nowrap}.play-count:before{display:inline-block;width:0;height:0;content:"";border-left:.5em solid;border-top:.3em solid transparent;border-bottom:.3em solid transparent;opacity:.5}.btn-play+.play-count:before{display:none}.entry-badge .play-duration{background-color:#000;color:#fff;font-size:11px;font-weight:500;border-radius:4px;padding:1px 4px;position:absolute;right:.5rem;bottom:.5rem}.block-loop-index{counter-reset:li}.block-loop-index:not(.block-loop-row) .block-loop-item .entry-header:before{content:counter(li);counter-increment:li;font-weight:400;-ms-flex-negative:0;flex-shrink:0;opacity:.75;min-width:1rem}.block-loop-index.block-loop-row .block-loop-item:before{content:counter(li);counter-increment:li;min-width:1.5rem;font-weight:400;-ms-flex-negative:0;flex-shrink:0;opacity:.5;text-align:center;font-size:.9em;white-space:nowrap;align-self:center}.block-loop-overlay .entry-header{position:absolute;bottom:0;left:0;width:100%!important;padding:.75rem 1rem!important;box-sizing:border-box;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));border-radius:inherit;border-top-right-radius:0;border-top-left-radius:0;opacity:0;pointer-events:none}.block-loop-overlay .entry-header .entry-title{color:inherit;font-weight:700}.block-loop-overlay .entry-header .entry-meta,.block-loop-overlay .entry-header .entry-subtitle{color:rgba(255,255,255,.75)}.block-loop-overlay .entry-header a:hover{color:inherit}.block-loop-overlay .block-loop-item:hover .entry-header,.block-loop-overlay.block-loop-show-header .entry-header{opacity:1;pointer-events:initial;z-index:2}.block-loop-overlay-center .entry-header{top:0;opacity:1;font-weight:700;font-size:1rem;text-align:center;display:flex!important;align-items:center;justify-content:center}.block-loop-overlay-center .entry-meta{justify-content:center}.block-loop-ad .entry-meta{font-size:.75rem}.block-loop-ad.block-loop-item .post-thumbnail{background-color:var(--color-primary)}.block-loop-overlay .block-loop-ad .entry-header{background:0 0;bottom:auto}.block-loop-hero{--text-secondary-color:rgba(255,255,255,0.95);--button-radius:3rem;--loop-hero-min-height:15rem}.block-loop-hero.wp-block-loop.alignfull{margin-left:0;margin-right:0;--loop-radius:0;--loop-max-width:100%;--loop-hero-min-height:clamp(20rem, 50vh, 30rem)}.entry-content>.block-loop-hero.wp-block-loop.alignfull .block-loop-items{padding:0}.block-loop-hero .block-loop-nav{top:auto;right:2rem;bottom:5rem;width:auto;justify-content:flex-end;gap:.5rem}.block-loop-hero .block-loop-nav span,.block-loop-hero .count{display:none}.block-loop-hero .entry-header{position:absolute;top:0;left:0;bottom:0;width:100%;padding:var(--x-gap,1.5rem);color:#fff;background:linear-gradient(-135deg,transparent 0,transparent 25%,rgba(0,0,0,.6) 70%,rgba(0,0,0,1) 100%);border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;flex-direction:column}.block-loop-hero .entry-header-inner{flex:none;margin-top:auto}.block-loop-hero video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:none}.block-loop-hero .slider-active video{display:block}.block-loop-hero .entry-meta{grid-gap:1rem}.block-loop-hero .entry-header .entry-title{font-size:clamp(1.75rem,2.5vw,3rem);font-weight:600;line-height:1;max-width:40rem;margin-bottom:1rem}.block-loop-hero .byline{width:auto}.block-loop-hero .btn-purchase{border-color:#fff;padding:.5rem 1rem}.block-loop-hero .post-thumbnail{min-height:var(--loop-hero-min-height)}.block-loop-hero .btn-play{font-size:inherit}.block-loop-hero.alignfull .entry-header .entry-title{font-size:clamp(1.75rem,5vw,5rem);max-width:30rem}.block-loop-hero .entry-header{z-index:2;background:linear-gradient(180deg,transparent 0,transparent 25%,rgba(0,0,0,.7) 75%,var(--color-grey-800))}.block-loop-hero .post-thumbnail:before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:linear-gradient(-80deg,transparent 50%,rgba(0,0,0,1) 100%)}.block-loop-hero .block-loop-dot{position:absolute;z-index:3;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;color:#fff}.block-loop-hero .byline,.block-loop-hero .byline+:before{display:none}.block-loop-hide-byline .byline{display:none}.block-loop-hide-footer .entry-footer{display:none}.block-loop-hide-avatar .entry-avatar{display:none}.block-loop-hide-meta .entry-footer>:not(.btn-more){display:none}.block-loop-short-item{--loop-ratio:calc(9/16);--loop-radius:1rem;--loop-line:3;--height:calc( 100vh - var(--navbar-height) - var(--mobile-menu-height) - var(--loop-short-bottom-padding, 2rem) );height:var(--height);width:calc(var(--height) * .5625)}.block-loop-short-item .entry-header{position:absolute;z-index:99;bottom:0;width:100%;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));padding:3rem 1rem 1rem;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.block-loop-short-item .entry-meta{grid-gap:.5rem;margin-top:1rem}.block-loop-short-item .btn-follow{padding:1rem;border:none}.block-loop-short-item .btn-follow:not(.active){color:#000;background-color:#fff}.block-loop-short-item .byline{color:#fff;width:auto;flex:1}.block-loop-short-item.active .entry-action{opacity:0}.block-loop-short-item.active:hover .entry-action{opacity:1}.block-loop-short-item .post-thumbnail{border-radius:inherit!important;z-index:2}.block-loop-short-item.active .post-thumbnail .post-thumbnail-inner,.block-loop-short-item.is-current .post-thumbnail .post-thumbnail-inner{display:none}.block-loop-short-item .post-thumbnail .entry-action{background:linear-gradient(0deg,transparent,transparent 90%,rgba(0,0,0,.2));align-items:flex-start;justify-content:space-between;width:100%;height:auto;transform:none;left:0;top:0;padding:0}.block-loop-short-item .btn-play{position:relative!important;box-shadow:none!important;background-color:transparent!important;border:none;color:#fff}.block-loop-short-item .btn-play:after{display:none}.block-loop-short-item .entry-actions{position:absolute;left:100%;bottom:0;padding:0 1rem;grid-gap:.75rem;display:flex;flex-direction:column}.block-loop-short-item .entry-action-link{pointer-events:none}.block-loop-short-item .entry-actions .btn-comment,.block-loop-short-item .entry-actions button{display:inline-flex!important;flex-direction:column;padding:0;margin:0!important;position:relative!important}.block-loop-short-item .entry-actions .count{padding:.25rem 0 0 0;font-size:12px;font-weight:600}.block-loop-short-item .entry-actions .btn-svg-icon{padding:1rem;background-color:rgba(150,150,150,.15);border-radius:2rem}.block-loop-short-item .entry-actions .btn-svg-icon svg{width:20px;height:20px;fill:currentColor}.block-loop-snaps .scroller{margin-top:-1.25rem;margin-bottom:.25rem;border:none;background:0 0}@media (max-width:419px){.block-loop-slider{--loop-columns:1}.block-loop-snaps{--x-gap:0;--loop-radius:0;--loop-grid-gap:0;z-index:2}.block-loop-short-item{--loop-ratio:auto;--loop-radius:0;--text-secondary-color:#fff;width:100vw;height:inherit;flex-shrink:0}.plyr-short{--loop-radius:0}.block-loop-short-item .post-thumbnail{height:100%}.block-loop-short-item .entry-actions{left:auto;right:0;top:4rem;bottom:auto;z-index:999;color:#fff}}.block-loop-hover .entry-header{padding:.5rem .5rem 1rem .5rem!important}.block-loop-hover .entry-header-inner{display:flex;align-items:center;flex-direction:column;text-align:center}.block-loop-hover .block-loop-item.active,.block-loop-hover .block-loop-item:focus,.block-loop-hover .block-loop-item:hover{--text-secondary-color:#fff;background-color:#222;color:#fff}.block-loop-hover .block-loop-item.active .post-thumbnail:after,.block-loop-hover .block-loop-item:focus .post-thumbnail:after,.block-loop-hover .block-loop-item:hover .post-thumbnail:after{position:relative;z-index:1;background-color:#222;background:linear-gradient(180deg,rgba(22,22,22,.2),#222);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.block-loop-hover .entry-action{background-color:transparent}.block-loop-reverse .block-loop-item{flex-direction:column-reverse}.block-loop-reverse .block-loop-item .entry-header{padding-top:0}.block-loop-divider .block-loop-title{padding-top:1.5rem;border-top:.5px solid var(--color-border,rgba(150,160,170,.1))}.wp-block-loop.alignfull{margin-left:2rem;margin-right:2rem}.entry-title-lg .block-loop-item .entry-header-inner{font-size:clamp(1rem,3vw,1.25rem)}.wp-admin .display{font-weight:900;line-height:1;margin-top:0;margin-bottom:1rem}.wp-admin .circle{border-radius:50%}.wp-admin .rounded{border-radius:6px}.wp-admin .h-auto{min-height:auto}.white{color:#222;background-color:#fff}.text-white{color:#fff}.m-auto{margin-left:auto;margin-right:auto}.h-auto{min-height:auto}.border{border:1px solid var(--color-border,#eee)}.rounded,.rounded.wp-block-cover>span,.rounded:before{border-radius:var(--border-radius,8px)}.circle{border-radius:100%}.wp-block-cover{--y-gap:0}.wp-block-cover mark{padding:3px 4px;line-height:1;display:inline-flex;align-items:center;border-radius:3px}.is-position-top-bottom .wp-block-cover__inner-container{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;width:100%!important;position:static}.is-position-top-bottom .wp-block-video,.is-position-top-bottom .wp-block-video div,.is-position-top-bottom .wp-block-video video{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;z-index:-1}.is-position-top-bottom .wp-block-video video{object-fit:cover;width:100%;height:100%}.is-align-self-start{align-self:flex-start}.is-align-self-end{align-self:flex-end;margin-bottom:0}.no-border{border:none}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-gap{gap:0!important}.has-padding{padding:clamp(1rem,3vw,3rem)}.has-small-padding{padding:clamp(.5rem,2vw,1.5rem)}.has-large-padding{padding:clamp(2rem,4vw,5rem)}.has-container{--content-width:640px}#ffl-settings .postbox-header{border-bottom:none}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:var(--dropdown-menu-width,10rem);padding:.25rem;margin:.125rem 0 0;font-size:.875rem;color:#212529;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.05);border-radius:var(--dropdown-menu-radius,.5rem);text-shadow:none;text-align:initial}.dropdown-toggle{cursor:pointer;display:inline-block;text-align:center;min-width:1.5rem;text-decoration:none;outline:0}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-inline-start:.3em;-webkit-margin-start:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;opacity:.5}.dropdown-menu.show{display:block}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-menu[x-out-of-boundaries]{display:none}.dropdown-menu ul{display:block!important;list-style:none;padding:0;margin-bottom:0}.dropdown-item,.dropdown-menu li a{display:block;width:100%;padding:.5rem 1rem;box-sizing:border-box;clear:both;font-weight:400;border-radius:6px;cursor:pointer;text-decoration:none;outline:0}.dropdown-item:hover,.dropdown-menu .cat-item a:hover,.dropdown-menu .play-notification-item:hover{color:inherit;background-color:var(--dropdown-menu-item-background,rgba(150,150,150,.1))}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid var(--dropdown-menu-item-background)}.dropdown-menu .play-notification-item{border:none}.dropdown-term-filter,.loop-filter-item .dropdown-menu{max-height:15rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow:-moz-scrollbars-none;-ms-overflow-style:none;outline:0}.dropdown-term-filter::-webkit-scrollbar{display:none}.dropdown-term-filter ul ul a{padding-inline-start:2rem;-webkit-padding-start:2rem}.loop-filter{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;grid-gap:1rem}.loop-filter-list{flex-direction:column}.loop-filter-item{position:relative}.loop-filter-list .loop-filter-item{display:flex;grid-gap:1rem}.loop-filter .list-menu{display:flex;flex-wrap:wrap;grid-gap:.5rem;grid-row-gap:.5rem}.loop-filter .list-item{white-space:nowrap;display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;text-decoration:none}.loop-filter .list-menu .selected{background-color:rgba(150,150,150,.2)}.loop-filter .loop-filter-item-heading{font-weight:600}.loop-filter .dropdown-menu .selected{position:relative}.loop-filter .loop-filter-item-search input{margin:0}.loop-toggle-hide{display:none!important}.loop-filter-more-less{cursor:pointer;font-weight:500}.loop-filter .dropdown-menu .selected:after{content:'';display:inline-block;width:.65em;height:.35em;border-left:.1em solid currentColor;border-bottom:.1em solid currentColor;transform:translate(-50%,-50%) rotate(-45deg);position:absolute;right:.5rem;top:45%;opacity:.6}.loop-filter-count{display:inline-block;background-color:rgba(150,160,170,.2);padding:0 .45em;margin-inline-start:.125rem;-webkit-margin-start:.125rem;font-size:11px;border-radius:1rem}.loop-filter-count:empty{display:none}.dropdown-menu .multi-range{margin:1rem}input[type=range].multirange{-webkit-appearance:none;height:2px;padding:0;margin:1rem 0 0;width:calc(100% - 0px);display:inline-block;vertical-align:top;background-color:rgba(150,150,150,.5);color:currentColor;outline:0;border:0;border-radius:6px}input[type=range].multirange.original{position:absolute}input[type=range].multirange::-webkit-slider-thumb{-webkit-appearance:none;position:relative;z-index:2;border:none;width:12px;height:12px;border-radius:100%;background-color:currentColor}input[type=range].multirange::-moz-range-thumb{border:none;width:12px;height:12px;border-radius:100%;background-color:currentColor}input[type=range].multirange.original::-moz-range-thumb{z-index:2}input[type=range].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;--range-color:currentColor}input[type=range].multirange.ghost::-webkit-slider-thumb{position:relative;z-index:2}input[type=range].multirange.ghost::-moz-range-thumb{z-index:2}.multi-range{position:relative}.range-max,.range-min{position:absolute;top:-6px;font-size:10px;width:10px;display:flex;justify-content:center;text-align:center;left:calc(var(--left) * 1%);margin-left:calc(0px - var(--left)/ 100 * 10px)}.spinner{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite}.loop-filter-keys{width:100%;display:flex;grid-gap:.5rem;flex-wrap:wrap}.loop-filter-keys a{font-weight:600;font-size:.9em;display:inline-flex;text-decoration:none}.loop-filter-keys a:after{content:'\00d7';font-family:arial;font-weight:400;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;line-height:0;border-radius:100%;background-color:#666;color:#fff;opacity:0;margin:-4px -7px 0 -7px;transition:opacity .2s}.loop-filter-keys a:hover:after{opacity:1}.loop-filter-total{width:100%}a.loop-filter-clear{font-weight:400;align-items:center;opacity:.7}a.loop-filter-clear:hover{opacity:1}a.loop-filter-clear:after{order:-1;margin:2px;opacity:1}@keyframes spinner{0%{transform:scale(0)}50%{opacity:1}}@media (max-width:576px){:root{--loop-grid-gap:1rem}.block-loop-row .block-loop-items{--loop-columns:1}.block-loop-row:not(.has-loop-posts):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .entry-footer{flex:auto;width:100%}.block-loop-row:not(.has-loop-posts):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .post-thumbnail{width:4.5rem}.block-loop-row .entry-footer>:first-child:not(.btn-add){padding-inline-start:0}.block-loop-row .add_to_cart_inline,.block-loop-row .btn-purchase,.block-loop-row .entry-description,.block-loop-row .entry-info{display:none}.block-loop-inline .waveform,.block-loop-nav,.has-loop-posts .btn-download,.has-loop-posts .btn-like,.has-loop-posts .play-count{display:none}.modal-open .wp-block-loop-product .block-loop-slider{overflow:visible}.entry-content>.wp-block-loop-slider:not(.block-loop-center) .block-loop-items{padding:0 var(--x-gap,var(--wp--style--root--padding-left,1rem));margin:0 calc(var(--x-gap,var(--wp--style--root--padding-left,1rem)) * -1);scroll-snap-type:none;--loop-max-width:85%}}@media (min-width:577px){.block-loop-with-filter{display:flex;align-items:flex-start;height:100%}.block-loop-with-filter .block-loop-items{flex:1}.block-loop-with-filter .loop-filter{flex-direction:column;min-width:15rem;margin:0;height:100%}.is-series .has-loop-posts .post-thumbnail{border-radius:5px;width:5rem;height:5rem}}
+:root{--loop-cols:5;--loop-xs-cols:2;--loop-rows:1;--loop-columns:max( var(--loop-cols) - 4, var(--loop-xs-cols) );--loop-grid-gap:1.5rem;--loop-row-gap:1rem;--loop-max-width:100%;--loop-min-width:0;--loop-line:2;--loop-line-height:1.3;--loop-ratio:1;--loop-radius:6px;--loop-center-width:70%;--loop-font-size:0.9375rem}.is-loop-icon{display:inline-flex;align-items:center;grid-gap:.25em}.is-loop-icon:after,.is-loop-icon:before{content:'';display:block;width:1em;height:1em;border:.125em solid currentColor;transform:rotate(45deg);border-radius:100%;order:-1}.is-loop-icon:before{border-top-right-radius:0}.is-loop-icon:after{border-bottom-left-radius:0}.wp-block-loop{position:relative}.block-loop-items{margin-bottom:1.5rem;list-style:none;display:grid;grid-gap:var(--loop-grid-gap);--loop--cols:calc((var(--loop-max-width) - (var(--loop-columns) - 1) * var(--loop-grid-gap)) / var(--loop-columns));grid-template-columns:repeat(auto-fill,minmax(var(--loop--cols),1fr))}.block-loop-slider,[data-plugin=slider]{display:grid;overflow-x:auto;border-radius:var(--loop-radius);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;grid-auto-flow:column;--loop--cols:calc((var(--loop-max-width) - (var(--loop-columns) - 1) * var(--loop-grid-gap)) / var(--loop-columns));grid-auto-columns:var(--loop--cols);grid-template-rows:repeat(var(--loop-rows),max-content);grid-template-columns:inherit!important;box-sizing:border-box}.block-loop-slider::-webkit-scrollbar,.block-loop-snaps .block-loop-items::-webkit-scrollbar{display:none}.block-loop-snaps .block-loop-items{position:fixed;z-index:2;left:0;right:0;top:var(--navbar-height);bottom:var(--mobile-menu-height);display:flex;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:none;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;border-radius:var(--loop-radius);margin-bottom:0}.block-slider-scrolling{-ms-scroll-snap-type:none;scroll-snap-type:none;scroll-behavior:inherit}.block-slider-scrolling video{display:none!important}.block-loop-slider .entry-content>*,[data-plugin=slider] .entry-content>*{width:100%!important;max-width:100%!important}.block-loop-slider>*,.block-loop-snaps>*{scroll-snap-align:start}.column-sm-gap{--column-gap:var(--loop-grid-gap, 1rem)}@media (max-width:1000px){.is-stacked-tablet{flex-wrap:wrap!important}.is-stacked-tablet>.wp-block-column{flex-basis:100%!important}}@media (min-width:420px){.wp-block-loop{--loop-columns:max( min(var(--loop-cols), 5) - 3, 2 )}}@media (min-width:640px){.wp-block-loop{--loop-columns:max( var(--loop-cols) - 2, 2 )}}@media (min-width:960px){.wp-block-loop{--loop-columns:max( var(--loop-cols) - 1, 3 )}}@media (min-width:1260px){.wp-block-loop{--loop-columns:var(--loop-cols)}}.grid-1{--loop-columns:1!important}.grid-2{--loop-columns:2!important}.grid-3{--loop-columns:3!important}@media (max-width:419px){.grid-xs-1{--loop-columns:1!important}.grid-xs-2{--loop-columns:2!important}.grid-xs-3{--loop-columns:3!important}}@media (max-width:781px){.grid-sm-1{--loop-columns:1!important}.grid-sm-2{--loop-columns:2!important}.grid-sm-3{--loop-columns:3!important}}@media (max-width:991px){.grid-md-1{--loop-columns:1!important}.grid-md-2{--loop-columns:2!important}.grid-md-3{--loop-columns:3!important}}@media (min-width:1400px){.grid-xl-1{--loop-columns:1!important}.grid-xl-2{--loop-columns:2!important}.grid-xl-3{--loop-columns:3!important}}.block-loop-title{display:flex;flex-wrap:wrap;align-items:center}.block-loop-heading{width:1%;flex:1}.block-loop-more{font-size:14px;font-weight:400}.block-loop-subtitle{color:var(--text-secondary-color,#888);line-height:1.1;text-transform:none;display:block;width:100%}.block-loop-nav{opacity:0;transition:opacity .2s;position:absolute;display:flex;align-items:center;z-index:5;height:0;width:calc(100% + 2.5rem);left:-1.25rem;top:var(--top,50%)}.alignfull>.block-loop-nav{width:calc(100% - 2.5rem);left:1.25rem}.block-loop-nav span{flex:1}.wp-block-loop:hover .block-loop-nav{opacity:1}.block-loop-nav button{width:2.5rem;height:2.5rem;padding:0;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.block-loop-nav button svg{pointer-events:none;transform:rotate(var(--transform-rotate,0))}.block-loop-dot-overlay .block-loop-dot{position:absolute;z-index:5;left:50%;bottom:1rem;transform:translate(-50%,0);color:#fff}.block-loop-dot-left .block-loop-dot{margin:-4rem auto 0 auto;text-align:left;max-width:var(--content-width);width:calc(100% - var(--x-gap) * 2)}.block-loop-dot{text-align:center}.block-loop-dot button{width:1.5rem;height:1.5rem;padding:0;border-radius:2rem;border:none;background-color:transparent;color:inherit}.block-loop-dot button:after{content:"";display:inline-block;width:6px;height:6px;border-radius:6px;margin:0 auto;background-color:currentColor;opacity:.5}.block-loop-dot button.active:after{opacity:1}.block-loop-center{--loop-columns:1;--loop-max-width:var(--loop-center-width)!important}.block-loop-center .block-loop-item{scroll-snap-align:center}.block-loop-center .block-loop-nav>div{height:var(--height);width:calc(50% - var(--loop-center-width)/ 2);display:flex;align-items:center}.block-loop-center .block-loop-nav .slider-right-btn{justify-content:flex-end}.scroller{width:15rem;font-size:12px!important;display:inline-flex;justify-content:center;margin:0 auto;text-decoration:none}.scroller.is-loading{cursor:wait;pointer-events:none}.block-loop-empty,.wp-block-loop .pagination,.wp-block-loop .scroller{grid-column:1/-1;order:10000}.pagination .nav-links{display:flex;align-items:center;justify-content:center}.pagination .page-numbers{padding:.25em;text-decoration:none}.wp-block-loop .navigation .next,.wp-block-loop .navigation .prev{line-height:0}.wp-block-loop .navigation .nav-next-text,.wp-block-loop .navigation .nav-prev-text,.wp-block-loop .navigation .next:before,.wp-block-loop .navigation .prev:before{display:none}.block-loop-item{position:relative;padding:0;max-width:100%;border-radius:var(--loop-radius);display:flex;flex-direction:column;flex-wrap:wrap;scroll-snap-align:start;order:10;font-size:var(--loop-font-size)}.block-loop-item:nth-child(1){order:0}.block-loop-item:nth-child(2){order:1}.block-loop-item:nth-child(3){order:2}.block-loop-item:nth-child(4){order:3}.block-loop-item:nth-child(5){order:4}.block-loop-item:nth-child(6){order:5}.block-loop-item:nth-child(7){order:6}.block-loop-item:nth-child(8){order:7}.block-loop-item:nth-child(9){order:8}.block-loop-item .entry-content,.block-loop-item .entry-footer,.block-loop-item .entry-header,.block-loop-item .post-thumbnail{width:100%;box-sizing:border-box;padding-left:0;padding-right:0}.block-loop-item .entry-header{margin-bottom:1rem}.block-loop-item .entry-footer{margin-bottom:1rem}.block-loop-item .entry-header{padding:var(--loop-header-gap,.5rem) 0;margin:0;flex:1;display:flex;align-items:flex-start;grid-gap:var(--loop-header-gap,.5rem)}.block-loop-item .entry-title{margin:0;font-weight:500;letter-spacing:0}.block-loop-item .entry-subtitle{color:var(--text-secondary-color,#888)}.block-loop-item a{text-decoration:none}.block-loop-item .entry-meta{display:flex;flex-wrap:wrap;grid-gap:0;margin:0;color:var(--text-secondary-color,#888)}.block-loop-item .byline .author,.block-loop-item .entry-artist,.block-loop-item .entry-excerpt,.block-loop-item .entry-title,.wp-block-loop-user .entry-title a{display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:var(--loop-line);line-height:var(--loop-line-height);font-size:inherit;overflow:hidden;padding-bottom:.1em;word-break:break-word;word-wrap:break-word}.block-loop-item .entry-excerpt{--loop-line:2}.wp-block-loop-user .entry-title{display:flex;overflow:visible}.block-loop-item .byline .author,.wp-block-loop-user .entry-title a{--loop-line:1}.block-loop-item .entry-meta>span{margin:0}.block-loop-item .wp-video,.block-loop-item .wp-video video{width:100%!important;height:auto;border-radius:inherit}.block-loop-item .attachment,.block-loop-item.attachment{float:none;width:100%}.block-loop-item.attachment audio~p{display:none}.block-loop-item .post-thumbnail br,.block-loop-item .post-thumbnail p{display:none}.block-loop-item .post-thumbnail{width:100%;position:relative;margin:0;padding:0;border-radius:inherit;background-color:rgba(110,120,130,.2)}.block-loop-item .btn-follow{padding:.25em .75em;font-size:12px;vertical-align:text-bottom;margin:.25rem 0}.block-loop-item .post-thumbnail a{border-radius:inherit}.block-loop-item .post-thumbnail .avatar,.block-loop-item .post-thumbnail img,.block-loop-item .post-thumbnail video{border-radius:inherit;position:absolute;width:100%;height:100%;object-fit:cover;display:inline-flex;justify-content:center;align-items:center}.block-loop-item .post-thumbnail:after{padding-top:calc(100% / var(--loop-ratio));min-height:auto;content:"";width:100%;display:block}.block-loop-item .entry-action{opacity:0;pointer-events:none;color:#fff;background-color:rgba(0,0,0,.2);position:absolute;z-index:3;left:50%;top:50%;width:100%;height:100%;padding:0 5%;border-radius:inherit;transform:translate(-50%,-50%);transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-around;box-sizing:border-box}.block-loop-item .entry-action .count{display:none}.block-loop-item .entry-action.show{z-index:10}.block-loop-item .entry-action button,.block-loop-item .entry-action button:hover{flex-shrink:0}.entry-action-link{position:absolute;width:100%;height:100%}.block-loop-item-link{padding:.75rem 1rem;background-color:var(--btn-background,rgba(150,155,160,.2));border-radius:var(--btn-radius,.5rem)}.block-loop-item-link.active,.block-loop-item-link:hover{background-color:var(--btn-background-hover,rgba(150,155,160,.3))}.block-loop-item.active .entry-action,.block-loop-item:active .entry-action,.block-loop-item:hover .entry-action,.block-loop-item:hover .entry-header-inner~.btn-more{opacity:1;pointer-events:initial}.block-loop-item .count,.comment-toolbar .count,.entry-meta .count{color:var(--text-secondary-color,#888);padding-inline-start:.25rem;-webkit-padding-start:.25rem;font-size:.85rem;font-weight:400}.block-loop-row .play-count{padding:0 .5rem}.block-loop-item .entry-avatar{width:36px;flex-shrink:0}.block-loop-item .entry-footer{display:none;margin:0}.block-loop-item .entry-description{font-size:.875rem}.block-loop-item .entry-description p{margin-bottom:0}.block-loop-item .waveform{width:100%}.block-loop-index.block-loop-row .waveform:before{content:"";display:inline-block;min-width:1rem}.wp-block-loop .btn-play{font-size:1.125rem}.block-loop-row .btn-play{font-size:.875rem}.wp-block-loop-user .post-thumbnail{width:80%;margin:10% 10% 0 10%;border-radius:50%}.wp-block-loop-user .entry-header{text-align:center;flex-direction:column;align-items:center;grid-gap:0}.wp-block-loop-user .post-thumbnail{--loop-ratio:1;border-radius:50%!important}.wp-block-loop-user.block-loop-row{--loop-grid-gap:0.75rem}.wp-block-loop-user.block-loop-row .block-loop-item{align-items:center}.wp-block-loop-user.block-loop-row .post-thumbnail{margin:0;min-width:0;width:3rem}.wp-block-loop-user.block-loop-row .entry-header{align-items:center;text-align:inherit;display:flex;flex-direction:row;gap:.5rem}.wp-block-loop-user .entry-title{font-size:.8125rem;font-weight:600;align-items:center;justify-content:center;flex:1}.wp-block-loop-user.block-loop-row .entry-title{justify-content:flex-start}.wp-block-loop-user .user-followers{font-weight:400;font-size:.85em;color:var(--text-secondary-color);width:100%}.block-loop-row{--loop-columns:1}.hide-more-actions .entry-footer>:not(.btn-more){display:none}.block-loop-row .block-loop-item{display:flex;grid-gap:var(--loop-row-gap);flex-direction:row;align-items:flex-start}.block-loop-row .entry-header{flex:1;display:flex;flex-wrap:wrap;padding:0;align-items:center;align-self:stretch;grid-gap:0}.block-loop-row .entry-avatar{display:none}.block-loop-row .post-thumbnail{width:6rem;min-width:var(--loop-min-width)}.block-loop-mixed .block-loop-item{display:flex;grid-gap:var(--loop-row-gap);flex-direction:row;--loop-header-gap:0;align-items:center}.block-loop-mixed .block-loop-item:first-child{grid-column:span calc(var(--loop-columns)/2);grid-row:span var(--loop-rows,4);align-items:stretch}.block-loop-mixed .block-loop-item:not(:first-child){grid-column:span calc(var(--loop-columns)/2)}.block-loop-mixed .block-loop-item:not(:first-child) .post-thumbnail{width:33%}@media (max-width:576px){.block-loop-mixed .block-loop-items{--loop-columns:1}}.block-loop-xs{--loop-line:1}.block-loop-xs .btn-play{font-size:.75rem}.block-loop-xs .post-thumbnail{width:3rem;border-radius:5px;min-width:auto}.block-loop-sm .post-thumbnail{width:4rem;border-radius:7px;min-width:auto}.block-loop-lg .post-thumbnail{width:10rem;min-width:auto}.block-loop-autotype .block-loop-items{--loop-columns:1}.has-loop-posts .block-loop-items{grid-gap:0;--loop-columns:1}.has-loop-posts .block-loop-item{padding:.5rem .5rem}.has-loop-posts .entry-header{flex-wrap:nowrap;padding:0}.has-loop-posts .post-thumbnail{border-radius:2px;width:3rem;flex-shrink:0}.has-loop-posts.block-loop-index .icon-play{display:none;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);line-height:0}.has-loop-posts.block-loop-index .block-loop-item.active:before,.has-loop-posts.block-loop-index .block-loop-item:hover:before{color:transparent}.has-loop-posts.block-loop-index .block-loop-item.active .icon-play,.has-loop-posts.block-loop-index .block-loop-item:hover .icon-play{display:block}.has-loop-posts .block-loop-item:hover{background-color:var(--tracks-item-odd-color,rgba(150,155,160,.1))}.has-loop-posts .block-loop-item.active{background-color:var(--tracks-item-hover-color,rgba(150,155,160,.2))}.has-loop-posts .icon-plus{display:none}.is-album .has-loop-posts .entry-meta a,.is-album .has-loop-posts .entry-title a{pointer-events:none}.has-loop-posts .entry-meta{justify-content:flex-start!important}.is-album .has-loop-posts .post-thumbnail{display:none}.is-series .has-loop-posts .block-loop-items{margin:0 -1rem}.is-series .has-loop-posts .block-loop-item{padding:.75rem 1rem;border:none!important}.is-series .has-loop-posts .block-loop-item .entry-header{padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.is-series .has-loop-posts .block-loop-item.active .entry-header,.is-series .has-loop-posts .block-loop-item:hover .entry-header{border-color:transparent}.is-series .has-loop-posts .btn-play{border:1px solid var(--color-border);background-clip:padding-box}.is-series .has-loop-posts .block-loop-item>.btn-play{align-self:flex-start}.block-loop-row .entry-description,.block-loop-row .entry-info,.is-series .block-loop-item .entry-description,.is-series .block-loop-item .entry-info{margin-bottom:0}.block-loop-row .entry-info .play-duration,.is-series .block-loop-item .entry-info .play-duration{padding:0}.block-loop-inline .entry-header{grid-gap:1.5rem}.block-loop-inline>button.btn-play{transform:scale(1)}.block-loop-inline .btn-play-waveform{display:none}.block-loop-inline .waveform{flex:1}.entry-header-inner{flex:1;max-width:100%}.entry-header-inner~.btn-more{margin:-.375rem -.5rem;opacity:0}.entry-header-inner .byline,.entry-header-inner .entry-artist{width:100%;justify-content:inherit}.entry-header-inner .byline{display:flex;align-items:center}.entry-meta-date{font-size:.75rem}.entry-header-inner .play-count+.entry-meta-date:before{display:inline-block;text-align:center;content:'\00B7';color:var(--text-secondary-color);width:1rem;font-weight:700}.block-loop-item .add_to_cart_inline,.block-loop-item .entry-header-inner .btn-purchase{margin:4px 0}.block-loop-item .add_to_cart_inline .btn-purchase,.block-loop-item form{margin:0!important}.block-loop-xs .add_to_cart_inline,.block-loop-xs .btn-purchase,.has-loop-posts .add_to_cart_inline,.has-loop-posts .btn-purchase{display:none}.block-loop-item .added_to_cart,.block-loop-item .btn-purchase,.plyr-playlist .btn-purchase{font-size:12px}.block-loop-item .entry-action .btn-more{position:absolute;padding:.75em;bottom:0;right:0}.block-loop-row .entry-action{justify-content:center}.block-loop-row .post-thumbnail .entry-action .btn-like,.block-loop-row .post-thumbnail .entry-action .btn-more{display:none}.block-loop-row .entry-footer{display:flex;align-items:center;padding-left:0;padding-right:0;width:auto}.block-loop-row .count,.block-loop-row .play-duration{font-size:.875em}.block-loop-row .play-duration{padding:0 .5rem}.play-count{white-space:nowrap;display:inline-flex;align-items:center;white-space:nowrap}.play-count:before{display:inline-block;width:0;height:0;content:"";border-left:.5em solid;border-top:.3em solid transparent;border-bottom:.3em solid transparent;opacity:.5}.btn-play+.play-count:before{display:none}.entry-badge .play-duration{background-color:#000;color:#fff;font-size:11px;font-weight:500;border-radius:4px;padding:1px 4px;position:absolute;right:.5rem;bottom:.5rem}.block-loop-index{counter-reset:li}.block-loop-index:not(.block-loop-row) .block-loop-item .entry-header:before{content:counter(li);counter-increment:li;font-weight:400;-ms-flex-negative:0;flex-shrink:0;opacity:.75;min-width:1rem}.block-loop-index.block-loop-row .block-loop-item:before{content:counter(li);counter-increment:li;min-width:1.5rem;font-weight:400;-ms-flex-negative:0;flex-shrink:0;opacity:.5;text-align:center;font-size:.9em;white-space:nowrap;align-self:center}.block-loop-overlay .entry-header{position:absolute;bottom:0;left:0;width:100%!important;padding:.75rem 1rem!important;box-sizing:border-box;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));border-radius:inherit;border-top-right-radius:0;border-top-left-radius:0;opacity:0;pointer-events:none}.block-loop-overlay .entry-header .entry-title{color:inherit;font-weight:700}.block-loop-overlay .entry-header .entry-meta,.block-loop-overlay .entry-header .entry-subtitle{color:rgba(255,255,255,.75)}.block-loop-overlay .entry-header a:hover{color:inherit}.block-loop-overlay .block-loop-item:hover .entry-header,.block-loop-overlay.block-loop-show-header .entry-header{opacity:1;pointer-events:initial;z-index:2}.block-loop-overlay-center .entry-header{top:0;opacity:1;font-weight:700;font-size:1rem;text-align:center;display:flex!important;align-items:center;justify-content:center}.block-loop-overlay-center .entry-meta{justify-content:center}.block-loop-ad .entry-meta{font-size:.75rem}.block-loop-ad.block-loop-item .post-thumbnail{background-color:var(--color-primary)}.block-loop-overlay .block-loop-ad .entry-header{background:0 0;bottom:auto}.block-loop-hero{--text-secondary-color:rgba(255,255,255,0.95);--button-radius:3rem;--loop-hero-min-height:15rem}.block-loop-hero.wp-block-loop.alignfull{margin-left:0;margin-right:0;--loop-radius:0;--loop-max-width:100%;--loop-hero-min-height:clamp(20rem, 50vh, 30rem)}.entry-content>.block-loop-hero.wp-block-loop.alignfull .block-loop-items{padding:0}.block-loop-hero .block-loop-nav{top:auto;right:2rem;bottom:5rem;width:auto;justify-content:flex-end;gap:.5rem}.block-loop-hero .block-loop-nav span,.block-loop-hero .count{display:none}.block-loop-hero .entry-header{position:absolute;top:0;left:0;bottom:0;width:100%;padding:var(--x-gap,1.5rem);color:#fff;background:linear-gradient(-135deg,transparent 0,transparent 25%,rgba(0,0,0,.6) 70%,rgba(0,0,0,1) 100%);border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;flex-direction:column}.block-loop-hero .entry-header-inner{flex:none;margin-top:auto}.block-loop-hero video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:none}.block-loop-hero .slider-active video{display:block}.block-loop-hero .entry-meta{grid-gap:1rem}.block-loop-hero .entry-header .entry-title{font-size:clamp(1.75rem,2.5vw,3rem);font-weight:600;line-height:1;max-width:40rem;margin-bottom:1rem}.block-loop-hero .byline{width:auto}.block-loop-hero .btn-purchase{border-color:#fff;padding:.5rem 1rem}.block-loop-hero .post-thumbnail{min-height:var(--loop-hero-min-height)}.block-loop-hero .btn-play{font-size:inherit}.block-loop-hero.alignfull .entry-header .entry-title{font-size:clamp(1.75rem,5vw,5rem);max-width:30rem}.block-loop-hero .entry-header{z-index:2;background:linear-gradient(180deg,transparent 0,transparent 25%,rgba(0,0,0,.7) 75%,var(--color-grey-800))}.block-loop-hero .post-thumbnail:before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:linear-gradient(-80deg,transparent 50%,rgba(0,0,0,1) 100%)}.block-loop-hero .block-loop-dot{position:absolute;z-index:3;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;color:#fff}.block-loop-hero .byline,.block-loop-hero .byline+:before{display:none}.block-loop-hide-byline .byline{display:none}.block-loop-hide-footer .entry-footer{display:none}.block-loop-hide-avatar .entry-avatar{display:none}.block-loop-hide-meta .entry-footer>:not(.btn-more){display:none}.block-loop-short-item{--loop-ratio:calc(9/16);--loop-radius:1rem;--loop-line:3;--height:calc( 100vh - var(--navbar-height) - var(--mobile-menu-height) - var(--loop-short-bottom-padding, 2rem) );height:var(--height);width:calc(var(--height) * .5625)}.block-loop-short-item .entry-header{position:absolute;z-index:99;bottom:0;width:100%;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));padding:3rem 1rem 1rem;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.block-loop-short-item .entry-meta{grid-gap:.5rem;margin-top:1rem}.block-loop-short-item .btn-follow{padding:1rem;border:none}.block-loop-short-item .btn-follow:not(.active){color:#000;background-color:#fff}.block-loop-short-item .byline{color:#fff;width:auto;flex:1}.block-loop-short-item.active .entry-action{opacity:0}.block-loop-short-item.active:hover .entry-action{opacity:1}.block-loop-short-item .post-thumbnail{border-radius:inherit!important;z-index:2}.block-loop-short-item.active .post-thumbnail .post-thumbnail-inner,.block-loop-short-item.is-current .post-thumbnail .post-thumbnail-inner{display:none}.block-loop-short-item .post-thumbnail .entry-action{background:linear-gradient(0deg,transparent,transparent 90%,rgba(0,0,0,.2));align-items:flex-start;justify-content:space-between;width:100%;height:auto;transform:none;left:0;top:0;padding:0}.block-loop-short-item .btn-play{position:relative!important;box-shadow:none!important;background-color:transparent!important;border:none;color:#fff}.block-loop-short-item .btn-play:after{display:none}.block-loop-short-item .entry-actions{position:absolute;left:100%;bottom:0;padding:0 1rem;grid-gap:.75rem;display:flex;flex-direction:column}.block-loop-short-item .entry-action-link{pointer-events:none}.block-loop-short-item .entry-actions .btn-comment,.block-loop-short-item .entry-actions button{display:inline-flex!important;flex-direction:column;padding:0;margin:0!important;position:relative!important}.block-loop-short-item .entry-actions .count{padding:.25rem 0 0 0;font-size:12px;font-weight:600}.block-loop-short-item .entry-actions .btn-svg-icon{padding:1rem;background-color:rgba(150,150,150,.15);border-radius:2rem}.block-loop-short-item .entry-actions .btn-svg-icon svg{width:20px;height:20px;fill:currentColor}.block-loop-snaps .scroller{margin-top:-1.25rem;margin-bottom:.25rem;border:none;background:0 0}@media (max-width:419px){.block-loop-slider{--loop-columns:1}.block-loop-snaps{--x-gap:0;--loop-radius:0;--loop-grid-gap:0;z-index:2}.block-loop-short-item{--loop-ratio:auto;--loop-radius:0;--text-secondary-color:#fff;width:100vw;height:inherit;flex-shrink:0}.plyr-short{--loop-radius:0}.block-loop-short-item .post-thumbnail{height:100%}.block-loop-short-item .entry-actions{left:auto;right:0;top:4rem;bottom:auto;z-index:999;color:#fff}}.block-loop-hover .entry-header{padding:.5rem .5rem 1rem .5rem!important}.block-loop-hover .entry-header-inner{display:flex;align-items:center;flex-direction:column;text-align:center}.block-loop-hover .block-loop-item.active,.block-loop-hover .block-loop-item:focus,.block-loop-hover .block-loop-item:hover{--text-secondary-color:#fff;background-color:#222;color:#fff}.block-loop-hover .block-loop-item.active .post-thumbnail:after,.block-loop-hover .block-loop-item:focus .post-thumbnail:after,.block-loop-hover .block-loop-item:hover .post-thumbnail:after{position:relative;z-index:1;background-color:#222;background:linear-gradient(180deg,rgba(22,22,22,.2),#222);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.block-loop-hover .entry-action{background-color:transparent}.block-loop-reverse .block-loop-item{flex-direction:column-reverse}.block-loop-reverse .block-loop-item .entry-header{padding-top:0}.block-loop-divider .block-loop-title{padding-top:1.5rem;border-top:.5px solid var(--color-border,rgba(150,160,170,.1))}.wp-block-loop.alignfull{margin-left:2rem;margin-right:2rem}.entry-title-lg .block-loop-item .entry-header-inner{font-size:clamp(1rem,3vw,1.25rem)}.wp-admin .display{font-weight:900;line-height:1;margin-top:0;margin-bottom:1rem}.wp-admin .circle{border-radius:50%}.wp-admin .rounded{border-radius:6px}.wp-admin .h-auto{min-height:auto}.white{color:#222;background-color:#fff}.text-white{color:#fff}.m-auto{margin-left:auto;margin-right:auto}.h-auto{min-height:auto}.border{border:1px solid var(--color-border,#eee)}.rounded,.rounded.wp-block-cover>span,.rounded:before{border-radius:var(--border-radius,8px)}.circle{border-radius:100%}.wp-block-cover{--y-gap:0}.wp-block-cover mark{padding:3px 4px;line-height:1;display:inline-flex;align-items:center;border-radius:3px}.is-position-top-bottom .wp-block-cover__inner-container{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;width:100%!important;position:static}.is-position-top-bottom .wp-block-video,.is-position-top-bottom .wp-block-video div,.is-position-top-bottom .wp-block-video video{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;z-index:-1}.is-position-top-bottom .wp-block-video video{object-fit:cover;width:100%;height:100%}.is-align-self-start{align-self:flex-start}.is-align-self-end{align-self:flex-end;margin-bottom:0}.no-border{border:none}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-gap{gap:0!important}.has-padding{padding:clamp(1rem,3vw,3rem)}.has-small-padding{padding:clamp(.5rem,2vw,1.5rem)}.has-large-padding{padding:clamp(2rem,4vw,5rem)}.has-container{--content-width:640px}#ffl-settings .postbox-header{border-bottom:none}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:var(--dropdown-menu-width,10rem);padding:.25rem;margin:.125rem 0 0;font-size:.875rem;color:#212529;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.05);border-radius:var(--dropdown-menu-radius,.5rem);text-shadow:none;text-align:initial}.dropdown-menu.show~.dropdown-backdrop{background-color:transparent;position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:100000}.dropdown-toggle{cursor:pointer;display:inline-block;text-align:center;min-width:1.5rem;text-decoration:none;outline:0}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-inline-start:.3em;-webkit-margin-start:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;opacity:.5}.dropdown-menu.show{display:block}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-menu[x-out-of-boundaries]{display:none}.dropdown-menu ul{display:block!important;list-style:none;padding:0;margin-bottom:0}.dropdown-item,.dropdown-menu li a{display:block;width:100%;padding:.5rem 1rem;box-sizing:border-box;clear:both;font-weight:400;border-radius:6px;cursor:pointer;text-decoration:none;outline:0}.dropdown-item:hover,.dropdown-menu .cat-item a:hover,.dropdown-menu .play-notification-item:hover{color:inherit;background-color:var(--dropdown-menu-item-background,rgba(150,150,150,.1))}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid var(--dropdown-menu-item-background)}.dropdown-menu .play-notification-item{border:none}.dropdown-term-filter,.loop-filter-item .dropdown-menu{max-height:15rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow:-moz-scrollbars-none;-ms-overflow-style:none;outline:0}.dropdown-term-filter::-webkit-scrollbar{display:none}.dropdown-term-filter ul ul a{padding-inline-start:2rem;-webkit-padding-start:2rem}.loop-filter{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;grid-gap:1rem}.loop-filter-list{flex-direction:column}.loop-filter-item{position:relative}.loop-filter-list .loop-filter-item{display:flex;grid-gap:1rem}.loop-filter .list-menu{display:flex;flex-wrap:wrap;grid-gap:.5rem;grid-row-gap:.5rem}.loop-filter .list-item{white-space:nowrap;display:inline-flex;align-items:center;padding:1px 5px;border-radius:4px;text-decoration:none}.loop-filter .list-menu .selected{background-color:rgba(150,150,150,.2)}.loop-filter .loop-filter-item-heading{font-weight:600}.loop-filter .dropdown-menu .selected{position:relative}.loop-filter .loop-filter-item-search input{margin:0}.loop-toggle-hide{display:none!important}.loop-filter-more-less{cursor:pointer;font-weight:500}.loop-filter .dropdown-menu .selected:after{content:'';display:inline-block;width:.65em;height:.35em;border-left:.1em solid currentColor;border-bottom:.1em solid currentColor;transform:translate(-50%,-50%) rotate(-45deg);position:absolute;right:.5rem;top:45%;opacity:.6}.loop-filter-count{display:inline-block;background-color:rgba(150,160,170,.2);padding:0 .45em;margin-inline-start:.125rem;-webkit-margin-start:.125rem;font-size:11px;border-radius:1rem}.loop-filter-count:empty{display:none}.dropdown-menu .multi-range{margin:1rem}input[type=range].multirange{-webkit-appearance:none;height:2px;padding:0;margin:1rem 0 0;width:calc(100% - 0px);display:inline-block;vertical-align:top;background-color:rgba(150,150,150,.5);color:currentColor;outline:0;border:0;border-radius:6px}input[type=range].multirange.original{position:absolute}input[type=range].multirange::-webkit-slider-thumb{-webkit-appearance:none;position:relative;z-index:2;border:none;width:12px;height:12px;border-radius:100%;background-color:currentColor}input[type=range].multirange::-moz-range-thumb{border:none;width:12px;height:12px;border-radius:100%;background-color:currentColor}input[type=range].multirange.original::-moz-range-thumb{z-index:2}input[type=range].multirange.ghost{position:relative;background:var(--track-background);--track-background:linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;--range-color:currentColor}input[type=range].multirange.ghost::-webkit-slider-thumb{position:relative;z-index:2}input[type=range].multirange.ghost::-moz-range-thumb{z-index:2}.multi-range{position:relative}.range-max,.range-min{position:absolute;top:-6px;font-size:10px;width:10px;display:flex;justify-content:center;text-align:center;left:calc(var(--left) * 1%);margin-left:calc(0px - var(--left)/ 100 * 10px)}.spinner{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite}.loop-filter-keys{width:100%;display:flex;grid-gap:.5rem;flex-wrap:wrap}.loop-filter-keys a{font-weight:600;font-size:.9em;display:inline-flex;text-decoration:none}.loop-filter-keys a:after{content:'\00d7';font-family:arial;font-weight:400;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;line-height:0;border-radius:100%;background-color:#666;color:#fff;opacity:0;margin:-4px -7px 0 -7px;transition:opacity .2s}.loop-filter-keys a:hover:after{opacity:1}.loop-filter-total{width:100%}a.loop-filter-clear{font-weight:400;align-items:center;opacity:.7}a.loop-filter-clear:hover{opacity:1}a.loop-filter-clear:after{order:-1;margin:2px;opacity:1}@keyframes spinner{0%{transform:scale(0)}50%{opacity:1}}@media (max-width:576px){:root{--loop-grid-gap:1rem}.block-loop-row .block-loop-items{--loop-columns:1}.block-loop-row:not(.has-loop-posts):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .entry-footer{flex:auto;width:100%}.block-loop-row:not(.has-loop-posts):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .post-thumbnail{width:4.5rem}.block-loop-row .entry-footer>:first-child:not(.btn-add){padding-inline-start:0}.block-loop-row .add_to_cart_inline,.block-loop-row .btn-purchase,.block-loop-row .entry-description,.block-loop-row .entry-info{display:none}.block-loop-inline .waveform,.block-loop-nav,.has-loop-posts .btn-download,.has-loop-posts .btn-like,.has-loop-posts .play-count{display:none}.modal-open .wp-block-loop-product .block-loop-slider{overflow:visible}.entry-content>.wp-block-loop-slider:not(.block-loop-center) .block-loop-items{padding:0 var(--x-gap,var(--wp--style--root--padding-left,1rem));margin:0 calc(var(--x-gap,var(--wp--style--root--padding-left,1rem)) * -1);scroll-snap-type:none;--loop-max-width:85%}}@media (min-width:577px){.block-loop-with-filter{display:flex;align-items:flex-start;height:100%}.block-loop-with-filter .block-loop-items{flex:1}.block-loop-with-filter .loop-filter{flex-direction:column;min-width:15rem;margin:0;height:100%}.is-series .has-loop-posts .post-thumbnail{border-radius:5px;width:5rem;height:5rem}}

loops-block/trunk/includes/class-loopsblock.php

@@ -2 +2 @@
 
 /**
- * Loops base class.
+ * LoopsBlock class
  *
  * @since 1.0.0
@@ -15 +15 @@
 
     /**
+     * Nonce action for filter click protection.
+     */
+    const NONCE_ACTION = 'loopsblock_filter_click';
+
+    /**
+     * cache group
+     */
+    const CACHE_GROUP_RENDER   = 'loopsblock_render';
+    const CACHE_GROUP_TERMS    = 'loopsblock_terms';
+
+    /**
      * The name from the plugin file
      *
@@ -69 +80 @@
     private $query_string = '';
     /**
+     * Cache version (self-incrementing int)
+     *
+     * @var int|null
+     */
+    private static $cache_version = null;
+    /**
+     * Per-request memo for is_user_context()
+     *
+     * @var array
+     */
+    private static $user_context_memo = array();
+    /**
+     * Per-request memo for get_normalized_query_string()
+     *
+     * @var string|null
+     */
+    private $normalized_qs = null;
+    /**
      * Instance.
-     * 
+     *
      * @var object
      */
@@ -120 +149 @@
         add_action( 'ffl_loop_template', array( $this, 'get_loopsblock_template' ) );
 
+        /* ---------------- Cache invalidation hooks ---------------- */
+        add_action( 'save_post',        array( $this, 'flush_cache' ) );
+        add_action( 'clean_post_cache', array( $this, 'flush_cache' ) );
+        add_action( 'set_object_terms', array( $this, 'flush_cache' ) );
+        add_action( 'created_term',     array( $this, 'flush_cache' ) );
+        add_action( 'edited_term',      array( $this, 'flush_cache' ) );
+        add_action( 'delete_term',      array( $this, 'flush_cache' ) );
+        add_action( 'profile_update',   array( $this, 'flush_cache' ) );
+        add_action( 'user_register',    array( $this, 'flush_cache' ) );
+        add_action( 'delete_user',      array( $this, 'flush_cache' ) );
+        add_action( 'switch_theme',     array( $this, 'flush_all_caches' ) );
+        add_action( 'activated_plugin',   array( $this, 'flush_all_caches' ) );
+        add_action( 'deactivated_plugin', array( $this, 'flush_all_caches' ) );
+
         do_action( 'loopsblock_init', $this );
     }
+
+    /* ================================================================== */
+    /* Cache helpers                                                       */
+    /* ================================================================== */
+
+    /**
+     * Cache version (self-incrementing int).
+     *
+     * @return int
+     */
+    private static function cache_version() {
+        if ( null === self::$cache_version ) {
+            self::$cache_version = (int) get_option( 'loopsblock_cache_version', 1 );
+        }
+        return self::$cache_version;
+    }
+
+    /**
+     * Build a versioned cache key.
+     * Payload is recursively ksort'd so key order in arrays doesn't matter.
+     *
+     * @param string $prefix
+     * @param mixed  $payload
+     * @return string
+     */
+    private static function cache_key( $prefix, $payload ) {
+        return $prefix . '_v' . self::cache_version() . '_' . md5( wp_json_encode( self::ksort_recursive( $payload ) ) );
+    }
+
+    /**
+     * Recursively sort arrays by key so json_encode is stable.
+     *
+     * @param mixed $array
+     * @return mixed
+     */
+    private static function ksort_recursive( $array ) {
+        if ( ! is_array( $array ) ) {
+            return $array;
+        }
+        ksort( $array );
+        foreach ( $array as $k => $v ) {
+            $array[ $k ] = self::ksort_recursive( $v );
+        }
+        return $array;
+    }
+
+    /**
+     * Bump cache version → invalidates all group caches at once.
+     */
+    public function flush_cache() {
+        $v = (int) get_option( 'loopsblock_cache_version', 1 );
+        $v++;
+        update_option( 'loopsblock_cache_version', $v, false );
+        self::$cache_version = $v;
+
+        // WP 6.1+ supports flushing a cache group (only with persistent cache).
+        if ( function_exists( 'wp_cache_supports' ) && wp_cache_supports( 'flush_group' ) ) {
+            wp_cache_flush_group( self::CACHE_GROUP_RENDER );
+            wp_cache_flush_group( self::CACHE_GROUP_TERMS );
+        }
+    }
+
+    /**
+     * Flush everything including editor transients.
+     */
+    public function flush_all_caches() {
+        $this->flush_cache();
+        delete_transient( 'loopsblock_tpls' );
+        delete_transient( 'loopsblock_types' );
+        delete_transient( 'loopsblock_taxonomies' );
+        delete_transient( 'loopsblock_images' );
+        delete_transient( 'loopsblock_user_roles' );
+    }
+
+    /**
+     * Is a persistent object cache available?
+     *
+     * @return bool
+     */
+    private static function has_persistent_object_cache() {
+        return function_exists( 'wp_using_ext_object_cache' ) && wp_using_ext_object_cache();
+    }
+
+    /**
+     * Is transient caching allowed for this key/group/attributes?
+     *
+     * Behavior:
+     *  - When a persistent object cache (Redis/Memcached) is available,
+     *    transient is NEVER used — wp_cache_* is sufficient and we avoid
+     *    polluting wp_options.
+     *  - Otherwise (no persistent object cache), transient is written ONLY
+     *    when the calling block opts in via `$attributes['transient_cache']`,
+     *    or a filter forces it on.
+     *
+     * @param string $key
+     * @param string $group
+     * @param array  $attributes
+     * @return bool
+     */
+    private static function is_transient_available( $key = '', $group = '', $attributes = array() ) {
+        // Redis/Memcached present → always skip transient.
+        if ( self::has_persistent_object_cache() ) {
+            return false;
+        }
+
+        $default = ! empty( $attributes['transient_cache'] );
+        return (bool) apply_filters( 'loopsblock_enable_transient_cache', $default, $key, $group, $attributes );
+    }
+
+    /**
+     * Is filter-click nonce verification enabled?
+     *
+     * Default: enabled.
+     *
+     * Disable globally:
+     *   add_filter( 'loopsblock_enable_filter_nonce', '__return_false' );
+     *
+     * @return bool
+     */
+    private static function is_filter_nonce_enabled() {
+        return (bool) apply_filters( 'loopsblock_enable_filter_nonce', true );
+    }
+
+    /**
+     * Cache get: wp_cache_* first; transient fallback (opt-in, no-persistent-cache only).
+     *
+     * @param string $key
+     * @param string $group
+     * @param array  $attributes  Block attributes (for transient opt-in).
+     * @return mixed|false
+     */
+    private static function cache_get( $key, $group, $attributes = array() ) {
+        $v = wp_cache_get( $key, $group );
+        if ( false !== $v ) {
+            return $v;
+        }
+        if ( self::is_transient_available( $key, $group, $attributes ) ) {
+            $v = get_transient( $key );
+            if ( false !== $v ) {
+                // warm the per-request object cache
+                wp_cache_set( $key, $v, $group, MINUTE_IN_SECONDS * 5 );
+                return $v;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Cache set: write wp_cache_*; write transient only when opted in
+     * AND no persistent object cache is available.
+     *
+     * Empty string / null / empty array values are skipped to avoid polluting wp_options.
+     *
+     * @param string $key
+     * @param mixed  $val
+     * @param string $group
+     * @param int    $ttl
+     * @param array  $attributes  Block attributes (for transient opt-in).
+     */
+    private static function cache_set( $key, $val, $group, $ttl, $attributes = array() ) {
+        // FIX: don't pollute wp_options with empty values
+        if ( '' === $val || null === $val || array() === $val ) {
+            return;
+        }
+        wp_cache_set( $key, $val, $group, $ttl );
+        if ( self::is_transient_available( $key, $group, $attributes ) ) {
+            set_transient( $key, $val, $ttl );
+        }
+    }
+
+    /* ================================================================== */
+    /* Query string normalization (nonce-aware)                            */
+    /* ================================================================== */
+
+    /**
+     * Get the normalized query string for cache key + query building.
+     *
+     * Behavior:
+     *  - Strips `click` (nonce) from the returned string.
+     *  - If filter nonce is enabled and the request lacks a valid `click`,
+     *    all filter params (taxQuery/metaQuery/order/search/sort) are
+     *    dropped, keeping only `id`. The resulting page is identical to a
+     *    fresh (unfiltered) visit and shares the same cache entry.
+     *  - If filter nonce is disabled, only `click` is stripped.
+     *
+     * Memoized per-request.
+     *
+     * @return string
+     */
+    private function get_normalized_query_string() {
+        if ( null !== $this->normalized_qs ) {
+            return $this->normalized_qs;
+        }
+
+        $query_string = $this->query_string;
+        if ( '' === $query_string ) {
+            $this->normalized_qs = '';
+            return '';
+        }
+
+        parse_str( $query_string, $query );
+
+        // Extract block discriminator `id` (never subject to nonce check).
+        $id = isset( $query['id'] ) ? $query['id'] : null;
+
+        if ( ! self::is_filter_nonce_enabled() ) {
+            // Nonce disabled → just strip `click`, keep everything else.
+            unset( $query['click'] );
+            $this->normalized_qs = http_build_query( $query );
+            return $this->normalized_qs;
+        }
+
+        // Determine whether the request carries filter params
+        // (excluding `id` and `click`).
+        $filter_params = array_diff_key( $query, array( 'id' => 1, 'click' => 1 ) );
+
+        if ( empty( $filter_params ) ) {
+            // No filter params → strip stray click, keep as-is.
+            unset( $query['click'] );
+            $this->normalized_qs = http_build_query( $query );
+            return $this->normalized_qs;
+        }
+
+        // Has filter params → require valid nonce.
+        $nonce_ok = isset( $query['click'] ) && wp_verify_nonce( $query['click'], self::NONCE_ACTION );
+
+        if ( ! $nonce_ok ) {
+            // Invalid / missing nonce → drop all filter params, keep `id`.
+            $query = array();
+            if ( null !== $id ) {
+                $query['id'] = $id;
+            }
+
+            if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+                error_log( '[loopsblock] invalid or missing filter nonce from ' . ( $_SERVER['REMOTE_ADDR'] ?? '?' ) );
+            }
+        } else {
+            // Valid nonce → strip it, keep filter params + id.
+            unset( $query['click'] );
+        }
+
+        $this->normalized_qs = http_build_query( $query );
+        return $this->normalized_qs;
+    }
+
+    /**
+     * Does this block declare a permission filter?
+     * If yes → must NOT be cached.
+     *
+     * @param array $attributes
+     * @return bool
+     */
+    private function has_permission_filter( $attributes ) {
+        if ( empty( $attributes['displayPermission'] ) ) {
+            return false;
+        }
+        return in_array(
+            $attributes['displayPermission'],
+            array( 'users', 'user_roles', 'php_func' ),
+            true
+        );
+    }
+
+    /**
+     * Contexts that must not be cached because they depend on the current user.
+     *
+     * @return array
+     */
+    private function get_user_contexts() {
+        return apply_filters( 'loopsblock_user_contexts', array(
+            'user_followers', 'user_following', 'user_likes', 'user_dislikes',
+            'user_downloads', 'user_notifications', 'user_posts',
+        ) );
+    }
+
+    /**
+     * Does this loop depend on the current user via its `context` attribute?
+     * Memoized per-request.
+     *
+     * @param array $attributes
+     * @return bool
+     */
+    private function is_user_context( $attributes ) {
+        if ( empty( $attributes['context'] ) ) {
+            return false;
+        }
+        $ctx = strtolower( (string) $attributes['context'] );
+        if ( ! isset( self::$user_context_memo[ $ctx ] ) ) {
+            self::$user_context_memo[ $ctx ] = in_array( $ctx, $this->get_user_contexts(), true );
+        }
+        return self::$user_context_memo[ $ctx ];
+    }
+
+    /**
+     * User salt for cache key: anon vs. user_id + role hash.
+     *
+     * @return string
+     */
+    private function user_salt() {
+        if ( ! is_user_logged_in() ) {
+            return 'anon';
+        }
+        $u = wp_get_current_user();
+        return 'u' . $u->ID . '_' . md5( implode( ',', (array) $u->roles ) );
+    }
+
+    /* ================================================================== */
+    /* Registration                                                        */
+    /* ================================================================== */
 
     /**
@@ -162 +514 @@
      */
     public function get_user_roles(){
+        $cache_key = 'loopsblock_user_roles_v' . self::cache_version();
+        $cached = get_transient( $cache_key );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
         global $wp_roles;
         $wp_roles_names = array_reverse( $wp_roles->role_names );
-        return array_keys($wp_roles_names);
+        $roles = array_keys( $wp_roles_names );
+
+        set_transient( $cache_key, $roles, DAY_IN_SECONDS );
+        return $roles;
     }
 
     /**
      * filter the permission from attributes.
-     * 
-     * @param object block attributes
      */
     public function isPermissionFiltered($atts){
@@ -212 +571 @@
     /**
      * render the permission block
-     * 
-     * @param object block attributes
-     * @param string block content
      */
     public function render_permission_block( $atts, $content ){
@@ -226 +582 @@
         $filtered_bool = (bool) $filtered;
 
-        if ( $display xor $filtered ) {
+        if ( $display xor $filtered_bool ) {
             return '';
         }
@@ -233 +589 @@
     }
 
+    /* ================================================================== */
+    /* Assets                                                              */
+    /* ================================================================== */
+
     /**
      * enqueue styles
      */
     public function enqueue_styles() {
+        if ( wp_style_is( $this->name . '-style', 'registered' ) ) {
+            wp_enqueue_style( $this->name . '-style' );
+            return;
+        }
         wp_register_style(
             $this->name . '-style',
@@ -243 +607 @@
             $this->version
         );
-
         wp_enqueue_style( $this->name . '-style' );
     }
@@ -260 +623 @@
             true
         );
-
         wp_enqueue_script( $this->name );
     }
 
-    /**
-     * render the loop block
-     * 
-     * @param object block attributes
+    /* ================================================================== */
+    /* Render                                                              */
+    /* ================================================================== */
+
+    /**
+     * render the loop block (cached decorator).
+     *
+     * @param array $attributes
+     * @return string
      */
     public function render_loop_block( $attributes ) {
+        // permission-gated blocks are never cached
+        $cacheable = ! $this->has_permission_filter( $attributes );
+
+        // user-context loops (my likes / my followers / …) are never cached
+        if ( $this->is_user_context( $attributes ) ) {
+            $cacheable = false;
+        }
+
+        // admin debug / context messages are dynamic → skip cache
+        if ( current_user_can( 'manage_options' )
+            && ( ! empty( $_REQUEST['context'] ) || ! empty( $attributes['debug'] ) ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Recommended
+            $cacheable = false;
+        }
+
+        $cacheable = apply_filters( 'loopsblock_enable_render_cache', $cacheable, $attributes );
+
+        $attributes = apply_filters( 'loopsblock_attributes', $attributes );
+
+        // Normalized query string (nonce-aware, no `click`)
+        $normalized_qs = $this->get_normalized_query_string();
+        $query_args    = $this->get_query_params( $attributes, $normalized_qs );
+
+        $cache_key = '';
+        if ( $cacheable ) {
+            // Cache key must include BOTH:
+            //   - $attributes   → affects display (title, cols, slider, template, …)
+            //   - $query_args   → affects query (post_type, tax_query, …)
+            $cache_key = self::cache_key( 'loopsblock_render', array(
+                'attr' => $attributes,
+                'q'    => $query_args,
+                'qs'   => $normalized_qs,
+                'url'  => $this->query_url,
+                'user' => $this->user_salt(),
+            ) );
+            $cached = self::cache_get( $cache_key, self::CACHE_GROUP_RENDER, $attributes );
+            if ( false !== $cached ) {
+                return apply_filters( 'loopsblock_content', $cached );
+            }
+        }
+
+        $block_content = $this->do_render_loop_block( $attributes, $query_args );
+
+        if ( $cacheable && '' !== $cache_key && '' !== $block_content ) {
+            self::cache_set( $cache_key, $block_content, self::CACHE_GROUP_RENDER, 10 * MINUTE_IN_SECONDS, $attributes );
+        }
+
+        return apply_filters( 'loopsblock_content', $block_content );
+    }
+
+    /**
+     * The actual render logic.
+     *
+     * @param array $attributes
+     * @param array $query_args
+     * @return string
+     */
+    private function do_render_loop_block( $attributes, $query_args ) {
         $block_content = $className = $slick = $jscroll = $more = $pager = $title = $filter = $items = '';
         $query = false;
-        $attributes = apply_filters( 'loopsblock_attributes', $attributes );
 
         do_action( 'loopsblock_before_render', $attributes );
@@ -279 +702 @@
             $block_content = __( 'No loop type.', 'loops-block' );
         } else {
-            $query_args = $this->get_query_params($attributes);
             $total_pages = 0;
             if ( $attributes[ 'type' ] == 'user' ) {
@@ -370 +792 @@
 
             if (isset($attributes[ 'pager' ]) && $attributes[ 'pager' ] == 'pagination' ) {
-                $pager = $this->get_pagination( $total_pages, $query_args[ 'paged' ] );
+                $paged_arg = isset( $query_args[ 'paged' ] ) ? $query_args[ 'paged' ] : 1;
+                $pager = $this->get_pagination( $total_pages, $paged_arg );
             }
 
@@ -386 +809 @@
                     $jscroll = 'data-plugin="scroller" data-option="' . sprintf( '{autoTrigger: %1$s}"', $attributes[ 'pager' ] == 'scroll' ? 'true' : 'false' );
                 } else {
-                    // overide wrapper
                     $wrapper = '%1$s%2$s%3$s%4$s%5$s';
                 }
-                if ( $total_pages > $query_args[ 'paged' ] ) {
-                    $attributes[ 'paged' ] = $query_args[ 'paged' ] + 1;
+                $paged_arg = isset( $query_args[ 'paged' ] ) ? $query_args[ 'paged' ] : 1;
+                if ( $total_pages > $paged_arg ) {
+                    $attributes[ 'paged' ] = $paged_arg + 1;
                     $attributes            = $this->normalize_load_more_attributes( $attributes );
-                    $url                   = get_rest_url( null, '/loop/more' ). sprintf( '?%s', $this->http_build_query( $attributes ) );
+                    $url                   = get_rest_url( null, '/loop/more' ). sprintf( '?%s', $this->build_more_query( $attributes ) );
                     $url                   = apply_filters( 'loopsblock_more_link', $url, $attributes, $this );
                     $more                  = '<a href="' . esc_url( $url ) . '" class="scroller no-ajax button"><span>• • •</span><span class="screen-reader-text">' . __( 'More', 'loops-block' ) . '</span></a>';
-                    $more                  = apply_filters( 'loopsblock_more_button', $more, $url, $this ); 
+                    $more                  = apply_filters( 'loopsblock_more_button', $more, $url, $this );
                 }
             }
@@ -409 +832 @@
                     $block_content .= '<p>'.__( 'No loop item.', 'loops-block' ).'</p>';
                 }
-                if(!empty( $attributes[ 'debug' ] )){
-                    $block_content .= '<pre style="font-size: 11px;order:10; white-space:normal">' . json_encode( $query_args ) . '</pre>';
+                if(!empty( $attributes[ 'debug' ] ) && defined( 'WP_DEBUG' ) && WP_DEBUG ){
+                    $block_content .= '<pre style="font-size: 11px;order:10; white-space:normal">' . esc_html( wp_json_encode( $query_args ) ) . '</pre>';
                 }
             }
         }
         do_action( 'loopsblock_after_render', $attributes, $query );
-        return apply_filters( 'loopsblock_content', $block_content );
+        return $block_content;
     }
 
     /**
      * output the loop block
-     * 
-     * @param object block attributes
-     * @param bolean echo content or not
      */
     public function the_block( $attributes, $echo = true ) {
@@ -436 +856 @@
     /**
      * output the filter
-     * 
-     * @param object block attributes
-     * @param bolean echo filter or not
      */
     public function the_filter( $attributes, $echo = true ) {
@@ -448 +865 @@
     }
 
-    /**
-     * get the filter content
-     * 
-     * @param object block attributes
+    /* ================================================================== */
+    /* Filter (cached)                                                     */
+    /* ================================================================== */
+
+    /**
+     * get the filter content (cached)
+     *
+     * @param array $attributes
+     * @return string
      */
     private function get_filter( $attributes ) {
@@ -457 +879 @@
             return '';
         }
-        
+
+        // user-context filters are never cached
+        $cacheable = ! $this->is_user_context( $attributes );
+
+        $cache_key = '';
+        if ( $cacheable ) {
+            // Only filter-relevant attributes affect the output.
+            $filter_keys = array( 'filter', 'id', 'url', 'ids' );
+            $filter_attr = array_intersect_key( $attributes, array_flip( $filter_keys ) );
+
+            $cache_key = self::cache_key( 'loopsblock_filter', array(
+                'attr' => $filter_attr,
+                'qs'   => $this->get_normalized_query_string(),
+                'url'  => $this->query_url,
+            ) );
+            $cached = self::cache_get( $cache_key, self::CACHE_GROUP_RENDER, $attributes );
+            if ( false !== $cached ) {
+                return $cached;
+            }
+        }
+
+        $html = $this->do_get_filter( $attributes );
+
+        if ( $cacheable && '' !== $cache_key && '' !== $html ) {
+            self::cache_set( $cache_key, $html, self::CACHE_GROUP_RENDER, 10 * MINUTE_IN_SECONDS, $attributes );
+        }
+        return $html;
+    }
+
+    /**
+     * Actually build filter HTML.
+     *
+     * Uses the normalized query string — nonce is already verified there.
+     *
+     * @param array $attributes
+     * @return string
+     */
+    private function do_get_filter( $attributes ) {
         $filter  = $attributes[ 'filter' ];
         $url     = isset($attributes[ 'url' ]) ? $attributes[ 'url' ] : $this->query_url;
@@ -463 +922 @@
         $url = preg_replace($pattern, '', $url);
         $id = isset($attributes[ 'id' ]) ? $attributes[ 'id' ] : '';
-        // parse query string
-        $query_string = $this->query_string;
+
+        // Use normalized query string — no `click`, already nonce-verified.
+        $query_string = $this->get_normalized_query_string();
         parse_str( $query_string, $query );
         array_walk_recursive($query, 'sanitize_text_field');
@@ -473 +933 @@
             }
         }
-        // todo: parse the attribute meta/tax/order to menu
-
-        // if we got ?s= and not on search page
+
         if(isset($query['s']) && !is_search()){
             $query['search'] = $query['s'];
@@ -515 +973 @@
 
             // all taxonomy
-            if( strpos( strtolower($value), '__all' ) ){
+            if( strpos( strtolower($value), '__all' ) !== false ){
                 $reg = '/(.*?)__all\[(.*?)\]/';
                 if( preg_match($reg, $v, $m) ){
@@ -521 +979 @@
                     $default = (object) array( 'name' => (isset($m[2]) ? $m[2] : 'All'), 'slug' => '', 'count' => '' );
                     if(!empty($attributes['ids'])) {
-                        // get terms by ids to use connect filter
                         $terms = $this->get_terms($i, $attributes['ids']);
                     }else{
-                        // get all terms
-                        $terms = get_terms( $i );
+                        $terms = $this->get_terms_cached( $i );
                     }
                     if( !empty($terms) && !is_wp_error( $terms ) ){
@@ -546 +1002 @@
                 $j = isset($term[1]) ? $term[1] : $term[0];
                 $item = array( 'name' => $ma[2] );
-                // set value for ranges
                 $ranges = preg_match( '/^\d+-\d+$/', $j );
                 if( $ranges ){
@@ -561 +1016 @@
 
         if( empty($filters) ){
-            return;
+            return '';
         }
 
@@ -576 +1031 @@
 
     /**
+     * Cached wrapper for get_terms() used by the filter.
+     *
+     * Note: term lists are global (not block-specific), so we don't pass
+     * block attributes. Transient opt-in must be done via filter if needed.
+     */
+    private function get_terms_cached( $taxonomy ) {
+        $cache_key = 'loopsblock_filter_terms_v' . self::cache_version() . '_' . $taxonomy;
+        $cached    = self::cache_get( $cache_key, self::CACHE_GROUP_TERMS );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
+        $terms = get_terms( array(
+            'taxonomy'   => $taxonomy,
+            'hide_empty' => false,
+        ) );
+
+        if ( is_wp_error( $terms ) ) {
+            return $terms;
+        }
+
+        self::cache_set( $cache_key, $terms, self::CACHE_GROUP_TERMS, HOUR_IN_SECONDS );
+        return $terms;
+    }
+
+    /**
      * build the filter item
-     * 
-     * @param object filter item
-     * @param string
-     * @param string
-     * @param array 
-     * @param string filter url
-     * @param string attributes id
      */
     private function build_filter_item(&$item, $key, $term, $value, $q, $url, $id){
@@ -598 +1072 @@
                         unset( $q[$key][$term] );
                     }
-                    
+
                     $q[$key][$term][$value] = '';
                 }
@@ -626 +1100 @@
         }
 
+        // Add nonce for filter click protection
+        if ( ! empty( $str ) && self::is_filter_nonce_enabled() ) {
+            $str['click'] = wp_create_nonce( self::NONCE_ACTION );
+        }
+
         $url = $url . '?' . http_build_query($str);
         $url = apply_filters( 'loopsblock_filter_link', $url, $item, $key, $term, $value, $q, $str );
@@ -633 +1112 @@
     /**
      * build the filter keys
-     * 
-     * @param array
-     * @param object
-     * @param array
      */
     public function build_filter_keys($filters, $attributes, $keys){
@@ -648 +1123 @@
         $sep = apply_filters('loopsblock_filter_sep', ',');
         $clear = $attributes['filterClearText'];
-        
+
         foreach ( $keys as $key ){
             if($key == end($keys)){
@@ -668 +1143 @@
     }
 
-    /**
-     * get the ad content
-     * 
-     * @param object
+    /* ================================================================== */
+    /* Ad (cached)                                                         */
+    /* ================================================================== */
+
+    /**
+     * get the ad content (cached)
      */
     private function get_ad_content($attributes){
         if(!isset($attributes['adTitle']) || $attributes['adTitle']===''){
-            return;
+            return '';
+        }
+
+        $cacheable = ! $this->is_user_context( $attributes );
+
+        $cache_key = '';
+        if ( $cacheable ) {
+            $ad_keys = array( 'adImage', 'adTitle', 'adSubtitle', 'adSponsor', 'adLink', 'adOrder' );
+            $ad_attr = array_intersect_key( $attributes, array_flip( $ad_keys ) );
+
+            $cache_key = self::cache_key( 'loopsblock_ad', $ad_attr );
+            $cached = self::cache_get( $cache_key, self::CACHE_GROUP_RENDER, $attributes );
+            if ( false !== $cached ) {
+                return $cached;
+            }
         }
 
@@ -696 +1187 @@
             include plugin_dir_path( dirname( __FILE__ ) ) . $tpl;
         }
-
-        return ob_get_clean();
-    }
+        $html = ob_get_clean();
+
+        if ( $cacheable && '' !== $cache_key && '' !== $html ) {
+            self::cache_set( $cache_key, $html, self::CACHE_GROUP_RENDER, 10 * MINUTE_IN_SECONDS, $attributes );
+        }
+        return $html;
+    }
+
+    /* ================================================================== */
+    /* Content / templates                                                 */
+    /* ================================================================== */
 
     /**
      * get the content
-     * 
-     * @param object query results
-     * @param object block attributes
-     * @param array query args
      */
     private function get_content( $query, $attributes, $query_args ) {
@@ -734 +1229 @@
         } else {
             foreach ( $query->posts as $post ) {
-                // avoid loop in loop
                 $post->post_content = str_replace( "wp:block/loop", "wp:block/loop-disabled", $post->post_content );
                 setup_postdata( $post );
@@ -747 +1241 @@
     /**
      * get the loop content
-     * 
-     * @param object query results
-     * @param object block attributes
-     * @param array query args
      */
     public function get_loopsblock_template() {
@@ -760 +1250 @@
     /**
      * get the loop template
-     * 
-     * @param string template file
-     * @param string post/user/taxonomy
      */
     private function get_template( $tpl, $type ) {
@@ -784 +1271 @@
 
     /**
-     * locate the template file
-     * 
-     * @param string template name
-     * @param string template path
-     * @param string default template path
+     * locate the template file (per-request static cache)
      */
     public function locate_template( $template_name, $template_path = '', $default_path = '' ) {
+        static $runtime = array();
+
+        $cache_key = $template_name . '|' . $template_path . '|' . $default_path;
+        if ( isset( $runtime[ $cache_key ] ) ) {
+            return $runtime[ $cache_key ];
+        }
+
         if ( ! $template_path ) {
             $template_path = '/templates/';
@@ -799 +1289 @@
         }
 
-        // Look within passed path within the theme - this is priority.
         $template = locate_template(
             array(
@@ -807 +1296 @@
         );
 
-        // Get default template/.
         if ( ! $template ) {
-
             $tpl_name = basename( $template_name );
 
-            // Force .php extension if template name is tampered with
             if ( 'php' != pathinfo( $tpl_name, PATHINFO_EXTENSION ) ) {
               $info = pathinfo( $tpl_name );
@@ -818 +1304 @@
             }
 
-            // Rebuild the template path removing anything nasty
             $tpl = $default_path . trailingslashit( $template_path ) . $tpl_name;
 
@@ -826 +1311 @@
         }
 
-        // Return what we found.
-        return apply_filters( 'loopsblock_locate_template', $template, $template_name, $template_path );
-    }
+        $template = apply_filters( 'loopsblock_locate_template', $template, $template_name, $template_path );
+
+        $runtime[ $cache_key ] = $template;
+        return $template;
+    }
+
+    /* ================================================================== */
+    /* Query params                                                        */
+    /* ================================================================== */
 
     /**
      * get loop query parameters
-     * 
-     * @param object attributes
-     */
-    private function get_query_params( $args ) {
+     *
+     * @param array       $args
+     * @param string|null $query_string  Optional. Pre-normalized query string.
+     * @return array
+     */
+    private function get_query_params( $args, $query_string = null ) {
+        return $this->do_get_query_params( $args, $query_string );
+    }
+
+    /**
+     * Build query params.
+     */
+    private function do_get_query_params( $args, $query_string = null ) {
         $args = apply_filters( 'loopsblock_get_query_params_attributes', $args);
+
+        if ( null === $query_string ) {
+            $query_string = $this->get_normalized_query_string();
+        }
+
         $query_args = [];
         if ( $args[ 'type' ] == 'user' || $args[ 'type' ] == 'taxonomy' ) {
@@ -849 +1354 @@
             $query_args[ 'posts_per_page' ] = $args[ 'pages' ];
             $include                        = 'post__in';
-            // ignore sticky post
             $query_args[ 'ignore_sticky_posts' ] = 1;
         }
@@ -862 +1366 @@
         }
 
-        // ids
         if ( !empty( $args[ 'ids' ] ) ) {
             $query_args[ $include ] = $args[ 'ids' ];
         }
 
-        // query (admin query field OR front-end 'query' arg)
         if ( !empty( $args[ 'query' ] ) ) {
             $query_args = wp_parse_args( $args[ 'query' ], $query_args );
         }
 
-        // get parameter from query_string
-        // add the taxQuery/metaQuery
-        // override order/orderby
-        $query_string = $this->query_string;
+        // query_string → tax / meta / order
         parse_str( $query_string, $query );
         array_walk_recursive($query, 'sanitize_text_field');
         $query = apply_filters( 'loopsblock_query_string_raw', $query, $args );
-        // only apply the front-end query on loop base on attribute id
         if(!empty($query['id'])){
             if(empty($args['id']) || $args['id'] !== $query['id']){
@@ -886 +1384 @@
         }
 
-        // build the params from the $query;
-        // search
         if(!empty($query['search'])){
             $args['search'] = $query['search'];
         }
-        // replace
         if(!empty($query['order'])){
             $args['order'] = $query['order'];
@@ -906 +1401 @@
         }
 
-        // add tax and meta from front-end query
         if(!empty($query['taxQuery'])){
             if(!is_array($args['taxQuery'])){
@@ -921 +1415 @@
         // taxonomy
         if ( ! empty( $args[ 'taxQuery' ] ) ) {
-            // nested taxonomy handling, same using OR, diff using AND
             if(empty($query_args[ 'tax_query' ])){
-                // phpcs:ignore WordPress.DB.SlowDBQuery.slow_db_query_tax_query -- use tax_query for filter
                 $query_args[ 'tax_query' ] = [];
             }
             $queries = [];
-            // parse taxonomy (admin/front)
-            // taxQuery=genre__electronic,ambient+mood__feeling-blue,focus+station_tag__dance-hit
-
             foreach($args[ 'taxQuery' ] as $tax){
                 if(is_string($tax)){
@@ -937 +1426 @@
                 }
             }
-            // prepare taxonomy
             $ts = [];
             foreach ($queries as $q) {
@@ -948 +1436 @@
                 $ts[$key][] = implode(':', $matches);
             }
-            // build taxonomy
             foreach ( $ts as $key => $value ) {
                 $a = [];
@@ -978 +1465 @@
         // meta
         if ( ! empty( $args[ 'metaQuery' ] ) ) {
-            // no nested meta handling
             if(empty($query_args[ 'meta_query' ])){
-                // phpcs:ignore WordPress.DB.SlowDBQuery.slow_db_query_meta_query -- use meta_query for filter
                 $query_args[ 'meta_query' ] = [];
             }
@@ -992 +1477 @@
             }
             foreach ( $queries as $q ) {
-                //match : or __
-                //eg: key:value:compare:type
                 $matches = preg_split( '/\:|__/', $q );
                 if(count( $matches ) < 2){
@@ -1002 +1485 @@
                     'value' => $matches[ 1 ]
                 );
-                // in
                 if(strpos($matches[ 1 ], ',') !== false){
                     $arr['value'] = explode(',', $matches[ 1 ]);
                     $arr['compare'] = 'IN';
                 }
-                // range
                 $ranges = preg_match( '/^\d+-\d+$/', $matches[ 1 ] );
                 if($ranges){
@@ -1045 +1526 @@
             $query_args[ 'order' ] = $args[ 'order' ];
         }
-        // orderby
         if ( ! empty( $args[ 'orderby' ] ) ) {
             $query_args[ 'orderby' ] = $args[ 'orderby' ];
@@ -1057 +1537 @@
         if ( isset( $args[ 'pager' ] ) ) {
             $query_args[ 'paged' ] = $this->get_paged($query_args[ 'paged' ]);
-            // use offset for taxonomy
             if ( $args[ 'type' ] == 'taxonomy' ) {
                 $query_args[ 'offset' ] = ( $this->get_paged($query_args[ 'paged' ]) - 1 ) * $query_args[ 'number' ];
             }
         }
-        // reset to page 1 if not set pager
         if(empty($args['pager'])){
             $query_args[ 'paged' ] = 1;
@@ -1069 +1547 @@
         $query_args = apply_filters( 'loopsblock_query_args', $query_args, $args );
 
-        // fix long query string
         foreach ($this->http_query_arr as $value) {
             if( isset($query_args[$value]) && !is_array($query_args[$value]) ){
@@ -1076 +1553 @@
         }
 
-        // search
         if ( ! empty( $args[ 'search' ] ) ) {
             $query_args[ 's' ] = $args[ 'search' ];
@@ -1095 +1571 @@
     /**
      * get loop sql query
-     * 
-     * @param object attributes
      */
     private function get_sql_query( $args = array() ) {
@@ -1103 +1577 @@
     }
 
-    /**
-     * get loop types
-     * 
+    /* ================================================================== */
+    /* Editor lists (cached via transient)                                 */
+    /* ================================================================== */
+
+    /**
+     * get loop types (cached 1 day)
      */
     private function get_types() {
+        $cache_key = 'loopsblock_types_v' . self::cache_version();
+        $cached = get_transient( $cache_key );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
         $types = [ array( 'label' => '— Select —' ) ];
         foreach ( get_post_types( array( 'public' => true ), 'objects' ) as $id => $type ) {
@@ -1118 +1601 @@
         $types[] = array( 'label' => 'Taxonomies', 'value' => 'taxonomy' );
 
-        return apply_filters( 'loopsblock_types', $types, $this );
-    }
-
-    /**
-     * get loop taxonomies
-     * 
+        $types = apply_filters( 'loopsblock_types', $types, $this );
+        set_transient( $cache_key, $types, DAY_IN_SECONDS );
+        return $types;
+    }
+
+    /**
+     * get loop taxonomies (cached 1 day)
      */
     private function get_taxonomies() {
+        $cache_key = 'loopsblock_taxonomies_v' . self::cache_version();
+        $cached = get_transient( $cache_key );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
         $taxonomies = [];
         foreach ( get_taxonomies( array( 'public' => true ) ) as $taxonomy ) {
@@ -1131 +1621 @@
         }
 
-        return apply_filters( 'loopsblock_taxonomies', $taxonomies, $this );
-    }
-
-    /**
-     * get image sizes
-     * 
+        $taxonomies = apply_filters( 'loopsblock_taxonomies', $taxonomies, $this );
+        set_transient( $cache_key, $taxonomies, DAY_IN_SECONDS );
+        return $taxonomies;
+    }
+
+    /**
+     * get image sizes (cached 1 day)
      */
     private function get_images() {
+        $cache_key = 'loopsblock_images_v' . self::cache_version();
+        $cached = get_transient( $cache_key );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
         $arr = [];
         foreach ( get_intermediate_image_sizes() as $size ) {
@@ -1144 +1641 @@
         }
 
-        return apply_filters( 'loopsblock_image_sizes', $arr );
-    }
-
-    /**
-     * get template files
-     * 
+        $arr = apply_filters( 'loopsblock_image_sizes', $arr );
+        set_transient( $cache_key, $arr, DAY_IN_SECONDS );
+        return $arr;
+    }
+
+    /**
+     * get template files (cached 1 day; glob scan is expensive)
      */
     private function get_tpls() {
+        $cache_key = 'loopsblock_tpls_v' . self::cache_version();
+        $cached = get_transient( $cache_key );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
         $tpls      = [ array( 'label' => '— Select —' ) ];
         $tpl_files = apply_filters( 'loopsblock_template_files', array(
-            // '*/content*.php',
-            // '*/*/content*.php',
             '*/loop*.php',
             '*/*/loop*.php',
@@ -1183 +1685 @@
         sort( $tpls );
 
-        return apply_filters( 'loopsblock_templates', $tpls );
-    }
-
-    /**
-     * get pagination
-     * 
-     * @param int total results
-     * @param int paged
-     * @param string block id
+        $tpls = apply_filters( 'loopsblock_templates', $tpls );
+        set_transient( $cache_key, $tpls, DAY_IN_SECONDS );
+        return $tpls;
+    }
+
+    /* ================================================================== */
+    /* Pagination (cached)                                                 */
+    /* ================================================================== */
+
+    /**
+     * get pagination (cached)
+     *
+     * Note: pagination is global (not block-specific). Transient opt-in
+     * must be done via filter if needed.
      */
     private function get_pagination( $total, $paged, $id='' ) {
+        $cache_key = self::cache_key( 'loopsblock_pager', array( $total, $paged, $id, $this->query_url ) );
+        $cached = self::cache_get( $cache_key, self::CACHE_GROUP_RENDER );
+        if ( false !== $cached ) {
+            return $cached;
+        }
+
         if ( get_option( 'permalink_structure' ) ) {
             $base   = str_replace( 999999999, '%#%', esc_url( get_pagenum_link( 999999999 ) ) );
@@ -1225 +1738 @@
             $pagination = sprintf( '<nav class="navigation pagination"><div class="nav-links">%1$s</div></nav>', $pagination );
         }
-        return apply_filters( 'loopsblock_pagination', $pagination, $total, $paged, $this );
+        $pagination = apply_filters( 'loopsblock_pagination', $pagination, $total, $paged, $this );
+
+        if ( '' !== $pagination ) {
+            self::cache_set( $cache_key, $pagination, self::CACHE_GROUP_RENDER, 10 * MINUTE_IN_SECONDS );
+        }
+        return $pagination;
     }
 
     /**
      * get paged
-     * 
      */
     private function get_paged($paged) {
@@ -1243 +1760 @@
     }
 
+    /* ================================================================== */
+    /* Misc                                                                */
+    /* ================================================================== */
+
     /**
      * set pages
-     * 
      */
     public function set_pages(){
@@ -1252 +1772 @@
             $page = ( int ) $wp_query->get( 'page' );
             if ( $page > 1 ) {
-                // convert 'page' to 'paged'
                 $wp_query->set( 'page', 1 );
                 $wp_query->set( 'paged', $page );
             }
-            // prevent redirect
             remove_action( 'template_redirect', 'redirect_canonical' );
         }
@@ -1262 +1780 @@
 
     /**
-     * load more content
-     * 
-     * @param array
+     * load more content (cached for anonymous users)
      */
     public function load_more( $request ) {
-        if ( isset( $request[ 'paged' ] ) ) {
-            $args = $request->get_params();
-            $args[ 'ajax' ] = 1;
-            return wp_send_json( 
-                array( 'content' => $this->render_loop_block( apply_filters( 'loopsblock_ajax_more', $args, $this ) ) )
-            );
-        }
-    }
-
-    /**
-     * get terms for filter to use connect terms
-     * 
-     * @param string
-     * @param array
+        if ( ! isset( $request[ 'paged' ] ) ) {
+            return;
+        }
+
+        $args = $request->get_params();
+        // sanitize: paged must be a positive integer
+        $args[ 'paged' ] = absint( $args[ 'paged' ] );
+        if ( ! $args[ 'paged' ] ) {
+            $args[ 'paged' ] = 1;
+        }
+        $args[ 'ajax' ] = 1;
+
+        // cache only for anonymous, non-user-context requests
+        $cache_enabled = ! is_user_logged_in()
+            && ! $this->is_user_context( $args )
+            && apply_filters( 'loopsblock_enable_more_cache', true, $args );
+
+        $cache_key = '';
+        if ( $cache_enabled ) {
+            $cache_key = self::cache_key( 'loopsblock_more', $args );
+            $cached = self::cache_get( $cache_key, self::CACHE_GROUP_RENDER, $args );
+            if ( false !== $cached ) {
+                return wp_send_json( $cached );
+            }
+        }
+
+        $data = array(
+            'content' => $this->render_loop_block(
+                apply_filters( 'loopsblock_ajax_more', $args, $this )
+            )
+        );
+
+        if ( $cache_enabled && '' !== $cache_key && ! empty( $data['content'] ) ) {
+            self::cache_set( $cache_key, $data, self::CACHE_GROUP_RENDER, 5 * MINUTE_IN_SECONDS, $args );
+        }
+
+        return wp_send_json( $data );
+    }
+
+    /* ================================================================== */
+    /* get_terms (FIXED + cached)                                          */
+    /* ================================================================== */
+
+    /**
+     * get terms for filter to use connect terms.
+     *
+     * Note: global resource, no block attributes. Transient opt-in via filter.
      */
     public function get_terms($taxonomy, $ids){
@@ -1287 +1836 @@
             return [];
         }
-        $arr = implode(',', array_map( 'absint', $ids ));
-        $cache_key = $taxonomy.$arr;
-        $cached_terms = wp_cache_get( $cache_key, 'loopsblock_term_cache' );
-        if ( false !== $cached_terms ) {
-            return $cached_terms;
+        $arr = implode(',', array_map( 'absint', (array) $ids ));
+        $cache_key = 'loopsblock_terms_rel_v' . self::cache_version() . '_' . $taxonomy . '_' . md5( $arr );
+
+        $cached = self::cache_get( $cache_key, self::CACHE_GROUP_TERMS );
+        if ( false !== $cached ) {
+            return $cached;
         }
 
         // phpcs:ignore WordPress.DB.DirectDatabaseQuery
-        $cached_terms = $wpdb->query(
+        $results = $wpdb->get_results(
             $wpdb->prepare(
-            " SELECT terms.name, terms.slug, COUNT(tr.object_id) as count FROM {$wpdb->terms} terms " .
-            " INNER JOIN {$wpdb->term_taxonomy} tt ON (tt.term_id = terms.term_id) " .
+            " SELECT t.name, t.slug, COUNT(tr.object_id) AS count FROM {$wpdb->terms} t " .
+            " INNER JOIN {$wpdb->term_taxonomy} tt ON (tt.term_id = t.term_id) " .
             " INNER JOIN {$wpdb->term_relationships} tr ON (tr.term_taxonomy_id = tt.term_taxonomy_id) " .
-            " WHERE tr.object_id IN (%s) AND tt.taxonomy = %s GROUP BY terms.term_id ", 
-            $arr, 
+            " WHERE tr.object_id IN ({$arr}) AND tt.taxonomy = %s " .
+            " GROUP BY t.term_id, t.name, t.slug ",
             $taxonomy )
         );
 
-        wp_cache_set( $cache_key, $cached_terms, 'loopsblock_term_cache' );
-        return $cached_terms;
-    }
-
-    /**
-     * add groupby filter
-     * 
-     * @param array
-     */
+        self::cache_set( $cache_key, $results, self::CACHE_GROUP_TERMS, HOUR_IN_SECONDS );
+        return $results;
+    }
+
+    /* ================================================================== */
+    /* Query filters                                                       */
+    /* ================================================================== */
+
     public function add_query_filter( $query_args ){
         $this->args = $query_args;
@@ -1320 +1869 @@
     }
 
-    /**
-     * remove groupby filter
-     * 
-     * @param array
-     */
     public function remove_query_filter( $query_args ){
         remove_filter( 'posts_groupby', array($this, 'posts_groupby') );
         remove_filter( 'posts_where', array( $this, 'posts_where' ), 10, 2 );
     }
-    
-    /**
-     * posts groupby
-     * https://developer.wordpress.org/reference/hooks/posts_groupby/
-     * 
-     * @param string
-     */
+
     public function posts_groupby($groupby){
         global $wpdb;
@@ -1343 +1881 @@
         return $groupby;
     }
-    
-    /**
-     * posts where
-     * 
-     * @param string
-     * @param object
-     */
+
     public function posts_where( $where, $query ) {
-        // find_in_set for featured on
         global $wpdb;
+        // FIX: guard against null or empty meta_query
+        if ( empty( $query->meta_query ) || empty( $query->meta_query->queries ) ) {
+            return $where;
+        }
         foreach ( $query->meta_query->queries as $index => $meta_query ) {
             if ( isset( $meta_query[ 'compare' ] ) && 'find_in_set' == strtolower( $meta_query[ 'compare' ] ) ) {
@@ -1362 +1897 @@
     }
 
-    /**
-     * normalize arrtributes
-     * 
-     * @param object
-     */
+    /* ================================================================== */
+    /* Helpers                                                             */
+    /* ================================================================== */
+
     public function normalize_load_more_attributes( $attributes = array() ) {
+      // IMPORTANT: do NOT add 'context' here — load_more() relies on it
+      // to skip user-context requests from caching.
       $exclusions = apply_filters( 'loopsblock_attribute_exclusions', array(
         'title',
@@ -1375 +1911 @@
         'sliderOption',
         'align',
-        'action' // added automatically so can be removed to avoid duplicates
+        'action'
       ) );
 
@@ -1392 +1928 @@
 
     /**
-     * build http query
-     * 
-     * @param array
-     */
-    private function http_build_query($query_args){
-        // get query_string for load more / scroll 
-        $query_string = $this->query_string;
+     * Build more query string.
+     *
+     * @param array $query_args
+     * @return string
+     */
+    private function build_more_query($query_args){
+        // Use normalized query string — nonce already verified/stripped.
+        $query_string = $this->get_normalized_query_string();
         parse_str( $query_string, $query );
         if( !empty($query['paged']) ){
             unset($query['paged']);
         }
+        // Defensive: strip click in case any leak
+        unset( $query['click'] );
         $query_args = array_merge( $query_args, $query );
         array_walk_recursive($query_args, 'sanitize_text_field');
 
-        // fixed long query
         foreach ($this->http_query_arr as $value) {
             if( isset($query_args[$value]) && is_array($query_args[$value]) ){
@@ -1417 +1955 @@
         return http_build_query($query_args);
     }
+
+    /**
+     * Backward-compat wrapper (private).
+     */
+    private function http_build_query($query_args){
+        return $this->build_more_query( $query_args );
+    }
 }
 

loops-block/trunk/loops-block.php

@@ -5 +5 @@
  * Description:       An advanced block that allows displaying posts, taxonomies and users based on different query parameters and visual configurations.
  * Author:                        wooscroll
- * Version:                       1.0.4
- * Tested up to:      7.1
+ * Version:                       1.0.6
+ * Tested up to:      7.1.2
  * License:           GPLv3
  * License URI:       https://www.gnu.org/licenses/gpl-3.0.html

loops-block/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 6.0
 Requires PHP: 7.4
-Tested up to: 7.1
-Stable tag: 1.0.4
+Tested up to: 7.1.2
+Stable tag: 1.0.6
 License: GPLv3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html