@creaditor/newsletter-starterkit 1.0.56 → 1.0.58

package/dist/170.creaditor.bundle.js

@@ -1,20 +1,30 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[170],{60170(e,t,r){r.r(t),r.d(t,{BreadCrumbs:()=>a});var s=r(5441),o=r(59929),i=r(86319),n=r(58371),c=r(36565);class a extends o.WF{constructor(){super(),this.crumbs=[],this.cover=function(){const e=document.createElement("div");return e.style.position="fixed",e.style.background="var(--primary)",e.style.zIndex=2,e.style.border="1px dashed black",e.style.opacity=.2,e}(),this.currectCrumb={},this.onSubscribe=()=>{let e;this.crumbs=[];const t=c.Ay.components[c.Ay.components.length-1];if(!t)return;if(e=t.element,!e)return void console.error("selectElement not found","#1ppqmvss6");let r=t.type.getElementType(),s="";t.props.as&&(s=` (${i.M.get("lang",t.props.as)||t.props.as})`),this.currectCrumb={type:r,as:s,name:t.props.name,id:t.id};if(e){let t=e;for(;t&&t.parentElement;)if(t=t.parentElement.closest("[data-type]"),t){const e=i.M.get("components",t.dataset.id);let r=!0;e&&"row"!==e.type&&("col"===e.type&&"block"!==e.parent().type&&(r=!1),r&&this.crumbs.unshift({type:e.type,name:e.props.name,id:e.id,element:e.element,compose:e}))}this.dispatchEvent(new CustomEvent("change",[...this.crumbs]))}},this.onSubscribe=this.onSubscribe.bind(this)}updated(){this.toggleAttribute("hidden-crumbs",0===this.crumbs.length)}onHover(e){if(e){const t=e.getBoundingClientRect();this.cover.style.left=t.left+"px",this.cover.style.top=t.top+"px",this.cover.style.width=t.width+"px",this.cover.style.height=t.height+"px",document.body.appendChild(this.cover)}}render(){const e=i.M.get("langConfig","direction");return this.crumbs.length>0?o.qy`
-                  <!-- <cdtr-tooltip content="breadcrumbs_info" .opened=${!0}></cdtr-tooltip> -->
-          <div>
-            ${this.crumbs.map((t,r)=>o.qy` <span
-                    @mouseout=${()=>this.cover.remove()}
-                    @mouseover=${()=>this.onHover(t.element)}
-                    @mousedown=${()=>this.clickBread(t)}
-                    class="breadcrumb"
-                    >${t.name||o.qy`<lang-text text=${t.type}></lang-text>`}</span
-                  >${this.crumbs.length===r?null:(0,s.A)(n.D9,{style:{transform:`rotate(${"ltr"===e?"180deg":"0"})`},class:"arrow"})}`)}
-       ${this.mainText?o.qy` <div class="currect">
-                ${this.currectCrumb.name||o.qy`<lang-text text=${this.currectCrumb.type}></lang-text
-                  >${this.currectCrumb.as}`}
-              </div>`:null}
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[170],{60170(e,t,o){o.r(t),o.d(t,{BreadCrumbs:()=>i});var s=o(59929),r=o(86319),n=o(15604);class i extends s.WF{constructor(){super(),this.crumbs=[],this._menuOpen=!1,this._menuPos={left:0,top:0},this._collapsed=!1,this._fitScheduled=!1,this.cover=function(){const e=document.createElement("div");return e.style.position="fixed",e.style.background="var(--primary)",e.style.zIndex=2,e.style.border="1px dashed black",e.style.opacity=.2,e}(),this.currectCrumb={},this._onDocMouseDown=e=>{this._menuOpen&&(e.composedPath().includes(this)||this._closeMenu())},this._onDocKeyDown=e=>{this._menuOpen&&"Escape"===e.key&&this._closeMenu()},this.onSubscribe=()=>{let e;this.crumbs=[],this._menuOpen=!1,this._collapsed=!1;const t=n.Ay.components[n.Ay.components.length-1];if(!t)return;if(e=t.element,!e)return void console.error("selectElement not found","#1ppqmvss6");let o=t.type.getElementType(),s="";t.props.as&&(s=` (${r.M.get("lang",t.props.as)||t.props.as})`),this.currectCrumb={type:o,as:s,name:t.props.name,id:t.id};if(e){let t=e;for(;t&&t.parentElement;)if(t=t.parentElement.closest("[data-type]"),t){const e=r.M.get("components",t.dataset.id);let o=!0;e&&"row"!==e.type&&("col"===e.type&&"block"!==e.parent().type&&(o=!1),o&&this.crumbs.unshift({type:e.type,name:e.props.name,id:e.id,element:e.element,compose:e}))}this.dispatchEvent(new CustomEvent("change",[...this.crumbs]))}},this.onSubscribe=this.onSubscribe.bind(this)}updated(){if(this.toggleAttribute("hidden-crumbs",0===this.crumbs.length),!this._collapsed&&this.crumbs.length>1&&!this._fitScheduled&&(this._fitScheduled=!0,requestAnimationFrame(()=>{this._fitScheduled=!1;const e=this.shadowRoot.querySelector(".row");e&&!this._collapsed&&e.scrollWidth>e.clientWidth+1&&(this._collapsed=!0)})),this._menuOpen){const e=this.shadowRoot.querySelector(".crumb-menu");if(e){const t=e.offsetWidth,o=window.innerWidth-t-8,s=Math.max(8,Math.min(this._menuPos.left,o));s!==this._menuPos.left&&(e.style.left=s+"px")}}}_openMenu(){if(this._menuOpen)return void this._closeMenu();const e=this.getBoundingClientRect();this._menuPos={left:e.left,top:e.top},this._menuOpen=!0}_closeMenu(){this._menuOpen=!1}onHover(e){if(e){const t=e.getBoundingClientRect();this.cover.style.left=t.left+"px",this.cover.style.top=t.top+"px",this.cover.style.width=t.width+"px",this.cover.style.height=t.height+"px",document.body.appendChild(this.cover)}}render(){if(0===this.crumbs.length)return"";const e=(e,t,o)=>e||`${r.M.get("lang",t)||t||""}${o||""}`,t=()=>s.qy`<span class="sepc">›</span>`,o=t=>s.qy`<span
+      @mouseout=${()=>this.cover.remove()}
+      @mouseover=${()=>this.onHover(t.element)}
+      @mousedown=${()=>this.clickBread(t)}
+      class="breadcrumb"
+    >${e(t.name,t.type)}</span>`,n=e(this.currectCrumb.name,this.currectCrumb.type,this.currectCrumb.as),i=this._collapsed,a=this.mainText?s.qy`<span
+          class="currect${i?" clickable":""}"
+          @mousedown=${()=>{i&&this._openMenu()}}
+          >${n}</span
+        >`:null,c=this._collapsed,l=s.qy`<span
+      class="breadcrumb ellipsis"
+      @mousedown=${()=>this._openMenu()}
+    >…</span>`,p=c?s.qy`${o(this.crumbs[0])}${t()}${l}${t()}${o(this.crumbs[this.crumbs.length-1])}${t()}`:s.qy`${this.crumbs.map(e=>s.qy`${o(e)}${t()}`)}`,d=this._menuOpen?s.qy`<div
+          class="crumb-menu"
+          style="left:${this._menuPos.left}px; top:${this._menuPos.top}px;"
+        >
+          <div class="menu-path">
+            ${this.crumbs.map(e=>s.qy`${o(e)}<span class="sepc">›</span>`)}
+            <span class="crumb-current">${n}</span>
           </div>
-         
-        `:""}connectedCallback(){super.connectedCallback(),c.Ay.on("select",this.onSubscribe),c.Ay.on("update",this.onSubscribe)}disconnectedCallback(){super.disconnectedCallback(),this.cover.remove(),c.Ay.off("select",this.onSubscribe),c.Ay.off("update",this.onSubscribe)}clickBread(e){this.cover.remove(),c.Ay.clean().selectComponent(e.compose)}}a.styles=o.AH`
+        </div>`:null;return s.qy`
+      <div class="row ${c?"collapsed":""}">
+        ${p}
+        ${a}
+      </div>
+      ${d}
+    `}connectedCallback(){super.connectedCallback(),n.Ay.on("select",this.onSubscribe),n.Ay.on("update",this.onSubscribe),document.addEventListener("mousedown",this._onDocMouseDown),document.addEventListener("keydown",this._onDocKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.cover.remove(),n.Ay.off("select",this.onSubscribe),n.Ay.off("update",this.onSubscribe),document.removeEventListener("mousedown",this._onDocMouseDown),document.removeEventListener("keydown",this._onDocKeyDown)}clickBread(e){this.cover.remove(),n.Ay.clean().selectComponent(e.compose)}}i.styles=s.AH`
     :host {
       direction: var(--direction);
       display: block;
@@ -30,9 +40,9 @@
     }
     .currect {
       font-size: var(--text-xs);
-      font-family: var(--font-family);
+      font-family: var(--font-sans);
       font-weight: 600;
-      color: var(--color-primary, var(--primary));
+      color: var(--color-primary, #6366f1);
       margin-top: var(--space-1);
       margin-right: var(--space-1);
       margin-left: var(--space-1);
@@ -41,13 +51,13 @@
     .breadcrumb {
       font-size: var(--text-xs);
       cursor: pointer;
-      font-family: var(--font-family);
+      font-family: var(--font-sans);
       margin-right: var(--space-1);
       margin-left: var(--space-1);
-      color: var(--color-text-muted, var(--breadcrumbs));
+      color: var(--color-text-muted);
     }
     .breadcrumb:hover {
-      color: var(--color-primary, var(--primary));
+      color: var(--color-primary, #6366f1);
     }
     .arrow {
       height: 14px;
@@ -55,4 +65,121 @@
       fill: var(--color-text-faint);
       vertical-align: middle;
     }
-  `,a.properties={crumbs:{type:Array},mainText:{type:Boolean,reflect:!0}},customElements.define("cdtr-breadcrumbs",a)}}]);
+    .row {
+      display: flex;
+      align-items: center;
+      gap: 2px 8px;
+      min-width: 0;
+      min-height: 32px;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+    .row .breadcrumb,
+    .row .currect,
+    .sepc {
+      flex: 0 0 auto;
+      margin: 0;
+    }
+    /* Cap individual crumb width so a long custom name can't break the row. */
+    .row .breadcrumb {
+      display: inline-block;
+      max-width: 140px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
+    /* When collapsed, the current element is the last (rightmost) crumb; let it
+       shrink and ellipsize so a long name (e.g. "Social Networks") truncates
+       cleanly instead of hard-clipping into the panel actions. The full name is
+       always one "…" click away. */
+    .row.collapsed .currect {
+      flex: 0 1 auto;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    /* Collapsed current crumb opens the full-path popover (to read the full,
+       possibly-truncated name), so signal it's interactive. */
+    .row .currect.clickable {
+      cursor: pointer;
+    }
+    .row .currect.clickable:hover {
+      text-decoration: underline;
+    }
+    .sepc {
+      color: var(--color-text-faint);
+      font-size: var(--text-xs);
+    }
+    .ellipsis {
+      color: var(--color-text-muted);
+      cursor: pointer;
+      max-width: none;
+    }
+    .ellipsis:hover {
+      color: var(--color-primary, #6366f1);
+    }
+
+    /* Full-path popover. It opens positioned directly OVER the collapsed row
+       (opaque background covers it), so it reads as the breadcrumb expanding
+       in place rather than a second breadcrumb below it. Floats (fixed), so
+       the panel below never reflows; the extra line paints over the content. */
+    .crumb-menu {
+      position: fixed;
+      z-index: 1000;
+      min-width: 170px;
+      max-width: 300px;
+      background: var(--color-surface, #fff);
+      border: 1px solid var(--color-border, #e9e9e9);
+      border-radius: 6px;
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
+      /* Unfold from the breadcrumb's start (top-left) so it reads as the
+         row expanding in place, not a menu dropping in. */
+      transform-origin: top left;
+      animation: crumb-menu-in 140ms cubic-bezier(0.2, 0, 0, 1);
+    }
+    @keyframes crumb-menu-in {
+      from {
+        opacity: 0;
+        transform: translateY(-2px) scale(0.97);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+      }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .crumb-menu {
+        animation: none;
+      }
+    }
+    /* The full breadcrumb laid out horizontally, wrapping onto extra lines —
+       same visual language as the row, just complete. */
+    .crumb-menu .menu-path {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 4px 8px;
+      padding: 6px 12px 8px;
+    }
+    .crumb-menu .menu-path .breadcrumb {
+      display: inline-block;
+      max-width: 170px;
+      margin: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
+    .crumb-menu .menu-path .sepc {
+      color: var(--color-text-faint);
+      font-size: var(--text-xs);
+    }
+    .crumb-menu .menu-path .crumb-current {
+      font-size: var(--text-xs);
+      font-family: var(--font-sans);
+      font-weight: 600;
+      color: var(--color-primary, #6366f1);
+      max-width: 170px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  `,i.properties={crumbs:{type:Array},mainText:{type:Boolean,reflect:!0},_menuOpen:{type:Boolean,state:!0},_menuPos:{type:Object,state:!0},_collapsed:{type:Boolean,state:!0}},customElements.define("cdtr-breadcrumbs",i)}}]);

package/dist/211.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[211],{70211(e,t,n){var i=n(59929),a=n(21421),s=n(12106);class c extends i.WF{constructor(){super(),this.containerRef=(0,a._)(),this.containerId="particles-"+(0,s.A)(),this.config={particles:{number:{value:20},color:{value:"#ffffff"},shape:{type:"circle",stroke:{width:0,color:"#000000"},polygon:{nb_sides:5}},opacity:{value:.5,random:!1,anim:{enable:!1,speed:1,opacity_min:.1,sync:!1}},size:{value:10,random:!0,anim:{enable:!1,speed:80,size_min:.1,sync:!1}},line_linked:{enable:!0,distance:300,color:"#484554",opacity:.4,width:2},move:{enable:!0,speed:5,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:1200}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!1,mode:"repulse"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:800,line_linked:{opacity:1}},bubble:{distance:800,size:80,duration:2,opacity:.8,speed:3},repulse:{distance:400,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0}}createRenderRoot(){return this}render(){return i.qy`<div id=${this.containerId} ${(0,a.K)(this.containerRef)}></div>`}connectedCallback(){super.connectedCallback(),n.e(3545).then(n.t.bind(n,5926,23)).then(()=>{setTimeout(()=>{particlesJS(this.containerId,this.config)},0)})}disconnectedCallback(){super.disconnectedCallback()}}c.properties={name:{}},c.styles=i.AH``,customElements.define("cdtr-particlesjs",c)}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[211],{70211(e,n,t){t.r(n),t.d(n,{ParticlesJsBackground:()=>s});var i=t(59929),a=t(21421),o=t(12106);class s extends i.WF{constructor(){super(),this.containerRef=(0,a._)(),this.containerId="particles-"+(0,o.A)(),this.config={particles:{number:{value:20},color:{value:"#ffffff"},shape:{type:"circle",stroke:{width:0,color:"#000000"},polygon:{nb_sides:5}},opacity:{value:.5,random:!1,anim:{enable:!1,speed:1,opacity_min:.1,sync:!1}},size:{value:10,random:!0,anim:{enable:!1,speed:80,size_min:.1,sync:!1}},line_linked:{enable:!0,distance:300,color:"#484554",opacity:.4,width:2},move:{enable:!0,speed:5,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:1200}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!1,mode:"repulse"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:800,line_linked:{opacity:1}},bubble:{distance:800,size:80,duration:2,opacity:.8,speed:3},repulse:{distance:400,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0}}createRenderRoot(){return this}render(){return i.qy`<div id=${this.containerId} ${(0,a.K)(this.containerRef)}></div>`}connectedCallback(){super.connectedCallback(),t.e(3545).then(t.t.bind(t,5926,23)).then(()=>{setTimeout(()=>{Array.isArray(window.pJSDom)||(window.pJSDom=[]),particlesJS(this.containerId,this.config)},0)})}disconnectedCallback(){super.disconnectedCallback();try{const e=window.pJSDom||[],n=[];for(let t=0;t<e.length;t++){const i=e[t]?.pJS?.canvas?.el;i&&i.parentElement&&i.parentElement.id===this.containerId?e[t].pJS.fn.vendors.destroypJS():n.push(e[t])}window.pJSDom=n}catch(e){Array.isArray(window.pJSDom)||(window.pJSDom=[])}}}s.properties={name:{}},s.styles=i.AH``,customElements.define("cdtr-particlesjs",s)}}]);

package/dist/2234.creaditor.bundle.js

@@ -1 +1,121 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2234],{62234(e,t,s){s.r(t);s(49937).A.subscribe("snackbar",e=>{let{text:t,timeout:s=3e3}=e;"function"==typeof window.snackbar&&window.snackbar({text:t})})}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2234],{62234(t,a,s){s.r(a),s.d(a,{ToastProvider:()=>i});var e=s(59929),o=s(49937);let r=0;class i extends e.WF{constructor(){super(),this._toasts=[],this._handleSnackbar=this._handleSnackbar.bind(this)}connectedCallback(){super.connectedCallback(),o.A.subscribe("snackbar",this._handleSnackbar),window.snackbar=t=>{"string"==typeof t&&(t={text:t}),this._handleSnackbar(t)}}disconnectedCallback(){super.disconnectedCallback()}_handleSnackbar(){let{text:t,type:a,action:s,timeout:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!t)return;const o=++r,i={id:o,text:t,type:a||"neutral",action:s||null};this._toasts=[...this._toasts,i],this._toasts.length>3&&(this._toasts=this._toasts.slice(-3)),setTimeout(()=>this._dismiss(o),e||4e3)}_dismiss(t){const a=this.shadowRoot?.querySelector(`[data-toast-id="${t}"]`);a?(a.classList.add("removing"),setTimeout(()=>{this._toasts=this._toasts.filter(a=>a.id!==t)},120)):this._toasts=this._toasts.filter(a=>a.id!==t)}_onAction(t){t.action&&"function"==typeof t.action.onClick&&t.action.onClick(),this._dismiss(t.id)}render(){return e.qy`${this._toasts.map(t=>e.qy`
+        <div class="toast ${t.type}" data-toast-id="${t.id}">
+          <span class="toast-text">${t.text}</span>
+          ${t.action?e.qy`<button class="toast-action" @click=${()=>this._onAction(t)}>${t.action.label}</button>`:null}
+          <button class="toast-close" @click=${()=>this._dismiss(t.id)}>
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+              <line x1="18" y1="6" x2="6" y2="18"></line>
+              <line x1="6" y1="6" x2="18" y2="18"></line>
+            </svg>
+          </button>
+        </div>
+      `)}`}}i.properties={_toasts:{state:!0}},i.styles=e.AH`
+    :host {
+      position: fixed;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: var(--z-toast, 1100);
+      display: flex;
+      flex-direction: column-reverse;
+      align-items: center;
+      gap: var(--space-2, 8px);
+      padding: var(--space-6, 24px);
+      pointer-events: none;
+      direction: ltr;
+    }
+
+    .toast {
+      display: flex;
+      align-items: center;
+      gap: var(--space-3, 12px);
+      max-width: 420px;
+      min-width: 200px;
+      padding: var(--space-3, 12px) var(--space-4, 16px);
+      background: var(--color-text, #1a1a1f);
+      color: #fff;
+      border-radius: var(--radius-md, 10px);
+      box-shadow: var(--shadow-lg);
+      font-family: var(--font-sans, -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
+      font-size: var(--text-sm, 13px);
+      font-weight: 500;
+      line-height: 1.4;
+      pointer-events: auto;
+      animation: cdtr-toast-in var(--duration-normal, 200ms) var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
+    }
+
+    .toast.removing {
+      animation: cdtr-toast-out var(--duration-fast, 120ms) var(--ease-default, ease) forwards;
+    }
+
+    /* Accent stripe on the left for semantic variants */
+    .toast::before {
+      content: '';
+      flex: 0 0 auto;
+      width: 3px;
+      align-self: stretch;
+      border-radius: 2px;
+      background: transparent;
+    }
+    .toast.success::before { background: var(--color-success, #16a34a); }
+    .toast.error::before   { background: var(--color-danger, #dc2626); }
+    .toast.warning::before { background: var(--color-warning, #d97706); }
+
+    .toast-text {
+      flex: 1 1 auto;
+      min-width: 0;
+    }
+
+    .toast-action {
+      flex: 0 0 auto;
+      background: transparent;
+      border: 1px solid rgba(255, 255, 255, 0.25);
+      color: #fff;
+      padding: var(--space-1, 4px) var(--space-2, 8px);
+      border-radius: var(--radius-sm, 6px);
+      font: inherit;
+      font-size: var(--text-xs, 12px);
+      font-weight: 600;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: background var(--duration-fast, 120ms) ease;
+    }
+    .toast-action:hover {
+      background: rgba(255, 255, 255, 0.15);
+    }
+
+    .toast-close {
+      flex: 0 0 auto;
+      background: transparent;
+      border: none;
+      color: rgba(255, 255, 255, 0.5);
+      padding: var(--space-1, 4px);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: var(--radius-sm, 6px);
+      transition: color var(--duration-fast, 120ms) ease;
+    }
+    .toast-close:hover {
+      color: #fff;
+    }
+    .toast-close svg {
+      width: 14px;
+      height: 14px;
+    }
+
+    @keyframes cdtr-toast-in {
+      from {
+        opacity: 0;
+        transform: translateY(16px);
+      }
+    }
+
+    @keyframes cdtr-toast-out {
+      to {
+        opacity: 0;
+        transform: translateY(8px);
+      }
+    }
+  `,customElements.define("cdtr-toast-provider",i)}}]);

package/dist/2590.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2590],{2590(t,e,i){i.r(e),i.d(e,{TitleEditor:()=>l});var n=i(59929),s=i(86319);class l extends n.WF{constructor(){super(),this.text="",this.whiteSpace="pre"}connectedCallback(){super.connectedCallback(),this.style.fontFamily="var(--font-family)",this.bold&&(this.style.fontWeight="bold")}render(){const t=s.M.get("theme");t&&(this.style.direction=t.direction,this.style.textAlign=this.textAlign||t.textAlign);const e=s.M.get("lang",this.text);return n.qy`<slot
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2590],{2590(t,e,n){n.r(e),n.d(e,{TitleEditor:()=>l});var i=n(59929),s=n(86319);class l extends i.WF{constructor(){super(),this.text="",this.whiteSpace="pre"}connectedCallback(){super.connectedCallback(),this.style.fontFamily="var(--font-sans)",this.bold&&(this.style.fontWeight="bold"),this._onStoreChange=()=>this.requestUpdate(),s.M.connect(["lang","theme"],this._onStoreChange)}disconnectedCallback(){this._onStoreChange&&(s.M.disconnect(this._onStoreChange),this._onStoreChange=null),super.disconnectedCallback()}render(){const t=s.M.get("theme");t&&(this.style.direction=t.direction,this.style.textAlign=this.textAlign||t.textAlign);const e=s.M.get("lang",this.text);return i.qy`<slot
       ><span
         style="-webkit-font-smoothing: antialiased;display:inline-block;direction:var(--direction-locale);text-align:var(--text-align-locale);white-space:${this.whiteSpace}"
         >${e||this.text}</span

package/dist/271.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[271],{40271(e,t,i){i.r(t),i.d(t,{Input:()=>a});var n=i(59929),s=i(21663),o=i(21421);class a extends n.WF{constructor(){super(),this.type=void 0,this.inputRef=(0,o._)(),this.sliderRef=(0,o._)(),this.sliderRefX=(0,o._)(),this.min=0,this.max=100,this.step=1,this.autofocus=!1,this.type="number",this.value="number"===this.type?"0":"",this.placeholder="",this.onMouseDown=this.onMouseDown.bind(this),this.onChangeValue=this.onChangeValue.bind(this)}onSubmit(e){e.preventDefault();const t=new UIEvent("submit",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}onFocus(){const e=new UIEvent("focus",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}onBlur(){const e=new UIEvent("blur",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}getFloatCtrl(e){return parseFloat(e.value)}getIntCtrl(e){return parseInt(e.value)}onMouseDown(e){const t=e.clientX;let i=this.getFloatCtrl(this);isNaN(i)&&(i=0);const n=e=>{const n=Math.ceil(e.clientX-t);this.scaledIntCtrl(i,n)},s=()=>{window.removeEventListener("mousemove",n),window.removeEventListener("mouseup",s)};window.addEventListener("mousemove",n),window.addEventListener("mouseup",s)}scaledIntCtrl(e,t){const i=this.max,n=this.min,s=e+Math.round(Math.sign(t)*Math.pow(Math.abs(t)/10,1.6));if(s<=parseInt(String(i))&&s>=parseInt(String(n))){this.value=String(s);const e=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}}onChangeValue(e){this.value=e.target.value}mouseCtrl(){const e=this.sliderRef.value,t=this.sliderRefX.value;e?.addEventListener("mousedown",this.onMouseDown),t?.addEventListener("mousedown",this.onMouseDown)}render(){return n.qy`<form class="form" @submit=${this.onSubmit}>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[271],{40271(e,t,i){i.r(t),i.d(t,{Input:()=>r});var n=i(59929),s=i(21663),o=i(21421);class r extends n.WF{constructor(){super(),this.type=void 0,this.inputRef=(0,o._)(),this.sliderRef=(0,o._)(),this.sliderRefX=(0,o._)(),this.min=0,this.max=100,this.step=1,this.autofocus=!1,this.type="number",this.value="number"===this.type?"0":"",this.placeholder="",this.onMouseDown=this.onMouseDown.bind(this),this.onChangeValue=this.onChangeValue.bind(this)}onSubmit(e){e.preventDefault();const t=new UIEvent("submit",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}onFocus(){const e=new UIEvent("focus",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}onBlur(){const e=new UIEvent("blur",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}getFloatCtrl(e){return parseFloat(e.value)}getIntCtrl(e){return parseInt(e.value)}onMouseDown(e){const t=e.clientX;let i=this.getFloatCtrl(this);isNaN(i)&&(i=0);const n=e=>{const n=Math.ceil(e.clientX-t);this.scaledIntCtrl(i,n)},s=()=>{window.removeEventListener("mousemove",n),window.removeEventListener("mouseup",s)};window.addEventListener("mousemove",n),window.addEventListener("mouseup",s)}scaledIntCtrl(e,t){const i=this.max,n=this.min,s=e+Math.round(Math.sign(t)*Math.pow(Math.abs(t)/10,1.6));if(s<=parseInt(String(i))&&s>=parseInt(String(n))){this.value=String(s);const e=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}}onChangeValue(e){this.value=e.target.value}mouseCtrl(){const e=this.sliderRef.value,t=this.sliderRefX.value;e?.addEventListener("mousedown",this.onMouseDown),t?.addEventListener("mousedown",this.onMouseDown)}render(){return n.qy`<form class="form" @submit=${this.onSubmit}>
       <input
         ${(0,o.K)(this.inputRef)}
         style="${this.inputStyle}"
@@ -24,7 +24,7 @@
         ${(0,o.K)(this.sliderRefX)}
         class="slider-x"
       ></span>
-    </form>`}firstUpdated(){this.autofocus&&this.inputRef.value&&this.inputRef.value.focus()}focus(){super.focus(),this.inputRef.value&&this.inputRef.value.focus()}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.mouseCtrl(),this.setDir()},50)}setValue(e){if(!this.inputRef.value)return;const t=this.inputRef.value;if(this.max&&t.value.length>this.max)return t.value=this.value,void this.inputRef.value.focus();if(this.value=t.value,this.setDir(),this.value){const t=new UIEvent(e.type,{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}setDir(){const e=this.inputRef.value,t=this.value||e?.placeholder;e&&("number"===this.type||"color"===this.type||t&&!(0,s.A)(t)?(e.style.textAlign="left",e.style.direction="ltr"):(e.style.textAlign="right",e.style.direction="rtl"))}patch(e){this.value=String(e)}}a.styles=n.AH`
+    </form>`}firstUpdated(){this.autofocus&&this.inputRef.value&&this.inputRef.value.focus()}focus(){super.focus(),this.inputRef.value&&this.inputRef.value.focus()}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.mouseCtrl(),this.setDir()},50)}setValue(e){if(!this.inputRef.value)return;const t=this.inputRef.value;if(this.max&&t.value.length>this.max)return t.value=this.value,void this.inputRef.value.focus();if(this.value=t.value,this.setDir(),this.value){const t=new UIEvent(e.type,{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}}setDir(){const e=this.inputRef.value,t=this.value||e?.placeholder;e&&("number"===this.type||"color"===this.type||t&&!(0,s.A)(t)?(e.style.textAlign="left",e.style.direction="ltr"):(e.style.textAlign="right",e.style.direction="rtl"))}patch(e){this.value=String(e)}}r.styles=n.AH`
     :host {
       display: inline-block;
       --cdtr-input-height: 30px;
@@ -74,7 +74,7 @@
       border-radius: 0.25rem;
       transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
       margin: 0;
-      font-family: var(--font-family);
+      font-family: var(--font-sans);
       border-color: var(--input-border-color);
       outline: var(--input-border-color);
       box-sizing: border-box;
@@ -83,10 +83,10 @@
       border-color: black;
     }
     input::placeholder {
-      font-family: var(--font-family);
+      font-family: var(--font-sans);
     }
     input:focus {
-      border-color: var(--primary);
+      border-color: var(--color-primary, #6366f1);
     }
     input[type="number"] {
       padding-right: 0px;
@@ -96,4 +96,4 @@
     input[type="number"] {
       -moz-appearance: textfield;
     }
-  `,a.properties={value:{type:String,reflect:!0},step:{type:Number,reflect:!0},min:{type:Number,reflect:!0},max:{type:Number,reflect:!0},placeholder:{type:String,reflect:!0},autofocus:{type:Boolean,reflect:!0},inputStyle:{type:String,reflect:!0},maxLength:{type:Number}},customElements.define("cdtr-number-input",a)}}]);
+  `,r.properties={value:{type:String,reflect:!0},step:{type:Number,reflect:!0},min:{type:Number,reflect:!0},max:{type:Number,reflect:!0},placeholder:{type:String,reflect:!0},autofocus:{type:Boolean,reflect:!0},inputStyle:{type:String,reflect:!0},maxLength:{type:Number}},customElements.define("cdtr-number-input",r)}}]);

package/dist/2765.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2765],{12765(e,t,o){o.d(t,{default:()=>c});var n=o(61919);const r=e=>{{const{component:t,commands:o}=e;return{select:e=>{let{changeTab:t,tab:o}=e;o.text||t("icon")},tabs:e=>{const t=[{text:"icon",selected:!0},{text:"design"},{text:"link"},{text:"settings"}];return e?(t.forEach(t=>t.selected=t.text===e),t):t},layout:e=>{let{tab:r}=e;const s=t.props.src.includes("img.creaditor.ai");return[{type:"icons",active:()=>"icon"===r.text,selectedIcon:t.props.src,useIconsApi:!0,iconColor:t.props.iconColor||"000000",iconSize:parseInt(t.props.style?.width,10)||24,onChange:e=>{const n=e.detail;if(n){const e=n.urlPng||n.src;e&&o.execCommand("src",e),t.props.alt&&"icon"!==t.props.alt||o.execCommand("alt",n.name),n.size?.width&&n.size?.height&&o.execCommand("style",{width:n.size.width+"px",height:n.size.height+"px"}),null!=n.category&&null!=n.name&&(o.execCommand("iconCategory",n.category),o.execCommand("iconName",n.name));const r=(n.color??t.props.iconColor??"000000").toString().replace(/^#/,"");o.execCommand("iconColor",r)}}},{type:"input",title:"altText",active:()=>"icon"===r.text,value:t.props.alt||"",onChange:e=>{const t=e.target.value;o.execCommand("alt",t)}},{type:"slider",title:"size",min:8,max:256,active:()=>"design"===r.text,value:parseInt(t.props.style?.width,10)||24,onInput:e=>{const t=e.target.value;o.execCommand("style",{width:t+"px",height:t+"px"})}},{type:"colorpicker",title:"icon_color",alpha:!1,active:()=>"design"===r.text&&s,value:t.props.iconColor?t.props.iconColor.startsWith("#")?t.props.iconColor:"#"+t.props.iconColor:"#000000",onChange:e=>{let t=e.target.value;t=(0,n.A)(t).toHex(),t.startsWith("#")&&(t=t.slice(1)),o.execCommand("iconColor",t)}},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===r.text,onChange:e=>{const t={link:e.target.value};o.execCommand("onClick",t)}}]}}}},s=e=>{let{helpers:t}=e;return{set:(e,o,n)=>{switch(o){case"style":return e[o]=t.deepMerge(e[o],n),!0;case"src":case"alt":case"iconColor":case"iconCategory":case"iconName":return e[o]=n,!0;case"onClick":if(n&&n.link)return e[o]=n,!0}}}};const c=()=>{const e="icon";return{name:e,create:t=>{const{createElement:o,compose:n,helpers:c}=t,{mergeDiff:i}=c,a=document.createElement("div"),l=document.createElement("img");a.appendChild(l);return o({name:e,id:n.id,template:a,defaultProps:{style:{height:"24px",width:"24px",display:"inline-block"},src:"",alt:"",iconColor:"000000"},draggable:{group:"element"},droppable:{group:"element"},render:()=>{i(l,{style:n.props.style});const e=function(e){const t=e.props.iconCategory,o=e.props.iconName;if(!t||!o)return null;let n=parseInt(e.props.style?.width,10)||24,r=parseInt(e.props.style?.height,10)||24;n=Math.min(512,Math.max(1,n)),r=Math.min(512,Math.max(1,r));const s=function(e){let t=(e||"000000").toString().trim();return t.startsWith("#")&&(t=t.slice(1)),3===t.length&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),6!==t.length?"000000":t}(e.props.iconColor);return`https://img.creaditor.ai/icons/serve/${encodeURIComponent(t)}/${encodeURIComponent(o)}.png?${new URLSearchParams({width:String(n),height:String(r),color:s}).toString()}`}(n)||n.props.src;i(l,{src:e,alt:n.props.alt||""})},resizeable:null,handleBar:!0,validator:s({helpers:c}),schema:n.schema,onSelect:e=>{a.classList.add(e)},onDeselect:e=>{a.classList.remove(e)},elementProps:n,remove:()=>{a.remove()},createEditor:r})}}}}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2765],{12765(e,t,o){o.d(t,{default:()=>s});var n=o(61919);const r=e=>{{const{component:t,commands:o}=e;return{select:e=>{let{changeTab:t,tab:o}=e;o.text||t("style")},tabs:e=>{const t=[{text:"style",selected:!0},{text:"interactions"},{text:"settings"}];return e?(t.forEach(t=>t.selected=t.text===e),t):t},layout:e=>{let{tab:r}=e;const i=t.props.src.includes("img.creaditor.ai"),s=()=>"style"===r.text;return[{type:"heading",level:6,text:"icon",active:s},{type:"icons",active:s,selectedIcon:t.props.src,useIconsApi:!0,iconColor:t.props.iconColor||"000000",iconSize:parseInt(t.props.style?.width,10)||24,onChange:e=>{const n=e.detail;if(n){const e=n.urlPng||n.src;e&&o.execCommand("src",e),t.props.alt&&"icon"!==t.props.alt||o.execCommand("alt",n.name),n.size?.width&&n.size?.height&&o.execCommand("style",{width:n.size.width+"px",height:n.size.height+"px"}),null!=n.category&&null!=n.name&&(o.execCommand("iconCategory",n.category),o.execCommand("iconName",n.name));const r=(n.color??t.props.iconColor??"000000").toString().replace(/^#/,"");o.execCommand("iconColor",r)}}},{type:"input",title:"altText",active:s,value:t.props.alt||"",onChange:e=>{const t=e.target.value;o.execCommand("alt",t)}},{type:"heading",level:6,text:"size",active:s},{type:"slider",title:"size",min:8,max:256,active:s,value:parseInt(t.props.style?.width,10)||24,onInput:e=>{const t=e.target.value;o.execCommand("style",{width:t+"px",height:t+"px"})}},{type:"heading",level:6,text:"colors",active:()=>s()&&i},{type:"colorpicker",title:"icon_color",alpha:!1,active:()=>s()&&i,value:t.props.iconColor?t.props.iconColor.startsWith("#")?t.props.iconColor:"#"+t.props.iconColor:"#000000",onChange:e=>{let t=e.target.value;t=(0,n.A)(t).toHex(),t.startsWith("#")&&(t=t.slice(1)),o.execCommand("iconColor",t)}},{type:"heading",level:6,text:"link",active:()=>"interactions"===r.text},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"interactions"===r.text,onChange:e=>{const t={link:e.target.value};o.execCommand("onClick",t)}}]}}}},i=e=>{let{helpers:t}=e;return{set:(e,o,n)=>{switch(o){case"style":return e[o]=t.deepMerge(e[o],n),!0;case"src":case"alt":case"iconColor":case"iconCategory":case"iconName":return e[o]=n,!0;case"onClick":if(n&&n.link)return e[o]=n,!0}}}};const s=()=>{const e="icon";return{name:e,create:t=>{const{createElement:o,compose:n,helpers:s}=t,{mergeDiff:a}=s,c=document.createElement("div"),l=document.createElement("img");c.appendChild(l);return o({name:e,id:n.id,template:c,defaultProps:{style:{height:"24px",width:"24px",display:"inline-block"},src:"",alt:"",iconColor:"000000"},draggable:{group:"element"},droppable:{group:"element"},render:()=>{a(l,{style:n.props.style});const e=function(e){const t=e.props.iconCategory,o=e.props.iconName;if(!t||!o)return null;let n=parseInt(e.props.style?.width,10)||24,r=parseInt(e.props.style?.height,10)||24;n=Math.min(512,Math.max(1,n)),r=Math.min(512,Math.max(1,r));const i=function(e){let t=(e||"000000").toString().trim();return t.startsWith("#")&&(t=t.slice(1)),3===t.length&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),6!==t.length?"000000":t}(e.props.iconColor);return`https://img.creaditor.ai/icons/serve/${encodeURIComponent(t)}/${encodeURIComponent(o)}.png?${new URLSearchParams({width:String(n),height:String(r),color:i}).toString()}`}(n)||n.props.src;a(l,{src:e,alt:n.props.alt||""})},resizeable:null,handleBar:!0,validator:i({helpers:s}),schema:n.schema,onSelect:e=>{c.classList.add(e)},onDeselect:e=>{c.classList.remove(e)},elementProps:n,remove:()=>{c.remove()},createEditor:r})}}}}}]);

package/dist/2956.creaditor.bundle.js

@@ -27,7 +27,7 @@
       overflow: hidden;
       max-width: 100%;
       position: fixed;
-      z-index: 9999;
+      z-index: var(--z-dropdown, 100);
       background: rgb(255, 255, 255);
       height: 100%;
       top: 52px;

package/dist/3521.creaditor.bundle.js

@@ -1,7 +1,7 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3521],{83521(t,e,i){i.r(e),i.d(e,{DesignFactory:()=>l});var o=i(5441),r=i(59929),n=i(36565),s=i(18057),d=i(86319);i.e(8315).then(i.bind(i,68315));class l extends r.WF{constructor(){super(),this.lastEditor=null,d.M.set({injectEditor:t=>{this.injected=!0,this.lastEditor=this.editor,this.backToEditor=this.editor,this.editor=t}}),this.editor=r.qy`<cdtr-ilustration-preference
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3521],{83521(t,e,i){i.r(e),i.d(e,{DesignFactory:()=>l});var o=i(5441),n=i(59929),r=i(15604),s=i(18057),d=i(86319);i.e(8315).then(i.bind(i,68315));class l extends n.WF{constructor(){super(),this.lastEditor=null,this._selectedComponentId=null,this._injectedForId=null,d.M.set({injectEditor:t=>{this.injected=!0,this._injectedForId=this._selectedComponentId,this.lastEditor=this.editor,this.backToEditor=this.editor,this.editor=t}}),this.editor=n.qy`<cdtr-ilustration-preference
       width="200px"
       height="200px"
-    ></cdtr-ilustration-preference>`,this.delayer=new s.A,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(1260).then(i.bind(i,91260)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(8854).then(i.bind(i,68854)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,n.Ay.on("select",this.connect)}connect(t){let{editor:e}=t;if(!e)return;let i=e.type;if("string"!=typeof i)return;if(this.editor?.type===i)return;if(!this.editors[i]){const t=d.M.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find(t=>t.name===i);if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=i;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}i="no_editor"}this.type=i;const r=(0,o.A)("div",null,(0,o.A)("cdtr-block-loader",null),(0,o.A)("cdtr-title",{style:"text-align:center;"},(0,o.A)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[i]&&!this.editors[i].component&&(this.editors[i].load().then(()=>{if(r.remove(),this.editors[i].attrs)for(const t in this.editors[i].attrs)if(Object.hasOwnProperty.call(this.editors[i].attrs,t)){const e=this.editors[i].attrs[t];this.editors[i].component[t]=e}}),this.editors[i].component=document.createElement(this.editors[i].selector),this.editors[i].component.appendChild(r)),this.editors[i].component&&(this.editor=this.editors[i].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null)}createRenderRoot(){return this}render(){return r.qy` ${this.lastEditor?r.qy`<div style="display:flex;justify-content:flex-start;padding:12px 16px 4px;direction:var(--direction-locale);">
+    ></cdtr-ilustration-preference>`,this.delayer=new s.A,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(1260).then(i.bind(i,91260)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(8854).then(i.bind(i,68854)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,r.Ay.on("select",this.connect)}connect(t){let{editor:e,component:i}=t;if(!e)return;let n=e.type;if("string"!=typeof n)return;const r=i?.id??null;if(this.injected){if(null==r||r===this._injectedForId)return;this.injected=!1,this._injectedForId=null}if(this._selectedComponentId=r,this.editor?.type===n)return;if(!this.editors[n]){const t=d.M.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find(t=>t.name===n);if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=n;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}n="no_editor"}this.type=n;const s=(0,o.A)("div",null,(0,o.A)("cdtr-block-loader",null),(0,o.A)("cdtr-title",{style:"text-align:center;"},(0,o.A)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[n]&&!this.editors[n].component&&(this.editors[n].load().then(()=>{if(s.remove(),this.editors[n].attrs)for(const t in this.editors[n].attrs)if(Object.hasOwnProperty.call(this.editors[n].attrs,t)){const e=this.editors[n].attrs[t];this.editors[n].component[t]=e}}),this.editors[n].component=document.createElement(this.editors[n].selector),this.editors[n].component.appendChild(s)),this.editors[n].component&&(this.editor=this.editors[n].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null,this.injected=!1,this._injectedForId=null)}createRenderRoot(){return this}render(){return n.qy` ${this.lastEditor?n.qy`<div style="display:flex;justify-content:flex-start;padding:12px 16px 4px;direction:var(--direction-locale);">
           <span
             @click=${this.goBack}
             style="display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#555;cursor:pointer;font-family:inherit;"

package/dist/353.creaditor.bundle.js

@@ -1,9 +1,9 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[353],{40353(e,t,s){var n=s(59929),i=s(40156),r=s(21421),o=s(12106);class a extends n.WF{constructor(){super(),this.containerRef=(0,r._)(),this.renderStyles=()=>`#${this.containerId} canvas {height:100% !important;width:100% !important;}`,this.containerId="halo-"+(0,o.A)(),this.config={mouseControls:!0,touchControls:!0,gyroControls:!1,minHeight:200,minWidth:200,size:1}}createRenderRoot(){return this}render(){return n.qy`<div
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[353],{40353(e,t,s){s.r(t),s.d(t,{HaloBackground:()=>c});var n=s(59929),i=s(40156),o=s(21421),r=s(12106);class c extends n.WF{constructor(){super(),this.containerRef=(0,o._)(),this.renderStyles=()=>`#${this.containerId} canvas {height:100% !important;width:100% !important;}`,this.containerId="halo-"+(0,r.A)(),this.config={mouseControls:!0,touchControls:!0,gyroControls:!1,minHeight:200,minWidth:200,size:1}}createRenderRoot(){return this}render(){return n.qy`<div
       style="height:100%;width:100%;"
       id=${this.containerId}
-      ${(0,r.K)(this.containerRef)}
+      ${(0,o.K)(this.containerRef)}
     >
       <style>
         ${this.renderStyles()}
       </style>
-    </div>`}connectedCallback(){super.connectedCallback(),(0,i.A)("https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js",()=>{(0,i.A)("https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.halo.min.js",()=>{setTimeout(()=>{window.VANTA&&(this.config.el=this.containerRef.value,this.effect=window.VANTA.HALO(this.config))},100)})})}disconnectedCallback(){super.disconnectedCallback()}}a.properties={name:{}},a.styles=n.AH``,customElements.define("cdtr-halo-preset",a)}}]);
+    </div>`}connectedCallback(){super.connectedCallback(),(0,i.A)("https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js",()=>{(0,i.A)("https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.halo.min.js",()=>{setTimeout(()=>{window.VANTA&&(this.config.el=this.containerRef.value,this.effect=window.VANTA.HALO(this.config))},100)})})}disconnectedCallback(){super.disconnectedCallback(),this.effect&&"function"==typeof this.effect.destroy&&(this.effect.destroy(),this.effect=null)}}c.properties={name:{}},c.styles=n.AH``,customElements.define("cdtr-halo-preset",c)}}]);

package/dist/3553.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3553],{3553(e,t,n){n.r(t),n.d(t,{AnimationEditor:()=>r});var s=n(59929),o=n(36565),i=n(49937),a=n(86319),c=n(49549);const d=[{id:1,name:"fade_in",class_code:"fadeIn",src:"",props:{},puzzle:[{type:"fade-in"}]},{id:1,name:"fade_in_down",class_code:"fadeInDown",puzzle:[{type:"fade-in-down"}],props:{}},{id:1,name:"back_in_down",class_code:"backInDown",puzzle:[{type:"back-in-down"}],props:{}},{id:1,name:"back_in_right",class_code:"backInRight",puzzle:[{type:"back-in-right"}],props:{}},{id:1,name:"bounce",class_code:"bounce",puzzle:[{type:"bounce"}],props:{}},{id:1,name:"tada",class_code:"tada",puzzle:[{type:"tada"}],props:{}}];class r extends s.WF{constructor(){super(),this.animationsOptions=[{type:"scroll",props:{},title:"on_scroll"}],this.stack=[],this.selectedAnimations=null,this.animations=d,this.onInspect=this.onInspect.bind(this)}onMouseClick(e,t){switch(e){case"scroll":o.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"scroll"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"scroll"===o.on?(i.A.dispatch("snackbar",{text:a.M.get("lang","animation_deleted")}),n):(n.push({on:"scroll",type:"animation",as:"className",value:t.class_code}),i.A.dispatch("snackbar",{text:a.M.get("lang","animation_added")}),n)});break;case"hover":o.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"hover"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"hover"===o.on?(i.A.dispatch("snackbar",{text:a.M.get("lang","animation_deleted")}),n):(n.push({on:"hover",type:"animation",as:"className",value:t.class_code}),i.A.dispatch("snackbar",{text:a.M.get("lang","animation_added")}),n)})}}onMouseEnter(e){setTimeout(()=>{e.overed=!0,o.Ay.components.forEach(t=>{this.stack.push({animation:e,component:t}),t.element.classList.add(`cdtr__animate__${e.class_code}`),t.element.classList.add("cdtr__animated")}),this.animations=JSON.parse(JSON.stringify(this.animations))},20)}onMouseLeave(e){e.overed=!1,this.stack.forEach(e=>{let{component:t,animation:n}=e;t.element.classList.remove(`cdtr__animate__${n.class_code}`),t.element.classList.remove("cdtr__animated")}),this.stack=[],this.animations=JSON.parse(JSON.stringify(this.animations))}onInspect(){const e=o.Ay.components[0];if(e){const t=e.props.interactions.filter(e=>e.type="animation");this.selectedAnimations=t}}connectedCallback(){super.connectedCallback(),this.style.zIndex=99,this.onInspect(),o.Ay.on("select",this.onInspect),o.Ay.on("update",this.onInspect)}disconnectedCallback(){super.disconnectedCallback(),o.Ay.off("select",this.onInspect),o.Ay.off("update",this.onInspect)}render(){return s.qy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3553],{3553(e,t,n){n.r(t),n.d(t,{AnimationEditor:()=>r});var s=n(59929),o=n(15604),i=n(49937),a=n(86319),c=n(49549);const d=[{id:1,name:"fade_in",class_code:"fadeIn",src:"",props:{},puzzle:[{type:"fade-in"}]},{id:1,name:"fade_in_down",class_code:"fadeInDown",puzzle:[{type:"fade-in-down"}],props:{}},{id:1,name:"back_in_down",class_code:"backInDown",puzzle:[{type:"back-in-down"}],props:{}},{id:1,name:"back_in_right",class_code:"backInRight",puzzle:[{type:"back-in-right"}],props:{}},{id:1,name:"bounce",class_code:"bounce",puzzle:[{type:"bounce"}],props:{}},{id:1,name:"tada",class_code:"tada",puzzle:[{type:"tada"}],props:{}}];class r extends s.WF{constructor(){super(),this.animationsOptions=[{type:"scroll",props:{},title:"on_scroll"}],this.stack=[],this.selectedAnimations=null,this.animations=d,this.onInspect=this.onInspect.bind(this)}onMouseClick(e,t){switch(e){case"scroll":o.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"scroll"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"scroll"===o.on?(i.A.dispatch("snackbar",{text:a.M.get("lang","animation_deleted")}),n):(n.push({on:"scroll",type:"animation",as:"className",value:t.class_code}),i.A.dispatch("snackbar",{text:a.M.get("lang","animation_added")}),n)});break;case"hover":o.Ay.store().execCommand("interactions",e=>{const n=e.props.interactions,s=n.findIndex(e=>"hover"===e.on&&"animation"===e.type);let o;return-1!==s&&(o=n[s],n.splice(s,1)),o&&o.value===t.class_code&&"className"===o.as&&"hover"===o.on?(i.A.dispatch("snackbar",{text:a.M.get("lang","animation_deleted")}),n):(n.push({on:"hover",type:"animation",as:"className",value:t.class_code}),i.A.dispatch("snackbar",{text:a.M.get("lang","animation_added")}),n)})}}onMouseEnter(e){setTimeout(()=>{e.overed=!0,o.Ay.components.forEach(t=>{this.stack.push({animation:e,component:t}),t.element.classList.add(`cdtr__animate__${e.class_code}`),t.element.classList.add("cdtr__animated")}),this.animations=JSON.parse(JSON.stringify(this.animations))},20)}onMouseLeave(e){e.overed=!1,this.stack.forEach(e=>{let{component:t,animation:n}=e;t.element.classList.remove(`cdtr__animate__${n.class_code}`),t.element.classList.remove("cdtr__animated")}),this.stack=[],this.animations=JSON.parse(JSON.stringify(this.animations))}onInspect(){const e=o.Ay.components[0];if(e){const t=e.props.interactions.filter(e=>e.type="animation");this.selectedAnimations=t}}connectedCallback(){super.connectedCallback(),this.style.zIndex=99,this.onInspect(),o.Ay.on("select",this.onInspect),o.Ay.on("update",this.onInspect)}disconnectedCallback(){super.disconnectedCallback(),o.Ay.off("select",this.onInspect),o.Ay.off("update",this.onInspect)}render(){return s.qy`
       <cdtr-accordion-item isOpen=${!0} label="on_scroll">
         <cdtr-row>
           ${(0,c.u)(this.animations,e=>e.id,e=>s.qy`<cdtr-col
@@ -45,7 +45,7 @@
       </cdtr-accordion-item>
     `}getActiveAnimationName(e){this.selectedAnimations.find(t=>t.value===e.class_code);const t=this.selectedAnimations.find(t=>"scroll"===t.on&&t.value===e.class_code),n=this.selectedAnimations.find(t=>"hover"===t.on&&t.value===e.class_code),s=[];return t&&s.push(a.M.get("lang","active_on-scroll")),s.length>0&&s.push("\n"),n&&s.push(a.M.get("lang","active_on-hover")),s.join("")}isActiveAnimation(e,t){return this.selectedAnimations.find(n=>n.value===e.class_code&&t.type===n.on)}}r.properties={name:{},animations:{type:Array},selected:{type:String}},r.styles=s.AH`
     .gallery {
-      background-color: var(--primary);
+      background-color: var(--color-primary, #6366f1);
       color: var(--primaryText);
     }
     .config {

package/dist/3606.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3606],{13606(e,t,i){i.r(t),i.d(t,{Checkbox:()=>s});var n=i(59929),r=i(12106);class s extends n.WF{constructor(){super(),this.inputId=void 0,this.event=void 0,this.value=void 0,this.checked=!0,this.controlled=!0,this.inputId=(0,r.A)(),this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}onToggle(){this.controlled||(this.checked=!this.checked),this.dispatchEvent(this.event)}toggle(){this.checked=!this.checked,this.dispatchEvent(this.event)}render(){return n.qy`<span
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3606],{13606(e,t,i){i.r(t),i.d(t,{Checkbox:()=>s});var n=i(59929),o=i(12106);class s extends n.WF{constructor(){super(),this.inputId=void 0,this.event=void 0,this.value=void 0,this.checked=!0,this.controlled=!0,this.inputId=(0,o.A)(),this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}onToggle(){this.controlled||(this.checked=!this.checked),this.dispatchEvent(this.event)}toggle(){this.checked=!this.checked,this.dispatchEvent(this.event)}render(){return n.qy`<span
       @click=${this.onToggle}
       tabindex="0"
       class="root ${this.checked?"checked":""}"
@@ -56,7 +56,7 @@
     }
 
     .root.checked {
-      color: var(--primary);
+      color: var(--color-primary, #6366f1);
     }
     .svg-wrapper {
       position: relative;
@@ -107,7 +107,15 @@
       font-size: 1.5rem;
     }
     label {
-      margin-right: 7px;
-      margin-left: 7px;
+      /* No margin of its own: the label wraps a <slot>, so when a caller passes
+         no text (most editor-panel checkboxes) the old symmetric 7px margins
+         still reserved 14px of empty width beside the box — which read as the
+         checkbox being oddly far from the label sitting next to it. */
+      margin: 0;
+    }
+    /* Only pay for the gap when something is actually slotted in, and put it on
+       the leading edge so it follows the locale's direction. */
+    ::slotted(*) {
+      margin-inline-start: 7px;
     }
   `,customElements.define("cdtr-checkbox",s)}}]);