@creaditor/newsletter-starterkit/dist/2012.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([[2012],{12012:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var r=n(9571),s=n(8427);let i={};function a(e){i.selected=e}function o(e){return i.selected}const c=[{type:"youtube",src:"https://panel.sendmsg.co.il/templateContentImages/images/CreaditorGeneral/youtube.png"},{type:"whatsapp",src:"https://panel.sendmsg.co.il/templateContentImages/images/CreaditorGeneral/whatsapp.png"},{type:"snapchat",src:"https://panel.sendmsg.co.il/templateContentImages/images/CreaditorGeneral/snapchat.png"},{type:"instagram",src:"https://render.creaditor.ai/media/social-icons/instagram-black-square.png"},{type:"telegram",src:"https://render.creaditor.ai/media/social-icons/telegram-blue-square.png"},{type:"facebook",src:"https://render.creaditor.ai/media/social-icons/facebook-black-square.png"},{type:"vimeo",src:"https://render.creaditor.ai/media/social-icons/vimeo-blue-square.png"},{type:"email",src:"https://render.creaditor.ai/media/social-icons/broken-link-black-circle.png"},{type:"phone",src:"https://render.creaditor.ai/media/social-icons/phone-black-circle.png"},{type:"x",src:"https://render.creaditor.ai/media/social-icons/x-black-circle.png"},{type:"linkedin",src:"https://render.creaditor.ai/media/social-icons/linkedin-black-circle.png"},{type:"tiktok",src:"https://render.creaditor.ai/media/social-icons/tiktok-black-circle.png"},{type:"reddit",src:"https://render.creaditor.ai/media/social-icons/reddit-black-circle.png"},{type:"twitch",src:"https://render.creaditor.ai/media/social-icons/twitch-black-circle.png"}];const l=e=>{{const{component:t,commands:n}=e,r=o();return r?{select:e=>{let{changeTab:t,tab:n}=e;"link"!==n&&t("link")},tabs:e=>{const t=[{text:"image"},{text:"link"},{text:"design"}];return t.forEach((t=>t.selected=t.selected=t.text===e)),t},layout:e=>{let{tab:i,changeTab:a,tabs:o}=e;const l=[{type:"node",node:()=>s.dy`<img
                style="padding:10px;display:block;margin:auto"
                width="52"
                height="52"
                src=${r?.src}
              />`},{type:"button",text:"delete",bgColor:"#df381d",color:"#fff",icon:"deleteBin",active:!0,onClick:e=>{const s=[...t.props.items];if(s.length<2)return;const i=s.findIndex((e=>e.id===r.id));-1!==i&&(s.splice(i,1),n.execCommand("items",s))}},{type:"divider"},{type:"gallery",active:"image"===i.text,src:r?.src,hasPreview:!0,text:"open_gallery",justify:"flex-start",onChange:e=>{let s=e.detail;Array.isArray(s)&&(s=s[0]);const i=t.props,a=JSON.parse(JSON.stringify(i.items)),o=a.findIndex((e=>e.id===r.id));-1!==o&&(a[o].src=s.src,n.execCommand("items",a))}},{type:"linkpicker",href:r.link||r.url,active:()=>"link"===i.text&&!!r,onChange:e=>{const s=e.target.value,i=t.props,a=JSON.parse(JSON.stringify(i.items)),o=a.findIndex((e=>e.id===r.id));if(-1!==o){if(c.find((e=>e.src===a[o].src))){let e=function(e){if("string"!=typeof e)return;const t=document.createElement("a");t.href=e;const n=t.hostname,r=c.find((e=>-1!==n.indexOf(e.type)));return"tel:"===t.protocol?"https://render.creaditor.ai/media/social-icons/phone-black-circle.png":"mailto:"===t.protocol?"https://render.creaditor.ai/media/social-icons/mail-black-circle.png":r?r.src:"https://render.creaditor.ai/media/social-icons/broken-link-black-circle.png"}(s.href);e&&(a[o].src=e)}a[o].url=s.href,a[o].link=s,n.execCommand("items",a)}}},{type:"slider",title:"size",active:"design"===i.text,value:parseInt(r.style.width),min:10,max:80,onInput:e=>{const r=e.target.value,s=[...t.props.items];s.forEach((e=>{e.style.width=r+"px",e.style.height=r+"px"})),n.execCommand("items",s)}},{type:"divider"},{type:"slider",title:"spacing",active:"design"===i.text,value:parseFloat(t.props.style.gap),min:0,max:80,onInput:e=>{const t=e.target.value;n.execCommand("style",{gap:t+"px"})}}];return l}}:null}};var d=n(46245);const p=()=>({set:(e,t,n)=>{switch(t){case"style":if("object"==typeof n)return e[t]=(0,d.Z)(e[t],n),!0;case"items":return e[t]=n,!0;case"src":const r=o();if(r){const s=[...e.items],i=s.findIndex((e=>e.id===r.id));if(-1!==i)return s[i].src=n,e[t]=s,!0}}return!0}});var m=n(46062),h=n.n(m),g=n(32877),u=n.n(g),f=n(96793),y=n.n(f),b=n(17892),k=n.n(b),x=n(11173),C=n.n(x),v=n(12089),A={};A.setAttributes=k(),A.insert=y().bind(null,"head"),A.domAPI=u(),A.insertStyleElement=C();h()(v.Z,A);const I=v.Z&&v.Z.locals?v.Z.locals:void 0;var w=n(51921);const E=()=>{const e="social";return{name:e,create:t=>{let{createElement:n,compose:s,helpers:i}=t;const c=document.createElement("div"),d=document.createElement("div");d.classList.add(I.root);new w.ZP(d,{sort:!0,delay:0,delayOnTouchOnly:!1,touchStartThreshold:0,disabled:!1,store:null,animation:150,easing:"cubic-bezier(1, 0, 0, 1)",preventOnFilter:!0,draggable:".item",dataIdAttr:"data-id",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:1,direction:"horizontal",forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,dragoverBubble:!1,removeCloneOnHide:!0,emptyInsertThreshold:5,setData:function(e,t){e.setData("Text",t.textContent)},onChoose:function(e){e.oldIndex},onUnchoose:function(e){},onStart:function(e){e.oldIndex},onEnd:function(e){const t=JSON.parse(JSON.stringify(s.props.items)),{oldIndex:n,newIndex:r}=e,[i]=t.splice(n,1);t.splice(r,0,i),s.editor.store().execCommand("items",t)},onMove:function(e,t){e.dragged,e.draggedRect,e.related,e.relatedRect,e.willInsertAfter,t.clientY},onChange:function(e){e.newIndex}});c.appendChild(d);return n({name:e,id:s.id,template:c,draggable:{group:"element"},droppable:{group:"element"},render:()=>{for(;d.firstChild;)d.removeChild(d.firstChild);i.mergeDiff(d,{style:s.props.style});const e=o();s.props.items.forEach((t=>{const n=document.createElement("img");e?.id===t.id&&n.classList.add(I.selected),n.addEventListener("click",(()=>{a(t),Array.from(d.children).forEach((e=>{e.classList.remove(I.selected)})),n.classList.add(I.selected)})),n.classList.add("item"),n.setAttribute("data-id",t.id),n.src=t.src,i.mergeDiff(n,{style:t.style}),d.append(n)}));const t=document.createElement("paper-button");t.style.minWidth="0",t.style.padding=0,t.innerHTML="<cdtr-icon icon='add'></cdtr-icon>",d.append(t),t.addEventListener("click",(()=>{setTimeout((()=>{const e=s.props.items[s.props.items.length-1],t={id:(0,r.Z)(),fgColor:"",bgColor:"",style:e.style,url:"",src:"https://render.creaditor.ai/media/social-icons/broken-link-black-circle.png"},n=[...s.props.items];n.push(t),a(t),s.editor.store().execCommand("items",n)}),200)}))},handleBar:!0,defaultProps:{},validator:p(),schema:s.schema,onSelect:e=>{},onDeselect:e=>{},elementProps:s,remove:()=>{c.remove()},createEditor:l})}}}},12089:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(40272),s=n.n(r),i=n(82609),a=n.n(i)()(s());a.push([e.id,".kfYL5P8k1NoeIcHkTLa_{\n    display: flex;\n}\n.qVA_0R0VNI45kslNcUpm{\n    border:1px solid var(--primary);\n}","",{version:3,sources:["webpack://./../social-editor-component-newsletter/lib/style.module.css"],names:[],mappings:"AAAA;IACI,aAAa;AACjB;AACA;IACI,+BAA+B;AACnC",sourcesContent:[".root{\n    display: flex;\n}\n.selected{\n    border:1px solid var(--primary);\n}"],sourceRoot:""}]),a.locals={root:"kfYL5P8k1NoeIcHkTLa_",selected:"qVA_0R0VNI45kslNcUpm"};const o=a}}]);