mercury_editor-2.0.x-dev/build/js/edit-screen.min.js

!function(){"use strict";((e,t,o,r)=>{let i;o(document).ajaxError(((t,o)=>{o.status>=400&&(alert(e.t("Something went wrong. Please try again.")),window.location.href=`${window.location.origin}${window.location.pathname}?_ts=${Date.now()}`)}));let a="open";function n(){"open"!==a&&(a="open",i=localStorage.getItem("mercury-dialog-dock-default-width"),i&&document.documentElement.style.setProperty("--me-dialog-dock-right-width",`${i}px`))}function d(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 s(){const e=document.querySelector('[data-drupal-selector="edit-submit"]:not([disabled])');if(e){const t=e.closest("form").querySelectorAll("input, textarea, select")||[],o=Array.from(t).filter((e=>!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)&&!e.validity.valid));o.length?(o[0].focus(),o[0].reportValidity()):e.dispatchEvent(new Event("mousedown"))}}function c(t){const o=window.location.pathname.match(/^\/mercury-editor\/([0-9a-fA-F-]+)/),r=o?o[1]:null;e.ajax({url:`/mercury-editor/${r}/${t}`,submit:{},success:()=>e.ajax({url:`/mercury-editor/${r}`}).execute()}).execute()}function l(){const o=document.querySelector("#me-iframe-wrapper");function r(){const e=document.querySelector(".me-mobile-presets");if(e){const t=e.options[e.selectedIndex??0].value.split("x");d(`${t[0]}px`,`${Math.min(t[1],window.innerHeight-document.getElementById("me-toolbar").offsetHeight-20)}px`)}else d("390px",`${Math.min("844",window.innerHeight-document.getElementById("me-toolbar").offsetHeight-20)}px`)}const i=document.querySelector(".me-mobile-presets");i&&i.addEventListener("change",r),document.querySelector("#me-mobile-toggle-btn").addEventListener("click",(e=>(i&&(i.style.display="block"),o.classList.add("is-device-preview"),document.querySelector("#me-desktop-toggle-btn").classList.remove("active"),e.currentTarget.classList.add("active"),r(),window.addEventListener("resize",r),e.preventDefault(),e.stopPropagation(),!1))),document.querySelector("#me-desktop-toggle-btn").addEventListener("click",(e=>(i&&(i.style.display="none"),o.classList.remove("is-device-preview"),document.querySelector("#me-mobile-toggle-btn").classList.remove("active"),e.currentTarget.classList.add("active"),window.removeEventListener("resize",r),d("100cqw","100cqw"),e.preventDefault(),e.stopPropagation(),!1))),document.querySelector("#me-undo").addEventListener("click",(()=>{document.querySelector(".lpb-dialog")?.close()})),document.querySelector("#me-redo").addEventListener("click",(()=>{document.querySelector(".lpb-dialog")?.close()})),document.querySelector("#me-undo").addEventListener("click",(()=>c("undo"))),document.querySelector("#me-redo").addEventListener("click",(()=>c("redo"))),document.addEventListener("mercuryEditorUpdateState",(e=>{const{stateIndex:t,stateCount:o}=e.detail,r=document.querySelector("#me-undo"),i=document.querySelector("#me-redo");0===t?r.classList.add("disabled"):r.classList.remove("disabled"),0===o||t===o-1?i.classList.add("disabled"):i.classList.remove("disabled")}));document.querySelector('[data-drupal-selector="edit-submit"]:not([disabled])')?document.querySelector("#me-save-btn").addEventListener("click",s):document.querySelector("#me-save-btn").remove(),t.mercuryEditor&&t.mercuryEditor.defaultWidth&&localStorage.setItem("mercury-dialog-dock-default-width",t.mercuryEditor.defaultWidth);const l="true"===localStorage.getItem("mercury-dialog-dock-collapsed");a=l?"closed":"open";const m=document.querySelector("#me-sidebar-toggle-btn");m.addEventListener("click",(e=>("open"===a?"closed"!==a&&(a="closed",document.documentElement.style.setProperty("--me-dialog-dock-right-width","10px"),localStorage.setItem("mercury-dialog-dock-collapsed","true")):n(),e.preventDefault(),e.stopPropagation(),!1))),document.addEventListener("mercury:dockResize",(t=>{const{width:o}=t.detail,r=t.target.shadowRoot.querySelectorAll("header, main, footer");o>10?(a="open",r.forEach((e=>{e.style.display=""})),m.classList.remove("me-button--sidebar-expand"),m.classList.add("me-button--sidebar-collapse"),m.innerHTML=`<span>${e.t("Hide sidebar")}</span>`,m.setAttribute("title",e.t("Hide sidebar")),localStorage.removeItem("mercury-dialog-dock-collapsed")):(a="closed",m.classList.remove("me-button--sidebar-collapse"),m.classList.add("me-button--sidebar-expand"),m.innerHTML=`<span>${e.t("Show sidebar")}</span>`,m.setAttribute("title",e.t("Show sidebar")),localStorage.setItem("mercury-dialog-dock-collapsed","true"),r.forEach((e=>{e.style.display="none"}))),localStorage.setItem("mercury-dialog-dock-width",o)}))}function m(e){const t=document.querySelector("#me-preview");t&&(t.style.pointerEvents="mouseup"===e.type?"auto":"none")}window.addEventListener("message",(e=>{"openSidebar"===e.data.type&&n()})),e.behaviors.mercuryEditorEditScreen={attach(o){if(o?.classList?.contains("me-entity-form")){const e=document.querySelector('[name="uuid"]')?.value;if(e){const t=document.querySelector("#me-preview");t&&t.contentWindow&&t.contentWindow.postMessage({type:"componentSelected",settings:{uuid:e}})}}const i=r("me-first-error",".js-form-item.error",o)[0];if(i&&(i.focus(),i.scrollIntoView({behavior:"smooth"})),r("me-toolbar","#me-toolbar",o).length&&l(),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(e,o);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",m),document.addEventListener("mouseup",m)}}if(r("me-preview-iframe","#me-preview",o).length){const e=document.querySelector("#me-preview");e.src=e.getAttribute("data-src")}}},e.AjaxCommands.prototype.mercuryEditorSaveSuccess=()=>{const t=document.querySelector("#me-save-btn");t.classList.add("me-button--saved"),t.innerHTML=`${e.t("Saved!")}`,setTimeout((()=>{t.classList.remove("me-button--saved"),t.innerHTML=`${e.t("Save changes")}`}),2e3);const o=document.createElement("div");o.className="me-toolbar__save-status";const r=(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});o.innerHTML=e.t("Changes saved at @time.",{"@time":r}),document.querySelectorAll(".me-toolbar__save-status").forEach((e=>e.remove())),document.querySelector(".me-toolbar__edit-controls").prepend(o),setTimeout((()=>{o.style.opacity="0",setTimeout((()=>{o.remove()}),1e3)}),3e3)}})(Drupal,drupalSettings,jQuery,once,Drupal.debounce)}();