@creaditor/newsletter-starterkit 1.0.0

package/dist/8718.creaditor.bundle.js

@@ -0,0 +1,93 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8718],{85910:(e,t,i)=>{i.r(t),i.d(t,{EditorImageCard:()=>d});var r=i(56666),o=i(40949),s=i(8427),a=i(61828);class d extends s.oi{constructor(){super(),(0,r.Z)(this,"previewModalRef",(0,a.V)()),this.type="image",this.name="",this.liked=!1,this.imageOptions=[{index:1,value:"delete",onClick:()=>{this.onFileOption("delete")}}]}onFileOption(e){if(this.dialog&&this.dialog.remove(),"preview"===e)"image"===this.type?this.isPreview=!0:window.open(this.src);else if("delete"===e)if("folder"===this.type)this.dispatchEvent(new CustomEvent("deleteFolder",{}));else this.dispatchEvent(new CustomEvent("deleteFile",{}))}firstUpdated(){super.firstUpdated(),"folder"!==this.type&&this.imageOptions.unshift({index:0,value:"preview",onClick:()=>{this.onFileOption("preview")}})}previewFactory(){if("image"===this.type)return(0,o.Z)("img",{loading:"lazy",style:"height: 500px; width: auto; max-width: 95%; margin: auto; display: block;",alt:this.name,src:this.src})}factory(){switch(this.type){case"image":return s.dy`<img alt=${this.name} src="${this.src}" />`;case"audio":case"video":case"pdf":default:break;case"folder":return s.dy`<cdtr-folder-icon
+          width="100"
+          height="100"
+        ></cdtr-folder-icon>`}}like(){const e={detail:!this.like,bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("like",e))}render(){return s.dy`
+      <div class="wrapper ${this.selected?"selected":""}">
+        ${this.controls?s.dy`<div class="controls">
+              <cdtr-dropdown>
+                <paper-button slot="trigger" class="fab">
+                  <cdtr-more-icon></cdtr-more-icon>
+                </paper-button>
+                <div slot="content">
+                  ${this.imageOptions.map((e=>s.dy`<cdtr-dropdown-item @click=${e.onClick} .value="${e.value}"
+                      ><lang-text text="${e.value}"></lang-text>
+                    </cdtr-dropdown-item>`))}
+                </div>
+              </cdtr-dropdown>
+
+              ${"folder"!==this.type?s.dy` <paper-button @click=${this.like} class="fab">
+                    <cdtr-heart-icon .full=${this.liked}></cdtr-heart-icon>
+                  </paper-button>`:null}
+            </div>`:null}
+        ${this.factory()}
+        <cdtr-title class="name">${this.name}</cdtr-title>
+        <cdtr-title class="size">${this.subTitle}</cdtr-title>
+      </div>
+      <paper-dialog
+        @click=${()=>this.isPreview=!1}
+        ?opened=${this.isPreview}
+      >
+        ${this.previewFactory()}
+      </paper-dialog>
+    `}}(0,r.Z)(d,"styles",s.iv`
+    .wrapper {
+      position: relative;
+      overflow: hidden;
+      margin: 1px;
+    }
+    .selected {
+      background: var(--alpha);
+      outline: 1px solid var(--primary);
+    }
+    .name {
+      width: 100%;
+      text-align:  center;
+    }
+    .wrapper:hover {
+      background: var(--alpha);
+      border-radius: 0.2rem;
+    }
+    .controls {
+      opacity: 0;
+      position: absolute;
+      top: 0;
+      left: 0;
+      display: flex;
+      z-index: 3;
+    }
+    vaadin-context-menu-list-box {
+      text-align: right;
+    }
+    cdtr-more-icon,
+    cdtr-heart-icon {
+      --cdtr-icon-color: #fff;
+    }
+    img {
+      width: 100%;
+      height: 100px;
+      object-fit: contain;
+    }
+    .fab {
+      border-radius: 50px;
+      padding: 3px;
+      min-width: 30px;
+      background: var(--dark);
+      display: flex;
+      align-items: center;
+    }
+    .wrapper:hover .controls {
+      opacity: 1;
+    }
+
+    .name {
+      width: 100px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-size: 11px;
+    }
+    .size {
+      color: grey;
+      font-size: 10px;
+    }
+  `),(0,r.Z)(d,"properties",{type:{type:String},src:{type:String},name:{type:String},subTitle:{type:String},liked:{type:Boolean},controls:{type:Boolean},selected:{type:Boolean},isPreview:{type:Boolean}}),customElements.define("cdtr-editor-media-card",d)}}]);

package/dist/8724.creaditor.bundle.js

@@ -0,0 +1,15 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8724],{88724:(t,e,n)=>{n.r(e),n.d(e,{RadiusEditorPlugin:()=>i});var r=n(56666),s=n(21293),d=n(45607);n(70235);class i extends s.oi{constructor(){super(),this.onConnect=this.onConnect.bind(this)}onConnect(){const t=d.Z.getSelectedComponent();if(t.length>0){const e=t[0],n=e.props?.style?.borderRadius;this.radius=parseInt(n)||0}}onChangeRadius(t){const e=t.target.value;d.Z.execCommand("style",{borderRadius:e+"px"})}connectedCallback(){super.connectedCallback(),d.Z.on("update",this.onConnect),this.onConnect()}disconnectedCallback(){super.disconnectedCallback(),d.Z.off("update",this.onConnect)}render(){return s.dy`
+      <cdtr-row mt="1">
+        <cdtr-title><lang-text text="radius"></lang-text></cdtr-title>
+      </cdtr-row>
+      <cdtr-row>
+        <cdtr-input></cdtr-input>
+        <!-- <cdtr-range-input
+          .value=${this.radius}
+          @input=${this.onChangeRadius}
+          max="100"
+          min="0"
+          step="1"
+        ></cdtr-range-input> -->
+      </cdtr-row>
+    `}}(0,r.Z)(i,"properties",{radius:{type:Number}}),(0,r.Z)(i,"styles",s.iv``),customElements.define("cdtr-radius-editor-plugin",i)}}]);

package/dist/8885.creaditor.bundle.js

@@ -0,0 +1,23 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8885],{98885:(t,i,e)=>{e.r(i),e.d(i,{ListSettingsLineIcon:()=>n});var h=e(56666),s=e(21293);class n extends s.oi{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return s.dy`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      style="${this.iconStyle}"
+      width="${this.width}"
+      height="${this.height}"
+    >
+      <path fill="none" d="M0 0h24v24H0z" />
+      <path
+        d="M2 18h7v2H2v-2zm0-7h9v2H2v-2zm0-7h20v2H2V4zm18.674 9.025l1.156-.391 1 1.732-.916.805a4.017 4.017 0 0 1 0 1.658l.916.805-1 1.732-1.156-.391c-.41.37-.898.655-1.435.83L19 21h-2l-.24-1.196a3.996 3.996 0 0 1-1.434-.83l-1.156.392-1-1.732.916-.805a4.017 4.017 0 0 1 0-1.658l-.916-.805 1-1.732 1.156.391c.41-.37.898-.655 1.435-.83L17 11h2l.24 1.196c.536.174 1.024.46 1.434.83zM18 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+      />
+    </svg>`}}(0,h.Z)(n,"styles",s.iv`
+    :host {
+      display: inherit;
+      --cdtr-icon-width: 20px;
+      --cdtr-icon-height: 20px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      color: var(--cdtr-icon-color);
+    }
+  `),(0,h.Z)(n,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-list-settings-icon",n)}}]);

package/dist/9000.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9e3],{99e3:(e,t,o)=>{o.r(t),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(46245);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.Z)(e[t],o),!0}}}};((e,t)=>{try{const o=document.head.querySelector(`script[src='${e}']`);if(o){const n=parseInt(o.dataset.requested)||1;return o.setAttribute("data-requested",String(n+1)),o.getAttribute("data-loaded"),void("function"==typeof t&&t())}const a=document.createElement("script");function r(e){e.addEventListener("load",(()=>{e.setAttribute("data-loaded","true");const o=parseInt(e.dataset.requested)||0;e.setAttribute("data-requested",String(o+1)),"function"==typeof t&&t()}),{once:!0})}a.type="text/javascript",a.setAttribute("data-loaded","false"),a.async=!0,a.defer=!0,-1!==e.indexOf("?module")&&(a.type="module"),a.src=e,r(a),a.addEventListener("error",(()=>{a.setAttribute("data-error","true")}),{once:!0}),document.getElementsByTagName("head")[0].appendChild(a)}catch(l){console.error(l)}})("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,i=r.props,d=document.createElement("div"),p=document.createElement("countdown-element");return d.append(p),o({name:e,id:r.id,template:d,render:()=>{!function(){for(const e in i)if(Object.hasOwnProperty.call(i,e)){const t=i[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:d,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:()=>{d.remove()},createEditor:a})}}}}}]);

package/dist/9001.creaditor.bundle.js

@@ -0,0 +1,12 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9001],{59001:(t,e,i)=>{i.r(e),i.d(e,{DesignFactory:()=>l});var o=i(56666),r=i(40949),n=i(21293),s=(i(58860),i(45607)),d=i(59320),c=i(70235);i.e(8312).then(i.bind(i,8312));class l extends n.oi{constructor(){super(),this.lastEditor=null,c.h.set({injectEditor:t=>{this.injected=!0,this.lastEditor=this.editor,this.backToEditor=this.editor,this.editor=t}}),this.editor=n.dy`<cdtr-ilustration-preference
+      width="200px"
+      height="200px"
+    ></cdtr-ilustration-preference>`,this.delayer=new d.Z,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(9766).then(i.bind(i,29766)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(6491).then(i.bind(i,36491)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,s.Z.on("select",this.connect)}connect(t){let{editor:e}=t;if(!e)return;let i=e.type;if("string"!=typeof i)return;if(this.editor?.type===i)return;if(!this.editors[i]){const t=c.h.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find((t=>t.name===i));if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=i;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}i="no_editor"}this.type=i;const o=(0,r.Z)("div",null,(0,r.Z)("cdtr-block-loader",null),(0,r.Z)("cdtr-title",{style:"text-align:center;"},(0,r.Z)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[i]&&!this.editors[i].component&&(this.editors[i].load().then((()=>{if(o.remove(),this.editors[i].attrs)for(const t in this.editors[i].attrs)if(Object.hasOwnProperty.call(this.editors[i].attrs,t)){const e=this.editors[i].attrs[t];this.editors[i].component[t]=e}})),this.editors[i].component=document.createElement(this.editors[i].selector),this.editors[i].component.appendChild(o)),this.editors[i].component&&(this.editor=this.editors[i].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null)}createRenderRoot(){return this}render(){return n.dy` ${this.lastEditor?n.dy`        <cdtr-row justify="end">
+          <paper-button
+            @click=${this.goBack}
+            style="margin:.5rem 0;padding:0;min-width:0;direction:var(--direction-locale);"
+            ><cdtr-arrow-icon></cdtr-arrow-icon
+            ><lang-text style="font-weight:700;" text="go_back"></lang-text
+          ></paper-button>
+        </cdtr-row>`:""}
+    ${this.editor}`}}(0,o.Z)(l,"properties",{type:{type:String},editor:{type:Object},injected:{type:Boolean}}),customElements.define("design-factory",l)}}]);

package/dist/901.creaditor.bundle.js

@@ -0,0 +1,274 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[901],{20901:(e,t,r)=>{r.r(t),r.d(t,{PexelsGallery:()=>n});var o=r(56666),a=r(8427),s=(r(70235),r(9085)),l=(r(36351),r(61828),r(59051));const i="jUU57RHRVmWvXd22MBjQkDhcf9Prkbufc6KXUChhrEIOr6IqNeNvMOUl",c="https://api.pexels.com/v1/search",h=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20;return fetch(`${c}?query=${encodeURIComponent(e)}&page=${t}&per_page=${r}`,{method:"GET",headers:{Authorization:i,"Content-Type":"application/json"}})};class n extends a.oi{constructor(){super(),this.images=[],this.loading=!1,this.searchQuery="",this.page=1,this.hasMore=!0,this.perPage=20,this.multi=!0,this.selectedColor="",this.defaultSearchTerms=["nature","landscape","city","people","technology","food","architecture","travel","business","art"],this.colorOptions=[{name:"Red",value:"red",hex:"#ff0000"},{name:"Orange",value:"orange",hex:"#ff8000"},{name:"Yellow",value:"yellow",hex:"#ffff00"},{name:"Green",value:"green",hex:"#00ff00"},{name:"Blue",value:"blue",hex:"#0000ff"},{name:"Purple",value:"purple",hex:"#8000ff"},{name:"Pink",value:"pink",hex:"#ff0080"},{name:"Brown",value:"brown",hex:"#8b4513"},{name:"Black",value:"black",hex:"#000000"},{name:"White",value:"white",hex:"#ffffff"},{name:"Gray",value:"gray",hex:"#808080"},{name:"Teal",value:"teal",hex:"#008080"},{name:"Navy",value:"navy",hex:"#000080"},{name:"Maroon",value:"maroon",hex:"#800000"},{name:"Olive",value:"olive",hex:"#808000"},{name:"Lime",value:"lime",hex:"#00ff00"},{name:"Aqua",value:"aqua",hex:"#00ffff"},{name:"Silver",value:"silver",hex:"#c0c0c0"},{name:"Fuchsia",value:"fuchsia",hex:"#ff00ff"},{name:"Coral",value:"coral",hex:"#ff7f50"},{name:"Gold",value:"gold",hex:"#ffd700"},{name:"Indigo",value:"indigo",hex:"#4b0082"},{name:"Violet",value:"violet",hex:"#ee82ee"},{name:"Cyan",value:"cyan",hex:"#00ffff"},{name:"Magenta",value:"magenta",hex:"#ff00ff"}],this.cacheKey="pexels-gallery-cache",this.cacheExpiry=864e5,this.isTyping=!1,this.lastSearchQuery="",this.searchTimeout=null}connectedCallback(){super.connectedCallback(),this.loadFromCache()}getCacheData(){try{const e=localStorage.getItem(this.cacheKey);if(!e)return null;const t=JSON.parse(e),r=Date.now();return t.timestamp&&r-t.timestamp>this.cacheExpiry?(localStorage.removeItem(this.cacheKey),null):t}catch(e){return console.error("Error reading cache:",e),null}}saveToCache(){if(!this.isTyping)try{const e={images:this.images,searchQuery:this.searchQuery,selectedColor:this.selectedColor,page:this.page,hasMore:this.hasMore,timestamp:Date.now()};localStorage.setItem(this.cacheKey,JSON.stringify(e))}catch(e){console.error("Error saving to cache:",e)}}loadFromCache(){const e=this.getCacheData();e?(this.images=e.images||[],this.searchQuery=e.searchQuery||"",this.selectedColor=e.selectedColor||"",this.page=e.page||1,this.hasMore=void 0===e.hasMore||e.hasMore,console.log("Gallery state restored from cache"),this.requestUpdate(),this.updateComplete.then((()=>{this.updateSearchInput()}))):this.loadRandomImages()}updateSearchInput(){const e=this.shadowRoot?.querySelector('cdtr-input[type="search"]');e&&(e.value=this.searchQuery)}async loadRandomImages(){this.loading=!0;try{const e=this.defaultSearchTerms[Math.floor(Math.random()*this.defaultSearchTerms.length)],t=await h(e,1,this.perPage);if(t.ok){const e=await t.json();this.images=e.photos||[],this.hasMore=e.photos&&e.photos.length===this.perPage,this.searchQuery="",this.selectedColor="",this.page=1,this.saveToCache()}else console.error("Failed to load images from Pexels"),this.images=[]}catch(e){console.error("Error loading images:",e),this.images=[]}finally{this.loading=!1}}async searchImages(e){if(!e.trim())return this.loadRandomImages();this.loading=!0,this.searchQuery=e,this.page=1;try{const t=await h(e,1,this.perPage);if(t.ok){const e=await t.json();this.images=e.photos||[],this.hasMore=e.photos&&e.photos.length===this.perPage,this.saveToCache()}else console.error("Failed to search images from Pexels"),this.images=[]}catch(e){console.error("Error searching images:",e),this.images=[]}finally{this.loading=!1}}async loadMoreImages(){if(!this.loading&&this.hasMore){this.loading=!0,this.page++;try{let e;if(this.selectedColor&&"all"!==this.selectedColor){let t=this.removeColorFilters(this.searchQuery);e=t.trim()?`${t} ${this.selectedColor}`:this.selectedColor}else{e=this.removeColorFilters(this.searchQuery)||this.defaultSearchTerms[Math.floor(Math.random()*this.defaultSearchTerms.length)]}const t=await h(e,this.page,this.perPage);if(t.ok){const e=(await t.json()).photos||[];this.images=[...this.images,...e],this.hasMore=e.length===this.perPage,this.saveToCache()}}catch(e){console.error("Error loading more images:",e)}finally{this.loading=!1}}}onSearch(e){const t=e.target.value;this.isTyping=!0,t!==this.lastSearchQuery&&(this.lastSearchQuery=t,this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.isTyping=!1,this.searchWithColor(t,this.selectedColor)}),500))}onSelectImage(e){const t=`Photo by ${e.photographer} on Pexels`,r=`Photo by <a href="${e.photographer_url}" target="_blank" rel="noopener noreferrer">${e.photographer}</a> on <a href="${e.url}" target="_blank" rel="noopener noreferrer">Pexels</a>`,o={detail:{id:e.id,src:e.src.medium||e.src.large||e.src.original,name:`Pexels Image ${e.id}`,size:`${e.width}x${e.height}`,photographer:e.photographer,photographerUrl:e.photographer_url,pexelsUrl:e.url,alt:e.alt||`Photo by ${e.photographer} on Pexels`,attributionText:t,attributionHtml:r},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",o))}sendSelectedImages(){const e={detail:this.images.filter((e=>e.selected)).map((e=>{const t=`Photo by ${e.photographer} on Pexels`,r=`Photo by <a href="${e.photographer_url}" target="_blank" rel="noopener noreferrer">${e.photographer}</a> on <a href="${e.url}" target="_blank" rel="noopener noreferrer">Pexels</a>`;return{id:e.id,src:e.src.medium||e.src.large||e.src.original,name:`Pexels Image ${e.id}`,size:`${e.width}x${e.height}`,photographer:e.photographer,photographerUrl:e.photographer_url,pexelsUrl:e.url,alt:e.alt||`Photo by ${e.photographer} on Pexels`,attributionText:t,attributionHtml:r}})),bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",e))}onScroll(e){const t=e.target;t.scrollTop+t.offsetHeight>=t.scrollHeight-50&&this.loadMoreImages()}clearCache(){localStorage.removeItem(this.cacheKey),console.log("Gallery cache cleared")}onColorChange(e){console.log("Color change event:",e);const t=e.target.value;console.log("Selected color:",t),this.selectedColor="all"===t?"":t;const r=this.searchQuery||"";this.searchWithColor(r,this.selectedColor)}searchWithColor(e,t){if(t&&"all"!==t){let r=this.removeColorFilters(e),o=r.trim()?`${r} ${t}`:t;this.searchImages(o)}else{let t=this.removeColorFilters(e);this.searchImages(t)}}removeColorFilters(e){if(!e)return"";const t=this.colorOptions.map((e=>e.value));return e.split(" ").filter((e=>{const r=e.toLowerCase().trim();return!t.includes(r)})).join(" ").trim()}getSelectedColorName(){if(!this.selectedColor)return"Filter by color";const e=this.colorOptions.find((e=>e.value===this.selectedColor));return e?e.name:"Filter by color"}getSelectedColorHex(){if(!this.selectedColor)return"#666";const e=this.colorOptions.find((e=>e.value===this.selectedColor));return e?e.hex:"#666"}render(){return a.dy`
+      <div class="gallery-container">
+        <cdtr-row alignItems="center">
+          <cdtr-input
+            type="search"
+            @input=${this.onSearch}
+            placeholder="Search images..."
+            class="search"
+          ></cdtr-input>
+
+          <div class="divider-y"></div>
+
+          <!-- Color Filter Dropdown -->
+          <div class="color-dropdown">
+            <cdtr-dropdown
+              .value=${this.selectedColor||""}
+              @change=${this.onColorChange}
+            >
+              <paper-button slot="trigger">
+                <div
+                  class="color-preview"
+                  style="background-color: ${this.getSelectedColorHex()}"
+                ></div>
+              </paper-button>
+              <div slot="content">
+                <cdtr-dropdown-item
+                  value="all"
+                  .selected=${!this.selectedColor}
+                >
+                  <div
+                    class="color-circle"
+                    style="background-color: transparent; border: 2px dashed #ccc;"
+                  ></div>
+                  <span style="margin-left: 8px; font-size: 12px;">All Colors</span>
+                </cdtr-dropdown-item>
+                ${this.colorOptions.map((e=>a.dy`
+                    <cdtr-dropdown-item
+                      value="${e.value}"
+                      .selected=${this.selectedColor===e.value}
+                    >
+                      <div
+                        class="color-circle"
+                        style="background-color: ${e.hex}"
+                      ></div>
+                      <span style="margin-left: 8px; font-size: 12px;">${e.name}</span>
+                    </cdtr-dropdown-item>
+                  `))}
+              </div>
+            </cdtr-dropdown>
+          </div>
+
+          <paper-button @click=${this.loadRandomImages} class="icon-btn">
+            <cdtr-tooltip delay="500,0" arrow=${!1} content="refresh">
+              <cdtr-refresh-icon></cdtr-refresh-icon>
+            </cdtr-tooltip>
+          </paper-button>
+        </cdtr-row>
+
+        <cdtr-row mt="2" alignItems="center" justify="space-between">
+          <div class="pexels-header-credit">
+            <div class="status-indicator">
+              <div class="connected-dot"></div>
+            </div>
+            <div class="credit-content">
+              <span class="credit-text">Powered by </span>
+              <a
+                href="https://www.pexels.com"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="pexels-header-link"
+              >
+                Pexels
+              </a>
+            </div>
+          </div>
+        </cdtr-row>
+
+        <cdtr-row mt="2" justify="space-between">
+          <cdtr-col sm="12">
+            <cdtr-row
+              @scroll=${this.onScroll}
+              class="scroll-body"
+              justify="space-evenly"
+            >
+              ${this.loading&&0===this.images.length?a.dy`<cdtr-col sm="12">
+                    <cdtr-row justify="center">
+                      <cdtr-spinner></cdtr-spinner>
+                      <lang-text text="loading"></lang-text>
+                    </cdtr-row>
+                  </cdtr-col>`:(0,s.r)(this.images||[],(e=>e.id),((e,t)=>a.dy`<cdtr-col class="file-col" sm="3">
+                        <cdtr-editor-media-card
+                          @dblclick=${()=>this.onSelectImage(e)}
+                          @click=${t=>{t.shiftKey&&this.multi||this.images.forEach((e=>e.selected=!1)),e.selected=!e.selected,this.images=[...this.images],this.isTyping||this.saveToCache()}}
+                          .selected=${e.selected}
+                          .controls=${!1}
+                          src=${e.src.medium||e.src.large||e.src.original}
+                          name=${`Photo by ${e.photographer}`}
+                          subTitle=${`${e.width}x${e.height}`}
+                        >
+                          <div slot="footer" class="pexels-credit">
+                            <a
+                              href="${e.photographer_url}"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              class="photographer-link"
+                            >
+                              ${e.photographer}
+                            </a>
+                            <span class="credit-text"> on </span>
+                            <a
+                              href="${e.url}"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              class="pexels-link"
+                            >
+                              Pexels
+                            </a>
+                          </div>
+                        </cdtr-editor-media-card>
+                      </cdtr-col>`))}
+              ${this.loading&&this.images.length>0?a.dy`<cdtr-col sm="12">
+                    <cdtr-row justify="center">
+                      <cdtr-spinner></cdtr-spinner>
+                      <lang-text text="loadingMore"></lang-text>
+                    </cdtr-row>
+                  </cdtr-col>`:null}
+            </cdtr-row>
+          </cdtr-col>
+        </cdtr-row>
+
+        <cdtr-row alignItems="center" justify="flex-start" class="footer">
+          <paper-button @click=${this.sendSelectedImages} class="add-btn">
+            <lang-text text="choose"></lang-text>
+          </paper-button>
+        </cdtr-row>
+      </div>
+    `}}(0,o.Z)(n,"styles",[l.$,a.iv`
+      :host {
+        --alpha: rgba(0, 123, 255, 0.1);
+        --primary: #007bff;
+      }
+
+      .color-dropdown {
+        display: inline-block;
+      }
+
+      .color-preview {
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        border: 2px solid white;
+        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+        display: inline-block;
+      }
+
+      .color-circle {
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        border: 2px solid white;
+        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+        display: inline-block;
+      }
+
+      .clear-color {
+        color: #666;
+        font-style: italic;
+      }
+      .pexels-credit {
+        position: absolute;
+        bottom: 5px;
+        left: 5px;
+        right: 5px;
+        background: rgba(0, 0, 0, 0.7);
+        color: white;
+        padding: 4px 8px;
+        border-radius: 4px;
+        font-size: 10px;
+        text-align: center;
+        opacity: 0;
+        transition: opacity 0.2s ease;
+      }
+
+      .file-col:hover .pexels-credit {
+        opacity: 1;
+      }
+
+      .photographer-link,
+      .pexels-link {
+        color: #fff;
+        text-decoration: none;
+        font-weight: 500;
+      }
+
+      .photographer-link:hover,
+      .pexels-link:hover {
+        text-decoration: underline;
+      }
+
+      .credit-text {
+        color: rgba(255, 255, 255, 0.8);
+      }
+
+      .pexels-header-credit {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(10px);
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-radius: 12px;
+        padding: 6px 12px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        transition: all 0.2s ease;
+        font-size: 11px;
+        font-weight: 500;
+        letter-spacing: 0.3px;
+      }
+
+      .pexels-header-credit:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+        border-color: rgba(0, 0, 0, 0.12);
+      }
+
+      .status-indicator {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .connected-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: #10b981;
+        box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
+        animation: pulse-green 2s infinite;
+      }
+
+      @keyframes pulse-green {
+        0%,
+        100% {
+          box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
+          transform: scale(1);
+        }
+        50% {
+          box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1);
+          transform: scale(1.1);
+        }
+      }
+
+      .credit-content {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .credit-text {
+        color: #6b7280;
+        font-weight: 400;
+      }
+
+      .pexels-header-link {
+        color: #3b82f6;
+        text-decoration: none;
+        font-weight: 600;
+        transition: color 0.2s ease;
+      }
+
+      .pexels-header-link:hover {
+        color: #2563eb;
+      }
+    `]),(0,o.Z)(n,"properties",{images:{type:Array},loading:{type:Boolean},searchQuery:{type:String},page:{type:Number},hasMore:{type:Boolean},multi:{type:Boolean},selectedColor:{type:String}}),customElements.define("cdtr-pexels-gallery",n)}}]);

package/dist/9050.creaditor.bundle.js

@@ -0,0 +1,19 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9050],{99050:(e,t,i)=>{i.r(t),i.d(t,{FolderIcon:()=>s});var r=i(56666),o=i(21293);class s extends o.oi{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return o.dy`<svg
+      class="_1C-Vw-oio9_ZWjQnvpMqhl"
+      xmlns="http://www.w3.org/2000/svg"
+      role="img"
+      width="35px"
+      height="35px"
+      viewBox="0 0 24 24"
+      ariaLabelledby="folderIconTitle"
+      stroke="black"
+      strokeWidth="1"
+      strokeLinecap="square"
+      strokeLinejoin="round"
+      fill="none"
+      color="black"
+      style="width: 80px; height: auto; fill: rgb(234, 247, 255); stroke: rgb(193, 228, 254); stroke-width: 0.5px; stroke-linejoin: round;"
+    >
+      <title id="folderIconTitle">Folder</title>
+      <path d="M3 5h6l1 2h11v12H3z"></path>
+    </svg>`}}(0,r.Z)(s,"styles",o.iv``),(0,r.Z)(s,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-folder-icon",s)}}]);