@creaditor/newsletter-starterkit
Version:
Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters
15 lines • 1.27 kB
JavaScript
;(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8724],{88724:(t,e,n)=>{n.r(e),n.d(e,{RadiusEditorPlugin:()=>i});var r=n(56666),s=n(21293),d=n(45607);n(70235);class i extends s.oi{constructor(){super(),this.onConnect=this.onConnect.bind(this)}onConnect(){const t=d.Z.getSelectedComponent();if(t.length>0){const e=t[0],n=e.props?.style?.borderRadius;this.radius=parseInt(n)||0}}onChangeRadius(t){const e=t.target.value;d.Z.execCommand("style",{borderRadius:e+"px"})}connectedCallback(){super.connectedCallback(),d.Z.on("update",this.onConnect),this.onConnect()}disconnectedCallback(){super.disconnectedCallback(),d.Z.off("update",this.onConnect)}render(){return s.dy`
<cdtr-row mt="1">
<cdtr-title><lang-text text="radius"></lang-text></cdtr-title>
</cdtr-row>
<cdtr-row>
<cdtr-input></cdtr-input>
<!-- <cdtr-range-input
.value=${this.radius}
@input=${this.onChangeRadius}
max="100"
min="0"
step="1"
></cdtr-range-input> -->
</cdtr-row>
`}}(0,r.Z)(i,"properties",{radius:{type:Number}}),(0,r.Z)(i,"styles",s.iv``),customElements.define("cdtr-radius-editor-plugin",i)}}]);