@creaditor/newsletter-starterkit/dist/2416.creaditor.bundle.js

Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters

"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2416],{32416:(e,t,i)=>{i.r(t),i.d(t,{RangeByDeviceEditor:()=>s});var c=i(56666),n=i(21293);class s extends n.oi{constructor(e){super(),this.device="desktop",this.deviceEvent=new UIEvent("device",{view:window,bubbles:!0,cancelable:!0}),this.inputEvent=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0}),this.changeEvent=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}connectedCallback(){super.connectedCallback(),this.device="desktop"}disconnectedCallback(){super.disconnectedCallback()}onChange(e){const t=e.target.value;this.value=t,this.dispatchEvent(this.changeEvent)}onInput(e){const t=e.target.value;this.value=t,this.dispatchEvent(this.inputEvent)}pickerDevice(e){this.device=e.target.device,this.dispatchEvent(this.deviceEvent)}render(){return n.dy` <cdtr-row class="container">
      <cdtr-col sm="12">
        <cdtr-row alignItems="center">
          <cdtr-title pb="0"
            ><lang-text text="${this.text}"></lang-text
          ></cdtr-title>
          <cdtr-col class="device-picker" sm="4">
            <cdtr-device-picker
              device=${this.device}
              @click=${this.pickerDevice}
            ></cdtr-device-picker>
          </cdtr-col>
        </cdtr-row>
      </cdtr-col>
      <cdtr-col sm="12"
        ><cdtr-range-input
          .value="${this.value}"
          @input=${this.onInput}
          @change=${this.onChange}
          unit="${this.unit}"
          max="${this.max}"
          min="${this.min}"
        ></cdtr-range-input
      ></cdtr-col>
    </cdtr-row>`}}(0,c.Z)(s,"styles",n.iv`
    .device-picker {
      opacity: 0;
    }
    .container:hover .device-picker {
      opacity: 1;
    }
  `),(0,c.Z)(s,"properties",{value:{type:Number},device:{type:String},max:{type:Number},min:{type:Number},text:{type:String},step:{type:Number}}),customElements.define("cdtr-range-device-editor",s)}}]);