@creaditor/newsletter-starterkit 1.0.0

package/dist/6993.creaditor.bundle.js

@@ -0,0 +1,46 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6993],{26993:(t,e,n)=>{n.r(e),n.d(e,{FontFamilyEditor:()=>a});var i=n(56666),s=n(21293),o=(n(45607),n(43824)),r=n(70235);class a extends s.oi{constructor(){super(),(0,i.Z)(this,"onchangeFontFamily",(t=>{const e=t.target.value,n=this.fontFamilies.find((t=>t.name===e));if(!n)return void console.error("cant set font family, font family not founded..");(0,o.TL)(n),this.value=n.cssRule,this.name=e;const i=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(i)})),(0,i.Z)(this,"onFilteredFonts",(t=>{const e=t.target.value;this.filteredFonts=this.fontFamilies.filter((t=>t.name.toLowerCase().includes(e.toLowerCase())))})),this.filteredFonts=[],this.fontFamilies=[]}connectedCallback(){super.connectedCallback();const t=r.h.get("config","editor","configure","editorProps","fonts");Array.isArray(t)&&(this.filteredFonts=this.fontFamilies=t),t.forEach((t=>{!function(t){if(document.getElementById(t.id))return;const e=document.createElement("link");e.href=t.url,e.id=t.id,e.setAttribute("data-name",t.name),e.rel="stylesheet",e.type="text/css",document.head.appendChild(e)}(t)}))}disconnectedCallback(){super.disconnectedCallback()}render(){const t=this.fontFamilies.find((t=>-1!==t.cssRule.indexOf(this.value)||-1!==t.cssRule.indexOf(this.name)));t&&(this.name=t.name);const e=s.dy`<cdtr-dropdown
+      style="width:100%"
+      .value="${this.name}"
+      @change=${this.onchangeFontFamily}
+    >
+      <cdtr-dropdown-button
+        minWidth=${100}
+        class="dropdown-button"
+        slot="trigger"
+        ><lang-text text="${this.name}"></lang-text>
+      </cdtr-dropdown-button>
+      <div slot="content">
+        <cdtr-input
+          .placeholder="${r.h.get("lang","search")}.."
+          @input=${this.onFilteredFonts}
+          type="search"
+        ></cdtr-input>
+        ${this.filteredFonts.map((t=>s.dy`<cdtr-dropdown-item
+            .focused=${t.name===this.name}
+            .selected=${t.name===this.name}
+            value="${t.name}"
+            ><span
+              style="font-family:${t.cssRule};"
+              text="${t.name}"
+              data-foo="${t.cssRule}"
+            >${t.name}</span>
+          </cdtr-dropdown-item>`))}
+      </div>
+    </cdtr-dropdown>`,n=s.dy`
+      <cdtr-editor-container>
+        <cdtr-row alignItems="center" justify="space-between">
+          <cdtr-title pb="0" style="display:block" class="align-lang"
+            ><lang-text text="fontFamily"></lang-text
+          ></cdtr-title>
+          <cdtr-col sm="12">
+            <cdtr-row alignItems="center" justify="flex-end">
+              ${e}
+            </cdtr-row>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+    `;return this.light?e:n}}(0,i.Z)(a,"properties",{value:{type:String},name:{type:String},fontFamilies:{type:Array},filteredFonts:{type:Array},isOpen:{type:Boolean},light:{type:Boolean}}),(0,i.Z)(a,"styles",s.iv`
+    .dropdown-button {
+      min-width: 100px;
+    }
+  `),customElements.define("cdtr-font-family-editor",a)}}]);

package/dist/7035.creaditor.bundle.js

@@ -0,0 +1,67 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7035],{37035:(t,e,i)=>{i.r(e),i.d(e,{NextButton:()=>a});var o=i(56666),n=i(21293),s=i(70235),r=i(52278);class a extends n.oi{constructor(){super(),this.isLoading=!1,this.isLocked=!1,this.lockTimer=null}connectedCallback(){super.connectedCallback(),this.onNextStep||(this.onNextStep=s.h.get("config","onNextStep"))}disconnectedCallback(){super.disconnectedCallback(),this.clearTimers()}clearTimers(){this.lockTimer&&(clearTimeout(this.lockTimer),this.lockTimer=null)}async handleClick(){if(!this.isLocked&&!this.isLoading){this.isLoading=!0,this.isLocked=!0,this.lockTimer=setTimeout((()=>{this.clearTimers(),this.isLoading=!1,this.isLocked=!1}),1e4);try{"function"==typeof this.onNextStep&&await this.onNextStep({toHTML:r.io,toJSON:r.au})}catch(t){console.error("Error in onNextStep:",t)}}}render(){return this.onNextStep?n.dy`
+      <paper-button
+        @click=${this.handleClick}
+        class="next-button"
+        ?disabled=${this.isLocked}
+      >
+        ${this.isLoading?n.dy`
+              <div class="loading-spinner"></div>
+            `:n.dy`
+              <div class="button-content ${this.isLoading?"loading":""}">
+                <lang-text text="next"></lang-text>
+              </div>
+            `}
+      </paper-button>
+    `:null}}(0,o.Z)(a,"styles",n.iv`
+    :host {
+      display: block;
+    }
+    
+    .next-button {
+      background: var(--primary);
+      color: var(--primary-text);
+      fill: var(--primary-text);
+      text-transform: none;
+      color: #fff;
+      height: 52px;
+      border-radius: 0;
+      width: 90px;
+      transform: translateX(-4px);
+      position: relative;
+      overflow: hidden;
+    }
+    
+    .next-button:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+    
+    .loading-spinner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 20px;
+      height: 20px;
+      border: 2px solid transparent;
+      border-top: 2px solid #fff;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+    
+    @keyframes spin {
+      0% { transform: translate(-50%, -50%) rotate(0deg); }
+      100% { transform: translate(-50%, -50%) rotate(360deg); }
+    }
+    
+    .button-content {
+      opacity: 1;
+      transition: opacity 0.3s ease;
+    }
+    
+    .button-content.loading {
+      opacity: 0;
+    }
+    
+
+  `),(0,o.Z)(a,"properties",{onNextStep:{type:Function},isLoading:{type:Boolean},isLocked:{type:Boolean},lockTimer:{type:Number}}),customElements.define("cdtr-next-button",a)}}]);

package/dist/709.creaditor.bundle.js

@@ -0,0 +1,18 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[709],{20709:(e,r,t)=>{t.r(r);var s=t(56666),i=t(21293);class n extends i.oi{constructor(){super()}render(){return i.dy`<hr />`}}(0,s.Z)(n,"properties",{}),(0,s.Z)(n,"styles",i.iv`
+    :host {
+      display: block;
+      width: 100%;
+    }
+    hr {
+      outline: none;
+      border: none;
+    }
+    hr:after {
+      content: "";
+      height: 1px;
+      background: rgb(224, 224, 224);
+      display: block;
+      width: 100%;
+      opacity: 0.8;
+    }
+  `),customElements.define("cdtr-divider",n)}}]);

package/dist/7149.creaditor.bundle.js

@@ -0,0 +1,23 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7149],{67149:(e,t,i)=>{i.r(t),i.d(t,{newFolderIcon:()=>r});var d=i(56666),s=i(21293);class r 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"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      aria-labelledby="folderAddIconTitle"
+      stroke="black"
+      stroke-width="1"
+      stroke-linecap="square"
+      stroke-linejoin="round"
+      fill="none"
+      color="black"
+    >
+      <title id="folderAddIconTitle">Add to folder</title>
+      <path d="M3 5H9L10 7H21V19H3V5Z" />
+      <path d="M15 13H9" />
+      <path d="M12 10V16" />
+    </svg>`}}(0,d.Z)(r,"styles",s.iv`
+
+  `),(0,d.Z)(r,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-new-folder-icon",r)}}]);