@creaditor/newsletter-starterkit 1.0.53 → 1.0.55

package/dist/168.creaditor.bundle.js

@@ -1,8 +1,8 @@
 /*! For license information please see 168.creaditor.bundle.js.LICENSE.txt */
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[168],{74396(e,a,p){p.d(a,{L:()=>r});p(69130);const r=[{properties:{animationConfig:{type:Object},entryAnimation:{observer:"_entryAnimationChanged",type:String},exitAnimation:{observer:"_exitAnimationChanged",type:String}},_entryAnimationChanged:function(){this.animationConfig=this.animationConfig||{},this.animationConfig.entry=[{name:this.entryAnimation,node:this}]},_exitAnimationChanged:function(){this.animationConfig=this.animationConfig||{},this.animationConfig.exit=[{name:this.exitAnimation,node:this}]},_copyProperties:function(e,a){for(var p in a)e[p]=a[p]},_cloneConfig:function(e){var a={isClone:!0};return this._copyProperties(a,e),a},_getAnimationConfigRecursive:function(e,a,p){var r;if(this.animationConfig)if(this.animationConfig.value&&"function"==typeof this.animationConfig.value)this._warn(this._logf("playAnimation","Please put 'animationConfig' inside of your components 'properties' object instead of outside of it."));else if(r=e?this.animationConfig[e]:this.animationConfig,Array.isArray(r)||(r=[r]),r)for(var n,o=0;n=r[o];o++)if(n.animatable)n.animatable._getAnimationConfigRecursive(n.type||e,a,p);else if(n.id){var t=a[n.id];t?(t.isClone||(a[n.id]=this._cloneConfig(t),t=a[n.id]),this._copyProperties(t,n)):a[n.id]=n}else p.push(n)},getAnimationConfig:function(e){var a={},p=[];for(var r in this._getAnimationConfigRecursive(e,a,p),a)p.push(a[r]);return p}},{_configureAnimations:function(e){var a=[],p=[];if(e.length>0)for(let a,r=0;a=e[r];r++){let e=document.createElement(a.name);if(e.isNeonAnimation){let r=null;e.configure||(e.configure=function(e){return null}),r=e.configure(a),p.push({result:r,config:a,neonAnimation:e})}else console.warn(this.is+":",a.name,"not found!")}for(var r=0;r<p.length;r++){let e=p[r].result,n=p[r].config,o=p[r].neonAnimation;try{"function"!=typeof e.cancel&&(e=document.timeline.play(e))}catch(a){e=null,console.warn("Couldnt play","(",n.name,").",a)}e&&a.push({neonAnimation:o,config:n,animation:e})}return a},_shouldComplete:function(e){for(var a=!0,p=0;p<e.length;p++)if("finished"!=e[p].animation.playState){a=!1;break}return a},_complete:function(e){for(var a=0;a<e.length;a++)e[a].neonAnimation.complete(e[a].config);for(a=0;a<e.length;a++)e[a].animation.cancel()},playAnimation:function(e,a){var p=this.getAnimationConfig(e);if(p){this._active=this._active||{},this._active[e]&&(this._complete(this._active[e]),delete this._active[e]);var r=this._configureAnimations(p);if(0!=r.length){this._active[e]=r;for(var n=0;n<r.length;n++)r[n].animation.onfinish=function(){this._shouldComplete(r)&&(this._complete(r),delete this._active[e],this.fire("neon-animation-finish",a,{bubbles:!1}))}.bind(this)}else this.fire("neon-animation-finish",a,{bubbles:!1})}},cancelAnimation:function(){for(var e in this._active){var a=this._active[e];for(var p in a)a[p].animation.cancel()}this._active={}}}]},80168(e,a,p){p(69130),p(12479),p(45611),p(66564),p(48176);const r=document.createElement("template");r.setAttribute("style","display: none;"),r.innerHTML='<dom-module id="paper-dialog-shared-styles">\n  <template>\n    <style>\n      :host {\n        display: block;\n        margin: 24px 40px;\n\n        background: var(--paper-dialog-background-color, var(--primary-background-color));\n        color: var(--paper-dialog-color, var(--primary-text-color));\n\n        @apply --paper-font-body1;\n        @apply --shadow-elevation-16dp;\n        @apply --paper-dialog;\n      }\n\n      :host > ::slotted(*) {\n        margin-top: 20px;\n        padding: 0 24px;\n      }\n\n      :host > ::slotted(.no-padding) {\n        padding: 0;\n      }\n\n      \n      :host > ::slotted(*:first-child) {\n        margin-top: 24px;\n      }\n\n      :host > ::slotted(*:last-child) {\n        margin-bottom: 24px;\n      }\n\n      /* In 1.x, this selector was `:host > ::content h2`. In 2.x <slot> allows\n      to select direct children only, which increases the weight of this\n      selector, so we have to re-define first-child/last-child margins below. */\n      :host > ::slotted(h2) {\n        position: relative;\n        margin: 0;\n\n        @apply --paper-font-title;\n        @apply --paper-dialog-title;\n      }\n\n      /* Apply mixin again, in case it sets margin-top. */\n      :host > ::slotted(h2:first-child) {\n        margin-top: 24px;\n        @apply --paper-dialog-title;\n      }\n\n      /* Apply mixin again, in case it sets margin-bottom. */\n      :host > ::slotted(h2:last-child) {\n        margin-bottom: 24px;\n        @apply --paper-dialog-title;\n      }\n\n      :host > ::slotted(.paper-dialog-buttons),\n      :host > ::slotted(.buttons) {\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n\n        color: var(--paper-dialog-button-color, var(--primary-color));\n\n        @apply --layout-horizontal;\n        @apply --layout-end-justified;\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(r.content);var n=p(74396),o=p(68876),t=p(53874);const i={hostAttributes:{role:"dialog",tabindex:"-1"},properties:{modal:{type:Boolean,value:!1},__readied:{type:Boolean,value:!1}},observers:["_modalChanged(modal, __readied)"],listeners:{tap:"_onDialogClick"},ready:function(){this.__prevNoCancelOnOutsideClick=this.noCancelOnOutsideClick,this.__prevNoCancelOnEscKey=this.noCancelOnEscKey,this.__prevWithBackdrop=this.withBackdrop,this.__readied=!0},_modalChanged:function(e,a){a&&(e?(this.__prevNoCancelOnOutsideClick=this.noCancelOnOutsideClick,this.__prevNoCancelOnEscKey=this.noCancelOnEscKey,this.__prevWithBackdrop=this.withBackdrop,this.noCancelOnOutsideClick=!0,this.noCancelOnEscKey=!0,this.withBackdrop=!0):(this.noCancelOnOutsideClick=this.noCancelOnOutsideClick&&this.__prevNoCancelOnOutsideClick,this.noCancelOnEscKey=this.noCancelOnEscKey&&this.__prevNoCancelOnEscKey,this.withBackdrop=this.withBackdrop&&this.__prevWithBackdrop))},_updateClosingReasonConfirmed:function(e){this.closingReason=this.closingReason||{},this.closingReason.confirmed=e},_onDialogClick:function(e){for(var a=(0,t.tT)(e).path,p=0,r=a.indexOf(this);p<r;p++){var n=a[p];if(n.hasAttribute&&(n.hasAttribute("dialog-dismiss")||n.hasAttribute("dialog-confirm"))){this._updateClosingReasonConfirmed(n.hasAttribute("dialog-confirm")),this.close(),e.stopPropagation();break}}}},l=[o.r,i];var f=p(95586),c=p(47351);(0,f.b)({_template:c.q`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[168],{80168(e,p,a){a(69130),a(12479),a(45611),a(66564),a(48176);const r=document.createElement("template");r.setAttribute("style","display: none;"),r.innerHTML='<dom-module id="paper-dialog-shared-styles">\n  <template>\n    <style>\n      :host {\n        display: block;\n        margin: 24px 40px;\n\n        background: var(--paper-dialog-background-color, var(--primary-background-color));\n        color: var(--paper-dialog-color, var(--primary-text-color));\n\n        @apply --paper-font-body1;\n        @apply --shadow-elevation-16dp;\n        @apply --paper-dialog;\n      }\n\n      :host > ::slotted(*) {\n        margin-top: 20px;\n        padding: 0 24px;\n      }\n\n      :host > ::slotted(.no-padding) {\n        padding: 0;\n      }\n\n      \n      :host > ::slotted(*:first-child) {\n        margin-top: 24px;\n      }\n\n      :host > ::slotted(*:last-child) {\n        margin-bottom: 24px;\n      }\n\n      /* In 1.x, this selector was `:host > ::content h2`. In 2.x <slot> allows\n      to select direct children only, which increases the weight of this\n      selector, so we have to re-define first-child/last-child margins below. */\n      :host > ::slotted(h2) {\n        position: relative;\n        margin: 0;\n\n        @apply --paper-font-title;\n        @apply --paper-dialog-title;\n      }\n\n      /* Apply mixin again, in case it sets margin-top. */\n      :host > ::slotted(h2:first-child) {\n        margin-top: 24px;\n        @apply --paper-dialog-title;\n      }\n\n      /* Apply mixin again, in case it sets margin-bottom. */\n      :host > ::slotted(h2:last-child) {\n        margin-bottom: 24px;\n        @apply --paper-dialog-title;\n      }\n\n      :host > ::slotted(.paper-dialog-buttons),\n      :host > ::slotted(.buttons) {\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n\n        color: var(--paper-dialog-button-color, var(--primary-color));\n\n        @apply --layout-horizontal;\n        @apply --layout-end-justified;\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(r.content);var o=a(74396),t=a(68876),n=a(53874);const i={hostAttributes:{role:"dialog",tabindex:"-1"},properties:{modal:{type:Boolean,value:!1},__readied:{type:Boolean,value:!1}},observers:["_modalChanged(modal, __readied)"],listeners:{tap:"_onDialogClick"},ready:function(){this.__prevNoCancelOnOutsideClick=this.noCancelOnOutsideClick,this.__prevNoCancelOnEscKey=this.noCancelOnEscKey,this.__prevWithBackdrop=this.withBackdrop,this.__readied=!0},_modalChanged:function(e,p){p&&(e?(this.__prevNoCancelOnOutsideClick=this.noCancelOnOutsideClick,this.__prevNoCancelOnEscKey=this.noCancelOnEscKey,this.__prevWithBackdrop=this.withBackdrop,this.noCancelOnOutsideClick=!0,this.noCancelOnEscKey=!0,this.withBackdrop=!0):(this.noCancelOnOutsideClick=this.noCancelOnOutsideClick&&this.__prevNoCancelOnOutsideClick,this.noCancelOnEscKey=this.noCancelOnEscKey&&this.__prevNoCancelOnEscKey,this.withBackdrop=this.withBackdrop&&this.__prevWithBackdrop))},_updateClosingReasonConfirmed:function(e){this.closingReason=this.closingReason||{},this.closingReason.confirmed=e},_onDialogClick:function(e){for(var p=(0,n.tT)(e).path,a=0,r=p.indexOf(this);a<r;a++){var o=p[a];if(o.hasAttribute&&(o.hasAttribute("dialog-dismiss")||o.hasAttribute("dialog-confirm"))){this._updateClosingReasonConfirmed(o.hasAttribute("dialog-confirm")),this.close(),e.stopPropagation();break}}}},l=[t.r,i];var f=a(95586),c=a(47351);(0,f.b)({_template:c.q`
     <style include="paper-dialog-shared-styles"></style>
     <slot></slot>
-`,is:"paper-dialog",behaviors:[l,n.L],listeners:{"neon-animation-finish":"_onNeonAnimationFinish"},_renderOpened:function(){this.cancelAnimation(),this.playAnimation("entry")},_renderClosed:function(){this.cancelAnimation(),this.playAnimation("exit")},_onNeonAnimationFinish:function(){this.opened?this._finishRenderOpened():this._finishRenderClosed()}})},88453(e,a,p){p(69130);const r=p(47351).q`
+`,is:"paper-dialog",behaviors:[l,o.L],listeners:{"neon-animation-finish":"_onNeonAnimationFinish"},_renderOpened:function(){this.cancelAnimation(),this.playAnimation("entry")},_renderClosed:function(){this.cancelAnimation(),this.playAnimation("exit")},_onNeonAnimationFinish:function(){this.opened?this._finishRenderOpened():this._finishRenderClosed()}})},88453(e,p,a){a(69130);const r=a(47351).q`
 <custom-style>
   <style is="custom-style">
     html {
@@ -325,7 +325,7 @@
 
   </style>
 </custom-style>
-`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},45611(e,a,p){p(69130),p(88453);const r=p(47351).q`
+`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},45611(e,p,a){a(69130),a(88453);const r=a(47351).q`
 <custom-style>
   <style is="custom-style">
     html {
@@ -381,7 +381,7 @@
       --default-primary-color: var(--primary-color);
     }
   </style>
-</custom-style>`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},66564(e,a,p){p(69130);if(!window.polymerSkipLoadingFontRoboto){const e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.crossOrigin="anonymous",e.href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic",document.head.appendChild(e)}const r=p(47351).q`<custom-style>
+</custom-style>`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},66564(e,p,a){a(69130);if(!window.polymerSkipLoadingFontRoboto){const e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.crossOrigin="anonymous",e.href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic",document.head.appendChild(e)}const r=a(47351).q`<custom-style>
   <style is="custom-style">
     html {
 

package/dist/170.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"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),n=r(59929),o=r(86319),i=r(58371),c=r(9507);class a extends n.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=` (${o.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=o.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)}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=o.M.get("langConfig","direction");return this.crumbs.length>0?n.qy`
+"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),n=r(59929),i=r(86319),o=r(58371),c=r(36565);class a extends n.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?n.qy`
                   <!-- <cdtr-tooltip content="breadcrumbs_info" .opened=${!0}></cdtr-tooltip> -->
           <div>
             ${this.crumbs.map((t,r)=>n.qy` <span
@@ -7,19 +7,25 @@
                     @mousedown=${()=>this.clickBread(t)}
                     class="breadcrumb"
                     >${t.name||n.qy`<lang-text text=${t.type}></lang-text>`}</span
-                  >${this.crumbs.length===r?null:(0,s.A)(i.D9,{style:{transform:`rotate(${"ltr"===e?"180deg":"0"})`},class:"arrow"})}`)}
+                  >${this.crumbs.length===r?null:(0,s.A)(o.D9,{style:{transform:`rotate(${"ltr"===e?"180deg":"0"})`},class:"arrow"})}`)}
        ${this.mainText?n.qy` <div class="currect">
                 ${this.currectCrumb.name||n.qy`<lang-text text=${this.currectCrumb.type}></lang-text
                   >${this.currectCrumb.as}`}
               </div>`:null}
           </div>
          
-        `:""}connectedCallback(){super.connectedCallback(),document.body.appendChild(this.cover),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=n.AH`
+        `:""}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=n.AH`
     :host {
       direction: var(--direction);
-      padding: 10px;
       display: block;
-      height: 50px;
+    }
+    :host([hidden-crumbs]) {
+      padding: 0;
+      height: 0;
+      overflow: hidden;
+    }
+    :host(:not([hidden-crumbs])) {
+      padding: 10px;
     }
     .currect {
       font-size: 13px;

package/dist/2384.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2384],{92384(t,e,n){n.r(e),n.d(e,{FontFamilyEditor:()=>r});var i=n(59929),s=n(40120),o=n(86319);class r extends i.WF{constructor(){super(),this.onchangeFontFamily=t=>{const e=t.target.value,n=this.fontFamilies.find(t=>t.name===e);if(!n)return void console.error("cant set font family, font family not founded..");(0,s.sw)(n),this.value=n.cssRule,this.name=e;const i=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(i)},this.onFilteredFonts=t=>{const e=t.target.value;this.filteredFonts=this.fontFamilies.filter(t=>t.name.toLowerCase().includes(e.toLowerCase()))},this.filteredFonts=[],this.fontFamilies=[]}connectedCallback(){super.connectedCallback();const t=o.M.get("config","editor","configure","editorProps","fonts"),e=Array.isArray(t)?t:[];this.filteredFonts=this.fontFamilies=e,e.forEach(t=>{t&&t.url&&t.id&&function(t){if(document.getElementById(t.id))return;const e=document.createElement("link");e.href=t.url,e.id=t.id,e.setAttribute("data-name",t.name),e.rel="stylesheet",e.type="text/css",document.head.appendChild(e)}(t)})}disconnectedCallback(){super.disconnectedCallback()}render(){const t=this.fontFamilies.find(t=>"string"==typeof t?.cssRule&&(-1!==t.cssRule.indexOf(this.value||"")||-1!==t.cssRule.indexOf(this.name||"")));t&&(this.name=t.name);const e=i.qy`<cdtr-dropdown
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2384],{92384(t,e,n){n.r(e),n.d(e,{FONT_WEIGHTS:()=>i,FontFamilyEditor:()=>s});var o=n(59929),r=n(40120),a=n(86319);const i=[{name:"Thin",value:100},{name:"Light",value:300},{name:"Regular",value:400},{name:"Medium",value:500},{name:"SemiBold",value:600},{name:"Bold",value:700},{name:"Black",value:900}];class s extends o.WF{constructor(){super(),this.onchangeFontWeight=t=>{const e=parseInt(t.target.value,10);Number.isNaN(e)||(this.weight=e,this.dispatchEvent(new CustomEvent("weightchange",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}})))},this.onchangeFontFamily=t=>{const e=t.target.value,n=this.fontFamilies.find(t=>t.name===e);if(!n)return void console.error("cant set font family, font family not founded..");(0,r.sw)(n),this.value=n.cssRule,this.name=e;const o=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(o)},this.onFilteredFonts=t=>{const e=t.target.value;this.filteredFonts=this.fontFamilies.filter(t=>t.name.toLowerCase().includes(e.toLowerCase()))},this.filteredFonts=[],this.fontFamilies=[],this.showWeight=!1}async connectedCallback(){super.connectedCallback();const t=await(0,r.VH)(),e=Array.isArray(t)?t:[];this.filteredFonts=this.fontFamilies=e,e.forEach(t=>{t&&t.url&&t.id&&function(t){if(document.getElementById(t.id))return;const e=document.createElement("link");e.href=t.url,e.id=t.id,e.setAttribute("data-name",t.name),e.rel="stylesheet",e.type="text/css",document.head.appendChild(e)}(t)})}disconnectedCallback(){super.disconnectedCallback()}render(){const t=this.fontFamilies.find(t=>"string"==typeof t?.cssRule&&(-1!==t.cssRule.indexOf(this.value||"")||-1!==t.cssRule.indexOf(this.name||"")));t&&(this.name=t.name);const e=o.qy`<cdtr-dropdown
       style="width:100%"
       .value="${this.name}"
       @change=${this.onchangeFontFamily}
@@ -11,11 +11,11 @@
       </cdtr-dropdown-button>
       <div slot="content">
         <cdtr-input
-          .placeholder="${o.M.get("lang","search")}.."
+          .placeholder="${a.M.get("lang","search")}.."
           @input=${this.onFilteredFonts}
           type="search"
         ></cdtr-input>
-        ${this.filteredFonts.map(t=>i.qy`<cdtr-dropdown-item
+        ${this.filteredFonts.map(t=>o.qy`<cdtr-dropdown-item
             .focused=${t.name===this.name}
             .selected=${t.name===this.name}
             value="${t.name}"
@@ -26,21 +26,69 @@
             >${t.name}</span>
           </cdtr-dropdown-item>`)}
       </div>
-    </cdtr-dropdown>`,n=i.qy`
+    </cdtr-dropdown>`,n=o.qy`
+      <cdtr-editor-container>
+        <cdtr-row alignItems="center" justify="space-between">
+          <cdtr-col sm="12">
+            <cdtr-row alignItems="center" justify="flex-end">
+              ${e}
+            </cdtr-row>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+    `,r=i.find(t=>String(t.value)===String(this.weight))||i.find(t=>400===t.value),s=o.qy`<cdtr-dropdown
+      style="width:100%"
+      .value="${String(r?.value)}"
+      @change=${this.onchangeFontWeight}
+    >
+      <cdtr-dropdown-button
+        minWidth=${100}
+        class="dropdown-button"
+        slot="trigger"
+        >${r?.value}
+      </cdtr-dropdown-button>
+      <div slot="content">
+        ${i.map(t=>o.qy`<cdtr-dropdown-item
+            .focused=${String(t.value)===String(r?.value)}
+            .selected=${String(t.value)===String(r?.value)}
+            value="${t.value}"
+            ><span style="font-weight:${t.value};">${t.value}</span>
+          </cdtr-dropdown-item>`)}
+      </div>
+    </cdtr-dropdown>`,d=o.qy`
       <cdtr-editor-container>
         <cdtr-row alignItems="center" justify="space-between">
           <cdtr-title pb="0" style="display:block" class="align-lang"
-            ><lang-text text="fontFamily"></lang-text
+            ><lang-text text="fontWeight"></lang-text
           ></cdtr-title>
           <cdtr-col sm="12">
             <cdtr-row alignItems="center" justify="flex-end">
-              ${e}
+              ${s}
             </cdtr-row>
           </cdtr-col>
         </cdtr-row>
       </cdtr-editor-container>
-    `;return this.light?e:n}}r.properties={value:{type:String},name:{type:String},fontFamilies:{type:Array},filteredFonts:{type:Array},isOpen:{type:Boolean},light:{type:Boolean}},r.styles=i.AH`
+    `;return this.light?this.showWeight?o.qy`<div class="toolbar-flat">${e}${s}</div>`:o.qy`<div class="toolbar-flat">${e}</div>`:this.showWeight?o.qy`${n}${d}`:n}}s.properties={value:{type:String},name:{type:String},fontFamilies:{type:Array},filteredFonts:{type:Array},isOpen:{type:Boolean},light:{type:Boolean},showWeight:{type:Boolean,attribute:!1},weight:{}},s.styles=o.AH`
     .dropdown-button {
       min-width: 100px;
     }
-  `,customElements.define("cdtr-font-family-editor",r)}}]);
+    /* Toolbar ("light") mode: flatten the picker so it reads as one of the
+       flat icon controls rather than a bordered <select>. Scoped to this
+       instance only — the bordered look is preserved everywhere else. */
+    .toolbar-flat cdtr-dropdown-button::part(button) {
+      height: 28px;
+      padding: 0 6px 0 8px;
+      border-color: transparent !important;
+      background: transparent !important;
+      border-radius: 7px;
+      color: #444b58;
+      font-size: 13px;
+      font-weight: 500;
+      transition: background 0.12s ease, color 0.12s ease;
+    }
+    .toolbar-flat cdtr-dropdown-button::part(button):hover {
+      border-color: transparent !important;
+      background: rgba(16, 24, 40, 0.055) !important;
+      color: #14171f;
+    }
+  `,customElements.define("cdtr-font-family-editor",s)}}]);

package/dist/2590.creaditor.bundle.js

@@ -1,7 +1,6 @@
 "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
       ><span
-        style="-webkit-font-smoothing: antialiased;text-transform:capitalize;
-display:inline-block;direction:var(--direction-locale);text-align:var(--text-align-locale);white-space:${this.whiteSpace}"
+        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
       ></slot
     >`}}l.properties={text:{type:String,reflect:!1},whiteSpace:{type:String},textAlign:{type:String},bold:{type:Boolean}},customElements.get("lang-text")||customElements.define("lang-text",l)}}]);

package/dist/3095.creaditor.bundle.js

@@ -1,17 +1,18 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3095],{73095(e,t,o){o.r(t),o.d(t,{default:()=>d});var i=o(59929),s=o(21421),n=o(69600);class d extends i.WF{constructor(){super(),this.contentRef=(0,s._)(),this.toggle=this.toggle.bind(this),this.onEnter=this.onEnter.bind(this),this.onKeydown=this.onKeydown.bind(this),this.overflow=!0,this.maxHeight=300,this.left=0,this.top=0,this.custom=!1,this.opened=!1}close(){this.toggle()}onBouncing(e){this.searchText=e.target.value;const t=new UIEvent("search",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}render(){return i.qy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3095],{73095(e,t,o){o.r(t),o.d(t,{default:()=>r});var n=o(59929),i=o(21421),s=o(69600);class r extends n.WF{constructor(){super(),this.contentRef=(0,i._)(),this.toggle=this.toggle.bind(this),this.onEnter=this.onEnter.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onPointerMove=this.onPointerMove.bind(this),this.overflow=!0,this.maxHeight=300,this.left=0,this.top=0,this.custom=!1,this.opened=!1}close(){this.toggle()}onBouncing(e){this.searchText=e.target.value;const t=new UIEvent("search",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}render(){return n.qy`
       <slot @click=${()=>this.toggle()} tabindex="0" name="trigger"></slot>
-      ${this.opened?i.qy` <div
+      ${this.opened?n.qy` <div
             @mouseup=${this.onClickOutside}
+            @mousemove=${this.onPointerMove}
             class="backdrop"
-            style="z-index:${(0,n.A)()};"
+            style="z-index:${(0,s.A)()};"
           >
             <div
-              ${(0,s.K)(this.contentRef)}
+              ${(0,i.K)(this.contentRef)}
               @mouseup=${this.preventClosing}
-              style="z-index:${(0,n.A)()};left:${this.left}px;top:${this.top}px;"
+              style="z-index:${(0,s.A)()};left:${this.left}px;top:${this.top}px;"
               class="dropdown-content fade-in ${this.custom?"":"dropdown-background"}"
             >
-              ${this.search?i.qy`<cdtr-input
+              ${this.search?n.qy`<cdtr-input
                     @input=${this.onBouncing}
                     type="search"
                     value=${this.searchText}
@@ -19,7 +20,7 @@
               <slot name="content"></slot>
             </div>
           </div>`:null}
-    `}preventClosing(e){return e.stopPropagation(),setTimeout(()=>{this.calcRects()},0),!1}onClickOutside(){this.toggle(!1)}updated(){this.opened&&(setTimeout(()=>{this.calcRects()},0),this.contentRef.value?.classList.add("fade-in"),this.contentRef.value.style.maxHeight=`${this.maxHeight}px`)}calcRects(){let e=0,t=0;const o=this.getBoundingClientRect(),i=this.contentRef?.value?.getBoundingClientRect();i&&(e=o.left,t=o.top,e<0&&(e=0),t<0&&(t=0),e+i.width>window.innerWidth&&(e=window.innerWidth-i.width),t+i.height>window.innerHeight&&(t=window.innerHeight-i.height),this.left=e,this.top=t,this.contentRef.value.style.left=`${o.left}px`,this.contentRef.value.style.top=`${t+o.height}px`,this.contentRef.value.style.overflow=this.overflow?"hidden auto":"hidden")}toggle(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const t=e||!this.opened;t?(window.removeEventListener("keydown",this.onKeydown),window.addEventListener("keydown",this.onKeydown),this.opened=t,setTimeout(()=>{const e=this.focusedItem=this.querySelector("cdtr-dropdown-item[focused]")||this.querySelector("cdtr-dropdown-item");e&&e.focus()},20)):(window.removeEventListener("keydown",this.onKeydown),this.contentRef.value?.classList.add("fade-out"),setTimeout(()=>{this.opened=t},150)),this.setAttribute("aria-expanded",t)}onEnter(e){e.target===this&&13===e.keyCode&&this.toggle()}onKeydown(e){this.focusedItem&&40===e.keyCode&&this.focusedItem.nextElementSibling&&"CDTR-DROPDOWN-ITEM"===this.focusedItem.nextElementSibling.nodeName?(this.focusedItem=this.focusedItem.nextElementSibling,this.focusedItem&&this.focusedItem.focus()):this.focusedItem&&38===e.keyCode&&this.focusedItem.previousElementSibling&&"CDTR-DROPDOWN-ITEM"===this.focusedItem.previousElementSibling.nodeName?(this.focusedItem=this.focusedItem.previousElementSibling,this.focusedItem&&this.focusedItem.focus()):27===e.keyCode&&this.toggle();const t=new UIEvent("keypress",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-disabled","false"),this.setAttribute("aria-haspopup","true"),this.setAttribute("aria-expanded",this.opened),this.addEventListener("keydown",this.onEnter),setTimeout(()=>{this.opened&&this.toggle(!0)},50)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.onKeydown)}patch(e){this.value=e,this.toggle(!1);const t=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t),setTimeout(()=>{this.focus()},0)}}d.styles=i.AH`
+    `}preventClosing(e){return e.stopPropagation(),setTimeout(()=>{this.calcRects()},0),!1}onClickOutside(){this.toggle(!1)}updated(){this.opened&&(setTimeout(()=>{this.calcRects()},0),this.contentRef.value?.classList.add("fade-in"),this.contentRef.value.style.maxHeight=`${this.maxHeight}px`)}calcRects(){let e=0,t=0;const o=this.getBoundingClientRect(),n=this.contentRef?.value?.getBoundingClientRect();n&&(e=o.left,t=o.top,e<0&&(e=0),t<0&&(t=0),e+n.width>window.innerWidth&&(e=window.innerWidth-n.width),t+n.height>window.innerHeight&&(t=window.innerHeight-n.height),this.left=e,this.top=t,this.contentRef.value.style.left=`${o.left}px`,this.contentRef.value.style.top=`${t+o.height}px`,this.contentRef.value.style.overflow=this.overflow?"hidden auto":"hidden")}toggle(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];const t=e||!this.opened;t?(window.removeEventListener("keydown",this.onKeydown),window.addEventListener("keydown",this.onKeydown),this.style.removeProperty("--cdtr-item-hover"),this.opened=t,setTimeout(()=>{const e=this.focusedItem=this.querySelector("cdtr-dropdown-item[focused]")||this.querySelector("cdtr-dropdown-item");e&&e.focus()},20)):(window.removeEventListener("keydown",this.onKeydown),this.contentRef.value?.classList.add("fade-out"),setTimeout(()=>{this.opened=t},150)),this.setAttribute("aria-expanded",t)}onEnter(e){e.target===this&&13===e.keyCode&&this.toggle()}onPointerMove(){this.style.removeProperty("--cdtr-item-hover")}onKeydown(e){40!==e.keyCode&&38!==e.keyCode||this.style.setProperty("--cdtr-item-hover","transparent"),this.focusedItem&&40===e.keyCode&&this.focusedItem.nextElementSibling&&"CDTR-DROPDOWN-ITEM"===this.focusedItem.nextElementSibling.nodeName?(this.focusedItem=this.focusedItem.nextElementSibling,this.focusedItem&&this.focusedItem.focus()):this.focusedItem&&38===e.keyCode&&this.focusedItem.previousElementSibling&&"CDTR-DROPDOWN-ITEM"===this.focusedItem.previousElementSibling.nodeName?(this.focusedItem=this.focusedItem.previousElementSibling,this.focusedItem&&this.focusedItem.focus()):27===e.keyCode&&this.toggle();const t=new UIEvent("keypress",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-disabled","false"),this.setAttribute("aria-haspopup","true"),this.setAttribute("aria-expanded",this.opened),this.addEventListener("keydown",this.onEnter),setTimeout(()=>{this.opened&&this.toggle(!0)},50)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.onKeydown)}patch(e){this.value=e,this.toggle(!1);const t=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t),setTimeout(()=>{this.focus()},0)}}r.styles=n.AH`
     :host {
       display: inline-block;
       overflow: hidden;
@@ -35,33 +36,38 @@
       background: transparent;
       overflow: hidden;
     }
+    /* padding lives here so custom content stays flush against the panel */
     .dropdown-background {
       background: #fff;
+      padding: 4px;
     }
     .dropdown-content {
       box-sizing: border-box;
-      min-width: 50px;
-      min-height: 50;
+      min-width: 180px;
+      min-height: 40px;
       position: fixed;
-      border-radius: 0.25rem;
-      /* padding: 3px; */
-      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
-      transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+      border-radius: 10px;
+      border: 1px solid #eceef1;
+      /* layered depth: a tight ambient edge + a soft key shadow */
+      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06),
+        0 8px 24px -6px rgba(16, 24, 40, 0.16);
+      transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     }
     .fade-in {
-      animation: fade-in 0.3s;
+      animation: fade-in 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
     }
     .fade-out {
-      animation: fade-out 0.3s;
+      animation: fade-out 140ms ease both;
       opacity: 0;
     }
     @keyframes fade-in {
       from {
         opacity: 0;
-        margin-top: 5px;
+        transform: translateY(-6px) scale(0.98);
       }
       to {
         opacity: 1;
+        transform: none;
       }
     }
     @keyframes fade-out {
@@ -69,42 +75,55 @@
         opacity: 1;
       }
       to {
-        margin-top: 5px;
         opacity: 0;
+        transform: translateY(-4px);
       }
     }
-  `,d.properties={search:{type:Boolean},searchText:{type:String},left:{type:Number},top:{type:Number},opened:{type:Boolean},maxHeight:{type:Number},overflow:{type:Boolean},value:{type:String},custom:{type:String}};class r extends i.WF{constructor(){super(),this.minWidth=50}render(){return i.qy`<paper-button style="min-width:${this.minWidth}px"
+    @media (prefers-reduced-motion: reduce) {
+      .fade-in,
+      .fade-out {
+        animation-duration: 1ms;
+        transform: none;
+      }
+    }
+  `,r.properties={search:{type:Boolean},searchText:{type:String},left:{type:Number},top:{type:Number},opened:{type:Boolean},maxHeight:{type:Number},overflow:{type:Boolean},value:{type:String},custom:{type:String}};class d extends n.WF{constructor(){super(),this.minWidth=50}render(){return n.qy`<paper-button style="min-width:${this.minWidth}px"
       ><slot></slot> <cdtr-dd-arrow-icon></cdtr-dd-arrow-icon
-    ></paper-button>`}}r.properties={minWidth:{type:Number}},r.styles=i.AH`
+    ></paper-button>`}}d.properties={minWidth:{type:Number}},d.styles=n.AH`
     paper-button {
       display: flex;
+      align-items: center;
       justify-content: space-between;
+      gap: 8px;
       text-transform: capitalize;
       width: 100%;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 1.5;
+      line-height: 1.4;
+      font-size: 13px;
+      font-weight: 500;
       color: rgb(33, 37, 41);
       background: rgb(255, 255, 255);
       background-clip: padding-box;
-      border-width: 1px;
-      border-style: solid;
-      border-image: initial;
+      border: 1px solid var(--input-border-color, #ced4da);
       appearance: none;
-      border-radius: 0.25rem;
+      border-radius: 8px;
       transition: border-color 0.15s ease-in-out 0s,
-        box-shadow 0.15s ease-in-out 0s;
+        box-shadow 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
       margin: 0px;
-      font-family: var(--font-family);
-      border-color: var(--input-border-color);
+      font-family: var(--font-family, "Inter", Arial, sans-serif);
       box-sizing: border-box;
-      padding: 5px;
-      font-size: 12px;
+      padding: 7px 10px;
+      cursor: pointer;
     }
     paper-button:hover {
-      border-color: black;
+      border-color: #9aa1a9;
+      background: #fbfbfc;
     }
-  `;class c extends i.WF{constructor(){super(),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}focus(){this.shadowRoot.querySelector(".dropdown-item").focus()}onFocus(){this.focused=!0}onBlur(){this.focused=!1}onClick(e){if(this.notClickable)return;const t=this.closest("cdtr-dropdown");t&&t.patch(this.value,e,this)}onPress(e){if(13===e.keyCode){const t=new UIEvent("click",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t);const o=this.closest("cdtr-dropdown");o&&o.patch(this.value,e,this)}}connectedCallback(){super.connectedCallback(),this.selected&&this.scrollIntoView({behavior:"smooth",block:"start"})}render(){return i.qy`<div role="button"
+    paper-button:focus,
+    paper-button:focus-within {
+      outline: none;
+      border-color: var(--cdtr-dropdown-accent, #7c5cf6);
+      box-shadow: 0 0 0 3px rgba(124, 92, 246, 0.2);
+    }
+  `;class a extends n.WF{constructor(){super(),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}focus(){this.shadowRoot.querySelector(".dropdown-item").focus()}onFocus(){this.focused=!0}onBlur(){this.focused=!1}onClick(e){if(this.notClickable)return;const t=this.closest("cdtr-dropdown");t&&t.patch(this.value,e,this)}onPress(e){if(13===e.keyCode){const t=new UIEvent("click",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t);const o=this.closest("cdtr-dropdown");o&&o.patch(this.value,e,this)}}connectedCallback(){super.connectedCallback(),this.selected&&this.scrollIntoView({behavior:"smooth",block:"start"})}render(){return n.qy`<div role="button"
       @click=${this.onClick}
       @keydown=${this.onPress}
       @blur=${this.onBlur}
@@ -112,50 +131,64 @@
       class="dropdown-item"
       tabindex="0"
     >
-      ${this.selected?i.qy` <svg
-            class="selected-svg"
-            fill="var(--primary)"
+      <slot></slot>
+      ${this.selected?n.qy` <svg
+            class="check"
+            fill="currentColor"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 24 24"
-            width="24"
-            height="24"
+            aria-hidden="true"
           >
             <path fill="none" d="M0 0h24v24H0z" />
             <path
               d="M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"
             />
           </svg>`:null}
-      <slot></slot>
-    </div>`}}c.properties={focused:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},value:{type:String,reflect:!0},notClickable:{type:Boolean}},c.styles=i.AH`
+    </div>`}}a.properties={focused:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},value:{type:String,reflect:!0},notClickable:{type:Boolean}},a.styles=n.AH`
     .dropdown-item {
       position: relative;
       box-sizing: border-box;
       display: flex;
-      font-family: Arial, Helvetica, sans-serif;
-      font-size: 12px;
-      cursor: pointer;
-      margin-bottom: 2px;
-      display: flex;
       align-items: center;
-      user-select: none;
-      width: 100%;
       justify-content: space-between;
-      box-sizing: border-box;
-      padding: 10px 20px;
+      gap: 10px;
+      width: 100%;
+      padding: 8px 12px;
+      border-radius: 6px;
+      font-family: var(--font-family, "Inter", Arial, sans-serif);
+      font-size: 13px;
+      line-height: 1.4;
+      color: #212529;
+      cursor: pointer;
+      user-select: none;
+      transition: background-color 120ms ease, color 120ms ease,
+        box-shadow 120ms ease;
     }
+    /* hover = a translucent violet wash: ephemeral pointer feedback. The
+       parent sets --cdtr-item-hover to transparent while arrow-key
+       navigating so it never competes with the keyboard cursor below. */
     .dropdown-item:hover {
-      background: #f3f3f396;
+      background: var(--cdtr-item-hover, rgba(124, 92, 246, 0.1));
     }
+    /* keyboard cursor: stronger wash + a left accent bar, so "where am I"
+       reads at a glance and is distinct from both hover and selected */
     .dropdown-item:focus {
-      color: var(--primary-color);
       outline: none;
-      background: #f3f3f3;
+      background: rgba(124, 92, 246, 0.16);
+      color: var(--cdtr-dropdown-accent-ink, #5a3cc9);
+      box-shadow: inset 3px 0 0 var(--cdtr-dropdown-accent, #7c5cf6);
+    }
+    /* selected = the committed choice: a SOLID chip (opaque, not a wash),
+       accent text, weight, and a check — so it can't be mistaken for hover */
+    :host([selected]) .dropdown-item {
+      color: var(--cdtr-dropdown-accent-ink, #5a3cc9);
+      font-weight: 600;
+      background: var(--cdtr-dropdown-selected-bg, #efeaff);
     }
-    .selected-svg {
+    .check {
       width: 16px;
-      position: absolute;
-      left: 95%;
-      transform: translate(-70%, -50%);
-      top: 50%;
+      height: 16px;
+      flex: none;
+      color: var(--cdtr-dropdown-accent, #7c5cf6);
     }
-  `,customElements.get("cdtr-dropdown-item")||customElements.define("cdtr-dropdown-item",c),customElements.get("cdtr-dropdown-button")||customElements.define("cdtr-dropdown-button",r),customElements.get("cdtr-dropdown")||customElements.define("cdtr-dropdown",d)}}]);
+  `,customElements.get("cdtr-dropdown-item")||customElements.define("cdtr-dropdown-item",a),customElements.get("cdtr-dropdown-button")||customElements.define("cdtr-dropdown-button",d),customElements.get("cdtr-dropdown")||customElements.define("cdtr-dropdown",r)}}]);

package/dist/3521.creaditor.bundle.js

@@ -1,12 +1,14 @@
-"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:()=>c});var o=i(5441),r=i(59929),n=i(9507),s=i(18057),d=i(86319);i.e(8315).then(i.bind(i,68315));class c 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),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
       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`        <cdtr-row justify="end">
-          <paper-button
+    ></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);">
+          <span
             @click=${this.goBack}
-            style="margin:.5rem 0;padding:0;min-width:0;direction:var(--direction-locale);"
-            ><cdtr-arrow-icon></cdtr-arrow-icon
-            ><lang-text style="font-weight:700;" text="go_back"></lang-text
-          ></paper-button>
-        </cdtr-row>`:""}
-    ${this.editor}`}}c.properties={type:{type:String},editor:{type:Object},injected:{type:Boolean}},customElements.define("design-factory",c)}}]);
+            style="display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#555;cursor:pointer;font-family:inherit;"
+            @mouseover=${t=>{t.currentTarget.style.color="#333",t.currentTarget.style.textDecoration="underline"}}
+            @mouseout=${t=>{t.currentTarget.style.color="#555",t.currentTarget.style.textDecoration="none"}}
+          ><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg
+          ><lang-text text="go_back"></lang-text
+          ></span>
+        </div>`:""}
+    ${this.editor}`}}l.properties={type:{type:String},editor:{type:Object},injected:{type:Boolean}},customElements.define("design-factory",l)}}]);

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(9507),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(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`
       <cdtr-accordion-item isOpen=${!0} label="on_scroll">
         <cdtr-row>
           ${(0,c.u)(this.animations,e=>e.id,e=>s.qy`<cdtr-col

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:()=>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 e=new EyeDropper,{sRGBHex:t}=await e.open(),r=s(t).setAlpha(1).toRgbString();this.value=this.color=r,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:()=>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`
           <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}}o.styles=i.AH`
+        `:null}}n.styles=i.AH`
     :host {
       position: relative;
       display: inline-block;
@@ -27,4 +27,4 @@
       transform: scale(1.1);
       fill: var(--dark);
     }
-  `,o.properties={value:{type:String,reflect:!0},color:{type:String,reflect:!0}},customElements.define("cdtr-eye-dropper",o)}}]);
+  `,n.properties={value:{type:String,reflect:!0},color:{type:String,reflect:!0}},customElements.define("cdtr-eye-dropper",n)}}]);

package/dist/4114.creaditor.bundle.js

@@ -10,6 +10,7 @@
       >
         <path fill="none" d="M0 0h24v24H0z" />
         <path
+          fill="currentColor"
           d="M2.213 14.06a9.945 9.945 0 0 1 0-4.12c1.11.13 2.08-.237 2.396-1.001.317-.765-.108-1.71-.986-2.403a9.945 9.945 0 0 1 2.913-2.913c.692.877 1.638 1.303 2.403.986.765-.317 1.132-1.286 1.001-2.396a9.945 9.945 0 0 1 4.12 0c-.13 1.11.237 2.08 1.001 2.396.765.317 1.71-.108 2.403-.986a9.945 9.945 0 0 1 2.913 2.913c-.877.692-1.303 1.638-.986 2.403.317.765 1.286 1.132 2.396 1.001a9.945 9.945 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.001-.317.765.108 1.71.986 2.403a9.945 9.945 0 0 1-2.913 2.913c-.692-.877-1.638-1.303-2.403-.986-.765.317-1.132 1.286-1.001 2.396a9.945 9.945 0 0 1-4.12 0c.13-1.11-.237-2.08-1.001-2.396-.765-.317-1.71.108-2.403.986a9.945 9.945 0 0 1-2.913-2.913c.877-.692 1.303-1.638.986-2.403-.317-.765-1.286-1.132-2.396-1.001zM4 12.21c1.1.305 2.007 1.002 2.457 2.086.449 1.085.3 2.22-.262 3.212.096.102.195.201.297.297.993-.562 2.127-.71 3.212-.262 1.084.45 1.781 1.357 2.086 2.457.14.004.28.004.42 0 .305-1.1 1.002-2.007 2.086-2.457 1.085-.449 2.22-.3 3.212.262.102-.096.201-.195.297-.297-.562-.993-.71-2.127-.262-3.212.45-1.084 1.357-1.781 2.457-2.086.004-.14.004-.28 0-.42-1.1-.305-2.007-1.002-2.457-2.086-.449-1.085-.3-2.22.262-3.212a7.935 7.935 0 0 0-.297-.297c-.993.562-2.127.71-3.212.262C13.212 6.007 12.515 5.1 12.21 4a7.935 7.935 0 0 0-.42 0c-.305 1.1-1.002 2.007-2.086 2.457-1.085.449-2.22.3-3.212-.262-.102.096-.201.195-.297.297.562.993.71 2.127.262 3.212C6.007 10.788 5.1 11.485 4 11.79c-.004.14-.004.28 0 .42zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
         />
       </svg>

package/dist/4186.creaditor.bundle.js

@@ -163,7 +163,7 @@
       <div id="secondaryProgress" hidden\$="[[_hideSecondaryProgress(secondaryRatio)]]"></div>
       <div id="primaryProgress"></div>
     </div>
-`,is:"paper-progress",behaviors:[i.K],properties:{secondaryProgress:{type:Number,value:0},secondaryRatio:{type:Number,value:0,readOnly:!0},indeterminate:{type:Boolean,value:!1,observer:"_toggleIndeterminate"},disabled:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_disabledChanged"}},observers:["_progressChanged(secondaryProgress, value, min, max, indeterminate)"],hostAttributes:{role:"progressbar"},_toggleIndeterminate:function(e){this.toggleClass("indeterminate",e,this.$.primaryProgress)},_transformProgress:function(e,t){var r="scaleX("+t/100+")";e.style.transform=e.style.webkitTransform=r},_mainRatioChanged:function(e){this._transformProgress(this.$.primaryProgress,e)},_progressChanged:function(e,t,r,i,a){e=this._clampValue(e),t=this._clampValue(t);var s=100*this._calcRatio(e),n=100*this._calcRatio(t);this._setSecondaryRatio(s),this._transformProgress(this.$.secondaryProgress,s),this._transformProgress(this.$.primaryProgress,n),this.secondaryProgress=e,a?this.removeAttribute("aria-valuenow"):this.setAttribute("aria-valuenow",t),this.setAttribute("aria-valuemin",r),this.setAttribute("aria-valuemax",i)},_disabledChanged:function(e){this.setAttribute("aria-disabled",e?"true":"false")},_hideSecondaryProgress:function(e){return 0===e}})},14186(e,t,r){r.r(t);r(12479),r(95813),r(89281),r(88453);var i=r(35915),a=r(19911),s=r(87335),n=r(56379),o=r(95586),l=r(15055);const d=r(69130).qy`
+`,is:"paper-progress",behaviors:[i.K],properties:{secondaryProgress:{type:Number,value:0},secondaryRatio:{type:Number,value:0,readOnly:!0},indeterminate:{type:Boolean,value:!1,observer:"_toggleIndeterminate"},disabled:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_disabledChanged"}},observers:["_progressChanged(secondaryProgress, value, min, max, indeterminate)"],hostAttributes:{role:"progressbar"},_toggleIndeterminate:function(e){this.toggleClass("indeterminate",e,this.$.primaryProgress)},_transformProgress:function(e,t){var r="scaleX("+t/100+")";e.style.transform=e.style.webkitTransform=r},_mainRatioChanged:function(e){this._transformProgress(this.$.primaryProgress,e)},_progressChanged:function(e,t,r,i,a){e=this._clampValue(e),t=this._clampValue(t);var s=100*this._calcRatio(e),n=100*this._calcRatio(t);this._setSecondaryRatio(s),this._transformProgress(this.$.secondaryProgress,s),this._transformProgress(this.$.primaryProgress,n),this.secondaryProgress=e,a?this.removeAttribute("aria-valuenow"):this.setAttribute("aria-valuenow",t),this.setAttribute("aria-valuemin",r),this.setAttribute("aria-valuemax",i)},_disabledChanged:function(e){this.setAttribute("aria-disabled",e?"true":"false")},_hideSecondaryProgress:function(e){return 0===e}})},14186(e,t,r){r.r(t);r(12479),r(9158),r(89281),r(88453);var i=r(35915),a=r(19911),s=r(87335),n=r(56379),o=r(95586),l=r(15055);const d=r(69130).qy`
   <style>
     :host {
       @apply --layout;