@creaditor/newsletter-starterkit
Version:
Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters
40 lines (39 loc) • 1.27 kB
JavaScript
;(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8333],{48333:(t,e,i)=>{i.r(e),i.d(e,{EditorContainer:()=>o});var n=i(56666),a=i(21293);class o extends a.oi{constructor(){super(),this.pt="10px",this.isAnimate=!0}render(){return a.dy`<div
style="padding-top:${this.pt}"
class="container ${this.isAnimate?"animate":""}"
>
<slot></slot>
</div> `}}(0,n.Z)(o,"styles",a.iv`
//create fade in animation
:host{
direction: var(--direction-locale);
}
:host *{
direction: var(--direction-locale);
}
.container:hover {
background: #9c9c9c0b;
}
.container {
padding-left: 15px;
padding-right: 15px;
display: block;
width: 100%;
min-height: 20px;
padding-bottom: 10px;
box-sizing: border-box;
}
.animate {
animation: slide-in 0.2s ease-in-out;
}
@keyframes slide-in {
from {
opacity: 0;
transform: translateX(10%);
}
to {
opacity: 1;
transform: translateX(0%);
}
}
`),(0,n.Z)(o,"properties",{pt:{type:String},isAnimate:{type:Boolean}}),customElements.define("cdtr-editor-container",o)}}]);