@creaditor/newsletter-starterkit 1.0.0

package/dist/3622.creaditor.bundle.js

@@ -0,0 +1,236 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3622],{53622:(a,i,e)=>{e.r(i),e.d(i,{CouchMark:()=>o});var s=e(56666),t=e(21293);class o extends t.oi{constructor(){super()}render(){return t.dy`<div class="pulser">
+      <div class="pulse pulse1"></div>
+      <div class="pulse pulse2"></div>
+      <div class="pulse pulse4"></div>
+    </div>`}}(0,s.Z)(o,"properties",{name:{}}),(0,s.Z)(o,"styles",t.iv`
+    :host {
+      position: relative;
+      display: inline-block;
+    }
+
+    .pulse {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 30px;
+      height: 30px;
+      -webkit-border-radius: 50%;
+      -moz-border-radius: 50%;
+      border-radius: 50%;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+
+    .pulse1 {
+      border: 13px solid var(--primary);
+      -webkit-animation: pulse1 2s linear infinite;
+      -moz-animation: pulse1 2s linear infinite;
+      animation: pulse1 2s linear infinite;
+    }
+
+    .pulse2 {
+      border: 8px solid var(--primary);
+      opacity: 0.2;
+      -webkit-animation: pulse2 2s linear infinite;
+      -moz-animation: pulse2 2s linear infinite;
+      animation: pulse2 2s linear infinite;
+    }
+
+    .pulse3 {
+      border: 10px solid var(--primary);
+      opacity: 0.5;
+      -webkit-animation: pulse3 2s linear infinite;
+      -moz-animation: pulse3 2s linear infinite;
+      animation: pulse3 2s linear infinite;
+    }
+
+    .pulse4 {
+      border: 15px solid var(--primary);
+      opacity: 0.1;
+      -webkit-animation: pulse4 2s linear infinite;
+      -moz-animation: pulse4 2s linear infinite;
+      animation: pulse4 2s linear infinite;
+      width: 30px;
+      height: 30px;
+    }
+
+    /* moz */
+    @-moz-keyframes pulse1 {
+      0% {
+        -moz-transform: scale(0);
+        opacity: 0;
+      }
+      20% {
+        -moz-transform: scale(0);
+        opacity: 0;
+      }
+      40% {
+        -moz-transform: scale(0.2);
+        opacity: 0.4;
+      }
+      60% {
+        -moz-transform: scale(0.4);
+        opacity: 0.6;
+      }
+      100% {
+        -moz-transform: scale(0.6);
+        opacity: 0;
+      }
+    }
+
+    @-moz-keyframes pulse2 {
+      0% {
+        -moz-transform: scale(0);
+        opacity: 0;
+      }
+      25% {
+        -moz-transform: scale(0.2);
+        opacity: 0.7;
+      }
+      40% {
+        -moz-transform: scale(0.4);
+        opacity: 0.5;
+      }
+      65% {
+        -moz-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -moz-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+
+    @-moz-keyframes pulse3 {
+      0% {
+        -moz-transform: scale(0.1);
+        opacity: 0;
+      }
+      25% {
+        -moz-transform: scale(0.3);
+        opacity: 0.7;
+      }
+      50% {
+        -moz-transform: scale(0.5);
+        opacity: 0.5;
+      }
+      75% {
+        -moz-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -moz-transform: scale(0.66);
+        opacity: 0;
+      }
+    }
+
+    @-moz-keyframes pulse4 {
+      0% {
+        -moz-transform: scale(0.1);
+        opacity: 0;
+      }
+      30% {
+        -moz-transform: scale(0.3);
+        opacity: 0.6;
+      }
+      80% {
+        -moz-transform: scale(0.6);
+        opacity: 0.4;
+      }
+      100% {
+        -moz-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+
+    /* webkit */
+    @-webkit-keyframes pulse1 {
+      0% {
+        -webkit-transform: scale(0);
+        opacity: 0;
+      }
+      20% {
+        -webkit-transform: scale(0);
+        opacity: 0;
+      }
+      40% {
+        -webkit-transform: scale(0.2);
+        opacity: 0.4;
+      }
+      60% {
+        -webkit-transform: scale(0.4);
+        opacity: 0.6;
+      }
+      100% {
+        -webkit-transform: scale(0.6);
+        opacity: 0;
+      }
+    }
+
+    @-webkit-keyframes pulse2 {
+      0% {
+        -webkit-transform: scale(0);
+        opacity: 0;
+      }
+      25% {
+        -webkit-transform: scale(0.2);
+        opacity: 0.7;
+      }
+      40% {
+        -webkit-transform: scale(0.4);
+        opacity: 0.5;
+      }
+      65% {
+        -webkit-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -webkit-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+
+    @-webkit-keyframes pulse3 {
+      0% {
+        -webkit-transform: scale(0.1);
+        opacity: 0;
+      }
+      25% {
+        -webkit-transform: scale(0.3);
+        opacity: 0.7;
+      }
+      50% {
+        -webkit-transform: scale(0.5);
+        opacity: 0.5;
+      }
+      75% {
+        -webkit-transform: scale(0.6);
+        opacity: 0.3;
+      }
+      100% {
+        -webkit-transform: scale(0.66);
+        opacity: 0;
+      }
+    }
+
+    @-webkit-keyframes pulse4 {
+      0% {
+        -webkit-transform: scale(0.1);
+        opacity: 0;
+      }
+      30% {
+        -webkit-transform: scale(0.3);
+        opacity: 0.6;
+      }
+      80% {
+        -webkit-transform: scale(0.6);
+        opacity: 0.4;
+      }
+      100% {
+        -webkit-transform: scale(0.8);
+        opacity: 0;
+      }
+    }
+  `),customElements.define("cdtr-couch-mark",o)}}]);