@creaditor/newsletter-starterkit 1.0.55 → 1.0.57

package/dist/5849.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5849],{75849(t,e,i){i.r(e),i.d(e,{default:()=>a});var s=i(59929);class a extends s.WF{constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("data-type","inline-image"),this.classList.add("inlineImage-component"),this.src="https://api.creaditor.com/images/placeholder?width=100&height=100",this.alt="alt text"}calculateSize(){const t=this.shadowRoot.querySelector("img");if(t){const e=t.getBoundingClientRect();this.width=e.width,this.height=e.height}}render(){return this.calculateSize(),s.qy`<img
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5849],{75849(t,e,i){i.r(e),i.d(e,{default:()=>a});var s=i(59929);class a extends s.WF{constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("data-type","inline-image"),this.classList.add("inlineImage-component"),this.src="https://img.creaditor.ai/images/placeholder?width=100&height=100",this.alt="alt text"}calculateSize(){const t=this.shadowRoot.querySelector("img");if(t){const e=t.getBoundingClientRect();this.width=e.width,this.height=e.height}}render(){return this.calculateSize(),s.qy`<img
       draggable="false"
       .style="${this.style}"
       src="${this.src}"
@@ -13,6 +13,6 @@
       max-width: 100%;
     }
     img:hover {
-      outline: 1px solid var(--primary);
+      outline: 1px solid var(--color-primary, #6366f1);
     }
   `,a.properties={src:{type:String},alt:{type:String},style:{type:String},height:{type:Number},width:{type:Number}},customElements.define("cdtr-editor-image",a)}}]);

package/dist/589.creaditor.bundle.js

@@ -1,7 +1,7 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[589],{589(e,t,r){r.d(t,{default:()=>Q});var n=r(12106),s=r(59929);let i={};function o(e){i.selected=e}function c(e){return i.selected}const l="https://img.creaditor.ai",a=[{type:"youtube",src:`${l}/icons/serve/Logos/youtube-line.png?width=34&height=34`},{type:"whatsapp",src:`${l}/icons/serve/Logos/whatsapp-line.png?width=34&height=34`},{type:"snapchat",src:`${l}/icons/serve/Logos/snapchat-line.png?width=34&height=34`},{type:"instagram",src:`${l}/icons/serve/Logos/instagram-line.png?width=34&height=34`},{type:"telegram",src:`${l}/icons/serve/Logos/telegram-line.png?width=34&height=34`},{type:"facebook",src:`${l}/icons/serve/Logos/facebook-line.png?width=34&height=34`},{type:"vimeo",src:`${l}/icons/serve/Logos/vimeo-line.png?width=34&height=34`},{type:"x",src:`${l}/icons/serve/Logos/twitter-x-line.png?width=34&height=34`},{type:"linkedin",src:`${l}/icons/serve/Logos/linkedin-box-line.png?width=34&height=34`},{type:"tiktok",src:`${l}/icons/serve/Logos/tiktok-line.png?width=34&height=34`},{type:"reddit",src:`${l}/icons/serve/Logos/reddit-line.png?width=34&height=34`},{type:"twitch",src:`${l}/icons/serve/Logos/twitch-line.png?width=34&height=34`},{type:"messenger",src:`${l}/icons/serve/Logos/messenger-line.png?width=34&height=34`},{type:"pinterest",src:`${l}/icons/serve/Logos/pinterest-line.png?width=34&height=34`},{type:"discord",src:`${l}/icons/serve/Logos/discord-line.png?width=34&height=34`},{type:"skype",src:`${l}/icons/serve/Logos/skype-line.png?width=34&height=34`},{type:"wechat",src:`${l}/icons/serve/Logos/wechat-2-line.png?width=34&height=34`},{type:"email",src:`${l}/icons/serve/Business/mail-line.png?width=34&height=34`},{type:"phone",src:`${l}/icons/serve/Device/phone-line.png?width=34&height=34`},{type:"home",src:`${l}/icons/serve/Buildings/home-line.png?width=34&height=34`},{type:"website",src:`${l}/icons/serve/Map/globe-line.png?width=34&height=34`},{type:"link",src:`${l}/icons/serve/Editor/link.png?width=34&height=34`},{type:"contact",src:`${l}/icons/serve/Business/customer-service-2-line.png?width=34&height=34`},{type:"address",src:`${l}/icons/serve/Map/map-pin-line.png?width=34&height=34`},{type:"send",src:`${l}/icons/serve/Business/send-plane-line.png?width=34&height=34`}],d={twitter:"x","t.co":"x","x.com":"x",youtu:"youtube","youtu.be":"youtube","fb.com":"facebook","fb.me":"facebook","m.me":"messenger","wa.me":"whatsapp","t.me":"telegram","ig.me":"instagram","lnkd.in":"linkedin"};function p(e,t){if(!t||"string"!=typeof t)return;const r=t.toLowerCase().trim();if(r.startsWith("mailto:"))return"email";if(r.startsWith("tel:"))return"phone";try{const n=(r.startsWith("http")?new URL(t):new URL(`https://${t}`)).hostname.replace("www.",""),s=n.split(".")[0];for(const[e,t]of Object.entries(d))if(n.includes(e)||e===n)return t;const i=e.find(e=>{const t=e.type.toLowerCase();return n.includes(t)||t.includes(s)||s.includes(t)});return i?i.type:e.find(e=>r.includes(e.type.toLowerCase()))?.type}catch(t){return e.find(e=>r.includes(e.type.toLowerCase()))?.type}}function h(e){let t=(e||"000000").toString().trim();return t.startsWith("#")&&(t=t.slice(1)),8===t.length&&/^[0-9a-fA-F]+$/.test(t)&&(t=t.slice(0,6)),3===t.length&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),6===t.length?t:"000000"}function u(e,t){if(!e||!e.includes("https://img.creaditor.ai"))return e;const r=h(t||function(e){if(!e||"string"!=typeof e)return null;const t=e.match(/[?&]color=(?:%23|#)?([0-9a-fA-F]{3,8})/);return t?h(t[1]):null}(e));try{const t=new URL(e);return t.searchParams.set("color",r),t.toString()}catch(t){const n=e.includes("?")?"&":"?";return`${e}${n}color=${r}`}}function g(e){const t=parseInt(e,16);return[t>>16&255,t>>8&255,255&t]}function m(e){let[t,r,n]=e;const[s,i,o]=[t,r,n].map(e=>{const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)});return.2126*s+.7152*i+.0722*o}function f(e,t){const r=m(g(e)),n=m(g(t));return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function y(e){if(!e)return null;const t=e.trim();if("transparent"===t||"initial"===t||"inherit"===t||""===t)return null;if(t.startsWith("#"))return h(t);const r=t.match(/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([\d.]+)\s*\)/);if(r){if(0===parseFloat(r[4]))return null;const[,e,t,n]=r;return[e,t,n].map(e=>Number(e).toString(16).padStart(2,"0")).join("")}const n=t.match(/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);if(n){const[,e,t,r]=n;return[e,t,r].map(e=>Number(e).toString(16).padStart(2,"0")).join("")}return null}function w(e){let t=e?.parentElement;for(;t;){const e=y(t.style?.backgroundColor||t.getAttribute?.("bgcolor")||t.getAttribute?.("data-bgcolor"));if(e)return e;const r=t.ownerDocument?.defaultView?.getComputedStyle?.(t);if(r){const e=y(r.backgroundColor);if(e)return e}t=t.parentElement}return null}function b(e,t){if(!t)return e;const r=h(e);if(!function(e){const t=m(g(e));return t<=.05||t>=.95}(r))return r;if(f(r,t)>=3)return r;const n=f("000000",t);return f("ffffff",t)>=n?"ffffff":"000000"}const v="https://img.creaditor.ai";function x(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const r=t.width??24,n=t.height??24;let s=t.color??"000000";s.startsWith("#")&&(s=s.slice(1));return u(`${v}/icons/serve/${encodeURIComponent(e.category)}/${encodeURIComponent(e.name)}.png?width=${r}&height=${n}`,s)}class C extends s.WF{constructor(){super(),this.searchQuery="",this.iconColor="000000",this.iconSize=34,this.selectedSrc="",this._icons=[],this._loading=!1,this._error=""}willUpdate(e){e.has("searchQuery")&&this.searchQuery?this._fetchIcons():e.has("searchQuery")&&!this.searchQuery&&(this._icons=[],this._error="")}async _fetchIcons(){const e=(this.searchQuery||"").trim();if(e){this._loading=!0,this._error="";try{const t=new URLSearchParams({q:e,limit:"20"}),r=await fetch(`${v}/icons/search?${t.toString()}`);if(!r.ok)throw new Error(r.statusText);const n=await r.json();this._icons=n.icons||[]}catch(e){this._icons=[],this._error=e.message||"Failed to load icons"}finally{this._loading=!1}}else this._icons=[]}_onSelect(e){const t=(this.iconColor||"000000").replace(/^#/,""),r=Number(this.iconSize)||34,n=x(e,{width:r,height:r,color:t});this.dispatchEvent(new CustomEvent("icon-selected",{detail:{src:n,icon:e},bubbles:!0,composed:!0}))}render(){if(!this.searchQuery?.trim())return s.qy``;if(this._loading)return s.qy`<div class="loading"><cdtr-loader></cdtr-loader></div>`;if(this._error)return s.qy`<div class="error">${this._error}</div>`;if(!this._icons.length)return s.qy``;const e=(this.iconColor||"000000").replace(/^#/,"");return s.qy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[589],{589(e,t,r){r.d(t,{default:()=>R});var n=r(12106),i=r(59929);let s={};function o(e){s.selected=e}function c(e){return s.selected}const l="https://img.creaditor.ai",a=[{type:"youtube",src:`${l}/icons/serve/Logos/youtube-line.png?width=34&height=34`},{type:"whatsapp",src:`${l}/icons/serve/Logos/whatsapp-line.png?width=34&height=34`},{type:"snapchat",src:`${l}/icons/serve/Logos/snapchat-line.png?width=34&height=34`},{type:"instagram",src:`${l}/icons/serve/Logos/instagram-line.png?width=34&height=34`},{type:"telegram",src:`${l}/icons/serve/Logos/telegram-line.png?width=34&height=34`},{type:"facebook",src:`${l}/icons/serve/Logos/facebook-line.png?width=34&height=34`},{type:"vimeo",src:`${l}/icons/serve/Logos/vimeo-line.png?width=34&height=34`},{type:"x",src:`${l}/icons/serve/Logos/twitter-x-line.png?width=34&height=34`},{type:"linkedin",src:`${l}/icons/serve/Logos/linkedin-box-line.png?width=34&height=34`},{type:"tiktok",src:`${l}/icons/serve/Logos/tiktok-line.png?width=34&height=34`},{type:"reddit",src:`${l}/icons/serve/Logos/reddit-line.png?width=34&height=34`},{type:"twitch",src:`${l}/icons/serve/Logos/twitch-line.png?width=34&height=34`},{type:"messenger",src:`${l}/icons/serve/Logos/messenger-line.png?width=34&height=34`},{type:"pinterest",src:`${l}/icons/serve/Logos/pinterest-line.png?width=34&height=34`},{type:"discord",src:`${l}/icons/serve/Logos/discord-line.png?width=34&height=34`},{type:"skype",src:`${l}/icons/serve/Logos/skype-line.png?width=34&height=34`},{type:"wechat",src:`${l}/icons/serve/Logos/wechat-2-line.png?width=34&height=34`},{type:"email",src:`${l}/icons/serve/Business/mail-line.png?width=34&height=34`},{type:"phone",src:`${l}/icons/serve/Device/phone-line.png?width=34&height=34`},{type:"home",src:`${l}/icons/serve/Buildings/home-line.png?width=34&height=34`},{type:"website",src:`${l}/icons/serve/Map/globe-line.png?width=34&height=34`},{type:"link",src:`${l}/icons/serve/Editor/link.png?width=34&height=34`},{type:"contact",src:`${l}/icons/serve/Business/customer-service-2-line.png?width=34&height=34`},{type:"address",src:`${l}/icons/serve/Map/map-pin-line.png?width=34&height=34`},{type:"send",src:`${l}/icons/serve/Business/send-plane-line.png?width=34&height=34`}],d={twitter:"x","t.co":"x","x.com":"x",youtu:"youtube","youtu.be":"youtube","fb.com":"facebook","fb.me":"facebook","m.me":"messenger","wa.me":"whatsapp","t.me":"telegram","ig.me":"instagram","lnkd.in":"linkedin"};function p(e,t){if(!t||"string"!=typeof t)return;const r=t.toLowerCase().trim();if(r.startsWith("mailto:"))return"email";if(r.startsWith("tel:"))return"phone";try{const n=(r.startsWith("http")?new URL(t):new URL(`https://${t}`)).hostname.replace("www.",""),i=n.split(".")[0];for(const[e,t]of Object.entries(d))if(n.includes(e)||e===n)return t;const s=e.find(e=>{const t=e.type.toLowerCase();return n.includes(t)||t.includes(i)||i.includes(t)});return s?s.type:e.find(e=>r.includes(e.type.toLowerCase()))?.type}catch(t){return e.find(e=>r.includes(e.type.toLowerCase()))?.type}}function h(e){let t=(e||"000000").toString().trim();return t.startsWith("#")&&(t=t.slice(1)),8===t.length&&/^[0-9a-fA-F]+$/.test(t)&&(t=t.slice(0,6)),3===t.length&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),6===t.length?t:"000000"}function u(e,t){if(!e||!e.includes("https://img.creaditor.ai"))return e;const r=h(t||function(e){if(!e||"string"!=typeof e)return null;const t=e.match(/[?&]color=(?:%23|#)?([0-9a-fA-F]{3,8})/);return t?h(t[1]):null}(e));try{const t=new URL(e);return t.searchParams.set("color",r),t.toString()}catch(t){const n=e.includes("?")?"&":"?";return`${e}${n}color=${r}`}}function g(e){const t=parseInt(e,16);return[t>>16&255,t>>8&255,255&t]}function f(e){let[t,r,n]=e;const[i,s,o]=[t,r,n].map(e=>{const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)});return.2126*i+.7152*s+.0722*o}function m(e,t){const r=f(g(e)),n=f(g(t));return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function y(e){if(!e)return null;const t=e.trim();if("transparent"===t||"initial"===t||"inherit"===t||""===t)return null;if(t.startsWith("#"))return h(t);const r=t.match(/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([\d.]+)\s*\)/);if(r){if(0===parseFloat(r[4]))return null;const[,e,t,n]=r;return[e,t,n].map(e=>Number(e).toString(16).padStart(2,"0")).join("")}const n=t.match(/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);if(n){const[,e,t,r]=n;return[e,t,r].map(e=>Number(e).toString(16).padStart(2,"0")).join("")}return null}function b(e){let t=e?.parentElement;for(;t;){const e=y(t.style?.backgroundColor||t.getAttribute?.("bgcolor")||t.getAttribute?.("data-bgcolor"));if(e)return e;const r=t.ownerDocument?.defaultView?.getComputedStyle?.(t);if(r){const e=y(r.backgroundColor);if(e)return e}t=t.parentElement}return null}function v(e,t){if(!t)return e;const r=h(e);if(!function(e){const t=f(g(e));return t<=.05||t>=.95}(r))return r;if(m(r,t)>=3)return r;const n=m("000000",t);return m("ffffff",t)>=n?"ffffff":"000000"}function w(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e?.src;if(!r){const t=e?.url||e?.link?.href||e?.link?.link||"",n=t?p(a,t):null,i=n?a.find(e=>e.type===n):null;r=i?.src}if(!r)return null;let n=t.color;return t.bg&&(n=v(n,t.bg)),u(r,n)}const x="https://img.creaditor.ai";function C(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const r=t.width??24,n=t.height??24;let i=t.color??"000000";i.startsWith("#")&&(i=i.slice(1));return u(`${x}/icons/serve/${encodeURIComponent(e.category)}/${encodeURIComponent(e.name)}.png?width=${r}&height=${n}`,i)}class k extends i.WF{constructor(){super(),this.searchQuery="",this.iconColor="000000",this.iconSize=34,this.selectedSrc="",this._icons=[],this._loading=!1,this._error=""}willUpdate(e){e.has("searchQuery")&&this.searchQuery?this._fetchIcons():e.has("searchQuery")&&!this.searchQuery&&(this._icons=[],this._error="")}async _fetchIcons(){const e=(this.searchQuery||"").trim();if(e){this._loading=!0,this._error="";try{const t=new URLSearchParams({q:e,limit:"20"}),r=await fetch(`${x}/icons/search?${t.toString()}`);if(!r.ok)throw new Error(r.statusText);const n=await r.json();this._icons=n.icons||[]}catch(e){this._icons=[],this._error=e.message||"Failed to load icons"}finally{this._loading=!1}}else this._icons=[]}_onSelect(e){const t=(this.iconColor||"000000").replace(/^#/,""),r=Number(this.iconSize)||34,n=C(e,{width:r,height:r,color:t});this.dispatchEvent(new CustomEvent("icon-selected",{detail:{src:n,icon:e},bubbles:!0,composed:!0}))}render(){if(!this.searchQuery?.trim())return i.qy``;if(this._loading)return i.qy`<div class="loading"><span class="spinner"></span>Loading icons…</div>`;if(this._error)return i.qy`<div class="error">${this._error}</div>`;if(!this._icons.length)return i.qy``;const e=(this.iconColor||"000000").replace(/^#/,"");return i.qy`
       
       <div class="grid">
-        ${this._icons.map(t=>{const r=x(t,{width:24,height:24,color:e}),n=this.selectedSrc&&(this.selectedSrc.includes(t.name)||this.selectedSrc===r);return s.qy`
+        ${this._icons.map(t=>{const r=C(t,{width:24,height:24,color:e}),n=this.selectedSrc&&(this.selectedSrc.includes(t.name)||this.selectedSrc===r);return i.qy`
               <button
                 type="button"
                 class="icon-wrap ${n?"selected":""}"
@@ -12,7 +12,7 @@
               </button>
             `})}
       </div>
-    `}}C.properties={searchQuery:{type:String},iconColor:{type:String},iconSize:{type:Number},selectedSrc:{type:String},_icons:{type:Array,state:!0},_loading:{type:Boolean,state:!0},_error:{type:String,state:!0}},C.styles=s.AH`
+    `}}k.properties={searchQuery:{type:String},iconColor:{type:String},iconSize:{type:Number},selectedSrc:{type:String},_icons:{type:Array,state:!0},_loading:{type:Boolean,state:!0},_error:{type:String,state:!0}},k.styles=i.AH`
     :host {
       display: block;
       font-size: 12px;
@@ -56,19 +56,36 @@
     .error {
       padding: 8px 0;
       color: var(--secondary-text, #666);
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .spinner {
+      width: 16px;
+      height: 16px;
+      border: 2px solid var(--input-bg, #e0e0e0);
+      border-top-color: var(--primary, #007bff);
+      border-radius: 50%;
+      animation: spin 0.7s linear infinite;
+      flex: 0 0 auto;
+    }
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
     }
     .error {
       color: var(--error-color, #c00);
     }
-  `,customElements.define("social-icon-suggestions",C);var k=r(61919);const A=e=>{{const{component:t,commands:r}=e,n=()=>{let e=c();if(e||(e=t.props.items.find(e=>!e.link),!e&&t.props.items.length>0&&(e=t.props.items[0])),e){!t.props.items.find(t=>t.id===e.id)&&t.props.items.length>0&&(e=t.props.items[0])}return e};return{select:e=>{let{changeTab:t,tab:r}=e;"link"!==r&&t("link")},tabs:e=>{e||(e="link");const t=[{text:"image"},{text:"design"},{text:"link",selected:!0}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:i,changeTab:o,tabs:c}=e;const l=n(),d=[{type:"node",node:()=>s.qy`<img
+  `,customElements.define("social-icon-suggestions",k);var A=r(61919);const $=e=>{{const{component:t,commands:r}=e,n=()=>{let e=c();if(e||(e=t.props.items.find(e=>!e.link),!e&&t.props.items.length>0&&(e=t.props.items[0])),e){!t.props.items.find(t=>t.id===e.id)&&t.props.items.length>0&&(e=t.props.items[0])}return e};return{select:e=>{let{changeTab:t,tab:r}=e;"link"!==r&&t("link")},tabs:e=>{e||(e="link");const t=[{text:"image"},{text:"design"},{text:"link",selected:!0}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:s,changeTab:o,tabs:c}=e;const l=n(),d=[{type:"node",node:()=>i.qy`<img
                 style="padding:10px;display:block;margin:auto"
                 width="52"
                 height="52"
                 src=${l?.src?u(l.src,l.fgColor||l.iconColor):""}
-              />`},{type:"button",text:"delete",bgColor:"#df381d",color:"#fff",icon:"deleteBin",active:!0,onClick:e=>{const s=n();if(!s)return;const i=[...t.props.items];if(i.length<2)return;const o=i.findIndex(e=>e.id===s.id);-1!==o&&(i.splice(o,1),r.execCommand("items",i))}},{type:"divider"},{type:"gallery",active:"image"===i.text,src:l?.src,hasPreview:!0,text:"open_gallery",justify:"flex-start",onChange:e=>{const s=n();if(!s)return;let i=e.detail;Array.isArray(i)&&(i=i[0]);const o=t.props,c=JSON.parse(JSON.stringify(o.items)),l=c.findIndex(e=>e.id===s.id);-1!==l&&(c[l].src=i.src,r.execCommand("items",c))}},{type:"custom",active:()=>{const e=l?.link?.href||l?.url,t=e?p(a,e):null;return("link"===i.text||"image"===i.text)&&!!t},node:()=>{const e=l?.link?.href||l?.url,i=e&&p(a,e)||"";return s.qy`<cdtr-editor-container><social-icon-suggestions
-              .searchQuery=${i}
+              />`},{type:"button",text:"delete",bgColor:"#df381d",color:"#fff",icon:"deleteBin",active:!0,onClick:e=>{const i=n();if(!i)return;const s=[...t.props.items];if(s.length<2)return;const o=s.findIndex(e=>e.id===i.id);-1!==o&&(s.splice(o,1),r.execCommand("items",s))}},{type:"divider"},{type:"gallery",active:"image"===s.text,src:l?.src,hasPreview:!0,text:"open_gallery",justify:"flex-start",onChange:e=>{const i=n();if(!i)return;let s=e.detail;Array.isArray(s)&&(s=s[0]);const o=t.props,c=JSON.parse(JSON.stringify(o.items)),l=c.findIndex(e=>e.id===i.id);-1!==l&&(c[l].src=s.src,r.execCommand("items",c))}},{type:"custom",active:()=>{const e=l?.link?.href||l?.url,t=e?p(a,e):null;return("link"===s.text||"image"===s.text)&&!!t},node:()=>{const e=l?.link?.href||l?.url,s=e&&p(a,e)||"";return i.qy`<cdtr-editor-container><social-icon-suggestions
+              .searchQuery=${s}
               .iconColor=${l?.fgColor||l?.iconColor||"000000"}
               .iconSize=${parseInt(l?.style?.width,10)||34}
               .selectedSrc=${l?.src||""}
-              @icon-selected=${e=>{const s=n();if(!s)return;const i=t.props,o=JSON.parse(JSON.stringify(i.items)),c=o.findIndex(e=>e.id===s.id);-1!==c&&(o[c].src=e.detail.src,r.execCommand("items",o))}}
-            ></social-icon-suggestions></cdtr-editor-container>`}},{type:"divider"},{type:"linkpicker",href:l?.link||l?.url,active:()=>"link"===i.text&&!!l,onChange:e=>{const s=n();if(!s)return;const i=e.target.value,o=t.props,c=JSON.parse(JSON.stringify(o.items)),l=c.findIndex(e=>e.id===s.id);if(-1!==l){const e=c[l].fgColor||c[l].iconColor,t=function(e,t){const r=p(a,e),n=r?a.find(e=>e.type===r):null,s=n?n.src:null;return s?u(s,t):null}(i.href,e);t&&(c[l].src=t),c[l].url=i.href,c[l].link=i,r.execCommand("items",c)}}},{type:"slider",title:"size",active:"design"===i.text,value:parseInt(l?.style?.width),min:10,max:80,onInput:e=>{const n=e.target.value,s=[...t.props.items];s.forEach(e=>{e.style.width=n+"px",e.style.height=n+"px"}),r.execCommand("items",s)}},{type:"colorpicker",title:"icon_color",alpha:!1,active:()=>"design"===i.text&&!!l,value:l?.fgColor?l.fgColor.startsWith("#")?l.fgColor:"#"+l.fgColor:"#000000",onChange:e=>{const s=n();if(!s)return;let i=e.target.value;i=(0,k.A)(i).toHex(),i.startsWith("#")&&(i=i.slice(1)),8===i.length&&/^[0-9a-fA-F]+$/.test(i)&&(i=i.slice(0,6));const o=t.props,c=JSON.parse(JSON.stringify(o.items));if(!0===o.applyColorToAll)c.forEach(e=>{e.fgColor=i});else{const e=c.findIndex(e=>e.id===s.id);-1!==e&&(c[e].fgColor=i)}r.execCommand("items",c)}},{type:"checkbox",title:"color_them_all",checked:!!t.props.applyColorToAll,active:()=>"design"===i.text&&!!l,onChange:e=>{const t=!!e.target.checked;r.execCommand("applyColorToAll",t)}},{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;r.execCommand("style",{gap:t+"px"})}}];return d}}}};var $=r(52144);const _=()=>({set:(e,t,r)=>{switch(t){case"style":if("object"==typeof r)return e[t]=(0,$.A)(e[t],r),!0;break;case"items":if(e[t]=r,Array.isArray(r)){const e=c(),t=r.find(t=>t.id===e?.id);t&&o(t)}return!0;case"src":const n=c();if(n&&Array.isArray(e.items)){const t=[...e.items],s=t.findIndex(e=>e.id===n.id);if(-1!==s)return t[s].src=r,e.items=t,!0}break;case"applyColorToAll":return e[t]=r,!0}}});var S=r(72591),L=r.n(S),I=r(88639),E=r.n(I),N=r(88128),O=r.n(N),T=r(30855),J=r.n(T),B=r(93051),j=r.n(B),q=r(89820),U={};U.setAttributes=J(),U.insert=O().bind(null,"head"),U.domAPI=E(),U.insertStyleElement=j();L()(q.A,U);const W=q.A&&q.A.locals?q.A.locals:void 0;var z=r(23571),F=r(91597);const Q=()=>{const e="social";return{name:e,create:t=>{let{createElement:r,compose:s,helpers:i}=t;const l=(0,F.S)(),d=document.createElement("div"),h=document.createElement("div");h.classList.add(W.root);new z.Ay(h,{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:r,newIndex:n}=e,[i]=t.splice(r,1);t.splice(n,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}});d.appendChild(h);const g=r({name:e,id:s.id,template:d,draggable:{group:"element"},droppable:{group:"element"},render:()=>{const e=s.props.items;let t=!1;const r=e.map(e=>{const r=e.url||e.link?.link||"";if(!e.src&&r){const n=p(a,r),s=n?a.find(e=>e.type===n):null;if(s)return t=!0,{...e,src:s.src}}return e});t&&setTimeout(()=>s.editor.store().execCommand("items",r),0);const l=t?r:e;for(;h.firstChild;)h.removeChild(h.firstChild);i.mergeDiff(h,{style:s.props.style});const d=c();l.forEach(e=>{const t=document.createElement("img");d?.id===e.id&&t.classList.add(W.selected),t.addEventListener("click",()=>{o(e),Array.from(h.children).forEach(e=>{e.classList.remove(W.selected)}),t.classList.add(W.selected)}),t.classList.add("item"),e.id&&t.setAttribute("data-id",e.id);let r=e.fgColor||e.iconColor;const n=w(h);n&&(r=b(r,n)),t.src=u(e.src,r),i.mergeDiff(t,{style:e.style}),h.append(t)});const g=document.createElement("paper-button");g.style.minWidth="0",g.style.padding=0,g.innerHTML="<cdtr-icon icon='add'></cdtr-icon>",h.append(g),g.addEventListener("click",()=>{setTimeout(()=>{const e=s.props.items[s.props.items.length-1],t={id:(0,n.A)(),fgColor:"",bgColor:"",style:e.style,url:"",src:"https://render.creaditor.ai/media/social-icons/broken-link-black-circle.png"},r=[...s.props.items];r.push(t),o(t),s.editor.store().execCommand("items",r)},200)})},handleBar:!0,defaultProps:{},validator:_(),schema:s.schema,onSelect:e=>{const t=c();if(t){const r=document.querySelector(`[data-id="${t.id}"]`);r?(window.___social_cdtr_item=r,r.classList.add("selected_underlined")):d.classList.add(e)}},onDeselect:e=>{c();window.___social_cdtr_item&&window.___social_cdtr_item.classList.remove("selected_underlined"),d?.classList?.remove(e)},elementProps:s,remove:()=>{d.remove()},createEditor:A});return g.app.on("update",()=>{l.run(()=>{const e=w(h);if(!e)return;const t=h.querySelectorAll("img"),r=s.props.items;t.forEach((t,n)=>{const s=r[n];if(!s)return;let i=s.fgColor||s.iconColor;i=b(i,e),t.src=u(s.src,i)})})}),g}}}},89820(e,t,r){r.d(t,{A:()=>c});var n=r(82001),s=r.n(n),i=r(40935),o=r.n(i)()(s());o.push([e.id,".Z7AEJu5h_9kumGVl3K4x{\n    display: flex;\n}\n.UA2xJ_pGYNrGNLfjkExO{\n    border:1px solid var(--primary);\n}","",{version:3,sources:["webpack://./../newsletter-editors/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:""}]),o.locals={root:"Z7AEJu5h_9kumGVl3K4x",selected:"UA2xJ_pGYNrGNLfjkExO"};const c=o}}]);
+              @icon-selected=${e=>{const i=n();if(!i)return;const s=t.props,o=JSON.parse(JSON.stringify(s.items)),c=o.findIndex(e=>e.id===i.id);-1!==c&&(o[c].src=e.detail.src,r.execCommand("items",o))}}
+            ></social-icon-suggestions></cdtr-editor-container>`}},{type:"divider"},{type:"linkpicker",href:l?.link||l?.url,active:()=>"link"===s.text&&!!l,onChange:e=>{const i=n();if(!i)return;const s=e.target.value,o=t.props,c=JSON.parse(JSON.stringify(o.items)),l=c.findIndex(e=>e.id===i.id);if(-1!==l){const e=c[l].fgColor||c[l].iconColor,t=function(e,t){const r=p(a,e),n=r?a.find(e=>e.type===r):null,i=n?n.src:null;return i?u(i,t):null}(s.href,e);t&&(c[l].src=t),c[l].url=s.href,c[l].link=s,r.execCommand("items",c)}}},{type:"slider",title:"size",active:"design"===s.text,value:parseInt(l?.style?.width),min:10,max:80,onInput:e=>{const n=e.target.value,i=[...t.props.items];i.forEach(e=>{e.style.width=n+"px",e.style.height=n+"px"}),r.execCommand("items",i)}},{type:"colorpicker",title:"icon_color",alpha:!1,active:()=>"design"===s.text&&!!l,value:l?.fgColor?l.fgColor.startsWith("#")?l.fgColor:"#"+l.fgColor:"#000000",onChange:e=>{const i=n();if(!i)return;let s=e.target.value;s=(0,A.A)(s).toHex(),s.startsWith("#")&&(s=s.slice(1)),8===s.length&&/^[0-9a-fA-F]+$/.test(s)&&(s=s.slice(0,6));const o=t.props,c=JSON.parse(JSON.stringify(o.items));if(!0===o.applyColorToAll)c.forEach(e=>{e.fgColor=s});else{const e=c.findIndex(e=>e.id===i.id);-1!==e&&(c[e].fgColor=s)}r.execCommand("items",c)}},{type:"checkbox",title:"color_them_all",checked:!!t.props.applyColorToAll,active:()=>"design"===s.text&&!!l,onChange:e=>{const t=!!e.target.checked;r.execCommand("applyColorToAll",t)}},{type:"divider"},{type:"slider",title:"spacing",active:"design"===s.text,value:parseFloat(t.props.style.gap),min:0,max:80,onInput:e=>{const t=e.target.value;r.execCommand("style",{gap:t+"px"})}}];return d}}}};var _=r(52144);const S=()=>({set:(e,t,r)=>{switch(t){case"style":if("object"==typeof r)return e[t]=(0,_.A)(e[t],r),!0;break;case"items":if(e[t]=r,Array.isArray(r)){const e=c(),t=r.find(t=>t.id===e?.id);t&&o(t)}return!0;case"src":const n=c();if(n&&Array.isArray(e.items)){const t=[...e.items],i=t.findIndex(e=>e.id===n.id);if(-1!==i)return t[i].src=r,e.items=t,!0}break;case"applyColorToAll":return e[t]=r,!0}}});var L=r(72591),I=r.n(L),E=r(88639),N=r.n(E),O=r(88128),T=r.n(O),J=r(30855),B=r.n(J),j=r(93051),q=r.n(j),U=r(89820),W={};W.setAttributes=B(),W.insert=T().bind(null,"head"),W.domAPI=N(),W.insertStyleElement=q();I()(U.A,W);const z=U.A&&U.A.locals?U.A.locals:void 0;var F=r(23571),Q=r(91597);const R=()=>{const e="social";return{name:e,create:t=>{let{createElement:r,compose:i,helpers:s}=t;const l=(0,Q.S)(),d=document.createElement("div"),h=document.createElement("div");h.classList.add(z.root);new F.Ay(h,{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(i.props.items)),{oldIndex:r,newIndex:n}=e,[s]=t.splice(r,1);t.splice(n,0,s),i.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}});d.appendChild(h);const u=r({name:e,id:i.id,template:d,draggable:{group:"element"},droppable:{group:"element"},render:()=>{const e=i.props.items;let t=!1;const r=e.map(e=>{const r=e.url||e.link?.link||"";if(!e.src&&r){const n=p(a,r),i=n?a.find(e=>e.type===n):null;if(i)return t=!0,{...e,src:i.src}}return e});t&&setTimeout(()=>i.editor.store().execCommand("items",r),0);const l=t?r:e;for(;h.firstChild;)h.removeChild(h.firstChild);s.mergeDiff(h,{style:i.props.style});const d=c();l.forEach(e=>{const t=document.createElement("img");d?.id===e.id&&t.classList.add(z.selected),t.addEventListener("click",()=>{o(e),Array.from(h.children).forEach(e=>{e.classList.remove(z.selected)}),t.classList.add(z.selected)}),t.classList.add("item"),e.id&&t.setAttribute("data-id",e.id);const r=b(h);t.src=w(e,{color:e.fgColor||e.iconColor,bg:r})||"https://render.creaditor.ai/media/social-icons/broken-link-black-circle.png",s.mergeDiff(t,{style:e.style}),h.append(t)});const u=document.createElement("paper-button");u.style.minWidth="0",u.style.padding=0,u.innerHTML="<cdtr-icon icon='add'></cdtr-icon>",h.append(u),u.addEventListener("click",()=>{setTimeout(()=>{const e=i.props.items[i.props.items.length-1],t={id:(0,n.A)(),fgColor:"",bgColor:"",style:e.style,url:"",src:"https://render.creaditor.ai/media/social-icons/broken-link-black-circle.png"},r=[...i.props.items];r.push(t),o(t),i.editor.store().execCommand("items",r)},200)})},handleBar:!0,defaultProps:{},validator:S(),schema:i.schema,onSelect:e=>{const t=c();if(t){const r=document.querySelector(`[data-id="${t.id}"]`);r?(window.___social_cdtr_item=r,r.classList.add("selected_underlined")):d.classList.add(e)}},onDeselect:e=>{c();window.___social_cdtr_item&&window.___social_cdtr_item.classList.remove("selected_underlined"),d?.classList?.remove(e)},elementProps:i,remove:()=>{d.remove()},createEditor:$});return u.app.on("update",()=>{l.run(()=>{const e=b(h);if(!e)return;const t=h.querySelectorAll("img"),r=i.props.items;t.forEach((t,n)=>{const i=r[n];if(!i)return;const s=w(i,{color:i.fgColor||i.iconColor,bg:e});s&&(t.src=s)})})}),u}}}},89820(e,t,r){r.d(t,{A:()=>c});var n=r(82001),i=r.n(n),s=r(40935),o=r.n(s)()(i());o.push([e.id,".Z7AEJu5h_9kumGVl3K4x{\n    display: flex;\n}\n.UA2xJ_pGYNrGNLfjkExO{\n    border:1px solid var(--primary);\n}","",{version:3,sources:["webpack://./../newsletter-editors/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:""}]),o.locals={root:"Z7AEJu5h_9kumGVl3K4x",selected:"UA2xJ_pGYNrGNLfjkExO"};const c=o}}]);