@creaditor/newsletter-starterkit 1.0.55 → 1.0.57

package/dist/7209.creaditor.bundle.js

@@ -1,14 +1,18 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2590,7209],{93967(e,t,s){s.d(t,{T:()=>i});const i=s(59929).AH`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2590,7209],{93967(e,t,s){s.d(t,{T:()=>r});const r=s(59929).AH`
   :host {
-    direction: ltr;
+    direction: var(--direction-locale, ltr);
   }
   .new-folder-form {
     max-width: 250px;
   }
   .add-btn {
-    background: var(--primary);
-    color: #fff;
-    padding: 6px;
+    background: var(--color-primary, #6366f1) !important;
+    color: var(--color-primary-text, #fff) !important;
+    padding: var(--space-2, 8px) var(--space-4, 16px);
+    text-transform: none;
+    font-size: var(--text-sm, 13px);
+    font-weight: 500;
+    border-radius: var(--radius-sm, 6px);
   }
   paper-listbox {
     background: transparent;
@@ -17,10 +21,9 @@
     position: relative;
   }
   vaadin-item,
-  vaadin-list-box,
-  lang-text {
-    direction: ltr;
-    text-align: left;
+  vaadin-list-box {
+    direction: var(--direction-locale, ltr);
+    text-align: var(--text-align-locale, left);
   }
   .moved {
     position: absolute;
@@ -31,15 +34,47 @@
     opacity: 0.8;
     height: 100%;
     z-index: 2;
-    height: 100%;
   }
   .onOver {
     background: red;
   }
   paper-item {
     cursor: pointer;
-    font-family: Arial;
-    font-size: 16px;
+    font-family: var(--font-sans, -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
+    font-size: var(--text-md, 14px);
+    padding: var(--space-2, 8px) var(--space-4, 16px);
+    border-radius: var(--radius-sm, 6px);
+    margin: 0 var(--space-2, 8px) var(--space-1, 4px);
+    transition: background 120ms ease, color 120ms ease;
+  }
+  paper-item:hover {
+    background: var(--color-bg-muted, rgba(0, 0, 0, 0.04));
+  }
+  /* Override Polymer's focused state that sticks after click */
+  paper-item[focused] {
+    background: transparent;
+  }
+  paper-item[focused]:hover {
+    background: var(--color-bg-muted, rgba(0, 0, 0, 0.04));
+  }
+  paper-item.iron-selected,
+  paper-item[aria-selected="true"] {
+    color: var(--color-primary, #6366f1);
+    background: var(--color-primary-soft, rgba(99, 102, 241, 0.08));
+    font-weight: 600;
+  }
+  paper-item.iron-selected[focused],
+  paper-item[aria-selected="true"][focused] {
+    background: var(--color-primary-soft, rgba(99, 102, 241, 0.08));
+  }
+  paper-button.choose {
+    background: var(--color-primary, var(--primary)) !important;
+    color: var(--color-primary-text, #fff) !important;
+    text-transform: none;
+    font-size: var(--text-sm, 13px);
+    font-weight: 500;
+    border-radius: var(--radius-sm, 6px);
+    padding: var(--space-2, 8px) var(--space-4, 16px);
   }
   .icon-btn {
     min-width: 50px;
@@ -47,27 +82,27 @@
   .divider-y {
     width: 1px;
     height: 30px;
-    background: #cccccc;
+    background: var(--color-border, #ccc);
   }
   .list {
-    background: var(--alpha);
+    background: var(--color-bg-subtle, var(--alpha));
     height: 100vh;
     max-width: 210px;
   }
   .search {
-    --cdtr-input-height: 35px;
+    --cdtr-input-height: 36px;
     width: 200px;
   }
   .scroll-body {
     max-height: calc(100vh - 260px);
     overflow: auto;
-    padding: 5px;
+    padding: var(--space-1, 5px);
   }
   .footer {
-    background: #fff;
+    background: var(--color-bg, #fff);
     width: 100%;
-    height: 40px;
-    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
+    height: 48px;
+    border-top: 1px solid var(--color-border, #e8e8ec);
     justify-content: flex-end;
     align-items: center;
     gap: 0px;
@@ -78,37 +113,40 @@
     left: 0;
   }
   .scroll-body::-webkit-scrollbar {
-    width: 6px;
+    width: var(--scrollbar-width, 6px);
   }
   .scroll-body::-webkit-scrollbar-track {
-    background: #f1f1f1;
+    background: var(--scrollbar-track, transparent);
   }
   .scroll-body::-webkit-scrollbar-thumb {
-    background: #272727;
+    background: var(--scrollbar-thumb, transparent);
+    border-radius: var(--scrollbar-radius, 999px);
   }
-  .scroll-body::-webkit-scrollbar-thumb:hover {
-    background: #555;
+  .scroll-body:hover::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-hover, rgba(0, 0, 0, 0.15));
   }
 
   paper-button.upload,
   paper-button.add {
-    background: var(--primary);
-    color: var(--primaryText);
+    background: var(--color-primary, #6366f1);
+    color: var(--color-primary-text, #fff);
     display: flex;
-    gap: 10px;
-    padding: 5px 22px;
+    gap: var(--space-2, 8px);
+    padding: var(--space-2, 8px) var(--space-4, 16px);
+    font-size: var(--text-sm, 13px);
+    font-weight: 500;
+    text-transform: none;
   }
   paper-button.upload {
-    border-radius: 20px;
+    border-radius: var(--radius-sm, 6px);
   }
   .upload-container {
     padding: 44px 5px;
-    /* border:2px dashed grey; */
   }
   .gallery-container {
-    padding: 40px 20px;
+    padding: var(--space-8, 32px) var(--space-5, 20px);
   }
-`},27209(e,t,s){s.r(t),s.d(t,{CreaditorGalleryWrapper:()=>g});var i=s(59929),r=s(5441),o=s(86319),l=s(49549),a=s(91597),n=s(21421),d=s(93967);function c(e){try{localStorage.setItem("creaditor-gallery-folder",e)}catch(e){console.warn("Could not write to localStorage:",e)}}class p extends i.WF{constructor(){super(),this.newFolderModalRef=(0,n._)(),this.newFolderInputRef=(0,n._)(),this.drop=this.drop.bind(this),this.controls=!0,this.sendFiles=this.sendFiles.bind(this),this.onSearch=this.onSearch.bind(this),this.coverEl=document.createElement("div"),this.sortItems=[{index:0,text:"fromNewToOld",value:{filter:"date",sortBy:"ASC"},checked:!0},{index:1,text:"fromOldToNew",value:{filter:"date",sortBy:"DESC"},checked:!1},{index:2,text:o.M.get("lang","aToZ"),value:{filter:"name",sortBy:"ASC"},checked:!1},{index:3,text:o.M.get("lang","zToA"),value:{filter:"name",sortBy:"DESC"},checked:!1}],this.filterItems=[{index:0,text:o.M.get("lang","folders"),value:"folders",checked:!0},{index:1,text:o.M.get("lang","images"),value:"images",checked:!0}]}openNewFolderModal(e){const t=this.newFolderModalRef.value;t&&(t.positionTarget=e.target,t.open(),this.newFolderInputRef.value.focus())}sendFiles(){const e={detail:this.files.filter(e=>e.selected),bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",e))}onLiked(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("like",t))}onClickFolder(e,t){this.freeImages=!1,this.controls=t;const s={detail:e,bubbles:!1,composed:!1};this.folderName=e.name,this.dispatchEvent(new CustomEvent("folder",s))}onSelectFile(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",t))}onSelectPexelsImage(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",t))}onUpload(){const e=(0,r.A)("input",{hidden:!0,type:"file",accept:"image/*"});e.onchange=e=>{const t=e.target;if(t.files&&t.files[0]){const e=new FileReader,s=t.files[0];e.onload=e=>{const t={detail:s,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("upload",t))},e.readAsDataURL(s)}},e.click()}onCreateNewFolder(){const e=this.newFolderInputRef.value.value;if(e.length<=30){const t={detail:e,bubbles:!1,composed:!1};this.newFolderModalRef.value.close(),this.dispatchEvent(new CustomEvent("newFolder",t)),this.newFolderInputRef.value.value=""}}onClickCategory(){}onReset(){c(null),this.freeImages=!1,this.folderName=o.M.get("lang","myImages"),this.dispatchEvent(new CustomEvent("reset",{}))}onSearch(e,t){c(null),this.freeImages=!1;let s=!1;"object"==typeof t&&t.isLiked&&(s=!0);const i=e.target.value;(0,a.A)(()=>{const e={detail:{value:i,isLiked:s},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("search",e))})}drop(e,t){e.preventDefault();const s=e.dataTransfer.getData("fileId"),i=(e.dataTransfer.getData("folderId"),{detail:{fileId:s,folderId:t},bubbles:!1,composed:!1});this.dispatchEvent(new CustomEvent("moveFile",i))}onFilterMedia(e){const t=e.detail.value,s=t.index,i=[...this.filterItems];i[s].checked=!i[s].checked,this.filterItems=i}onSort(e){const t=e.detail.value,s={detail:t,bubbles:!1,composed:!1},i=t.index,r=[...this.sortItems];r.forEach((e,t)=>{e.checked=i===t}),this.sortItems=r,this.dispatchEvent(new CustomEvent("filter",s))}onDeleteFile(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("deleteFile",t))}onDeleteFolder(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("deleteFolder",t))}dragStart(e,t){e.dataTransfer.setData("fileId",t)}dragOver(e,t){e.dataTransfer.setData("folderId",t),e.preventDefault()}onFreeImages(){this.freeImages=!0,c("freeImages"),s.e(767).then(s.bind(s,70767))}onScroll(e){const t=e.target;if(t.scrollTop+t.offsetHeight>=t.scrollHeight-50){const e={detail:{folderId:this.folderId,page:this.page},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("loadMore",e))}}connectedCallback(){super.connectedCallback(),s.e(5156).then(s.bind(s,85156));"freeImages"===function(){try{return localStorage.getItem("creaditor-gallery-folder")}catch(e){return console.warn("Could not read from localStorage:",e),null}}()&&(this.freeImages=!0,s.e(767).then(s.bind(s,70767)))}render(){Array.isArray(this.files)||(this.files=[]),Array.isArray(this.folders)||(this.folders=[]);const e=this.folders.filter(e=>"public"!==e.visibility),t=this.folders.filter(e=>"public"===e.visibility);return i.qy` <cdtr-row dir="rtl">
+`},27209(e,t,s){s.r(t),s.d(t,{CreaditorGalleryWrapper:()=>g});var r=s(59929),i=s(5441),o=s(86319),a=s(49549),l=s(91597),n=s(21421),d=s(93967);function c(e){try{localStorage.setItem("creaditor-gallery-folder",e)}catch(e){console.warn("Could not write to localStorage:",e)}}class p extends r.WF{constructor(){super(),this.newFolderModalRef=(0,n._)(),this.newFolderInputRef=(0,n._)(),this.drop=this.drop.bind(this),this.controls=!0,this.folderName=o.M.get("lang","myImages")||"My Images",this.sendFiles=this.sendFiles.bind(this),this.onSearch=this.onSearch.bind(this),this.coverEl=document.createElement("div"),this.sortItems=[{index:0,text:"fromNewToOld",value:{filter:"date",sortBy:"ASC"},checked:!0},{index:1,text:"fromOldToNew",value:{filter:"date",sortBy:"DESC"},checked:!1},{index:2,text:o.M.get("lang","aToZ"),value:{filter:"name",sortBy:"ASC"},checked:!1},{index:3,text:o.M.get("lang","zToA"),value:{filter:"name",sortBy:"DESC"},checked:!1}],this.filterItems=[{index:0,text:o.M.get("lang","folders"),value:"folders",checked:!0},{index:1,text:o.M.get("lang","images"),value:"images",checked:!0}]}openNewFolderModal(e){const t=this.newFolderModalRef.value;t&&(t.positionTarget=e.target,t.open(),this.newFolderInputRef.value.focus())}sendFiles(){const e={detail:this.files.filter(e=>e.selected),bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",e))}onLiked(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("like",t))}onClickFolder(e,t){this.freeImages=!1,this.controls=t;const s={detail:e,bubbles:!1,composed:!1};this.folderName=e.name,this.dispatchEvent(new CustomEvent("folder",s))}onSelectFile(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",t))}onSelectPexelsImage(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",t))}onUpload(){const e=(0,i.A)("input",{hidden:!0,type:"file",accept:"image/*"});e.onchange=e=>{const t=e.target;if(t.files&&t.files[0]){const e=new FileReader,s=t.files[0];e.onload=e=>{const t={detail:s,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("upload",t))},e.readAsDataURL(s)}},e.click()}onCreateNewFolder(){const e=this.newFolderInputRef.value.value;if(e.length<=30){const t={detail:e,bubbles:!1,composed:!1};this.newFolderModalRef.value.close(),this.dispatchEvent(new CustomEvent("newFolder",t)),this.newFolderInputRef.value.value=""}}onClickCategory(){}onReset(){c(null),this.freeImages=!1,this._favorites=!1,this.folderName=o.M.get("lang","myImages"),this.filterItems=this.filterItems.map(e=>"folders"===e.value?{...e,checked:!0}:e),this.dispatchEvent(new CustomEvent("reset",{}))}onFavorites(){c(null),this.freeImages=!1,this._favorites=!0,this.folderName="",this.filterItems=this.filterItems.map(e=>"folders"===e.value?{...e,checked:!1}:e),this.dispatchEvent(new CustomEvent("search",{detail:{value:"",isLiked:!0},bubbles:!1,composed:!1}))}onSearch(e,t){c(null),this.freeImages=!1;let s=!1;"object"==typeof t&&t.isLiked&&(s=!0);const r=e.target?.value||"";(0,l.A)(()=>{const e={detail:{value:r,isLiked:s},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("search",e))})}drop(e,t){e.preventDefault();const s=e.dataTransfer.getData("fileId"),r=(e.dataTransfer.getData("folderId"),{detail:{fileId:s,folderId:t},bubbles:!1,composed:!1});this.dispatchEvent(new CustomEvent("moveFile",r))}onFilterMedia(e){const t=e.detail.value,s=t.index,r=[...this.filterItems];r[s].checked=!r[s].checked,this.filterItems=r}onSort(e){const t=e.detail.value,s={detail:t,bubbles:!1,composed:!1},r=t.index,i=[...this.sortItems];i.forEach((e,t)=>{e.checked=r===t}),this.sortItems=i,this.dispatchEvent(new CustomEvent("filter",s))}onDeleteFile(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("deleteFile",t))}onDeleteFolder(e){const t={detail:e,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("deleteFolder",t))}dragStart(e,t){e.dataTransfer.setData("fileId",t)}dragOver(e,t){e.dataTransfer.setData("folderId",t),e.preventDefault()}onFreeImages(){this.freeImages=!0,c("freeImages"),s.e(767).then(s.bind(s,70767))}onScroll(e){const t=e.target;if(t.scrollTop+t.offsetHeight>=t.scrollHeight-50){const e={detail:{folderId:this.folderId,page:this.page},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("loadMore",e))}}connectedCallback(){super.connectedCallback(),s.e(5156).then(s.bind(s,85156));"freeImages"===function(){try{return localStorage.getItem("creaditor-gallery-folder")}catch(e){return console.warn("Could not read from localStorage:",e),null}}()&&(this.freeImages=!0,s.e(767).then(s.bind(s,70767)))}render(){Array.isArray(this.files)||(this.files=[]),Array.isArray(this.folders)||(this.folders=[]);const e=this.folders.filter(e=>"public"!==e.visibility),t=this.folders.filter(e=>"public"===e.visibility);return r.qy` <cdtr-row>
       <cdtr-col class="list" sm="3">
         <cdtr-row alignItems="center" class="upload-container">
           <paper-button @click=${this.onUpload} class="upload">
@@ -120,21 +158,21 @@
           <paper-item @click=${this.onReset}
             ><lang-text text="myImages"></lang-text
           ></paper-item>
-          <paper-item @click=${e=>this.onSearch(e,{isLiked:!0})}
+          <paper-item @click=${()=>this.onFavorites()}
             ><lang-text text="favorites"></lang-text
           ></paper-item>
           <paper-item @click=${this.onFreeImages}> <lang-text text="freeImages"></lang-text> </paper-item>
-          ${Array.isArray(t)?t.map(e=>i.qy`<paper-item
+          ${Array.isArray(t)?t.map(e=>r.qy`<paper-item
                     @click=${()=>this.onClickFolder(e,!1)}
                     ><lang-text text="${e.name}"></lang-text
                   ></paper-item>`):null}
         </paper-listbox>
       </cdtr-col>
-      ${this.freeImages?i.qy`<cdtr-col>
+      ${this.freeImages?r.qy`<cdtr-col>
             <cdtr-pexels-gallery
               @file=${e=>this.onSelectPexelsImage(e.detail)}
             ></cdtr-pexels-gallery>
-          </cdtr-col>`:i.qy`<cdtr-col>
+          </cdtr-col>`:r.qy`<cdtr-col>
             <div class="gallery-container">
               <cdtr-row alignItems="center">
                 <cdtr-input
@@ -155,22 +193,21 @@
                 ></paper-button>
               </cdtr-row>
               <cdtr-row mt="1">
-                ${this.folderName?i.qy`
+                ${this.folderName?r.qy`
                       <cdtr-title style="font-size:14px"
                         ><lang-text text="main"></lang-text
                       ></cdtr-title>
                       <cdtr-arrow-icon
                         width="16"
                         height="16"
-                        to="left"
                       ></cdtr-arrow-icon>
-                      <cdtr-title style="font-size:14px;color:var(--primary);"
+                      <cdtr-title style="font-size:14px;color:var(--color-primary, var(--primary));"
                         >${this.folderName}</cdtr-title
                       >
                     `:null}
               </cdtr-row>
               <cdtr-row mt="2" justify="space-between">
-                ${this.filterItems[0].checked?i.qy` <cdtr-col sm="2">
+                ${this.filterItems[0].checked?r.qy` <cdtr-col sm="2">
                       <cdtr-row
                         spacing="2px"
                         class="scroll-body"
@@ -184,7 +221,7 @@
                             name=${o.M.get("lang","myImages")}
                           ></cdtr-editor-media-card>
                         </cdtr-col>
-                        ${(0,l.u)(e||[],e=>e.id,(e,t)=>i.qy`<cdtr-col sm="12">
+                        ${(0,a.u)(e||[],e=>e.id,(e,t)=>r.qy`<cdtr-col sm="12">
                               <cdtr-editor-media-card
                                 @deleteFolder=${()=>this.onDeleteFolder(e)}
                                 @deleteFile=${()=>this.onDeleteFile(e)}
@@ -200,14 +237,19 @@
                             </cdtr-col>`)}
                       </cdtr-row>
                     </cdtr-col>`:null}
-                ${this.filterItems[1].checked?i.qy` <cdtr-col sm="10">
+                ${this.filterItems[1].checked?r.qy` <cdtr-col sm="10">
                       <cdtr-row
                         @scroll=${this.onScroll}
                         class="scroll-body"
                         justify="space-evenly"
                       >
-                        ${(0,l.u)(this.files||[],e=>e.id,(e,t)=>i.qy`<cdtr-col class="file-col" sm="3">
-                              ${e.moved?i.qy` <div class="moved"></div> `:null}
+                        ${this.files&&0!==this.files.length||this.filterItems[0].checked?null:r.qy`<cdtr-empty-state
+                              icon="image"
+                              heading="noImagesYet"
+                              description="uploadOrPickImages"
+                            ></cdtr-empty-state>`}
+                        ${(0,a.u)(this.files||[],e=>e.id,(e,t)=>r.qy`<cdtr-col class="file-col" sm="3">
+                              ${e.moved?r.qy` <div class="moved"></div> `:null}
                               <cdtr-editor-media-card
                                 @deleteFile=${()=>this.onDeleteFile(e)}
                                 @deleteFolder=${()=>this.onDeleteFolder(e)}
@@ -264,7 +306,7 @@
           </cdtr-row>
         </form>
       </paper-dialog>
-    </cdtr-row>`}}p.styles=d.T,p.properties={folders:{type:Array},files:{type:Array},pageCount:{type:Number},prevUrl:{type:String},nextUrl:{type:String},folderName:{type:String},filterItems:{type:Array},multi:{type:Boolean},controls:{type:Boolean},freeImages:{type:Boolean}},customElements.define("cdtr-gallery-files",p);class h extends i.WF{constructor(){super(),this.uploads={}}connectedCallback(){super.connectedCallback(),this.addEventListener("upload-start",this.handleUploadStart.bind(this)),this.addEventListener("upload-progress",this.handleUploadProgress.bind(this)),this.addEventListener("upload-complete",this.handleUploadComplete.bind(this)),this.addEventListener("upload-error",this.handleUploadError.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("upload-start",this.handleUploadStart.bind(this)),this.removeEventListener("upload-progress",this.handleUploadProgress.bind(this)),this.removeEventListener("upload-complete",this.handleUploadComplete.bind(this)),this.removeEventListener("upload-error",this.handleUploadError.bind(this))}handleUploadStart(e){const{uploadId:t,fileName:s}=e.detail;this.uploads[t]={fileName:s,status:"uploading",progress:0,error:null},this.requestUpdate()}handleUploadProgress(e){const{uploadId:t,progress:s}=e.detail;this.uploads[t]&&(this.uploads[t].progress=s,this.requestUpdate())}handleUploadComplete(e){const{uploadId:t}=e.detail;this.uploads[t]&&(this.uploads[t].status="completed",this.uploads[t].progress=100,this.requestUpdate(),setTimeout(()=>{this.removeUpload(t)},3e3))}handleUploadError(e){const{uploadId:t,error:s}=e.detail;this.uploads[t]&&(this.uploads[t].status="error",this.uploads[t].error=s,this.requestUpdate(),setTimeout(()=>{this.removeUpload(t)},5e3))}removeUpload(e){delete this.uploads[e],this.requestUpdate()}getStatusIcon(e){switch(e){case"uploading":default:return i.qy`<div class="status-icon uploading"></div>`;case"completed":return i.qy`<div class="status-icon completed"></div>`;case"error":return i.qy`<div class="status-icon error"></div>`}}getProgressFillClass(e){switch(e){case"completed":return"progress-fill completed";case"error":return"progress-fill error";default:return"progress-fill"}}render(){const e=Object.entries(this.uploads).map(e=>{let[t,s]=e;return i.qy`
+    </cdtr-row>`}}p.styles=d.T,p.properties={folders:{type:Array},files:{type:Array},pageCount:{type:Number},prevUrl:{type:String},nextUrl:{type:String},folderName:{type:String},filterItems:{type:Array},multi:{type:Boolean},controls:{type:Boolean},freeImages:{type:Boolean}},customElements.define("cdtr-gallery-files",p);class h extends r.WF{constructor(){super(),this.uploads={}}connectedCallback(){super.connectedCallback(),this.addEventListener("upload-start",this.handleUploadStart.bind(this)),this.addEventListener("upload-progress",this.handleUploadProgress.bind(this)),this.addEventListener("upload-complete",this.handleUploadComplete.bind(this)),this.addEventListener("upload-error",this.handleUploadError.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("upload-start",this.handleUploadStart.bind(this)),this.removeEventListener("upload-progress",this.handleUploadProgress.bind(this)),this.removeEventListener("upload-complete",this.handleUploadComplete.bind(this)),this.removeEventListener("upload-error",this.handleUploadError.bind(this))}handleUploadStart(e){const{uploadId:t,fileName:s}=e.detail;this.uploads[t]={fileName:s,status:"uploading",progress:0,error:null},this.requestUpdate()}handleUploadProgress(e){const{uploadId:t,progress:s}=e.detail;this.uploads[t]&&(this.uploads[t].progress=s,this.requestUpdate())}handleUploadComplete(e){const{uploadId:t}=e.detail;this.uploads[t]&&(this.uploads[t].status="completed",this.uploads[t].progress=100,this.requestUpdate(),setTimeout(()=>{this.removeUpload(t)},3e3))}handleUploadError(e){const{uploadId:t,error:s}=e.detail;this.uploads[t]&&(this.uploads[t].status="error",this.uploads[t].error=s,this.requestUpdate(),setTimeout(()=>{this.removeUpload(t)},5e3))}removeUpload(e){delete this.uploads[e],this.requestUpdate()}getStatusIcon(e){switch(e){case"uploading":default:return r.qy`<div class="status-icon uploading"></div>`;case"completed":return r.qy`<div class="status-icon completed"></div>`;case"error":return r.qy`<div class="status-icon error"></div>`}}getProgressFillClass(e){switch(e){case"completed":return"progress-fill completed";case"error":return"progress-fill error";default:return"progress-fill"}}render(){const e=Object.entries(this.uploads).map(e=>{let[t,s]=e;return r.qy`
         <div class="upload-item">
           <div class="upload-header">
             <span class="file-name" title="${s.fileName}">${s.fileName}</span>
@@ -289,17 +331,17 @@
             ${"uploading"===s.status?`${s.progress}%`:"completed"===s.status?"Upload completed":"error"===s.status?"Upload failed":""}
           </div>
           
-          ${s.error?i.qy`
+          ${s.error?r.qy`
             <div class="error-message">
               ${s.error.message||s.error}
             </div>
           `:""}
         </div>
-      `});return i.qy`
+      `});return r.qy`
       <div>
         ${e}
       </div>
-    `}}h.styles=i.AH`
+    `}}h.styles=r.AH`
     :host {
       display: block;
       position: fixed;
@@ -431,7 +473,7 @@
     .close-btn:hover {
       color: #666;
     }
-  `,h.properties={uploads:{type:Object}},customElements.define("cdtr-upload-loading",h);s(2590);class u extends i.WF{constructor(){super(),this.isVisible=!1,this.fileName="",this.status="uploading",this.progress=0,this.timeElapsed=0,this.pollInterval=null,this.timeoutId=null,this.progressInterval=null,this.startTime=null,this.maxDuration=3e4,this.pollFrequency=7e3}connectedCallback(){super.connectedCallback(),window.addEventListener("cdtr-upload-start",this.handleUploadStart.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.cleanup(),window.removeEventListener("cdtr-upload-start",this.handleUploadStart.bind(this))}handleUploadStart(e){console.log("Upload monitor received event:",e.detail);const{fileName:t,file:s}=e.detail;this.startUploadMonitor(t,s)}startUploadMonitor(e,t){console.log("Starting upload monitor for:",e),this.fileName=e,this.isVisible=!0,this.status="uploading",this.progress=0,this.timeElapsed=0,this.startTime=Date.now(),this.uploadedFile=t,console.log("Component should be visible now, isVisible:",this.isVisible),this.requestUpdate(),this.simulateUploadProgress(),setTimeout(()=>{this.status="checking",this.startPolling(),this.startTimeout()},this.pollFrequency)}simulateUploadProgress(){let e=0;this.progressInterval=setInterval(()=>{e+=15*Math.random(),e>=90&&(e=90,clearInterval(this.progressInterval),this.progressInterval=null),this.progress=Math.floor(e),this.requestUpdate()},300)}startPolling(){this.progress=100,this.status="completed",this.requestUpdate(),setTimeout(()=>{this.isVisible=!1,this.requestUpdate()},5e3)}startTimeout(){this.timeoutId=setTimeout(()=>{"completed"!==this.status&&this.handleTimeout()},this.maxDuration)}handleUploadSuccess(){this.cleanup(),this.status="completed",this.progress=100,this.requestUpdate(),setTimeout(()=>{this.isVisible=!1,this.requestUpdate()},2e3)}handleTimeout(){this.cleanup(),this.status="timeout",this.requestUpdate(),setTimeout(()=>{this.isVisible=!1,this.requestUpdate()},1e4)}cleanup(){this.pollInterval&&(clearInterval(this.pollInterval),this.pollInterval=null),this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null),this.progressInterval&&(clearInterval(this.progressInterval),this.progressInterval=null)}getCircleProgress(){const e=2*Math.PI*26;return e-this.progress/100*e}renderContent(){switch(this.status){case"uploading":return i.qy`
+  `,h.properties={uploads:{type:Object}},customElements.define("cdtr-upload-loading",h);s(2590);class u extends r.WF{constructor(){super(),this.isVisible=!1,this.fileName="",this.status="uploading",this.progress=0,this.timeElapsed=0,this.pollInterval=null,this.timeoutId=null,this.progressInterval=null,this.startTime=null,this.maxDuration=3e4,this.pollFrequency=7e3}connectedCallback(){super.connectedCallback(),window.addEventListener("cdtr-upload-start",this.handleUploadStart.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.cleanup(),window.removeEventListener("cdtr-upload-start",this.handleUploadStart.bind(this))}handleUploadStart(e){console.log("Upload monitor received event:",e.detail);const{fileName:t,file:s}=e.detail;this.startUploadMonitor(t,s)}startUploadMonitor(e,t){console.log("Starting upload monitor for:",e),this.fileName=e,this.isVisible=!0,this.status="uploading",this.progress=0,this.timeElapsed=0,this.startTime=Date.now(),this.uploadedFile=t,console.log("Component should be visible now, isVisible:",this.isVisible),this.requestUpdate(),this.simulateUploadProgress(),setTimeout(()=>{this.status="checking",this.startPolling(),this.startTimeout()},this.pollFrequency)}simulateUploadProgress(){let e=0;this.progressInterval=setInterval(()=>{e+=15*Math.random(),e>=90&&(e=90,clearInterval(this.progressInterval),this.progressInterval=null),this.progress=Math.floor(e),this.requestUpdate()},300)}startPolling(){this.progress=100,this.status="completed",this.requestUpdate(),setTimeout(()=>{this.isVisible=!1,this.requestUpdate()},5e3)}startTimeout(){this.timeoutId=setTimeout(()=>{"completed"!==this.status&&this.handleTimeout()},this.maxDuration)}handleUploadSuccess(){this.cleanup(),this.status="completed",this.progress=100,this.requestUpdate(),setTimeout(()=>{this.isVisible=!1,this.requestUpdate()},2e3)}handleTimeout(){this.cleanup(),this.status="timeout",this.requestUpdate(),setTimeout(()=>{this.isVisible=!1,this.requestUpdate()},1e4)}cleanup(){this.pollInterval&&(clearInterval(this.pollInterval),this.pollInterval=null),this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null),this.progressInterval&&(clearInterval(this.progressInterval),this.progressInterval=null)}getCircleProgress(){const e=2*Math.PI*26;return e-this.progress/100*e}renderContent(){switch(this.status){case"uploading":return r.qy`
           <div class="progress-circle">
             <svg class="progress-ring" width="60" height="60">
               <circle class="progress-ring-bg" cx="30" cy="30" r="26"></circle>
@@ -449,26 +491,26 @@
             <lang-text text="uploading"></lang-text>
           </div>
           <div class="file-name" title="${this.fileName}">${this.fileName}</div>
-        `;case"checking":return i.qy`
+        `;case"checking":return r.qy`
           <div class="spinner"></div>
           <div class="status-text">
             <lang-text text="verifying"></lang-text>
           </div>
           <div class="file-name" title="${this.fileName}">${this.fileName}</div>
-        `;case"completed":return i.qy`
+        `;case"completed":return r.qy`
           <div class="success-icon"></div>
           <div class="status-text">
             <lang-text text="completed"></lang-text>
           </div>
           <div class="file-name" title="${this.fileName}">${this.fileName}</div>
-        `;case"timeout":return i.qy`
+        `;case"timeout":return r.qy`
           <div class="error-icon"></div>
           <div class="status-text"><lang-text text="timeout"></lang-text></div>
           <div class="file-name" title="${this.fileName}">${this.fileName}</div>
           <div style="font-size: 10px; color: #666; margin-top: 4px;">
             File may be uploaded. Refresh gallery.
           </div>
-        `;default:return i.qy``}}render(){return console.log("Render called - isVisible:",this.isVisible,"status:",this.status,"progress:",this.progress),this.isVisible?i.qy` <div class="upload-card">${this.renderContent()}</div> `:i.qy``}}u.styles=i.AH`
+        `;default:return r.qy``}}render(){return console.log("Render called - isVisible:",this.isVisible,"status:",this.status,"progress:",this.progress),this.isVisible?r.qy` <div class="upload-card">${this.renderContent()}</div> `:r.qy``}}u.styles=r.AH`
     :host {
       display: block;
       position: fixed;
@@ -623,7 +665,7 @@
       color: white;
       font-weight: bold;
     }
-  `,u.properties={isVisible:{type:Boolean},fileName:{type:String},status:{type:String},progress:{type:Number},timeElapsed:{type:Number}},customElements.define("cdtr-upload-progress-monitor",u);var f=s(18396),m=s(13681);class g extends i.WF{constructor(){super(),this.sortBy="ASC",this.files=[],this.folders=[],this.uploadStatus={},this.onSearch=this.onSearch.bind(this),this.close=this.close.bind(this),this.reset=this.reset.bind(this);const e=new f.A;this.eventEmitter=e;const t=o.M.get("config","editor","configure","mediaGalleryManager");e.files=this.files,e.close=this.close,"function"==typeof t&&(e.render=this.reset,console.log("init mediaGalleryManager"),t(e)),this.reset()}reset(){this.dirId=null,this.eventEmitter.dispatch("load-folders",{resolve:e=>{this.folders=e}}),this.eventEmitter.dispatch("load-files",{resolve:e=>{this.files=Array.isArray(e)?[...e]:[]}})}uploadFile(e){this.folders||(this.folders=[]);const t=e.detail,s=this.folders.find(e=>e.selected),i=`${t.name}-${Date.now()}`;this.uploadStatus[i]={fileName:t.name,status:"uploading",progress:0,error:null},console.log("Dispatching cdtr-upload-start event for:",t.name),this.dispatchEvent(new CustomEvent("cdtr-upload-start",{detail:{uploadId:i,fileName:t.name,file:t},bubbles:!0,composed:!0})),console.log("Event dispatched"),this.eventEmitter.dispatch("upload-file",{file:t,dirId:s?s.id:null,uploadId:i,execCommand:(e,t)=>{o.M.get("editor").store().execCommand(e,t)},options:{},onProgress:e=>{this.uploadStatus[i]&&(this.uploadStatus[i].progress=e,this.requestUpdate("uploadStatus"),this.dispatchEvent(new CustomEvent("upload-progress",{detail:{uploadId:i,fileName:t.name,progress:e},bubbles:!0,composed:!0})))},onComplete:e=>{this.uploadStatus[i]&&(this.uploadStatus[i].status="completed",this.uploadStatus[i].progress=100,this.requestUpdate("uploadStatus"),this.dispatchEvent(new CustomEvent("cdtr-upload-complete",{detail:{uploadId:i,fileName:t.name,result:e},bubbles:!0,composed:!0})),setTimeout(()=>{delete this.uploadStatus[i],this.requestUpdate("uploadStatus")},3e3))},onError:e=>{this.uploadStatus[i]&&(this.uploadStatus[i].status="error",this.uploadStatus[i].error=e,this.requestUpdate("uploadStatus"),this.dispatchEvent(new CustomEvent("cdtr-upload-error",{detail:{uploadId:i,fileName:t.name,error:e},bubbles:!0,composed:!0})),setTimeout(()=>{delete this.uploadStatus[i],this.requestUpdate("uploadStatus")},5e3))}}),this.opened=!1}onSearch(e){const{value:t,isLiked:s}=e.detail;s?this.eventEmitter.dispatch("load-files",{isLiked:s,resolve:e=>{Array.isArray(e)?this.files=[...e]:console.error("files is not array",e)}}):t.trim().length>2?this.eventEmitter.dispatch("load-files",{filter:"name",search:t,resolve:e=>{this.files=Array.isArray(e)?[...e]:[]}}):0===t.trim().length&&this.reset()}onFilter(e){const t=e.detail;this.eventEmitter.dispatch("load-files",{filter:"name",search:t.value})}onSelectFolder(e){const t=e.detail,s=this.sortBy,i=t.id;this.dirId=i,this.eventEmitter.dispatch("load-files",{filter:"dir",dirId:i,sortBy:s,resolve:e=>{this.files=e}})}oncreateNewFolder(e){const t=e.detail;this.eventEmitter.dispatch("create-folder",{name:t,resolve:e=>{this.folders||(this.folders=[]);const t=[...this.folders];t.forEach(e=>e.selected=!1),e.selected=!0,t.unshift(e),this.folders=t,this.onSelectFolder({detail:e})}})}onMoveFile(e){const t=e.detail;this.eventEmitter.dispatch("on-move-file",{data:t,resolve:e=>{if(this.folders||(this.folders=[]),this.dirId===t.folderId)return;const s=this.files.findIndex(e=>e.id===t.fileId);if(-1!==s){const e=[...this.files];e[s].moved=!0,this.files=e}const i=this.folders.findIndex(e=>e.id===t.folderId);if(-1!==i){const e=[...this.folders];e[i].file_count+=1,this.folders=e}}})}onLike(e){const t=e.detail;this.eventEmitter.dispatch("on-like",{fileId:t.id,resolve:e=>{const s=this.files.findIndex(e=>e.id===t.id);if(-1!==s){const e=[...this.files];e[s].isLiked=!e[s].isLiked,this.files=e}}})}onselectFile(e){const t={detail:e.detail,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",t))}close(){this.dispatchEvent(new CustomEvent("close",{}))}onDleteFile(e){const t=e.detail;this.eventEmitter.dispatch("delete-file",{id:t.id,type:"image",resolve:e=>{const s=this.files.findIndex(e=>e.id===t.id);if(-1!==s){const e=[...this.files];e.splice(s,1),this.files=e}}})}onLoadMore(){this.eventEmitter.dispatch("lazy-load-files-on-scroll",{resolve:e=>{if(Array.isArray(e)&&e.length>0){const t=[...this.files,...e];this.files=t}}})}onDeleteFolder(e){const t=e.detail;this.eventEmitter.dispatch("delete-folder",{id:t.id,resolve:e=>{this.folders||(this.folders=[]);const s=this.folders.findIndex(e=>e.id===t.id);if(-1!==s){const e=[...this.folders];e.splice(s,1),this.folders=e}}})}connectedCallback(){super.connectedCallback(),m.vP.on("on:upload-file","gallery:on:upload-file",async e=>{let{image:t,type:s}=e;if("base64"===s){const e=t.split(",")[1]||t,s=atob(e),i=new Array(s.length);for(let e=0;e<s.length;e++)i[e]=s.charCodeAt(e);const r=new Uint8Array(i),o=new Blob([r],{type:"image/png"}),l=new File([o],"uploaded-image.png",{type:"image/png"});this.uploadFile({detail:l})}else if("url"===s){const e=await fetch(t),s=await e.blob(),i=new File([s],"uploaded-image.png",{type:s.type||"image/png"});this.uploadFile({detail:i})}})}render(){return i.qy` 
+  `,u.properties={isVisible:{type:Boolean},fileName:{type:String},status:{type:String},progress:{type:Number},timeElapsed:{type:Number}},customElements.define("cdtr-upload-progress-monitor",u);var f=s(18396),m=s(13681);class g extends r.WF{constructor(){super(),this.sortBy="ASC",this.files=[],this.folders=[],this.uploadStatus={},this.onSearch=this.onSearch.bind(this),this.close=this.close.bind(this),this.reset=this.reset.bind(this);const e=new f.A;this.eventEmitter=e;const t=o.M.get("config","editor","configure","mediaGalleryManager");e.files=this.files,e.close=this.close,"function"==typeof t&&(e.render=this.reset,console.log("init mediaGalleryManager"),t(e)),this.reset()}reset(){this.dirId=null,this.eventEmitter.dispatch("load-folders",{resolve:e=>{this.folders=e}}),this.eventEmitter.dispatch("load-files",{resolve:e=>{this.files=Array.isArray(e)?[...e]:[]}})}uploadFile(e){this.folders||(this.folders=[]);const t=e.detail,s=this.folders.find(e=>e.selected),r=`${t.name}-${Date.now()}`;this.uploadStatus[r]={fileName:t.name,status:"uploading",progress:0,error:null},console.log("Dispatching cdtr-upload-start event for:",t.name),this.dispatchEvent(new CustomEvent("cdtr-upload-start",{detail:{uploadId:r,fileName:t.name,file:t},bubbles:!0,composed:!0})),console.log("Event dispatched"),this.eventEmitter.dispatch("upload-file",{file:t,dirId:s?s.id:null,uploadId:r,execCommand:(e,t)=>{o.M.get("editor").store().execCommand(e,t)},options:{},onProgress:e=>{this.uploadStatus[r]&&(this.uploadStatus[r].progress=e,this.requestUpdate("uploadStatus"),this.dispatchEvent(new CustomEvent("upload-progress",{detail:{uploadId:r,fileName:t.name,progress:e},bubbles:!0,composed:!0})))},onComplete:e=>{this.uploadStatus[r]&&(this.uploadStatus[r].status="completed",this.uploadStatus[r].progress=100,this.requestUpdate("uploadStatus"),this.dispatchEvent(new CustomEvent("cdtr-upload-complete",{detail:{uploadId:r,fileName:t.name,result:e},bubbles:!0,composed:!0})),setTimeout(()=>{delete this.uploadStatus[r],this.requestUpdate("uploadStatus")},3e3))},onError:e=>{this.uploadStatus[r]&&(this.uploadStatus[r].status="error",this.uploadStatus[r].error=e,this.requestUpdate("uploadStatus"),this.dispatchEvent(new CustomEvent("cdtr-upload-error",{detail:{uploadId:r,fileName:t.name,error:e},bubbles:!0,composed:!0})),setTimeout(()=>{delete this.uploadStatus[r],this.requestUpdate("uploadStatus")},5e3))}}),this.opened=!1}onSearch(e){const{value:t,isLiked:s}=e.detail;s?this.eventEmitter.dispatch("load-files",{isLiked:s,resolve:e=>{Array.isArray(e)?this.files=[...e]:console.error("files is not array",e)}}):t.trim().length>2?this.eventEmitter.dispatch("load-files",{filter:"name",search:t,resolve:e=>{this.files=Array.isArray(e)?[...e]:[]}}):0===t.trim().length&&this.reset()}onFilter(e){const t=e.detail;this.eventEmitter.dispatch("load-files",{filter:"name",search:t.value})}onSelectFolder(e){const t=e.detail,s=this.sortBy,r=t.id;this.dirId=r,this.eventEmitter.dispatch("load-files",{filter:"dir",dirId:r,sortBy:s,resolve:e=>{this.files=e}})}oncreateNewFolder(e){const t=e.detail;this.eventEmitter.dispatch("create-folder",{name:t,resolve:e=>{this.folders||(this.folders=[]);const t=[...this.folders];t.forEach(e=>e.selected=!1),e.selected=!0,t.unshift(e),this.folders=t,this.onSelectFolder({detail:e})}})}onMoveFile(e){const t=e.detail;this.eventEmitter.dispatch("on-move-file",{data:t,resolve:e=>{if(this.folders||(this.folders=[]),this.dirId===t.folderId)return;const s=this.files.findIndex(e=>e.id===t.fileId);if(-1!==s){const e=[...this.files];e[s].moved=!0,this.files=e}const r=this.folders.findIndex(e=>e.id===t.folderId);if(-1!==r){const e=[...this.folders];e[r].file_count+=1,this.folders=e}}})}onLike(e){const t=e.detail;this.eventEmitter.dispatch("on-like",{fileId:t.id,resolve:e=>{const s=this.files.findIndex(e=>e.id===t.id);if(-1!==s){const e=[...this.files];e[s].isLiked=!e[s].isLiked,this.files=e}}})}onselectFile(e){const t={detail:e.detail,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",t))}close(){this.dispatchEvent(new CustomEvent("close",{}))}onDleteFile(e){const t=e.detail;this.eventEmitter.dispatch("delete-file",{id:t.id,type:"image",resolve:e=>{const s=this.files.findIndex(e=>e.id===t.id);if(-1!==s){const e=[...this.files];e.splice(s,1),this.files=e}}})}onLoadMore(){this.eventEmitter.dispatch("lazy-load-files-on-scroll",{resolve:e=>{if(Array.isArray(e)&&e.length>0){const t=[...this.files,...e];this.files=t}}})}onDeleteFolder(e){const t=e.detail;this.eventEmitter.dispatch("delete-folder",{id:t.id,resolve:e=>{this.folders||(this.folders=[]);const s=this.folders.findIndex(e=>e.id===t.id);if(-1!==s){const e=[...this.folders];e.splice(s,1),this.folders=e}}})}connectedCallback(){super.connectedCallback(),m.vP.on("on:upload-file","gallery:on:upload-file",async e=>{let{image:t,type:s}=e;if("base64"===s){const e=t.split(",")[1]||t,s=atob(e),r=new Array(s.length);for(let e=0;e<s.length;e++)r[e]=s.charCodeAt(e);const i=new Uint8Array(r),o=new Blob([i],{type:"image/png"}),a=new File([o],"uploaded-image.png",{type:"image/png"});this.uploadFile({detail:a})}else if("url"===s){const e=await fetch(t),s=await e.blob(),r=new File([s],"uploaded-image.png",{type:s.type||"image/png"});this.uploadFile({detail:r})}})}render(){return r.qy` 
       <cdtr-upload-loading></cdtr-upload-loading>
       <cdtr-upload-progress-monitor></cdtr-upload-progress-monitor>
       <cdtr-drawer
@@ -651,9 +693,9 @@
           .multi=${this.multi}
           .folders=${this.folders}
         ></cdtr-gallery-files>
-      </cdtr-drawer>`}}g.styles=i.AH``,g.properties={folders:{type:Array},files:{type:Array},pageCount:{type:Number},prevUrl:{type:String},nextUrl:{type:String},opened:{type:Boolean},multi:{type:Boolean},uploadStatus:{type:Object}},customElements.define("cdtr-gallery",g)},2590(e,t,s){s.r(t),s.d(t,{TitleEditor:()=>o});var i=s(59929),r=s(86319);class o 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")}render(){const e=r.M.get("theme");e&&(this.style.direction=e.direction,this.style.textAlign=this.textAlign||e.textAlign);const t=r.M.get("lang",this.text);return i.qy`<slot
+      </cdtr-drawer>`}}g.styles=r.AH``,g.properties={folders:{type:Array},files:{type:Array},pageCount:{type:Number},prevUrl:{type:String},nextUrl:{type:String},opened:{type:Boolean},multi:{type:Boolean},uploadStatus:{type:Object}},customElements.define("cdtr-gallery",g)},2590(e,t,s){s.r(t),s.d(t,{TitleEditor:()=>o});var r=s(59929),i=s(86319);class o extends r.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(),i.M.connect(["lang","theme"],this._onStoreChange)}disconnectedCallback(){this._onStoreChange&&(i.M.disconnect(this._onStoreChange),this._onStoreChange=null),super.disconnectedCallback()}render(){const e=i.M.get("theme");e&&(this.style.direction=e.direction,this.style.textAlign=this.textAlign||e.textAlign);const t=i.M.get("lang",this.text);return r.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}"
         >${t||this.text}</span
       ></slot
-    >`}}o.properties={text:{type:String,reflect:!1},whiteSpace:{type:String},textAlign:{type:String},bold:{type:Boolean}},customElements.get("lang-text")||customElements.define("lang-text",o)},13681(e,t,s){s.d(t,{vP:()=>c});const i=window.cdtrSignalKey||`___${Math.random().toString(36).substr(2,9)}`;window.cdtrSignalKey=i,window[i]||(window[i]={});const r=window[i],o=window.__cdtrEvents||{};function l(e){return crypto.subtle.digest("SHA-256",(new TextEncoder).encode(e)).then(e=>Array.from(new Uint8Array(e)).map(e=>e.toString(16).padStart(2,"0")).join(""))}function a(e){if(e.length%2!=0)throw new Error("Invalid hex string");const t=new Uint8Array(e.length/2);for(let s=0;s<e.length;s+=2)t[s/2]=parseInt(e.substr(s,2),16);return t}async function n(e){const t=await l(e),s=r[t];if(s){const e=await crypto.subtle.importKey("raw",a(t),{name:"AES-GCM"},!1,["encrypt","decrypt"]),i=await async function(e,t,s){const i=await crypto.subtle.decrypt({name:"AES-GCM",iv:t},e,s);return(new TextDecoder).decode(i)}(e,s.iv,s.encrypted);return JSON.parse(i)}return null}function d(e,t){if(o[e])for(const s in o[e])Object.prototype.hasOwnProperty.call(o[e],s)&&o[e][s].forEach(e=>e(t));Array.isArray(o["*"])&&o["*"].forEach(e=>e(t))}window.__cdtrEvents=o;const c={set:async function(e,t){const s=JSON.parse(JSON.stringify(t)),i=await l(e),n=await crypto.subtle.importKey("raw",a(i),{name:"AES-GCM"},!1,["encrypt","decrypt"]),c=await async function(e,t){const s=crypto.getRandomValues(new Uint8Array(12)),i=(new TextEncoder).encode(t),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:s},e,i);return{iv:s,encrypted:new Uint8Array(r)}}(n,JSON.stringify(s));r[i]=c,o.set&&o.set[i]&&o.set[i].forEach(e=>e(s)),Array.isArray(o["*"])&&o["*"].forEach(e=>e(s)),d(e,s)},get:n,remove:async function(e){const t=await l(e);delete r[t]},on:async function(e,t,s){o[e]||(o[e]={});const i=await l(t);o[e][i]||(o[e][i]=[]),o[e][i].push(e=>{!function(){const e=(new Error).stack;if(e&&e.indexOf(" at <anonymous>:1")>-1)throw console.warn("Function call blocked: Detected console execution."),new Error("Function call blocked: Detected console execution.")}(),s(e)});const r=await n(t);return r&&s(r),i},off:function(e,t){o[e]&&o[e][t]&&delete o[e][t]},dispatch:d,OPTIONS:{SET:"set"}}}}]);
+    >`}}o.properties={text:{type:String,reflect:!1},whiteSpace:{type:String},textAlign:{type:String},bold:{type:Boolean}},customElements.get("lang-text")||customElements.define("lang-text",o)},13681(e,t,s){s.d(t,{vP:()=>c});const r=window.cdtrSignalKey||`___${Math.random().toString(36).substr(2,9)}`;window.cdtrSignalKey=r,window[r]||(window[r]={});const i=window[r],o=window.__cdtrEvents||{};function a(e){return crypto.subtle.digest("SHA-256",(new TextEncoder).encode(e)).then(e=>Array.from(new Uint8Array(e)).map(e=>e.toString(16).padStart(2,"0")).join(""))}function l(e){if(e.length%2!=0)throw new Error("Invalid hex string");const t=new Uint8Array(e.length/2);for(let s=0;s<e.length;s+=2)t[s/2]=parseInt(e.substr(s,2),16);return t}async function n(e){const t=await a(e),s=i[t];if(s){const e=await crypto.subtle.importKey("raw",l(t),{name:"AES-GCM"},!1,["encrypt","decrypt"]),r=await async function(e,t,s){const r=await crypto.subtle.decrypt({name:"AES-GCM",iv:t},e,s);return(new TextDecoder).decode(r)}(e,s.iv,s.encrypted);return JSON.parse(r)}return null}function d(e,t){if(o[e])for(const s in o[e])Object.prototype.hasOwnProperty.call(o[e],s)&&o[e][s].forEach(e=>e(t));Array.isArray(o["*"])&&o["*"].forEach(e=>e(t))}window.__cdtrEvents=o;const c={set:async function(e,t){const s=JSON.parse(JSON.stringify(t)),r=await a(e),n=await crypto.subtle.importKey("raw",l(r),{name:"AES-GCM"},!1,["encrypt","decrypt"]),c=await async function(e,t){const s=crypto.getRandomValues(new Uint8Array(12)),r=(new TextEncoder).encode(t),i=await crypto.subtle.encrypt({name:"AES-GCM",iv:s},e,r);return{iv:s,encrypted:new Uint8Array(i)}}(n,JSON.stringify(s));i[r]=c,o.set&&o.set[r]&&o.set[r].forEach(e=>e(s)),Array.isArray(o["*"])&&o["*"].forEach(e=>e(s)),d(e,s)},get:n,remove:async function(e){const t=await a(e);delete i[t]},on:async function(e,t,s){o[e]||(o[e]={});const r=await a(t);o[e][r]||(o[e][r]=[]),o[e][r].push(e=>{!function(){const e=(new Error).stack;if(e&&e.indexOf(" at <anonymous>:1")>-1)throw console.warn("Function call blocked: Detected console execution."),new Error("Function call blocked: Detected console execution.")}(),s(e)});const i=await n(t);return i&&s(i),r},off:function(e,t){o[e]&&o[e][t]&&delete o[e][t]},dispatch:d,OPTIONS:{SET:"set"}}}}]);

package/dist/752.creaditor.bundle.js

@@ -1,9 +1,9 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[752],{40752(t,i,e){e.r(i),e.d(i,{EditorContainer:()=>a});var n=e(59929);class a extends n.WF{constructor(){super(),this.pt="10px",this.isAnimate=!0}render(){return n.qy`<div
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[752],{40752(e,t,i){i.r(t),i.d(t,{EditorContainer:()=>n});var a=i(59929);class n extends a.WF{constructor(){super(),this.pt="6px",this.isAnimate=!0}render(){return a.qy`<div
       style="padding-top:${this.pt}"
       class="container ${this.isAnimate?"animate":""}"
     >
       <slot></slot>
-    </div> `}}a.styles=n.AH`
+    </div> `}}n.styles=a.AH`
     //create fade in animation
     :host{
       direction: var(--direction-locale);
@@ -12,15 +12,17 @@
       direction: var(--direction-locale);
     }
     .container {
-      padding-inline: var(--editor-container-inline-padding, 16px);
+      padding-inline: var(--editor-container-inline-padding, var(--space-4, 16px));
       display: block;
       width: 100%;
       min-height: 20px;
-      padding-bottom: 8px;
+      /* Every sidebar control is wrapped in one of these, so this pad is the
+         panel's vertical rhythm. */
+      padding-bottom: var(--space-1, 4px);
       box-sizing: border-box;
     }
     .animate {
-      animation: slide-in 0.2s ease-in-out;
+      animation: slide-in var(--duration-normal, 200ms) var(--ease-default, ease-in-out);
     }
     @keyframes slide-in {
       from {
@@ -33,4 +35,4 @@
         transform: translateX(0%);
       }
     }
-  `,a.properties={pt:{type:String},isAnimate:{type:Boolean}},customElements.define("cdtr-editor-container",a)}}]);
+  `,n.properties={pt:{type:String},isAnimate:{type:Boolean}},customElements.define("cdtr-editor-container",n)}}]);

package/dist/7564.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7564],{7564(e,t,n){n.d(t,{default:()=>y});const o=e=>{{const{component:t,commands:n,helpers:o}=e;return{select:e=>{let{changeTab:t,tab:n}=e;"design"!==n.text&&t("design")},tabs:e=>{const t=[{text:"design"},{text:"animations"},{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:o,changeTab:r,tabs:s}=e;const l=t.closest("col");return[{type:"colorpicker",title:"color",value:t.props.style.borderColor,onChange:e=>{const t=e.target.value;n.execCommand("style",{borderColor:t})}},{type:"slider",title:"width",value:parseFloat(t.props.style.width),unit:"px",min:20,max:parseInt(window.getComputedStyle(l.element).width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px"})}},{type:"slider",title:"height",unit:"px",value:parseFloat(t.props.style.borderTopWidth),min:1,max:80,onInput:e=>{const t=e.target.value;n.execCommand("style",{borderTopWidth:t+"px"})}},{type:"slider",title:"radius",unit:"px",value:parseFloat(t.props.style.borderRadius),min:0,max:99,onInput:e=>{const t=e.target.value;n.execCommand("style",{borderRadius:t+"px"})}},{type:"borderpicker",title:"style",value:t.props.style.borderTopStyle,onChange:e=>{const t=e.target.value;n.execCommand("style",{borderTopStyle:t})}}]}}}},r=e=>{let{helpers:t}=e;return{set:(e,n,o)=>"style"===n&&(e[n]=t.deepMerge(e[n],o),!0)}};var s=n(72591),l=n.n(s),a=n(88639),i=n.n(a),d=n(88128),p=n.n(d),A=n(30855),c=n.n(A),u=n(93051),m=n.n(u),b=n(26149),h={};h.setAttributes=c(),h.insert=p().bind(null,"head"),h.domAPI=i(),h.insertStyleElement=m();l()(b.A,h);const C=b.A&&b.A.locals?b.A.locals:void 0,y=()=>{const e="divider";return{name:e,create:t=>{let{createElement:n,compose:s,helpers:l}=t;const a=document.createElement("div"),i=document.createElement("div");return i.classList.add(C.divider),a.classList.add(C.root),a.append(i),n({name:e,id:s.id,template:a,defaultProps:{style:{width:"300px",borderTopWidth:"5px",borderTopStyle:"solid",borderTopColor:"#000"}},draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,render:()=>{if(s.props.style)for(const e in s.props.style)if(Object.hasOwnProperty.call(s.props.style,e)){const t=s.props.style[e];i.style[e]=t}},validator:r({template:a,helpers:l,divider:i}),schema:s.schema,onSelect:e=>{a.classList.add(e)},onDeselect:e=>{a.classList.remove(e)},elementProps:s,remove:()=>{a.remove()},createEditor:o})}}}},26149(e,t,n){n.d(t,{A:()=>a});var o=n(82001),r=n.n(o),s=n(40935),l=n.n(s)()(r());l.push([e.id,'.bb8tTDVKPL6l_p1cP_MF{\n    min-height: 20px;\n}\n\n.ZKWR9YGnzQtvYWPfni0a{\n    margin: auto;\n    display: block;\n}\n.ZKWR9YGnzQtvYWPfni0a:after{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}\n.ZKWR9YGnzQtvYWPfni0a:before{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translateY(-100%);\n    z-index: 1;\n}',"",{version:3,sources:["webpack://./../web-editors/divider-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,gBAAgB;AACpB;;AAEA;IACI,YAAY;IACZ,cAAc;AAClB;AACA;IACI,WAAW;IACX,cAAc;IACd,WAAW;IACX,WAAW;IACX,6BAA6B;IAC7B,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,UAAU;AACd;AACA;IACI,WAAW;IACX,cAAc;IACd,WAAW;IACX,WAAW;IACX,6BAA6B;IAC7B,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,4BAA4B;IAC5B,UAAU;AACd",sourcesContent:['.root{\n    min-height: 20px;\n}\n\n.divider{\n    margin: auto;\n    display: block;\n}\n.divider:after{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}\n.divider:before{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translateY(-100%);\n    z-index: 1;\n}'],sourceRoot:""}]),l.locals={root:"bb8tTDVKPL6l_p1cP_MF",divider:"ZKWR9YGnzQtvYWPfni0a"};const a=l}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7564],{7564(e,t,n){n.d(t,{default:()=>y});const o=e=>{{const{component:t,commands:n,helpers:o}=e;return{select:e=>{let{changeTab:t,tab:n}=e;"style"!==n.text&&t("style")},tabs:e=>{const t=[{text:"style"},{text:"animations"},{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:o,changeTab:r,tabs:s}=e;const l=t.closest("col");return[{type:"colorpicker",title:"color",value:t.props.style.borderColor,onChange:e=>{const t=e.target.value;n.execCommand("style",{borderColor:t})}},{type:"slider",title:"width",value:parseFloat(t.props.style.width),unit:"px",min:20,max:parseInt(window.getComputedStyle(l.element).width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px"})}},{type:"slider",title:"height",unit:"px",value:parseFloat(t.props.style.borderTopWidth),min:1,max:80,onInput:e=>{const t=e.target.value;n.execCommand("style",{borderTopWidth:t+"px"})}},{type:"slider",title:"radius",unit:"px",value:parseFloat(t.props.style.borderRadius),min:0,max:99,onInput:e=>{const t=e.target.value;n.execCommand("style",{borderRadius:t+"px"})}},{type:"borderpicker",title:"style",value:t.props.style.borderTopStyle,onChange:e=>{const t=e.target.value;n.execCommand("style",{borderTopStyle:t})}}]}}}},r=e=>{let{helpers:t}=e;return{set:(e,n,o)=>"style"===n&&(e[n]=t.deepMerge(e[n],o),!0)}};var s=n(72591),l=n.n(s),a=n(88639),i=n.n(a),d=n(88128),p=n.n(d),A=n(30855),c=n.n(A),u=n(93051),m=n.n(u),b=n(26149),h={};h.setAttributes=c(),h.insert=p().bind(null,"head"),h.domAPI=i(),h.insertStyleElement=m();l()(b.A,h);const C=b.A&&b.A.locals?b.A.locals:void 0,y=()=>{const e="divider";return{name:e,create:t=>{let{createElement:n,compose:s,helpers:l}=t;const a=document.createElement("div"),i=document.createElement("div");return i.classList.add(C.divider),a.classList.add(C.root),a.append(i),n({name:e,id:s.id,template:a,defaultProps:{style:{width:"300px",borderTopWidth:"5px",borderTopStyle:"solid",borderTopColor:"#000"}},draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,render:()=>{if(s.props.style)for(const e in s.props.style)if(Object.hasOwnProperty.call(s.props.style,e)){const t=s.props.style[e];i.style[e]=t}},validator:r({template:a,helpers:l,divider:i}),schema:s.schema,onSelect:e=>{a.classList.add(e)},onDeselect:e=>{a.classList.remove(e)},elementProps:s,remove:()=>{a.remove()},createEditor:o})}}}},26149(e,t,n){n.d(t,{A:()=>a});var o=n(82001),r=n.n(o),s=n(40935),l=n.n(s)()(r());l.push([e.id,'.bb8tTDVKPL6l_p1cP_MF{\n    min-height: 20px;\n}\n\n.ZKWR9YGnzQtvYWPfni0a{\n    margin: auto;\n    display: block;\n}\n.ZKWR9YGnzQtvYWPfni0a:after{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}\n.ZKWR9YGnzQtvYWPfni0a:before{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translateY(-100%);\n    z-index: 1;\n}',"",{version:3,sources:["webpack://./../web-editors/divider-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,gBAAgB;AACpB;;AAEA;IACI,YAAY;IACZ,cAAc;AAClB;AACA;IACI,WAAW;IACX,cAAc;IACd,WAAW;IACX,WAAW;IACX,6BAA6B;IAC7B,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,UAAU;AACd;AACA;IACI,WAAW;IACX,cAAc;IACd,WAAW;IACX,WAAW;IACX,6BAA6B;IAC7B,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,4BAA4B;IAC5B,UAAU;AACd",sourcesContent:['.root{\n    min-height: 20px;\n}\n\n.divider{\n    margin: auto;\n    display: block;\n}\n.divider:after{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}\n.divider:before{\n    content: "";\n    display: block;\n    width: 100%;\n    height:20px;\n    background-color: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translateY(-100%);\n    z-index: 1;\n}'],sourceRoot:""}]),l.locals={root:"bb8tTDVKPL6l_p1cP_MF",divider:"ZKWR9YGnzQtvYWPfni0a"};const a=l}}]);

package/dist/763.creaditor.bundle.js

@@ -1 +1,34 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[763],{10763(e,t,n){n.d(t,{default:()=>I});var o=n(96374),a=n(86319);const i=e=>{{const{component:t,commands:n,helpers:i}=e;return{select:e=>{let{changeTab:t,tab:n}=e},tabs:e=>{const t=[{text:"design",selected:!0},{text:"link"},{text:"icons"},..."web"===a.M.get("config","channel")?[{text:"animations"},{text:"modal"}]:[],{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:i,changeTab:l,tabs:r}=e;const s=(a.M.get("components")||[]).filter(e=>e&&"block"===e.type&&e.props?.modalable),c=[{value:"",label:"modal_none"},...s.map((e,t)=>({value:e.id,label:e.props?.modalName||`modal ${t+1}`}))],d=t.props.modalBlockId||"",p=c.find(e=>e.value===d)?.label||"modal_none";return[{type:"heading",level:6,text:"open_modal",active:()=>"modal"===i.text},{type:"info",text:s.length?"modal_pick_hint":"modal_none_hint",active:()=>"modal"===i.text},{type:"dropdown",title:"modal_block",active:()=>"modal"===i.text,value:p,selected:d,items:c,onChange:e=>{n.execCommand("modalBlockId",e.target.value)}},{type:"heading",level:6,text:"settings",active:()=>"design"===i.text},{type:"input",title:"whatTheBtnSays",mergeTags:!0,emoji:!0,active:()=>"design"===i.text,value:t.props.text||"",onInput:e=>{const t=e.target.value;n.execCommand("text",t)}},{type:"heading",level:6,text:"typography",active:()=>"design"===i.text},{type:"typography",active:()=>"design"===i.text,bold:700===t.props.style.fontWeight,italic:"italic"===t.props.style.fontStyle,underline:"underline"===t.props.style.textDecoration,onChange:e=>{switch(e){case"bold":const e=700===t.props.style.fontWeight?400:700;n.execCommand("style",{fontWeight:e});break;case"italic":const o="italic"===t.props.style.fontStyle?"normal":"italic";n.execCommand("style",{fontStyle:o});break;case"underline":const a="underline"===t.props.style.textDecoration?"none":"underline";n.execCommand("style",{textDecoration:a})}}},{type:"fontFamily",active:()=>"design"===i.text,value:t.props.style.fontFamily,weight:"web"===a.M.get("config","channel"),weightValue:t.props.style.fontWeight,onChange:e=>{const t=e.target.value;n.execCommand("style",{fontFamily:t})},onWeightChange:e=>{n.execCommand("style",{fontWeight:e.detail.value})}},{type:"slider",title:"fontSize",step:1,min:8,max:50,active:()=>"design"===i.text,value:parseInt(t.props.style.fontSize)||14,onInput:e=>{const t=e.target.value;n.execCommand("style",{fontSize:t+"px",height:"auto"})}},{type:"heading",level:6,text:"dimensions",active:()=>"design"===i.text},{type:"slider",title:"width",min:10,max:500,active:()=>"design"===i.text,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px",minWidth:null})}},{type:"heading",level:6,text:"colors",active:()=>"design"===i.text},{type:"colorSwatchGroup",active:()=>"design"===i.text,columns:2,items:[{title:"button_background",allowGradient:!0,value:t.props.style.background||"#000000",onChange:e=>{const a=e.target.value;if(!a.includes("gradient(")){const e=(0,o.w)(t.props.style.color,a);n.execCommand("style",{color:e})}n.execCommand("style",{background:a,backgroundColor:null})}},{title:"font_color",value:t.props.style.color||"#ffffff",onChange:e=>{const t=e.target.value;n.execCommand("style",{color:t})}}]},{type:"heading",level:6,text:"border_design",active:()=>"design"===i.text},{type:"slider",title:"radius",min:0,max:100,active:()=>"design"===i.text,value:parseInt(t.props.style.borderRadius),onInput:e=>{const t=e.target.value;n.execCommand("style",{borderRadius:t+"px"})}},{type:"borderpicker",title:"border",active:()=>"design"===i.text,value:t.props.style.border,onChange:e=>{const t=e.target.value;n.execCommand("style",{border:t})}},{type:"slider",title:"borderWidth",active:()=>"design"===i.text,value:t.props.style.borderWidth,onInput:e=>{const t=e.target.value;n.execCommand("style",{borderWidth:t+"px"})}},{type:"colorpicker",title:"borderColor",active:()=>"design"===i.text,value:t.props.style.borderColor,onChange:e=>{const t=e.target.value;n.execCommand("style",{borderColor:t})}},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===i.text,onChange:e=>{const t={link:e.target.value};n.execCommand("onClick",t)}},{type:"checkbox",title:"hasIcon",useIconsApi:!0,checked:!!t.props.hasIcon,active:()=>"icons"===i.text,onChange:e=>{const t=e.target.checked;n.execCommand("hasIcon",t),n.execCommand("iconDirection","left")}},{type:"dropdown",active:()=>"icons"===i.text&&!0===t.props.hasIcon,title:"iconDirection",value:t.props.iconDirection,onChange:e=>{const t=e.target.value;n.execCommand("iconDirection",t)},items:[{value:"left",label:"left"},{value:"right",label:"right"}]},{type:"slider",title:"size",min:10,max:100,active:()=>"icons"===i.text&&!0===t.props.hasIcon,value:t.props.iconSize||16,onInput:e=>{const t=e.target.value;n.execCommand("iconSize",t)}},{type:"icons",active:()=>"icons"===i.text&&!0===t.props.hasIcon,selectedIcon:t.props.iconUrl,onChange:e=>{const t=e.detail;n.execCommand("iconUrl",t.src)}},{type:"heading",level:6,text:"spacing",active:()=>"design"===i.text},{type:"spacingPicker",active:()=>"design"===i.text,hasLeft:!1,hasRight:!1,value:{top:parseInt(t.props.style.paddingTop)||0,bottom:parseInt(t.props.style.paddingBottom)||0,left:parseInt(t.props.style.paddingLeft)||0,right:parseInt(t.props.style.paddingRight)||0},onChange:e=>{e.target.value;const t=e.target.topValue,o=e.target.bottomValue,a=e.target.leftValue,i=e.target.rightValue;n.execCommand("style",{paddingTop:t+"px",paddingBottom:o+"px",paddingLeft:a+"px",paddingRight:i+"px",padding:null})}}]}}}},l=e=>{let{helpers:t,editor:n,getFocused:o}=e;return{set:(e,a,i)=>{switch(a){case"style":return e[a]=t.deepMerge(e[a],i),!0;case"text":return e.text=i,o()||n.chain().setContent(i).run(),!0;case"ripple":case"rippleColor":case"scaleOnHover":case"hasIcon":case"iconUrl":case"iconSize":case"iconDirection":case"modalBlockId":return e[a]=i,!0;case"onClick":if(i.link)return e[a]=i,!0}}}};var r=n(72591),s=n.n(r),c=n(88639),d=n.n(c),p=n(88128),m=n.n(p),u=n(30855),g=n.n(u),h=n(93051),A=n.n(h),y=n(49536),x={};x.setAttributes=g(),x.insert=m().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=A();s()(y.A,x);const C=y.A&&y.A.locals?y.A.locals:void 0;var b=n(81318),v=n(1366);const f=b.bP.create({name:"paragraph",priority:1e3,addOptions:()=>({HTMLAttributes:{}}),group:"block",content:"inline*",parseHTML:()=>[{tag:"p"}],renderHTML({HTMLAttributes:e}){return["p",(0,b.KV)(this.options.HTMLAttributes,e),0]},addCommands(){return{setParagraph:()=>({commands:e})=>e.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}});var E=n(85194),k=n(28396);const B=b.YY.create({addKeyboardShortcuts:()=>({Enter:()=>!0})});const I=()=>{const e="button";return{name:e,create:t=>{const{createElement:n,compose:o,helpers:a}=t,{arrayToString:r,mergeDiff:s}=a;let c=!1;const d=document.createElement("div"),p=document.createElement("div"),{editor:m}=function(e){let{content:t,element:n}=e;return{element:n,editor:new b.KE({element:n,extensions:[v.A,f,k.A,E.Ay,B],content:t})}}({content:o.props.text,element:p});d.appendChild(p);return m.view.dom.setAttribute("dir","auto"),m.on("update",e=>{let{editor:t}=e;const n=t.getText();o.editor.store().updateComponent(o,"text",n)}),m.on("focus",e=>{let{event:t,editor:n}=e;c=!0}),m.on("blur",e=>{let{event:t,editor:n}=e;c=!1}),d.className=C.button,n({name:e,id:o.id,template:d,commands:{insertContent:e=>{m.commands.insertContent(e),m.chain().focus()}},defaultProps:{style:{height:"auto",width:"200px",padding:"10px",borderRadius:"5px",fontFamily:"Arial",fontSize:"16px"},text:"button"},render:()=>{try{o.props.style.display="",o.props.style.direction=""}catch(e){console.error(e)}s(d,{style:o.props.style}),d.style.height="auto";const e=o.props.hasIcon,t=o.props.iconUrl,n=o.props.iconDirection,a=o.props.iconSize,i="icon_in_button";let l=d.querySelector(`.${i}`)||document.createElement("img");e&&t?(l.className=i,l.src=t,l.style.width=(a||16)+"px",l.style.height=(a||16)+"px",l.style.marginRight="8px",l.style.marginLeft="8px","left"===n?d.insertBefore(l,d.firstChild):d.appendChild(l)):l.remove()},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>d,handleBar:!0,validator:l({template:d,helpers:a,editor:m,getFocused:function(){return c}}),schema:o.schema,onSelect:e=>{d.classList.add(e)},onDeselect:e=>{d.classList.remove(e)},elementProps:o,destroy:()=>{m.destroy()},remove:()=>{d.remove()},createEditor:i})}}}},49536(e,t,n){n.d(t,{A:()=>r});var o=n(82001),a=n.n(o),i=n(40935),l=n.n(i)()(a());l.push([e.id,".BEr8unIfy4OEGYhlHclN {\n  cursor: text !important;\n}\n.BEr8unIfy4OEGYhlHclN {\n  min-width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding:10px;\n}\n.BEr8unIfy4OEGYhlHclN p {\n  margin: 0;\n  line-height: 1;\n}\n.cI3RTMAdk9qoZ8mu9Sm9 {\n  width: 100%;\n}\n.VSumPf0Ui7b1pl8cMATP {\n  position: absolute;\n  z-index: 9;\n  width: 3px;\n  height: 90%;\n  background: var(--resizer-color);\n  border-radius: 20px;\n}\n.Vo2Ewnq6ekWFdNMjxBIB {\n  left: -8px;\n  cursor: w-resize;\n}\n.WLZC84sb1rfaRnHCDyj8 {\n  left: calc(100% + 5px);\n  cursor: e-resize;\n}\n\n.BEr8unIfy4OEGYhlHclN .VSumPf0Ui7b1pl8cMATP {\n  display: none;\n}\n.BEr8unIfy4OEGYhlHclN.Qh20ei1Fa8QUbGinFFbw .VSumPf0Ui7b1pl8cMATP {\n  display: block;\n}\n/* .handle{\n  display: none;\n}\n.button.selected .handle{\n  display: block;\n} */\n","",{version:3,sources:["webpack://./../web-editors/button-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;EACE,uBAAuB;AAOzB;AARA;EAEE,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;AACd;AACA;EACE,SAAS;EACT,cAAc;AAChB;AACA;EACE,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,UAAU;EACV,WAAW;EACX,gCAAgC;EAChC,mBAAmB;AACrB;AACA;EACE,UAAU;EACV,gBAAgB;AAClB;AACA;EACE,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;;;;;GAKG",sourcesContent:[".button {\n  cursor: text !important;\n  min-width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding:10px;\n}\n.button p {\n  margin: 0;\n  line-height: 1;\n}\n.contentEditable {\n  width: 100%;\n}\n.margin {\n  position: absolute;\n  z-index: 9;\n  width: 3px;\n  height: 90%;\n  background: var(--resizer-color);\n  border-radius: 20px;\n}\n.marginLeft {\n  left: -8px;\n  cursor: w-resize;\n}\n.marginRight {\n  left: calc(100% + 5px);\n  cursor: e-resize;\n}\n\n.button .margin {\n  display: none;\n}\n.button.selected .margin {\n  display: block;\n}\n/* .handle{\n  display: none;\n}\n.button.selected .handle{\n  display: block;\n} */\n"],sourceRoot:""}]),l.locals={button:"BEr8unIfy4OEGYhlHclN",contentEditable:"cI3RTMAdk9qoZ8mu9Sm9",margin:"VSumPf0Ui7b1pl8cMATP",marginLeft:"Vo2Ewnq6ekWFdNMjxBIB",marginRight:"WLZC84sb1rfaRnHCDyj8",selected:"Qh20ei1Fa8QUbGinFFbw"};const r=l}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[763],{10763(e,t,n){n.d(t,{default:()=>S});var o=n(96374),r=n(86319),l=n(59929);const a=e=>{{const{component:t,commands:n,helpers:a}=e;return{select:e=>{let{changeTab:t,tab:n}=e},tabs:e=>{const t=[{text:"style",selected:!0},{text:"interactions"},..."web"===r.M.get("config","channel")?[{text:"animations"}]:[],{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:a,changeTab:i,tabs:s}=e;const c=(r.M.get("components")||[]).filter(e=>e&&"block"===e.type&&e.props?.modalable),d=[{value:"",label:"modal_none"},...c.map((e,t)=>({value:e.id,label:e.props?.modalName||`modal ${t+1}`}))],p=t.props.modalBlockId||"",u=d.find(e=>e.value===p)?.label||"modal_none",g=[{type:"heading",level:6,text:"presets",active:()=>"style"===a.text&&"web"===r.M.get("config","channel")},{type:"custom",active:()=>"style"===a.text&&"web"===r.M.get("config","channel"),node:()=>{const e="web"===r.M.get("config","channel"),o={cart:"http://app.creaditor.com/assets/bullets/images/cart-icon.png",arrowRight:"http://app.creaditor.com/assets/bullets/images/1469020585_ic_keyboard_arrow_right_48px.png"},a="var(--cdtr-primary, #2563eb)",i="var(--cdtr-primary-contrast, #ffffff)",s=e=>`color-mix(in srgb, ${a}, #000 ${e})`,c=[{category:"Basic",presets:[{name:"Solid",style:{background:a,color:i,borderRadius:"8px",border:"none",borderWidth:null,borderColor:null,boxShadow:null}},{name:"Pill",style:{background:a,color:i,borderRadius:"999px",border:"none",borderWidth:null,borderColor:null,boxShadow:null}},{name:"Outline",style:{background:"transparent",color:a,borderRadius:"8px",border:`1px solid ${a}`,borderWidth:"1px",borderColor:a,boxShadow:null}},{name:"Soft",webOnly:!0,style:{background:`color-mix(in srgb, ${a} 12%, #ffffff)`,color:a,borderRadius:"10px",border:"none",borderWidth:null,borderColor:null,boxShadow:null}}]},{category:"Effects",presets:[{name:"Gradient",webOnly:!0,style:{background:`linear-gradient(135deg, ${a}, ${s("35%")})`,color:i,borderRadius:"10px",border:"none",borderWidth:null,borderColor:null,boxShadow:null}},{name:"3D",webOnly:!0,style:{background:a,color:i,borderRadius:"10px",padding:"14px 22px",fontWeight:700,border:"none",borderWidth:null,borderColor:null,boxShadow:`0px 5px 0px 0px ${s("30%")}`}},{name:"Glow",webOnly:!0,style:{background:a,color:i,borderRadius:"10px",border:"none",borderWidth:null,borderColor:null,boxShadow:"0 8px 24px "+(d="55%",`color-mix(in srgb, ${a}, transparent ${d})`)}},{name:"Glass",webOnly:!0,style:{background:"rgba(255,255,255,0.18)",color:"#111111",borderRadius:"12px",border:"1px solid rgba(255,255,255,0.6)",borderWidth:"1px",borderColor:"rgba(255,255,255,0.6)",backdropFilter:"blur(8px)",boxShadow:"0 4px 30px rgba(0,0,0,0.1)"}},{name:"Shadow",webOnly:!0,style:{background:"#ffffff",color:"#111111",borderRadius:"12px",border:"none",borderWidth:null,borderColor:null,boxShadow:"0 10px 24px rgba(0,0,0,0.18)"}}]},{category:"With icon",presets:[{name:"Buy now",icon:{src:o.cart,direction:"left",size:18},style:{background:a,color:i,borderRadius:"8px",border:"none",borderWidth:null,borderColor:null,boxShadow:null}},{name:"Continue",webOnly:!0,icon:{src:o.arrowRight,direction:"right",size:18},style:{background:`linear-gradient(135deg, ${a}, ${s("35%")})`,color:i,borderRadius:"8px",border:"none",borderWidth:null,borderColor:null,boxShadow:null}}]}].map(t=>({...t,presets:t.presets.filter(t=>e||!t.webOnly)})).filter(e=>e.presets.length>0);var d;const p=t.props.text||"Button",u=e=>e.icon?l.qy`<img
+                      src="${e.icon.src}"
+                      style="width:16px;height:16px;object-fit:contain;vertical-align:middle;${"right"===e.icon.direction?"margin-left:6px;order:2;":"margin-right:6px;"}"
+                    />`:"",g=e=>l.qy`
+                <button
+                  type="button"
+                  title="${e.name}"
+                  @click=${()=>(e=>{n.execCommand("style",{...e.style}),e.icon&&(n.execCommand("hasIcon",!0),n.execCommand("iconUrl",e.icon.src),n.execCommand("iconDirection",e.icon.direction||"left"),n.execCommand("iconSize",e.icon.size||18))})(e)}
+                  style="display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;padding:12px 14px;font-size:13px;overflow:hidden;white-space:nowrap;
+                         background:${e.style.background};
+                         color:${e.style.color};
+                         border-radius:${e.style.borderRadius};
+                         border:${e.style.border};
+                         font-weight:${e.style.fontWeight||400};
+                         box-shadow:${e.style.boxShadow||"none"};"
+                >
+                  ${e.icon&&"right"!==e.icon.direction?u(e):""}
+                  <span style="overflow:hidden;text-overflow:ellipsis;">${p}</span>
+                  ${e.icon&&"right"===e.icon.direction?u(e):""}
+                </button>
+              `;return l.qy`
+                <cdtr-editor-container pt="0">
+                  <div style="display:flex;flex-direction:column;gap:10px;padding:8px 16px;">
+                    ${c.map(e=>l.qy`
+                        <div
+                          style="margin-top:6px;font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#888;"
+                        >
+                          ${e.category}
+                        </div>
+                        ${e.presets.map(e=>g(e))}
+                      `)}
+                  </div>
+                </cdtr-editor-container>
+              `}}];return[{type:"heading",level:6,text:"text",active:()=>"style"===a.text},{type:"input",title:"whatTheBtnSays",mergeTags:!0,emoji:!0,active:()=>"style"===a.text,value:t.props.text||"",onInput:e=>{const t=e.target.value;n.execCommand("text",t)}},{type:"heading",level:6,text:"colors",active:()=>"style"===a.text},{type:"colorSwatchGroup",active:()=>"style"===a.text,columns:2,items:[{title:"button_background",allowGradient:!0,value:t.props.style.background||"#000000",onChange:e=>{const r=e.target.value;if(!r.includes("gradient(")){const e=(0,o.w)(t.props.style.color,r);n.execCommand("style",{color:e})}n.execCommand("style",{background:r,backgroundColor:null})}},{title:"font_color",value:t.props.style.color||"#ffffff",onChange:e=>{const t=e.target.value;n.execCommand("style",{color:t})}}]},{type:"heading",level:6,text:"typography",active:()=>"style"===a.text},{type:"typography",active:()=>"style"===a.text,bold:700===t.props.style.fontWeight,italic:"italic"===t.props.style.fontStyle,underline:"underline"===t.props.style.textDecoration,onChange:e=>{switch(e){case"bold":const e=700===t.props.style.fontWeight?400:700;n.execCommand("style",{fontWeight:e});break;case"italic":const o="italic"===t.props.style.fontStyle?"normal":"italic";n.execCommand("style",{fontStyle:o});break;case"underline":const r="underline"===t.props.style.textDecoration?"none":"underline";n.execCommand("style",{textDecoration:r})}}},{type:"fontFamily",active:()=>"style"===a.text,value:t.props.style.fontFamily,weight:"web"===r.M.get("config","channel"),weightValue:t.props.style.fontWeight,onChange:e=>{const t=e.target.value;n.execCommand("style",{fontFamily:t})},onWeightChange:e=>{n.execCommand("style",{fontWeight:e.detail.value})}},{type:"slider",title:"fontSize",step:1,min:8,max:50,active:()=>"style"===a.text,value:parseInt(t.props.style.fontSize)||14,onInput:e=>{const t=e.target.value;n.execCommand("style",{fontSize:t+"px",height:"auto"})}},{type:"heading",level:6,text:"dimensions",active:()=>"style"===a.text},{type:"slider",title:"width",min:10,max:500,active:()=>"style"===a.text,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px",minWidth:null})}},{type:"heading",level:6,text:"border_design",active:()=>"style"===a.text},{type:"slider",title:"radius",min:0,max:100,active:()=>"style"===a.text,value:parseInt(t.props.style.borderRadius),onInput:e=>{const t=e.target.value;n.execCommand("style",{borderRadius:t+"px"})}},{type:"borderpicker",title:"border",active:()=>"style"===a.text,value:t.props.style.border,onChange:e=>{const t=e.target.value;n.execCommand("style",{border:t})}},{type:"slider",title:"borderWidth",active:()=>"style"===a.text,value:t.props.style.borderWidth,onInput:e=>{const t=e.target.value;n.execCommand("style",{borderWidth:t+"px"})}},{type:"colorpicker",title:"borderColor",active:()=>"style"===a.text,value:t.props.style.borderColor,onChange:e=>{const t=e.target.value;n.execCommand("style",{borderColor:t})}},{type:"heading",level:6,text:"shadow",active:()=>"style"===a.text},{type:"boxShadow",active:()=>"style"===a.text,value:t.props.style.boxShadow,onChange:e=>{n.execCommand("style",{boxShadow:e})}},{type:"heading",level:6,text:"link",active:()=>"interactions"===a.text},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"interactions"===a.text,onChange:e=>{const t={link:e.target.value};n.execCommand("onClick",t)}},{type:"heading",level:6,text:"open_modal",active:()=>"interactions"===a.text&&"web"===r.M.get("config","channel")},{type:"info",text:c.length?"modal_pick_hint":"modal_none_hint",active:()=>"interactions"===a.text&&"web"===r.M.get("config","channel")},{type:"dropdown",title:"modal_block",active:()=>"interactions"===a.text&&"web"===r.M.get("config","channel"),value:u,selected:p,items:d,onChange:e=>{n.execCommand("modalBlockId",e.target.value)}},{type:"heading",level:6,text:"icons",active:()=>"style"===a.text},{type:"checkbox",title:"hasIcon",useIconsApi:!0,checked:!!t.props.hasIcon,active:()=>"style"===a.text,onChange:e=>{const t=e.target.checked;n.execCommand("hasIcon",t),n.execCommand("iconDirection","left")}},{type:"dropdown",active:()=>"style"===a.text&&!0===t.props.hasIcon,title:"iconDirection",value:t.props.iconDirection,onChange:e=>{const t=e.target.value;n.execCommand("iconDirection",t)},items:[{value:"left",label:"left"},{value:"right",label:"right"}]},{type:"slider",title:"size",min:10,max:100,active:()=>"style"===a.text&&!0===t.props.hasIcon,value:t.props.iconSize||16,onInput:e=>{const t=e.target.value;n.execCommand("iconSize",t)}},{type:"icons",active:()=>"style"===a.text&&!0===t.props.hasIcon,selectedIcon:t.props.iconUrl,onChange:e=>{const t=e.detail;n.execCommand("iconUrl",t.src)}},{type:"heading",level:6,text:"spacing",active:()=>"style"===a.text},{type:"spacingPicker",active:()=>"style"===a.text,hasLeft:!1,hasRight:!1,value:{top:parseInt(t.props.style.paddingTop)||0,bottom:parseInt(t.props.style.paddingBottom)||0,left:parseInt(t.props.style.paddingLeft)||0,right:parseInt(t.props.style.paddingRight)||0},onChange:e=>{e.target.value;const t=e.target.topValue,o=e.target.bottomValue,r=e.target.leftValue,l=e.target.rightValue;n.execCommand("style",{paddingTop:t+"px",paddingBottom:o+"px",paddingLeft:r+"px",paddingRight:l+"px",padding:null})}},...g]}}}},i=e=>{let{helpers:t,editor:n,getFocused:o}=e;return{set:(e,r,l)=>{switch(r){case"style":return e[r]=t.deepMerge(e[r],l),!0;case"text":return e.text=l,o()||n.chain().setContent(l).run(),!0;case"ripple":case"rippleColor":case"scaleOnHover":case"hasIcon":case"iconUrl":case"iconSize":case"iconDirection":case"modalBlockId":return e[r]=l,!0;case"onClick":if(l.link)return e[r]=l,!0}}}};var s=n(72591),c=n.n(s),d=n(88639),p=n.n(d),u=n(88128),g=n.n(u),m=n(30855),b=n.n(m),h=n(93051),y=n.n(h),x=n(49536),A={};A.setAttributes=b(),A.insert=g().bind(null,"head"),A.domAPI=p(),A.insertStyleElement=y();c()(x.A,A);const f=x.A&&x.A.locals?x.A.locals:void 0;var C=n(81318),v=n(1366);const w=C.bP.create({name:"paragraph",priority:1e3,addOptions:()=>({HTMLAttributes:{}}),group:"block",content:"inline*",parseHTML:()=>[{tag:"p"}],renderHTML({HTMLAttributes:e}){return["p",(0,C.KV)(this.options.HTMLAttributes,e),0]},addCommands(){return{setParagraph:()=>({commands:e})=>e.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}});var k=n(85194),E=n(28396);const B=C.YY.create({addKeyboardShortcuts:()=>({Enter:()=>!0})});const S=()=>{const e="button";return{name:e,create:t=>{const{createElement:n,compose:o,helpers:r}=t,{arrayToString:l,mergeDiff:s}=r;let c=!1;const d=document.createElement("div"),p=document.createElement("div"),{editor:u}=function(e){let{content:t,element:n}=e;return{element:n,editor:new C.KE({element:n,extensions:[v.A,w,E.A,k.Ay,B],content:t})}}({content:o.props.text,element:p});d.appendChild(p);return u.view.dom.setAttribute("dir","auto"),u.on("update",e=>{let{editor:t}=e;const n=t.getText();o.editor.store().updateComponent(o,"text",n)}),u.on("focus",e=>{let{event:t,editor:n}=e;c=!0}),u.on("blur",e=>{let{event:t,editor:n}=e;c=!1}),d.className=f.button,n({name:e,id:o.id,template:d,commands:{insertContent:e=>{u.commands.insertContent(e),u.chain().focus()}},defaultProps:{style:{height:"auto",width:"200px",padding:"10px",borderRadius:"5px",fontFamily:"Arial",fontSize:"16px"},text:"button"},render:()=>{try{o.props.style.display="",o.props.style.direction=""}catch(e){console.error(e)}s(d,{style:o.props.style}),d.style.height="auto";const e=o.props.hasIcon,t=o.props.iconUrl,n=o.props.iconDirection,r=o.props.iconSize,l="icon_in_button";let a=d.querySelector(`.${l}`)||document.createElement("img");e&&t?(a.className=l,a.src=t,a.style.width=(r||16)+"px",a.style.height=(r||16)+"px",a.style.marginRight="8px",a.style.marginLeft="8px","left"===n?d.insertBefore(a,d.firstChild):d.appendChild(a)):a.remove()},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>d,handleBar:!0,validator:i({template:d,helpers:r,editor:u,getFocused:function(){return c}}),schema:o.schema,onSelect:e=>{d.classList.add(e)},onDeselect:e=>{d.classList.remove(e)},elementProps:o,destroy:()=>{u.destroy()},remove:()=>{d.remove()},createEditor:a})}}}},49536(e,t,n){n.d(t,{A:()=>i});var o=n(82001),r=n.n(o),l=n(40935),a=n.n(l)()(r());a.push([e.id,".BEr8unIfy4OEGYhlHclN {\n  cursor: text !important;\n}\n.BEr8unIfy4OEGYhlHclN {\n  min-width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding:10px;\n}\n.BEr8unIfy4OEGYhlHclN p {\n  margin: 0;\n  line-height: 1;\n}\n.cI3RTMAdk9qoZ8mu9Sm9 {\n  width: 100%;\n}\n.VSumPf0Ui7b1pl8cMATP {\n  position: absolute;\n  z-index: 9;\n  width: 3px;\n  height: 90%;\n  background: var(--resizer-color);\n  border-radius: 20px;\n}\n.Vo2Ewnq6ekWFdNMjxBIB {\n  left: -8px;\n  cursor: w-resize;\n}\n.WLZC84sb1rfaRnHCDyj8 {\n  left: calc(100% + 5px);\n  cursor: e-resize;\n}\n\n.BEr8unIfy4OEGYhlHclN .VSumPf0Ui7b1pl8cMATP {\n  display: none;\n}\n.BEr8unIfy4OEGYhlHclN.Qh20ei1Fa8QUbGinFFbw .VSumPf0Ui7b1pl8cMATP {\n  display: block;\n}\n/* .handle{\n  display: none;\n}\n.button.selected .handle{\n  display: block;\n} */\n","",{version:3,sources:["webpack://./../web-editors/button-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;EACE,uBAAuB;AAOzB;AARA;EAEE,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;AACd;AACA;EACE,SAAS;EACT,cAAc;AAChB;AACA;EACE,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,UAAU;EACV,WAAW;EACX,gCAAgC;EAChC,mBAAmB;AACrB;AACA;EACE,UAAU;EACV,gBAAgB;AAClB;AACA;EACE,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;;;;;GAKG",sourcesContent:[".button {\n  cursor: text !important;\n  min-width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding:10px;\n}\n.button p {\n  margin: 0;\n  line-height: 1;\n}\n.contentEditable {\n  width: 100%;\n}\n.margin {\n  position: absolute;\n  z-index: 9;\n  width: 3px;\n  height: 90%;\n  background: var(--resizer-color);\n  border-radius: 20px;\n}\n.marginLeft {\n  left: -8px;\n  cursor: w-resize;\n}\n.marginRight {\n  left: calc(100% + 5px);\n  cursor: e-resize;\n}\n\n.button .margin {\n  display: none;\n}\n.button.selected .margin {\n  display: block;\n}\n/* .handle{\n  display: none;\n}\n.button.selected .handle{\n  display: block;\n} */\n"],sourceRoot:""}]),a.locals={button:"BEr8unIfy4OEGYhlHclN",contentEditable:"cI3RTMAdk9qoZ8mu9Sm9",margin:"VSumPf0Ui7b1pl8cMATP",marginLeft:"Vo2Ewnq6ekWFdNMjxBIB",marginRight:"WLZC84sb1rfaRnHCDyj8",selected:"Qh20ei1Fa8QUbGinFFbw"};const i=a}}]);