@creaditor/web-starterkit 1.0.41 → 1.0.43

package/dist/2655.creaditor.bundle.js

@@ -0,0 +1,823 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2655],{72655(e,t,i){i.r(t),i.d(t,{NextButton:()=>P,PUBLISH_ERROR_EVENT:()=>L,PUBLISH_EVENT:()=>S});var s=i(59929),o=i(86319),n=i(93432),r=i(90090),a=i(86959),l=i(15604);const d=`${(0,a.Ay)()?"http://127.0.0.1:8000":"https://studio.creaditor.ai"}/api/seo-generate`;const c=s.qy`
+  <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16" aria-hidden="true">
+    <path
+      d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"
+    />
+  </svg>
+`;class p extends s.WF{constructor(){super(),this.resolver=null,this.dismiss=()=>{this.isConnected&&this.remove()},this.onCancel=()=>{this.loading||(this.settle(null),this.dismiss())},this.onKeywordKeydown=e=>{"Enter"===e.key||","===e.key?(e.preventDefault(),this.commitDraftKeyword()):"Backspace"===e.key&&""===this.keywordDraft&&this.keywordList.length&&(this.keywordList=this.keywordList.slice(0,-1))},this.generateField=async e=>{if(this.loading||this.generatingField)return;const t=function(){const e=document.getElementById("main-page-wrapper");return(e?.innerText||"").trim()}();if(t){this.generatingField=e;try{const i="rtl"===this.direction?"he":"en",s=await this.requestSeo(e,t,i);if("keywords"===e){const e=(Array.isArray(s)?s:String(s).split(",")).map(e=>e.trim()).filter(Boolean),t=[...this.keywordList];for(const i of e)t.includes(i)||t.push(i);this.keywordList=t}else"title"===e?this.title=String(s).slice(0,100):this.description=String(s).slice(0,255)}catch(e){console.error("[seo-generate] failed:",e),this.snackbar(this.t("seo_generate_failed","Couldn't generate. Please try again."))}finally{this.generatingField=""}}else this.snackbar(this.t("seo_generate_empty","Add some content to the page first."))},this.onPublish=()=>{this.loading||(this.commitDraftKeyword(),this.loading=!0,this.settle({seo:{title:this.title.trim(),description:this.description.trim(),keywords:[...this.keywordList]},busy:e=>{this.isConnected&&(this.loading=e)},done:this.dismiss}))},this.loading=!1,this.title="",this.description="",this.keywordList=[],this.keywordDraft="",this.keywordsFocused=!1,this.generatingField=""}static open(){const e=document.createElement("cdtr-publish-seo"),t=o.M.get("app","seo")||{};return e.title=t.title||"",e.description=t.description||"",e.keywordList=(Array.isArray(t.keywords)?t.keywords:String(t.keywords||"").split(",")).map(e=>String(e).trim()).filter(Boolean),document.body.appendChild(e),e.waitForChoice()}waitForChoice(){return new Promise(e=>{this.resolver=e})}t(e,t){return o.M.get("lang",e)||t}get direction(){const e=o.M.get("theme");return e?.direction||"rtl"}settle(e){this.resolver&&(this.resolver(e),this.resolver=null)}commitDraftKeyword(){const e=this.keywordDraft.split(",").map(e=>e.trim()).filter(Boolean);if(!e.length)return;const t=[...this.keywordList];for(const i of e)t.includes(i)||t.push(i);this.keywordList=t,this.keywordDraft=""}removeKeyword(e){this.keywordList=this.keywordList.filter((t,i)=>i!==e)}snackbar(e){const t=o.M.get("commands");t?.snackbar?.(e)}async requestSeo(e,t,i){const s=async s=>{const o=await async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const t=l.Ay;if("function"==typeof t.studioTokenProvider)try{const i=await t.studioTokenProvider({forceRefresh:e});if("string"==typeof i&&i.length>0)return i}catch{}return"string"==typeof t.studioToken&&t.studioToken.length>0?t.studioToken:null}(s),n={"Content-Type":"application/json",Accept:"application/json"};return o&&(n.Authorization=`Bearer ${o}`),fetch(d,{method:"POST",headers:n,body:JSON.stringify({content:t,field:e,language:i})})};let o=await s(!1);if(401===o.status&&(o=await s(!0)),!o.ok)throw new Error(`HTTP ${o.status}`);const n=await o.json();if(!n.ok||void 0===n.value)throw new Error("bad response");return n.value}magicButton(e){const t=this.generatingField===e;return s.qy`
+      <button
+        class="magic"
+        type="button"
+        title=${this.t("seo_generate_tooltip","Generate with AI")}
+        aria-label=${this.t("seo_generate_tooltip","Generate with AI")}
+        ?disabled=${this.loading||!!this.generatingField}
+        @click=${()=>this.generateField(e)}
+      >
+        ${t?s.qy`<span class="mini-spinner"></span>`:c}
+      </button>
+    `}render(){const e=this.direction;return s.qy`
+      <div class="backdrop" @click=${this.onCancel}></div>
+      <div class="card" dir=${e}>
+        <h2 class="heading">${this.t("ready_to_publish","Ready to publish")}</h2>
+        <p class="subheading">
+          ${this.loading?this.t("publishing_your_site","Publishing your site…"):this.t("lets_set_some_seo","Let's set some SEO")}
+        </p>
+
+        <div class="field">
+          <div class="label-row">
+            <label>${this.t("seo_title_label","Page name for search engines and social networks (SEO)")}</label>
+            ${this.magicButton("title")}
+          </div>
+          <input
+            type="text"
+            maxlength=${100}
+            ?disabled=${this.loading}
+            .value=${this.title}
+            placeholder=${this.t("seo_title_placeholder","Page name as it will appear in search engines")}
+            @input=${e=>this.title=e.target.value}
+          />
+          <div class="counter">${this.title.length}/${100}</div>
+        </div>
+
+        <div class="field">
+          <div class="label-row">
+            <label>${this.t("seo_description_label","Page description for search engine and social network promotion (SEO)")}</label>
+            ${this.magicButton("description")}
+          </div>
+          <textarea
+            maxlength=${255}
+            ?disabled=${this.loading}
+            .value=${this.description}
+            placeholder=${this.t("seo_description_placeholder","This description will appear below the site title in search engines")}
+            @input=${e=>this.description=e.target.value}
+          ></textarea>
+          <div class="counter">${this.description.length}/${255}</div>
+        </div>
+
+        <div class="field">
+          <div class="label-row">
+            <label>${this.t("seo_keywords_label","Keywords")}</label>
+            ${this.magicButton("keywords")}
+          </div>
+          <div
+            class="chips ${this.keywordsFocused?"focused":""}"
+            @click=${e=>{const t=e.currentTarget.querySelector("input");t?.focus()}}
+          >
+            ${this.keywordList.map((e,t)=>s.qy`
+                <span class="chip">
+                  ${e}
+                  <button
+                    type="button"
+                    aria-label="remove"
+                    @click=${e=>{e.stopPropagation(),this.removeKeyword(t)}}
+                  >
+                    ✕
+                  </button>
+                </span>
+              `)}
+            <input
+              type="text"
+              ?disabled=${this.loading}
+              .value=${this.keywordDraft}
+              placeholder=${this.keywordList.length?"":this.t("seo_keywords_placeholder","For example: gift,woman,gift for woman")}
+              @input=${e=>this.keywordDraft=e.target.value}
+              @keydown=${this.onKeywordKeydown}
+              @focus=${()=>this.keywordsFocused=!0}
+              @blur=${()=>{this.keywordsFocused=!1,this.commitDraftKeyword()}}
+            />
+          </div>
+        </div>
+
+        <div class="actions">
+          <button class="publish" ?disabled=${this.loading} @click=${this.onPublish}>
+            ${this.loading?s.qy`<span class="spinner"></span>`:this.t("publish","Publish")}
+          </button>
+          <button class="cancel" ?disabled=${this.loading} @click=${this.onCancel}>
+            ${this.t("cancel","Cancel")}
+          </button>
+        </div>
+      </div>
+    `}}p.styles=s.AH`
+    :host {
+      position: fixed;
+      inset: 0;
+      z-index: var(--z-blocking, 2147483646);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: var(--font-family, Arial, Helvetica, sans-serif);
+    }
+    .backdrop {
+      position: absolute;
+      inset: 0;
+      background: rgba(26, 26, 46, 0.45);
+      animation: fade 0.2s ease forwards;
+    }
+    @keyframes fade {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+    .card {
+      position: relative;
+      background: #fff;
+      border-radius: 14px;
+      box-shadow: 0 24px 60px rgba(26, 26, 46, 0.28);
+      width: 560px;
+      max-width: 92vw;
+      max-height: 90vh;
+      overflow-y: auto;
+      padding: 34px 40px 30px;
+      box-sizing: border-box;
+      opacity: 0;
+      transform: scale(0.96);
+      animation: pop 0.28s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
+    }
+    @keyframes pop {
+      to { opacity: 1; transform: scale(1); }
+    }
+    .heading {
+      font-size: 26px;
+      font-weight: 700;
+      color: #1a1a2e;
+      margin: 0;
+    }
+    .subheading {
+      font-size: 17px;
+      font-weight: 600;
+      color: #8a8f9c;
+      margin: 10px 0 0;
+    }
+    .field {
+      margin-top: 26px;
+    }
+    label {
+      display: block;
+      font-size: 14px;
+      color: #3a3a4a;
+      margin-bottom: 8px;
+    }
+    .label-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+      margin-bottom: 8px;
+    }
+    .label-row label {
+      margin-bottom: 0;
+    }
+    .magic {
+      flex: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 30px;
+      height: 30px;
+      border: 1px solid #d5d7de;
+      border-radius: 8px;
+      background: #fff;
+      color: var(--color-primary, #6366f1);
+      cursor: pointer;
+      line-height: 1;
+      transition: border-color 0.15s ease, background 0.15s ease;
+    }
+    .magic svg {
+      display: block;
+    }
+    .magic:hover:not(:disabled) {
+      border-color: var(--color-primary, #6366f1);
+      background: color-mix(in srgb, var(--primary, #6c5ce7) 10%, #fff);
+    }
+    .magic:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+    .mini-spinner {
+      width: 14px;
+      height: 14px;
+      border: 2px solid color-mix(in srgb, var(--color-primary, #6366f1) 35%, transparent);
+      border-top-color: var(--color-primary, #6366f1);
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+    input,
+    textarea {
+      width: 100%;
+      box-sizing: border-box;
+      border: 1px solid #d5d7de;
+      border-radius: 8px;
+      padding: 12px 14px;
+      font-size: 15px;
+      font-family: inherit;
+      color: #1a1a2e;
+      outline: none;
+      transition: border-color 0.15s ease, box-shadow 0.15s ease;
+    }
+    input:focus,
+    textarea:focus {
+      /* --primary is the host's brand colour and may be a gradient, which is
+         invalid for border-color and color-mix — those hosts lost the focus
+         indicator entirely. The interaction colour is always flat. */
+      border-color: var(--color-primary, #6366f1);
+      box-shadow: 0 0 0 3px var(--color-primary-ring, rgba(99, 102, 241, 0.15));
+    }
+    textarea {
+      resize: vertical;
+      min-height: 84px;
+    }
+    input::placeholder,
+    textarea::placeholder {
+      color: #a7abb5;
+    }
+    .counter {
+      margin-top: 6px;
+      font-size: 12px;
+      color: #a7abb5;
+    }
+    .chips {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px;
+      border: 1px solid #d5d7de;
+      border-radius: 8px;
+      padding: 8px 10px;
+      transition: border-color 0.15s ease, box-shadow 0.15s ease;
+    }
+    .chips.focused {
+      border-color: var(--color-primary, #6366f1);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary, #6366f1) 25%, transparent);
+    }
+    .chip {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      /* Solid fallback first: if --primary carries a value color-mix can't
+         parse (e.g. a bare RGB triplet), the mix declaration is dropped and
+         this fixed tint keeps the chip visible. */
+      background: #eceafc;
+      background: color-mix(in srgb, var(--primary, #6c5ce7) 15%, #fff);
+      color: var(--color-primary, #6366f1);
+      border-radius: 6px;
+      padding: 5px 8px 5px 10px;
+      font-size: 14px;
+      line-height: 1;
+      white-space: nowrap;
+    }
+    .chip button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 16px;
+      height: 16px;
+      border: none;
+      background: transparent;
+      color: inherit;
+      font-size: 15px;
+      line-height: 1;
+      cursor: pointer;
+      padding: 0;
+      opacity: 0.7;
+    }
+    .chip button:hover {
+      opacity: 1;
+    }
+    .chips input {
+      flex: 1;
+      min-width: 120px;
+      border: none;
+      padding: 4px;
+      box-shadow: none;
+    }
+    .chips input:focus {
+      border: none;
+      box-shadow: none;
+    }
+    .actions {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 34px;
+    }
+    .publish {
+      background: var(--primary, #6c5ce7);
+      color: #fff;
+      border: none;
+      border-radius: 8px;
+      padding: 14px 34px;
+      font-size: 16px;
+      font-weight: 600;
+      font-family: inherit;
+      cursor: pointer;
+      transition: filter 0.15s ease, opacity 0.15s ease;
+    }
+    .publish:hover {
+      filter: brightness(1.05);
+    }
+    .publish:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+    .cancel {
+      background: none;
+      border: none;
+      color: #4a4a5a;
+      font-size: 16px;
+      font-family: inherit;
+      cursor: pointer;
+      padding: 8px;
+    }
+    .cancel:hover {
+      color: #1a1a2e;
+    }
+    .spinner {
+      display: inline-block;
+      width: 18px;
+      height: 18px;
+      border: 2px solid rgba(255, 255, 255, 0.5);
+      border-top-color: #fff;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+      vertical-align: middle;
+    }
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+  `,p.properties={loading:{type:Boolean},title:{type:String},description:{type:String},keywordList:{type:Array},keywordDraft:{type:String},keywordsFocused:{type:Boolean},generatingField:{type:String}},customElements.define("cdtr-publish-seo",p);class h extends s.WF{constructor(){super(),this.raf=0,this.dismissTimer=null,this.onKeyDown=e=>{"Escape"===e.key&&this.dismiss()},this.dismiss=()=>{this.isConnected&&this.remove()},this.copyLink=async()=>{if(this.url)try{await navigator.clipboard.writeText(this.url),this.copied=!0,setTimeout(()=>this.copied=!1,2e3)}catch{}},this.message="",this.sub="",this.url="",this.seoTitle="",this.seoDescription="",this.copied=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.onKeyDown)}firstUpdated(){this.launchConfetti(),this.dismissTimer=setTimeout(()=>this.dismiss(),6500)}disconnectedCallback(){super.disconnectedCallback(),cancelAnimationFrame(this.raf),this.dismissTimer&&clearTimeout(this.dismissTimer),document.removeEventListener("keydown",this.onKeyDown)}t(e,t){return o.M.get("lang",e)||t}get direction(){const e=o.M.get("theme");return e?.direction||"rtl"}get host(){return this.url?this.url.replace(/^https?:\/\//,"").replace(/\/+$/,""):""}launchConfetti(){const e=this.renderRoot.querySelector("canvas");if(!e)return;const t=e.getContext("2d");if(!t)return;const i=window.devicePixelRatio||1,s=window.innerWidth,o=window.innerHeight;e.width=s*i,e.height=o*i,t.scale(i,i);const n=["#e94560","#1a1a2e","#f6c945","#2ec7a9","#4d7cfe","#ffffff"],r=s/2,a=.42*o,l=Math.min(220,Math.round(s/6)),d=Array.from({length:l},(e,t)=>{const i=2*Math.PI*t/l+t%3*.4,s=4+t%9;return{x:r,y:a,vx:Math.cos(i)*s,vy:Math.sin(i)*s-3,size:5+t%5,color:n[t%n.length],rot:t,vrot:(t%2?1:-1)*(.1+t%5*.03),life:1}}),c=performance.now(),p=e=>{const i=e-c;t.clearRect(0,0,s,o);let n=!1;for(const e of d)e.vy+=.16,e.x+=e.vx,e.y+=e.vy,e.rot+=e.vrot,i>2600*.55&&(e.life=Math.max(0,e.life-.02)),e.life>0&&e.y<o+40&&(n=!0),t.save(),t.globalAlpha=e.life,t.translate(e.x,e.y),t.rotate(e.rot),t.fillStyle=e.color,t.fillRect(-e.size/2,-e.size/2,e.size,.6*e.size),t.restore();n&&i<3e3?this.raf=requestAnimationFrame(p):t.clearRect(0,0,s,o)};this.raf=requestAnimationFrame(p)}renderPreview(){const e=this.host;if(!e)return s.s6;const t=(this.seoTitle||"").trim()||(this.seoDescription?"":e),i=(this.seoDescription||"").trim(),o=(t||e).charAt(0);return s.qy`
+      <div class="preview">
+        <p class="preview-caption">${this.t("search_preview_label","How your page will look on Google")}</p>
+        <div class="result-head">
+          <span class="favicon">${o}</span>
+          <div class="result-url">
+            <div class="result-host">${e.split("/")[0]}</div>
+            <div class="result-crumb">${e}</div>
+          </div>
+        </div>
+        ${t?s.qy`<p class="result-title">${t}</p>`:s.s6}
+        ${i?s.qy`<p class="result-desc">${i}</p>`:s.s6}
+      </div>
+    `}render(){const e=this.direction,t=this.copied?s.qy`<svg viewBox="0 0 24 24" fill="none"><path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" /></svg>`:s.qy`<svg viewBox="0 0 24 24" fill="none"><rect x="9" y="9" width="11" height="11" rx="2" stroke="currentColor" stroke-width="2" /><path d="M5 15V5a2 2 0 0 1 2-2h10" stroke="currentColor" stroke-width="2" stroke-linecap="round" /></svg>`;return s.qy`
+      <canvas @click=${this.dismiss}></canvas>
+      <div class="card" dir=${e}>
+        <button
+          class="close"
+          type="button"
+          aria-label=${this.t("close","Close")}
+          title=${this.t("close","Close")}
+          @click=${this.dismiss}
+        >
+          <svg viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" /></svg>
+        </button>
+        <div class="check">
+          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M5 13l4 4L19 7" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
+          </svg>
+        </div>
+        <p class="title">${this.message||this.t("published","Published!")}</p>
+        <p class="sub">${this.sub||this.t("publishedSub","Your site is live.")}</p>
+
+        ${this.renderPreview()}
+
+        ${this.url?s.qy`
+              <div class="actions">
+                <a class="view" href=${this.url} target="_blank" rel="noopener">
+                  <svg viewBox="0 0 24 24" fill="none"><path d="M14 4h6v6M20 4l-9 9M18 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
+                  ${this.t("view_site","View site")}
+                </a>
+                <button class="copy" type="button" @click=${this.copyLink}>
+                  ${t}
+                  ${this.copied?this.t("link_copied","Link copied"):this.t("copy_link","Copy link")}
+                </button>
+              </div>
+            `:s.s6}
+      </div>
+    `}}h.styles=s.AH`
+    :host {
+      position: fixed;
+      inset: 0;
+      z-index: var(--z-blocking, 2147483646);
+      pointer-events: none;
+      display: block;
+      font-family: var(--font-family, Arial, Helvetica, sans-serif);
+    }
+    canvas {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+    }
+    .card {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%) scale(0.9);
+      background: #ffffff;
+      border-radius: 20px;
+      box-shadow: 0 30px 80px rgba(26, 26, 46, 0.32);
+      padding: 36px 40px 32px;
+      text-align: center;
+      pointer-events: auto;
+      opacity: 0;
+      animation: pop 0.44s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
+      width: 460px;
+      max-width: 90vw;
+      box-sizing: border-box;
+    }
+    @keyframes pop {
+      to {
+        opacity: 1;
+        transform: translate(-50%, -50%) scale(1);
+      }
+    }
+    /* Manual dismiss. The card also auto-closes, but the confetti + preview
+       invite lingering — the user needs a way out on their own terms.
+       inset-inline-end so it lands top-left in the RTL card, top-right in LTR. */
+    .close {
+      position: absolute;
+      top: 12px;
+      inset-inline-end: 12px;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+      border: none;
+      border-radius: 50%;
+      background: transparent;
+      color: #a7abb5;
+      cursor: pointer;
+      transition: background 0.15s ease, color 0.15s ease;
+    }
+    .close:hover {
+      background: #f1f2f6;
+      color: #1a1a2e;
+    }
+    .close svg {
+      width: 16px;
+      height: 16px;
+    }
+    .check {
+      width: 68px;
+      height: 68px;
+      border-radius: 50%;
+      background: #2ec7a9;
+      margin: 0 auto 18px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 0 0 0 rgba(46, 199, 169, 0.45);
+      animation: ring 1.6s ease-out 0.2s;
+    }
+    @keyframes ring {
+      0% { box-shadow: 0 0 0 0 rgba(46, 199, 169, 0.45); }
+      70% { box-shadow: 0 0 0 18px rgba(46, 199, 169, 0); }
+      100% { box-shadow: 0 0 0 0 rgba(46, 199, 169, 0); }
+    }
+    .check svg {
+      width: 34px;
+      height: 34px;
+    }
+    .title {
+      font-size: 24px;
+      font-weight: 700;
+      color: #1a1a2e;
+      margin: 0;
+    }
+    .sub {
+      font-size: 14px;
+      color: #8a8f9c;
+      margin: 8px 0 0;
+    }
+
+    /* Google-style search-result preview — the payoff for the SEO step. */
+    .preview {
+      margin-top: 22px;
+      border: 1px solid #e6e8ee;
+      border-radius: 12px;
+      padding: 14px 16px;
+      text-align: start;
+      background: #fbfbfd;
+    }
+    .preview-caption {
+      font-size: 11px;
+      font-weight: 600;
+      letter-spacing: 0.02em;
+      text-transform: uppercase;
+      color: #a7abb5;
+      margin: 0 0 10px;
+    }
+    .result-head {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .favicon {
+      flex: none;
+      width: 26px;
+      height: 26px;
+      border-radius: 50%;
+      background: var(--primary, #6c5ce7);
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 13px;
+      font-weight: 700;
+      text-transform: uppercase;
+    }
+    .result-url {
+      min-width: 0;
+    }
+    .result-host {
+      font-size: 13px;
+      color: #1a1a2e;
+      line-height: 1.2;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* URLs read left-to-right even in an RTL card. */
+      direction: ltr;
+      text-align: start;
+    }
+    .result-crumb {
+      font-size: 12px;
+      color: #6a7280;
+      line-height: 1.2;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      direction: ltr;
+      text-align: start;
+    }
+    .result-title {
+      margin: 8px 0 0;
+      font-size: 18px;
+      line-height: 1.3;
+      color: #1a56db;
+      font-weight: 500;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+    }
+    .result-desc {
+      margin: 4px 0 0;
+      font-size: 13px;
+      line-height: 1.5;
+      color: #4d5562;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+
+    .actions {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      margin-top: 24px;
+    }
+    .view {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      background: var(--primary, #6c5ce7);
+      color: #fff;
+      text-decoration: none;
+      font-size: 15px;
+      font-weight: 600;
+      padding: 12px 26px;
+      border-radius: 10px;
+      transition: filter 0.15s ease;
+    }
+    .view:hover {
+      filter: brightness(1.06);
+    }
+    .view svg {
+      width: 16px;
+      height: 16px;
+    }
+    .copy {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      background: #fff;
+      color: #4a4a5a;
+      border: 1px solid #d5d7de;
+      font-size: 15px;
+      font-family: inherit;
+      font-weight: 500;
+      padding: 12px 18px;
+      border-radius: 10px;
+      cursor: pointer;
+      transition: border-color 0.15s ease, color 0.15s ease;
+    }
+    .copy:hover {
+      border-color: var(--color-primary, #6366f1);
+      color: #1a1a2e;
+    }
+    .copy svg {
+      width: 15px;
+      height: 15px;
+    }
+  `,h.properties={message:{type:String},sub:{type:String},url:{type:String},seoTitle:{type:String},seoDescription:{type:String},copied:{type:Boolean}},customElements.define("cdtr-publish-success",h);var u=i(19623),f=i(2285),g=i(69600);const b=l.Ay,x=e=>{if(!e.fix)return!1;let t=!1;for(const i of e.fix.patches){const e=o.M.get("components",i.id);e&&(b.store().execCommand2({transactions:[{key:i.key,value:i.value}],update:[e]}),t=!0)}return t},m=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return(o.M.get("lang",e)||e).replace(/\{(\w+)\}/g,(e,i)=>null!=t[i]?String(t[i]):"")},y=e=>{const t=e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i);return t?"#"+t.slice(1,4).map(e=>Number(e).toString(16).padStart(2,"0")).join(""):e},w=e=>new Promise(t=>setTimeout(t,e)),v=()=>!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches,k=e=>`${e.ruleId}|${e.elementIds.join(",")}`,$=e=>e.filter(e=>"error"===e.severity).length,_={"col-grid":"inbox","block-too-wide":"inbox","gmail-clip":"inbox","wider-than-container":"phone","fixed-without-max":"phone","cramped-columns":"phone"};class z extends s.WF{constructor(){super(),this.resolve=()=>{},this.htmlBytes=void 0,this.fixedTimer=void 0,this.findings=[],this.collapsed=!1,this.open={},this.fixing=new Set,this.fixedCount=0,this.analyzing=!1,this.stage="",this.stageCount=0,this.autoFixed=0,this.addEventListener("click",e=>{e.composedPath()[0]===this&&this.dismiss()}),this.onKeydown=this.onKeydown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){"Escape"===e.key&&this.dismiss()}dismiss(){this.collapsed||this.stage||this.fixing.size>0||this.analyzing||this.resolve("edit")}get groups(){return(0,u.kG)(this.findings)}isOpen(e,t){return this.open[e.id]??0===t}toggle(e,t){this.open={...this.open,[e.id]:!this.isOpen(e,t)}}rerun(){this.findings=(0,u.JT)((0,f.D)(),{channel:(0,f.l)(),htmlBytes:this.htmlBytes})}async runFixes(e){!this.fixing.size&&e.length&&(this.fixing=new Set(e.map(k)),await w(v()?0:1100),e.forEach(x),await w(60),this.rerun(),this.fixing=new Set,this.fixedCount=e.reduce((e,t)=>e+t.count,0),clearTimeout(this.fixedTimer),this.fixedTimer=setTimeout(()=>this.fixedCount=0,2400))}fix(e){this.runFixes([e])}fixGroup(e){this.runFixes(e.items.filter(e=>e.fix))}show(e){this.collapsed=!0,(e=>{const t=o.M.get("components",e);t&&(b.clean().selectComponent(t),setTimeout(()=>{const t=document.querySelector(`[data-id="${CSS.escape(e)}"]`);if(!t)return;const i=t.closest(".amazingbar-content-wrapper");if(i){const e=i.getBoundingClientRect(),s=t.getBoundingClientRect();i.scrollTop+=s.top-e.top-(i.clientHeight-s.height)/2}else t.scrollIntoView({block:"center"})},300))})(e.elementIds[0]||e.elementId)}async analyze(e){this.analyzing=!0;try{const[t]=await Promise.all([e(),w(v()?0:600)]);this.findings=t.findings,void 0!==t.htmlBytes&&(this.htmlBytes=t.htmlBytes)}finally{this.analyzing=!1}}expand(){this.collapsed=!1,this.analyze(()=>({findings:(0,u.JT)((0,f.D)(),{channel:(0,f.l)(),htmlBytes:this.htmlBytes})}))}get canFixAndContinue(){const e=this.findings.filter(e=>"error"===e.severity);return e.length>0&&e.every(e=>e.fix)}async fixAndContinue(){const e=this.groups.flatMap(e=>e.items).filter(e=>"error"===e.severity&&e.fix);await this.runFixes(e),$(this.findings)||setTimeout(()=>this.resolve("continue"),v()?0:700)}renderSample(e){const t=e.message.params||{},i=e=>"string"==typeof e&&/^[#\w(),.%\s]+$/.test(e);return i(t.color)&&i(t.background)?s.qy`<div class="sample">
+      <b style="color:${t.color};background:${t.background}">Aa אב</b>
+      <code dir="ltr">${y(String(t.color))} / ${y(String(t.background))}</code>
+    </div>`:null}renderOnlyShows(e){const t=_[e.ruleId];if(!t)return null;const i="phone"===t?s.qy`<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="7" y="2" width="10" height="20" rx="2" /><path d="M11 18h2" /></svg>`:s.qy`<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2" /><path d="m3 7 9 6 9-6" /></svg>`;return s.qy`<span class="only-shows" title=${m("preflight_only_shows_hint")}>${i}${m(`preflight_only_${t}`)}</span>`}renderStage(){const e=this.stageCount,t="checking"===this.stage?s.qy`<span class="spark" aria-hidden="true">✦</span><div><b>${m("preflight_checking")}</b></div>`:"fixing"===this.stage?s.qy`<span class="spark" aria-hidden="true">✦</span><div>
+              <b>${m("preflight_found_breaking",{count:e})}</b><small>${m("preflight_fixing_breaking")}</small></div>`:s.qy`<span class="ok" aria-hidden="true">✓</span><div><b>${m("preflight_fixed_breaking",{count:e})}</b></div>`;return s.qy`<div class="pop" role="status" aria-live="polite">${t}</div>`}renderAnalyzing(){return s.qy`<div class="card" role="dialog" aria-modal="true" aria-labelledby="pf-title" aria-busy="true">
+      <header>
+        <div>
+          <h2 id="pf-title">${m("preflight_title")}</h2>
+          <p class="ai-note">${m("preflight_ai_note")}</p>
+        </div>
+      </header>
+      <div class="analyzing" role="status">
+        <span class="spark" aria-hidden="true">✦</span>${m("preflight_analyzing")}
+      </div>
+      <div class="groups">
+        ${[0,1,2].map(()=>s.qy`<div class="skeleton"></div>`)}
+      </div>
+      <footer>
+        <button @click=${()=>this.resolve("edit")}>${m("preflight_back")}</button>
+      </footer>
+    </div>`}renderGroup(e,t){const i=this.isOpen(e,t),o=e.items.filter(e=>e.fix);return s.qy`<section class=${e.id} ?data-open=${i}>
+      <div class="head" role="button" tabindex="0" aria-expanded=${i?"true":"false"}
+        @click=${()=>this.toggle(e,t)}
+        @keydown=${i=>("Enter"===i.key||" "===i.key)&&(i.preventDefault(),this.toggle(e,t))}>
+        <span class="chev">▸</span>
+        <h3>${m(`preflight_group_${e.id}`)}</h3>
+        <span class="badge">${e.items.reduce((e,t)=>e+t.count,0)}</span>
+        ${o.length?s.qy`<button class="fix-all" ?disabled=${this.fixing.size>0}
+              @click=${t=>{t.stopPropagation(),this.fixGroup(e)}}>
+              ${o.some(e=>this.fixing.has(k(e)))?s.qy`<span class="spark" aria-hidden="true">✦</span> ${m("preflight_fixing")}`:m("preflight_fix_group",{count:o.reduce((e,t)=>e+t.count,0)})}
+            </button>`:null}
+      </div>
+      ${i?s.qy`<ul>
+            ${e.items.map(e=>s.qy`<li class=${this.fixing.has(k(e))?"fixing":""}>
+                <span class="text">${m(e.message.key,e.message.params||{})}${e.count>1?s.qy` <bdi class="times">×${e.count}</bdi>`:null}${this.renderSample(e)}${this.renderOnlyShows(e)}</span>
+                <button @click=${()=>this.show(e)}>${m("preflight_show")}</button>
+                ${e.fix?s.qy`<button ?disabled=${this.fixing.size>0} @click=${()=>this.fix(e)}>
+                      ${this.fixing.has(k(e))?s.qy`<span class="spark" aria-hidden="true">✦</span>`:null}${m(e.fix.label)}
+                    </button>`:null}
+              </li>`)}
+          </ul>`:null}
+    </section>`}render(){const e=this.findings.length;if(this.collapsed)return s.qy`<button class="primary" @click=${this.expand}>${m("preflight_title")} (${e})</button>`;if(this.stage)return this.renderStage();if(this.analyzing)return this.renderAnalyzing();const t=$(this.findings);let i;return i=t?this.canFixAndContinue?s.qy`<button class="primary" ?disabled=${this.fixing.size>0} @click=${this.fixAndContinue}>
+        ${this.fixing.size?s.qy`<span class="spark" aria-hidden="true">✦</span> ${m("preflight_fixing")}`:m("preflight_fix_and_continue")}
+      </button>`:s.qy`<button class="primary" @click=${()=>this.resolve("continue")}>${m("preflight_continue_anyway")}</button>`:s.qy`<button class="primary" @click=${()=>this.resolve("continue")}>${m("preflight_continue")}</button>`,s.qy`<div class="card" role="dialog" aria-modal="true" aria-labelledby="pf-title">
+      <header>
+        <div>
+          <h2 id="pf-title">${m("preflight_title")}</h2>
+          <p class="ai-note">${m("preflight_ai_note")}</p>
+        </div>
+        <span class="summary ${t?"bad":""}">
+          ${t?m("preflight_must_fix",{count:t}):m("preflight_nothing_must_fix")}
+        </span>
+      </header>
+      ${this.autoFixed?s.qy`<div class="auto-note">✨ ${m("preflight_auto_fixed",{count:this.autoFixed})}</div>`:null}
+      ${this.fixedCount?s.qy`<div class="fixed-note" role="status">✨ ${m("preflight_fixed_count",{count:this.fixedCount})}</div>`:null}
+      <div class="groups">
+        ${this.findings.length?this.groups.map((e,t)=>this.renderGroup(e,t)):s.qy`<p class="all-good">✓ ${m("preflight_all_good")}</p>`}
+      </div>
+      <footer>
+        <button @click=${()=>this.resolve("edit")}>${m("preflight_back")}</button>
+        ${i}
+      </footer>
+    </div>`}}z.properties={findings:{attribute:!1},collapsed:{type:Boolean,reflect:!0},open:{attribute:!1},fixing:{attribute:!1},fixedCount:{attribute:!1},analyzing:{attribute:!1},stage:{type:String,reflect:!0},stageCount:{attribute:!1},autoFixed:{attribute:!1}},z.styles=s.AH`
+    :host { position: fixed; inset: 0; display: grid; place-items: center; background: rgb(15 23 42 / 0.35); font: 14px/1.5 system-ui, sans-serif; color: #0f172a; }
+    :host([stage]:not([stage=""])) { inset: auto; display: block; background: none; }
+    .pop { width: 290px; padding: 14px 16px; background: #fff; border-radius: 12px; box-shadow: 0 12px 32px rgb(0 0 0 / 0.18);
+      border: 1px solid #eef0f3; display: flex; gap: 10px; align-items: flex-start; animation: pop 0.25s ease-out; }
+    .pop .spark { margin: 2px 0 0; font-size: 15px; }
+    .pop b { display: block; font-size: 14px; }
+    .pop small { display: block; margin-top: 2px; color: #64748b; font-size: 12.5px; }
+    .pop .ok { color: #16a34a; font-size: 16px; line-height: 1.2; }
+    .auto-note { margin: 10px 12px 0; padding: 8px 12px; border-radius: 10px; font-size: 13px; color: #166534;
+      background: linear-gradient(90deg, #ecfdf5, #f5f3ff); }
+    :host([collapsed]) { inset: auto; inset-block-end: 16px; inset-inline-end: 16px; background: none; }
+    .card { width: min(580px, calc(100vw - 32px)); max-height: 80vh; display: flex; flex-direction: column; background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgb(0 0 0 / 0.25); }
+    header { padding: 16px 20px; border-bottom: 1px solid #eef0f3; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
+    h2 { margin: 0; font-size: 16px; }
+    .ai-note { margin: 2px 0 0; font-size: 12.5px; color: #64748b; }
+    .summary { font-size: 13px; color: #64748b; }
+    .summary.bad { color: #b91c1c; font-weight: 600; }
+    .groups { overflow: auto; padding: 8px 12px; }
+    section { border: 1px solid #eef0f3; border-radius: 10px; margin: 8px 0; overflow: hidden; }
+    section.mobile { border-color: #fecaca; }
+    section.missing { border-color: #fed7aa; }
+    .head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; background: #f8fafc; }
+    section.mobile .head { background: #fef2f2; }
+    section.missing .head { background: #fff7ed; }
+    .head h3 { margin: 0; font-size: 14px; flex: 1; }
+    .chev { transition: transform 0.15s; color: #64748b; }
+    section[data-open] .chev { transform: rotate(90deg); }
+    :host([dir="rtl"]) section:not([data-open]) .chev { transform: rotate(180deg); }
+    .badge { min-width: 20px; padding: 0 6px; border-radius: 10px; background: #e2e8f0; font-size: 12px; text-align: center; }
+    section.mobile .badge { background: #dc2626; color: #fff; }
+    section.missing .badge { background: #ea580c; color: #fff; }
+    ul { list-style: none; margin: 0; padding: 0 12px 6px; }
+    li { display: flex; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid #f3f4f6; }
+    .text { flex: 1; }
+    .times { color: #64748b; font-size: 12px; margin-inline-start: 6px; }
+    .sample { display: flex; width: fit-content; align-items: center; gap: 6px; margin-top: 4px; font-size: 12px; color: #64748b; }
+    .sample b { padding: 2px 10px; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 15px; }
+    .sample code { font: 11px ui-monospace, monospace; }
+    button { font: inherit; border-radius: 8px; padding: 5px 11px; border: 1px solid #d0d5dd; background: #fff; color: inherit; cursor: pointer; white-space: nowrap; }
+    button.primary { background: #4f46e5; border-color: #4f46e5; color: #fff; }
+    button.fix-all { background: #111827; border-color: #111827; color: #fff; }
+    button:disabled { cursor: default; opacity: 0.85; }
+    li { position: relative; transition: opacity 0.3s; }
+    li.fixing { border-radius: 8px; }
+    li.fixing::after {
+      content: ""; position: absolute; inset: 2px -6px; border-radius: 8px; pointer-events: none;
+      background: linear-gradient(100deg, transparent 20%, rgb(139 92 246 / 0.16) 40%, rgb(236 72 153 / 0.18) 50%, rgb(59 130 246 / 0.16) 60%, transparent 80%);
+      background-size: 250% 100%; animation: shimmer 1.1s ease-in-out infinite;
+    }
+    li.fixing .text { opacity: 0.55; }
+    .spark { display: inline-block; margin-inline-end: 4px; animation: spin 1s linear infinite; color: #a855f7; }
+    button.fix-all .spark, button.primary .spark { color: #f0abfc; }
+    .all-good { margin: 18px 8px; font-weight: 600; color: #166534; }
+    .fixed-note { margin: 10px 12px 0; padding: 8px 12px; border-radius: 10px; font-weight: 600; color: #166534;
+      background: linear-gradient(90deg, #ecfdf5, #f5f3ff); animation: pop 0.35s ease-out; }
+    @keyframes shimmer { from { background-position: 125% 0; } to { background-position: -125% 0; } }
+    @keyframes spin { to { transform: rotate(360deg); } }
+    @keyframes pop { from { opacity: 0; transform: translateY(-4px) scale(0.98); } to { opacity: 1; transform: none; } }
+    @media (prefers-reduced-motion: reduce) { li.fixing::after, .spark, .fixed-note { animation: none; } }
+    .only-shows { display: flex; width: fit-content; align-items: center; gap: 4px; margin-top: 4px; padding: 1px 8px 1px 6px;
+      border-radius: 999px; background: #f5f3ff; color: #6d28d9; font-size: 11.5px; font-weight: 600; }
+    .only-shows svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+    .analyzing { display: flex; align-items: center; gap: 4px; padding: 14px 20px 4px; font-weight: 600; color: #6d28d9; }
+    .skeleton { height: 44px; margin: 8px 0; border-radius: 10px;
+      background: linear-gradient(100deg, #f3f4f6 20%, #ede9fe 50%, #f3f4f6 80%); background-size: 250% 100%;
+      animation: shimmer 1.1s ease-in-out infinite; }
+    @media (prefers-reduced-motion: reduce) { .skeleton { animation: none; } }
+    footer { padding: 14px 20px; display: flex; gap: 8px; justify-content: flex-end; border-top: 1px solid #eef0f3; flex-wrap: wrap; }
+  `,customElements.get("cdtr-preflight")||customElements.define("cdtr-preflight",z);const C={check:(e,t)=>new Promise((i,s)=>{const n=document.createElement("cdtr-preflight");n.dir=(()=>{const e=o.M.get("theme");if("rtl"===e?.direction||"ltr"===e?.direction)return e.direction;const t=getComputedStyle(document.documentElement).getPropertyValue("--direction-locale").trim();if("rtl"===t||"ltr"===t)return t;const i=String(o.M.get("config","language")||"");return/^(he|ar|fa|ur)/i.test(i)?"rtl":"ltr"})(),n.style.zIndex=String(Number((0,g.A)())+10);(()=>{const t=e.getBoundingClientRect();n.style.top=`${Math.round(t.bottom+8)}px`;const i="rtl"===n.dir?t.left:t.right-290;n.style.left=`${Math.max(8,Math.min(Math.round(i),window.innerWidth-298))}px`})(),n.stage="checking",n.resolve=e=>{n.remove(),i(e)},document.body.appendChild(n);const r=e=>w(v()?0:e);(async()=>{const[e]=await Promise.all([t(),r(700)]);n.htmlBytes=e.htmlBytes;let i=e.findings;const s=(e=>e.filter(e=>e.fix&&_[e.ruleId]))(i);s.length&&(n.stageCount=s.length,n.stage="fixing",await r(1200),s.forEach(x),await w(60),i=(0,u.JT)((0,f.D)(),{channel:(0,f.l)(),htmlBytes:n.htmlBytes}),n.stage="fixed",await r(900)),i.length?(n.findings=i,n.autoFixed=s.length,n.style.top=n.style.left="",n.stage=""):n.resolve("continue")})().catch(e=>{n.remove(),s(e)})})};const S="creaditor:publish",L="creaditor:publish-error",T=async()=>{const e=(0,f.l)(),t=await async function(e){if("newsletter"===e)try{const e=await Promise.race([(0,n.FE)("newsletter"),new Promise(e=>setTimeout(()=>e(void 0),8e3))]);return"string"==typeof e?new Blob([e]).size:void 0}catch{return}}(e);return{findings:(0,u.JT)((0,f.D)(),{channel:e,htmlBytes:t}),htmlBytes:t}};class P extends s.WF{constructor(){super(),this.preflightOpen=!1,this.channel="",this.isLoading=!1,this.isLocked=!1,this.lockTimer=null}connectedCallback(){super.connectedCallback(),this.onNextStep||(this.onNextStep=o.M.get("config","onNextStep")),this.onPublish||(this.onPublish=o.M.get("config","onPublish")),this.channel||(this.channel=o.M.get("config","channel")||"")}disconnectedCallback(){super.disconnectedCallback(),this.clearTimers()}clearTimers(){this.lockTimer&&(clearTimeout(this.lockTimer),this.lockTimer=null)}async onNextClick(){if(this.isLocked||this.isLoading)return;if(this.preflightOpen)return void document.querySelector("cdtr-preflight")?.expand?.();if("newsletter"!==(0,f.l)())return this.handleClick();let e="continue";this.preflightOpen=!0;try{e=await C.check(this,T)}catch(t){console.warn("[preflight] checks failed",t),e="continue"}finally{this.preflightOpen=!1}"continue"===e&&await this.handleClick()}async handleClick(){if(this.isLocked||this.isLoading)return;document.querySelector("cdtr-preflight")?.resolve?.("edit");const e=!!o.M.get("config","access"),t="web"===this.channel,i=e&&t;let s=null;if(t&&(s=await p.open(),!s))return;const a=s?s.seo:null;this.isLoading=!0,this.isLocked=!0;const l=Date.now();this.lockTimer=setTimeout(()=>{this.clearTimers(),this.isLoading=!1,this.isLocked=!1},1e4);try{if(t&&s){let e=!1;try{i&&a&&(await(0,r.YE)({seo:a}),await(0,r.bK)({})),"function"==typeof this.onPublish?e=await this.runHostPublish(this.onPublish,a,i,s):"function"==typeof this.onNextStep&&await this.onNextStep({toHTML:n.FE,toJSON:n.U2,seo:a??void 0})}finally{s.done()}return void(e||(this.emitPublished(i,a),this.celebratePublish(a)))}const e=o.M.get("config","editor","props","onSave"),l=Date.now();"function"==typeof e&&await e({transactions:[],toJson:n.U2,toJSON:n.U2,toHTML:n.FE});const d=Date.now()-l;d<3e3&&await new Promise(e=>setTimeout(e,3e3-d)),"function"==typeof this.onNextStep&&await this.onNextStep({toHTML:n.FE,toJSON:n.U2}),this.emitPublished(i,a)}catch(e){console.error("Error in publish/onNextStep:",e),this.emitPublishError(i,a,e),this.snackbar(o.M.get("lang","publishError")||"Publish failed")}finally{const e=Date.now()-l;e<400&&await new Promise(t=>setTimeout(t,400-e)),this.clearTimers(),this.isLoading=!1,this.isLocked=!1}}runHostPublish(e,t,i,s){return new Promise(a=>{let l=!1;const d=(e,n,r)=>{l||(l=!0,clearTimeout(c),s.done(),e?(this.celebratePublish(t),this.emitPublished(i,t)):(this.snackbar(r||o.M.get("lang","publishError")||"Publish failed"),this.emitPublishError(i,t,n)),a(!0))},c=setTimeout(()=>{l||(console.warn("config.onPublish never signalled completion — finishing the publish without it. Call success() or error() (or return a promise) so the modal can come down."),l=!0,s.done(),a(!1))},6e4),p={title:t.title,description:t.description,keywords:t.keywords},h={loading:function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return s.busy(e)},success:()=>d(!0),confetti:()=>d(!0),error:e=>d(!1,new Error(e||"host publish failed"),e),commands:{patchSite:e=>(0,r.YE)(e??{}),publishSite:e=>(0,r.bK)(e??{}),toHTML:n.FE,toJSON:n.U2}};let u;try{u=e(p,h)}catch(e){return console.error("Error in config.onPublish:",e),void d(!1,e)}u&&"function"==typeof u.then&&Promise.resolve(u).then(()=>d(!0),e=>{console.error("Error in config.onPublish:",e),d(!1,e)})})}snackbar(e){const t=o.M.get("commands");t?.snackbar?.(e)}siteUrl(){const e=o.M.get("app","domains"),t=e?.[0]?.name;if(t)return/^https?:\/\//.test(t)?t:`https://${t}`}emitPublished(e,t){const i={channel:this.channel,selfPublish:e,seo:t??void 0,url:this.siteUrl(),toHTML:n.FE,toJSON:n.U2};window.dispatchEvent(new CustomEvent(S,{detail:i}))}emitPublishError(e,t,i){const s={channel:this.channel,selfPublish:e,seo:t??void 0,error:i};window.dispatchEvent(new CustomEvent(L,{detail:s}))}celebratePublish(e){const t=document.createElement("cdtr-publish-success");e&&(t.seoTitle=e.title,t.seoDescription=e.description);const i=this.siteUrl();i&&(t.url=i),document.body.appendChild(t)}render(){const e=!!o.M.get("config","access");if(!(this.onNextStep||"function"==typeof this.onPublish||"web"===this.channel&&e))return null;const t="web"===this.channel?"publish":"next";return s.qy`
+      <paper-button
+        @click=${this.onNextClick}
+        class="next-button"
+        ?disabled=${this.isLocked}
+      >
+        ${this.isLoading?s.qy`
+              <div class="loading-spinner"></div>
+            `:s.qy`
+              <div class="button-content ${this.isLoading?"loading":""}">
+                <lang-text text=${t}></lang-text>
+              </div>
+            `}
+      </paper-button>
+    `}}P.styles=s.AH`
+    :host {
+      display: block;
+    }
+
+    .next-button {
+      background: var(--primary);
+      color: var(--primary-text);
+      fill: var(--primary-text);
+      text-transform: none;
+      color: #fff;
+      height: 52px;
+      border-radius: 0;
+      width: 90px;
+      transform: translateX(-4px);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .next-button:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    .loading-spinner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 20px;
+      height: 20px;
+      border: 2px solid transparent;
+      border-top: 2px solid #fff;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      0% { transform: translate(-50%, -50%) rotate(0deg); }
+      100% { transform: translate(-50%, -50%) rotate(360deg); }
+    }
+
+    .button-content {
+      opacity: 1;
+      transition: opacity 0.3s ease;
+    }
+
+    .button-content.loading {
+      opacity: 0;
+    }
+
+  `,P.properties={onNextStep:{type:Function},onPublish:{type:Function},channel:{type:String},isLoading:{type:Boolean},isLocked:{type:Boolean},lockTimer:{type:Number}},customElements.define("cdtr-next-button",P)}}]);