@creaditor/newsletter-starterkit/dist/3847.creaditor.bundle.js

Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters

"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3847],{13847:(e,t,s)=>{s.r(t),s.d(t,{ImageSkeleton:()=>r});var i=s(56666),n=s(21293);class r extends n.oi{constructor(){super()}render(){return n.dy` <div class="skeleton-item skeleton-image"></div>`}}(0,i.Z)(r,"styles",n.iv`
    :host {
      display: block;
      width: 100%;
      height: 100%;
    }
    .skeleton-item {
      background: #dedee2;
      border-radius: 4px;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
    }
    .skeleton-item::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #dedee2, #e9e9ec, #dedee2);
      animation: skeleton-shimmer 1.6s ease-in-out infinite;
    }

    @keyframes skeleton-shimmer {
      0% {
        transform: translate3d(-100%, 0, 0);
      }
      100% {
        transform: translate3d(100%, 0, 0);
      }
    }
  `),(0,i.Z)(r,"properties",{}),customElements.define("cdtr-image-skeleton",r)}}]);