@creaditor/newsletter-starterkit 1.0.13 → 1.0.15-test.1

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(22401),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,7 +1,7 @@
-"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>
+"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()},onChangeRadius:t=>{const e=t.target.value;this.borderRadius=e+"px",this.key="borderRadius",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`
+         <h5>
           <lang-text text="border_editor"></lang-text>
-       </h4>
+       </h5>
       <cdtr-editor-container>
   
         <cdtr-colorpicker-editor
@@ -24,6 +24,15 @@
           min="1"
         ></cdtr-range-input>
       </cdtr-editor-container>
+      <cdtr-editor-container>
+        <cdtr-row>
+          <cdtr-title><lang-text text="radius"></lang-text></cdtr-title>
+        </cdtr-row>
+        <cdtr-range-input
+          .value="${parseInt(this.borderRadius)||0}"
+          @input=${this.cmds.onChangeRadius}
+        ></cdtr-range-input>
+      </cdtr-editor-container>
       <cdtr-editor-container>
         <cdtr-row alignItems="center" jusitfyContent="space-between">
           <cdtr-col>
@@ -62,4 +71,4 @@
     :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)(n,"properties",{type:{type:String},color:{type:String},borderColor:{type:String},borderStyle:{type:String},borderWidth:{type:Number},borderRadius:{type:Number}}),customElements.define("cdtr-border-editor",n)}}]);

package/dist/9766.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9766],{29766:(t,e,o)=>{o.r(e),o.d(e,{BlockEditor:()=>p});var r=o(56666),i=o(21293),d=o(70235),n=(o(67237),o(45607)),a=o(58860),s=o(1670),c=o(98766);var l=o(50939),g=o(35210),h=o(11961);o(7592);o.e(4807).then(o.bind(o,54807));class p extends i.oi{constructor(t){super(),(0,r.Z)(this,"onChangeBakgroundExpanding",(t=>{const e=t.target.checked;n.Z.store().execCommand("expand_image_for_outlook",!e)})),(0,r.Z)(this,"getInnerBlocks",(()=>{const t=[],e=this.component.parent("section");return e&&(t.push(e),e.children.forEach((e=>{const o=d.h.get("components",e);o&&"block"===o.type&&t.push(o)}))),t})),this.onChangeWidth=this.onChangeWidth.bind(this),this.getInnerBlocks=this.getInnerBlocks.bind(this),this.isBackgroundImage=!1,this.backgroundVideo="",this.galleryOpened=!1,this.onChangeBakgroundExpanding=this.onChangeBakgroundExpanding.bind(this),this.tabs=[{text:"background"},{text:"design",selected:!0},{text:"settings"}],this.tabName="design",this.maxWidth=0,this.background="",this.padding={topValue:0,bottomValue:0,leftValue:0,rightValue:0},this.margin={topValue:0,bottomValue:0},this.borderStyle="solid",this.borderWidth=0,this.borderColor="#000",this.theme=d.h.get("theme"),this.connectWith=this.connectWith.bind(this),this.cmds={onchangeRadius:t=>{n.Z.store().execCommand("style",{...t.target.json})},toggleResponsive:t=>{this.noResponsive=!t.target.checked,n.Z.store().execCommand("noResponsive",this.noResponsive)},onChangeBorderStyle:t=>{this.borderStyle=t.target.borderStyle||"solid",this.borderWidth=t.target.borderWidth||1,this.borderColor=t.target.borderColor||"#000",n.Z.store().execCommand("style",{borderStyle:t.target.borderStyle,borderWidth:t.target.borderWidth,borderColor:t.target.borderColor})},onRemoveBackgroundVideo:()=>{this.backgroundVideo="",this.backgroundInstance={},n.Z.store().execCommand("background","transparent")},onChangeBackgroundVideo:t=>{const e=t.target.value;let o;if((0,s.Z)(e)){const t=h.x.find((t=>"images"===t.type));t.preset.properties.src=e,o=t.preset}else if((0,c.Z)(e));else if(function(t){if(t&&t.match(/^(?:https?:\/\/)?(?:m\.|www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/))return!0;return!1}(e)){const t=h.x.find((t=>"video"===t.type));t.preset.properties.url=e,delete t.preset.properties.videoPath,o=t.preset}o&&(n.Z.store().execCommand("background",o),n.Z.store().execCommand("style",{background:null})),this.backgroundVideo=e},onChangeImage:t=>{const e=t.detail,o=[];Array.isArray(e)?e.forEach((t=>o.push(t.src))):o.push(e.src),this.cmds.onChangeBackgroundVideo({target:{value:o.join(",")}}),this.galleryOpened=!1},onChangeHeight:t=>{const e=t.target.value;n.Z.store().execCommand("style",{height:e+"%"}),this.height=e},onChangeMargin:t=>{const e=t.target.value,o=t.target.direction;"all"===o?(n.Z.store().execCommand("style",{marginTop:e+"px",marginBottom:e+"px"}),this.margin={topValue:e,bottomValue:e}):n.Z.store().execCommand("style",{[(0,l.Z)(`margin-${o.toLowerCase()}`)]:e+"px"})},onChangePadding:t=>{const e=t.target.value,o=t.target.direction,r=(0,l.Z)(`padding-${o.toLowerCase()}`);"all"===o?(n.Z.store().execCommand("style",{padding:null,"padding-top":null,"padding-bottom":null,"padding-left":null,"padding-right":null,paddingTop:e+"px",paddingBottom:e+"px",paddingLeft:e+"px",paddingRight:e+"px","padding-right":null,"padding-left":null,"padding-top":null,"padding-bottom":null}),this.padding={topValue:e,bottomValue:e,leftValue:e,rightValue:e}):(n.Z.store().execCommand("style",{[r]:e+"px",[`padding-${o.toLowerCase()}`]:null}),this.props.style={[r]:e+"px"},this[`padding${o.toLowerCase()}`]=e)},onChangebackground(t){const e=t.target.value;this.background=e;n.Z.components.forEach((t=>{const o=t.find("text");if(o&&!o.closest("card")){let t=o.tiptap.getAttributes("textStyle").color;if(!t){const e=o.element.querySelector("p,h1,h2,h3,h4,h5,h6");e&&(t=window.getComputedStyle(e).color)}if(t&&!t.includes("var(--")&&!e.includes("var(--")){const r=(0,g.R)(t,e);o.tiptap.chain().selectAll().setColor(r).run()}}})),n.Z.store().execCommand("style",{background:e,backgroundColor:null});"web"!==d.h.get("config","channel")&&n.Z.store().execCommand("background",null)}}}onChangeImageBackgroundProp(t){const e=t.detail,{key:o,value:r}=e;if(this.props.background){const t=JSON.parse(JSON.stringify(this.props.background)),e=t.properties;if(!e.style[o])throw new Error(`${o} is not a valid property`);e.style[o]=r,n.Z.store().execCommand("background",t)}}connectedCallback(){super.connectedCallback(),this.connectWith(),n.Z.on("update",this.connectWith)}disconnectedCallback(){super.disconnectedCallback(),n.Z.off("update",this.connectWith)}onChangeWidth(t){let e=t.target.value;e<500&&(e=500),e>1e3&&(e=1e3);const o=this.getInnerBlocks();n.Z.store().execCommand2({transactions:[{key:"style",value:{width:e+"px",maxWidth:"100%"}}],update:[...o]}),this.maxWidth=e}connectWith(){const t=n.Z.components[n.Z.components.length-1];if(this.component=t,t&&"block"===t.type){this.props=t.props;let{style:e}=this.props;e||(e={}),t.props||(t.props={}),t.props.style||(t.props.style={}),this.expand_image_for_outlook=!!t.props.expand_image_for_outlook,this.boxShadow=t.props.style.boxShadow,this.borderStyle=t.props.style.borderStyle,this.borderWidth=t.props.style.borderWidth,this.borderColor=t.props.style.borderColor;const o=t.props.background;if(this.isBackgroundImage="images"===o?.type,this.noResponsive=!!t.props.noResponsive,this.isBackgroundImage){const t=o.properties;this.backgroundAttachment=t.style.backgroundAttachment,this.backgroundPosition=t.style.backgroundPosition,this.backgroundRepeat=t.style.backgroundRepeat,this.backgroundSize=t.style.backgroundSize}this.backgroundInstance=o,this.backgroundVideo=o?.properties?.src||o?.properties?.url||"";const r=t.element,i=window.getComputedStyle(r);this.maxWidth=parseInt(i.width),this.width=parseInt(e.width,10)||this.maxWidth,this.background=e.background||i.background,this.padding={topValue:parseInt(i.paddingTop),bottomValue:parseInt(i.paddingBottom),leftValue:parseInt(i.paddingLeft),rightValue:parseInt(i.paddingRight)},this.margin={topValue:parseInt(i.marginTop),bottomValue:parseInt(i.marginBottom)}}}changeTab(t){this.tabName=t.target.value}render(){const t=d.h.get("config","channel");return i.dy`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9766],{29766:(t,e,o)=>{o.r(e),o.d(e,{BlockEditor:()=>p});var r=o(56666),i=o(21293),d=o(70235),n=(o(67237),o(45607)),a=o(58860),s=o(1670),c=o(98766);var l=o(50939),g=o(35210),h=o(11961);o(7592);o.e(4807).then(o.bind(o,54807));class p extends i.oi{constructor(t){super(),(0,r.Z)(this,"onChangeBakgroundExpanding",(t=>{const e=t.target.checked;n.Z.store().execCommand("expand_image_for_outlook",!e)})),(0,r.Z)(this,"getInnerBlocks",(()=>{const t=[],e=this.component.parent("section");return e&&(t.push(e),e.children.forEach((e=>{const o=d.h.get("components",e);o&&"block"===o.type&&t.push(o)}))),t})),this.onChangeWidth=this.onChangeWidth.bind(this),this.getInnerBlocks=this.getInnerBlocks.bind(this),this.isBackgroundImage=!1,this.backgroundVideo="",this.galleryOpened=!1,this.onChangeBakgroundExpanding=this.onChangeBakgroundExpanding.bind(this),this.tabs=[{text:"background"},{text:"design",selected:!0},{text:"settings"}],this.tabName="design",this.maxWidth=0,this.background="",this.padding={topValue:0,bottomValue:0,leftValue:0,rightValue:0},this.margin={topValue:0,bottomValue:0},this.borderStyle="solid",this.borderWidth=0,this.borderColor="#000",this.theme=d.h.get("theme"),this.connectWith=this.connectWith.bind(this),this.cmds={onchangeRadius:t=>{n.Z.store().execCommand("style",{...t.target.json})},toggleResponsive:t=>{this.noResponsive=!t.target.checked,n.Z.store().execCommand("noResponsive",this.noResponsive)},onChangeBorderStyle:t=>{this.borderStyle=t.target.borderStyle||"solid",this.borderWidth=t.target.borderWidth||1,this.borderColor=t.target.borderColor||"#000",this.borderRadius=t.target.borderRadius||0,n.Z.store().execCommand("style",{borderStyle:t.target.borderStyle,borderWidth:t.target.borderWidth,borderColor:t.target.borderColor,borderRadius:t.target.borderRadius})},onRemoveBackgroundVideo:()=>{this.backgroundVideo="",this.backgroundInstance={},n.Z.store().execCommand("background","transparent")},onChangeBackgroundVideo:t=>{const e=t.target.value;let o;if((0,s.Z)(e)){const t=h.x.find((t=>"images"===t.type));t.preset.properties.src=e,o=t.preset}else if((0,c.Z)(e));else if(function(t){if(t&&t.match(/^(?:https?:\/\/)?(?:m\.|www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/))return!0;return!1}(e)){const t=h.x.find((t=>"video"===t.type));t.preset.properties.url=e,delete t.preset.properties.videoPath,o=t.preset}o&&(n.Z.store().execCommand("background",o),n.Z.store().execCommand("style",{background:null})),this.backgroundVideo=e},onChangeImage:t=>{const e=t.detail,o=[];Array.isArray(e)?e.forEach((t=>o.push(t.src))):o.push(e.src),this.cmds.onChangeBackgroundVideo({target:{value:o.join(",")}}),this.galleryOpened=!1},onChangeHeight:t=>{const e=t.target.value;n.Z.store().execCommand("style",{height:e+"%"}),this.height=e},onChangeMargin:t=>{const e=t.target.value,o=t.target.direction;"all"===o?(n.Z.store().execCommand("style",{marginTop:e+"px",marginBottom:e+"px"}),this.margin={topValue:e,bottomValue:e}):n.Z.store().execCommand("style",{[(0,l.Z)(`margin-${o.toLowerCase()}`)]:e+"px"})},onChangePadding:t=>{const e=t.target.value,o=t.target.direction,r=(0,l.Z)(`padding-${o.toLowerCase()}`);"all"===o?(n.Z.store().execCommand("style",{padding:null,"padding-top":null,"padding-bottom":null,"padding-left":null,"padding-right":null,paddingTop:e+"px",paddingBottom:e+"px",paddingLeft:e+"px",paddingRight:e+"px","padding-right":null,"padding-left":null,"padding-top":null,"padding-bottom":null}),this.padding={topValue:e,bottomValue:e,leftValue:e,rightValue:e}):(n.Z.store().execCommand("style",{[r]:e+"px",[`padding-${o.toLowerCase()}`]:null}),this.props.style={[r]:e+"px"},this[`padding${o.toLowerCase()}`]=e)},onChangebackground(t){const e=t.target.value;this.background=e;n.Z.components.forEach((t=>{const o=t.find("text");if(o&&!o.closest("card")){let t=o.tiptap.getAttributes("textStyle").color;if(!t){const e=o.element.querySelector("p,h1,h2,h3,h4,h5,h6");e&&(t=window.getComputedStyle(e).color)}if(t&&!t.includes("var(--")&&!e.includes("var(--")){const r=(0,g.R)(t,e);o.tiptap.chain().selectAll().setColor(r).run()}}})),n.Z.store().execCommand("style",{background:e,backgroundColor:null});"web"!==d.h.get("config","channel")&&n.Z.store().execCommand("background",null)}}}onChangeImageBackgroundProp(t){const e=t.detail,{key:o,value:r}=e;if(this.props.background){const t=JSON.parse(JSON.stringify(this.props.background)),e=t.properties;if(!e.style[o])throw new Error(`${o} is not a valid property`);e.style[o]=r,n.Z.store().execCommand("background",t)}}connectedCallback(){super.connectedCallback(),this.connectWith(),n.Z.on("update",this.connectWith)}disconnectedCallback(){super.disconnectedCallback(),n.Z.off("update",this.connectWith)}onChangeWidth(t){let e=t.target.value;e<500&&(e=500),e>1e3&&(e=1e3);const o=this.getInnerBlocks();n.Z.store().execCommand2({transactions:[{key:"style",value:{width:e+"px",maxWidth:"100%"}}],update:[...o]}),this.maxWidth=e}connectWith(){const t=n.Z.components[n.Z.components.length-1];if(this.component=t,t&&"block"===t.type){this.props=t.props;let{style:e}=this.props;e||(e={}),t.props||(t.props={}),t.props.style||(t.props.style={}),this.expand_image_for_outlook=!!t.props.expand_image_for_outlook,this.boxShadow=t.props.style.boxShadow,this.borderStyle=t.props.style.borderStyle,this.borderWidth=t.props.style.borderWidth,this.borderColor=t.props.style.borderColor;const o=t.props.background;if(this.isBackgroundImage="images"===o?.type,this.noResponsive=!!t.props.noResponsive,this.isBackgroundImage){const t=o.properties;this.backgroundAttachment=t.style.backgroundAttachment,this.backgroundPosition=t.style.backgroundPosition,this.backgroundRepeat=t.style.backgroundRepeat,this.backgroundSize=t.style.backgroundSize}this.backgroundInstance=o,this.backgroundVideo=o?.properties?.src||o?.properties?.url||"";const r=t.element,i=window.getComputedStyle(r);this.maxWidth=parseInt(i.width),this.width=parseInt(e.width,10)||this.maxWidth,this.background=e.background||i.background,this.padding={topValue:parseInt(i.paddingTop),bottomValue:parseInt(i.paddingBottom),leftValue:parseInt(i.paddingLeft),rightValue:parseInt(i.paddingRight)},this.margin={topValue:parseInt(i.marginTop),bottomValue:parseInt(i.marginBottom)}}}changeTab(t){this.tabName=t.target.value}render(){const t=d.h.get("config","channel");return i.dy`
       <cdtr-editor-tabs .tabs=${this.tabs} @tabChanged=${this.changeTab}>
         <div slot="content">
           ${"background"===this.tabName?i.dy` <cdtr-editor-container>
@@ -160,6 +160,7 @@
                     .borderStyle=${this.borderStyle}
                     .borderWidth=${this.borderWidth}
                     .borderColor=${this.borderColor}
+                    .borderRadius=${this.borderRadius}
                     @change=${this.cmds.onChangeBorderStyle}
                   ></cdtr-border-editor>
                 </cdtr-editor-container>