@creaditor/newsletter-starterkit/dist/6652.creaditor.bundle.js

Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters

"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6652],{96652:(e,n,t)=>{t.r(n);var o=t(40949),a=t(43214),r=t(46062),s=t.n(r),l=t(32877),p=t.n(l),A=t(96793),c=t.n(A),i=t(17892),d=t.n(i),m=t(11173),C=t.n(m),f=t(9328),b={};b.setAttributes=d(),b.insert=c().bind(null,"head"),b.domAPI=p(),b.insertStyleElement=C();s()(f.Z,b);const g=f.Z&&f.Z.locals?f.Z.locals:void 0;var x=t(58860),E=t(70235),h=(t(22401),t(45607));let u,y=[],B=!1;const k=e=>{const n=e.detail,t=E.h.get("components",n.dataset.id);if(!t)throw new Error("component is not defined");const o=t?.element?.nextElementSibling;if(o){const e=E.h.get("components",o.dataset.id);e&&h.Z.clean().selectComponent(e)}else{const e=t.element.previousElementSibling;if(e){const n=E.h.get("components",e.dataset.id);n&&h.Z.clean().selectComponent(n)}}h.Z.store().removeComponent({componentId:t.id})},v=()=>{const e=E.h.get("config","editor","configure","editorProps");if(!e)return!0;return e&&"object"==typeof e&&!1!==e.addNewElementsFunctionality},w=(0,o.Z)("cdtr-element-handle-bar",{onRemove:k,onClone:e=>{const n=e.detail,t=E.h.get("components",n.dataset.id);if(!t)throw new Error("component is not defined");const o=t.closest("section");let a=o.children.findIndex((e=>e===t.id));"number"!=typeof a?a=0:a++,h.Z.cloneComponent({componentId:t.id,parentId:o.id,index:a})},target:".block-component"}),Z=(0,o.Z)("paper-button",{style:{left:0,top:0,opacity:.7},className:g.componentName}),W=(0,o.Z)("paper-button",{style:{left:0,top:0,zIndex:100,minWidth:"60px"},className:g.componentName}),M=(0,o.Z)("paper-button",{style:{left:0,top:0,opacity:.7},className:`${g.componentCardName} ${g.componentName}`},E.h.get("lang","card")),N=(0,o.Z)("paper-button",{style:{left:"10%",top:0,opacity:.7,transform:"translateY(-100%)",zIndex:3},className:`${g.componentName}`},E.h.get("lang","block")||"block"),U=(0,o.Z)("cdtr-fab-button",{"data-name":"add-new-block-v1",onMouseUp:e=>{x.Z.dispatch("open_add_menu",{type:"block-component",target:e.target.closest(".block-component")})},class:g.addIcon},(0,o.Z)("cdtr-add-icon",{iconStyle:"fill:#fff;"}));a.Z.connect(a.F.KEY_DOWN,(e=>{if("Delete"===e.key){const n=document.querySelector("[data-type='block'].selected");n&&(e.preventDefault(),k({detail:n}))}}));const S=(0,o.Z)("div",{className:g.breadcrumbs});a.Z.connect(a.F.KEY_DOWN,(e=>{if("Control"!==e.key||!document.activeElement||document.activeElement.closest("[contenteditable]"))return;B=!0;h.Z.components.find((e=>e.isSelected))&&document.body.appendChild(S)})),a.Z.connect(a.F.KEY_UP,(e=>{B=!1}));const z=e=>{let{path:n,target:t,shiftKey:o,ctrlKey:a}=e;const r=a;if(E.h.set({ctrlKey:r}),t.closest("cdtr-move-handle-bar"))return;let s=t.closest("[class*='-component']");t.closest(".block-component");setTimeout((()=>{if(!s)return;const e=E.h.get("components",s.dataset.id);if(s&&e)if(r&&h.Z.components.length>0&&h.Z.components[0].type===e.type)h.Z.selectComponent(e);else switch(h.Z.clean().selectComponent(e),s.appendChild(W),W.dataset.mounted=e.type,W.innerHTML=e.props.name||E.h.get("lang",e.type)||e.type.getElementType(),e.type){case"block":W.style.left="10%",W.style.transform="rotate(0deg) translate(-5%,-100%)";break;case"form":W.style.left="100%",W.style.transform="rotate(90deg) translate(10%, -7px)";break;case"card":W.style.transform="translate(-70%,120%) rotate(-90deg)",W.style.left="0",W.style.top="0";const e=E.h.get("components",W.dataset.id);e&&(W.innerHTML=e.props.name||E.h.get("lang",e.type)||e.type.getElementType());break;default:W.style.transform="rotate(0deg) translate(-103%,-100%)",W.style.left="100%"}else{if(s=s.closest(".text-component"),!s)return h.Z.clean();h.Z.clean().selectComponent(e)}if(h.Z.components.filter((e=>"block"!==e.type&&"section"!==e.type)).length>0)w.remove(),U.remove();else{const e=h.Z.components.find((e=>"block"===e.type));e&&(u=e,v()&&(e.appendChild(w),e.appendChild(U)))}}),130)},F=e=>{const n=e.target;if(!n)return;let t=n.closest("[class*='-component']");if(t){const e=t.closest(".card-component"),o=t.closest(".block-component"),a=E.h.get("components",t.dataset.id);if(a){switch(Z.innerHTML=a.props.name||E.h.get("lang",a.type)||a.type.getElementType(),t.appendChild(Z),a.type){case"card":case"form":case"block":Z.remove();break;case"form":Z.style.left="100%",Z.style.transform="rotate(90deg) translate(10%, -7px)";break;default:Z.style.transform="translate(-103%,-100%)",Z.style.left="100%"}e?e.appendChild(M):n.closest(".card-component")||M.remove(),o&&(o?o.appendChild(N):N.remove())}y.forEach((e=>e.classList.remove("selected-on-hover"))),a&&"form"===a.type&&(t=n.closest(".card-component")),t.classList.add("selected-on-hover"),y=[t];const r=n.closest("section.section-component");Array.from(document.body.querySelectorAll(".section-component"));if(u===r&&u&&u.contains(w))return;const s=h.Z.components.filter((e=>"block"!==e.type&&"section"!==e.type));o&&0===s.length?(u=o,v()&&(o.appendChild(w),o.appendChild(U))):(w.remove(),o&&v()&&o.appendChild(U),u=null),o||U.remove()}else Z.remove(),N.remove()},O=setInterval((()=>{document.querySelector("#main-page--cdtr")&&(clearInterval(O),document.querySelector("#main-page--cdtr").addEventListener(a.F.MOUSE_DOWN,z),a.Z.connect(a.F.MOUSE_OVER,F))}),300)},9328:(e,n,t)=>{t.d(n,{Z:()=>l});var o=t(40272),a=t.n(o),r=t(82609),s=t.n(r)()(a());s.push([e.id,".MO1bHL0Mf6pjhEtylQC_ {\n  outline: 1px solid var(--primary) !important;\n}\n.MO1bHL0Mf6pjhEtylQC_ {\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.QRabUK5WcW0UEvk5Gl4A{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.fFpcfOw2e_4jcwlu9RkW{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.xx7ldRh0c8iUAfIGZgAA {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.NaXFMGugy5ZAgwCl1CR2 {\n  transform: translateY(-100%);\n}\n.xJCqQVfziE9Wepw5WRYw {\n  outline: black 1px solid;\n}\n.o4KmgQFcCaF1bh4BEUrs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.XmM6cGXGiBaGwyP5KrLn {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.bgoCbWHegQxp7l0GPJa1 {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.xUyjjx7MdpTSI8OJ7U8q {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.xUyjjx7MdpTSI8OJ7U8q:active {\n  cursor: grabbing !important;\n}\n","",{version:3,sources:["webpack://./src/core/EditorUI/handlers/handleComponents/style.module.css"],names:[],mappings:"AAAA;EACE,4CAA4C;AAE9C;AAHA;EAEE,wCAAwC;AAC1C;AACA;EACE,MAAM;EACN,KAAK;EACL,UAAU;EACV;AACF;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,0BAA0B;EAC1B,uBAAkB;EAAlB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,0BAA0B;EAC1B,eAAe;EACf,sFAAsF;AACxF;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,eAAe;EACf,WAAW;EACX,YAAY;EACZ,UAAU;AACZ;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,qBAAqB;EACrB,gBAAgB;EAChB;0CACwC;AAC1C;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,+BAA+B;EAC/B,WAAW;EACX,0BAA0B;EAC1B,YAAY;EACZ,WAAW;EACX,mBAAmB;EACnB,2FAA2F;AAC7F;AACA;EACE,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,2CAA2C;EAC3C,YAAY;EACZ,eAAe;EACf,YAAY;AACd;AACA;EACE,2BAA2B;AAC7B",sourcesContent:[".onHover {\n  outline: 1px solid var(--primary) !important;\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.componentCardName{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.componentName{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.tagContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.tagName {\n  transform: translateY(-100%);\n}\n.pesudoSelected {\n  outline: black 1px solid;\n}\n.breadcrumbs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.addIcon {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.addSection {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.colHandle {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.colHandle:active {\n  cursor: grabbing !important;\n}\n"],sourceRoot:""}]),s.locals={onHover:"MO1bHL0Mf6pjhEtylQC_",componentCardName:"QRabUK5WcW0UEvk5Gl4A",componentName:"fFpcfOw2e_4jcwlu9RkW",tagContainer:"xx7ldRh0c8iUAfIGZgAA",tagName:"NaXFMGugy5ZAgwCl1CR2",pesudoSelected:"xJCqQVfziE9Wepw5WRYw",breadcrumbs:"o4KmgQFcCaF1bh4BEUrs",addIcon:"XmM6cGXGiBaGwyP5KrLn",addSection:"bgoCbWHegQxp7l0GPJa1",colHandle:"xUyjjx7MdpTSI8OJ7U8q"};const l=s}}]);