@creaditor/web-starterkit 1.0.11 → 1.0.12

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-family)",this.bold&&(this.style.fontWeight="bold")}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/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/7937.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7937],{67937(t,e,n){n.r(e),n.d(e,{EditorTabItem:()=>o});var i=n(59929);class o extends i.WF{constructor(){super()}focus(){const t=this.shadowRoot.querySelector(".tab-btn");t?t.focus():super.focus()}onClickItem(t){this.value=t,this.dispatchEvent(new UIEvent("change",{view:window,bubbles:!0,cancelable:!0}))}handleKeyDown(t){if("Enter"===t.key||" "===t.key)return t.preventDefault(),t.stopPropagation(),void this.onClickItem(this.icon);["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("arrow-navigation",{detail:{key:t.key,currentIcon:this.icon},bubbles:!0,cancelable:!0})))}factory(){let t="fill:currentColor;color:inherit;width:18px;height:18px;";switch(this.icon){case"box-shadow":return n.e(1456).then(n.bind(n,11456)),i.qy`<cdtr-box-shadow-icon iconStyle=${t}></cdtr-box-shadow-icon>`;case"design":return n.e(9162).then(n.bind(n,59162)),i.qy`<cdtr-design-icon iconStyle=${t}></cdtr-design-icon>`;case"text":case"typography":return n.e(9089).then(n.bind(n,59089)),i.qy`<cdtr-text-icon iconStyle=${t}></cdtr-text-icon>`;case"animations":return n.e(9184).then(n.bind(n,29184)),i.qy`<cdtr-animation-icon iconStyle=${t}></cdtr-animation-icon>`;case"settings":return n.e(4114).then(n.bind(n,84114)),i.qy`<cdtr-setting-icon iconStyle=${t}></cdtr-setting-icon>`;case"qr":return i.qy`<img style="width:16px;height:16px;" alt="qr" width="16" height="16" src="https://img.creaditor.ai/images/qr?link=https%3A%2F%2Fexample.com&size=20" />`;case"link":return n.e(5428).then(n.bind(n,85428)),i.qy`<cdtr-link-icon iconStyle=${t}></cdtr-link-icon>`;case"spacing":return n.e(365).then(n.bind(n,50365)),i.qy`<cdtr-spacing-icon iconStyle=${t}></cdtr-spacing-icon>`;case"background":case"image":case"giphy":return n.e(1452).then(n.bind(n,61452)),i.qy`<cdtr-background-icon iconStyle=${t}></cdtr-background-icon>`;case"video":return n.e(7759).then(n.bind(n,97759)),i.qy`<cdtr-video-icon iconStyle=${t}></cdtr-video-icon>`;case"list-check":return n.e(6459).then(n.bind(n,16459)),i.qy`<cdtr-list-check-icon iconStyle=${t}></cdtr-list-check-icon>`;case"time":return n.e(307).then(n.bind(n,307)),i.qy`<cdtr-time-icon iconStyle=${t}></cdtr-time-icon>`;case"icons":return i.qy`<cdtr-icon icon="emoji" .width=${18} .height=${18} color="currentColor"></cdtr-icon>`;case"modal":return i.qy`<cdtr-icon icon="page" .width=${18} .height=${18} color="currentColor"></cdtr-icon>`;case"list-settings":return n.e(8676).then(n.bind(n,48676)),i.qy`<cdtr-list-settings-icon iconStyle=${t}></cdtr-list-settings-icon>`;case"automations":return n.e(8305).then(n.bind(n,58305)),i.qy`<cdtr-automation-icon iconStyle=${t}></cdtr-automation-icon>`;case"ai":return i.qy`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20.25 21" preserveAspectRatio="xMidYMid meet">
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7937],{67937(t,e,n){n.r(e),n.d(e,{EditorTabItem:()=>o});var i=n(59929);class o extends i.WF{constructor(){super()}focus(){const t=this.shadowRoot.querySelector(".tab-btn");t?t.focus():super.focus()}onClickItem(t){this.value=t,this.dispatchEvent(new UIEvent("change",{view:window,bubbles:!0,cancelable:!0}))}handleKeyDown(t){if("Enter"===t.key||" "===t.key)return t.preventDefault(),t.stopPropagation(),void this.onClickItem(this.icon);["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("arrow-navigation",{detail:{key:t.key,currentIcon:this.icon},bubbles:!0,cancelable:!0})))}factory(){let t="fill:currentColor;color:inherit;width:18px;height:18px;";switch(this.icon){case"box-shadow":return n.e(1456).then(n.bind(n,11456)),i.qy`<cdtr-box-shadow-icon iconStyle=${t}></cdtr-box-shadow-icon>`;case"design":case"style":return n.e(9162).then(n.bind(n,59162)),i.qy`<cdtr-design-icon iconStyle=${t}></cdtr-design-icon>`;case"text":case"typography":return n.e(9089).then(n.bind(n,59089)),i.qy`<cdtr-text-icon iconStyle=${t}></cdtr-text-icon>`;case"animations":return n.e(9184).then(n.bind(n,29184)),i.qy`<cdtr-animation-icon iconStyle=${t}></cdtr-animation-icon>`;case"settings":return n.e(4114).then(n.bind(n,84114)),i.qy`<cdtr-setting-icon iconStyle=${t}></cdtr-setting-icon>`;case"qr":return i.qy`<img style="width:16px;height:16px;" alt="qr" width="16" height="16" src="https://img.creaditor.ai/images/qr?link=https%3A%2F%2Fexample.com&size=20" />`;case"link":return n.e(5428).then(n.bind(n,85428)),i.qy`<cdtr-link-icon iconStyle=${t}></cdtr-link-icon>`;case"spacing":return n.e(365).then(n.bind(n,50365)),i.qy`<cdtr-spacing-icon iconStyle=${t}></cdtr-spacing-icon>`;case"background":case"image":case"giphy":return n.e(1452).then(n.bind(n,61452)),i.qy`<cdtr-background-icon iconStyle=${t}></cdtr-background-icon>`;case"video":return n.e(7759).then(n.bind(n,97759)),i.qy`<cdtr-video-icon iconStyle=${t}></cdtr-video-icon>`;case"list-check":return n.e(6459).then(n.bind(n,16459)),i.qy`<cdtr-list-check-icon iconStyle=${t}></cdtr-list-check-icon>`;case"time":return n.e(307).then(n.bind(n,307)),i.qy`<cdtr-time-icon iconStyle=${t}></cdtr-time-icon>`;case"icons":return i.qy`<cdtr-icon icon="emoji" .width=${18} .height=${18} color="currentColor"></cdtr-icon>`;case"business":return i.qy`<cdtr-icon icon="business" .width=${18} .height=${18} color="currentColor"></cdtr-icon>`;case"modal":return i.qy`<cdtr-icon icon="page" .width=${18} .height=${18} color="currentColor"></cdtr-icon>`;case"popup":return i.qy`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z"></path></svg>`;case"list-settings":return n.e(8676).then(n.bind(n,48676)),i.qy`<cdtr-list-settings-icon iconStyle=${t}></cdtr-list-settings-icon>`;case"automations":return n.e(8305).then(n.bind(n,58305)),i.qy`<cdtr-automation-icon iconStyle=${t}></cdtr-automation-icon>`;case"ai":return i.qy`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20.25 21" preserveAspectRatio="xMidYMid meet">
           <defs><clippath id="ai-clip"><path d="M 0 0.375 L 19.527344 0.375 L 19.527344 19.902344 L 0 19.902344 Z" clip-rule="nonzero"></path></clippath></defs>
           <g clip-path="url(#ai-clip)"><path fill="#9747ff" d="M 12.316406 0.679688 C 12.160156 0.382812 11.734375 0.382812 11.574219 0.679688 L 11.132812 1.507812 C 11.09375 1.582031 11.035156 1.640625 10.960938 1.679688 L 10.128906 2.117188 C 9.828125 2.277344 9.828125 2.699219 10.128906 2.855469 L 10.960938 3.296875 C 11.035156 3.335938 11.09375 3.394531 11.132812 3.46875 L 11.574219 4.296875 C 11.734375 4.59375 12.160156 4.59375 12.316406 4.296875 L 12.757812 3.46875 C 12.800781 3.394531 12.859375 3.335938 12.933594 3.296875 L 13.765625 2.855469 C 14.0625 2.699219 14.0625 2.277344 13.765625 2.117188 L 12.933594 1.679688 C 12.859375 1.640625 12.800781 1.582031 12.757812 1.507812 Z M 15.167969 16.96875 L 16.875 17.617188 L 16.226562 15.917969 Z M 16.882812 13.496094 L 5.136719 1.816406 C 4.15625 0.839844 2.558594 0.839844 1.574219 1.816406 L 0.984375 2.40625 C 0 3.382812 0 4.96875 0.984375 5.949219 L 12.730469 17.625 C 12.929688 17.824219 13.273438 18.039062 13.542969 18.140625 L 17.152344 19.507812 C 18.167969 19.890625 19.164062 18.902344 18.777344 17.890625 L 17.402344 14.300781 C 17.300781 14.035156 17.085938 13.695312 16.882812 13.496094 Z M 15.316406 14.296875 L 5.730469 4.769531 L 3.953125 6.535156 L 13.535156 16.066406 Z M 3.949219 3 L 4.542969 3.585938 L 2.765625 5.355469 L 2.171875 4.765625 C 1.84375 4.441406 1.84375 3.910156 2.171875 3.585938 L 2.761719 3 C 3.089844 2.671875 3.621094 2.671875 3.949219 3 Z M 4.550781 12.996094 C 4.390625 12.699219 3.964844 12.699219 3.808594 12.996094 L 3 14.503906 C 2.960938 14.578125 2.902344 14.640625 2.828125 14.679688 L 1.308594 15.480469 C 1.011719 15.636719 1.011719 16.058594 1.308594 16.214844 L 2.828125 17.015625 C 2.902344 17.054688 2.960938 17.117188 3 17.191406 L 3.808594 18.699219 C 3.964844 18.996094 4.390625 18.996094 4.550781 18.699219 L 5.355469 17.191406 C 5.394531 17.117188 5.453125 17.054688 5.527344 17.015625 L 7.046875 16.214844 C 7.34375 16.058594 7.34375 15.636719 7.046875 15.480469 L 5.527344 14.679688 C 5.453125 14.640625 5.394531 14.578125 5.355469 14.503906 Z M 17.355469 5.480469 C 17.199219 5.183594 16.773438 5.183594 16.613281 5.480469 L 16.027344 6.582031 C 15.988281 6.65625 15.929688 6.714844 15.855469 6.753906 L 14.746094 7.335938 C 14.449219 7.496094 14.449219 7.917969 14.746094 8.074219 L 15.855469 8.660156 C 15.929688 8.699219 15.988281 8.757812 16.027344 8.832031 L 16.613281 9.933594 C 16.773438 10.230469 17.199219 10.230469 17.355469 9.933594 L 17.945312 8.832031 C 17.984375 8.757812 18.042969 8.699219 18.117188 8.660156 L 19.226562 8.074219 C 19.523438 7.917969 19.523438 7.496094 19.226562 7.335938 L 18.117188 6.753906 C 18.042969 6.714844 17.984375 6.65625 17.945312 6.582031 Z" fill-opacity="1" fill-rule="evenodd"></path></g>
         </svg>`;default:return null}}render(){return i.qy`
@@ -32,6 +32,9 @@
       position: relative;
       transition: background var(--duration-fast, 120ms) var(--ease-default, ease);
     }
+    .tab-btn:focus-visible {
+      box-shadow: var(--focus-ring-inset, inset 0 0 0 2px #6366f1);
+    }
     .tab-btn:hover:not(.selected) {
       background: var(--color-bg-muted, #eeeef0);
     }

package/dist/8250.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8250],{78250(e,t,o){o.d(t,{default:()=>l});const a=e=>{{const{component:t,commands:o,helpers:a}=e;return{select:e=>{let{changeTab:t,tab:o}=e},tabs:e=>{const t=[{text:"time"},{text:"design"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:a,changeTab:r,tabs:n}=e;const l=t.parent("col");return[{type:"datetime",value:t.props.date,active:"time"===a.text,onChange:e=>{const t=e.target.value;o.execCommand("date",t.toString())}},{type:"slider",title:"width",max:l.element.offsetWidth,min:100,value:parseFloat(t.props.containerWidth),active:"design"===a.text,onInput:e=>{const t=e.target.value;o.execCommand("containerWidth",t+"px")}},{type:"divider",active:"design"===a.text},{type:"heading",level:5,text:"numbers"},{type:"fontFamily",title:"font",value:t.props.numberFontFamily,onChange:e=>{const t=e.target.value;o.execCommand("numberFontFamily",t)}},{type:"slider",title:"size",max:100,min:10,value:parseFloat(t.props.numberSize),onInput:e=>{const t=e.target.value;o.execCommand("numberSize",t+"px")}},{type:"colorpicker",title:"color",value:t.props.numberColor,onChange:e=>{const t=e.target.value;o.execCommand("numberColor",t)}},{type:"divider"},{type:"heading",level:5,text:"labels"},{type:"checkbox",title:"counterTitle",checked:t.props.hasLabels,onChange:e=>{const t=e.target.checked;o.execCommand("hasLabels",t)}},{type:"fontFamily",title:"font",value:t.props.labelFontFamily,onChange:e=>{const t=e.target.value;o.execCommand("labelFontFamily",t)}},{type:"slider",title:"size",max:100,min:10,value:parseFloat(t.props.labelSize),onInput:e=>{const t=e.target.value;o.execCommand("labelSize",t+"px")}},{type:"colorpicker",title:"color",value:t.props.labelColor,onChange:e=>{const t=e.target.value;o.execCommand("labelColor",t)}},{type:"divider"},{type:"heading",level:5,text:"border"},{type:"colorpicker",title:"color",value:t.props.borderColor,onChange:e=>{const t=e.target.value;o.execCommand("borderColor",t)}},{type:"slider",title:"size",max:10,min:0,value:parseFloat(t.props.colBorderSize),onInput:e=>{const t=e.target.value;o.execCommand("colBorderSize",t+"px")}},{type:"borderpicker",title:"style",value:t.props.borderStyle,onChange:e=>{const t=e.target.value;o.execCommand("colBorderStyle",t)}},{type:"colorpicker",title:"background",value:t.props.colBg,onChange:e=>{const t=e.target.value;o.execCommand("colBg",t)}}]}}}};var r=o(52144);const n=e=>{let{helpers:t,template:o,countdown:a}=e;return{set:(e,t,o)=>{switch(t){case"containerWidth":case"numberFontFamily":case"colorpicker":case"labelSize":case"labelColor":case"colBg":case"numberSize":case"numberColor":case"colBorderSize":case"colBorderColor":case"hasLabels":case"colBorderSize":case"labelFontFamily":case"numberFontFamily":return a[t]=e[t]=o,!0;case"style":return e[t]=(0,r.A)(e[t],o),!0}}}};(function(e,t){try{const o=document.head.querySelector(`script[src="${e}"]`);if(o){const e=parseInt(o.dataset.requested,10)||1;return o.dataset.requested=String(e+1),void("function"==typeof t&&t())}const a=document.createElement("script");a.type=e.includes("?module")?"module":"text/javascript",a.dataset.loaded="false",a.async=!0,a.defer=!0,a.src=e,a.addEventListener("load",()=>{a.dataset.loaded="true",a.dataset.requested=String((parseInt(a.dataset.requested,10)||0)+1),"function"==typeof t&&t()},{once:!0}),a.addEventListener("error",()=>{a.dataset.error="true"},{once:!0}),document.head.appendChild(a)}catch(e){console.error("loadScript:",e)}})("https://unpkg.com/@creaditor/countdown@latest/dist/countdown-element.js?module");const l=()=>{const e="countdown";return{name:e,create:t=>{let{createElement:o,compose:r,helpers:l}=t;const{arrayToString:c,mergeDiff:s}=l,d=r.props,i=document.createElement("div"),p=document.createElement("countdown-element");return i.append(p),o({name:e,id:r.id,template:i,render:()=>{!function(){for(const e in d)if(Object.hasOwnProperty.call(d,e)){const t=d[e];p[e]=t}}(),s(p,{style:r.props.style})},defaultProps:{hasColons:!0,hasLabels:!0,data:"",language:"he",style:{},classList:[],containerWidth:"400px",containerBg:"transparent",containerRadius:"0",colBg:"transparent",colBorderStyle:"none",colBorderSize:"0",colBorderColor:"none",colBorderPadding:"0",colBorderRadius:"100px",numberSize:"30px",numberColor:"black",numberFontFamily:"Arial",labelSize:"14px",labelColor:"black",labelfontFamily:"Arial"},validator:n({template:i,helpers:l,countdown:p}),draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,schema:r.schema,onSelect:e=>{p.classList.add(e)},onDeselect:e=>{p.classList.remove(e)},elementProps:r,remove:()=>{i.remove()},createEditor:a})}}}}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8250],{78250(e,t,o){o.d(t,{default:()=>l});const a=e=>{{const{component:t,commands:o,helpers:a}=e;return{select:e=>{let{changeTab:t,tab:o}=e},tabs:e=>{const t=[{text:"time"},{text:"style"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:a,changeTab:r,tabs:n}=e;const l=t.parent("col");return[{type:"datetime",value:t.props.date,active:"time"===a.text,onChange:e=>{const t=e.target.value;o.execCommand("date",t.toString())}},{type:"slider",title:"width",max:l.element.offsetWidth,min:100,value:parseFloat(t.props.containerWidth),active:"style"===a.text,onInput:e=>{const t=e.target.value;o.execCommand("containerWidth",t+"px")}},{type:"divider",active:"style"===a.text},{type:"heading",level:5,text:"numbers"},{type:"fontFamily",title:"font",value:t.props.numberFontFamily,onChange:e=>{const t=e.target.value;o.execCommand("numberFontFamily",t)}},{type:"slider",title:"size",max:100,min:10,value:parseFloat(t.props.numberSize),onInput:e=>{const t=e.target.value;o.execCommand("numberSize",t+"px")}},{type:"colorpicker",title:"color",value:t.props.numberColor,onChange:e=>{const t=e.target.value;o.execCommand("numberColor",t)}},{type:"divider"},{type:"heading",level:5,text:"labels"},{type:"checkbox",title:"counterTitle",checked:t.props.hasLabels,onChange:e=>{const t=e.target.checked;o.execCommand("hasLabels",t)}},{type:"fontFamily",title:"font",value:t.props.labelFontFamily,onChange:e=>{const t=e.target.value;o.execCommand("labelFontFamily",t)}},{type:"slider",title:"size",max:100,min:10,value:parseFloat(t.props.labelSize),onInput:e=>{const t=e.target.value;o.execCommand("labelSize",t+"px")}},{type:"colorpicker",title:"color",value:t.props.labelColor,onChange:e=>{const t=e.target.value;o.execCommand("labelColor",t)}},{type:"divider"},{type:"heading",level:5,text:"border"},{type:"colorpicker",title:"color",value:t.props.borderColor,onChange:e=>{const t=e.target.value;o.execCommand("borderColor",t)}},{type:"slider",title:"size",max:10,min:0,value:parseFloat(t.props.colBorderSize),onInput:e=>{const t=e.target.value;o.execCommand("colBorderSize",t+"px")}},{type:"borderpicker",title:"style",value:t.props.borderStyle,onChange:e=>{const t=e.target.value;o.execCommand("colBorderStyle",t)}},{type:"colorpicker",title:"background",value:t.props.colBg,onChange:e=>{const t=e.target.value;o.execCommand("colBg",t)}}]}}}};var r=o(52144);const n=e=>{let{helpers:t,template:o,countdown:a}=e;return{set:(e,t,o)=>{switch(t){case"containerWidth":case"numberFontFamily":case"colorpicker":case"labelSize":case"labelColor":case"colBg":case"numberSize":case"numberColor":case"colBorderSize":case"colBorderColor":case"hasLabels":case"colBorderSize":case"labelFontFamily":case"numberFontFamily":return a[t]=e[t]=o,!0;case"style":return e[t]=(0,r.A)(e[t],o),!0}}}};(function(e,t){try{const o=document.head.querySelector(`script[src="${e}"]`);if(o){const e=parseInt(o.dataset.requested,10)||1;return o.dataset.requested=String(e+1),void("function"==typeof t&&t())}const a=document.createElement("script");a.type=e.includes("?module")?"module":"text/javascript",a.dataset.loaded="false",a.async=!0,a.defer=!0,a.src=e,a.addEventListener("load",()=>{a.dataset.loaded="true",a.dataset.requested=String((parseInt(a.dataset.requested,10)||0)+1),"function"==typeof t&&t()},{once:!0}),a.addEventListener("error",()=>{a.dataset.error="true"},{once:!0}),document.head.appendChild(a)}catch(e){console.error("loadScript:",e)}})("https://unpkg.com/@creaditor/countdown@latest/dist/countdown-element.js?module");const l=()=>{const e="countdown";return{name:e,create:t=>{let{createElement:o,compose:r,helpers:l}=t;const{arrayToString:c,mergeDiff:s}=l,d=r.props,i=document.createElement("div"),p=document.createElement("countdown-element");return i.append(p),o({name:e,id:r.id,template:i,render:()=>{!function(){for(const e in d)if(Object.hasOwnProperty.call(d,e)){const t=d[e];p[e]=t}}(),s(p,{style:r.props.style})},defaultProps:{hasColons:!0,hasLabels:!0,data:"",language:"he",style:{},classList:[],containerWidth:"400px",containerBg:"transparent",containerRadius:"0",colBg:"transparent",colBorderStyle:"none",colBorderSize:"0",colBorderColor:"none",colBorderPadding:"0",colBorderRadius:"100px",numberSize:"30px",numberColor:"black",numberFontFamily:"Arial",labelSize:"14px",labelColor:"black",labelfontFamily:"Arial"},validator:n({template:i,helpers:l,countdown:p}),draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,schema:r.schema,onSelect:e=>{p.classList.add(e)},onDeselect:e=>{p.classList.remove(e)},elementProps:r,remove:()=>{i.remove()},createEditor:a})}}}}}]);

package/dist/8646.creaditor.bundle.js

@@ -12,7 +12,7 @@
             <div class="header">
               <paper-button
                 @click=${this.onClose}
-                style="padding:6px;z-index:3;position:absolute;left:0;min-width:20px;"
+                style="padding:0;z-index:3;min-width:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-inline-start:8px;"
               >
                 <cdtr-close-icon class="close-icon" icon="close">
                 </cdtr-close-icon>
@@ -38,25 +38,30 @@
       display: none !important;
     }
     .header-text {
-      margin: 12px;
-      font-size: 18px;
-      font-family: Arial;
+      margin: 0;
+      font-size: var(--text-lg, 16px);
+      font-weight: 600;
+      font-family: var(--font-sans, -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
       text-align: right;
       display: block;
       width: 95%;
       position: absolute;
-      top: 0;
+      top: 50%;
       left: 0;
+      transform: translateY(-50%);
+      padding: 0 var(--space-4, 16px);
       direction: var(--direction-locale);
+      box-sizing: border-box;
+      color: var(--color-text, #1a1a1f);
     }
     .drawer {
       width: ${500}px;
       height: 100vh;
-      background: #fff;
+      background: var(--color-bg, #fff);
       position: absolute;
       right: 0;
-      transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      transition: width 0.28s var(--ease-default, cubic-bezier(0.4, 0, 0.2, 1));
+      box-shadow: var(--shadow-lg, rgba(0, 0, 0, 0.24) 0px 3px 8px);
       -webkit-animation: slide-in 0.5s forwards;
       -webkit-animation-delay: 2s;
       animation: slide-in 0.5s forwards;
@@ -67,31 +72,22 @@
       animation: slide-out 0.5s forwards;
     }
     .header {
-      min-height: 40px;
-      margin: 1px;
+      height: 48px;
       width: 100%;
-      padding: 4.4px 0;
-      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
-        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
+      border-bottom: 1px solid var(--color-border, #e8e8ec);
+      display: flex;
+      align-items: center;
+      position: relative;
+      box-sizing: border-box;
     }
     .body {
       width: 100%;
-      height: 100vh;
+      height: calc(100vh - 48px);
       overflow: hidden;
     }
     .close-button {
       cursor: pointer;
     }
-    .close-button:hover {
-      -webkit-animation: rotate 0.5s forwards;
-      -webkit-animation-delay: 2s;
-      animation: rotate 0.5s forwards;
-    }
-    @keyframes rotate {
-      100% {
-        transform: rotate(180deg);
-      }
-    }
     @-webkit-keyframes slide-in {
       100% {
         transform: rotate(180deg);