@creaditor/web-starterkit 1.0.21 → 1.0.23

package/dist/1334.creaditor.bundle.js

@@ -46,6 +46,6 @@
     }
     h1 {
       font-family: Arial;
-      color: var(--primary);
+      color: var(--color-primary, #6366f1);
     }
   `,customElements.define("cdtr-504",a)}}]);

package/dist/170.creaditor.bundle.js

@@ -1,30 +1,30 @@
-"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 r=o(59929),s=o(86319),n=o(36565);class i extends r.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(),r="";t.props.as&&(r=` (${s.M.get("lang",t.props.as)||t.props.as})`),this.currectCrumb={type:o,as:r,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=s.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,r=Math.max(8,Math.min(this._menuPos.left,o));r!==this._menuPos.left&&(e.style.left=r+"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||`${s.M.get("lang",t)||t||""}${o||""}`,t=()=>r.qy`<span class="sepc">›</span>`,o=t=>r.qy`<span
+"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(36565);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?r.qy`<span
+    >${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=r.qy`<span
+        >`:null,c=this._collapsed,l=s.qy`<span
       class="breadcrumb ellipsis"
       @mousedown=${()=>this._openMenu()}
-    >…</span>`,p=c?r.qy`${o(this.crumbs[0])}${t()}${l}${t()}${o(this.crumbs[this.crumbs.length-1])}${t()}`:r.qy`${this.crumbs.map(e=>r.qy`${o(e)}${t()}`)}`,d=this._menuOpen?r.qy`<div
+    >…</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=>r.qy`${o(e)}<span class="sepc">›</span>`)}
+            ${this.crumbs.map(e=>s.qy`${o(e)}<span class="sepc">›</span>`)}
             <span class="crumb-current">${n}</span>
           </div>
-        </div>`:null;return r.qy`
+        </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=r.AH`
+    `}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;
@@ -40,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);
@@ -51,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;
@@ -116,7 +116,7 @@
       max-width: none;
     }
     .ellipsis:hover {
-      color: var(--color-primary, var(--primary));
+      color: var(--color-primary, #6366f1);
     }
 
     /* Full-path popover. It opens positioned directly OVER the collapsed row
@@ -175,9 +175,9 @@
     }
     .crumb-menu .menu-path .crumb-current {
       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);
       max-width: 170px;
       overflow: hidden;
       text-overflow: ellipsis;

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,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-family)",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
+"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/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(36565),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/3553.creaditor.bundle.js

@@ -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)}}]);

package/dist/3932.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3932],{33932(e,t,r){r.r(t),r.d(t,{EyeDroppper:()=>n});var i=r(59929);const s=r(45888);class n extends i.WF{constructor(){super(),this.isValid=void 0,this.event=void 0,this.openEyeDropper=async()=>{const e=new AbortController;try{const t=new EyeDropper,{sRGBHex:r}=await t.open({signal:e.signal}),i=s(r).setAlpha(1).toRgbString();this.value=this.color=i,this.dispatchEvent(this.event)}catch(e){console.error(e)}e.abort()},this.isValid=!!window.EyeDropper,this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}render(){return this.isValid?i.qy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3932],{33932(e,t,r){r.r(t),r.d(t,{EyeDroppper:()=>o});var i=r(59929);const s=r(45888);class o extends i.WF{constructor(){super(),this.isValid=void 0,this.event=void 0,this.openEyeDropper=async()=>{const e=new AbortController;try{const t=new EyeDropper,{sRGBHex:r}=await t.open({signal:e.signal}),i=s(r).setAlpha(1).toRgbString();this.value=this.color=i,this.dispatchEvent(this.event)}catch(e){console.error(e)}e.abort()},this.isValid=!!window.EyeDropper,this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0})}render(){return this.isValid?i.qy`
           <svg
             tabIndex="0"
             @click=${this.openEyeDropper}
@@ -11,7 +11,7 @@
               d="m20.71 5.63-2.34-2.34a.9959.9959 0 0 0-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM6.92 19 5 17.08l8.06-8.06 1.92 1.92L6.92 19z"
             ></path>
           </svg>
-        `:null}}n.styles=i.AH`
+        `:null}}o.styles=i.AH`
     :host {
       position: relative;
       display: inline-block;
@@ -21,10 +21,10 @@
       cursor: pointer;
     }
     svg:hover {
-      fill: var(--primary);
+      fill: var(--color-primary, #6366f1);
     }
     svg:active {
       transform: scale(1.1);
       fill: var(--dark);
     }
-  `,n.properties={value:{type:String,reflect:!0},color:{type:String,reflect:!0}},customElements.define("cdtr-eye-dropper",n)}}]);
+  `,o.properties={value:{type:String,reflect:!0},color:{type:String,reflect:!0}},customElements.define("cdtr-eye-dropper",o)}}]);

package/dist/4186.creaditor.bundle.js

@@ -300,9 +300,13 @@
       transition: left 0.08s ease;
     }
 
-    .slider-knob:focus {
+    .slider-knob:focus:not(:focus-visible) {
       outline: none;
     }
+    .slider-knob:focus-visible {
+      outline: none;
+      box-shadow: var(--focus-ring);
+    }
 
     .slider-knob.dragging {
       transition: none;

package/dist/453.creaditor.bundle.js

@@ -1,13 +1,15 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[453],{70453(t,e,o){o.r(e),o.d(e,{TitleEditor:()=>n});var s=o(59929),i=o(70980);class n extends s.WF{constructor(){super(),this.pb="6px"}render(){const t={fontWeight:this.bold?700:400,paddingBottom:this.pb};return s.qy`<span style=${(0,i.W)(t)}><slot></slot></span>`}}n.styles=s.AH`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[453],{70453(t,e,o){o.r(e),o.d(e,{TitleEditor:()=>i});var s=o(59929),n=o(70980);class i extends s.WF{constructor(){super(),this.pb="4px"}render(){const t={fontWeight:this.bold?700:400,paddingBottom:this.pb};return s.qy`<span style=${(0,n.W)(t)}><slot></slot></span>`}}i.styles=s.AH`
     :host {
       display: block;
-      font-size: 13px;
-      font-weight: 500;
-      color: var(--text-dark-color);
-      font-family: var(--font-family);
+      /* Bolder than the group heading above it, not lighter: labels are what
+         you act on. */
+      font-size: var(--text-xs, 12px);
+      font-weight: 600;
+      color: var(--color-text, #1a1a1f);
+      font-family: var(--font-sans);
       -webkit-font-smoothing: antialiased;
       text-align: var(--text-align-locale);
       direction: var(--direction-locale);
       user-select: none;
     }
-  `,n.properties={bold:{type:Boolean},pb:{type:String}},customElements.define("cdtr-title",n)}}]);
+  `,i.properties={bold:{type:Boolean},pb:{type:String}},customElements.define("cdtr-title",i)}}]);

package/dist/4762.creaditor.bundle.js

@@ -47,7 +47,7 @@
     }
     h1 {
       font-family: Arial;
-      color: var(--primary);
+      color: var(--color-primary, #6366f1);
       margin: 0;
     }
   `,customElements.define("cdtr-500",o)}}]);

package/dist/5133.creaditor.bundle.js

@@ -43,7 +43,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;
@@ -52,9 +52,9 @@
       border-color: black;
     }
     textarea::placeholder {
-      font-family: var(--font-family);
+      font-family: var(--font-sans);
     }
     textarea:focus {
-      border-color: var(--primary);
+      border-color: var(--color-primary, #6366f1);
     }
   `,customElements.define("cdtr-textarea",o)}}]);