diff --git a/build/js/edit-screen.js b/build/js/edit-screen.js index 3214d6f3a3235de1d0739fdc4070914223c2de3e..1b43fd377c721bf015f2bd88cee97b3a9198754d 100644 --- a/build/js/edit-screen.js +++ b/build/js/edit-screen.js @@ -115,7 +115,6 @@ const sidebarToggle = document.querySelector('#me-sidebar-toggle-btn'); sidebarToggle.addEventListener('click', (e) => { - e.currentTarget; if (sidebarState === 'open') { // When closing the sidebar, set the width to 10px. document.documentElement.style.setProperty('--me-dialog-dock-width', '10px'); diff --git a/build/js/edit-screen.min.js b/build/js/edit-screen.min.js index a49ee73ec5490e3d137584d8c2133d1087df136d..51ab270410910ce282791ea08525f452981a4bab 100644 --- a/build/js/edit-screen.min.js +++ b/build/js/edit-screen.min.js @@ -1 +1 @@ -!function(){"use strict";((e,t,o,r)=>{let i,n="open";function a(e,t){const o=document.querySelector("#me-preview");e?o.style.width=e:o.style.removeProperty("width"),t?o.style.height=t:o.style.removeProperty("height")}function d(e){const t=document.querySelector('[data-drupal-selector="edit-submit"]:not([disabled])');if(t){const e=t.closest("form").querySelectorAll("input, textarea, select")||[],o=Array.from(e).filter((e=>!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)&&!e.validity.valid));o.length?(o[0].focus(),o[0].reportValidity()):t.dispatchEvent(new Event("mousedown"))}}function l(e){const t=(document.querySelector(".me-edit-screen-redirect-url")??{}).value;return window.location.href=t,!1}function c(e){const t=document.querySelector("#me-preview");t&&(t.style.pointerEvents="mouseup"==e.type?"auto":"none")}o(window).on("dialog:afterclose",((e,t,o)=>{"MERCURY-DIALOG"==(o[0]||{}).tagName&&document.getElementById("me-preview").contentWindow.postMessage({type:"onCloseMercuryDialog"})})),e.behaviors.mercuryEditorEditScreen={attach:function(o,s){const m=r("me-first-error",".js-form-item.error",o)[0];if(m&&(m.focus(),m.scrollIntoView({behavior:"smooth"})),r("me-toolbar","#me-toolbar",o).length&&function(){function o(){const e=document.querySelector(".me-mobile-presets");if(e){const t=e.options[e.selectedIndex??0].value.split("x");a(t[0]+"px",Math.min(t[1],window.innerHeight-document.getElementById("me-toolbar").offsetHeight-20)+"px")}else a("390px",Math.min("844",window.innerHeight-document.getElementById("me-toolbar").offsetHeight-20)+"px")}const r=document.querySelector(".me-mobile-presets");r&&r.addEventListener("change",o),document.querySelector("#me-mobile-toggle-btn").addEventListener("click",(e=>(r&&(r.style.display="block"),o(),window.addEventListener("resize",o),e.preventDefault(),e.stopPropagation(),!1))),document.querySelector("#me-desktop-toggle-btn").addEventListener("click",(e=>(r&&(r.style.display="none"),window.removeEventListener("resize",o),a("100%","100%"),e.preventDefault(),e.stopPropagation(),!1))),document.querySelector('[data-drupal-selector="edit-submit"]:not([disabled])')?document.querySelector("#me-save-btn").addEventListener("click",d):document.querySelector("#me-save-btn").remove(),document.querySelector("#me-done-btn").addEventListener("click",l),t.mercuryEditor&&t.mercuryEditor.width&&localStorage.setItem("mercury-dialog-dock-default-width",t.mercuryEditor.width);let c="true"===localStorage.getItem("mercury-dialog-dock-collapsed");n=c?"closed":"open";const s=document.querySelector("#me-sidebar-toggle-btn");s.addEventListener("click",(e=>(e.currentTarget,console.warn("sidebarToggle",n),"open"===n?(document.documentElement.style.setProperty("--me-dialog-dock-width","10px"),localStorage.setItem("mercury-dialog-dock-collapsed","true")):(i=localStorage.getItem("mercury-dialog-dock-default-width"),i&&document.documentElement.style.setProperty("--me-dialog-dock-width",`${i}px`)),e.preventDefault(),e.stopPropagation(),!1))),document.addEventListener("mercury:dockResize",(t=>{let o=t.detail.width;o>10?(n="open",s.classList.remove("me-button--sidebar-expand"),s.classList.add("me-button--sidebar-collapse"),s.innerHTML=`<span>${e.t("Hide sidebar")}</span>`,s.setAttribute("title",e.t("Hide sidebar")),localStorage.removeItem("mercury-dialog-dock-collapsed")):(n="closed",s.classList.remove("me-button--sidebar-collapse"),s.classList.add("me-button--sidebar-expand"),s.innerHTML=`<span>${e.t("Show sidebar")}</span>`,s.setAttribute("title",e.t("Show sidebar")),localStorage.setItem("mercury-dialog-dock-collapsed","true")),localStorage.setItem("mercury-dialog-dock-width",o)}))}(),r("me-edit-tray","#me-edit-screen",o).length){const r=o.querySelector("#me-edit-screen");if(r){e.mercuryDialog(r).show(),void 0!==e.Ajax&&void 0===e.Ajax.prototype.beforeSerializeMercuryEditor&&(e.Ajax.prototype.beforeSerializeMercuryEditor=e.Ajax.prototype.beforeSerialize,e.Ajax.prototype.beforeSerialize=function(e,o){this.beforeSerializeMercuryEditor.apply(this,arguments);const r=t.ajaxPreviewPageState||{};o.data["ajax_preview_page_state[theme]"]=r.theme,o.data["ajax_preview_page_state[theme_token]"]=r.theme_token,o.data["ajax_preview_page_state[libraries]"]=r.libraries}),document.addEventListener("mousedown",c),document.addEventListener("mouseup",c)}}if(r("me-preview-iframe","#me-preview",o).length){const e=document.querySelector("#me-preview");e.src=e.getAttribute("data-src")}}}})(Drupal,drupalSettings,jQuery,once)}(); +!function(){"use strict";((e,t,o,r)=>{let i,n="open";function a(e,t){const o=document.querySelector("#me-preview");e?o.style.width=e:o.style.removeProperty("width"),t?o.style.height=t:o.style.removeProperty("height")}function d(e){const t=document.querySelector('[data-drupal-selector="edit-submit"]:not([disabled])');if(t){const e=t.closest("form").querySelectorAll("input, textarea, select")||[],o=Array.from(e).filter((e=>!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)&&!e.validity.valid));o.length?(o[0].focus(),o[0].reportValidity()):t.dispatchEvent(new Event("mousedown"))}}function l(e){const t=(document.querySelector(".me-edit-screen-redirect-url")??{}).value;return window.location.href=t,!1}function c(e){const t=document.querySelector("#me-preview");t&&(t.style.pointerEvents="mouseup"==e.type?"auto":"none")}o(window).on("dialog:afterclose",((e,t,o)=>{"MERCURY-DIALOG"==(o[0]||{}).tagName&&document.getElementById("me-preview").contentWindow.postMessage({type:"onCloseMercuryDialog"})})),e.behaviors.mercuryEditorEditScreen={attach:function(o,s){const m=r("me-first-error",".js-form-item.error",o)[0];if(m&&(m.focus(),m.scrollIntoView({behavior:"smooth"})),r("me-toolbar","#me-toolbar",o).length&&function(){function o(){const e=document.querySelector(".me-mobile-presets");if(e){const t=e.options[e.selectedIndex??0].value.split("x");a(t[0]+"px",Math.min(t[1],window.innerHeight-document.getElementById("me-toolbar").offsetHeight-20)+"px")}else a("390px",Math.min("844",window.innerHeight-document.getElementById("me-toolbar").offsetHeight-20)+"px")}const r=document.querySelector(".me-mobile-presets");r&&r.addEventListener("change",o),document.querySelector("#me-mobile-toggle-btn").addEventListener("click",(e=>(r&&(r.style.display="block"),o(),window.addEventListener("resize",o),e.preventDefault(),e.stopPropagation(),!1))),document.querySelector("#me-desktop-toggle-btn").addEventListener("click",(e=>(r&&(r.style.display="none"),window.removeEventListener("resize",o),a("100%","100%"),e.preventDefault(),e.stopPropagation(),!1))),document.querySelector('[data-drupal-selector="edit-submit"]:not([disabled])')?document.querySelector("#me-save-btn").addEventListener("click",d):document.querySelector("#me-save-btn").remove(),document.querySelector("#me-done-btn").addEventListener("click",l),t.mercuryEditor&&t.mercuryEditor.width&&localStorage.setItem("mercury-dialog-dock-default-width",t.mercuryEditor.width);let c="true"===localStorage.getItem("mercury-dialog-dock-collapsed");n=c?"closed":"open";const s=document.querySelector("#me-sidebar-toggle-btn");s.addEventListener("click",(e=>("open"===n?(document.documentElement.style.setProperty("--me-dialog-dock-width","10px"),localStorage.setItem("mercury-dialog-dock-collapsed","true")):(i=localStorage.getItem("mercury-dialog-dock-default-width"),i&&document.documentElement.style.setProperty("--me-dialog-dock-width",`${i}px`)),e.preventDefault(),e.stopPropagation(),!1))),document.addEventListener("mercury:dockResize",(t=>{let o=t.detail.width;o>10?(n="open",s.classList.remove("me-button--sidebar-expand"),s.classList.add("me-button--sidebar-collapse"),s.innerHTML=`<span>${e.t("Hide sidebar")}</span>`,s.setAttribute("title",e.t("Hide sidebar")),localStorage.removeItem("mercury-dialog-dock-collapsed")):(n="closed",s.classList.remove("me-button--sidebar-collapse"),s.classList.add("me-button--sidebar-expand"),s.innerHTML=`<span>${e.t("Show sidebar")}</span>`,s.setAttribute("title",e.t("Show sidebar")),localStorage.setItem("mercury-dialog-dock-collapsed","true")),localStorage.setItem("mercury-dialog-dock-width",o)}))}(),r("me-edit-tray","#me-edit-screen",o).length){const r=o.querySelector("#me-edit-screen");if(r){e.mercuryDialog(r).show(),void 0!==e.Ajax&&void 0===e.Ajax.prototype.beforeSerializeMercuryEditor&&(e.Ajax.prototype.beforeSerializeMercuryEditor=e.Ajax.prototype.beforeSerialize,e.Ajax.prototype.beforeSerialize=function(e,o){this.beforeSerializeMercuryEditor.apply(this,arguments);const r=t.ajaxPreviewPageState||{};o.data["ajax_preview_page_state[theme]"]=r.theme,o.data["ajax_preview_page_state[theme_token]"]=r.theme_token,o.data["ajax_preview_page_state[libraries]"]=r.libraries}),document.addEventListener("mousedown",c),document.addEventListener("mouseup",c)}}if(r("me-preview-iframe","#me-preview",o).length){const e=document.querySelector("#me-preview");e.src=e.getAttribute("data-src")}}}})(Drupal,drupalSettings,jQuery,once)}(); diff --git a/build/js/preview-screen.js b/build/js/preview-screen.js index 3ae1678980b18934c45a163f248d22475fe4c057..595c4c194897e2effd124eb4a37299d86f02edce 100644 --- a/build/js/preview-screen.js +++ b/build/js/preview-screen.js @@ -167,6 +167,19 @@ hint.replaceWith(grabbed); ghost.remove(); $builder.find('.js-lpb-ui').removeClass('hidden'); + // Copied from layout_paragraphs/js/builder.js + // @todo Remove when resolved: + // https://www.drupal.org/project/layout_paragraphs/issues/3392717 + $builder[0] + .querySelectorAll('.lpb-btn--add.center') + .forEach((buttonElement) => { + const regionElement = buttonElement.closest('.js-lpb-region'); + if (regionElement?.querySelector('.js-lpb-component')) { + buttonElement.style.display = 'none'; + } else { + buttonElement.style.display = 'block'; + } + }); }); } diff --git a/build/js/preview-screen.min.js b/build/js/preview-screen.min.js index 71581b934ce7b828b8b24a14f2010bd8c493e637..e297d9d5cb72445bb4b5c11084445fd0d0e02050 100644 --- a/build/js/preview-screen.min.js +++ b/build/js/preview-screen.min.js @@ -1 +1 @@ -!function(){"use strict";((e,t,n,a)=>{function i(e){return e.stopPropagation(),e.preventDefault(),!1}function s(e){window.parent.postMessage({type:"ajaxPreviewPageState",settings:t.ajaxPageState}),document.querySelectorAll(".is-me-focused").forEach((e=>{e.classList.remove("is-me-focused")})),e.currentTarget.classList.add("is-me-focused");const n={type:"drupalAjax",settings:{dialogType:e.currentTarget.getAttribute("data-dialog-type"),dialog:JSON.parse(e.currentTarget.getAttribute("data-dialog-options")),dialogRenderer:JSON.parse(e.currentTarget.getAttribute("data-dialog-renderer")),url:e.currentTarget.getAttribute("href")}};return window.parent.postMessage(n),e.stopPropagation(),e.preventDefault(),!1}function o(e){const t=document.querySelector(".gu-mirror");if(!t)return;const n=t.offsetWidth>t.offsetHeight?"offsetHeight":"offsetWidth",a=Math.min(300/t[n],1),i=t.getBoundingClientRect(),s=e.clientX-i.x,r=e.clientY-i.y;t.style.setProperty("transform-origin",`${s}px ${r}px`),t.style.setProperty("transform",`scale(${a})`),window.removeEventListener("mousemove",o)}function r(e){const t=e.target.closest(".lpb-controls, .js-lpb-component");t.classList.add("focused"),t.classList.remove("transitioning"),t.classList.remove("blurred")}function d(e){const t=e.target.closest(".lpb-controls, .js-lpb-component");t.classList.add("transitioning"),setTimeout((()=>{t.classList.contains("transitioning")&&(t.classList.remove("focused"),t.classList.remove("transitioning"),t.classList.add("blurred"))}),250)}n(document).on("lpb-builder:init",(e=>{const t=e.target,a=n(t).data("drake");a&&function(e,t){let a,i;const s=n('<div class="lp-hint hidden"></div>')[0];t.on("cloned",((e,t,n)=>{window.addEventListener("mousemove",o)})),t.on("drag",(t=>{t.parentNode&&t.parentNode.insertBefore(s,t),e.find(".js-lpb-ui").addClass("hidden")})),t.on("shadow",((e,t,n)=>{if(e.classList.contains("lp-hint"))return;s.style={width:"",height:"",marginLeft:"",marginTop:""};const i=e.nextElementSibling||e.previousElementSibling,o=i&&e.getBoundingClientRect().top===i.getBoundingClientRect().top?"vertical":"horizontal";if("horizontal"==o){const t=parseInt(window.getComputedStyle(e.parentNode).getPropertyValue("padding-left"));s.style.marginLeft="-"+t+"px"}if("vertical"==o){const t=parseInt(window.getComputedStyle(e.parentNode).getPropertyValue("padding-top"));s.style.marginTop="-"+t+"px"}"vertical"===o&&(s.style.height=e.parentNode.clientHeight+"px"),"horizontal"===o&&(s.style.width=e.parentNode.clientWidth+"px"),s.setAttribute("data-orientation",o),[...t.childNodes].filter((e=>void 0===e.classList)).forEach((e=>e.remove())),t.replaceChild(s,e),null===s.nextSibling&&null!==s.previousSibling&&s.previousSibling.classList.contains("lpb-btn--add")&&t.insertBefore(s,s.previousSibling);const r=null!==s.nextSibling&&s.nextSibling.classList.contains("lp-ghost"),d=null!==s.previousSibling&&s.previousSibling.classList.contains("lp-ghost");r||d?(s.classList.add("hidden"),a.classList.remove("gu-transit")):(s.classList.remove("hidden"),a.classList.add("gu-transit"))})),t.on("cloned",((e,t)=>{a=t.cloneNode(!0),a.classList.add("lp-ghost"),t.parentNode&&t.parentNode.insertBefore(a,t),i=t,t.remove()})),t.on("dragend",(t=>{s.replaceWith(i),a.remove(),e.find(".js-lpb-ui").removeClass("hidden")}))}(n(t),a)})),e.behaviors.mercuryEditorPreviewScreen={attach:function(e,o){const l=[...document.querySelectorAll("[data-me-edit-screen-key]")].map((e=>e.getAttribute("data-me-edit-screen-key"))).filter(((e,t,n)=>n.indexOf(e)!==t));l.length>0&&console.error('Multiple HTML elements found using the same data attribute, "data-me-edit-screen-key", which should be unique. Make sure attributes are not passed to child elements in twig templates.',l),window.parent.postMessage({type:"ajaxPreviewPageState",settings:t.ajaxPageState}),a("me-msg-broadcaster",".js-lpb-ui.use-ajax, .js-lpb-ui .use-ajax").forEach((e=>{n(e).off(),e.addEventListener("mousedown",i),e.addEventListener("mouseup",i),e.addEventListener("click",s)})),window.parent!==window&&(a("me-stop-iframed-links","a",e).forEach((e=>{null===e.closest(".lpb-controls")?(e.setAttribute("target","_parent"),e.addEventListener("click",(e=>(e.stopPropagation(),e.preventDefault(),!1)))):e.addEventListener("mousedown",(e=>e.target.focus()))})),a("me-prevent-focus","a, button, input, textarea, select, details",e).forEach((e=>{null!==e.closest(".lpb-controls")||null!==e.closest(".mercury-editor-ui")||e.classList.contains("use-postmessage")||e.setAttribute("tabindex","-1")})),a("me-layout-hover",".lpb-layout").forEach((e=>{e.addEventListener("mouseenter",(e=>{e.target.setAttribute("data-mouseover","true"),setTimeout((()=>{e.target.getAttribute("data-mouseover")&&function(e){[...e.querySelectorAll("[data-region]"),e].forEach((e=>{const n=getComputedStyle(e);e.hasAttribute("data-me-padding")||e.setAttribute("data-me-padding",`${n.paddingTop} ${n.paddingRight} ${n.paddingBottom} ${n.paddingLeft}`);let a=t.mercuryEditor.rolloverPaddingBlock??10,i=t.mercuryEditor.rolloverPaddingInline??0;e.style.paddingTop=Math.max(a,parseInt(n.paddingTop))+"px",e.style.paddingRight=Math.max(i,parseInt(n.paddingRight))+"px",e.style.paddingBottom=Math.max(a,parseInt(n.paddingBottom))+"px",e.style.paddingLeft=Math.max(i,parseInt(n.paddingLeft))+"px"}))}(e.target)}),100)})),e.addEventListener("mouseleave",(e=>{e.target.removeAttribute("data-mouseover"),setTimeout((()=>{e.target.getAttribute("data-mouseover")||function(e){[...e.querySelectorAll("[data-region]"),e].forEach((e=>{e.hasAttribute("data-me-padding")&&(getComputedStyle(e),e.style.padding=e.getAttribute("data-me-padding"))}))}(e.target)}),100)}))}))),a("reveal-on-hover",".js-lpb-component").forEach((e=>{e.addEventListener("mouseenter",r),e.addEventListener("mouseleave",d)})),a("reveal-on-hover",".lpb-controls").forEach((e=>{e.addEventListener("mouseenter",r),e.addEventListener("focusin",r),e.addEventListener("mouseleave",d),e.addEventListener("focusout",d)}))}}})(Drupal,drupalSettings,jQuery,once)}(); +!function(){"use strict";((e,t,n,a)=>{function s(e){return e.stopPropagation(),e.preventDefault(),!1}function o(e){window.parent.postMessage({type:"ajaxPreviewPageState",settings:t.ajaxPageState}),document.querySelectorAll(".is-me-focused").forEach((e=>{e.classList.remove("is-me-focused")})),e.currentTarget.classList.add("is-me-focused");const n={type:"drupalAjax",settings:{dialogType:e.currentTarget.getAttribute("data-dialog-type"),dialog:JSON.parse(e.currentTarget.getAttribute("data-dialog-options")),dialogRenderer:JSON.parse(e.currentTarget.getAttribute("data-dialog-renderer")),url:e.currentTarget.getAttribute("href")}};return window.parent.postMessage(n),e.stopPropagation(),e.preventDefault(),!1}function i(e){const t=document.querySelector(".gu-mirror");if(!t)return;const n=t.offsetWidth>t.offsetHeight?"offsetHeight":"offsetWidth",a=Math.min(300/t[n],1),s=t.getBoundingClientRect(),o=e.clientX-s.x,r=e.clientY-s.y;t.style.setProperty("transform-origin",`${o}px ${r}px`),t.style.setProperty("transform",`scale(${a})`),window.removeEventListener("mousemove",i)}function r(e){const t=e.target.closest(".lpb-controls, .js-lpb-component");t.classList.add("focused"),t.classList.remove("transitioning"),t.classList.remove("blurred")}function d(e){const t=e.target.closest(".lpb-controls, .js-lpb-component");t.classList.add("transitioning"),setTimeout((()=>{t.classList.contains("transitioning")&&(t.classList.remove("focused"),t.classList.remove("transitioning"),t.classList.add("blurred"))}),250)}n(document).on("lpb-builder:init",(e=>{const t=e.target,a=n(t).data("drake");a&&function(e,t){let a,s;const o=n('<div class="lp-hint hidden"></div>')[0];t.on("cloned",((e,t,n)=>{window.addEventListener("mousemove",i)})),t.on("drag",(t=>{t.parentNode&&t.parentNode.insertBefore(o,t),e.find(".js-lpb-ui").addClass("hidden")})),t.on("shadow",((e,t,n)=>{if(e.classList.contains("lp-hint"))return;o.style={width:"",height:"",marginLeft:"",marginTop:""};const s=e.nextElementSibling||e.previousElementSibling,i=s&&e.getBoundingClientRect().top===s.getBoundingClientRect().top?"vertical":"horizontal";if("horizontal"==i){const t=parseInt(window.getComputedStyle(e.parentNode).getPropertyValue("padding-left"));o.style.marginLeft="-"+t+"px"}if("vertical"==i){const t=parseInt(window.getComputedStyle(e.parentNode).getPropertyValue("padding-top"));o.style.marginTop="-"+t+"px"}"vertical"===i&&(o.style.height=e.parentNode.clientHeight+"px"),"horizontal"===i&&(o.style.width=e.parentNode.clientWidth+"px"),o.setAttribute("data-orientation",i),[...t.childNodes].filter((e=>void 0===e.classList)).forEach((e=>e.remove())),t.replaceChild(o,e),null===o.nextSibling&&null!==o.previousSibling&&o.previousSibling.classList.contains("lpb-btn--add")&&t.insertBefore(o,o.previousSibling);const r=null!==o.nextSibling&&o.nextSibling.classList.contains("lp-ghost"),d=null!==o.previousSibling&&o.previousSibling.classList.contains("lp-ghost");r||d?(o.classList.add("hidden"),a.classList.remove("gu-transit")):(o.classList.remove("hidden"),a.classList.add("gu-transit"))})),t.on("cloned",((e,t)=>{a=t.cloneNode(!0),a.classList.add("lp-ghost"),t.parentNode&&t.parentNode.insertBefore(a,t),s=t,t.remove()})),t.on("dragend",(t=>{o.replaceWith(s),a.remove(),e.find(".js-lpb-ui").removeClass("hidden"),e[0].querySelectorAll(".lpb-btn--add.center").forEach((e=>{const t=e.closest(".js-lpb-region");t?.querySelector(".js-lpb-component")?e.style.display="none":e.style.display="block"}))}))}(n(t),a)})),e.behaviors.mercuryEditorPreviewScreen={attach:function(e,i){const l=[...document.querySelectorAll("[data-me-edit-screen-key]")].map((e=>e.getAttribute("data-me-edit-screen-key"))).filter(((e,t,n)=>n.indexOf(e)!==t));l.length>0&&console.error('Multiple HTML elements found using the same data attribute, "data-me-edit-screen-key", which should be unique. Make sure attributes are not passed to child elements in twig templates.',l),window.parent.postMessage({type:"ajaxPreviewPageState",settings:t.ajaxPageState}),a("me-msg-broadcaster",".js-lpb-ui.use-ajax, .js-lpb-ui .use-ajax").forEach((e=>{n(e).off(),e.addEventListener("mousedown",s),e.addEventListener("mouseup",s),e.addEventListener("click",o)})),window.parent!==window&&(a("me-stop-iframed-links","a",e).forEach((e=>{null===e.closest(".lpb-controls")?(e.setAttribute("target","_parent"),e.addEventListener("click",(e=>(e.stopPropagation(),e.preventDefault(),!1)))):e.addEventListener("mousedown",(e=>e.target.focus()))})),a("me-prevent-focus","a, button, input, textarea, select, details",e).forEach((e=>{null!==e.closest(".lpb-controls")||null!==e.closest(".mercury-editor-ui")||e.classList.contains("use-postmessage")||e.setAttribute("tabindex","-1")})),a("me-layout-hover",".lpb-layout").forEach((e=>{e.addEventListener("mouseenter",(e=>{e.target.setAttribute("data-mouseover","true"),setTimeout((()=>{e.target.getAttribute("data-mouseover")&&function(e){[...e.querySelectorAll("[data-region]"),e].forEach((e=>{const n=getComputedStyle(e);e.hasAttribute("data-me-padding")||e.setAttribute("data-me-padding",`${n.paddingTop} ${n.paddingRight} ${n.paddingBottom} ${n.paddingLeft}`);let a=t.mercuryEditor.rolloverPaddingBlock??10,s=t.mercuryEditor.rolloverPaddingInline??0;e.style.paddingTop=Math.max(a,parseInt(n.paddingTop))+"px",e.style.paddingRight=Math.max(s,parseInt(n.paddingRight))+"px",e.style.paddingBottom=Math.max(a,parseInt(n.paddingBottom))+"px",e.style.paddingLeft=Math.max(s,parseInt(n.paddingLeft))+"px"}))}(e.target)}),100)})),e.addEventListener("mouseleave",(e=>{e.target.removeAttribute("data-mouseover"),setTimeout((()=>{e.target.getAttribute("data-mouseover")||function(e){[...e.querySelectorAll("[data-region]"),e].forEach((e=>{e.hasAttribute("data-me-padding")&&(getComputedStyle(e),e.style.padding=e.getAttribute("data-me-padding"))}))}(e.target)}),100)}))}))),a("reveal-on-hover",".js-lpb-component").forEach((e=>{e.addEventListener("mouseenter",r),e.addEventListener("mouseleave",d)})),a("reveal-on-hover",".lpb-controls").forEach((e=>{e.addEventListener("mouseenter",r),e.addEventListener("focusin",r),e.addEventListener("mouseleave",d),e.addEventListener("focusout",d)}))}}})(Drupal,drupalSettings,jQuery,once)}(); diff --git a/source/js/edit-screen.js b/source/js/edit-screen.js index 259b66661d3cbed996744a7afd633a5a6bc2d622..1dfb8de7750b78ed77665ed5c129fe682fecda4b 100644 --- a/source/js/edit-screen.js +++ b/source/js/edit-screen.js @@ -112,8 +112,6 @@ const sidebarToggle = document.querySelector('#me-sidebar-toggle-btn'); sidebarToggle.addEventListener('click', (e) => { - const link = e.currentTarget; - console.warn('sidebarToggle', sidebarState); if (sidebarState === 'open') { // When closing the sidebar, set the width to 10px. document.documentElement.style.setProperty('--me-dialog-dock-width', '10px'); diff --git a/source/js/preview-screen.js b/source/js/preview-screen.js index 580afe79330075532f2cf53829bcbd9f2ab21249..2a53c11b885d72ce3ce70d6a80768955aaa92204 100644 --- a/source/js/preview-screen.js +++ b/source/js/preview-screen.js @@ -165,6 +165,19 @@ hint.replaceWith(grabbed); ghost.remove(); $builder.find('.js-lpb-ui').removeClass('hidden'); + // Copied from layout_paragraphs/js/builder.js + // @todo Remove when resolved: + // https://www.drupal.org/project/layout_paragraphs/issues/3392717 + $builder[0] + .querySelectorAll('.lpb-btn--add.center') + .forEach((buttonElement) => { + const regionElement = buttonElement.closest('.js-lpb-region'); + if (regionElement?.querySelector('.js-lpb-component')) { + buttonElement.style.display = 'none'; + } else { + buttonElement.style.display = 'block'; + } + }); }); }