@creaditor/newsletter-starterkit
Version:
Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters
40 lines (39 loc) • 2.15 kB
JavaScript
"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3381],{63381:(e,t,i)=>{i.r(t),i.d(t,{MergeTags:()=>o});var r=i(56666),s=i(21293),a=i(70235);class o extends s.oi{constructor(){super()}connectedCallback(){if(super.connectedCallback(),this.level=0,this.mergeTags=a.h.get("config","editor","configure","editorProps","mergeTags","items"),!this.mergeTags)return s.dy``;this.storage={0:[...this.mergeTags]},this.pprefix=a.h.get("config","editor","configure","editorProps","mergeTags","prefix")||"",this.suffix=a.h.get("config","editor","configure","editorProps","mergeTags","suffix")||"",this.title=a.h.get("config","editor","configure","editorProps","mergeTags","title")||"Merge Tags",this.createdEvent=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}dispatch(e){this.value=this.pprefix+e.target.value+this.suffix,this.dispatchEvent(this.createdEvent)}render(){return this.mergeTags?s.dy`<cdtr-list-picker
.height="${this.height}"
.left="${this.left}"
="${this.dispatch}"
.title="${this.title}"
heading="${this.title}"
.list=${this.mergeTags}
hasModal=${!0}
hasSearch=${!0}
></cdtr-list-picker> `:s.dy``}}(0,r.Z)(o,"styles",s.iv`
slide-in {
from {
opacity: 0;
transform: translateX(10%);
}
to {
opacity: 1;
transform: translateX(0%);
}
}
.animate {
animation: slide-in 0.2s ease-in-out;
}
.dropdown-content {
width: 220px;
overflow: hidden;
max-width: 100%;
position: fixed;
z-index: 9999;
background: rgb(255, 255, 255);
height: 100%;
top: 52px;
padding: 10px;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
max-height: 60vh;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 10px;
}
`),(0,r.Z)(o,"properties",{value:{type:String,reflect:!1},mergeTags:{type:Array},level:{type:Number},left:{type:String},top:{type:String},height:{type:Number}}),customElements.define("cdtr-merge-tags",o)}}]);