@creaditor/newsletter-starterkit/dist/42.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([[42],{30042:(t,e,i)=>{i.r(e),i.d(e,{default:()=>l});var s=i(56666),a=i(21293);i(27338);class l extends a.oi{constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("data-type","inline-image"),this.classList.add("inlineImage-component"),this.src="https://api.creaditor.com/images/placeholder?width=100&height=100",this.alt="alt text"}calculateSize(){const t=this.shadowRoot.querySelector("img");if(t){const e=t.getBoundingClientRect();this.width=e.width,this.height=e.height}}render(){return this.calculateSize(),a.dy`<img
      draggable="false"
      .style="${this.style}"
      src="${this.src}"
      alt="${this.alt}"
    />`}setValue(t){this.value=t.target.value}patch(t){this.value=t}}(0,s.Z)(l,"styles",a.iv`
    :host {
      display: inline;
    }
    img {
      width: auto;
      height: 100%;
      max-width: 100%;
    }
    img:hover {
      outline: 1px solid var(--primary);
    }
  `),(0,s.Z)(l,"properties",{src:{type:String},alt:{type:String},style:{type:String},height:{type:Number},width:{type:Number}}),customElements.define("cdtr-editor-image",l)}}]);