@creaditor/newsletter-starterkit 1.0.56 → 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(e,t,i){i.r(t),i.d(t,{EditorContainer:()=>a});var n=i(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);
@@ -16,7 +16,9 @@
       display: block;
       width: 100%;
       min-height: 20px;
-      padding-bottom: var(--space-2, 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 {
@@ -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}}]);