@creaditor/newsletter-starterkit 1.0.0

package/dist/7511.creaditor.bundle.js

@@ -0,0 +1,21 @@
+/*! For license information please see 7511.creaditor.bundle.js.LICENSE.txt */
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7511],{47511:(e,t,s)=>{s.r(t),s.d(t,{ImagesPreset:()=>d});var i=s(56666),r=s(21293),n=(s(38036),s(68905)),o=s(3959);class d extends r.oi{constructor(){super(),this.index=0}render(){"string"!=typeof this.src&&(this.src="");const e=this.src.split(",");e.length>1&&setTimeout((()=>{const t=this.shadowRoot.querySelector(".background");t.classList.remove("fade-in"),this.index<e.length-1?this.index++:this.index=0,t&&setTimeout((()=>{t.classList.add("fade-in"),setTimeout((()=>{t.classList.remove("fade-in")}),1e3)}),0)}),4500);const t=(0,n.a)(this.getAttribute("style"));return t.backgroundImage=`url(${e[this.index]})`,r.dy`<div style="${(0,o.V)(t)}" class="background"></div>`}}(0,i.Z)(d,"properties",{src:{type:String},index:{type:Number},style:{type:String}}),(0,i.Z)(d,"styles",r.iv`
+    .background {
+      background-position: center center;
+      background-size: cover;
+      width: 100%;
+      height: 100%;
+    }
+    .fade-in {
+      animation: fade-in 1s;
+    }
+    @keyframes fade-in {
+      from {
+        opacity: 0;
+        margin-top: 5px;
+      }
+      to {
+        opacity: 1;
+      }
+    }
+  `),customElements.define("cdtr-images-preset",d)},3959:(e,t,s)=>{s.d(t,{V:()=>d});var i=s(33692),r=s(50875);const n="important",o=" !"+n,d=(0,r.XM)(class extends r.Xe{constructor(e){if(super(e),e.type!==r.pX.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,s)=>{const i=e[s];return null==i?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(e,[t]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const i=t[e];if(null!=i){this.ft.add(e);const t="string"==typeof i&&i.endsWith(o);e.includes("-")||t?s.setProperty(e,t?i.slice(0,-11):i,t?n:""):s[e]=i}}return i.Jb}})}}]);

package/dist/7511.creaditor.bundle.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist/7576.creaditor.bundle.js

@@ -0,0 +1,23 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7576],{27576:(t,i,e)=>{e.r(i),e.d(i,{AnimationIcon:()=>n});var h=e(56666),s=e(21293);class n extends s.oi{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return s.dy`<svg
+      style="${this.iconStyle}"
+      width="${this.width}"
+      height="${this.height}"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <path fill="none" d="M0 0L24 0 24 24 0 24z" />
+      <path
+        d="M3.929 4.929l1.414 1.414C3.895 7.791 3 9.791 3 12c0 2.21.895 4.21 2.343 5.657L3.93 19.07C2.119 17.261 1 14.761 1 12s1.12-5.261 2.929-7.071zm16.142 0C21.881 6.739 23 9.239 23 12s-1.12 5.262-2.929 7.071l-1.414-1.414C20.105 16.209 21 14.209 21 12s-.895-4.208-2.342-5.656L20.07 4.93zM13 5v6h3l-5 8v-6H8l5-8zM6.757 7.757l1.415 1.415C7.448 9.895 7 10.895 7 12c0 1.105.448 2.105 1.172 2.828l-1.415 1.415C5.672 15.157 5 13.657 5 12c0-1.657.672-3.157 1.757-4.243zm10.487.001C18.329 8.844 19 10.344 19 12c0 1.657-.672 3.157-1.757 4.243l-1.415-1.415C16.552 14.105 17 13.105 17 12c0-1.104-.447-2.104-1.17-2.827l1.414-1.415z"
+      />
+    </svg>`}}(0,h.Z)(n,"styles",s.iv`
+    :host {
+      display: inherit;
+      --cdtr-icon-width: 24px;
+      --cdtr-icon-height: 24px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      color: var(--cdtr-icon-color);
+    }
+  `),(0,h.Z)(n,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-animation-icon",n)}}]);

package/dist/7597.creaditor.bundle.js

@@ -0,0 +1,47 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7597],{87597:(t,e,i)=>{i.r(e),i.d(e,{DevicesIcon:()=>s});var r=i(56666),h=i(21293);class s extends h.oi{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return h.dy` <svg
+      width="37"
+      height="28"
+      viewBox="0 0 37 28"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        x="26"
+        y="1"
+        width="10"
+        height="15"
+        rx="1"
+        fill="white"
+        stroke="var(--top-navbar)"
+        stroke-width="2"
+      />
+      <rect
+        x="1"
+        y="3"
+        width="22"
+        height="15"
+        rx="1"
+        fill="white"
+        stroke="var(--top-navbar)"
+        stroke-width="2"
+      />
+      <rect
+        x="6"
+        y="21"
+        width="12"
+        height="2"
+        rx="1"
+        fill="var(--top-navbar)"
+      />
+      <rect
+        x="15"
+        y="8"
+        width="14"
+        height="19"
+        rx="1"
+        fill="white"
+        stroke="var(--top-navbar)"
+        stroke-width="2"
+      />
+      <circle cx="22" cy="24" r="1" fill="var(--top-navbar)" />
+    </svg>`}}(0,r.Z)(s,"styles",h.iv``),(0,r.Z)(s,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-devices-icon",s)}}]);

package/dist/7804.creaditor.bundle.js

@@ -0,0 +1,60 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7804],{77804:(e,t,i)=>{i.r(t),i.d(t,{TextArea:()=>r});var s=i(56666),n=i(21293),a=i(70143),l=i(27338),o=i(70235);class r extends n.oi{constructor(){super(),(0,s.Z)(this,"inputRef",(0,l.V)()),this.minlength=0,this.maxlength=250,this.autofocus=!1,this.value="",this.autoComplete="off",this.placeholder="",this.fullWidth=!1,this.rows=5}onSubmit(e){e.preventDefault();const t=new UIEvent("submit",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}onFocus(){const e=new UIEvent("focus",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}onBlur(){const e=new UIEvent("blur",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}render(){this.fullWidth&&(this.style.width="100%");const e=o.h.get("lang",this.placeholder)||this.placeholder||"";return n.dy`<form @submit=${this.onSubmit}>
+      <textarea
+        ${(0,l.i)(this.inputRef)}
+        style="${this.inputStyle}"
+        .autofocus="${this.autofocus}"
+        .placeholder="${e}"
+        @input="${this.setValue}"
+        @change="${this.setValue}"
+        .minlength="${this.minlength}"
+        .maxlength="${this.maxlength}"
+        .autocomplete="${this.autoComplete}"
+        .value="${String(this.value)}"
+        .name=${this.name}
+        .rows=${this.rows}
+        .cols=${this.cols}
+      ></textarea
+      >${this.maxlength?n.dy`<span class="counter"
+            >${this.value.length}/${this.maxlength}</span
+          > `:null}
+    </form>`}firstUpdated(){setTimeout((()=>{this.autofocus&&this.inputRef.value.focus()}),200)}focus(){super.focus(),this.inputRef.value.focus()}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.setDir()}),50)}setValue(e){if(!this.inputRef.value)return;const t=this.inputRef.value;if(this.max&&t.value.length>this.max)return t.value=this.value,void this.inputRef.value.focus();if(this.value=t.value,this.value){this.setDir();const t=new UIEvent(e.type,{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}setDir(){const e=this.inputRef.value;e&&(!this.value||(0,a.Z)(this.value)?(e.style.textAlign="right",e.style.direction="rtl"):(e.style.textAlign="left",e.style.direction="ltr"))}patch(e){this.value=e}}(0,s.Z)(r,"styles",n.iv`
+    :host {
+      display: inline-block;
+      --cdtr-input-height: 30px;
+      --cdtr-input-padding: 0.105rem 0.45rem;
+    }
+    .counter {
+      font-size: 10px;
+    }
+    textarea {
+      display: inline-block;
+      width: 100%;
+      padding: var(--cdtr-input-padding);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 1.5;
+      color: #212529;
+      background: #fff;
+      background-clip: padding-box;
+      border: 1px solid #ced4da;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
+      border-radius: 0.25rem;
+      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+      margin: 0;
+      font-family: var(--font-family);
+      border-color: var(--input-border-color);
+      outline: var(--input-border-color);
+      box-sizing: border-box;
+    }
+    textarea:hover {
+      border-color: black;
+    }
+    textarea::placeholder {
+      font-family: var(--font-family);
+    }
+    textarea:focus {
+      border-color: var(--primary);
+    }
+  `),(0,s.Z)(r,"properties",{value:{type:String,reflect:!0},autoComplete:{type:String},maxlength:{type:Number},fullWidth:{type:Boolean},minlength:{type:Number},disabled:{type:Boolean},readonly:{type:Boolean},rows:{type:Number},name:{type:String},cols:{type:Number},placeholder:{type:String,reflect:!0},autofocus:{type:Boolean,reflect:!0},inputStyle:{type:String,reflect:!0}}),customElements.define("cdtr-textarea",r)}}]);

package/dist/7837.creaditor.bundle.js

@@ -0,0 +1,63 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7837],{37837:(t,e,o)=>{o.r(e),o.d(e,{EditorTabs:()=>a});var n=o(56666),i=o(21293),s=o(45607);o.e(6848).then(o.bind(o,6848));class a extends i.oi{constructor(){super(),this.onConnected=this.onConnected.bind(this),this.onArrowNavigation=this.onArrowNavigation.bind(this),this.tabs=[],this.labelMode}onClickItem(t){let{target:e}=t;const o=this.value=e.value,n=[...this.tabs],i=n.findIndex((t=>t.text===o));-1!==i&&(n.forEach((t=>{t.selected=!1})),n[i].selected=!0),this.tabs=n;const s=new UIEvent("tabChanged",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)}firstUpdated(){super.firstUpdated(),this.labelMode=0}onConnected(t){let{name:e}=t;this.onClickItem({target:{value:e}})}onArrowNavigation(t){console.log("Arrow navigation event received:",t.detail);const{key:e,currentIcon:o}=t.detail,n=this.tabs.findIndex((t=>t.text===o));if(console.log("Current index:",n,"Total tabs:",this.tabs.length),-1===n)return void console.log("Current icon not found in tabs");let i=n;switch(e){case"ArrowUp":case"ArrowLeft":i=n>0?n-1:this.tabs.length-1;break;case"ArrowDown":case"ArrowRight":i=n<this.tabs.length-1?n+1:0;break;default:return}console.log("Next index:",i);const s=this.tabs[i];s&&(console.log("Switching to tab:",s.text),this.onClickItem({target:{value:s.text}}),this.updateComplete.then((()=>{const t=this.shadowRoot.querySelector(`cdtr-editor-tab-item[icon="${s.text}"]`);t?(console.log("Focusing next tab element"),t.focus()):console.log("Next tab element not found")})))}connectedCallback(){super.connectedCallback(),s.Z.on("editor-tabs",this.onConnected),console.log("EditorTabs connected")}disconnectedCallback(){super.disconnectedCallback(),s.Z.off("editor-tabs",this.onConnected)}renderContent(){switch(this.value){case"animations":return o.e(6178).then(o.bind(o,96178)),i.dy`<cdtr-animations-editor>
+          <cdtr-block-loader></cdtr-block-loader
+        ></cdtr-animations-editor>`;case"settings":case"setting":return o.e(9530).then(o.bind(o,79530)),i.dy`<cdtr-setting-editor>
+          <cdtr-block-loader></cdtr-block-loader
+        ></cdtr-setting-editor>`;default:return i.dy`<slot name="content"></slot>`}}render(){return i.dy`<cdtr-row class="main">
+      <div
+        @mouseenter=${()=>this.labelMode=1}
+        @mouseleave=${()=>this.labelMode=0}
+        class="icon-tabs"
+        style="${1===this.labelMode?"box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;":""}"
+        @arrow-navigation=${this.onArrowNavigation}
+      >
+        <cdtr-row alignItems="center" justify="center" spacing="10px">
+          ${this.tabs.map((t=>i.dy`<cdtr-editor-tab-item
+              tabindex="0"
+              @change=${this.onClickItem}
+              .labelMode=${this.labelMode}
+              icon=${t.text}
+              text=${t.text}
+              .selected=${t.selected}
+            ></cdtr-editor-tab-item>`))}
+        </cdtr-row>
+      </div>
+      <cdtr-col class="content"> ${this.renderContent()} </cdtr-col>
+    </cdtr-row>`}}(0,n.Z)(a,"styles",i.iv`
+    :host {
+      height: 100%;
+      display: block;
+      direction: var(--direction-locale);
+      position: absolute;
+      width: 100%;
+      overflow: hidden;
+    }
+    cdtr-editor-tab-item:focus {
+      background: #e1e1e1;
+      outline: none;
+    }
+    cdtr-editor-tab-item {
+      width: 100%;
+    }
+    .icon-tabs {
+      padding-top: 20px;
+      background: #fff;
+      width: 48px;
+      height: 100%;
+      min-height: 400px;
+      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
+        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
+      transition: all 0.3s ease-in-out;
+    }
+   
+    .main {
+      height: 100%;
+      direction: rtl;
+    }
+    .content {
+      overflow-y: auto;
+      overflow-x: hidden;
+      max-height: 80vh;
+      min-height: 80%;
+      padding-top: 9px;
+    }
+  `),(0,n.Z)(a,"properties",{tabs:{type:Array},labelMode:{type:Number},value:{type:String}}),customElements.define("cdtr-editor-tabs",a)}}]);