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

Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters

/*! For license information please see 296.creaditor.bundle.js.LICENSE.txt */
"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[296],{60296:(e,t,n)=>{n.r(t),n.d(t,{MyElement:()=>r});var i=n(8427),o=n(62331),s=function(e,t,n,i){var o,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var h=e.length-1;h>=0;h--)(o=e[h])&&(r=(s<3?o(r):s>3?o(t,n,r):o(t,n))||r);return s>3&&r&&Object.defineProperty(t,n,r),r};let r=class extends i.oi{constructor(){super(),this.mode="input",this.value="",this.placeholder="",this.inputStyle="",this.height="26px",this.width="100px",this.value="",this.placeholder="",this.inputEvent=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0}),this.submitEvent=new UIEvent("submit",{view:window,bubbles:!0,cancelable:!0}),this.blurEvent=new UIEvent("blur",{view:window,bubbles:!0,cancelable:!0}),this.changeEvent=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0}),this.focusEvent=new UIEvent("focus",{view:window,bubbles:!0,cancelable:!0}),this.onChangeInput=this.onChangeInput.bind(this),this.onBlurInput=this.onBlurInput.bind(this),this.onFocusInput=this.onFocusInput.bind(this),this.onSubmit=this.onSubmit.bind(this),this.iframe=document.createElement("iframe"),this.form=document.createElement("form"),this.styleTag=document.createElement("style"),this.input=document.createElement("input")}onChangeInput(e){var t;const n=null===(t=e.target)||void 0===t?void 0:t.value;this.value=n;this.dispatchEvent(this.inputEvent),this.dispatchEvent(this.changeEvent)}onSubmit(e){this.dispatchEvent(this.submitEvent),e.preventDefault()}onBlurInput(){this.dispatchEvent(this.blurEvent)}onFocusInput(){this.dispatchEvent(this.focusEvent)}renderIframe(){var e,t;const n=this.iframe,i=this.form;n&&(this.input.setAttribute("style",this.inputStyle),this.input.removeEventListener("input",this.onChangeInput),this.input.addEventListener("input",this.onChangeInput),this.input.addEventListener("blur",this.onBlurInput),this.input.addEventListener("focus",this.onFocusInput),this.input.placeholder=this.placeholder,this.input.value=this.value,this.styleTag.innerHTML='\nbody,html{\n  margin:0;\n  box-sizing: border-box;\n  overflow:hidden;\n}\ninput {\n  display: inline-block;\n  width: 100%;\n  padding: 0.105rem 0.45rem;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: 0.25rem;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  border-color:#9EADBD;\n  outline:#9EADBD;\n  box-sizing: border-box;\n  }\n  input:hover {\n  box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 10%);\n  }\n  input::placeholder {\n  font-family: Arial, Helvetica, sans-serif;\n  }\n  input:focus {\n  border-color: #0088ff;\n  box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);\n  }\n  input[type="number"] {\n  padding-right: 0px;\n  padding-left: 4px;\n  }\n\n  input[type="number"] {\n  -moz-appearance: textfield;\n  }\n',i.appendChild(this.input),i.removeEventListener("submit",this.onSubmit),i.addEventListener("submit",this.onSubmit),null===(e=n.contentWindow)||void 0===e||e.document.body.appendChild(this.styleTag),null===(t=n.contentWindow)||void 0===t||t.document.body.appendChild(i),n.style.height=this.height,n.style.height=this.height,this.input.style.width=this.width,this.input.style.height=this.height)}connectedCallback(){var e;super.connectedCallback(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(this.iframe),this.renderIframe()}focus(){this.input.focus()}render(){return this.input.value="string"==typeof this.value?this.value:"",i.dy``}};r.styles=i.iv`
    * {
      box-sizing: border-box;
    }
    iframe {
      overflow: hidden;
      border: none;
      width: 100%;
    }
  `,s([(0,o.Cb)({reflect:!0})],r.prototype,"mode",void 0),s([(0,o.Cb)({reflect:!0})],r.prototype,"value",void 0),s([(0,o.Cb)({reflect:!0})],r.prototype,"placeholder",void 0),s([(0,o.Cb)({reflect:!0})],r.prototype,"inputStyle",void 0),s([(0,o.Cb)({reflect:!0})],r.prototype,"height",void 0),s([(0,o.Cb)({reflect:!0})],r.prototype,"width",void 0),r=s([(0,o.Mo)("cdtr-input-iframe")],r)},62331:(e,t,n)=>{n.d(t,{Mo:()=>i,Cb:()=>s});const i=e=>t=>"function"==typeof t?((e,t)=>(customElements.define(e,t),t))(e,t):((e,t)=>{const{kind:n,elements:i}=t;return{kind:n,elements:i,finisher(t){customElements.define(e,t)}}})(e,t),o=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(n){n.createProperty(t.key,e)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){"function"==typeof t.initializer&&(this[t.key]=t.initializer.call(this))},finisher(n){n.createProperty(t.key,e)}};function s(e){return(t,n)=>void 0!==n?((e,t,n)=>{t.constructor.createProperty(n,e)})(e,t,n):o(e,t)}var r;null===(r=window.HTMLSlotElement)||void 0===r||r.prototype.assignedElements}}]);