@creaditor/newsletter-starterkit 1.0.15 → 1.0.17

package/dist/6085.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6085],{76085:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});const o=e=>{{const{component:n,commands:t}=e;return{select:e=>{let{changeTab:n,tab:t}=e;"design"!==t.text&&n("design")},tabs:e=>{const n=[{text:"design"}];return n.forEach((n=>n.selected=n.selected=n.text===e)),n},layout:e=>{let{tab:o,changeTab:r,tabs:s}=e;return[{type:"slider",title:"height",unit:"px",value:parseFloat(n.props.size),min:10,max:900,onInput:e=>{const n=e.target.value;t.execCommand("size",n+"px")}}]}}}},r=()=>({set:(e,n,t)=>"size"===n&&(e[n]=t,!0)});var s=t(46062),a=t.n(s),i=t(32877),c=t.n(i),d=t(96793),A=t.n(d),l=t(17892),u=t.n(l),C=t(11173),g=t.n(C),p=t(12460),m={};m.setAttributes=u(),m.insert=A().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();a()(p.Z,m);const b=p.Z&&p.Z.locals?p.Z.locals:void 0,h=()=>{const e="spacer";return{name:e,create:n=>{let{createElement:t,compose:s,helpers:a}=n;const i=document.createElement("div");i.classList.add(b.root);const c=t({name:e,id:s.id,template:i,defaultProps:{size:"200px"},draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,render:e=>{i.style.height=s.props.size||"200px"},validator:r(),getRenderedHTML:()=>`<div style="height:${s.props.size}"></div>`,schema:s.schema,onSelect:e=>{i.classList.add(e)},onDeselect:e=>{i.classList.remove(e)},elementProps:s,remove:()=>{i.remove()},createEditor:o});return((e,n)=>{const t=document.createElement("div");t.classList.add(b.resizeBar),t.setAttribute("draggable","false"),e.appendChild(t);let o=!1,r=0,s=0;const a=t=>{if(!o)return;const a=t.clientY-r,i=Math.max(10,s+a)+"px";e.style.height=i,n.commands.execCommand("size",i)},i=()=>{o&&(o=!1,t.classList.remove(b.dragging),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",i))};t.addEventListener("mousedown",(n=>{n.preventDefault(),n.stopPropagation(),o=!0,r=n.clientY,s=e.getBoundingClientRect().height,document.addEventListener("mousemove",a),document.addEventListener("mouseup",i),t.classList.add(b.dragging)}))})(i,c),c}}}},12460:(e,n,t)=>{t.d(n,{Z:()=>i});var o=t(40272),r=t.n(o),s=t(82609),a=t.n(s)()(r());a.push([e.id,'._uw9KRVH9LQgeEfRbCMc{\n    width: 100%;\n    position: relative;\n}\n._uw9KRVH9LQgeEfRbCMc::after{\n    content: "";\n    outline: 2px dashed rgb(57, 170, 193);\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(63, 115, 125, 0.071);\n}\n.pHN60up03tmA8yXcCz2x{\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 8px;\n    cursor: ns-resize;\n    z-index: 10;\n    background-color: rgba(57, 170, 193, 0.3);\n    transition: background-color 0.2s;\n}\n.pHN60up03tmA8yXcCz2x:hover{\n    background-color: rgba(57, 170, 193, 0.6);\n}\n.pHN60up03tmA8yXcCz2x.s1XSxBPYOixD5i8Xk9Qk{\n    background-color: rgba(57, 170, 193, 0.8);\n}',"",{version:3,sources:["webpack://./../spacer-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,WAAW;IACX,kBAAkB;AACtB;AACA;IACI,WAAW;IACX,qCAAqC;IACrC,cAAc;IACd,WAAW;IACX,YAAY;IACZ,2CAA2C;AAC/C;AACA;IACI,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;IACX,iBAAiB;IACjB,WAAW;IACX,yCAAyC;IACzC,iCAAiC;AACrC;AACA;IACI,yCAAyC;AAC7C;AACA;IACI,yCAAyC;AAC7C",sourcesContent:['.root{\n    width: 100%;\n    position: relative;\n}\n.root::after{\n    content: "";\n    outline: 2px dashed rgb(57, 170, 193);\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(63, 115, 125, 0.071);\n}\n.resizeBar{\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 8px;\n    cursor: ns-resize;\n    z-index: 10;\n    background-color: rgba(57, 170, 193, 0.3);\n    transition: background-color 0.2s;\n}\n.resizeBar:hover{\n    background-color: rgba(57, 170, 193, 0.6);\n}\n.resizeBar.dragging{\n    background-color: rgba(57, 170, 193, 0.8);\n}'],sourceRoot:""}]),a.locals={root:"_uw9KRVH9LQgeEfRbCMc",resizeBar:"pHN60up03tmA8yXcCz2x",dragging:"s1XSxBPYOixD5i8Xk9Qk"};const i=a}}]);

package/dist/6652.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6652],{96652:(e,n,t)=>{t.r(n);var o=t(40949),a=t(43214),r=t(46062),s=t.n(r),l=t(32877),p=t.n(l),A=t(96793),c=t.n(A),i=t(17892),d=t.n(i),m=t(11173),C=t.n(m),f=t(9328),b={};b.setAttributes=d(),b.insert=c().bind(null,"head"),b.domAPI=p(),b.insertStyleElement=C();s()(f.Z,b);const g=f.Z&&f.Z.locals?f.Z.locals:void 0;var x=t(58860),E=t(70235),h=(t(22401),t(45607));let u,y=[],B=!1;const k=e=>{const n=e.detail,t=E.h.get("components",n.dataset.id);if(!t)throw new Error("component is not defined");const o=t?.element?.nextElementSibling;if(o){const e=E.h.get("components",o.dataset.id);e&&h.Z.clean().selectComponent(e)}else{const e=t.element.previousElementSibling;if(e){const n=E.h.get("components",e.dataset.id);n&&h.Z.clean().selectComponent(n)}}h.Z.store().removeComponent({componentId:t.id})},v=()=>{const e=E.h.get("config","editor","configure","editorProps");if(!e)return!0;return e&&"object"==typeof e&&!1!==e.addNewElementsFunctionality},w=(0,o.Z)("cdtr-element-handle-bar",{onRemove:k,onClone:e=>{const n=e.detail,t=E.h.get("components",n.dataset.id);if(!t)throw new Error("component is not defined");const o=t.closest("section");let a=o.children.findIndex((e=>e===t.id));"number"!=typeof a?a=0:a++,h.Z.cloneComponent({componentId:t.id,parentId:o.id,index:a})},target:".block-component"}),Z=(0,o.Z)("paper-button",{style:{left:0,top:0,opacity:.7},className:g.componentName}),W=(0,o.Z)("paper-button",{style:{left:0,top:0,zIndex:100,minWidth:"60px"},className:g.componentName}),M=(0,o.Z)("paper-button",{style:{left:0,top:0,opacity:.7},className:`${g.componentCardName} ${g.componentName}`},E.h.get("lang","card")),N=(0,o.Z)("paper-button",{style:{left:"10%",top:0,opacity:.7,transform:"translateY(-100%)",zIndex:3},className:`${g.componentName}`},E.h.get("lang","block")||"block"),U=(0,o.Z)("cdtr-fab-button",{"data-name":"add-new-block-v1",onMouseUp:e=>{x.Z.dispatch("open_add_menu",{type:"block-component",target:e.target.closest(".block-component")})},class:g.addIcon},(0,o.Z)("cdtr-add-icon",{iconStyle:"fill:#fff;"}));a.Z.connect(a.F.KEY_DOWN,(e=>{if("Delete"===e.key){const n=document.querySelector("[data-type='block'].selected");n&&(e.preventDefault(),k({detail:n}))}}));const S=(0,o.Z)("div",{className:g.breadcrumbs});a.Z.connect(a.F.KEY_DOWN,(e=>{if("Control"!==e.key||!document.activeElement||document.activeElement.closest("[contenteditable]"))return;B=!0;h.Z.components.find((e=>e.isSelected))&&document.body.appendChild(S)})),a.Z.connect(a.F.KEY_UP,(e=>{B=!1}));const z=e=>{let{path:n,target:t,shiftKey:o,ctrlKey:a}=e;const r=a;if(E.h.set({ctrlKey:r}),t.closest("cdtr-move-handle-bar"))return;let s=t.closest("[class*='-component']");t.closest(".block-component");setTimeout((()=>{if(!s)return;const e=E.h.get("components",s.dataset.id);if(s&&e)if(r&&h.Z.components.length>0&&h.Z.components[0].type===e.type)h.Z.selectComponent(e);else switch(h.Z.clean().selectComponent(e),s.appendChild(W),W.dataset.mounted=e.type,W.innerHTML=e.props.name||E.h.get("lang",e.type)||e.type.getElementType(),e.type){case"block":W.style.left="10%",W.style.transform="rotate(0deg) translate(-5%,-100%)";break;case"form":W.style.left="100%",W.style.transform="rotate(90deg) translate(10%, -7px)";break;case"card":W.style.transform="translate(-70%,120%) rotate(-90deg)",W.style.left="0",W.style.top="0";const e=E.h.get("components",W.dataset.id);e&&(W.innerHTML=e.props.name||E.h.get("lang",e.type)||e.type.getElementType());break;default:W.style.transform="rotate(0deg) translate(-103%,-100%)",W.style.left="100%"}else{if(s=s.closest(".text-component"),!s)return h.Z.clean();h.Z.clean().selectComponent(e)}if(h.Z.components.filter((e=>"block"!==e.type&&"section"!==e.type)).length>0)w.remove(),U.remove();else{const e=h.Z.components.find((e=>"block"===e.type));e&&(u=e,v()&&(e.appendChild(w),e.appendChild(U)))}}),130)},F=e=>{const n=e.target;if(!n)return;let t=n.closest("[class*='-component']");if(t){const e=t.closest(".card-component"),o=t.closest(".block-component"),a=E.h.get("components",t.dataset.id);if(a){switch(Z.innerHTML=a.props.name||E.h.get("lang",a.type)||a.type.getElementType(),t.appendChild(Z),a.type){case"card":case"form":case"block":Z.remove();break;case"form":Z.style.left="100%",Z.style.transform="rotate(90deg) translate(10%, -7px)";break;default:Z.style.transform="translate(-103%,-100%)",Z.style.left="100%"}e?e.appendChild(M):n.closest(".card-component")||M.remove(),o&&(o?o.appendChild(N):N.remove())}y.forEach((e=>e.classList.remove("selected-on-hover"))),a&&"form"===a.type&&(t=n.closest(".card-component")),t.classList.add("selected-on-hover"),y=[t];const r=n.closest("section.section-component");Array.from(document.body.querySelectorAll(".section-component"));if(u===r&&u&&u.contains(w))return;const s=h.Z.components.filter((e=>"block"!==e.type&&"section"!==e.type));o&&0===s.length?(u=o,v()&&(o.appendChild(w),o.appendChild(U))):(w.remove(),o&&v()&&o.appendChild(U),u=null),o||U.remove()}else Z.remove(),N.remove()},O=setInterval((()=>{document.querySelector("#main-page--cdtr")&&(clearInterval(O),document.querySelector("#main-page--cdtr").addEventListener(a.F.MOUSE_DOWN,z),a.Z.connect(a.F.MOUSE_OVER,F))}),300)},9328:(e,n,t)=>{t.d(n,{Z:()=>l});var o=t(40272),a=t.n(o),r=t(82609),s=t.n(r)()(a());s.push([e.id,".MO1bHL0Mf6pjhEtylQC_ {\n  outline: 1px solid var(--primary) !important;\n}\n.MO1bHL0Mf6pjhEtylQC_ {\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.QRabUK5WcW0UEvk5Gl4A{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.fFpcfOw2e_4jcwlu9RkW{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.xx7ldRh0c8iUAfIGZgAA {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.NaXFMGugy5ZAgwCl1CR2 {\n  transform: translateY(-100%);\n}\n.xJCqQVfziE9Wepw5WRYw {\n  outline: black 1px solid;\n}\n.o4KmgQFcCaF1bh4BEUrs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.XmM6cGXGiBaGwyP5KrLn {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.bgoCbWHegQxp7l0GPJa1 {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.xUyjjx7MdpTSI8OJ7U8q {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.xUyjjx7MdpTSI8OJ7U8q:active {\n  cursor: grabbing !important;\n}\n","",{version:3,sources:["webpack://./src/core/EditorUI/handlers/handleComponents/style.module.css"],names:[],mappings:"AAAA;EACE,4CAA4C;AAE9C;AAHA;EAEE,wCAAwC;AAC1C;AACA;EACE,MAAM;EACN,KAAK;EACL,UAAU;EACV;AACF;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,0BAA0B;EAC1B,uBAAkB;EAAlB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,0BAA0B;EAC1B,eAAe;EACf,sFAAsF;AACxF;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,eAAe;EACf,WAAW;EACX,YAAY;EACZ,UAAU;AACZ;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,qBAAqB;EACrB,gBAAgB;EAChB;0CACwC;AAC1C;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,+BAA+B;EAC/B,WAAW;EACX,0BAA0B;EAC1B,YAAY;EACZ,WAAW;EACX,mBAAmB;EACnB,2FAA2F;AAC7F;AACA;EACE,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,2CAA2C;EAC3C,YAAY;EACZ,eAAe;EACf,YAAY;AACd;AACA;EACE,2BAA2B;AAC7B",sourcesContent:[".onHover {\n  outline: 1px solid var(--primary) !important;\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.componentCardName{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.componentName{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.tagContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.tagName {\n  transform: translateY(-100%);\n}\n.pesudoSelected {\n  outline: black 1px solid;\n}\n.breadcrumbs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.addIcon {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.addSection {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.colHandle {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.colHandle:active {\n  cursor: grabbing !important;\n}\n"],sourceRoot:""}]),s.locals={onHover:"MO1bHL0Mf6pjhEtylQC_",componentCardName:"QRabUK5WcW0UEvk5Gl4A",componentName:"fFpcfOw2e_4jcwlu9RkW",tagContainer:"xx7ldRh0c8iUAfIGZgAA",tagName:"NaXFMGugy5ZAgwCl1CR2",pesudoSelected:"xJCqQVfziE9Wepw5WRYw",breadcrumbs:"o4KmgQFcCaF1bh4BEUrs",addIcon:"XmM6cGXGiBaGwyP5KrLn",addSection:"bgoCbWHegQxp7l0GPJa1",colHandle:"xUyjjx7MdpTSI8OJ7U8q"};const l=s}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6652],{96652:(e,n,t)=>{t.r(n);var o=t(40949),a=t(43214),r=t(46062),s=t.n(r),l=t(32877),c=t.n(l),p=t(96793),i=t.n(p),A=t(17892),d=t.n(A),m=t(11173),C=t.n(m),f=t(9328),b={};b.setAttributes=d(),b.insert=i().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=C();s()(f.Z,b);const g=f.Z&&f.Z.locals?f.Z.locals:void 0;var x=t(58860),h=t(70235),E=(t(1434),t(45607));let u,y=[],B=!1;const k=e=>{const n=e.detail,t=h.h.get("components",n.dataset.id);if(!t)throw new Error("component is not defined");const o=t?.element?.nextElementSibling;if(o){const e=h.h.get("components",o.dataset.id);e&&E.Z.clean().selectComponent(e)}else{const e=t.element.previousElementSibling;if(e){const n=h.h.get("components",e.dataset.id);n&&E.Z.clean().selectComponent(n)}}E.Z.store().removeComponent({componentId:t.id})},v=(0,o.Z)("cdtr-background-handle-bar",{onClick:()=>{setTimeout((()=>{E.Z.selectComponent(h.h.get("components").find((e=>e.type.equalWith("root"))))}),0)},target:".section-component",onRemove:k}),Z=()=>{const e=h.h.get("config","editor","configure","editorProps");if(!e)return!0;return e&&"object"==typeof e&&!1!==e.addNewElementsFunctionality},w=(0,o.Z)("cdtr-element-handle-bar",{onRemove:k,onClone:e=>{const n=e.detail,t=h.h.get("components",n.dataset.id);if(!t)throw new Error("component is not defined");const o=t.closest("section");let a=o.children.findIndex((e=>e===t.id));"number"!=typeof a?a=0:a++,E.Z.cloneComponent({componentId:t.id,parentId:o.id,index:a})},target:".block-component"}),W=(0,o.Z)("paper-button",{style:{left:0,top:0,opacity:.7},className:g.componentName}),S=(0,o.Z)("paper-button",{style:{left:0,top:0,zIndex:100,minWidth:"60px"},className:g.componentName}),M=(0,o.Z)("paper-button",{style:{left:0,top:0,opacity:.7},className:`${g.componentCardName} ${g.componentName}`},h.h.get("lang","card")),N=(0,o.Z)("paper-button",{style:{left:"10%",top:0,opacity:.7,transform:"translateY(-100%)",zIndex:3},className:`${g.componentName}`},h.h.get("lang","block")||"block"),U=(0,o.Z)("cdtr-fab-button",{"data-name":"add-new-block-v1",onMouseUp:e=>{x.Z.dispatch("open_add_menu",{type:"block-component",target:e.target.closest(".block-component")})},class:g.addIcon},(0,o.Z)("cdtr-add-icon",{iconStyle:"fill:#fff;"})),z=(0,o.Z)("paper-button",{onClick:e=>x.Z.dispatch("open_add_menu",{type:"section-component",target:e.target.closest(".section-component")}),class:g.addSection},(0,o.Z)("cdtr-add-icon",{iconStyle:"fill:#fff;"}),(0,o.Z)("lang-text",{text:"add_section"}));a.Z.connect(a.F.KEY_DOWN,(e=>{if("Delete"===e.key){const n=document.querySelector("[data-type='block'].selected");n&&(e.preventDefault(),k({detail:n}))}}));const F=(0,o.Z)("div",{className:g.breadcrumbs});a.Z.connect(a.F.KEY_DOWN,(e=>{if("Control"!==e.key||!document.activeElement||document.activeElement.closest("[contenteditable]"))return;B=!0;E.Z.components.find((e=>e.isSelected))&&document.body.appendChild(F)})),a.Z.connect(a.F.KEY_UP,(e=>{B=!1}));const O=e=>{let{path:n,target:t,shiftKey:o,ctrlKey:a}=e;const r=a;if(h.h.set({ctrlKey:r}),t.closest("cdtr-move-handle-bar"))return;let s=t.closest("[class*='-component']");t.closest(".block-component");setTimeout((()=>{if(!s)return;const e=h.h.get("components",s.dataset.id);if(s&&e)if(r&&E.Z.components.length>0&&E.Z.components[0].type===e.type)E.Z.selectComponent(e);else switch(E.Z.clean().selectComponent(e),s.appendChild(S),S.dataset.mounted=e.type,S.innerHTML=e.props.name||h.h.get("lang",e.type)||e.type.getElementType(),e.type){case"block":S.style.left="10%",S.style.transform="rotate(0deg) translate(-5%,-100%)";break;case"form":S.style.left="100%",S.style.transform="rotate(90deg) translate(10%, -7px)";break;case"card":S.style.transform="translate(-70%,120%) rotate(-90deg)",S.style.left="0",S.style.top="0";const e=h.h.get("components",S.dataset.id);e&&(S.innerHTML=e.props.name||h.h.get("lang",e.type)||e.type.getElementType());break;default:S.style.transform="rotate(0deg) translate(-103%,-100%)",S.style.left="100%"}else{if(s=s.closest(".text-component"),!s)return E.Z.clean();E.Z.clean().selectComponent(e)}if(E.Z.components.filter((e=>"block"!==e.type&&"section"!==e.type)).length>0)w.remove(),U.remove();else{const e=E.Z.components.find((e=>"block"===e.type));e&&(u=e,Z()&&(e.appendChild(w),e.appendChild(U)))}}),130)},I=e=>{const n=e.target;if(!n)return;let t=n.closest("[class*='-component']");if(t){const e=t.closest(".card-component"),o=t.closest(".block-component"),a=h.h.get("components",t.dataset.id);if(a){switch(W.innerHTML=a.props.name||h.h.get("lang",a.type)||a.type.getElementType(),t.appendChild(W),a.type){case"card":case"form":case"block":W.remove();break;case"form":W.style.left="100%",W.style.transform="rotate(90deg) translate(10%, -7px)";break;default:W.style.transform="translate(-103%,-100%)",W.style.left="100%"}e?e.appendChild(M):n.closest(".card-component")||M.remove(),o&&(o?o.appendChild(N):N.remove())}y.forEach((e=>e.classList.remove("selected-on-hover"))),a&&"form"===a.type&&(t=n.closest(".card-component")),t.classList.add("selected-on-hover"),y=[t];const r=n.closest("section.section-component"),s=Array.from(document.body.querySelectorAll(".section-component"));if(v.sectionCounter=s.length,r?Z()&&(r.appendChild(z),r.appendChild(v)):v.remove(),u===r&&u&&u.contains(w))return;const l=E.Z.components.filter((e=>"block"!==e.type&&"section"!==e.type));o&&0===l.length?(u=o,Z()&&(o.appendChild(w),o.appendChild(U))):(w.remove(),o&&Z()&&o.appendChild(U),u=null),o||U.remove()}else W.remove(),N.remove()},Y=setInterval((()=>{document.querySelector("#main-page--cdtr")&&(clearInterval(Y),document.querySelector("#main-page--cdtr").addEventListener(a.F.MOUSE_DOWN,O),a.Z.connect(a.F.MOUSE_OVER,I))}),300)},9328:(e,n,t)=>{t.d(n,{Z:()=>l});var o=t(40272),a=t.n(o),r=t(82609),s=t.n(r)()(a());s.push([e.id,".MO1bHL0Mf6pjhEtylQC_ {\n  outline: 1px solid var(--primary) !important;\n}\n.MO1bHL0Mf6pjhEtylQC_ {\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.QRabUK5WcW0UEvk5Gl4A{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.fFpcfOw2e_4jcwlu9RkW{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.xx7ldRh0c8iUAfIGZgAA {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.NaXFMGugy5ZAgwCl1CR2 {\n  transform: translateY(-100%);\n}\n.xJCqQVfziE9Wepw5WRYw {\n  outline: black 1px solid;\n}\n.o4KmgQFcCaF1bh4BEUrs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.XmM6cGXGiBaGwyP5KrLn {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.bgoCbWHegQxp7l0GPJa1 {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.xUyjjx7MdpTSI8OJ7U8q {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.xUyjjx7MdpTSI8OJ7U8q:active {\n  cursor: grabbing !important;\n}\n","",{version:3,sources:["webpack://./src/core/EditorUI/handlers/handleComponents/style.module.css"],names:[],mappings:"AAAA;EACE,4CAA4C;AAE9C;AAHA;EAEE,wCAAwC;AAC1C;AACA;EACE,MAAM;EACN,KAAK;EACL,UAAU;EACV;AACF;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,0BAA0B;EAC1B,uBAAkB;EAAlB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,0BAA0B;EAC1B,eAAe;EACf,sFAAsF;AACxF;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,eAAe;EACf,WAAW;EACX,YAAY;EACZ,UAAU;AACZ;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,qBAAqB;EACrB,gBAAgB;EAChB;0CACwC;AAC1C;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,+BAA+B;EAC/B,WAAW;EACX,0BAA0B;EAC1B,YAAY;EACZ,WAAW;EACX,mBAAmB;EACnB,2FAA2F;AAC7F;AACA;EACE,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,2CAA2C;EAC3C,YAAY;EACZ,eAAe;EACf,YAAY;AACd;AACA;EACE,2BAA2B;AAC7B",sourcesContent:[".onHover {\n  outline: 1px solid var(--primary) !important;\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.componentCardName{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.componentName{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.tagContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.tagName {\n  transform: translateY(-100%);\n}\n.pesudoSelected {\n  outline: black 1px solid;\n}\n.breadcrumbs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.addIcon {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.addSection {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.colHandle {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.colHandle:active {\n  cursor: grabbing !important;\n}\n"],sourceRoot:""}]),s.locals={onHover:"MO1bHL0Mf6pjhEtylQC_",componentCardName:"QRabUK5WcW0UEvk5Gl4A",componentName:"fFpcfOw2e_4jcwlu9RkW",tagContainer:"xx7ldRh0c8iUAfIGZgAA",tagName:"NaXFMGugy5ZAgwCl1CR2",pesudoSelected:"xJCqQVfziE9Wepw5WRYw",breadcrumbs:"o4KmgQFcCaF1bh4BEUrs",addIcon:"XmM6cGXGiBaGwyP5KrLn",addSection:"bgoCbWHegQxp7l0GPJa1",colHandle:"xUyjjx7MdpTSI8OJ7U8q"};const l=s}}]);

package/dist/6737.creaditor.bundle.js

@@ -1,10 +1,9 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6737],{36737:(t,e,r)=>{r.r(e),r.d(e,{BorderEditor:()=>n});var o=r(56666),d=r(21293),i=r(70235);r(45607);class n extends d.oi{constructor(t){super(),this.theme=i.h.get("theme"),this.borderStyle="solid",this.borderTypes=[{name:"none",value:"none"},{name:"solid",value:"solid"},{name:"dashed",value:"dashed"},{name:"dotted",value:"dotted"},{name:"outset",value:"outset"},{name:"groove",value:"groove"},{name:"double",value:"double"},{name:"ridge",value:"ridge"}],this.cmds={onChangeSize:t=>{const e=t.target.value;this.borderWidth=e+"px",this.key="borderWidth",this.dispacher()},onChangeborderStyle:t=>{this.borderStyle=t,this.key="borderStyle",this.dispacher()},onChangeColor(t){const e=t.target.value;this.color=e,this.borderColor=e,this.key="color",this.dispacher()}}}dispacher(){const t=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}render(){return d.dy`
-         <h4>
-          <lang-text text="border_editor"></lang-text>
-       </h4>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[6737],{36737:(t,e,r)=>{r.r(e),r.d(e,{BorderEditor:()=>s});var o=r(56666),d=r(21293),i=r(70235);class s extends d.oi{constructor(t){super(),this.theme=i.h.get("theme"),this.borderStyle="solid",this.borderTypes=[{name:"none",value:"none"},{name:"solid",value:"solid"},{name:"dashed",value:"dashed"},{name:"dotted",value:"dotted"},{name:"outset",value:"outset"},{name:"groove",value:"groove"},{name:"double",value:"double"},{name:"ridge",value:"ridge"}],this.cmds={onChangeBorderWidth:t=>{if(t.target.isLock)this.borderWidth=t.target.value+"px",this.borderTopWidth=t.target.value,this.borderBottomWidth=t.target.value,this.borderLeftWidth=t.target.value,this.borderRightWidth=t.target.value,this.key="borderWidth",this.dispacher();else{const e=t.target.topValue,r=t.target.bottomValue,o=t.target.leftValue,d=t.target.rightValue;this.borderWidth=e,this.borderTopWidth=e,this.borderBottomWidth=r,this.borderLeftWidth=o,this.borderRightWidth=d,this.key="borderWidth",this.dispacher()}},onChangeborderStyle:t=>{this.borderStyle=t,this.key="borderStyle",this.dispacher()},onChangeColor(t){const e=t.target.value;this.color=e,this.borderColor=e,this.key="color",this.dispacher()},onChangeRadius:t=>{const e=t.target.json;this.borderTopRightRadius=e.borderTopRightRadius,this.borderTopLeftRadius=e.borderTopLeftRadius,this.borderBottomRightRadius=e.borderBottomRightRadius,this.borderBottomLeftRadius=e.borderBottomLeftRadius,this.key="borderRadius",this.dispacher()}}}dispacher(){const t={borderColor:this.borderColor||this.color||"",borderStyle:this.borderStyle||"solid",borderWidth:this.borderWidth||0,borderTopWidth:this.borderTopWidth??0,borderBottomWidth:this.borderBottomWidth??0,borderLeftWidth:this.borderLeftWidth??0,borderRightWidth:this.borderRightWidth??0,borderRadius:this.borderRadius??0,borderTopRightRadius:this.borderTopRightRadius??0,borderTopLeftRadius:this.borderTopLeftRadius??0,borderBottomRightRadius:this.borderBottomRightRadius??0,borderBottomLeftRadius:this.borderBottomLeftRadius??0,key:this.key},e=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:t});this.dispatchEvent(e)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}render(){const t=(this.borderRadius||"").toString().split(/\s+/);let[e=0,r=0,o=0,i=0]=t.map((t=>parseFloat(t)||0));const s=this.borderTopWidth||0,h=this.borderBottomWidth||0,a=this.borderLeftWidth||0,l=this.borderRightWidth||0;return e=this.borderTopRightRadius||e,r=this.borderTopLeftRadius||r,o=this.borderBottomRightRadius||o,i=this.borderBottomLeftRadius||i,d.dy`
+      <h5>
+        <lang-text text="border_editor"></lang-text>
+      </h5>
       <cdtr-editor-container>
-  
-        <cdtr-colorpicker-editor
+        <cdtr-colorpicker-editor .hasAlpha=${!1}
           @change=${this.cmds.onChangeColor}
           .value=${this.color||this.borderColor}
           text="color"
@@ -12,17 +11,28 @@
       </cdtr-editor-container>
 
       <cdtr-editor-container>
+        <cdtr-row>
+          <cdtr-title><lang-text text="radius"></lang-text></cdtr-title>
+        </cdtr-row>
+        <cdtr-radius-editor
+          .borderTopRightRadius=${e}
+          .borderTopLeftRadius=${r}
+          .borderBottomRightRadius=${o}
+          .borderBottomLeftRadius=${i}
+          @input=${this.cmds.onChangeRadius}
+        ></cdtr-radius-editor>
         <cdtr-row>
           <cdtr-title><lang-text text="size"></lang-text></cdtr-title>
         </cdtr-row>
-        <cdtr-range-input
-          .value="${parseInt(this.borderWidth)||0}"
-          @input=${this.cmds.onChangeSize}
-          unitColor=${this.theme.primary}
-          unit="px"
-          max="20"
-          min="1"
-        ></cdtr-range-input>
+
+        <cdtr-spacing style="display:flex;justify-content:center;"
+          topValue=${s}
+          bottomValue=${h}
+          leftValue=${a}
+          rightValue=${l}
+          @input=${this.cmds.onChangeBorderWidth}
+        >
+        </cdtr-spacing>
       </cdtr-editor-container>
       <cdtr-editor-container>
         <cdtr-row alignItems="center" jusitfyContent="space-between">
@@ -58,8 +68,8 @@
           </cdtr-col>
         </cdtr-row>
       </cdtr-editor-container>
-    `}}(0,o.Z)(n,"styles",d.iv`
+    `}}(0,o.Z)(s,"styles",d.iv`
     :host {
       direction: var(--direction-locale);
     }
-  `),(0,o.Z)(n,"properties",{type:{type:String},color:{type:String},borderColor:{type:String},borderStyle:{type:String},borderWidth:{type:Number}}),customElements.define("cdtr-border-editor",n)}}]);
+  `),(0,o.Z)(s,"properties",{type:{type:String},color:{type:String},borderColor:{type:String},borderStyle:{type:String},borderWidth:{type:Number},borderRadius:{type:Number},borderTopRightRadius:{type:Number},borderTopLeftRadius:{type:Number},borderBottomRightRadius:{type:Number},borderBottomLeftRadius:{type:Number},borderTopWidth:{type:Number},borderBottomWidth:{type:Number},borderLeftWidth:{type:Number},borderRightWidth:{type:Number}}),customElements.define("cdtr-border-editor",s)}}]);

package/dist/7911.creaditor.bundle.js

@@ -239,10 +239,10 @@ max-height: 90vh;max-width:500px;"
   <cdtr-width-editor
     text="${t.title}"
     unit="${t.unit}"
-    .step=${t.step||1}
+    step="${t.step||1}"
     max="${t.max||100}"
     min="${t.min||0}"
-    .value=${t.value||0}
+    .value="${t.value||0}"
     @input=${t.onInput}
     @change=${t.onChange}
     .sizes=${t.sizes||[]}

package/dist/7946.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7946],{7946:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});n(30814),n(70235);let a=!0;const r=e=>{{const{component:t,commands:n,helpers:r}=e,o=t.parent("col");return{select:e=>{let{changeTab:t,tab:n}=e;n.text||t("image")},tabs:e=>{const t=[{text:"image",selected:!0},{text:"design"},{text:"link"},{text:"ai"},{text:"settings"}];return e?(t.forEach((t=>t.selected=t.selected=t.text===e)),t):t},layout:e=>{const{tab:r,changeTab:s,tabs:i}=e;return[{type:"info",text:"image_micro_copy",active:()=>"image"===r.text},{type:"imagePrompt",active:()=>"ai"===r.text,onChange:e=>{e.target.value}},{type:"gallery",active:()=>"image"===r.text,src:t.props.src,hasPreview:!0,text:"openGalleryImage",justify:"flex-start",onChange:e=>{let t=e.detail;Array.isArray(t)&&(t=t[0]),n.execCommand("src",t.src)}},{type:"input",title:"add_urlAddress_from_media_site",active:()=>"image"===r.text,value:t.props.src||"",onChange:e=>{const t=e.target.value;n.execCommand("src",t)}},{type:"input",title:"altText",active:()=>"image"===r.text,value:t.props.alt||"",onChange:e=>{const t=e.target.value;n.execCommand("alt",t)}},{type:"checkbox",title:"fullWidthOnMobile",checked:!!t.props.isFullWidthOnMobile,active:()=>"image"===r.text,onChange:e=>{const t=e.target.checked;n.execCommand("isFullWidthOnMobile",t)}},{type:"divider",active:()=>"design"===r.text},{type:"checkbox",title:"keep_ratio",checked:!!a,active:()=>"design"===r.text,onChange:e=>{a=!a,s("design")}},{type:"slider",min:10,title:"size",active:()=>"design"===r.text&&a,max:a?1e3:o?.element?.offsetWidth,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px",height:"auto"})}},{type:"slider",min:10,title:"width",active:()=>"design"===r.text&&!a,max:a?1e3:o?.element?.offsetWidth,value:parseInt(t.props.style.width),onInput:e=>{const a=e.target.value,r=t.atomElement.getBoundingClientRect().height;n.execCommand("style",{width:a+"px",height:r+"px"})}},{type:"slider",min:10,title:"height",active:()=>"design"===r.text&&!a,max:2*o?.element?.offsetWidth,value:parseInt(t.props.style.height),onInput:e=>{const a=e.target.value,r=t.atomElement.getBoundingClientRect().width;n.execCommand("style",{height:a+"px",width:r+"px"})}},{type:"divider",active:()=>"design"===r.text},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===r.text,onChange:e=>{const t={link:e.target.value};n.execCommand("onClick",t)}}]}}}};var o=n(46245);const s=()=>({set:(e,t,n)=>{switch(t){case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"alt":case"onClick":return e[t]=n,!0;case"style":if("object"==typeof n)return e[t]=(0,o.Z)(e[t],n),!0}}});var i=n(46062),c=n.n(i),l=n(32877),d=n.n(l),p=n(96793),m=n.n(p),u=n(17892),g=n.n(u),y=n(11173),h=n.n(y),f=n(76555),v={};v.setAttributes=g(),v.insert=m().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=h();c()(f.Z,v);const w=f.Z&&f.Z.locals?f.Z.locals:void 0,x=()=>{const e="image";return{name:e,create:t=>{const{createElement:n,compose:a,helpers:o}=t,{arrayToString:i,mergeDiff:c}=o,l=document.createElement("img"),d=document.createElement("div");a.props.style&&!parseInt(a.props.style.height)&&(a.props.style.height="auto"),l.addEventListener("drop",(e=>{e.preventDefault();var t=e.dataTransfer.getData("text/html");const n=document.createElement("div");n.innerHTML=t;const r=n.querySelector("img");r&&r.src&&a.editor.store().updateComponent(a,"src",r.src)})),l.draggable=!0,l.src=a.props.src;const p=i(a.classList);function m(e){const t=e.target;t.classList.contains("amazingbar-content-wrapper")&&"INPUT"!==t.tagName&&"TEXTAREA"!==t.tagName&&("Delete"!==e.key&&"Backspace"!==e.key||u.commands.remove())}l.className=i(p,"editor-image",w.image),d.append(l),l.addEventListener("dblclick",(()=>{const e=document.createElement("cdtr-gallery");e.opened=!0,e.multi=!0,document.body.append(e),e.addEventListener("file",(t=>{let n=t.detail;Array.isArray(n)&&(n=n[0]),a.editor.store().execCommands([{key:"src",value:n.src},{key:"style",value:{height:"auto"}}]),e.opened=!1,setTimeout((()=>{e.remove()}),1500)})),e.addEventListener("close",(()=>{e.remove()}))}));const u=n({name:e,id:a.id,template:d,defaultProps:{style:{height:"auto",width:"200px"}},draggable:{group:"element"},droppable:{group:"element"},render:()=>{c(l,{style:a.props.style}),l.width=a.props.width||a.props.style.width,l.height=a.props.height||a.props.style.height,c(l,{src:a.props.src}),c(l,{alt:a.props.alt})},resizeable:()=>d,handleBar:!0,validator:s({template:d,image:l,helpers:o}),schema:a.schema,onSelect:e=>{l.classList.add(e),document.addEventListener("keyup",m)},onDeselect:e=>{l.classList.remove(e),document.removeEventListener("keyup",m)},elementProps:a,remove:()=>{d.remove()},createEditor:r});let g=0,y=0,h=!1,f=!1,v=!1,x=!1;return l.addEventListener("dragover",(e=>{e.preventDefault()})),l.addEventListener("dragstart",(e=>{g=e.clientX,y=e.clientY,h=!0,f=!1,v=!1,x=!1})),l.addEventListener("drag",(e=>{if(!h)return;const t=l.closest(".block-component")||l.closest("[data-block]")||l.parentElement;if(!t)return;const n=t.getBoundingClientRect(),a=n.width,r=n.left,o=e.clientX-r,s=.3*a,i=.7*a;if(o<s&&!f){f=!0,x=!1,v=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","start")}else if(o>i&&!v){v=!0,x=!1,f=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","end")}else if(o>=s&&o<=i&&!x){x=!0,f=!1,v=!1;const e=u.closest("col");e&&e.commands.execCommand("justify","center")}})),l.addEventListener("dragend",(e=>{h=!1,f=!1,v=!1,x=!1})),u}}}},76555:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(40272),r=n.n(a),o=n(82609),s=n.n(o)()(r());s.push([e.id,".DYtLgzP53oukeRBVqQDc{\n    display: block;\n    max-width: 100%;\n}","",{version:3,sources:["webpack://./../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:"DYtLgzP53oukeRBVqQDc"};const i=s},30814:(e,t,n)=>{n.d(t,{td:()=>d});const a=window.cdtrSignalKey||`___${Math.random().toString(36).substr(2,9)}`;window.cdtrSignalKey=a,window[a]||(window[a]={});const r=window[a],o=window.__cdtrEvents||{};function s(e){return crypto.subtle.digest("SHA-256",(new TextEncoder).encode(e)).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}function i(e){if(e.length%2!=0)throw new Error("Invalid hex string");const t=new Uint8Array(e.length/2);for(let n=0;n<e.length;n+=2)t[n/2]=parseInt(e.substr(n,2),16);return t}async function c(e){const t=await s(e),n=r[t];if(n){const e=await crypto.subtle.importKey("raw",i(t),{name:"AES-GCM"},!1,["encrypt","decrypt"]),a=await async function(e,t,n){const a=await crypto.subtle.decrypt({name:"AES-GCM",iv:t},e,n);return(new TextDecoder).decode(a)}(e,n.iv,n.encrypted);return JSON.parse(a)}return null}function l(e,t){if(o[e])for(const n in o[e])Object.prototype.hasOwnProperty.call(o[e],n)&&o[e][n].forEach((e=>e(t)));Array.isArray(o["*"])&&o["*"].forEach((e=>e(t)))}window.__cdtrEvents=o;const d={set:async function(e,t){const n=JSON.parse(JSON.stringify(t)),a=await s(e),c=await crypto.subtle.importKey("raw",i(a),{name:"AES-GCM"},!1,["encrypt","decrypt"]),d=await async function(e,t){const n=crypto.getRandomValues(new Uint8Array(12)),a=(new TextEncoder).encode(t),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:n},e,a);return{iv:n,encrypted:new Uint8Array(r)}}(c,JSON.stringify(n));r[a]=d,o.set&&o.set[a]&&o.set[a].forEach((e=>e(n))),Array.isArray(o["*"])&&o["*"].forEach((e=>e(n))),l(e,n)},get:c,remove:async function(e){const t=await s(e);delete r[t]},on:async function(e,t,n){o[e]||(o[e]={});const a=await s(t);o[e][a]||(o[e][a]=[]),o[e][a].push((e=>{!function(){const e=(new Error).stack;if(e&&e.indexOf(" at <anonymous>:1")>-1)throw console.warn("Function call blocked: Detected console execution."),new Error("Function call blocked: Detected console execution.")}(),n(e)}));const r=await c(t);return r&&n(r),a},off:function(e,t){o[e]&&o[e][t]&&delete o[e][t]},dispatch:l,OPTIONS:{SET:"set"}}}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7946],{7946:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});n(30814),n(70235);let o=!0;const r=e=>{{const{component:t,commands:n,helpers:r}=e,a=t.parent("col");return{select:e=>{let{changeTab:t,tab:n}=e;n.text||t("image")},tabs:e=>{const t=[{text:"image",selected:!0},{text:"design"},{text:"link"},{text:"ai"},{text:"settings"}];return e?(t.forEach((t=>t.selected=t.selected=t.text===e)),t):t},layout:e=>{const{tab:r,changeTab:s,tabs:i}=e;return[{type:"info",text:"image_micro_copy",active:()=>"image"===r.text},{type:"imagePrompt",active:()=>"ai"===r.text,onChange:e=>{e.target.value}},{type:"gallery",active:()=>"image"===r.text,src:t.props.src,hasPreview:!0,text:"openGalleryImage",justify:"flex-start",onChange:e=>{let t=e.detail;Array.isArray(t)&&(t=t[0]),n.execCommand("src",t.src)}},{type:"input",title:"add_urlAddress_from_media_site",active:()=>"image"===r.text,value:t.props.src||"",onChange:e=>{const t=e.target.value;n.execCommand("src",t)}},{type:"input",title:"altText",active:()=>"image"===r.text,value:t.props.alt||"",onChange:e=>{const t=e.target.value;n.execCommand("alt",t)}},{type:"checkbox",title:"fullWidthOnMobile",checked:!!t.props.isFullWidthOnMobile,active:()=>"image"===r.text,onChange:e=>{const t=e.target.checked;n.execCommand("isFullWidthOnMobile",t)}},{type:"divider",active:()=>"design"===r.text},{type:"checkbox",title:"keep_ratio",checked:!!o,active:()=>"design"===r.text,onChange:e=>{o=!o,s("design")}},{type:"slider",min:10,title:"size",active:()=>"design"===r.text&&o,max:o?1e3:a?.element?.offsetWidth,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px",height:"auto"})}},{type:"slider",min:10,title:"width",active:()=>"design"===r.text&&!o,max:o?1e3:a?.element?.offsetWidth,value:parseInt(t.props.style.width),onInput:e=>{const o=e.target.value,r=t.atomElement.getBoundingClientRect().height;n.execCommand("style",{width:o+"px",height:r+"px"})}},{type:"slider",min:10,title:"height",active:()=>"design"===r.text&&!o,max:2*a?.element?.offsetWidth,value:parseInt(t.props.style.height),onInput:e=>{const o=e.target.value,r=t.atomElement.getBoundingClientRect().width;n.execCommand("style",{height:o+"px",width:r+"px"})}},{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=>{const t=e.target.json;n.execCommand("style",{borderTopRightRadius:t.borderTopRightRadius+"px",borderTopLeftRadius:t.borderTopLeftRadius+"px",borderBottomRightRadius:t.borderBottomRightRadius+"px",borderBottomLeftRadius:t.borderBottomLeftRadius+"px",borderRadius:null})}},{type:"divider",active:()=>"design"===r.text},{type:"linkpicker",href:t.props.onClick?.link,protocol:t.props.onClick?.link?.protocol,target:t.props.onClick?.link?.target,autofocus:!0,active:()=>"link"===r.text,onChange:e=>{const t={link:e.target.value};n.execCommand("onClick",t)}}]}}}};var a=n(46245);const s=()=>({set:(e,t,n)=>{switch(t){case"src":case"isFullWidthOnMobile":case"isOpenWithModal":case"isCircle":case"alt":case"onClick":return e[t]=n,!0;case"style":if("object"==typeof n)return e[t]=(0,a.Z)(e[t],n),!0}}});var i=n(46062),c=n.n(i),d=n(32877),l=n.n(d),p=n(96793),m=n.n(p),u=n(17892),g=n.n(u),h=n(11173),y=n.n(h),f=n(76555),v={};v.setAttributes=g(),v.insert=m().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=y();c()(f.Z,v);const x=f.Z&&f.Z.locals?f.Z.locals:void 0,w=()=>{const e="image";return{name:e,create:t=>{const{createElement:n,compose:o,helpers:a}=t,{arrayToString:i,mergeDiff:c}=a,d=document.createElement("img"),l=document.createElement("div");o.props.style&&!parseInt(o.props.style.height)&&(o.props.style.height="auto"),d.addEventListener("drop",(e=>{e.preventDefault();var t=e.dataTransfer.getData("text/html");const n=document.createElement("div");n.innerHTML=t;const r=n.querySelector("img");r&&r.src&&o.editor.store().updateComponent(o,"src",r.src)})),d.draggable=!0,d.src=o.props.src;const p=i(o.classList);function m(e){const t=e.target;t.classList.contains("amazingbar-content-wrapper")&&"INPUT"!==t.tagName&&"TEXTAREA"!==t.tagName&&("Delete"!==e.key&&"Backspace"!==e.key||u.commands.remove())}d.className=i(p,"editor-image",x.image),l.append(d),d.addEventListener("dblclick",(()=>{const e=document.createElement("cdtr-gallery");e.opened=!0,e.multi=!0,document.body.append(e),e.addEventListener("file",(t=>{let n=t.detail;Array.isArray(n)&&(n=n[0]),o.editor.store().execCommands([{key:"src",value:n.src},{key:"style",value:{height:"auto"}}]),e.opened=!1,setTimeout((()=>{e.remove()}),1500)})),e.addEventListener("close",(()=>{e.remove()}))}));const u=n({name:e,id:o.id,template:l,defaultProps:{style:{height:"auto",width:"200px"}},draggable:{group:"element"},droppable:{group:"element"},render:()=>{c(d,{style:o.props.style}),d.width=o.props.width||o.props.style.width,d.height=o.props.height||o.props.style.height,c(d,{src:o.props.src}),c(d,{alt:o.props.alt})},resizeable:()=>l,handleBar:!0,validator:s({template:l,image:d,helpers:a}),schema:o.schema,onSelect:e=>{d.classList.add(e),document.addEventListener("keyup",m)},onDeselect:e=>{d.classList.remove(e),document.removeEventListener("keyup",m)},elementProps:o,remove:()=>{l.remove()},createEditor:r});let g=0,h=0,y=!1,f=!1,v=!1,w=!1;return d.addEventListener("dragover",(e=>{e.preventDefault()})),d.addEventListener("dragstart",(e=>{g=e.clientX,h=e.clientY,y=!0,f=!1,v=!1,w=!1})),d.addEventListener("drag",(e=>{if(!y)return;const t=d.closest(".block-component")||d.closest("[data-block]")||d.parentElement;if(!t)return;const n=t.getBoundingClientRect(),o=n.width,r=n.left,a=e.clientX-r,s=.3*o,i=.7*o;if(a<s&&!f){f=!0,w=!1,v=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","start")}else if(a>i&&!v){v=!0,w=!1,f=!1;const e=u.parent("col");e&&e.commands.execCommand("justify","end")}else if(a>=s&&a<=i&&!w){w=!0,f=!1,v=!1;const e=u.closest("col");e&&e.commands.execCommand("justify","center")}})),d.addEventListener("dragend",(e=>{y=!1,f=!1,v=!1,w=!1})),u}}}},76555:(e,t,n)=>{n.d(t,{Z:()=>i});var o=n(40272),r=n.n(o),a=n(82609),s=n.n(a)()(r());s.push([e.id,".DYtLgzP53oukeRBVqQDc{\n    display: block;\n    max-width: 100%;\n}","",{version:3,sources:["webpack://./../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:"DYtLgzP53oukeRBVqQDc"};const i=s},30814:(e,t,n)=>{n.d(t,{td:()=>l});const o=window.cdtrSignalKey||`___${Math.random().toString(36).substr(2,9)}`;window.cdtrSignalKey=o,window[o]||(window[o]={});const r=window[o],a=window.__cdtrEvents||{};function s(e){return crypto.subtle.digest("SHA-256",(new TextEncoder).encode(e)).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}function i(e){if(e.length%2!=0)throw new Error("Invalid hex string");const t=new Uint8Array(e.length/2);for(let n=0;n<e.length;n+=2)t[n/2]=parseInt(e.substr(n,2),16);return t}async function c(e){const t=await s(e),n=r[t];if(n){const e=await crypto.subtle.importKey("raw",i(t),{name:"AES-GCM"},!1,["encrypt","decrypt"]),o=await async function(e,t,n){const o=await crypto.subtle.decrypt({name:"AES-GCM",iv:t},e,n);return(new TextDecoder).decode(o)}(e,n.iv,n.encrypted);return JSON.parse(o)}return null}function d(e,t){if(a[e])for(const n in a[e])Object.prototype.hasOwnProperty.call(a[e],n)&&a[e][n].forEach((e=>e(t)));Array.isArray(a["*"])&&a["*"].forEach((e=>e(t)))}window.__cdtrEvents=a;const l={set:async function(e,t){const n=JSON.parse(JSON.stringify(t)),o=await s(e),c=await crypto.subtle.importKey("raw",i(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]),l=await async function(e,t){const n=crypto.getRandomValues(new Uint8Array(12)),o=(new TextEncoder).encode(t),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:n},e,o);return{iv:n,encrypted:new Uint8Array(r)}}(c,JSON.stringify(n));r[o]=l,a.set&&a.set[o]&&a.set[o].forEach((e=>e(n))),Array.isArray(a["*"])&&a["*"].forEach((e=>e(n))),d(e,n)},get:c,remove:async function(e){const t=await s(e);delete r[t]},on:async function(e,t,n){a[e]||(a[e]={});const o=await s(t);a[e][o]||(a[e][o]=[]),a[e][o].push((e=>{!function(){const e=(new Error).stack;if(e&&e.indexOf(" at <anonymous>:1")>-1)throw console.warn("Function call blocked: Detected console execution."),new Error("Function call blocked: Detected console execution.")}(),n(e)}));const r=await c(t);return r&&n(r),o},off:function(e,t){a[e]&&a[e][t]&&delete a[e][t]},dispatch:d,OPTIONS:{SET:"set"}}}}]);

package/dist/7988.creaditor.bundle.js

@@ -1,5 +1,5 @@
 /*! For license information please see 7988.creaditor.bundle.js.LICENSE.txt */
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7988,2340],{87988:(t,e,i)=>{i.r(e),i.d(e,{default:()=>d});const n=t=>{{const{component:e,commands:i,helpers:n}=t,s=e.tiptap,r=s.state.selection.$anchor.node().attrs,o=s.isActive("heading",{level:1})?"h1":s.isActive("heading",{level:2})?"h2":s.isActive("heading",{level:3})?"h3":s.isActive("heading",{level:4})?"h4":s.isActive("heading",{level:5})?"h5":s.isActive("heading",{level:6})?"h6":"paragraph";return{select:t=>{let{changeTab:e,tab:i}=t},tabs:t=>{const e=[{text:"design",selected:!0},{text:"settings"}];return e.forEach((e=>e.selected=e.selected=e.text===t)),e},layout:t=>{let{tab:i,changeTab:n,tabs:a}=t;const l=[{type:"info",text:"text_micro_copy",active:()=>"design"===i.text},{type:"dropdown",active:()=>"design"===i.text,title:"type",value:o,items:[{value:"H1"},{value:"H2"},{value:"H3"},{value:"H4"},{value:"H5"},{value:"H6"},{value:"paragraph"}],onChange:t=>{const e=t.target.value;switch(e){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":s.chain().setHeading({level:parseInt(e.slice(1))}).run();break;case"paragraph":s.chain().setParagraph().run()}}},{type:"slider",title:"fontSize",min:8,step:2,max:74,value:parseInt(s.getAttributes("textStyle").fontSize||"16px"),active:()=>"design"===i.text,onInput:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;s.from===s.to?n.chain().selectAll().setFontSize(i).run():n.chain().setFontSize(i).run()}},{type:"divider"},{type:"slider",title:"lineHeight",min:1,max:3,step:.1,value:parseFloat(r.lineHeight||1),active:()=>"design"===i.text,onInput:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;s.from===s.to?n.chain().selectAll().setLineHeight(i).run():n.chain().setLineHeight(i).run()}},{type:"divider"},{type:"slider",title:"letterSpacing",min:1,max:10,step:1,value:parseFloat(r.letterSpacing)||1,active:()=>"design"===i.text,onInput:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;i<=1?s.from===s.to?n.chain().selectAll().setLetterSpacing("normal").run():n.chain().setLetterSpacing("normal").run():s.from===s.to?n.chain().selectAll().setLetterSpacing(i+"px").run():n.chain().setLetterSpacing(i+"px").run()}},{type:"divider"},{type:"colorpicker",title:"font_color",alpha:!1,value:s.getAttributes("textStyle").color||"#0000",onChange:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;if(s.from===s.to){const{state:t,view:e}=n,r=t.tr,{from:o,to:a}=s.from===s.to?{from:0,to:t.doc.content.size}:{from:s.from,to:s.to};t.doc.nodesBetween(o,a,((e,n)=>{if(e.isText){t.doc.resolve(n);if(!e.marks.some((t=>"link"===t.type.name))){const s=n,o=n+e.nodeSize;r.addMark(s,o,t.schema.marks.textStyle.create({color:i}))}}})),e.dispatch(r)}else n.chain().setColor(i).run()}},{type:"divider"}];return l}}}};var s=i(46245);const r=t=>{let{helpers:e,tiptap:i,composeId:n,template:r}=t;return{set:(t,o,a)=>{switch(o){case"style":return"object"==typeof a&&(t[o]=(0,s.Z)(t[o],a),e.mergeDiff(r,{style:t[o]})),!0;case"text":t[o]=a;const l=i.getJSON();return a&&"object"==typeof a&&JSON.stringify(l)!==JSON.stringify(a.childNodes)&&(a&&a.focusedElement&&a.focusedElement===n?(i.chain().focus().setContent(a.childNodes).run(),a.to&&a.from&&i.commands.setTextSelection({from:a.from,to:a.to})):i.chain().setContent(a.childNodes).run()),delete t?.text?.markdown,!0}}}};var o=i(57701),a=i.n(o),l=i(70235);i(32340);const c=[],d=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e="text";return{name:e,create:i=>{const{createElement:s,compose:o,helpers:d}=i,{mergeDiff:p}=d,h=document.createElement("div");p(h,{style:o.props.style});const u=l.h.get("config","editor","configure","editorProps","fonts");let g=l.h.get("config","target");"string"==typeof g&&(g=document.querySelector(g)),g||(g=document.body);const m=a()({element:h,container:g||document.body,editable:!0,offsetTop:40,onClickMagic:t=>{let{insertContent:e,getJSON:i,getHTML:n,getText:s,selectAll:r,insertContentHtml:o}=t;const a=l.h.get("injectEditor"),c=document.createElement("cdtr-text-prompt-editor");a(c),c.context=s(),c.addEventListener("text-generation-start",(t=>{r()})),c.addEventListener("text-generation-chunk",(t=>{e(t.detail.chunk)})),c.addEventListener("text-generation-complete",(t=>{r(),o(t.detail.text)})),c.addEventListener("text-generation-error",(t=>{console.error("Text generation error:",t.detail.error)}))},content:"string"==typeof o.props.text.markdown?o.props.text.markdown:o.props.text.childNodes,defaultDirection:"rtl",onFocus:()=>{c.length>0&&(c[c.length-1].hideEditor(),c.pop()),c.push(m)},onUpdate:t=>{let{editor:e,transaction:i}=t;if(0===i.steps.length)return;const n=i.curSelection.from,s=i.curSelection.to,r={childNodes:e.getJSON(),from:n,to:s,focusedElement:o.id};f.commands.execCommand("text",r)},ignoresBlurByQuerySelectors:[".ignore-events"],builder:[{type:"fontFamily",fonts:u||[],useCloud:!0},{type:"fontSize",sizes:t.fontSize||[8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72,74]},{type:"horizonRule"},{type:"clearFormat"},{type:"bold"},{type:"strike"},{type:"italic"},{type:"underline"},{type:"table"},{type:"emoji"},{type:"unLink"},{type:"link"},{type:"numbered"},{type:"bullet"},{type:"backcolor"},{type:"fontColor"},{type:"direction"},{type:"justify"},{type:"right"},{type:"center"},{type:"left"},{type:"image"},{type:"mergeTags"},{type:"magic"}]}),f=s({name:e,id:o.id,template:h,defaultProps:{text:{},style:{}},draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,validator:r({template:h,helpers:d,tiptap:m,composeId:o.id}),schema:o.schema,onSelect:t=>{h.classList.add(t)},onDeselect:t=>{h.classList.remove(t)},elementProps:o,remove:()=>{h.remove()},createEditor:n});return o.props.text.markdown&&m.chain().insertContent(" ").run(),f.addProp("tiptap",m),f}}}},32340:(t,e,i)=>{i.r(e),i.d(e,{TextPromptEditor:()=>ft});var n=i(56666),s=i(76828);const r=globalThis,o=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),l=new WeakMap;class c{constructor(t,e,i){if(this._$cssResult$=!0,i!==a)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(o&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=l.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&l.set(e,t))}return t}toString(){return this.cssText}}const d=o?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new c("string"==typeof t?t:t+"",void 0,a))(e)})(t):t,{is:p,defineProperty:h,getOwnPropertyDescriptor:u,getOwnPropertyNames:g,getOwnPropertySymbols:m,getPrototypeOf:f}=Object,y=globalThis,b=y.trustedTypes,v=b?b.emptyScript:"",x=y.reactiveElementPolyfillSupport,$=(t,e)=>t,_={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},A=(t,e)=>!p(t,e),E={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:A};Symbol.metadata??=Symbol("metadata"),y.litPropertyMetadata??=new WeakMap;class w extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=E){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,e);void 0!==n&&h(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:s}=u(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:n,set(e){const r=n?.call(this);s?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??E}static _$Ei(){if(this.hasOwnProperty($("elementProperties")))return;const t=f(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty($("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty($("properties"))){const t=this.properties,e=[...g(t),...m(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(d(t))}else void 0!==t&&e.push(d(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(o)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),n=r.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:_).toAttribute(e,i.type);this._$Em=t,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(t,e){const i=this.constructor,n=i._$Eh.get(t);if(void 0!==n&&this._$Em!==n){const t=i.getPropertyOptions(n),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:_;this._$Em=n;const r=s.fromAttribute(e,t.type);this[n]=r??this._$Ej?.get(n)??r,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const n=this.constructor,s=this[t];if(i??=n.getPropertyOptions(t),!((i.hasChanged??A)(s,e)||i.useDefault&&i.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:n,wrapped:s},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===n&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,n=this[e];!0!==t||this._$AL.has(e)||void 0===n||this.C(e,void 0,i,n)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[$("elementProperties")]=new Map,w[$("finalized")]=new Map,x?.({ReactiveElement:w}),(y.reactiveElementVersions??=[]).push("2.1.1");const S=globalThis,C=S.trustedTypes,T=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,k="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,N="?"+P,H=`<${N}>`,O=document,U=()=>O.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,L=Array.isArray,I=t=>L(t)||"function"==typeof t?.[Symbol.iterator],R="[ \t\n\f\r]",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,B=/>/g,j=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),F=/'/g,W=/"/g,J=/^(?:script|style|textarea|title)$/i,Y=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),q=Y(1),V=(Y(2),Y(3),Symbol.for("lit-noChange")),Z=Symbol.for("lit-nothing"),G=new WeakMap,K=O.createTreeWalker(O,129);function Q(t,e){if(!L(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==T?T.createHTML(e):e}const X=(t,e)=>{const i=t.length-1,n=[];let s,r=2===e?"<svg>":3===e?"<math>":"",o=z;for(let e=0;e<i;e++){const i=t[e];let a,l,c=-1,d=0;for(;d<i.length&&(o.lastIndex=d,l=o.exec(i),null!==l);)d=o.lastIndex,o===z?"!--"===l[1]?o=D:void 0!==l[1]?o=B:void 0!==l[2]?(J.test(l[2])&&(s=RegExp("</"+l[2],"g")),o=j):void 0!==l[3]&&(o=j):o===j?">"===l[0]?(o=s??z,c=-1):void 0===l[1]?c=-2:(c=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?j:'"'===l[3]?W:F):o===W||o===F?o=j:o===D||o===B?o=z:(o=j,s=void 0);const p=o===j&&t[e+1].startsWith("/>")?" ":"";r+=o===z?i+H:c>=0?(n.push(a),i.slice(0,c)+k+i.slice(c)+P+p):i+P+(-2===c?e:p)}return[Q(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let s=0,r=0;const o=t.length-1,a=this.parts,[l,c]=X(t,e);if(this.el=tt.createElement(l,i),K.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(n=K.nextNode())&&a.length<o;){if(1===n.nodeType){if(n.hasAttributes())for(const t of n.getAttributeNames())if(t.endsWith(k)){const e=c[r++],i=n.getAttribute(t).split(P),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:o[2],strings:i,ctor:"."===o[1]?rt:"?"===o[1]?ot:"@"===o[1]?at:st}),n.removeAttribute(t)}else t.startsWith(P)&&(a.push({type:6,index:s}),n.removeAttribute(t));if(J.test(n.tagName)){const t=n.textContent.split(P),e=t.length-1;if(e>0){n.textContent=C?C.emptyScript:"";for(let i=0;i<e;i++)n.append(t[i],U()),K.nextNode(),a.push({type:2,index:++s});n.append(t[e],U())}}}else if(8===n.nodeType)if(n.data===N)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=n.data.indexOf(P,t+1));)a.push({type:7,index:s}),t+=P.length-1}s++}}static createElement(t,e){const i=O.createElement("template");return i.innerHTML=t,i}}function et(t,e,i=t,n){if(e===V)return e;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const r=M(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(e=et(t,s._$AS(t,e.values),s,n)),e}class it{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,n=(t?.creationScope??O).importNode(e,!0);K.currentNode=n;let s=K.nextNode(),r=0,o=0,a=i[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new nt(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new lt(s,this,t)),this._$AV.push(e),a=i[++o]}r!==a?.index&&(s=K.nextNode(),r++)}return K.currentNode=O,n}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class nt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,n){this.type=2,this._$AH=Z,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=et(this,t,e),M(t)?t===Z||null==t||""===t?(this._$AH!==Z&&this._$AR(),this._$AH=Z):t!==this._$AH&&t!==V&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):I(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Z&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,n="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=tt.createElement(Q(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(e);else{const t=new it(n,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=G.get(t.strings);return void 0===e&&G.set(t.strings,e=new tt(t)),e}k(t){L(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const s of t)n===e.length?e.push(i=new nt(this.O(U()),this.O(U()),this,this.options)):i=e[n],i._$AI(s),n++;n<e.length&&(this._$AR(i&&i._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class st{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,n,s){this.type=1,this._$AH=Z,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Z}_$AI(t,e=this,i,n){const s=this.strings;let r=!1;if(void 0===s)t=et(this,t,e,0),r=!M(t)||t!==this._$AH&&t!==V,r&&(this._$AH=t);else{const n=t;let o,a;for(t=s[0],o=0;o<s.length-1;o++)a=et(this,n[i+o],e,o),a===V&&(a=this._$AH[o]),r||=!M(a)||a!==this._$AH[o],a===Z?t=Z:t!==Z&&(t+=(a??"")+s[o+1]),this._$AH[o]=a}r&&!n&&this.j(t)}j(t){t===Z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class rt extends st{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Z?void 0:t}}class ot extends st{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Z)}}class at extends st{constructor(t,e,i,n,s){super(t,e,i,n,s),this.type=5}_$AI(t,e=this){if((t=et(this,t,e,0)??Z)===V)return;const i=this._$AH,n=t===Z&&i!==Z||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,s=t!==Z&&(i===Z||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class lt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){et(this,t)}}const ct=S.litHtmlPolyfillSupport;ct?.(tt,nt),(S.litHtmlVersions??=[]).push("3.3.1");const dt=globalThis;class pt extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{const n=i?.renderBefore??e;let s=n._$litPart$;if(void 0===s){const t=i?.renderBefore??null;n._$litPart$=s=new nt(e.insertBefore(U(),t),t,void 0,i??{})}return s._$AI(t),s})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return V}}pt._$litElement$=!0,pt.finalized=!0,dt.litElementHydrateSupport?.({LitElement:pt});const ht=dt.litElementPolyfillSupport;ht?.({LitElement:pt});(dt.litElementVersions??=[]).push("4.2.1");var ut,gt,mt;let ft=(ut=(t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)})("cdtr-text-prompt-editor"),ut((mt=class extends pt{constructor(){super(),this.prompt=localStorage.getItem("textPromptEditor_prompt")||"",this.generatedText="",this.isLoading=!1,this.context="",this.businessType=localStorage.getItem("textPromptEditor_businessType")||"",this.businessName=localStorage.getItem("textPromptEditor_businessName")||"",this.includeContext="true"===localStorage.getItem("textPromptEditor_includeContext")||!1,this.url=localStorage.getItem("textPromptEditor_url")||"",this.detectCurrentElementType()}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.detectCurrentElementType()}),100)}detectCurrentElementType(){try{const t=window.getSelection();if(t&&t.rangeCount>0){const e=t.getRangeAt(0).commonAncestorContainer;let i=e.nodeType===Node.TEXT_NODE?e.parentElement:e;for(;i&&i!==document.body;){if(i.tagName&&/^h[1-6]$/i.test(i.tagName)){const t=i.parentElement,e=Array.from(t?.children||[]),n=e.some((t=>t!==i&&/^h[1-6]$/i.test(t.tagName))),s=e.some((t=>t!==i&&/^p$|^div$/i.test(t.tagName)));return!s||n&&!s?(this.contentType="title",void console.log("TextPromptEditor: Detected standalone heading from DOM")):(this.contentType="paragraph",void console.log("TextPromptEditor: Detected heading within paragraph structure"))}this.contentType="paragraph",i=i.parentElement}}this.contentType||(this.contentType="paragraph",console.log("TextPromptEditor: Defaulting to paragraph"))}catch(t){console.warn("Error detecting current element type:",t),this.contentType||(this.contentType="paragraph")}}handleIncludeContextChange(t){this.includeContext=!t.target.checked,localStorage.setItem("textPromptEditor_includeContext",this.includeContext)}handleContentTypeChange(t){this.contentType=t,this.dispatchEvent(new CustomEvent("content-type-changed",{detail:{contentType:this.contentType},bubbles:!0,composed:!0}))}handlePromptChange(t){this.prompt=t.target.value,localStorage.setItem("textPromptEditor_prompt",this.prompt);["כתוב כותרת","כתוב תמונה","כתבי כותרת","write heading"].some((t=>this.prompt.startsWith(t)))&&this.handleContentTypeChange("title")}handleBusinessTypeChange(t){this.businessType=t.target.value,localStorage.setItem("textPromptEditor_businessType",this.businessType)}handleBusinessNameChange(t){this.businessName=t.target.value,localStorage.setItem("textPromptEditor_businessName",this.businessName)}handleUrlChange(t){this.url=t.target.value,localStorage.setItem("textPromptEditor_url",this.url)}async handleGenerate(){this.isLoading=!0,this.generatedText="";try{if("title"===this.contentType){Array.from(document.querySelectorAll(".text-component")).map((t=>t.textContent)).join("\n")}this.context.length>1500&&(this.context=this.context.slice(0,1500));const t=s.W7.agent_url,e=await fetch(t+"prompt/text",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:this.prompt,context:this.includeContext?this.context:"",businessType:this.businessType,businessName:this.businessName,contentType:this.contentType,url:this.url,options:{maxTokens:1e3,temperature:0,model:"gpt-3.5-turbo"}})});if(!e.ok)throw new Error("Failed to generate text");const i=e.body.getReader(),n=new TextDecoder;let r="";for(;;){const{done:t,value:e}=await i.read();if(t){this.dispatchEvent(new CustomEvent("text-generation-complete",{detail:{text:this.generatedText},bubbles:!0,composed:!0}));break}r+=n.decode(e,{stream:!0});const s=r.split("\n\n");for(let t=0;t<s.length-1;t++){const e=s[t];if(e.startsWith("data: "))try{const t=e.slice(6),i=JSON.parse(t);if("start"===i.metadata?.type){this.generatedText="",this.dispatchEvent(new CustomEvent("text-generation-start",{detail:{model:i.metadata.model},bubbles:!0,composed:!0}));continue}i.text&&(this.generatedText+=i.text,this.dispatchEvent(new CustomEvent("text-generation-chunk",{detail:{chunk:i.text,fullText:this.generatedText},bubbles:!0,composed:!0}))),"complete"===i.status&&(this.generatedText=this.generatedText.replace(/^"|"$/g,""),this.dispatchEvent(new CustomEvent("text-generation-complete",{detail:{text:this.generatedText},bubbles:!0,composed:!0})))}catch(t){console.error("Error parsing JSON:",t)}}r=s[s.length-1]}}catch(t){console.error("Error generating text:",t),this.dispatchEvent(new CustomEvent("text-generation-error",{detail:{error:t.message},bubbles:!0,composed:!0}))}finally{this.isLoading=!1}}render(){const t=this.contentType;return q`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7988,2340],{87988:(t,e,i)=>{i.r(e),i.d(e,{default:()=>d});const n=t=>{{const{component:e,commands:i,helpers:n}=t,s=e.tiptap,r=s.state.selection.$anchor.node().attrs,o=s.isActive("heading",{level:1})?"h1":s.isActive("heading",{level:2})?"h2":s.isActive("heading",{level:3})?"h3":s.isActive("heading",{level:4})?"h4":s.isActive("heading",{level:5})?"h5":s.isActive("heading",{level:6})?"h6":"paragraph";return{select:t=>{let{changeTab:e,tab:i}=t},tabs:t=>{const e=[{text:"design",selected:!0},{text:"settings"}];return e.forEach((e=>e.selected=e.selected=e.text===t)),e},layout:t=>{let{tab:n,changeTab:a,tabs:l}=t;const c=[{type:"info",text:"text_micro_copy",active:()=>"design"===n.text},{type:"dropdown",active:()=>"design"===n.text,title:"type",value:o,items:[{value:"H1"},{value:"H2"},{value:"H3"},{value:"H4"},{value:"H5"},{value:"H6"},{value:"paragraph"}],onChange:t=>{const e=t.target.value;switch(e){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":s.chain().setHeading({level:parseInt(e.slice(1))}).run();break;case"paragraph":s.chain().setParagraph().run()}}},{type:"slider",title:"fontSize",min:8,step:2,max:74,value:parseInt(s.getAttributes("textStyle").fontSize||"16px"),active:()=>"design"===n.text,onInput:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;s.from===s.to?n.chain().selectAll().setFontSize(i).run():n.chain().setFontSize(i).run()}},{type:"divider"},{type:"slider",title:"lineHeight",min:1,max:3,step:.1,value:parseFloat(r.lineHeight||1),active:()=>"design"===n.text,onInput:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;s.from===s.to?n.chain().selectAll().setLineHeight(i).run():n.chain().setLineHeight(i).run()}},{type:"divider"},{type:"slider",title:"letterSpacing",min:1,max:10,step:1,value:parseFloat(r.letterSpacing)||1,active:()=>"design"===n.text,onInput:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;i<=1?s.from===s.to?n.chain().selectAll().setLetterSpacing("normal").run():n.chain().setLetterSpacing("normal").run():s.from===s.to?n.chain().selectAll().setLetterSpacing(i+"px").run():n.chain().setLetterSpacing(i+"px").run()}},{type:"divider"},{type:"colorpicker",title:"font_color",alpha:!1,value:s.getAttributes("textStyle").color||"#0000",onChange:t=>{const i=t.target.value,n=e.tiptap,s=n.view.state.selection;if(s.from===s.to){const{state:t,view:e}=n,r=t.tr,{from:o,to:a}=s.from===s.to?{from:0,to:t.doc.content.size}:{from:s.from,to:s.to};t.doc.nodesBetween(o,a,((e,n)=>{if(e.isText){t.doc.resolve(n);if(!e.marks.some((t=>"link"===t.type.name))){const s=n,o=n+e.nodeSize;r.addMark(s,o,t.schema.marks.textStyle.create({color:i}))}}})),e.dispatch(r)}else n.chain().setColor(i).run()}},{type:"divider"},{type:"colorpicker",title:"backgroundColor",value:e.props.style.background||e.props.style.backgroundColor||"#fff",onChange:t=>{const e=t.target.value;i.execCommand("style",{background:e,backgroundColor:null})}},{type:"divider"},{type:"slider",title:"maxWidth",value:parseFloat(e.props.style.width),min:20,max:1e3,onInput:t=>{const e=t.target.value;i.execCommand("style",{width:e+"px"})}},{type:"divider"}];return c}}}};var s=i(46245);const r=t=>{let{helpers:e,tiptap:i,composeId:n,template:r}=t;return{set:(t,o,a)=>{switch(o){case"style":return"object"==typeof a&&(t[o]=(0,s.Z)(t[o],a),e.mergeDiff(r,{style:t[o]})),!0;case"text":t[o]=a;const l=i.getJSON();return a&&"object"==typeof a&&JSON.stringify(l)!==JSON.stringify(a.childNodes)&&(a&&a.focusedElement&&a.focusedElement===n?(i.chain().focus().setContent(a.childNodes).run(),a.to&&a.from&&i.commands.setTextSelection({from:a.from,to:a.to})):i.chain().setContent(a.childNodes).run()),delete t?.text?.markdown,!0}}}};var o=i(57701),a=i.n(o),l=i(70235);i(32340);const c=[],d=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e="text";return{name:e,create:i=>{const{createElement:s,compose:o,helpers:d}=i,{mergeDiff:p}=d,h=document.createElement("div");p(h,{style:o.props.style});const u=l.h.get("config","editor","configure","editorProps","fonts");let g=l.h.get("config","target");"string"==typeof g&&(g=document.querySelector(g)),g||(g=document.body);const m=a()({element:h,container:g||document.body,editable:!0,offsetTop:40,onClickMagic:t=>{let{insertContent:e,getJSON:i,getHTML:n,getText:s,selectAll:r,insertContentHtml:o}=t;const a=l.h.get("injectEditor"),c=document.createElement("cdtr-text-prompt-editor");a(c),c.context=s(),c.addEventListener("text-generation-start",(t=>{r()})),c.addEventListener("text-generation-chunk",(t=>{e(t.detail.chunk)})),c.addEventListener("text-generation-complete",(t=>{r(),o(t.detail.text)})),c.addEventListener("text-generation-error",(t=>{console.error("Text generation error:",t.detail.error)}))},content:"string"==typeof o.props.text.markdown?o.props.text.markdown:o.props.text.childNodes,defaultDirection:"rtl",onFocus:()=>{c.length>0&&(c[c.length-1].hideEditor(),c.pop()),c.push(m)},onUpdate:t=>{let{editor:e,transaction:i}=t;if(0===i.steps.length)return;const n=i.curSelection.from,s=i.curSelection.to,r={childNodes:e.getJSON(),from:n,to:s,focusedElement:o.id};f.commands.execCommand("text",r)},ignoresBlurByQuerySelectors:[".ignore-events"],builder:[{type:"fontFamily",fonts:u||[],useCloud:!0},{type:"fontSize",sizes:t.fontSize||[8,10,12,14,16,18,20,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72,74]},{type:"horizonRule"},{type:"clearFormat"},{type:"bold"},{type:"strike"},{type:"italic"},{type:"underline"},{type:"table"},{type:"emoji"},{type:"unLink"},{type:"link"},{type:"numbered"},{type:"bullet"},{type:"backcolor"},{type:"fontColor"},{type:"direction"},{type:"justify"},{type:"right"},{type:"center"},{type:"left"},{type:"image"},{type:"mergeTags"},{type:"magic"}]}),f=s({name:e,id:o.id,template:h,defaultProps:{text:{},style:{}},draggable:{group:"element"},droppable:{group:"element"},resizeable:()=>h,handleBar:!0,validator:r({template:h,helpers:d,tiptap:m,composeId:o.id}),schema:o.schema,onSelect:t=>{h.classList.add(t)},onDeselect:t=>{h.classList.remove(t)},elementProps:o,remove:()=>{h.remove()},createEditor:n});return o.props.text.markdown&&m.chain().insertContent(" ").run(),f.addProp("tiptap",m),f}}}},32340:(t,e,i)=>{i.r(e),i.d(e,{TextPromptEditor:()=>ft});var n=i(56666),s=i(76828);const r=globalThis,o=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),l=new WeakMap;class c{constructor(t,e,i){if(this._$cssResult$=!0,i!==a)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(o&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=l.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&l.set(e,t))}return t}toString(){return this.cssText}}const d=o?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new c("string"==typeof t?t:t+"",void 0,a))(e)})(t):t,{is:p,defineProperty:h,getOwnPropertyDescriptor:u,getOwnPropertyNames:g,getOwnPropertySymbols:m,getPrototypeOf:f}=Object,y=globalThis,b=y.trustedTypes,v=b?b.emptyScript:"",x=y.reactiveElementPolyfillSupport,$=(t,e)=>t,_={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},A=(t,e)=>!p(t,e),E={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:A};Symbol.metadata??=Symbol("metadata"),y.litPropertyMetadata??=new WeakMap;class w extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=E){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(t,i,e);void 0!==n&&h(this.prototype,t,n)}}static getPropertyDescriptor(t,e,i){const{get:n,set:s}=u(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:n,set(e){const r=n?.call(this);s?.call(this,e),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??E}static _$Ei(){if(this.hasOwnProperty($("elementProperties")))return;const t=f(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty($("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty($("properties"))){const t=this.properties,e=[...g(t),...m(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(d(t))}else void 0!==t&&e.push(d(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(o)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),n=r.litNonce;void 0!==n&&e.setAttribute("nonce",n),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),n=this.constructor._$Eu(t,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:_).toAttribute(e,i.type);this._$Em=t,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(t,e){const i=this.constructor,n=i._$Eh.get(t);if(void 0!==n&&this._$Em!==n){const t=i.getPropertyOptions(n),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:_;this._$Em=n;const r=s.fromAttribute(e,t.type);this[n]=r??this._$Ej?.get(n)??r,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const n=this.constructor,s=this[t];if(i??=n.getPropertyOptions(t),!((i.hasChanged??A)(s,e)||i.useDefault&&i.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:n,wrapped:s},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===n&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,n=this[e];!0!==t||this._$AL.has(e)||void 0===n||this.C(e,void 0,i,n)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[$("elementProperties")]=new Map,w[$("finalized")]=new Map,x?.({ReactiveElement:w}),(y.reactiveElementVersions??=[]).push("2.1.1");const S=globalThis,C=S.trustedTypes,T=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,k="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,N="?"+P,H=`<${N}>`,O=document,U=()=>O.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,L=t=>I(t)||"function"==typeof t?.[Symbol.iterator],R="[ \t\n\f\r]",z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,D=/-->/g,B=/>/g,j=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),F=/'/g,W=/"/g,J=/^(?:script|style|textarea|title)$/i,Y=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),q=Y(1),V=(Y(2),Y(3),Symbol.for("lit-noChange")),Z=Symbol.for("lit-nothing"),G=new WeakMap,K=O.createTreeWalker(O,129);function Q(t,e){if(!I(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==T?T.createHTML(e):e}const X=(t,e)=>{const i=t.length-1,n=[];let s,r=2===e?"<svg>":3===e?"<math>":"",o=z;for(let e=0;e<i;e++){const i=t[e];let a,l,c=-1,d=0;for(;d<i.length&&(o.lastIndex=d,l=o.exec(i),null!==l);)d=o.lastIndex,o===z?"!--"===l[1]?o=D:void 0!==l[1]?o=B:void 0!==l[2]?(J.test(l[2])&&(s=RegExp("</"+l[2],"g")),o=j):void 0!==l[3]&&(o=j):o===j?">"===l[0]?(o=s??z,c=-1):void 0===l[1]?c=-2:(c=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?j:'"'===l[3]?W:F):o===W||o===F?o=j:o===D||o===B?o=z:(o=j,s=void 0);const p=o===j&&t[e+1].startsWith("/>")?" ":"";r+=o===z?i+H:c>=0?(n.push(a),i.slice(0,c)+k+i.slice(c)+P+p):i+P+(-2===c?e:p)}return[Q(t,r+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},i){let n;this.parts=[];let s=0,r=0;const o=t.length-1,a=this.parts,[l,c]=X(t,e);if(this.el=tt.createElement(l,i),K.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(n=K.nextNode())&&a.length<o;){if(1===n.nodeType){if(n.hasAttributes())for(const t of n.getAttributeNames())if(t.endsWith(k)){const e=c[r++],i=n.getAttribute(t).split(P),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:o[2],strings:i,ctor:"."===o[1]?rt:"?"===o[1]?ot:"@"===o[1]?at:st}),n.removeAttribute(t)}else t.startsWith(P)&&(a.push({type:6,index:s}),n.removeAttribute(t));if(J.test(n.tagName)){const t=n.textContent.split(P),e=t.length-1;if(e>0){n.textContent=C?C.emptyScript:"";for(let i=0;i<e;i++)n.append(t[i],U()),K.nextNode(),a.push({type:2,index:++s});n.append(t[e],U())}}}else if(8===n.nodeType)if(n.data===N)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=n.data.indexOf(P,t+1));)a.push({type:7,index:s}),t+=P.length-1}s++}}static createElement(t,e){const i=O.createElement("template");return i.innerHTML=t,i}}function et(t,e,i=t,n){if(e===V)return e;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const r=M(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(e=et(t,s._$AS(t,e.values),s,n)),e}class it{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,n=(t?.creationScope??O).importNode(e,!0);K.currentNode=n;let s=K.nextNode(),r=0,o=0,a=i[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new nt(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new lt(s,this,t)),this._$AV.push(e),a=i[++o]}r!==a?.index&&(s=K.nextNode(),r++)}return K.currentNode=O,n}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class nt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,n){this.type=2,this._$AH=Z,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=et(this,t,e),M(t)?t===Z||null==t||""===t?(this._$AH!==Z&&this._$AR(),this._$AH=Z):t!==this._$AH&&t!==V&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):L(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Z&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,n="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=tt.createElement(Q(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(e);else{const t=new it(n,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=G.get(t.strings);return void 0===e&&G.set(t.strings,e=new tt(t)),e}k(t){I(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,n=0;for(const s of t)n===e.length?e.push(i=new nt(this.O(U()),this.O(U()),this,this.options)):i=e[n],i._$AI(s),n++;n<e.length&&(this._$AR(i&&i._$AB.nextSibling,n),e.length=n)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class st{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,n,s){this.type=1,this._$AH=Z,this._$AN=void 0,this.element=t,this.name=e,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Z}_$AI(t,e=this,i,n){const s=this.strings;let r=!1;if(void 0===s)t=et(this,t,e,0),r=!M(t)||t!==this._$AH&&t!==V,r&&(this._$AH=t);else{const n=t;let o,a;for(t=s[0],o=0;o<s.length-1;o++)a=et(this,n[i+o],e,o),a===V&&(a=this._$AH[o]),r||=!M(a)||a!==this._$AH[o],a===Z?t=Z:t!==Z&&(t+=(a??"")+s[o+1]),this._$AH[o]=a}r&&!n&&this.j(t)}j(t){t===Z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class rt extends st{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Z?void 0:t}}class ot extends st{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Z)}}class at extends st{constructor(t,e,i,n,s){super(t,e,i,n,s),this.type=5}_$AI(t,e=this){if((t=et(this,t,e,0)??Z)===V)return;const i=this._$AH,n=t===Z&&i!==Z||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,s=t!==Z&&(i===Z||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class lt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){et(this,t)}}const ct=S.litHtmlPolyfillSupport;ct?.(tt,nt),(S.litHtmlVersions??=[]).push("3.3.1");const dt=globalThis;class pt extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{const n=i?.renderBefore??e;let s=n._$litPart$;if(void 0===s){const t=i?.renderBefore??null;n._$litPart$=s=new nt(e.insertBefore(U(),t),t,void 0,i??{})}return s._$AI(t),s})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return V}}pt._$litElement$=!0,pt.finalized=!0,dt.litElementHydrateSupport?.({LitElement:pt});const ht=dt.litElementPolyfillSupport;ht?.({LitElement:pt});(dt.litElementVersions??=[]).push("4.2.1");var ut,gt,mt;let ft=(ut=(t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)})("cdtr-text-prompt-editor"),ut((mt=class extends pt{constructor(){super(),this.prompt=localStorage.getItem("textPromptEditor_prompt")||"",this.generatedText="",this.isLoading=!1,this.context="",this.businessType=localStorage.getItem("textPromptEditor_businessType")||"",this.businessName=localStorage.getItem("textPromptEditor_businessName")||"",this.includeContext="true"===localStorage.getItem("textPromptEditor_includeContext")||!1,this.url=localStorage.getItem("textPromptEditor_url")||"",this.detectCurrentElementType()}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.detectCurrentElementType()}),100)}detectCurrentElementType(){try{const t=window.getSelection();if(t&&t.rangeCount>0){const e=t.getRangeAt(0).commonAncestorContainer;let i=e.nodeType===Node.TEXT_NODE?e.parentElement:e;for(;i&&i!==document.body;){if(i.tagName&&/^h[1-6]$/i.test(i.tagName)){const t=i.parentElement,e=Array.from(t?.children||[]),n=e.some((t=>t!==i&&/^h[1-6]$/i.test(t.tagName))),s=e.some((t=>t!==i&&/^p$|^div$/i.test(t.tagName)));return!s||n&&!s?(this.contentType="title",void console.log("TextPromptEditor: Detected standalone heading from DOM")):(this.contentType="paragraph",void console.log("TextPromptEditor: Detected heading within paragraph structure"))}this.contentType="paragraph",i=i.parentElement}}this.contentType||(this.contentType="paragraph",console.log("TextPromptEditor: Defaulting to paragraph"))}catch(t){console.warn("Error detecting current element type:",t),this.contentType||(this.contentType="paragraph")}}handleIncludeContextChange(t){this.includeContext=!t.target.checked,localStorage.setItem("textPromptEditor_includeContext",this.includeContext)}handleContentTypeChange(t){this.contentType=t,this.dispatchEvent(new CustomEvent("content-type-changed",{detail:{contentType:this.contentType},bubbles:!0,composed:!0}))}handlePromptChange(t){this.prompt=t.target.value,localStorage.setItem("textPromptEditor_prompt",this.prompt);["כתוב כותרת","כתוב תמונה","כתבי כותרת","write heading"].some((t=>this.prompt.startsWith(t)))&&this.handleContentTypeChange("title")}handleBusinessTypeChange(t){this.businessType=t.target.value,localStorage.setItem("textPromptEditor_businessType",this.businessType)}handleBusinessNameChange(t){this.businessName=t.target.value,localStorage.setItem("textPromptEditor_businessName",this.businessName)}handleUrlChange(t){this.url=t.target.value,localStorage.setItem("textPromptEditor_url",this.url)}async handleGenerate(){this.isLoading=!0,this.generatedText="";try{if("title"===this.contentType){Array.from(document.querySelectorAll(".text-component")).map((t=>t.textContent)).join("\n")}this.context.length>1500&&(this.context=this.context.slice(0,1500));const t=s.W7.agent_url,e=await fetch(t+"prompt/text",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:this.prompt,context:this.includeContext?this.context:"",businessType:this.businessType,businessName:this.businessName,contentType:this.contentType,url:this.url,options:{maxTokens:1e3,temperature:0,model:"gpt-3.5-turbo"}})});if(!e.ok)throw new Error("Failed to generate text");const i=e.body.getReader(),n=new TextDecoder;let r="";for(;;){const{done:t,value:e}=await i.read();if(t){this.dispatchEvent(new CustomEvent("text-generation-complete",{detail:{text:this.generatedText},bubbles:!0,composed:!0}));break}r+=n.decode(e,{stream:!0});const s=r.split("\n\n");for(let t=0;t<s.length-1;t++){const e=s[t];if(e.startsWith("data: "))try{const t=e.slice(6),i=JSON.parse(t);if("start"===i.metadata?.type){this.generatedText="",this.dispatchEvent(new CustomEvent("text-generation-start",{detail:{model:i.metadata.model},bubbles:!0,composed:!0}));continue}i.text&&(this.generatedText+=i.text,this.dispatchEvent(new CustomEvent("text-generation-chunk",{detail:{chunk:i.text,fullText:this.generatedText},bubbles:!0,composed:!0}))),"complete"===i.status&&(this.generatedText=this.generatedText.replace(/^"|"$/g,""),this.dispatchEvent(new CustomEvent("text-generation-complete",{detail:{text:this.generatedText},bubbles:!0,composed:!0})))}catch(t){console.error("Error parsing JSON:",t)}}r=s[s.length-1]}}catch(t){console.error("Error generating text:",t),this.dispatchEvent(new CustomEvent("text-generation-error",{detail:{error:t.message},bubbles:!0,composed:!0}))}finally{this.isLoading=!1}}render(){const t=this.contentType;return q`
       <cdtr-editor-container>
         <div class="editor-container">
           <div class="prompt-section">

package/dist/901.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[901],{20901:(e,t,r)=>{r.r(t),r.d(t,{PexelsGallery:()=>n});var o=r(56666),a=r(8427),s=(r(70235),r(9085)),l=(r(36351),r(61828),r(59051)),i=r(76828);function c(e){e||(e={query:"nature",per_page:1});const t=`${i.W7.agent_url}pexels/search/?query=${e.query||"marketing"}&per_page=${e.per_page||1}`;return fetch(t).then((e=>e.json())).then((e=>{if("success"===e.status&&e.data)return e.data;throw new Error("Invalid response from backend")})).catch((e=>{throw console.error("Error fetching images:",e),e}))}class n extends a.oi{constructor(){super(),this.images=[],this.loading=!1,this.searchQuery="",this.page=1,this.hasMore=!0,this.perPage=20,this.multi=!0,this.selectedColor="",this.defaultSearchTerms=["nature","landscape","city","people","technology","food","architecture","travel","business","art"],this.colorOptions=[{name:"Red",value:"red",hex:"#ff0000"},{name:"Orange",value:"orange",hex:"#ff8000"},{name:"Yellow",value:"yellow",hex:"#ffff00"},{name:"Green",value:"green",hex:"#00ff00"},{name:"Blue",value:"blue",hex:"#0000ff"},{name:"Purple",value:"purple",hex:"#8000ff"},{name:"Pink",value:"pink",hex:"#ff0080"},{name:"Brown",value:"brown",hex:"#8b4513"},{name:"Black",value:"black",hex:"#000000"},{name:"White",value:"white",hex:"#ffffff"},{name:"Gray",value:"gray",hex:"#808080"},{name:"Teal",value:"teal",hex:"#008080"},{name:"Navy",value:"navy",hex:"#000080"},{name:"Maroon",value:"maroon",hex:"#800000"},{name:"Olive",value:"olive",hex:"#808000"},{name:"Lime",value:"lime",hex:"#00ff00"},{name:"Aqua",value:"aqua",hex:"#00ffff"},{name:"Silver",value:"silver",hex:"#c0c0c0"},{name:"Fuchsia",value:"fuchsia",hex:"#ff00ff"},{name:"Coral",value:"coral",hex:"#ff7f50"},{name:"Gold",value:"gold",hex:"#ffd700"},{name:"Indigo",value:"indigo",hex:"#4b0082"},{name:"Violet",value:"violet",hex:"#ee82ee"},{name:"Cyan",value:"cyan",hex:"#00ffff"},{name:"Magenta",value:"magenta",hex:"#ff00ff"}],this.cacheKey="pexels-gallery-cache",this.cacheExpiry=864e5,this.isTyping=!1,this.lastSearchQuery="",this.searchTimeout=null}connectedCallback(){super.connectedCallback(),this.loadFromCache()}getCacheData(){try{const e=localStorage.getItem(this.cacheKey);if(!e)return null;const t=JSON.parse(e),r=Date.now();return t.timestamp&&r-t.timestamp>this.cacheExpiry?(localStorage.removeItem(this.cacheKey),null):t}catch(e){return console.error("Error reading cache:",e),null}}saveToCache(){if(!this.isTyping)try{const e={images:this.images,searchQuery:this.searchQuery,selectedColor:this.selectedColor,page:this.page,hasMore:this.hasMore,timestamp:Date.now()};localStorage.setItem(this.cacheKey,JSON.stringify(e))}catch(e){console.error("Error saving to cache:",e)}}loadFromCache(){const e=this.getCacheData();e?(this.images=e.images||[],this.searchQuery=e.searchQuery||"",this.selectedColor=e.selectedColor||"",this.page=e.page||1,this.hasMore=void 0===e.hasMore||e.hasMore,console.log("Gallery state restored from cache"),this.requestUpdate(),this.updateComplete.then((()=>{this.updateSearchInput()}))):this.loadRandomImages()}updateSearchInput(){const e=this.shadowRoot?.querySelector('cdtr-input[type="search"]');e&&(e.value=this.searchQuery)}async loadRandomImages(){this.loading=!0;try{const e=this.defaultSearchTerms[Math.floor(Math.random()*this.defaultSearchTerms.length)],t=await c(e,this.perPage);if(t.ok){const e=await t.json();this.images=e.photos||[],this.hasMore=e.photos&&e.photos.length===this.perPage,this.searchQuery="",this.selectedColor="",this.page=1,this.saveToCache()}else console.error("Failed to load images from Pexels"),this.images=[]}catch(e){console.error("Error loading images:",e),this.images=[]}finally{this.loading=!1}}async searchImages(e){if(!e.trim())return this.loadRandomImages();this.loading=!0,this.searchQuery=e,this.page=1;try{const t=await c(e,this.perPage);if(t.ok){const e=await t.json();this.images=e.photos||[],this.hasMore=e.photos&&e.photos.length===this.perPage,this.saveToCache()}else console.error("Failed to search images from Pexels"),this.images=[]}catch(e){console.error("Error searching images:",e),this.images=[]}finally{this.loading=!1}}async loadMoreImages(){if(!this.loading&&this.hasMore){this.loading=!0,this.page++;try{let e;if(this.selectedColor&&"all"!==this.selectedColor){let t=this.removeColorFilters(this.searchQuery);e=t.trim()?`${t} ${this.selectedColor}`:this.selectedColor}else{e=this.removeColorFilters(this.searchQuery)||this.defaultSearchTerms[Math.floor(Math.random()*this.defaultSearchTerms.length)]}const t=await c(e,this.page,this.perPage);if(t.ok){const e=(await t.json()).photos||[];this.images=[...this.images,...e],this.hasMore=e.length===this.perPage,this.saveToCache()}}catch(e){console.error("Error loading more images:",e)}finally{this.loading=!1}}}onSearch(e){const t=e.target.value;this.isTyping=!0,t!==this.lastSearchQuery&&(this.lastSearchQuery=t,this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.isTyping=!1,this.searchWithColor(t,this.selectedColor)}),500))}onSelectImage(e){const t=`Photo by ${e.photographer} on Pexels`,r=`Photo by <a href="${e.photographer_url}" target="_blank" rel="noopener noreferrer">${e.photographer}</a> on <a href="${e.url}" target="_blank" rel="noopener noreferrer">Pexels</a>`,o={detail:{id:e.id,src:e.src.medium||e.src.large||e.src.original,name:`Pexels Image ${e.id}`,size:`${e.width}x${e.height}`,photographer:e.photographer,photographerUrl:e.photographer_url,pexelsUrl:e.url,alt:e.alt||`Photo by ${e.photographer} on Pexels`,attributionText:t,attributionHtml:r},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",o))}sendSelectedImages(){const e={detail:this.images.filter((e=>e.selected)).map((e=>{const t=`Photo by ${e.photographer} on Pexels`,r=`Photo by <a href="${e.photographer_url}" target="_blank" rel="noopener noreferrer">${e.photographer}</a> on <a href="${e.url}" target="_blank" rel="noopener noreferrer">Pexels</a>`;return{id:e.id,src:e.src.medium||e.src.large||e.src.original,name:`Pexels Image ${e.id}`,size:`${e.width}x${e.height}`,photographer:e.photographer,photographerUrl:e.photographer_url,pexelsUrl:e.url,alt:e.alt||`Photo by ${e.photographer} on Pexels`,attributionText:t,attributionHtml:r}})),bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",e))}onScroll(e){const t=e.target;t.scrollTop+t.offsetHeight>=t.scrollHeight-50&&this.loadMoreImages()}clearCache(){localStorage.removeItem(this.cacheKey),console.log("Gallery cache cleared")}onColorChange(e){console.log("Color change event:",e);const t=e.target.value;console.log("Selected color:",t),this.selectedColor="all"===t?"":t;const r=this.searchQuery||"";this.searchWithColor(r,this.selectedColor)}searchWithColor(e,t){if(t&&"all"!==t){let r=this.removeColorFilters(e),o=r.trim()?`${r} ${t}`:t;this.searchImages(o)}else{let t=this.removeColorFilters(e);this.searchImages(t)}}removeColorFilters(e){if(!e)return"";const t=this.colorOptions.map((e=>e.value));return e.split(" ").filter((e=>{const r=e.toLowerCase().trim();return!t.includes(r)})).join(" ").trim()}getSelectedColorName(){if(!this.selectedColor)return"Filter by color";const e=this.colorOptions.find((e=>e.value===this.selectedColor));return e?e.name:"Filter by color"}getSelectedColorHex(){if(!this.selectedColor)return"#666";const e=this.colorOptions.find((e=>e.value===this.selectedColor));return e?e.hex:"#666"}render(){return a.dy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[901],{20901:(e,t,r)=>{r.r(t),r.d(t,{PexelsGallery:()=>n});var o=r(56666),a=r(8427),s=(r(70235),r(9085)),l=(r(36351),r(61828),r(59051)),i=r(76828);function c(e){e||(e={query:"nature",per_page:1});const t=`${i.W7.agent_url}pexels/search/?query=${e.query||"marketing"}&per_page=${e.per_page||1}`;return fetch(t).then((e=>e.json())).then((e=>{if("success"===e.status&&e.data)return e.data.photos;throw new Error("Invalid response from backend")})).catch((e=>{throw console.error("Error fetching images:",e),e}))}class n extends a.oi{constructor(){super(),this.images=[],this.loading=!1,this.searchQuery="",this.page=1,this.hasMore=!0,this.perPage=20,this.multi=!0,this.selectedColor="",this.defaultSearchTerms=["nature","landscape","city","people","technology","food","architecture","travel","business","art"],this.colorOptions=[{name:"Red",value:"red",hex:"#ff0000"},{name:"Orange",value:"orange",hex:"#ff8000"},{name:"Yellow",value:"yellow",hex:"#ffff00"},{name:"Green",value:"green",hex:"#00ff00"},{name:"Blue",value:"blue",hex:"#0000ff"},{name:"Purple",value:"purple",hex:"#8000ff"},{name:"Pink",value:"pink",hex:"#ff0080"},{name:"Brown",value:"brown",hex:"#8b4513"},{name:"Black",value:"black",hex:"#000000"},{name:"White",value:"white",hex:"#ffffff"},{name:"Gray",value:"gray",hex:"#808080"},{name:"Teal",value:"teal",hex:"#008080"},{name:"Navy",value:"navy",hex:"#000080"},{name:"Maroon",value:"maroon",hex:"#800000"},{name:"Olive",value:"olive",hex:"#808000"},{name:"Lime",value:"lime",hex:"#00ff00"},{name:"Aqua",value:"aqua",hex:"#00ffff"},{name:"Silver",value:"silver",hex:"#c0c0c0"},{name:"Fuchsia",value:"fuchsia",hex:"#ff00ff"},{name:"Coral",value:"coral",hex:"#ff7f50"},{name:"Gold",value:"gold",hex:"#ffd700"},{name:"Indigo",value:"indigo",hex:"#4b0082"},{name:"Violet",value:"violet",hex:"#ee82ee"},{name:"Cyan",value:"cyan",hex:"#00ffff"},{name:"Magenta",value:"magenta",hex:"#ff00ff"}],this.cacheKey="pexels-gallery-cache",this.cacheExpiry=864e5,this.isTyping=!1,this.lastSearchQuery="",this.searchTimeout=null}connectedCallback(){super.connectedCallback(),this.loadFromCache()}getCacheData(){try{const e=localStorage.getItem(this.cacheKey);if(!e)return null;const t=JSON.parse(e),r=Date.now();return t.timestamp&&r-t.timestamp>this.cacheExpiry?(localStorage.removeItem(this.cacheKey),null):t}catch(e){return console.error("Error reading cache:",e),null}}saveToCache(){if(!this.isTyping)try{const e={images:this.images,searchQuery:this.searchQuery,selectedColor:this.selectedColor,page:this.page,hasMore:this.hasMore,timestamp:Date.now()};localStorage.setItem(this.cacheKey,JSON.stringify(e))}catch(e){console.error("Error saving to cache:",e)}}loadFromCache(){const e=this.getCacheData();e?(this.images=e.images||[],this.searchQuery=e.searchQuery||"",this.selectedColor=e.selectedColor||"",this.page=e.page||1,this.hasMore=void 0===e.hasMore||e.hasMore,console.log("Gallery state restored from cache"),this.requestUpdate(),this.updateComplete.then((()=>{this.updateSearchInput()}))):this.loadRandomImages()}updateSearchInput(){const e=this.shadowRoot?.querySelector('cdtr-input[type="search"]');e&&(e.value=this.searchQuery)}async loadRandomImages(){this.loading=!0;try{const e=this.defaultSearchTerms[Math.floor(Math.random()*this.defaultSearchTerms.length)],t=await c({query:e,per_page:this.perPage});t?(this.images=t||[],this.hasMore=t&&t.length===this.perPage,this.searchQuery="",this.selectedColor="",this.page=1,this.saveToCache()):(console.error("Failed to load images from Pexels"),this.images=[])}catch(e){console.error("Error loading images:",e),this.images=[]}finally{this.loading=!1}}async searchImages(e){if(!e.trim())return this.loadRandomImages();this.loading=!0,this.searchQuery=e,this.page=1;try{const t=await c({query:e,per_page:this.perPage});t?(this.images=t||[],this.hasMore=t&&t.length===this.perPage,this.saveToCache()):(console.error("Failed to search images from Pexels"),this.images=[])}catch(e){console.error("Error searching images:",e),this.images=[]}finally{this.loading=!1}}async loadMoreImages(){if(!this.loading&&this.hasMore){this.loading=!0,this.page++;try{let e;if(this.selectedColor&&"all"!==this.selectedColor){let t=this.removeColorFilters(this.searchQuery);e=t.trim()?`${t} ${this.selectedColor}`:this.selectedColor}else{e=this.removeColorFilters(this.searchQuery)||this.defaultSearchTerms[Math.floor(Math.random()*this.defaultSearchTerms.length)]}const t=await c({query:e,per_page:this.perPage});if(t.ok){const e=(await t.json()).photos||[];this.images=[...this.images,...e],this.hasMore=e.length===this.perPage,this.saveToCache()}}catch(e){console.error("Error loading more images:",e)}finally{this.loading=!1}}}onSearch(e){const t=e.target.value;this.isTyping=!0,t!==this.lastSearchQuery&&(this.lastSearchQuery=t,this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.isTyping=!1,this.searchWithColor(t,this.selectedColor)}),500))}onSelectImage(e){const t=`Photo by ${e.photographer} on Pexels`,r=`Photo by <a href="${e.photographer_url}" target="_blank" rel="noopener noreferrer">${e.photographer}</a> on <a href="${e.url}" target="_blank" rel="noopener noreferrer">Pexels</a>`,o={detail:{id:e.id,src:e.src.medium||e.src.large||e.src.original,name:`Pexels Image ${e.id}`,size:`${e.width}x${e.height}`,photographer:e.photographer,photographerUrl:e.photographer_url,pexelsUrl:e.url,alt:e.alt||`Photo by ${e.photographer} on Pexels`,attributionText:t,attributionHtml:r},bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",o))}sendSelectedImages(){const e={detail:this.images.filter((e=>e.selected)).map((e=>{const t=`Photo by ${e.photographer} on Pexels`,r=`Photo by <a href="${e.photographer_url}" target="_blank" rel="noopener noreferrer">${e.photographer}</a> on <a href="${e.url}" target="_blank" rel="noopener noreferrer">Pexels</a>`;return{id:e.id,src:e.src.medium||e.src.large||e.src.original,name:`Pexels Image ${e.id}`,size:`${e.width}x${e.height}`,photographer:e.photographer,photographerUrl:e.photographer_url,pexelsUrl:e.url,alt:e.alt||`Photo by ${e.photographer} on Pexels`,attributionText:t,attributionHtml:r}})),bubbles:!1,composed:!1};this.dispatchEvent(new CustomEvent("file",e))}onScroll(e){const t=e.target;t.scrollTop+t.offsetHeight>=t.scrollHeight-50&&this.loadMoreImages()}clearCache(){localStorage.removeItem(this.cacheKey),console.log("Gallery cache cleared")}onColorChange(e){console.log("Color change event:",e);const t=e.target.value;console.log("Selected color:",t),this.selectedColor="all"===t?"":t;const r=this.searchQuery||"";this.searchWithColor(r,this.selectedColor)}searchWithColor(e,t){if(t&&"all"!==t){let r=this.removeColorFilters(e),o=r.trim()?`${r} ${t}`:t;this.searchImages(o)}else{let t=this.removeColorFilters(e);this.searchImages(t)}}removeColorFilters(e){if(!e)return"";const t=this.colorOptions.map((e=>e.value));return e.split(" ").filter((e=>{const r=e.toLowerCase().trim();return!t.includes(r)})).join(" ").trim()}getSelectedColorName(){if(!this.selectedColor)return"Filter by color";const e=this.colorOptions.find((e=>e.value===this.selectedColor));return e?e.name:"Filter by color"}getSelectedColorHex(){if(!this.selectedColor)return"#666";const e=this.colorOptions.find((e=>e.value===this.selectedColor));return e?e.hex:"#666"}render(){return a.dy`
       <div class="gallery-container">
         <cdtr-row alignItems="center">
           <cdtr-input

package/dist/9530.creaditor.bundle.js

@@ -1,39 +1,36 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9530],{79530:(t,e,o)=>{o.r(e),o.d(e,{SettingEditor:()=>r});var n=o(56666),c=o(21293),s=o(45607);class r extends c.oi{constructor(){super(),this.onInspect=this.onInspect.bind(this),this.name="",this.element_ID=" ",this.cmds={onToggleDisplayMode:(t,e)=>{s.Z.store().execCommand(`show_on_${t}`,e),this[`show_on_${t}`]=e},onChangeElementID(t){s.Z.store().execCommand("element_ID",t.target.value)},onChangeName(t){s.Z.store().execCommand("name",t.target.value)}}}onInspect(){if(s.Z.components.length>0){const t=s.Z.components[0].props;this.show_on_desktop=!!t.show_on_desktop,this.show_on_tablet=!!t.show_on_tablet,this.show_on_mobile=!!t.show_on_mobile,this.name=t.name||"",this.element_ID=t.element_ID||""}}connectedCallback(){super.connectedCallback(),s.Z.on("select",this.onInspect),s.Z.on("update",this.onInspect),this.onInspect()}disconnectedCallback(){super.disconnectedCallback(),s.Z.off("select",this.onInspect),s.Z.off("update",this.onInspect)}render(){return c.dy`
-      <cdtr-accordion-item isOpen="true" label="display_mode">
-        <cdtr-editor-container>
-          <cdtr-text>
-            <lang-text text="coming_soon"></lang-text>
-          </cdtr-text>
-          <!-- <cdtr-row mt="1" alignItems="center">
-            <cdtr-checkbox
-              .checked=${this.show_on_desktop}
-              @change="${t=>this.cmds.onToggleDisplayMode("desktop",!t.target.checked)}"
-            >
-              <cdtr-title
-                ><lang-text text="show_on_desktop"></lang-text
-              ></cdtr-title>
-            </cdtr-checkbox>
-          </cdtr-row>
-          <cdtr-row mt="1" alignItems="center">
-            <cdtr-checkbox
-              .checked=${this.show_on_tablet}
-              @change="${t=>this.cmds.onToggleDisplayMode("tablet",!t.target.checked)}"
-            >
-              <cdtr-title
-                ><lang-text text="show_on_tablet"></lang-text></cdtr-title
-            ></cdtr-checkbox>
-          </cdtr-row>
-          <cdtr-row mt="1" alignItems="center">
-            <cdtr-checkbox
-              .checked=${this.show_on_mobile}
-              @change="${t=>this.cmds.onToggleDisplayMode("mobile",!t.target.checked)}"
-            >
-              <cdtr-title
-                ><lang-text text="show_on_mobile"></lang-text></cdtr-title
-            ></cdtr-checkbox>
-          </cdtr-row> -->
-        </cdtr-editor-container>
-      </cdtr-accordion-item>
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9530],{79530:(t,e,o)=>{o.r(e),o.d(e,{SettingEditor:()=>r});var n=o(56666),c=o(21293),s=o(45607);class r extends c.oi{constructor(){super(),this.onInspect=this.onInspect.bind(this),this.name="",this.element_ID=" ",this.cmds={onToggleDisplayMode:(t,e)=>{s.Z.store().execCommand(`show_on_${t}`,e),this[`show_on_${t}`]=e},onChangeElementID(t){s.Z.store().execCommand("element_ID",t.target.value)},onChangeName(t){s.Z.store().execCommand("name",t.target.value)}}}onInspect(){if(s.Z.components.length>0){const t=s.Z.components[0].props;this.show_on_desktop=!!t.show_on_desktop,this.show_on_tablet=!!t.show_on_tablet,this.show_on_mobile=!!t.show_on_mobile,this.name=t.name||"",this.element_ID=t.element_ID||""}}connectedCallback(){super.connectedCallback(),s.Z.on("select",this.onInspect),s.Z.on("update",this.onInspect),this.onInspect()}disconnectedCallback(){super.disconnectedCallback(),s.Z.off("select",this.onInspect),s.Z.off("update",this.onInspect)}render(){const t="block"===s.Z.getSelectedComponent()[0].type;return c.dy`
+      ${t?c.dy`<cdtr-accordion-item isOpen="true" label="display_mode">
+            <cdtr-editor-container>
+              <cdtr-row mt="1" alignItems="center">
+                <cdtr-checkbox
+                  .checked=${this.show_on_desktop}
+                  @change="${t=>this.cmds.onToggleDisplayMode("desktop",!t.target.checked)}"
+                >
+                  <cdtr-title
+                    ><lang-text text="show_on_desktop"></lang-text
+                  ></cdtr-title>
+                </cdtr-checkbox>
+              </cdtr-row>
+              <cdtr-row mt="1" alignItems="center">
+                <cdtr-checkbox
+                  .checked=${this.show_on_tablet}
+                  @change="${t=>this.cmds.onToggleDisplayMode("tablet",!t.target.checked)}"
+                >
+                  <cdtr-title
+                    ><lang-text text="show_on_tablet"></lang-text></cdtr-title
+                ></cdtr-checkbox>
+              </cdtr-row>
+              <cdtr-row mt="1" alignItems="center">
+                <cdtr-checkbox
+                  .checked=${this.show_on_mobile}
+                  @change="${t=>this.cmds.onToggleDisplayMode("mobile",!t.target.checked)}"
+                >
+                  <cdtr-title
+                    ><lang-text text="show_on_mobile"></lang-text></cdtr-title
+                ></cdtr-checkbox>
+              </cdtr-row>
+            </cdtr-editor-container>
+          </cdtr-accordion-item>`:c.dy``}
       <cdtr-accordion-item isOpen="true" label="properties">
         <cdtr-editor-container>
           <cdtr-row mt="1">