@creaditor/web-starterkit 1.0.12 → 1.0.13

package/dist/5926.creaditor.bundle.js

@@ -1,10 +1,10 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5926],{83545(t,e,i){i.r(e),i.d(e,{EditorTabs:()=>s});var n=i(59929),o=i(36565);i.e(7937).then(i.bind(i,67937));class s extends n.WF{constructor(){super(),this.onConnected=this.onConnected.bind(this),this.onArrowNavigation=this.onArrowNavigation.bind(this),this.tabs=[]}onClickItem(t){let{target:e}=t;const i=this.value=e.value,n=[...this.tabs],o=n.findIndex(t=>t.text===i);-1!==o&&(n.forEach(t=>{t.selected=!1}),n[o].selected=!0),this.tabs=n;const s=new UIEvent("tabChanged",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)}firstUpdated(){super.firstUpdated()}onConnected(t){let{name:e}=t;this.onClickItem({target:{value:e}})}onArrowNavigation(t){const{key:e,currentIcon:i}=t.detail,n=this.tabs.findIndex(t=>t.text===i);if(-1===n)return;let o=n;switch(e){case"ArrowUp":case"ArrowLeft":o=n>0?n-1:this.tabs.length-1;break;case"ArrowDown":case"ArrowRight":o=n<this.tabs.length-1?n+1:0;break;default:return}const s=this.tabs[o];s&&(this.onClickItem({target:{value:s.text}}),this.updateComplete.then(()=>{const t=this.shadowRoot.querySelector(`cdtr-editor-tab-item[icon="${s.text}"]`);t&&t.focus()}))}connectedCallback(){super.connectedCallback(),o.Ay.on("editor-tabs",this.onConnected)}disconnectedCallback(){super.disconnectedCallback(),o.Ay.off("editor-tabs",this.onConnected)}renderContent(){switch(this.value){case"animations":return i.e(3553).then(i.bind(i,3553)),n.qy`<cdtr-animations-editor>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5926],{83545(t,e,o){o.r(e),o.d(e,{EditorTabs:()=>s});var i=o(59929),n=o(36565);o.e(7937).then(o.bind(o,67937));class s extends i.WF{constructor(){super(),this.onConnected=this.onConnected.bind(this),this.onArrowNavigation=this.onArrowNavigation.bind(this),this.tabs=[]}onClickItem(t){let{target:e}=t;const o=this.value=e.value,i=[...this.tabs],n=i.findIndex(t=>t.text===o);-1!==n&&(i.forEach(t=>{t.selected=!1}),i[n].selected=!0),this.tabs=i;const s=new UIEvent("tabChanged",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)}firstUpdated(){super.firstUpdated()}onConnected(t){let{name:e}=t;this.onClickItem({target:{value:e}})}onArrowNavigation(t){const{key:e,currentIcon:o}=t.detail,i=this.tabs.findIndex(t=>t.text===o);if(-1===i)return;let n=i;switch(e){case"ArrowUp":case"ArrowLeft":n=i>0?i-1:this.tabs.length-1;break;case"ArrowDown":case"ArrowRight":n=i<this.tabs.length-1?i+1:0;break;default:return}const s=this.tabs[n];s&&(this.onClickItem({target:{value:s.text}}),this.updateComplete.then(()=>{const t=this.shadowRoot.querySelector(`cdtr-editor-tab-item[icon="${s.text}"]`);t&&t.focus()}))}connectedCallback(){super.connectedCallback(),n.Ay.on("editor-tabs",this.onConnected)}disconnectedCallback(){super.disconnectedCallback(),n.Ay.off("editor-tabs",this.onConnected)}renderContent(){switch(this.value){case"animations":return o.e(3553).then(o.bind(o,3553)),i.qy`<cdtr-animations-editor>
           <cdtr-block-loader></cdtr-block-loader
-        ></cdtr-animations-editor>`;case"settings":case"setting":return i.e(5340).then(i.bind(i,45340)),n.qy`<cdtr-setting-editor>
+        ></cdtr-animations-editor>`;case"settings":case"setting":return o.e(5340).then(o.bind(o,45340)),i.qy`<cdtr-setting-editor>
           <cdtr-block-loader></cdtr-block-loader
-        ></cdtr-setting-editor>`;default:return n.qy`<slot name="content"></slot>`}}render(){return this.tabs.length>0&&!this.tabs.some(t=>t.selected)&&(this.tabs[0].selected=!0,this.value=this.tabs[0].text),n.qy`<cdtr-row class="main">
-      <div class="icon-tabs" @arrow-navigation=${this.onArrowNavigation}>
-        ${this.tabs.map(t=>n.qy`<cdtr-editor-tab-item
+        ></cdtr-setting-editor>`;default:return i.qy`<slot name="content"></slot>`}}render(){return this.tabs.length>0&&!this.tabs.some(t=>t.selected)&&(this.tabs[0].selected=!0,this.value=this.tabs[0].text),i.qy`
+      <div class="tabs-row" @arrow-navigation=${this.onArrowNavigation}>
+        ${this.tabs.map(t=>i.qy`<cdtr-editor-tab-item
             tabindex="0"
             @change=${this.onClickItem}
             icon=${t.text}
@@ -12,11 +12,12 @@
             .selected=${t.selected}
           ></cdtr-editor-tab-item>`)}
       </div>
-      <cdtr-col class="content"> ${this.renderContent()} </cdtr-col>
-    </cdtr-row>`}}s.styles=n.AH`
+      <div class="content">${this.renderContent()}</div>
+    `}}s.styles=i.AH`
     :host {
       height: 100%;
-      display: block;
+      display: flex;
+      flex-direction: column;
       direction: var(--direction-locale);
       position: absolute;
       width: 100%;
@@ -29,32 +30,29 @@
       outline: none;
       box-shadow: var(--focus-ring-inset, inset 0 0 0 2px #6366f1);
     }
-    cdtr-editor-tab-item {
-      width: 100%;
-    }
-    .icon-tabs {
-      padding: var(--space-3, 12px) 0;
-      background: var(--color-bg-subtle, #fafafa);
-      width: 52px;
-      height: 100%;
-      min-height: 400px;
-      border-left: 1px solid var(--color-border, #eaeaee);
-      direction: ltr;
+    /* Header tab row: text tabs across the top. Tabs grow to fill when there
+       are only a few; the row scrolls horizontally if an editor has many —
+       labels are never truncated. */
+    .tabs-row {
+      flex: 0 0 auto;
       display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: var(--space-1, 4px);
+      gap: var(--space-1, 2px);
+      padding: var(--space-2, 6px) var(--space-3, 10px) 0;
+      border-bottom: 1px solid var(--color-border, #eaeaee);
+      overflow-x: auto;
+      scrollbar-width: none;
+      min-height: 42px;
     }
-
-    .main {
-      height: 100%;
-      direction: rtl;
+    .tabs-row::-webkit-scrollbar {
+      display: none;
+    }
+    cdtr-editor-tab-item {
+      flex: 1 0 auto;
     }
     .content {
+      flex: 1;
       overflow-y: auto;
       overflow-x: hidden;
-      max-height: calc(100vh - 130px);
-      min-height: 80%;
       padding-top: var(--space-3, 12px);
     }
   `,s.properties={tabs:{type:Array},value:{type:String}},customElements.define("cdtr-editor-tabs",s)}}]);

package/dist/6151.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6151],{36151(e,n,t){t.d(n,{default:()=>x});let a=!0;const o=e=>{{const{component:n,commands:t,helpers:o}=e,i=n.parent("col");return{select:e=>{let{changeTab:n,tab:t}=e;t.text||n("image")},tabs:e=>{const n=[{text:"image",selected:!0},{text:"style"},{text:"link"},{text:"ai"},{text:"settings"}];return e?(n.forEach(n=>n.selected=n.selected=n.text===e),n):n},layout:e=>{const{tab:o,changeTab:s,tabs:r}=e;return[{type:"gallery",active:()=>"image"===o.text,src:n.props.src,hasPreview:!0,text:"openGalleryImage",justify:"flex-start",onChange:e=>{let n=e.detail;Array.isArray(n)&&(n=n[0]),t.execCommand("src",n.src)}},{type:"input",title:"altText",active:()=>"image"===o.text,value:n.props.alt||"",onChange:e=>{const n=e.target.value;t.execCommand("alt",n)}},{type:"input",title:"add_urlAddress_from_media_site",active:()=>"image"===o.text,value:n.props.src||"",onChange:e=>{const n=e.target.value;t.execCommand("src",n)}},{type:"imagePrompt",active:()=>"ai"===o.text,onChange:e=>{e.target.value}},{type:"checkbox",title:"fullWidthOnMobile",checked:!!n.props.isFullWidthOnMobile,active:()=>"image"===o.text,onChange:e=>{const n=e.target.checked;t.execCommand("isFullWidthOnMobile",n)}},{type:"divider",active:()=>"style"===o.text},{type:"checkbox",title:"keep_ratio",checked:!!a,active:()=>"style"===o.text,onChange:e=>{a=!a,s("style")}},{type:"slider",min:10,title:"size",active:()=>"style"===o.text&&a,max:a?1e3:i?.element?.offsetWidth,value:parseInt(n.props.style.width),onInput:e=>{const n=e.target.value;t.execCommand("style",{width:n+"px",height:"auto"})}},{type:"slider",min:10,title:"width",active:()=>"style"===o.text&&!a,max:a?1e3:i?.element?.offsetWidth,value:parseInt(n.props.style.width),onInput:e=>{const a=e.target.value,o=n.atomElement.getBoundingClientRect().height;t.execCommand("style",{width:a+"px",height:o+"px"})}},{type:"slider",min:10,title:"height",active:()=>"style"===o.text&&!a,max:2*i?.element?.offsetWidth,value:parseInt(n.props.style.height),onInput:e=>{const a=e.target.value,o=n.atomElement.getBoundingClientRect().width;t.execCommand("style",{height:a+"px",width:o+"px"})}},{type:"radius",title:"radius",active:()=>"style"===o.text,min:0,max:parseInt(n.props.style.width)/2,value:parseInt(n.props.style.borderRadius),elementId:n.id,borderTopRightRadius:parseInt(n.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(n.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(n.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(n.props.style.borderBottomLeftRadius),onInput:e=>{const n=e.target.json;t.execCommand("style",{borderTopRightRadius:n.borderTopRightRadius+"px",borderTopLeftRadius:n.borderTopLeftRadius+"px",borderBottomRightRadius:n.borderBottomRightRadius+"px",borderBottomLeftRadius:n.borderBottomLeftRadius+"px",borderRadius:null})}},{type:"heading",level:6,text:"alignment",active:()=>"style"===o.text},{type:"dropdown",title:"horizontal_align",active:()=>"style"===o.text,value:"auto"===n.props.style.marginLeft&&"auto"===n.props.style.marginRight?"center":"auto"===n.props.style.marginLeft?"right":"left",items:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],onChange:e=>{const n=e.target.value,a={marginLeft:null,marginRight:null};"center"===n?(a.marginLeft="auto",a.marginRight="auto"):"right"===n?(a.marginLeft="auto",a.marginRight="0"):(a.marginLeft="0",a.marginRight="auto"),t.execCommand("style",a)}},{type:"dropdown",title:"vertical_align",active:()=>"style"===o.text,value:n.props.style.verticalAlign||"top",items:[{value:"top",label:"top"},{value:"middle",label:"middle"},{value:"bottom",label:"bottom"}],onChange:e=>{const n=e.target.value;t.execCommand("style",{verticalAlign:n})}},{type:"divider",active:()=>"style"===o.text},{type:"linkpicker",href:n.props.onClick?.link,protocol:n.props.onClick?.link?.protocol,target:n.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===o.text,onChange:e=>{const n={link:e.target.value};t.execCommand("onClick",n)}}]}}}};var i=t(52144);const s=()=>({set:(e,n,t)=>{switch(n){case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"alt":case"onClick":return e[n]=t,!0;case"style":if("object"==typeof t)return e[n]=(0,i.A)(e[n],t),!0}}});var r=t(72591),l=t.n(r),d=t(88639),A=t.n(d),c=t(88128),p=t.n(c),m=t(30855),g=t.n(m),u=t(93051),h=t.n(u),C=t(98481),E={};E.setAttributes=g(),E.insert=p().bind(null,"head"),E.domAPI=A(),E.insertStyleElement=h();l()(C.A,E);const y=C.A&&C.A.locals?C.A.locals:void 0;function v(e){const n=document.createElement("div");n.className=y.wrapper;const t=document.createElement("div");t.className=y.skeleton;const a=document.createElement("div");a.className=y.shimmer,t.appendChild(a);const o=document.createElement("div");o.className=y.scanline,t.appendChild(o);const i=document.createElement("div");i.className=y.imageContainer,i.appendChild(e);let s=!1;function r(){if(!s)return;s=!1,n.classList.remove(y.loading),n.classList.add(y.revealed),e.classList.remove(y.imageHidden),e.classList.add(y.imageRevealed);const t=()=>{n.classList.remove(y.revealed),e.classList.remove(y.imageRevealed),e.removeEventListener("animationend",t)};e.addEventListener("animationend",t)}return e.addEventListener("load",r),e.addEventListener("error",r),{wrapper:n,showLoader:function(){(arguments.length>0&&void 0!==arguments[0]&&arguments[0]||e.src&&!e.complete)&&(s=!0,n.classList.add(y.loading),e.classList.add(y.imageHidden))},hideLoader:r,wrap:function(e){n.appendChild(t),n.appendChild(i),e.appendChild(n)},skeleton:t}}var b=t(44217),f={};f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=A(),f.insertStyleElement=h();l()(b.A,f);const k=b.A&&b.A.locals?b.A.locals:void 0,x=()=>{const e="image";return{name:e,create:n=>{const{createElement:t,compose:a,helpers:i}=n,{arrayToString:r,mergeDiff:l}=i,d=document.createElement("img"),A=document.createElement("div");a.props.style&&!parseInt(a.props.style.height)&&(a.props.style.height="auto"),d.addEventListener("drop",e=>{e.preventDefault();var n=e.dataTransfer.getData("text/html");const t=document.createElement("div");t.innerHTML=n;const o=t.querySelector("img");o&&o.src&&a.editor.store().updateComponent(a,"src",o.src)}),d.draggable=!0,d.src=a.props.src;const c=r(a.classList);d.className=r(c,"editor-image",k.image),A.append(d);const p=v(d);p.wrap(A);let m=a.props.src;function g(e){const n=e.target;n.classList.contains("amazingbar-content-wrapper")&&"INPUT"!==n.tagName&&"TEXTAREA"!==n.tagName&&("Delete"!==e.key&&"Backspace"!==e.key||u.commands.remove())}a.props.src&&p.showLoader(),d.addEventListener("dblclick",()=>{const e=document.createElement("cdtr-gallery");e.opened=!0,e.multi=!0,document.body.append(e),e.addEventListener("file",n=>{let t=n.detail;Array.isArray(t)&&(t=t[0]),a.editor.store().execCommands([{key:"src",value:t.src},{key:"style",value:{height:"auto"}}]),e.opened=!1,setTimeout(()=>{e.remove()},1500)}),e.addEventListener("close",()=>{e.remove()})});const u=t({name:e,id:a.id,template:A,defaultProps:{style:{height:"auto",width:"200px"}},draggable:{group:"element"},droppable:{group:"element"},render:()=>{l(d,{style:a.props.style}),d.width=a.props.width||a.props.style.width,d.height=a.props.height||a.props.style.height,a.props.src&&a.props.src!==m&&(m=a.props.src,p.showLoader(!0)),l(d,{src:a.props.src}),l(d,{alt:a.props.alt})},resizeable:()=>A,handleBar:!0,validator:s(),schema:a.schema,onSelect:e=>{d.classList.add(e),document.addEventListener("keyup",g)},onDeselect:e=>{d.classList.remove(e),document.removeEventListener("keyup",g)},elementProps:a,remove:()=>{A.remove()},createEditor:o});let h=0,C=0,E=!1,y=!1,b=!1,f=!1;return d.addEventListener("dragover",e=>{e.preventDefault()}),d.addEventListener("dragstart",e=>{h=e.clientX,C=e.clientY,E=!0,y=!1,b=!1,f=!1}),d.addEventListener("drag",e=>{if(!E)return;const n=d.closest(".block-component")||d.closest("[data-block]")||d.parentElement;if(!n)return;const t=n.getBoundingClientRect(),a=t.width,o=t.left,i=e.clientX-o,s=.3*a,r=.7*a;if(i<s&&!y){y=!0,f=!1,b=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","start")}else if(i>r&&!b){b=!0,f=!1,y=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","end")}else if(i>=s&&i<=r&&!f){f=!0,y=!1,b=!1;const e=u.closest("col");e&&e.commands.execCommand("justify","center")}}),d.addEventListener("dragend",e=>{E=!1,y=!1,b=!1,f=!1}),u}}}},98481(e,n,t){t.d(n,{A:()=>r});var a=t(82001),o=t.n(a),i=t(40935),s=t.n(i)()(o());s.push([e.id,".lohuqKHS721dHgrbXSxR {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.svsvvszZebJje0J5_aR0 {\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n\n.X_p_Nfsu3cFahVFu4_Bw {\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n}\n\n._6bzBNhs7hY6_EZJBee1 {\n  animation: RDp05pdkytBCK3jwjH1H 0.4s ease-out forwards;\n}\n\n@keyframes RDp05pdkytBCK3jwjH1H {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Skeleton overlay - light purple placeholder */\n.gT24aWaYLc3ogXj85wMz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(\n    110deg,\n    #e8e4f0 8%,\n    #f0ecf8 18%,\n    #e8e4f0 33%\n  );\n  background-size: 200% 100%;\n  animation: _Mzf8MsKMSARt4xYISlA 1.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.lohuqKHS721dHgrbXSxR.MhfE6WSo5ganwIXH6eLf .gT24aWaYLc3ogXj85wMz {\n  opacity: 1;\n  z-index: 1;\n}\n\n.lohuqKHS721dHgrbXSxR:not(.MhfE6WSo5ganwIXH6eLf) .gT24aWaYLc3ogXj85wMz {\n  opacity: 0;\n  pointer-events: none;\n  z-index: -1;\n  transition: opacity 0.2s ease-out;\n}\n\n.lohuqKHS721dHgrbXSxR.MsTRDhZG2BCJz9_2FibU .gT24aWaYLc3ogXj85wMz {\n  animation: j0DUaUfa5Px2EIxpK3zU 0.4s ease-out forwards;\n}\n\n@keyframes _Mzf8MsKMSARt4xYISlA {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes j0DUaUfa5Px2EIxpK3zU {\n  to {\n    opacity: 0;\n  }\n}\n\n/* Shimmer highlight sweep */\n.EcbfYuWAe3Ej6GnLZxPW {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  animation: dOhdOxhPYbAyl0kAuAmR 2s ease-in-out infinite;\n}\n\n@keyframes dOhdOxhPYbAyl0kAuAmR {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n\n/* Print-style scanline */\n.ixwwhz1RPbWh52COfXpg {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(255, 255, 255, 0.6),\n    transparent\n  );\n  animation: qDDvb69LDcaVxWWlah1p 1.2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);\n}\n\n@keyframes qDDvb69LDcaVxWWlah1p {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  90% {\n    top: 100%;\n    opacity: 0.8;\n  }\n  100% {\n    top: 100%;\n    opacity: 0;\n  }\n}\n","",{version:3,sources:["webpack://./../web-editors/image-editor-component/lib/image-loader.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,UAAU;EACV,kCAAkC;AACpC;;AAEA;EACE,sDAA6C;AAC/C;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA,gDAAgD;AAChD;EACE,kBAAkB;EAClB,MAAQ;EAAR,QAAQ;EAAR,SAAQ;EAAR,OAAQ;EACR;;;;;GAKC;EACD,0BAA0B;EAC1B,yDAAoD;EACpD,oBAAoB;AACtB;;AAEA;EACE,UAAU;EACV,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,oBAAoB;EACpB,WAAW;EACX,iCAAiC;AACnC;;AAEA;EACE,sDAAiD;AACnD;;AAEA;EACE;IACE,2BAA2B;EAC7B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAEA;EACE;IACE,UAAU;EACZ;AACF;;AAEA,4BAA4B;AAC5B;EACE,kBAAkB;EAClB,MAAQ;EAAR,QAAQ;EAAR,SAAQ;EAAR,OAAQ;EACR;;;;;GAKC;EACD,yBAAyB;EACzB,uDAA+C;AACjD;;AAEA;EACE;IACE,4BAA4B;EAC9B;EACA;IACE,2BAA2B;EAC7B;AACF;;AAEA,yBAAyB;AACzB;EACE,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,WAAW;EACX;;;;;GAKC;EACD,yDAAiD;EACjD,4CAA4C;AAC9C;;AAEA;EACE;IACE,MAAM;IACN,UAAU;EACZ;EACA;IACE,SAAS;IACT,YAAY;EACd;EACA;IACE,SAAS;IACT,UAAU;EACZ;AACF",sourcesContent:[".wrapper {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.imageContainer {\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n\n.imageHidden {\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n}\n\n.imageRevealed {\n  animation: imageFadeIn 0.4s ease-out forwards;\n}\n\n@keyframes imageFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Skeleton overlay - light purple placeholder */\n.skeleton {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    110deg,\n    #e8e4f0 8%,\n    #f0ecf8 18%,\n    #e8e4f0 33%\n  );\n  background-size: 200% 100%;\n  animation: skeletonShimmer 1.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.wrapper.loading .skeleton {\n  opacity: 1;\n  z-index: 1;\n}\n\n.wrapper:not(.loading) .skeleton {\n  opacity: 0;\n  pointer-events: none;\n  z-index: -1;\n  transition: opacity 0.2s ease-out;\n}\n\n.wrapper.revealed .skeleton {\n  animation: skeletonFadeOut 0.4s ease-out forwards;\n}\n\n@keyframes skeletonShimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes skeletonFadeOut {\n  to {\n    opacity: 0;\n  }\n}\n\n/* Shimmer highlight sweep */\n.shimmer {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  animation: shimmerSweep 2s ease-in-out infinite;\n}\n\n@keyframes shimmerSweep {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n\n/* Print-style scanline */\n.scanline {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(255, 255, 255, 0.6),\n    transparent\n  );\n  animation: scanlineMove 1.2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);\n}\n\n@keyframes scanlineMove {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  90% {\n    top: 100%;\n    opacity: 0.8;\n  }\n  100% {\n    top: 100%;\n    opacity: 0;\n  }\n}\n"],sourceRoot:""}]),s.locals={wrapper:"lohuqKHS721dHgrbXSxR",imageContainer:"svsvvszZebJje0J5_aR0",imageHidden:"X_p_Nfsu3cFahVFu4_Bw",imageRevealed:"_6bzBNhs7hY6_EZJBee1",imageFadeIn:"RDp05pdkytBCK3jwjH1H",skeleton:"gT24aWaYLc3ogXj85wMz",skeletonShimmer:"_Mzf8MsKMSARt4xYISlA",loading:"MhfE6WSo5ganwIXH6eLf",revealed:"MsTRDhZG2BCJz9_2FibU",skeletonFadeOut:"j0DUaUfa5Px2EIxpK3zU",shimmer:"EcbfYuWAe3Ej6GnLZxPW",shimmerSweep:"dOhdOxhPYbAyl0kAuAmR",scanline:"ixwwhz1RPbWh52COfXpg",scanlineMove:"qDDvb69LDcaVxWWlah1p"};const r=s},44217(e,n,t){t.d(n,{A:()=>r});var a=t(82001),o=t.n(a),i=t(40935),s=t.n(i)()(o());s.push([e.id,".YbsG1_k3QD06_W0gNo53{\n    display: block;\n    max-width: 100%;\n}","",{version:3,sources:["webpack://./../web-editors/image-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,cAAc;IACd,eAAe;AACnB",sourcesContent:[".image{\n    display: block;\n    max-width: 100%;\n}"],sourceRoot:""}]),s.locals={image:"YbsG1_k3QD06_W0gNo53"};const r=s}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6151],{36151(e,n,t){t.d(n,{default:()=>x});let a=!0;const o=e=>{{const{component:n,commands:t,helpers:o}=e,i=n.parent("col"),s=e=>"style"===e.text;return{select:e=>{let{changeTab:n,tab:t}=e;t.text||n("style")},tabs:e=>{const n=[{text:"style",selected:!0},{text:"interactions"},{text:"settings"}];return e?(n.forEach(n=>n.selected=n.text===e),n):n},layout:e=>{const{tab:o,changeTab:r,tabs:l}=e;return[{type:"heading",level:6,text:"image",active:()=>s(o)},{type:"gallery",active:()=>s(o),src:n.props.src,hasPreview:!0,previewWidth:n.props.style?.width,text:"openGalleryImage",justify:"flex-start",onChange:e=>{let n=e.detail;Array.isArray(n)&&(n=n[0]),t.execCommand("src",n.src)}},{type:"input",title:"altText",active:()=>s(o),value:n.props.alt||"",onChange:e=>{const n=e.target.value;t.execCommand("alt",n)}},{type:"input",title:"add_urlAddress_from_media_site",active:()=>s(o),value:n.props.src||"",onChange:e=>{const n=e.target.value;t.execCommand("src",n)}},{type:"checkbox",title:"fullWidthOnMobile",checked:!!n.props.isFullWidthOnMobile,active:()=>s(o),onChange:e=>{const n=e.target.checked;t.execCommand("isFullWidthOnMobile",n)}},{type:"heading",level:6,text:"size",active:()=>s(o)},{type:"checkbox",title:"keep_ratio",checked:!!a,active:()=>s(o),onChange:e=>{a=!a,r("style")}},{type:"slider",min:10,title:"size",active:()=>s(o)&&a,max:a?1e3:i?.element?.offsetWidth,value:parseInt(n.props.style.width),onInput:e=>{const n=e.target.value;t.execCommand("style",{width:n+"px",height:"auto"})}},{type:"slider",min:10,title:"width",active:()=>s(o)&&!a,max:a?1e3:i?.element?.offsetWidth,value:parseInt(n.props.style.width),onInput:e=>{const a=e.target.value,o=n.atomElement.getBoundingClientRect().height;t.execCommand("style",{width:a+"px",height:o+"px"})}},{type:"slider",min:10,title:"height",active:()=>s(o)&&!a,max:2*i?.element?.offsetWidth,value:parseInt(n.props.style.height),onInput:e=>{const a=e.target.value,o=n.atomElement.getBoundingClientRect().width;t.execCommand("style",{height:a+"px",width:o+"px"})}},{type:"heading",level:6,text:"border_design",active:()=>s(o)},{type:"radius",title:"radius",active:()=>s(o),min:0,max:parseInt(n.props.style.width)/2,value:parseInt(n.props.style.borderRadius),elementId:n.id,borderTopRightRadius:parseInt(n.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(n.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(n.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(n.props.style.borderBottomLeftRadius),onInput:e=>{const n=e.target.json;t.execCommand("style",{borderTopRightRadius:n.borderTopRightRadius+"px",borderTopLeftRadius:n.borderTopLeftRadius+"px",borderBottomRightRadius:n.borderBottomRightRadius+"px",borderBottomLeftRadius:n.borderBottomLeftRadius+"px",borderRadius:null})}},{type:"heading",level:6,text:"alignment",active:()=>s(o)},{type:"dropdown",title:"horizontal_align",active:()=>s(o),value:"auto"===n.props.style.marginLeft&&"auto"===n.props.style.marginRight?"center":"auto"===n.props.style.marginLeft?"right":"left",items:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],onChange:e=>{const n=e.target.value,a={marginLeft:null,marginRight:null};"center"===n?(a.marginLeft="auto",a.marginRight="auto"):"right"===n?(a.marginLeft="auto",a.marginRight="0"):(a.marginLeft="0",a.marginRight="auto"),t.execCommand("style",a)}},{type:"dropdown",title:"vertical_align",active:()=>s(o),value:n.props.style.verticalAlign||"top",items:[{value:"top",label:"top"},{value:"middle",label:"middle"},{value:"bottom",label:"bottom"}],onChange:e=>{const n=e.target.value;t.execCommand("style",{verticalAlign:n})}},{type:"heading",level:6,text:"ai",active:()=>s(o)},{type:"imagePrompt",active:()=>s(o),onChange:e=>{e.target.value}},{type:"heading",level:6,text:"link",active:()=>"interactions"===o.text},{type:"linkpicker",href:n.props.onClick?.link,protocol:n.props.onClick?.link?.protocol,target:n.props.onClick?.link?.target,autofocus:!0,active:()=>"interactions"===o.text,onChange:e=>{const n={link:e.target.value};t.execCommand("onClick",n)}}]}}}};var i=t(52144);const s=()=>({set:(e,n,t)=>{switch(n){case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"alt":case"onClick":return e[n]=t,!0;case"style":if("object"==typeof t)return e[n]=(0,i.A)(e[n],t),!0}}});var r=t(72591),l=t.n(r),d=t(88639),A=t.n(d),c=t(88128),p=t.n(c),m=t(30855),g=t.n(m),u=t(93051),h=t.n(u),C=t(98481),E={};E.setAttributes=g(),E.insert=p().bind(null,"head"),E.domAPI=A(),E.insertStyleElement=h();l()(C.A,E);const v=C.A&&C.A.locals?C.A.locals:void 0;function y(e){const n=document.createElement("div");n.className=v.wrapper;const t=document.createElement("div");t.className=v.skeleton;const a=document.createElement("div");a.className=v.shimmer,t.appendChild(a);const o=document.createElement("div");o.className=v.scanline,t.appendChild(o);const i=document.createElement("div");i.className=v.imageContainer,i.appendChild(e);let s=!1;function r(){if(!s)return;s=!1,n.classList.remove(v.loading),n.classList.add(v.revealed),e.classList.remove(v.imageHidden),e.classList.add(v.imageRevealed);const t=()=>{n.classList.remove(v.revealed),e.classList.remove(v.imageRevealed),e.removeEventListener("animationend",t)};e.addEventListener("animationend",t)}return e.addEventListener("load",r),e.addEventListener("error",r),{wrapper:n,showLoader:function(){(arguments.length>0&&void 0!==arguments[0]&&arguments[0]||e.src&&!e.complete)&&(s=!0,n.classList.add(v.loading),e.classList.add(v.imageHidden))},hideLoader:r,wrap:function(e){n.appendChild(t),n.appendChild(i),e.appendChild(n)},skeleton:t}}var b=t(44217),f={};f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=A(),f.insertStyleElement=h();l()(b.A,f);const k=b.A&&b.A.locals?b.A.locals:void 0,x=()=>{const e="image";return{name:e,create:n=>{const{createElement:t,compose:a,helpers:i}=n,{arrayToString:r,mergeDiff:l}=i,d=document.createElement("img"),A=document.createElement("div");a.props.style&&!parseInt(a.props.style.height)&&(a.props.style.height="auto"),d.addEventListener("drop",e=>{e.preventDefault();var n=e.dataTransfer.getData("text/html");const t=document.createElement("div");t.innerHTML=n;const o=t.querySelector("img");o&&o.src&&a.editor.store().updateComponent(a,"src",o.src)}),d.draggable=!0,d.src=a.props.src;const c=r(a.classList);d.className=r(c,"editor-image",k.image),A.append(d);const p=y(d);p.wrap(A);let m=a.props.src;function g(e){const n=e.target;n.classList.contains("amazingbar-content-wrapper")&&"INPUT"!==n.tagName&&"TEXTAREA"!==n.tagName&&("Delete"!==e.key&&"Backspace"!==e.key||u.commands.remove())}a.props.src&&p.showLoader(),d.addEventListener("dblclick",()=>{const e=document.createElement("cdtr-gallery");e.opened=!0,e.multi=!0,document.body.append(e),e.addEventListener("file",n=>{let t=n.detail;Array.isArray(t)&&(t=t[0]),a.editor.store().execCommands([{key:"src",value:t.src},{key:"style",value:{height:"auto"}}]),e.opened=!1,setTimeout(()=>{e.remove()},1500)}),e.addEventListener("close",()=>{e.remove()})});const u=t({name:e,id:a.id,template:A,defaultProps:{style:{height:"auto",width:"200px"}},draggable:{group:"element"},droppable:{group:"element"},render:()=>{l(d,{style:a.props.style}),d.width=a.props.width||a.props.style.width,d.height=a.props.height||a.props.style.height,a.props.src&&a.props.src!==m&&(m=a.props.src,p.showLoader(!0)),l(d,{src:a.props.src}),l(d,{alt:a.props.alt})},resizeable:()=>A,handleBar:!0,validator:s(),schema:a.schema,onSelect:e=>{d.classList.add(e),document.addEventListener("keyup",g)},onDeselect:e=>{d.classList.remove(e),document.removeEventListener("keyup",g)},elementProps:a,remove:()=>{A.remove()},createEditor:o});let h=0,C=0,E=!1,v=!1,b=!1,f=!1;return d.addEventListener("dragover",e=>{e.preventDefault()}),d.addEventListener("dragstart",e=>{h=e.clientX,C=e.clientY,E=!0,v=!1,b=!1,f=!1}),d.addEventListener("drag",e=>{if(!E)return;const n=d.closest(".block-component")||d.closest("[data-block]")||d.parentElement;if(!n)return;const t=n.getBoundingClientRect(),a=t.width,o=t.left,i=e.clientX-o,s=.3*a,r=.7*a;if(i<s&&!v){v=!0,f=!1,b=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","start")}else if(i>r&&!b){b=!0,f=!1,v=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","end")}else if(i>=s&&i<=r&&!f){f=!0,v=!1,b=!1;const e=u.closest("col");e&&e.commands.execCommand("justify","center")}}),d.addEventListener("dragend",e=>{E=!1,v=!1,b=!1,f=!1}),u}}}},98481(e,n,t){t.d(n,{A:()=>r});var a=t(82001),o=t.n(a),i=t(40935),s=t.n(i)()(o());s.push([e.id,".lohuqKHS721dHgrbXSxR {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.svsvvszZebJje0J5_aR0 {\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n\n.X_p_Nfsu3cFahVFu4_Bw {\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n}\n\n._6bzBNhs7hY6_EZJBee1 {\n  animation: RDp05pdkytBCK3jwjH1H 0.4s ease-out forwards;\n}\n\n@keyframes RDp05pdkytBCK3jwjH1H {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Skeleton overlay - light purple placeholder */\n.gT24aWaYLc3ogXj85wMz {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(\n    110deg,\n    #e8e4f0 8%,\n    #f0ecf8 18%,\n    #e8e4f0 33%\n  );\n  background-size: 200% 100%;\n  animation: _Mzf8MsKMSARt4xYISlA 1.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.lohuqKHS721dHgrbXSxR.MhfE6WSo5ganwIXH6eLf .gT24aWaYLc3ogXj85wMz {\n  opacity: 1;\n  z-index: 1;\n}\n\n.lohuqKHS721dHgrbXSxR:not(.MhfE6WSo5ganwIXH6eLf) .gT24aWaYLc3ogXj85wMz {\n  opacity: 0;\n  pointer-events: none;\n  z-index: -1;\n  transition: opacity 0.2s ease-out;\n}\n\n.lohuqKHS721dHgrbXSxR.MsTRDhZG2BCJz9_2FibU .gT24aWaYLc3ogXj85wMz {\n  animation: j0DUaUfa5Px2EIxpK3zU 0.4s ease-out forwards;\n}\n\n@keyframes _Mzf8MsKMSARt4xYISlA {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes j0DUaUfa5Px2EIxpK3zU {\n  to {\n    opacity: 0;\n  }\n}\n\n/* Shimmer highlight sweep */\n.EcbfYuWAe3Ej6GnLZxPW {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  animation: dOhdOxhPYbAyl0kAuAmR 2s ease-in-out infinite;\n}\n\n@keyframes dOhdOxhPYbAyl0kAuAmR {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n\n/* Print-style scanline */\n.ixwwhz1RPbWh52COfXpg {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(255, 255, 255, 0.6),\n    transparent\n  );\n  animation: qDDvb69LDcaVxWWlah1p 1.2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);\n}\n\n@keyframes qDDvb69LDcaVxWWlah1p {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  90% {\n    top: 100%;\n    opacity: 0.8;\n  }\n  100% {\n    top: 100%;\n    opacity: 0;\n  }\n}\n","",{version:3,sources:["webpack://./../web-editors/image-editor-component/lib/image-loader.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,UAAU;EACV,kCAAkC;AACpC;;AAEA;EACE,sDAA6C;AAC/C;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA,gDAAgD;AAChD;EACE,kBAAkB;EAClB,MAAQ;EAAR,QAAQ;EAAR,SAAQ;EAAR,OAAQ;EACR;;;;;GAKC;EACD,0BAA0B;EAC1B,yDAAoD;EACpD,oBAAoB;AACtB;;AAEA;EACE,UAAU;EACV,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,oBAAoB;EACpB,WAAW;EACX,iCAAiC;AACnC;;AAEA;EACE,sDAAiD;AACnD;;AAEA;EACE;IACE,2BAA2B;EAC7B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAEA;EACE;IACE,UAAU;EACZ;AACF;;AAEA,4BAA4B;AAC5B;EACE,kBAAkB;EAClB,MAAQ;EAAR,QAAQ;EAAR,SAAQ;EAAR,OAAQ;EACR;;;;;GAKC;EACD,yBAAyB;EACzB,uDAA+C;AACjD;;AAEA;EACE;IACE,4BAA4B;EAC9B;EACA;IACE,2BAA2B;EAC7B;AACF;;AAEA,yBAAyB;AACzB;EACE,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,WAAW;EACX;;;;;GAKC;EACD,yDAAiD;EACjD,4CAA4C;AAC9C;;AAEA;EACE;IACE,MAAM;IACN,UAAU;EACZ;EACA;IACE,SAAS;IACT,YAAY;EACd;EACA;IACE,SAAS;IACT,UAAU;EACZ;AACF",sourcesContent:[".wrapper {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.imageContainer {\n  position: relative;\n  display: block;\n  line-height: 0;\n}\n\n.imageHidden {\n  opacity: 0;\n  transition: opacity 0.15s ease-out;\n}\n\n.imageRevealed {\n  animation: imageFadeIn 0.4s ease-out forwards;\n}\n\n@keyframes imageFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Skeleton overlay - light purple placeholder */\n.skeleton {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    110deg,\n    #e8e4f0 8%,\n    #f0ecf8 18%,\n    #e8e4f0 33%\n  );\n  background-size: 200% 100%;\n  animation: skeletonShimmer 1.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.wrapper.loading .skeleton {\n  opacity: 1;\n  z-index: 1;\n}\n\n.wrapper:not(.loading) .skeleton {\n  opacity: 0;\n  pointer-events: none;\n  z-index: -1;\n  transition: opacity 0.2s ease-out;\n}\n\n.wrapper.revealed .skeleton {\n  animation: skeletonFadeOut 0.4s ease-out forwards;\n}\n\n@keyframes skeletonShimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes skeletonFadeOut {\n  to {\n    opacity: 0;\n  }\n}\n\n/* Shimmer highlight sweep */\n.shimmer {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  background-size: 50% 100%;\n  animation: shimmerSweep 2s ease-in-out infinite;\n}\n\n@keyframes shimmerSweep {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n\n/* Print-style scanline */\n.scanline {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(255, 255, 255, 0.6),\n    transparent\n  );\n  animation: scanlineMove 1.2s ease-in-out infinite;\n  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);\n}\n\n@keyframes scanlineMove {\n  0% {\n    top: 0;\n    opacity: 1;\n  }\n  90% {\n    top: 100%;\n    opacity: 0.8;\n  }\n  100% {\n    top: 100%;\n    opacity: 0;\n  }\n}\n"],sourceRoot:""}]),s.locals={wrapper:"lohuqKHS721dHgrbXSxR",imageContainer:"svsvvszZebJje0J5_aR0",imageHidden:"X_p_Nfsu3cFahVFu4_Bw",imageRevealed:"_6bzBNhs7hY6_EZJBee1",imageFadeIn:"RDp05pdkytBCK3jwjH1H",skeleton:"gT24aWaYLc3ogXj85wMz",skeletonShimmer:"_Mzf8MsKMSARt4xYISlA",loading:"MhfE6WSo5ganwIXH6eLf",revealed:"MsTRDhZG2BCJz9_2FibU",skeletonFadeOut:"j0DUaUfa5Px2EIxpK3zU",shimmer:"EcbfYuWAe3Ej6GnLZxPW",shimmerSweep:"dOhdOxhPYbAyl0kAuAmR",scanline:"ixwwhz1RPbWh52COfXpg",scanlineMove:"qDDvb69LDcaVxWWlah1p"};const r=s},44217(e,n,t){t.d(n,{A:()=>r});var a=t(82001),o=t.n(a),i=t(40935),s=t.n(i)()(o());s.push([e.id,".YbsG1_k3QD06_W0gNo53{\n    display: block;\n    max-width: 100%;\n}","",{version:3,sources:["webpack://./../web-editors/image-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,cAAc;IACd,eAAe;AACnB",sourcesContent:[".image{\n    display: block;\n    max-width: 100%;\n}"],sourceRoot:""}]),s.locals={image:"YbsG1_k3QD06_W0gNo53"};const r=s}}]);

package/dist/7209.creaditor.bundle.js

@@ -693,7 +693,7 @@
           .multi=${this.multi}
           .folders=${this.folders}
         ></cdtr-gallery-files>
-      </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
+      </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"),this._onStoreChange=()=>this.requestUpdate(),i.M.connect(["lang","theme"],this._onStoreChange)}disconnectedCallback(){this._onStoreChange&&(i.M.disconnect(this._onStoreChange),this._onStoreChange=null),super.disconnectedCallback()}render(){const e=i.M.get("theme");e&&(this.style.direction=e.direction,this.style.textAlign=this.textAlign||e.textAlign);const t=i.M.get("lang",this.text);return r.qy`<slot
       ><span
         style="-webkit-font-smoothing: antialiased;display:inline-block;direction:var(--direction-locale);text-align:var(--text-align-locale);white-space:${this.whiteSpace}"
         >${t||this.text}</span

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":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">
+"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":case"interactions":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`
@@ -9,73 +9,46 @@
         @keydown=${t=>this.handleKeyDown(t)}
         @click=${()=>this.onClickItem(this.icon)}
       >
-        <span class="icon">${this.factory()}</span>
         <span class="label"><lang-text text="${this.icon}"></lang-text></span>
       </button>
     `}}o.styles=i.AH`
     :host {
       display: block;
-      direction: ltr;
     }
     .tab-btn {
       width: 100%;
-      display: flex;
-      flex-direction: column;
+      display: inline-flex;
       align-items: center;
       justify-content: center;
-      gap: 3px;
-      padding: var(--space-2, 8px) var(--space-1, 4px);
+      padding: var(--space-2, 9px) var(--space-3, 12px);
       cursor: pointer;
       border: none;
+      border-bottom: 2px solid transparent;
       background: transparent;
       outline: none;
-      position: relative;
-      transition: background var(--duration-fast, 120ms) var(--ease-default, ease);
+      font-family: inherit;
+      transition: color var(--duration-fast, 120ms) var(--ease-default, ease),
+        border-color 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);
-    }
-    .tab-btn.selected {
-      background: var(--color-primary-soft, rgba(99, 102, 241, 0.08));
-    }
-    .icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      --cdtr-icon-width: 18px;
-      --cdtr-icon-height: 18px;
-      opacity: 0.6;
-      transition: opacity var(--duration-fast, 120ms) var(--ease-default, ease), color var(--duration-fast, 120ms) var(--ease-default, ease);
-      color: var(--color-text-muted, #666);
-    }
-    .tab-btn:hover:not(.selected) .icon {
-      opacity: 0.8;
-      color: var(--color-text-secondary, #444);
-    }
-    .tab-btn.selected .icon {
-      opacity: 1;
-      color: var(--color-primary, #6366f1);
+      border-radius: 4px;
     }
     .label {
-      font-size: 10px;
-      color: var(--color-text-muted, #888);
+      font-size: 13px;
       font-weight: 500;
-      text-align: center;
-      line-height: 1;
-      max-width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
+      color: var(--color-text-muted, #888);
       white-space: nowrap;
       transition: color var(--duration-fast, 120ms) var(--ease-default, ease);
     }
+    .tab-btn:hover:not(.selected) .label {
+      color: var(--color-text-secondary, #444);
+    }
+    .tab-btn.selected {
+      border-bottom-color: var(--color-primary, #6366f1);
+    }
     .tab-btn.selected .label {
       color: var(--color-primary, #6366f1);
       font-weight: 600;
     }
-    .tab-btn:hover:not(.selected) .label {
-      color: var(--color-text-secondary, #444);
-    }
   `,o.properties={icon:{},labelMode:{},selected:{}},customElements.define("cdtr-editor-tab-item",o)}}]);

package/dist/8141.creaditor.bundle.js

@@ -1,5 +1,5 @@
 /*! For license information please see 8141.creaditor.bundle.js.LICENSE.txt */
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8141],{68141(e,t,s){var i=s(59929),r=s(64749),n=s(70980);class o extends i.WF{constructor(){super(),this.index=0}render(){"string"!=typeof this.src&&(this.src="");const e=this.src.split(",");e.length>1&&setTimeout(()=>{const t=this.shadowRoot.querySelector(".background");t.classList.remove("fade-in"),this.index<e.length-1?this.index++:this.index=0,t&&setTimeout(()=>{t.classList.add("fade-in"),setTimeout(()=>{t.classList.remove("fade-in")},1e3)},0)},4500);const t=(0,r.t)(this.getAttribute("style"));return t.backgroundImage=`url(${e[this.index]})`,i.qy`<div style="${(0,n.W)(t)}" class="background"></div>`}}o.properties={src:{type:String},index:{type:Number},style:{type:String}},o.styles=i.AH`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8141],{68141(e,t,s){s.r(t),s.d(t,{ImagesPreset:()=>o});var r=s(59929),i=s(64749),n=s(70980);class o extends r.WF{constructor(){super(),this.index=0}render(){"string"!=typeof this.src&&(this.src="");const e=this.src.split(",");e.length>1&&setTimeout(()=>{const t=this.shadowRoot.querySelector(".background");t.classList.remove("fade-in"),this.index<e.length-1?this.index++:this.index=0,t&&setTimeout(()=>{t.classList.add("fade-in"),setTimeout(()=>{t.classList.remove("fade-in")},1e3)},0)},4500);const t=(0,i.t)(this.getAttribute("style"));return t.backgroundImage=`url(${e[this.index]})`,r.qy`<div style="${(0,n.W)(t)}" class="background"></div>`}}o.properties={src:{type:String},index:{type:Number},style:{type:String}},o.styles=r.AH`
     .background {
       background-position: center center;
       background-size: cover;
@@ -18,4 +18,4 @@
         opacity: 1;
       }
     }
-  `,customElements.define("cdtr-images-preset",o)},70980(e,t,s){s.d(t,{W:()=>c});var i=s(80181),r=s(16655);const n="important",o=" !"+n,c=(0,r.u$)(class extends r.WL{constructor(e){if(super(e),e.type!==r.OA.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,s)=>{const i=e[s];return null==i?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(e,[t]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const i=t[e];if(null!=i){this.ft.add(e);const t="string"==typeof i&&i.endsWith(o);e.includes("-")||t?s.setProperty(e,t?i.slice(0,-11):i,t?n:""):s[e]=i}}return i.c0}})}}]);
+  `,customElements.define("cdtr-images-preset",o)},70980(e,t,s){s.d(t,{W:()=>d});var r=s(80181),i=s(16655);const n="important",o=" !"+n,d=(0,i.u$)(class extends i.WL{constructor(e){if(super(e),e.type!==i.OA.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,s)=>{const r=e[s];return null==r?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(e,[t]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const r=t[e];if(null!=r){this.ft.add(e);const t="string"==typeof r&&r.endsWith(o);e.includes("-")||t?s.setProperty(e,t?r.slice(0,-11):r,t?n:""):s[e]=r}}return r.c0}})}}]);

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:"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})}}}}}]);
+"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:"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:"style"===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/9431.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9431],{49431(e,t,a){a.d(t,{default:()=>s});const l=e=>{const{component:t,commands:a,helpers:l}=e,r=t.parent("col");return{select:e=>{let{changeTab:t,tab:a}=e;a.text||t("giphy")},tabs:e=>{const t=[{text:"giphy",selected:!0},{text:"style"},{text:"link"},{text:"settings"}];return e?(t.forEach(t=>t.selected=t.text===e),t):t},layout:e=>{let{tab:l}=e;return[{type:"giphy",active:()=>"giphy"===l.text,selectedSrc:t.props.src||"",onChange:e=>{const{src:t,alt:l}=e.detail||{};t&&a.execCommand("src",t),null!=l&&a.execCommand("alt",l)}},{type:"input",title:"altText",active:()=>"giphy"===l.text,value:t.props.alt||"",onChange:e=>{a.execCommand("alt",e.target.value)}},{type:"slider",title:"size",min:50,max:r?.element?.offsetWidth||600,active:()=>"style"===l.text,value:parseInt(t.props.style?.width,10)||200,onInput:e=>{const t=e.target.value;a.execCommand("style",{width:t+"px",height:"auto"})}},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===l.text,onChange:e=>{const t=e.target.value;a.execCommand("onClick",{link:t})}}]}}},r=e=>{let{helpers:t}=e;return{set:(e,a,l)=>{switch(a){case"src":case"alt":case"onClick":return e[a]=l,!0;case"style":if("object"==typeof l)return e[a]=t.deepMerge(e[a],l),!0}return!1}}},s=()=>{const e="giphy";return{name:e,create:t=>{const{createElement:a,compose:s,helpers:n}=t,{mergeDiff:o}=n,c=document.createElement("div"),p=document.createElement("img");c.appendChild(p);return a({name:e,id:s.id,template:c,defaultProps:{style:{height:"auto",width:"200px",maxWidth:"100%"},src:"",alt:""},draggable:{group:"element"},droppable:{group:"element"},render:()=>{o(p,{style:s.props.style}),o(p,{src:s.props.src||"",alt:s.props.alt||"GIF"})},resizeable:()=>c,handleBar:!0,validator:r({helpers:n}),schema:s.schema,onSelect:e=>c.classList.add(e),onDeselect:e=>c.classList.remove(e),elementProps:s,remove:()=>c.remove(),createEditor:l})}}}}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9431],{49431(e,t,s){s.d(t,{default:()=>l});const a=e=>{const{component:t,commands:s,helpers:a}=e,r=t.parent("col");return{select:e=>{let{changeTab:t,tab:s}=e;s.text||t("style")},tabs:e=>{const t=[{text:"style",selected:!0},{text:"interactions"},{text:"settings"}];return e?(t.forEach(t=>t.selected=t.text===e),t):t},layout:e=>{let{tab:a}=e;return[{type:"giphy",active:()=>"style"===a.text,selectedSrc:t.props.src||"",onChange:e=>{const{src:t,alt:a}=e.detail||{};t&&s.execCommand("src",t),null!=a&&s.execCommand("alt",a)}},{type:"input",title:"altText",active:()=>"style"===a.text,value:t.props.alt||"",onChange:e=>{s.execCommand("alt",e.target.value)}},{type:"slider",title:"size",min:50,max:r?.element?.offsetWidth||600,active:()=>"style"===a.text,value:parseInt(t.props.style?.width,10)||200,onInput:e=>{const t=e.target.value;s.execCommand("style",{width:t+"px",height:"auto"})}},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"interactions"===a.text,onChange:e=>{const t=e.target.value;s.execCommand("onClick",{link:t})}}]}}},r=e=>{let{helpers:t}=e;return{set:(e,s,a)=>{switch(s){case"src":case"alt":case"onClick":return e[s]=a,!0;case"style":if("object"==typeof a)return e[s]=t.deepMerge(e[s],a),!0}return!1}}},l=()=>{const e="giphy";return{name:e,create:t=>{const{createElement:s,compose:l,helpers:n}=t,{mergeDiff:o}=n,c=document.createElement("div"),i=document.createElement("img");c.appendChild(i);return s({name:e,id:l.id,template:c,defaultProps:{style:{height:"auto",width:"200px",maxWidth:"100%"},src:"",alt:""},draggable:{group:"element"},droppable:{group:"element"},render:()=>{o(i,{style:l.props.style}),o(i,{src:l.props.src||"",alt:l.props.alt||"GIF"})},resizeable:()=>c,handleBar:!0,validator:r({helpers:n}),schema:l.schema,onSelect:e=>c.classList.add(e),onDeselect:e=>c.classList.remove(e),elementProps:l,remove:()=>c.remove(),createEditor:a})}}}}}]);