@creaditor/web-starterkit 1.0.11 → 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:"design"},{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:"info",text:"image_micro_copy",active:()=>"image"===o.text},{type:"imagePrompt",active:()=>"ai"===o.text,onChange:e=>{e.target.value}},{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:"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:"input",title:"altText",active:()=>"image"===o.text,value:n.props.alt||"",onChange:e=>{const n=e.target.value;t.execCommand("alt",n)}},{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:()=>"design"===o.text},{type:"checkbox",title:"keep_ratio",checked:!!a,active:()=>"design"===o.text,onChange:e=>{a=!a,s("design")}},{type:"slider",min:10,title:"size",active:()=>"design"===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:()=>"design"===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:()=>"design"===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:()=>"design"===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:"divider",active:()=>"design"===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 b(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 v=t(44217),f={};f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=A(),f.insertStyleElement=h();l()(v.A,f);const k=v.A&&v.A.locals?v.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=b(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,v=!1,f=!1;return d.addEventListener("dragover",e=>{e.preventDefault()}),d.addEventListener("dragstart",e=>{h=e.clientX,C=e.clientY,E=!0,y=!1,v=!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,v=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","start")}else if(i>r&&!v){v=!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,v=!1;const e=u.closest("col");e&&e.commands.execCommand("justify","center")}}),d.addEventListener("dragend",e=>{E=!1,y=!1,v=!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/638.creaditor.bundle.js

@@ -1,23 +1,52 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[638],{638(e,t,i){i.r(t),i.d(t,{DevicePicker:()=>h});var o,r,c,n,d=i(59088),s=i(36936),p=i(59929);let h=(o=(0,i(49410).MZ)({type:String}),(n=class extends p.WF{constructor(){super(),(0,d.A)(this,"device",c,this),this.device="desktop"}choose(e){this.device=e}render(){return p.qy` <cdtr-row alignItems="center">
-      <paper-button @click=${()=>this.choose("phone")}>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[638],{638(e,t,o){o.r(t),o.d(t,{DevicePicker:()=>i});var r=o(59929);class i extends r.WF{constructor(){super(),this.device=void 0,this.device="desktop"}choose(e){this.device!==e&&(this.device=e,this.dispatchEvent(new CustomEvent("device-change",{detail:{device:e},bubbles:!0,composed:!0})))}render(){return r.qy`<div class="segmented" role="group">
+      <button
+        type="button"
+        aria-pressed=${"desktop"===this.device}
+        @click=${()=>this.choose("desktop")}
+      >
+        <cdtr-tooltip content="design_for_desktop">
+          <cdtr-icon width="18" icon="desktop"></cdtr-icon>
+        </cdtr-tooltip>
+      </button>
+      <button
+        type="button"
+        aria-pressed=${"phone"===this.device}
+        @click=${()=>this.choose("phone")}
+      >
         <cdtr-tooltip content="design_for_phone">
-          <cdtr-icon
-            color=${"phone"===this.device?"var(--primary)":""}
-            width="18"
-            icon="phone"
-          ></cdtr-icon>
+          <cdtr-icon width="18" icon="phone"></cdtr-icon>
         </cdtr-tooltip>
-      </paper-button>
-      <paper-button @click=${()=>this.choose("desktop")}
-        ><cdtr-tooltip content="design_for_desktop"
-          ><cdtr-icon
-            color=${"desktop"===this.device?"var(--primary)":""}
-            width="18"
-            icon="desktop"
-          ></cdtr-icon></cdtr-tooltip></paper-button
-    ></cdtr-row>`}}).styles=p.AH`
-    paper-button {
-      padding: 0;
-      min-width: 0;
+      </button>
+    </div>`}}i.properties={device:{type:String,reflect:!0}},i.styles=r.AH`
+    :host {
+      display: inline-flex;
+    }
+    .segmented {
+      display: inline-flex;
+      align-items: center;
+      gap: 2px;
+      padding: 2px;
+      border-radius: 8px;
+      background: var(--surface-2, rgba(0, 0, 0, 0.05));
+    }
+    button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: 4px 6px;
+      border: none;
+      border-radius: 6px;
+      background: transparent;
+      cursor: pointer;
+      color: var(--text-secondary, #6b7280);
+      transition: background 0.15s ease, color 0.15s ease;
+    }
+    button:hover {
+      background: var(--surface-3, rgba(0, 0, 0, 0.06));
+    }
+    button[aria-pressed="true"] {
+      background: var(--surface-1, #fff);
+      color: var(--primary);
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
     }
-  `,r=n,c=(0,s.A)(r.prototype,"device",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),r);customElements.define("cdtr-device-picker",h)}}]);
+  `,customElements.define("cdtr-device-picker",i)}}]);

package/dist/6713.creaditor.bundle.js

@@ -14,7 +14,7 @@
     :host {
       position: fixed;
       inset: 0;
-      z-index: 2147483000;
+      z-index: var(--z-blocking, 2147483646);
       pointer-events: none;
       display: block;
     }

package/dist/6814.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6814],{46814(e,t,s){s.d(t,{default:()=>I});const n={en:{key:"English",value:"en"},he:{key:"Hebrew",value:"he"},ar:{key:"Arabic",value:"ar"}},o=Object.keys(n).map(e=>n[e]),r=e=>{const{component:t,commands:s,helpers:r,template:a}=e;return{select:e=>{let{changeTab:t,tab:s}=e;"design"!==s.text&&t("design")},tabs:e=>{const t=[{text:"design"}];return t.forEach(t=>t.selected=t.text===e),t},layout:e=>{let{tab:r,changeTab:a,tabs:l}=e;return[{type:"input",title:"address",value:t.props.address,onChange:e=>{const t=e.target.value;s.execCommand("address",t)}},{type:"divider"},{type:"dropdown",title:"type",active:()=>"design"===r.text,selected:n[t.props.lang]?.value,value:n[t.props.lang]?.value,onChange:e=>{const t=e.target.value;s.execCommand("lang",t)},items:o},{type:"divider"},{type:"slider",title:"size",min:100,max:1e3,active:()=>"design"===r.text,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;s.execCommand("style",{width:t+"px",height:t/1.8+"px"})}},{type:"divider"},{type:"radius",title:"radius",active:()=>"design"===r.text,min:0,max:parseInt(t.props.style.width)/2,value:parseInt(t.props.style.borderRadius),elementId:t.id,borderTopRightRadius:parseInt(t.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(t.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(t.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(t.props.style.borderBottomLeftRadius),onInput:e=>{s.execCommand("style",{...e.target.json})}}]}}};var a=s(52144);const l=e=>{let{helpers:t,image:s}=e;return{set:(e,t,s)=>{switch(t){case"style":if("object"==typeof s)return e[t]=(0,a.A)(e[t],s),!0;case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"onClick":case"alt":return e[t]=s,!0}}}},i="AIzaSyAAWI9NHgjWXKv6Vu2RqsMnzcHd5gx3vvY";var p=s(72591),d=s.n(p),c=s(88639),m=s.n(c),u=s(88128),h=s.n(u),g=s(30855),A=s.n(g),y=s(93051),v=s.n(y),b=s(69632),C={};C.setAttributes=A(),C.insert=h().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=v();d()(b.A,C);const f=b.A&&b.A.locals?b.A.locals:void 0,I=()=>{!function(){const e="google-google-map-script";if(document.getElementById(e))return null;let t=document.createElement("script");t.id=e,t.type="text/javascript",t.src=`https://maps.googleapis.com/maps/api/js?key=${i}&callback=initMap`,document.body.appendChild(t)}();return{name:"map",create:e=>{const{createElement:t,compose:s,helpers:n}=e,o=document.createElement("div");o.classList.add(f.root);const a=document.createElement("div");a.classList.add(f.cover);const p=document.createElement("iframe");return p.loading="lazy",p.allowFullscreen="true",p.referrerpolicy="no-referrer-when-downgrade",o.append(p,a),t({name:"map",id:s.id,template:o,atomElement:p,render:()=>{p.width=s.props.style.width,p.height=s.props.style.height;const e=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";return`https://www.google.com/maps/embed/v1/place?q=${encodeURIComponent(e)}&key=${i}&language=${t}`}(s.props.address,s.props.lang);p.src=e;for(const e in s.props.style)if(Object.hasOwnProperty.call(s.props.style,e)){const t=s.props.style[e];p.style[e]=t}},defaultProps:{style:{height:"200px",width:"200px"},address:"תל אביב"},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>o,handleBar:!0,validator:l({template:o,helpers:n}),schema:s.schema,onSelect:e=>{o.classList.add(e)},onDeselect:e=>{o.classList.remove(e)},elementProps:s,remove:()=>{o.remove()},createEditor:r})}}}},69632(e,t,s){s.d(t,{A:()=>l});var n=s(82001),o=s.n(n),r=s(40935),a=s.n(r)()(o());a.push([e.id,".K7psR4JLWOUIitZzJsh_ {\n    position: relative;\n  }\n  .D3YnVg9f4nr9mHqbRr27 {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .K7psR4JLWOUIitZzJsh_:hover .D3YnVg9f4nr9mHqbRr27 {\n    display: block;\n  }\n  ","",{version:3,sources:["webpack://./../web-editors/map-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,kBAAkB;EACpB;EACA;IACE,aAAa;IACb,WAAW;IACX,YAAY;IACZ,OAAO;IACP,MAAM;IACN,kBAAkB;IAClB,gCAAgC;IAChC,YAAY;EACd;;EAEA;IACE,cAAc;EAChB",sourcesContent:[".root {\n    position: relative;\n  }\n  .cover {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .root:hover .cover {\n    display: block;\n  }\n  "],sourceRoot:""}]),a.locals={root:"K7psR4JLWOUIitZzJsh_",cover:"D3YnVg9f4nr9mHqbRr27"};const l=a}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6814],{46814(e,t,s){s.d(t,{default:()=>I});const n={en:{key:"English",value:"en"},he:{key:"Hebrew",value:"he"},ar:{key:"Arabic",value:"ar"}},o=Object.keys(n).map(e=>n[e]),r=e=>{const{component:t,commands:s,helpers:r,template:a}=e;return{select:e=>{let{changeTab:t,tab:s}=e;"style"!==s.text&&t("style")},tabs:e=>{const t=[{text:"style"}];return t.forEach(t=>t.selected=t.text===e),t},layout:e=>{let{tab:r,changeTab:a,tabs:l}=e;return[{type:"input",title:"address",value:t.props.address,onChange:e=>{const t=e.target.value;s.execCommand("address",t)}},{type:"divider"},{type:"dropdown",title:"type",active:()=>"style"===r.text,selected:n[t.props.lang]?.value,value:n[t.props.lang]?.value,onChange:e=>{const t=e.target.value;s.execCommand("lang",t)},items:o},{type:"divider"},{type:"slider",title:"size",min:100,max:1e3,active:()=>"style"===r.text,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;s.execCommand("style",{width:t+"px",height:t/1.8+"px"})}},{type:"divider"},{type:"radius",title:"radius",active:()=>"style"===r.text,min:0,max:parseInt(t.props.style.width)/2,value:parseInt(t.props.style.borderRadius),elementId:t.id,borderTopRightRadius:parseInt(t.props.style.borderTopRightRadius),borderTopLeftRadius:parseInt(t.props.style.borderTopLeftRadius),borderBottomRightRadius:parseInt(t.props.style.borderBottomRightRadius),borderBottomLeftRadius:parseInt(t.props.style.borderBottomLeftRadius),onInput:e=>{s.execCommand("style",{...e.target.json})}}]}}};var a=s(52144);const l=e=>{let{helpers:t,image:s}=e;return{set:(e,t,s)=>{switch(t){case"style":if("object"==typeof s)return e[t]=(0,a.A)(e[t],s),!0;case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"onClick":case"alt":return e[t]=s,!0}}}},p="AIzaSyAAWI9NHgjWXKv6Vu2RqsMnzcHd5gx3vvY";var i=s(72591),d=s.n(i),c=s(88639),m=s.n(c),u=s(88128),h=s.n(u),y=s(30855),A=s.n(y),g=s(93051),v=s.n(g),b=s(69632),C={};C.setAttributes=A(),C.insert=h().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=v();d()(b.A,C);const f=b.A&&b.A.locals?b.A.locals:void 0,I=()=>{!function(){const e="google-google-map-script";if(document.getElementById(e))return null;let t=document.createElement("script");t.id=e,t.type="text/javascript",t.src=`https://maps.googleapis.com/maps/api/js?key=${p}&callback=initMap`,document.body.appendChild(t)}();return{name:"map",create:e=>{const{createElement:t,compose:s,helpers:n}=e,o=document.createElement("div");o.classList.add(f.root);const a=document.createElement("div");a.classList.add(f.cover);const i=document.createElement("iframe");return i.loading="lazy",i.allowFullscreen="true",i.referrerpolicy="no-referrer-when-downgrade",o.append(i,a),t({name:"map",id:s.id,template:o,atomElement:i,render:()=>{i.width=s.props.style.width,i.height=s.props.style.height;const e=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";return`https://www.google.com/maps/embed/v1/place?q=${encodeURIComponent(e)}&key=${p}&language=${t}`}(s.props.address,s.props.lang);i.src=e;for(const e in s.props.style)if(Object.hasOwnProperty.call(s.props.style,e)){const t=s.props.style[e];i.style[e]=t}},defaultProps:{style:{height:"200px",width:"200px"},address:"תל אביב"},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>o,handleBar:!0,validator:l({template:o,helpers:n}),schema:s.schema,onSelect:e=>{o.classList.add(e)},onDeselect:e=>{o.classList.remove(e)},elementProps:s,remove:()=>{o.remove()},createEditor:r})}}}},69632(e,t,s){s.d(t,{A:()=>l});var n=s(82001),o=s.n(n),r=s(40935),a=s.n(r)()(o());a.push([e.id,".K7psR4JLWOUIitZzJsh_ {\n    position: relative;\n  }\n  .D3YnVg9f4nr9mHqbRr27 {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .K7psR4JLWOUIitZzJsh_:hover .D3YnVg9f4nr9mHqbRr27 {\n    display: block;\n  }\n  ","",{version:3,sources:["webpack://./../web-editors/map-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,kBAAkB;EACpB;EACA;IACE,aAAa;IACb,WAAW;IACX,YAAY;IACZ,OAAO;IACP,MAAM;IACN,kBAAkB;IAClB,gCAAgC;IAChC,YAAY;EACd;;EAEA;IACE,cAAc;EAChB",sourcesContent:[".root {\n    position: relative;\n  }\n  .cover {\n    display: none;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    position: absolute;\n    background-color: var(--primary);\n    opacity: 0.6;\n  }\n  \n  .root:hover .cover {\n    display: block;\n  }\n  "],sourceRoot:""}]),a.locals={root:"K7psR4JLWOUIitZzJsh_",cover:"D3YnVg9f4nr9mHqbRr27"};const l=a}}]);