@creaditor/newsletter-starterkit 1.0.41 → 1.0.43

package/dist/271.creaditor.bundle.js

@@ -0,0 +1,99 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[271],{40271(e,t,i){i.r(t),i.d(t,{Input:()=>r});var n=i(24586),s=i(59929),o=i(21663),a=i(21421);class r extends s.WF{constructor(){super(),(0,n.A)(this,"type",void 0),(0,n.A)(this,"inputRef",(0,a._)()),(0,n.A)(this,"sliderRef",(0,a._)()),(0,n.A)(this,"sliderRefX",(0,a._)()),this.min=0,this.max=100,this.step=1,this.autofocus=!1,this.type="number",this.value="number"===this.type?"0":"",this.placeholder="",this.onMouseDown=this.onMouseDown.bind(this),this.onChangeValue=this.onChangeValue.bind(this)}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)}getFloatCtrl(e){return parseFloat(e.value)}getIntCtrl(e){return parseInt(e.value)}onMouseDown(e){const t=e.clientX;let i=this.getFloatCtrl(this);isNaN(i)&&(i=0);const n=e=>{const n=Math.ceil(e.clientX-t);this.scaledIntCtrl(i,n)},s=()=>{window.removeEventListener("mousemove",n),window.removeEventListener("mouseup",s)};window.addEventListener("mousemove",n),window.addEventListener("mouseup",s)}scaledIntCtrl(e,t){const i=this.max,n=this.min,s=e+Math.round(Math.sign(t)*Math.pow(Math.abs(t)/10,1.6));if(s<=parseInt(String(i))&&s>=parseInt(String(n))){this.value=String(s);const e=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}}onChangeValue(e){this.value=e.target.value}mouseCtrl(){const e=this.sliderRef.value,t=this.sliderRefX.value;e?.addEventListener("mousedown",this.onMouseDown),t?.addEventListener("mousedown",this.onMouseDown)}render(){return s.qy`<form class="form" @submit=${this.onSubmit}>
+      <input
+        ${(0,a.K)(this.inputRef)}
+        style="${this.inputStyle}"
+        .autofocus="${this.autofocus}"
+        .placeholder="${this.placeholder}"
+        @input="${this.setValue}"
+        @change="${this.setValue}"
+        .min="${String(this.min)}"
+        .type="${this.type}"
+        .max="${String(this.max)}"
+        .step="${String(this.step)}"
+        .value="${String(this.value)}"
+      />${"text"===this.type&&this.maxLength?s.qy`<span class="counter"
+            >${this.value.length}/${this.maxLength}</span
+          > `:null}
+      <span
+        @input=${this.onChangeValue}
+        ${(0,a.K)(this.sliderRef)}
+        class="slider"
+      ></span>
+      <span
+        @input=${this.onChangeValue}
+        ${(0,a.K)(this.sliderRefX)}
+        class="slider-x"
+      ></span>
+    </form>`}firstUpdated(){this.autofocus&&this.inputRef.value&&this.inputRef.value.focus()}focus(){super.focus(),this.inputRef.value&&this.inputRef.value.focus()}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.mouseCtrl(),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.setDir(),this.value){const t=new UIEvent(e.type,{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}setDir(){const e=this.inputRef.value,t=this.value||e?.placeholder;e&&("number"===this.type||"color"===this.type||t&&!(0,o.A)(t)?(e.style.textAlign="left",e.style.direction="ltr"):(e.style.textAlign="right",e.style.direction="rtl"))}patch(e){this.value=String(e)}}(0,n.A)(r,"styles",s.AH`
+    :host {
+      display: inline-block;
+      --cdtr-input-height: 30px;
+      --cdtr-input-padding: 0.105rem 0.45rem;
+    }
+    .form {
+      position: relative;
+    }
+    .counter {
+      font-size: 10px;
+    }
+    .slider {
+      display: block;
+      height: 100%;
+      width: 4px;
+      position: absolute;
+      left: 100%;
+      background: transparent;
+      top: 0;
+      cursor: w-resize;
+    }
+    .slider-x {
+      display: block;
+      height: 4px;
+      width: 100%;
+      position: absolute;
+      left: 0;
+      background: transparent;
+      top: 100%;
+      cursor: col-resize;
+    }
+    input {
+      height: var(--cdtr-input-height);
+      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;
+    }
+    input:hover {
+      border-color: black;
+    }
+    input::placeholder {
+      font-family: var(--font-family);
+    }
+    input:focus {
+      border-color: var(--primary);
+    }
+    input[type="number"] {
+      padding-right: 0px;
+      padding-left: 4px;
+    }
+
+    input[type="number"] {
+      -moz-appearance: textfield;
+    }
+  `),(0,n.A)(r,"properties",{value:{type:String,reflect:!0},step:{type:Number,reflect:!0},min:{type:Number,reflect:!0},max:{type:Number,reflect:!0},placeholder:{type:String,reflect:!0},autofocus:{type:Boolean,reflect:!0},inputStyle:{type:String,reflect:!0},maxLength:{type:Number}}),customElements.define("cdtr-number-input",r)}}]);

package/dist/2834.creaditor.bundle.js

@@ -0,0 +1,14 @@
+/*! For license information please see 2834.creaditor.bundle.js.LICENSE.txt */
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2834],{70453(t,e,s){s.r(e),s.d(e,{TitleEditor:()=>i});var n=s(24586),r=s(59929),o=s(70980);class i extends r.WF{constructor(){super(),this.pb="6px"}render(){const t={fontWeight:this.bold?700:400,paddingBottom:this.pb};return r.qy`<span style=${(0,o.W)(t)}><slot></slot></span>`}}(0,n.A)(i,"styles",r.AH`
+    :host {
+      display: block;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--text-dark-color);
+      font-family: var(--font-family);
+      -webkit-font-smoothing: antialiased;
+      text-align: var(--text-align-locale);
+      direction: var(--direction-locale);
+      user-select: none;
+    }
+  `),(0,n.A)(i,"properties",{bold:{type:Boolean},pb:{type:String}}),customElements.define("cdtr-title",i)},70980(t,e,s){s.d(e,{W:()=>l});var n=s(80181),r=s(16655);const o="important",i=" !"+o,l=(0,r.u$)(class extends r.WL{constructor(t){if(super(t),t.type!==r.OA.ATTRIBUTE||"style"!==t.name||t.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(t){return Object.keys(t).reduce((e,s)=>{const n=t[s];return null==n?e:e+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(t,[e]){const{style:s}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in e){const n=e[t];if(null!=n){this.ft.add(t);const e="string"==typeof n&&n.endsWith(i);t.includes("-")||e?s.setProperty(t,e?n.slice(0,-11):n,e?o:""):s[t]=n}}return n.c0}})}}]);

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

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

package/dist/3095.creaditor.bundle.js

@@ -0,0 +1,161 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3095],{73095(e,t,o){o.r(t),o.d(t,{default:()=>r});var i=o(24586),s=o(59929),n=o(21421),d=o(69600);class r extends s.WF{constructor(){super(),(0,i.A)(this,"contentRef",(0,n._)()),this.toggle=this.toggle.bind(this),this.onEnter=this.onEnter.bind(this),this.onKeydown=this.onKeydown.bind(this),this.overflow=!0,this.maxHeight=300,this.left=0,this.top=0,this.custom=!1,this.opened=!1}close(){this.toggle()}onBouncing(e){this.searchText=e.target.value;const t=new UIEvent("search",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}render(){return s.qy`
+      <slot @click=${()=>this.toggle()} tabindex="0" name="trigger"></slot>
+      ${this.opened?s.qy` <div
+            @mouseup=${this.onClickOutside}
+            class="backdrop"
+            style="z-index:${(0,d.A)()};"
+          >
+            <div
+              ${(0,n.K)(this.contentRef)}
+              @mouseup=${this.preventClosing}
+              style="z-index:${(0,d.A)()};left:${this.left}px;top:${this.top}px;"
+              class="dropdown-content fade-in ${this.custom?"":"dropdown-background"}"
+            >
+              ${this.search?s.qy`<cdtr-input
+                    @input=${this.onBouncing}
+                    type="search"
+                    value=${this.searchText}
+                  ></cdtr-input>`:null}
+              <slot name="content"></slot>
+            </div>
+          </div>`:null}
+    `}preventClosing(e){return e.stopPropagation(),setTimeout(()=>{this.calcRects()},0),!1}onClickOutside(){this.toggle(!1)}updated(){this.opened&&(setTimeout(()=>{this.calcRects()},0),this.contentRef.value?.classList.add("fade-in"),this.contentRef.value.style.maxHeight=`${this.maxHeight}px`)}calcRects(){let e=0,t=0;const o=this.getBoundingClientRect(),i=this.contentRef?.value?.getBoundingClientRect();i&&(e=o.left,t=o.top,e<0&&(e=0),t<0&&(t=0),e+i.width>window.innerWidth&&(e=window.innerWidth-i.width),t+i.height>window.innerHeight&&(t=window.innerHeight-i.height),this.left=e,this.top=t,this.contentRef.value.style.left=`${o.left}px`,this.contentRef.value.style.top=`${t+o.height}px`,this.contentRef.value.style.overflow=this.overflow?"hidden auto":"hidden")}toggle(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const t=e||!this.opened;t?(window.removeEventListener("keydown",this.onKeydown),window.addEventListener("keydown",this.onKeydown),this.opened=t,setTimeout(()=>{const e=this.focusedItem=this.querySelector("cdtr-dropdown-item[focused]")||this.querySelector("cdtr-dropdown-item");e&&e.focus()},20)):(window.removeEventListener("keydown",this.onKeydown),this.contentRef.value?.classList.add("fade-out"),setTimeout(()=>{this.opened=t},150)),this.setAttribute("aria-expanded",t)}onEnter(e){e.target===this&&13===e.keyCode&&this.toggle()}onKeydown(e){this.focusedItem&&40===e.keyCode&&this.focusedItem.nextElementSibling&&"CDTR-DROPDOWN-ITEM"===this.focusedItem.nextElementSibling.nodeName?(this.focusedItem=this.focusedItem.nextElementSibling,this.focusedItem&&this.focusedItem.focus()):this.focusedItem&&38===e.keyCode&&this.focusedItem.previousElementSibling&&"CDTR-DROPDOWN-ITEM"===this.focusedItem.previousElementSibling.nodeName?(this.focusedItem=this.focusedItem.previousElementSibling,this.focusedItem&&this.focusedItem.focus()):27===e.keyCode&&this.toggle();const t=new UIEvent("keypress",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-disabled","false"),this.setAttribute("aria-haspopup","true"),this.setAttribute("aria-expanded",this.opened),this.addEventListener("keydown",this.onEnter),setTimeout(()=>{this.opened&&this.toggle(!0)},50)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.onKeydown)}patch(e){this.value=e,this.toggle(!1);const t=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t),setTimeout(()=>{this.focus()},0)}}(0,i.A)(r,"styles",s.AH`
+    :host {
+      display: inline-block;
+      overflow: hidden;
+      box-sizing: border-box;
+    }
+
+    .backdrop {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: transparent;
+      overflow: hidden;
+    }
+    .dropdown-background {
+      background: #fff;
+    }
+    .dropdown-content {
+      box-sizing: border-box;
+      min-width: 50px;
+      min-height: 50;
+      position: fixed;
+      border-radius: 0.25rem;
+      /* padding: 3px; */
+      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    }
+    .fade-in {
+      animation: fade-in 0.3s;
+    }
+    .fade-out {
+      animation: fade-out 0.3s;
+      opacity: 0;
+    }
+    @keyframes fade-in {
+      from {
+        opacity: 0;
+        margin-top: 5px;
+      }
+      to {
+        opacity: 1;
+      }
+    }
+    @keyframes fade-out {
+      from {
+        opacity: 1;
+      }
+      to {
+        margin-top: 5px;
+        opacity: 0;
+      }
+    }
+  `),(0,i.A)(r,"properties",{search:{type:Boolean},searchText:{type:String},left:{type:Number},top:{type:Number},opened:{type:Boolean},maxHeight:{type:Number},overflow:{type:Boolean},value:{type:String},custom:{type:String}});class c extends s.WF{constructor(){super(),this.minWidth=50}render(){return s.qy`<paper-button style="min-width:${this.minWidth}px"
+      ><slot></slot> <cdtr-dd-arrow-icon></cdtr-dd-arrow-icon
+    ></paper-button>`}}(0,i.A)(c,"properties",{minWidth:{type:Number}}),(0,i.A)(c,"styles",s.AH`
+    paper-button {
+      display: flex;
+      justify-content: space-between;
+      text-transform: capitalize;
+      width: 100%;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 1.5;
+      color: rgb(33, 37, 41);
+      background: rgb(255, 255, 255);
+      background-clip: padding-box;
+      border-width: 1px;
+      border-style: solid;
+      border-image: initial;
+      appearance: none;
+      border-radius: 0.25rem;
+      transition: border-color 0.15s ease-in-out 0s,
+        box-shadow 0.15s ease-in-out 0s;
+      margin: 0px;
+      font-family: var(--font-family);
+      border-color: var(--input-border-color);
+      box-sizing: border-box;
+      padding: 5px;
+      font-size: 12px;
+    }
+    paper-button:hover {
+      border-color: black;
+    }
+  `);class l extends s.WF{constructor(){super(),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}focus(){this.shadowRoot.querySelector(".dropdown-item").focus()}onFocus(){this.focused=!0}onBlur(){this.focused=!1}onClick(e){if(this.notClickable)return;const t=this.closest("cdtr-dropdown");t&&t.patch(this.value,e,this)}onPress(e){if(13===e.keyCode){const t=new UIEvent("click",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t);const o=this.closest("cdtr-dropdown");o&&o.patch(this.value,e,this)}}connectedCallback(){super.connectedCallback(),this.selected&&this.scrollIntoView({behavior:"smooth",block:"start"})}render(){return s.qy`<div role="button"
+      @click=${this.onClick}
+      @keydown=${this.onPress}
+      @blur=${this.onBlur}
+      @focus=${this.onFocus}
+      class="dropdown-item"
+      tabindex="0"
+    >
+      ${this.selected?s.qy` <svg
+            class="selected-svg"
+            fill="var(--primary)"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            width="24"
+            height="24"
+          >
+            <path fill="none" d="M0 0h24v24H0z" />
+            <path
+              d="M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"
+            />
+          </svg>`:null}
+      <slot></slot>
+    </div>`}}(0,i.A)(l,"properties",{focused:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},value:{type:String,reflect:!0},notClickable:{type:Boolean}}),(0,i.A)(l,"styles",s.AH`
+    .dropdown-item {
+      position: relative;
+      box-sizing: border-box;
+      display: flex;
+      font-family: Arial, Helvetica, sans-serif;
+      font-size: 12px;
+      cursor: pointer;
+      margin-bottom: 2px;
+      display: flex;
+      align-items: center;
+      user-select: none;
+      width: 100%;
+      justify-content: space-between;
+      box-sizing: border-box;
+      padding: 10px 20px;
+    }
+    .dropdown-item:hover {
+      background: #f3f3f396;
+    }
+    .dropdown-item:focus {
+      color: var(--primary-color);
+      outline: none;
+      background: #f3f3f3;
+    }
+    .selected-svg {
+      width: 16px;
+      position: absolute;
+      left: 95%;
+      transform: translate(-70%, -50%);
+      top: 50%;
+    }
+  `),customElements.get("cdtr-dropdown-item")||customElements.define("cdtr-dropdown-item",l),customElements.get("cdtr-dropdown-button")||customElements.define("cdtr-dropdown-button",c),customElements.get("cdtr-dropdown")||customElements.define("cdtr-dropdown",r)}}]);

package/dist/3521.creaditor.bundle.js

@@ -1,7 +1,7 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3521],{83521(t,e,i){i.r(e),i.d(e,{DesignFactory:()=>l});var o=i(24586),r=i(5441),n=i(59929),s=(i(40352),i(9507)),d=i(18057),c=i(86319);i.e(8315).then(i.bind(i,68315));class l extends n.WF{constructor(){super(),this.lastEditor=null,c.M.set({injectEditor:t=>{this.injected=!0,this.lastEditor=this.editor,this.backToEditor=this.editor,this.editor=t}}),this.editor=n.qy`<cdtr-ilustration-preference
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3521],{83521(t,e,i){i.r(e),i.d(e,{DesignFactory:()=>l});var o=i(24586),r=i(5441),n=i(59929),s=i(9507),d=i(18057),c=i(86319);i.e(8315).then(i.bind(i,68315));class l extends n.WF{constructor(){super(),this.lastEditor=null,c.M.set({injectEditor:t=>{this.injected=!0,this.lastEditor=this.editor,this.backToEditor=this.editor,this.editor=t}}),this.editor=n.qy`<cdtr-ilustration-preference
       width="200px"
       height="200px"
-    ></cdtr-ilustration-preference>`,this.delayer=new d.A,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(9308).then(i.bind(i,79308)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(8854).then(i.bind(i,68854)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,s.Ay.on("select",this.connect)}connect(t){let{editor:e}=t;if(!e)return;let i=e.type;if("string"!=typeof i)return;if(this.editor?.type===i)return;if(!this.editors[i]){const t=c.M.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find(t=>t.name===i);if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=i;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}i="no_editor"}this.type=i;const o=(0,r.A)("div",null,(0,r.A)("cdtr-block-loader",null),(0,r.A)("cdtr-title",{style:"text-align:center;"},(0,r.A)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[i]&&!this.editors[i].component&&(this.editors[i].load().then(()=>{if(o.remove(),this.editors[i].attrs)for(const t in this.editors[i].attrs)if(Object.hasOwnProperty.call(this.editors[i].attrs,t)){const e=this.editors[i].attrs[t];this.editors[i].component[t]=e}}),this.editors[i].component=document.createElement(this.editors[i].selector),this.editors[i].component.appendChild(o)),this.editors[i].component&&(this.editor=this.editors[i].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null)}createRenderRoot(){return this}render(){return n.qy` ${this.lastEditor?n.qy`        <cdtr-row justify="end">
+    ></cdtr-ilustration-preference>`,this.delayer=new d.A,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(1260).then(i.bind(i,91260)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(8854).then(i.bind(i,68854)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,s.Ay.on("select",this.connect)}connect(t){let{editor:e}=t;if(!e)return;let i=e.type;if("string"!=typeof i)return;if(this.editor?.type===i)return;if(!this.editors[i]){const t=c.M.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find(t=>t.name===i);if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=i;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}i="no_editor"}this.type=i;const o=(0,r.A)("div",null,(0,r.A)("cdtr-block-loader",null),(0,r.A)("cdtr-title",{style:"text-align:center;"},(0,r.A)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[i]&&!this.editors[i].component&&(this.editors[i].load().then(()=>{if(o.remove(),this.editors[i].attrs)for(const t in this.editors[i].attrs)if(Object.hasOwnProperty.call(this.editors[i].attrs,t)){const e=this.editors[i].attrs[t];this.editors[i].component[t]=e}}),this.editors[i].component=document.createElement(this.editors[i].selector),this.editors[i].component.appendChild(o)),this.editors[i].component&&(this.editor=this.editors[i].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null)}createRenderRoot(){return this}render(){return n.qy` ${this.lastEditor?n.qy`        <cdtr-row justify="end">
           <paper-button
             @click=${this.goBack}
             style="margin:.5rem 0;padding:0;min-width:0;direction:var(--direction-locale);"

package/dist/3553.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3553],{3553(e,t,n){n.r(t),n.d(t,{AnimationEditor:()=>l});var s=n(24586),o=n(59929),i=n(9507),a=n(40352),c=n(86319),d=n(49549);const r=[{id:1,name:"fade_in",class_code:"fadeIn",src:"",props:{},puzzle:[{type:"fade-in"}]},{id:1,name:"fade_in_down",class_code:"fadeInDown",puzzle:[{type:"fade-in-down"}],props:{}},{id:1,name:"back_in_down",class_code:"backInDown",puzzle:[{type:"back-in-down"}],props:{}},{id:1,name:"back_in_right",class_code:"backInRight",puzzle:[{type:"back-in-right"}],props:{}},{id:1,name:"bounce",class_code:"bounce",puzzle:[{type:"bounce"}],props:{}},{id:1,name:"tada",class_code:"tada",puzzle:[{type:"tada"}],props:{}}];class l extends o.WF{constructor(){super(),this.animationsOptions=[{type:"scroll",props:{},title:"on_scroll"}],this.stack=[],this.selectedAnimations=null,this.animations=r,this.onInspect=this.onInspect.bind(this)}onMouseClick(e,t){switch(e){case"scroll":i.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"scroll"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"scroll"===o.on?(a.A.dispatch("snackbar",{text:c.M.get("lang","animation_deleted")}),n):(n.push({on:"scroll",type:"animation",as:"className",value:t.class_code}),a.A.dispatch("snackbar",{text:c.M.get("lang","animation_added")}),n)});break;case"hover":i.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"hover"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"hover"===o.on?(a.A.dispatch("snackbar",{text:c.M.get("lang","animation_deleted")}),n):(n.push({on:"hover",type:"animation",as:"className",value:t.class_code}),a.A.dispatch("snackbar",{text:c.M.get("lang","animation_added")}),n)})}}onMouseEnter(e){setTimeout(()=>{e.overed=!0,i.Ay.components.forEach(t=>{this.stack.push({animation:e,component:t}),t.element.classList.add(`cdtr__animate__${e.class_code}`),t.element.classList.add("cdtr__animated")}),this.animations=JSON.parse(JSON.stringify(this.animations))},20)}onMouseLeave(e){e.overed=!1,this.stack.forEach(e=>{let{component:t,animation:n}=e;t.element.classList.remove(`cdtr__animate__${n.class_code}`),t.element.classList.remove("cdtr__animated")}),this.stack=[],this.animations=JSON.parse(JSON.stringify(this.animations))}onInspect(){const e=i.Ay.components[0];if(e){const t=e.props.interactions.filter(e=>e.type="animation");this.selectedAnimations=t}}connectedCallback(){super.connectedCallback(),this.style.zIndex=99,this.onInspect(),i.Ay.on("select",this.onInspect),i.Ay.on("update",this.onInspect)}disconnectedCallback(){super.disconnectedCallback(),i.Ay.off("select",this.onInspect),i.Ay.off("update",this.onInspect)}render(){return o.qy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3553],{3553(e,t,n){n.r(t),n.d(t,{AnimationEditor:()=>l});var s=n(24586),o=n(59929),i=n(9507),a=n(49937),c=n(86319),d=n(49549);const r=[{id:1,name:"fade_in",class_code:"fadeIn",src:"",props:{},puzzle:[{type:"fade-in"}]},{id:1,name:"fade_in_down",class_code:"fadeInDown",puzzle:[{type:"fade-in-down"}],props:{}},{id:1,name:"back_in_down",class_code:"backInDown",puzzle:[{type:"back-in-down"}],props:{}},{id:1,name:"back_in_right",class_code:"backInRight",puzzle:[{type:"back-in-right"}],props:{}},{id:1,name:"bounce",class_code:"bounce",puzzle:[{type:"bounce"}],props:{}},{id:1,name:"tada",class_code:"tada",puzzle:[{type:"tada"}],props:{}}];class l extends o.WF{constructor(){super(),this.animationsOptions=[{type:"scroll",props:{},title:"on_scroll"}],this.stack=[],this.selectedAnimations=null,this.animations=r,this.onInspect=this.onInspect.bind(this)}onMouseClick(e,t){switch(e){case"scroll":i.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"scroll"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"scroll"===o.on?(a.A.dispatch("snackbar",{text:c.M.get("lang","animation_deleted")}),n):(n.push({on:"scroll",type:"animation",as:"className",value:t.class_code}),a.A.dispatch("snackbar",{text:c.M.get("lang","animation_added")}),n)});break;case"hover":i.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"hover"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"hover"===o.on?(a.A.dispatch("snackbar",{text:c.M.get("lang","animation_deleted")}),n):(n.push({on:"hover",type:"animation",as:"className",value:t.class_code}),a.A.dispatch("snackbar",{text:c.M.get("lang","animation_added")}),n)})}}onMouseEnter(e){setTimeout(()=>{e.overed=!0,i.Ay.components.forEach(t=>{this.stack.push({animation:e,component:t}),t.element.classList.add(`cdtr__animate__${e.class_code}`),t.element.classList.add("cdtr__animated")}),this.animations=JSON.parse(JSON.stringify(this.animations))},20)}onMouseLeave(e){e.overed=!1,this.stack.forEach(e=>{let{component:t,animation:n}=e;t.element.classList.remove(`cdtr__animate__${n.class_code}`),t.element.classList.remove("cdtr__animated")}),this.stack=[],this.animations=JSON.parse(JSON.stringify(this.animations))}onInspect(){const e=i.Ay.components[0];if(e){const t=e.props.interactions.filter(e=>e.type="animation");this.selectedAnimations=t}}connectedCallback(){super.connectedCallback(),this.style.zIndex=99,this.onInspect(),i.Ay.on("select",this.onInspect),i.Ay.on("update",this.onInspect)}disconnectedCallback(){super.disconnectedCallback(),i.Ay.off("select",this.onInspect),i.Ay.off("update",this.onInspect)}render(){return o.qy`
       <cdtr-accordion-item isOpen=${!0} label="on_scroll">
         <cdtr-row>
           ${(0,d.u)(this.animations,e=>e.id,e=>o.qy`<cdtr-col

package/dist/3606.creaditor.bundle.js

@@ -0,0 +1,113 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3606],{13606(e,t,i){i.r(t),i.d(t,{Checkbox:()=>o});var n=i(24586),r=i(59929),s=i(12106);class o extends r.WF{constructor(){super(),(0,n.A)(this,"inputId",void 0),(0,n.A)(this,"event",void 0),(0,n.A)(this,"value",void 0),this.checked=!0,this.controlled=!0,this.inputId=(0,s.A)(),this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}onToggle(){this.controlled||(this.checked=!this.checked),this.dispatchEvent(this.event)}toggle(){this.checked=!this.checked,this.dispatchEvent(this.event)}render(){return r.qy`<span
+      @click=${this.onToggle}
+      tabindex="0"
+      class="root ${this.checked?"checked":""}"
+    >
+      ${this.checked?r.qy` <div class="svg-wrapper">
+            <svg viewBox="0 0 24 24" aria-hidden="true">
+              <path
+                d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+              ></path>
+            </svg>
+          </div>`:r.qy`<div class="svg-wrapper">
+            <svg viewBox="0 0 24 24" aria-hidden="true">
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              ></path>
+            </svg>
+          </div>`}
+      <label for="${this.inputId}"><slot></slot></label>
+      <input
+        .checked="${this.checked}"
+        id="${this.inputId}"
+        type="checkbox"
+        aria-label="Checkbox"
+      />
+    </span>`}setValue(e){this.value=e.target.value}patch(e){this.value=e}}(0,n.A)(o,"properties",{checked:{type:Boolean,reflect:!0},controlled:{type:Boolean,reflect:!0}}),(0,n.A)(o,"styles",r.AH`
+    :host {
+      direction: var(--direction-locale);
+    }
+    .root {
+      display: inline-flex;
+      -webkit-box-align: center;
+      align-items: center;
+      -webkit-box-pack: center;
+      justify-content: center;
+      position: relative;
+      box-sizing: border-box;
+      -webkit-tap-highlight-color: transparent;
+      background: transparent;
+      outline: 0px;
+      border: 0px;
+      margin: 0px;
+      cursor: pointer;
+      user-select: none;
+      vertical-align: middle;
+      appearance: none;
+      text-decoration: none;
+      padding: 0;
+      border-radius: 50%;
+      width: intrinsic;
+      width: -moz-max-content;
+      width: -webkit-max-content;
+      max-width: intrinsic;
+      max-width: -moz-max-content;
+      max-width: -webkit-max-content !important;
+    }
+
+    .root.checked {
+      color: var(--primary);
+    }
+    .svg-wrapper {
+      position: relative;
+      z-index: 1;
+      display:flex;
+      align-items:center;
+      justify-content:center;
+    }
+    .root:focus .svg-wrapper:after,
+    .root:hover .svg-wrapper:after {
+      content: "";
+      position: absolute;
+      width: 2rem;
+      height: 2rem;
+      border-radius: 100%;
+      background: #0d6efd1a;
+      left: 50%;
+      top: 41%;
+      transform: translate(-50%, -50%);
+      z-index: -1;
+    }
+    input {
+      cursor: inherit;
+      position: absolute;
+      opacity: 0;
+      width: 100%;
+      height: 100%;
+      top: 0px;
+      left: 0px;
+      margin: 0px;
+      padding: 0px;
+      z-index: 1;
+    }
+    svg {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+      width: 1em;
+      height: 1em;
+      display: inline-block;
+      fill: currentColor;
+      -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+      flex-shrink: 0;
+      -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+      font-size: 1.5rem;
+    }
+    label {
+      margin-right: 7px;
+      margin-left: 7px;
+    }
+  `),customElements.define("cdtr-checkbox",o)}}]);

package/dist/3932.creaditor.bundle.js

@@ -0,0 +1,30 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3932],{33932(e,t,r){r.r(t),r.d(t,{EyeDroppper:()=>n});var i=r(24586),s=r(59929);const o=r(45888);class n extends s.WF{constructor(){super(),(0,i.A)(this,"isValid",void 0),(0,i.A)(this,"event",void 0),(0,i.A)(this,"openEyeDropper",async()=>{const e=new AbortController;try{const e=new EyeDropper,{sRGBHex:t}=await e.open(),r=o(t).setAlpha(1).toRgbString();this.value=this.color=r,this.dispatchEvent(this.event)}catch(e){console.error(e)}e.abort()}),this.isValid=!!window.EyeDropper,this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}render(){return this.isValid?s.qy`
+          <svg
+            tabIndex="0"
+            @click=${this.openEyeDropper}
+            width="20"
+            height="20"
+            viewBox="0 0 24 24"
+            aria-hidden="true"
+          >
+            <path
+              d="m20.71 5.63-2.34-2.34a.9959.9959 0 0 0-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM6.92 19 5 17.08l8.06-8.06 1.92 1.92L6.92 19z"
+            ></path>
+          </svg>
+        `:null}}(0,i.A)(n,"styles",s.AH`
+    :host {
+      position: relative;
+      display: inline-block;
+    }
+
+    svg {
+      cursor: pointer;
+    }
+    svg:hover {
+      fill: var(--primary);
+    }
+    svg:active {
+      transform: scale(1.1);
+      fill: var(--dark);
+    }
+  `),(0,i.A)(n,"properties",{value:{type:String,reflect:!0},color:{type:String,reflect:!0}}),customElements.define("cdtr-eye-dropper",n)}}]);