@creaditor/newsletter-starterkit 1.0.54 → 1.0.55

package/dist/1403.creaditor.bundle.js

@@ -0,0 +1,110 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1403],{71403(e,t,a){a.r(t),a.d(t,{ToastProvider:()=>s});var i=a(59929);class s extends i.WF{constructor(){super(),this.text="",this.variant="default",this.global=!0,this._open=!1,this._leaving=!1,this._hideTimer=null,this._leaveTimer=null}connectedCallback(){super.connectedCallback(),this.global&&(window.snackbar=e=>this.show(e))}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this._hideTimer),clearTimeout(this._leaveTimer)}show(){let{text:e="",timeout:t=3e3,variant:a="default"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};clearTimeout(this._hideTimer),clearTimeout(this._leaveTimer),this.text=e,this.variant=a,this.setAttribute("data-variant",a),this._leaving=!1,this._open=!0,this._hideTimer=setTimeout(()=>this.hide(),parseInt(t,10)||3e3)}hide(){this._open&&(this._leaving=!0,this._leaveTimer=setTimeout(()=>{this._open=!1,this._leaving=!1},220))}render(){return this._open?i.qy`
+      <div class="toast ${this._leaving?"leave":"enter"}" role="status" aria-live="polite">
+        <span class="accent"></span>
+        <span class="msg">${this.text}</span>
+      </div>
+    `:i.qy``}}s.properties={text:{type:String},variant:{type:String},global:{type:Boolean},_open:{state:!0},_leaving:{state:!0}},s.styles=i.AH`
+    :host {
+      position: fixed;
+      left: 24px;
+      bottom: 24px;
+      z-index: 2147483000;
+      pointer-events: none;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+        Helvetica, Arial, sans-serif;
+    }
+
+    .toast {
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+      max-width: min(92vw, 460px);
+      padding: 13px 20px 13px 16px;
+      box-sizing: border-box;
+      pointer-events: auto;
+      color: #f5f7fa;
+      font-size: 14px;
+      line-height: 1.45;
+      font-weight: 500;
+      letter-spacing: 0.1px;
+      border-radius: 14px;
+      /* glassy dark surface with a subtle top-light gradient */
+      background: linear-gradient(
+        180deg,
+        rgba(38, 46, 62, 0.96) 0%,
+        rgba(23, 29, 41, 0.96) 100%
+      );
+      border: 1px solid rgba(255, 255, 255, 0.08);
+      -webkit-backdrop-filter: blur(12px) saturate(140%);
+      backdrop-filter: blur(12px) saturate(140%);
+      /* layered depth: tight ambient edge + soft lifted key shadow */
+      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.24),
+        0 12px 32px -8px rgba(16, 24, 40, 0.55),
+        inset 0 1px 0 rgba(255, 255, 255, 0.06);
+    }
+
+    /* accent dot — colour keys the variant */
+    .accent {
+      flex: none;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--accent, #6ea8fe);
+      box-shadow: 0 0 0 4px var(--accent-glow, rgba(110, 168, 254, 0.18));
+    }
+
+    .msg {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    :host([data-variant="success"]) .toast {
+      --accent: #34d399;
+      --accent-glow: rgba(52, 211, 153, 0.2);
+    }
+    :host([data-variant="error"]) .toast {
+      --accent: #f87171;
+      --accent-glow: rgba(248, 113, 113, 0.2);
+    }
+    :host([data-variant="info"]) .toast {
+      --accent: #6ea8fe;
+      --accent-glow: rgba(110, 168, 254, 0.2);
+    }
+
+    .enter {
+      animation: toast-in 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
+    }
+    .leave {
+      animation: toast-out 220ms cubic-bezier(0.4, 0, 1, 1) both;
+    }
+
+    @keyframes toast-in {
+      from {
+        opacity: 0;
+        transform: translate(-12px, 16px) scale(0.96);
+      }
+      to {
+        opacity: 1;
+        transform: translate(0, 0) scale(1);
+      }
+    }
+    @keyframes toast-out {
+      from {
+        opacity: 1;
+        transform: translate(0, 0) scale(1);
+      }
+      to {
+        opacity: 0;
+        transform: translate(-12px, 10px) scale(0.98);
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .enter,
+      .leave {
+        animation-duration: 1ms;
+      }
+    }
+  `,customElements.get("cdtr-toast-provider")||customElements.define("cdtr-toast-provider",s)}}]);