@creaditor/newsletter-starterkit 1.0.40 → 1.0.42

package/dist/8570.creaditor.bundle.js

@@ -0,0 +1,102 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8570],{28570(t,e,i){i.r(e),i.d(e,{AlignGroup:()=>f});var l,r,n,s,o,a,c=i(59088),h=i(24586),d=i(36936),u=i(59929),p=i(49410);let f=(l=(0,p.MZ)({type:Number}),r=(0,p.MZ)({type:String}),a=class extends u.WF{constructor(){super(),(0,c.A)(this,"value",s,this),(0,c.A)(this,"justify",o,this),this.onClick=this.onClick.bind(this),this.justify="center"}onClick(t){const e=t.target.closest("[data-align]");if(e){const t={detail:e.getAttribute("data-align"),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("change",t))}}render(){return u.qy` <cdtr-row justify="${this.justify}">
+      <paper-button
+        class="${"flex-start"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-align="flex-start"
+      >
+        <cdtr-tooltip delay="100" content="top">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="28"
+            height="20"
+            viewBox="0 0 28 20"
+            fill="none"
+          >
+            <rect width="27" height="2" rx="1" fill="#C4C4C4" />
+            <rect x="6" y="4" width="15" height="4" rx="2" fill="black" />
+          </svg>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"center"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-align="center"
+      >
+        <cdtr-tooltip delay="100" content="center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="27"
+            height="21"
+            viewBox="0 0 27 21"
+            fill="none"
+          >
+            <rect
+              x="27"
+              y="21"
+              width="27"
+              height="2"
+              rx="1"
+              transform="rotate(-180 27 21)"
+              fill="#C4C4C4"
+            />
+            <rect
+              x="27"
+              y="2"
+              width="27"
+              height="2"
+              rx="1"
+              transform="rotate(-180 27 2)"
+              fill="#C4C4C4"
+            />
+            <rect x="6.5" y="8.5" width="15" height="4" rx="2" fill="black" />
+          </svg>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"flex-end"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-align="flex-end"
+      >
+        <cdtr-tooltip delay="100" content="bottom">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="28"
+            height="20"
+            viewBox="0 0 28 20"
+            fill="none"
+          >
+            <rect
+              x="28"
+              y="20"
+              width="27"
+              height="2"
+              rx="1"
+              transform="rotate(-180 28 20)"
+              fill="#C4C4C4"
+            />
+            <rect
+              x="22"
+              y="16"
+              width="15"
+              height="4"
+              rx="2"
+              transform="rotate(-180 22 16)"
+              fill="black"
+            />
+          </svg>
+        </cdtr-tooltip>
+      </paper-button>
+    </cdtr-row>`}},(0,h.A)(a,"styles",u.AH`
+    :host {
+      direction: ltr;
+    }
+    paper-button {
+      min-width: auto;
+    }
+    rect[fill="black"] {
+      fill: var(--primary);
+    }
+    .selected {
+      background: #f1f3f5;
+    }
+  `),n=a,s=(0,d.A)(n.prototype,"value",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),o=(0,d.A)(n.prototype,"justify",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),n);customElements.define("cdtr-align-items-group",f)}}]);

package/dist/8646.creaditor.bundle.js

@@ -0,0 +1,122 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8646],{48646(e,t,i){i.r(t),i.d(t,{Drawer:()=>a});var o=i(24586),s=i(59929),n=i(69600);class a extends s.WF{constructor(){super(),(0,o.A)(this,"closeEvent",void 0),(0,o.A)(this,"openEvent",void 0),this.backdropColor="transparent",this.width="600px",this.obKeyDown=this.obKeyDown.bind(this),this.closeEvent=new UIEvent("close",{view:window,bubbles:!0,cancelable:!0}),this.openEvent=new UIEvent("open",{view:window,bubbles:!0,cancelable:!0})}onClickOutside(e){let{target:t}=e;t.closest(".drawer")||t.closest("cdtr-drawer")||this.onClose()}onClose(){const e=this.shadowRoot.querySelector(".drawer");e&&e.classList.add("slide-out"),setTimeout(()=>{this.dispatchEvent(this.closeEvent),e&&e.classList.remove("slide-out"),this.opened=!1,this.requestUpdate()},200)}obKeyDown(e){"Escape"===e.key?this.onClose():"m"===e.key&&e.ctrlKey&&this.dispatchEvent(this.openEvent)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.obKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.obKeyDown)}render(){return this.style.zIndex=(0,n.A)(),this.opened?s.qy`<div
+          @dragover=${e=>{e.preventDefault(),this.onClose()}}
+          @mousedown=${this.onClickOutside}
+          .style="background:${this.backdropColor};z-index:${(0,n.A)()};${this.backdropStyle};"
+          class="backdrop ${this.dim?"dim":"no-dim"}"
+        >
+          <div
+            @dragover=${e=>{e.preventDefault(),e.stopPropagation()}}
+            style="width:${this.width};z-index:${(0,n.A)()+1}"
+            class="drawer" role="navigation"
+          >
+            <div class="header">
+              <paper-button
+                @click=${this.onClose}
+                style="padding:6px;z-index:3;position:absolute;left:0;min-width:20px;"
+              >
+                <cdtr-close-icon class="close-icon" icon="close">
+                </cdtr-close-icon>
+              </paper-button>
+              <h1 class="header-text">
+                <lang-text text="${this.headerText}"></lang-text>
+              </h1>
+            </div>
+            <div class="body">
+              <slot></slot>
+            </div>
+          </div>
+        </div>`:null}}(0,o.A)(a,"properties",{portal:{type:Object},opened:{type:Boolean,reflect:!0},backdropColor:{type:String},width:{type:String},headerText:{type:String},backdropStyle:{},dim:{type:Boolean,reflect:!0}}),(0,o.A)(a,"styles",s.AH`
+    .backdrop {
+      width: 100vw;
+      height: 100vh;
+      background: transparent;
+      position: fixed;
+      left: 0;
+      top: 0;
+    }
+    .dim {
+      display: none !important;
+    }
+    .header-text {
+      margin: 12px;
+      font-size: 18px;
+      font-family: Arial;
+      text-align: right;
+      display: block;
+      width: 95%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      direction: var(--direction-locale);
+    }
+    .drawer {
+      width: ${500}px;
+      height: 100vh;
+      background: #fff;
+      position: absolute;
+      right: 0;
+      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      -webkit-animation: slide-in 0.5s forwards;
+      -webkit-animation-delay: 2s;
+      animation: slide-in 0.5s forwards;
+    }
+    .slide-out {
+      -webkit-animation: slide-out 0.5s forwards;
+      -webkit-animation-delay: 2s;
+      animation: slide-out 0.5s forwards;
+    }
+    .header {
+      min-height: 40px;
+      margin: 1px;
+      width: 100%;
+      padding: 4.4px 0;
+      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
+        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
+    }
+    .body {
+      width: 100%;
+      height: 100vh;
+      overflow: hidden;
+    }
+    .close-button {
+      cursor: pointer;
+    }
+    .close-button:hover {
+      -webkit-animation: rotate 0.5s forwards;
+      -webkit-animation-delay: 2s;
+      animation: rotate 0.5s forwards;
+    }
+    @keyframes rotate {
+      100% {
+        transform: rotate(180deg);
+      }
+    }
+    @-webkit-keyframes slide-in {
+      100% {
+        transform: rotate(180deg);
+      }
+    }
+    @keyframes slide-in {
+      0% {
+        opacity: 0;
+        right: -${500}px;
+      }
+      100% {
+        right: 0;
+      }
+    }
+    @-webkit-keyframes slide-out {
+      100% {
+        transform: rotate(180deg);
+      }
+    }
+    @keyframes slide-out {
+      0% {
+        opacity: 1;
+        right: 0;
+      }
+      100% {
+        right: -${500}px;
+      }
+    }
+  `),customElements.define("cdtr-drawer",a)}}]);

package/dist/8654.creaditor.bundle.js

@@ -0,0 +1,109 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8654],{98654(t,e,r){r.r(e),r.d(e,{BackgroundHandleBar:()=>n});var o=r(24586),i=r(59929);class n extends i.WF{constructor(){super()}onRemove(){const t={detail:this.closest(this.target),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("remove",t))}onClone(){const t={detail:this.closest(this.target),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("clone",t))}render(){return i.qy`<cdtr-row
+      alignItems="center"
+      justify="space-evenly"
+      class="wrapper"
+    >
+      ${this.sectionCounter>1?i.qy` <cdtr-tooltip content="drag_section">
+            <paper-button class="section-handle--sortable">
+              <!-- TODO: if ok move the svg to component -->
+              <svg
+                width="30"
+                height="30"
+                viewBox="0 0 24 27"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <rect
+                  x="0.5"
+                  y="7.5"
+                  width="23"
+                  height="11"
+                  rx="0.5"
+                  fill="white"
+                  stroke="var(--primary)"
+                />
+                <rect
+                  x="2.58691"
+                  y="9.1001"
+                  width="11.5217"
+                  height="3"
+                  rx="0.5"
+                  fill="var(--primary)"
+                  stroke="var(--primary)"
+                />
+                <rect
+                  x="2.58691"
+                  y="13.8999"
+                  width="11.5217"
+                  height="3"
+                  rx="0.5"
+                  fill="var(--primary)"
+                  stroke="var(--primary)"
+                />
+                <rect
+                  x="16.1522"
+                  y="16.8999"
+                  width="7.8"
+                  height="5.26087"
+                  rx="0.5"
+                  transform="rotate(-90 16.1522 16.8999)"
+                  fill="var(--primary)"
+                  stroke="var(--primary)"
+                />
+                <path
+                  d="M12.5607 3.61923V5.7955C12.5607 6.01641 12.3816 6.1955 12.1607 6.1955H11.0282C10.8073 6.1955 10.6282 6.01641 10.6282 5.7955V3.61923C10.6282 3.39831 10.4491 3.21923 10.2282 3.21923H9.05457C8.68646 3.21923 8.51378 2.76398 8.78929 2.51985L11.362 0.240229C11.5159 0.103877 11.7481 0.106388 11.899 0.246037L14.3622 2.52566C14.6292 2.77281 14.4544 3.21923 14.0905 3.21923H12.9607C12.7398 3.21923 12.5607 3.39831 12.5607 3.61923Z"
+                  fill="black"
+                />
+                <path
+                  d="M10.5509 22.5763V20.4001C10.5509 20.1791 10.73 20.0001 10.9509 20.0001H12.0834C12.3043 20.0001 12.4834 20.1791 12.4834 20.4001V22.5763C12.4834 22.7972 12.6625 22.9763 12.8834 22.9763H14.057C14.4251 22.9763 14.5978 23.4316 14.3223 23.6757L11.7496 25.9553C11.5957 26.0917 11.3635 26.0892 11.2126 25.9495L8.7494 23.6699C8.48234 23.4227 8.65722 22.9763 9.02109 22.9763H10.1509C10.3718 22.9763 10.5509 22.7972 10.5509 22.5763Z"
+                  fill="black"
+                />
+              </svg>
+            </paper-button>
+          </cdtr-tooltip>`:null}
+
+      <cdtr-tooltip content="settings">
+        <paper-button>
+          <cdtr-setting-icon></cdtr-setting-icon>
+        </paper-button>
+      </cdtr-tooltip>
+      ${this.sectionCounter>1?i.qy` <cdtr-tooltip content="delete_section">
+            <paper-button @mouseup=${this.onRemove}>
+              <cdtr-remove-icon
+                width=${"20"}
+                height=${"20"}
+              ></cdtr-remove-icon>
+            </paper-button>
+          </cdtr-tooltip>`:null}
+    </cdtr-row>`}}(0,o.A)(n,"properties",{target:{type:String},sectionCounter:{type:Number}}),(0,o.A)(n,"styles",i.AH`
+    :host {
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: fit-content;
+      background: transparent;
+      z-index: 110;
+      display: flex;
+      align-items: center;
+      width: 24px;
+    }
+
+    .wrapper {
+      top: 0;
+      right: 0;
+      padding: 5px;
+      height: 100%;
+      width: 25px;
+      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
+      transform: translate(70%, 0);
+      background: #fff;
+      border-radius: 0.2rem;
+      min-height: 90px;
+    }
+    paper-button {
+      padding: 0.2rem;
+      min-width: auto;
+      display: block;
+      margin: auto;
+    }
+  `),customElements.define("cdtr-background-handle-bar",n)}}]);

package/dist/8854.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8854],{68854(a,t,r){r.r(t),r.d(t,{NoComponent:()=>i});var l=r(24586),e=r(59929);r(9507),r(86319);class i extends e.WF{constructor(){super()}render(){return e.qy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8854],{68854(a,t,r){r.r(t),r.d(t,{NoComponent:()=>i});var l=r(24586),e=r(59929);class i extends e.WF{constructor(){super()}render(){return e.qy`
       <svg
         xmlns="http://www.w3.org/2000/svg"
         id="currentIllo"

package/dist/8916.creaditor.bundle.js

@@ -0,0 +1,18 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8916],{48916(e,t,r){r.r(t);var s=r(24586),n=r(59929);class d extends n.WF{constructor(){super()}render(){return n.qy`<hr />`}}(0,s.A)(d,"styles",n.AH`
+    :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",d)}}]);