@creaditor/newsletter-starterkit 1.0.15 → 1.0.17

package/dist/5674.creaditor.bundle.js

@@ -0,0 +1,29 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5674],{55674:(t,e,i)=>{i.r(e),i.d(e,{default:()=>r});var o=i(56666),s=i(21293);class n extends s.oi{constructor(){super(),this.onInput=this.onInput.bind(this),this.isLocked=!0,this.top=0,this.left=0,this.bottom=0,this.right=0}connectedCallback(){super.connectedCallback()}onInput(t,e){t.preventDefault();const i=t.target.value,o=i;this.isLocked?(this.top=i,this.left=i,this.bottom=i,this.right=i,this.json={top:o,left:o,bottom:o,right:o}):(this.top=parseInt(this.top||0)||0,this.left=parseInt(this.left||0)||0,this.bottom=parseInt(this.bottom||0)||0,this.right=parseInt(this.right||0)||0,this.json={top:parseInt(this.top||0)||0,left:parseInt(this.left||0)||0,bottom:parseInt(this.bottom||0)||0,right:parseInt(this.right||0)||0},this.json[e]=o),this.value=i,this.directionKey=e;const s=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)}resolveIcon(t){let e;switch(t){case"top":e="arrowUp";break;case"left":e="arrowLeft";break;case"bottom":e="arrowDown";break;case"right":e="arrowRight"}return s.dy`<cdtr-icon
+      width="15"
+      height="15"
+      icon="${e}"
+    ></cdtr-icon>`}onChangeLock(){this.isLocked=!this.isLocked}render(){this.isLocked=this.top===this.left&&this.bottom===this.right&&this.top===this.bottom;this.onChange;const t=this.onInput;return s.dy`<cdtr-row
+      alignItems="center"
+      spacing="3px"
+      style="position:relative;"
+    >
+      ${["top","left","bottom","right"].map((e=>s.dy`<cdtr-col>
+          ${this.resolveIcon(e)}
+          <cdtr-number-input
+            .type=${"number"}
+            .max=${300}
+            .min=${0}
+            value="${parseFloat(this[e])}"
+            @input=${i=>t(i,e)}
+            style="width:100%"
+          ></cdtr-number-input
+        ></cdtr-col>`))}
+      <cdtr-button @click=${this.onChangeLock}>
+        <cdtr-icon
+          style="height:10px"
+          width="20"
+          height="20"
+          .icon="${this.isLocked?"lock":"unlock"}"
+        ></cdtr-icon>
+      </cdtr-button>
+    </cdtr-row>`}}(0,o.Z)(n,"properties",{value:{type:Number},json:{type:Object},onChange:{type:Function},top:{type:Number},left:{type:Number},bottom:{type:Number},right:{type:Number},isLocked:{type:Boolean},directionKey:{type:String}});const r=n}}]);