@creaditor/newsletter-starterkit 1.0.37-preview.3 → 1.0.38

package/README.md

@@ -241,7 +241,7 @@ function NewsletterEditor() {
 
 ## Changelog
 
-### 1.0.37-preview.2
+### 1.0.37-preview.3
 
 **Merged updates since `1.0.37-preview.1`**
 

package/dist/1004.creaditor.bundle.js

@@ -0,0 +1,12 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1004],{21004(t,e,i){i.r(e),i.d(e,{DuplicateIcon:()=>c});var h=i(24586),r=i(59929);class c extends r.WF{constructor(){super(),this.iconStyle=""}render(){return r.qy`<svg style="${this.iconStyle}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z" /><path d="M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z" /></svg>`}}(0,h.A)(c,"styles",r.AH`
+    :host {
+      display: inherit;
+      --cdtr-icon-width: 20px;
+      --cdtr-icon-height: 20px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      color: var(--cdtr-icon-color);
+    }
+  `),(0,h.A)(c,"properties",{iconStyle:{type:String}}),customElements.define("cdtr-dupicate-icon",c)}}]);

package/dist/1088.creaditor.bundle.js

@@ -0,0 +1,18 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1088],{71088(t,e,i){i.r(e),i.d(e,{moveIcon:()=>n});var h=i(24586),s=i(59929);class n extends s.WF{constructor(){super(),this.iconStyle="fill:black;",this.width="24",this.height="24"}render(){return s.qy`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        style="${this.iconStyle}"
+        width="${this.width}"
+        height="${this.height}"
+      >
+        <path fill="none" d="M0 0h24v24H0z" />
+        <path
+          d="M18 11V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3v5z"
+        />
+      </svg>
+    `}}(0,h.A)(n,"styles",s.AH`
+    :host {
+      display: inherit;
+    }
+  `),(0,h.A)(n,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-move-icon",n)}}]);

package/dist/1109.creaditor.bundle.js

@@ -0,0 +1,23 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1109],{11109(t,e,i){i.r(e),i.d(e,{VimeoIcon:()=>s});var h=i(24586),r=i(59929);class s extends r.WF{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return r.qy`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="24"
+      height="24"
+      style=${this.iconStyle}
+    >
+      <path fill="none" d="M0 0H24V24H0z" />
+      <path
+        d="M1.173 8.301c-.281-.413-.252-.413.328-.922 1.232-1.082 2.394-2.266 3.736-3.212 1.215-.852 2.826-1.402 3.927-.047 1.014 1.249 1.038 3.142 1.295 4.65.257 1.564.503 3.164 1.051 4.66.152.421.443 1.217.968 1.284.678.093 1.368-1.096 1.683-1.54.817-1.18 1.925-2.769 1.785-4.286-.138-1.612-1.878-1.309-2.966-.924.175-1.809 1.858-3.843 3.48-4.53 1.72-.714 4.276-.702 5.14 1.237.923 2.102.093 4.543-.912 6.448-1.097 2.068-2.509 3.982-4.018 5.77-1.331 1.588-2.906 3.33-4.89 4.089-2.267.864-3.61-.82-4.382-2.77-.843-2.123-1.262-4.506-1.87-6.717-.256-.934-.56-1.997-1.167-2.768-.792-.995-1.692-.06-2.474.477-.269-.267-.491-.607-.714-.899z"
+      />
+    </svg>`}}(0,h.A)(s,"styles",r.AH`
+    :host {
+      display: inherit;
+      --cdtr-icon-width: 20px;
+      --cdtr-icon-height: 20px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      color: var(--cdtr-icon-color);
+    }
+  `),(0,h.A)(s,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-vimeo-icon",s)}}]);

package/dist/112.creaditor.bundle.js

@@ -0,0 +1,94 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[112],{50112(t,e,i){i.r(e),i.d(e,{SwatchIcon:()=>s});var h=i(24586),r=i(59929);class s extends r.WF{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return r.qy`
+      <svg
+        style="${this.iconStyle}"
+        width="${this.width}"
+        height="${this.height}"
+        width="201"
+        height="231"
+        viewBox="0 0 201 231"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect
+          x="120.831"
+          y="54.7641"
+          width="58"
+          height="151.308"
+          rx="7.5"
+          transform="rotate(49.1675 120.831 54.7641)"
+          fill="white"
+          stroke="black"
+          stroke-width="9"
+        />
+        <rect
+          x="4.5"
+          y="226.5"
+          width="58"
+          height="192"
+          rx="7.5"
+          transform="rotate(-90 4.5 226.5)"
+          fill="white"
+          stroke="black"
+          stroke-width="9"
+        />
+        <rect
+          x="4.5"
+          y="4.5"
+          width="62"
+          height="222"
+          rx="7.5"
+          fill="white"
+          stroke="black"
+          stroke-width="9"
+        />
+        <line
+          x1="2.99609"
+          y1="43.4531"
+          x2="66.004"
+          y2="43.4531"
+          stroke="black"
+          stroke-width="9"
+        />
+        <line
+          y1="82.125"
+          x2="63.0079"
+          y2="82.125"
+          stroke="black"
+          stroke-width="9"
+        />
+        <line
+          x1="3"
+          y1="118.219"
+          x2="66.0079"
+          y2="118.219"
+          stroke="black"
+          stroke-width="9"
+        />
+        <line
+          y1="154.312"
+          x2="63.0079"
+          y2="154.312"
+          stroke="black"
+          stroke-width="9"
+        />
+        <line
+          x1="3"
+          y1="190.406"
+          x2="66.0079"
+          y2="190.406"
+          stroke="black"
+          stroke-width="9"
+        />
+      </svg>
+    `}}(0,h.A)(s,"styles",r.AH`
+    :host {
+      display: inherit;
+      --cdtr-icon-width: 20px;
+      --cdtr-icon-height: 20px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      color: var(--cdtr-icon-color);
+    }
+  `),(0,h.A)(s,"properties",{iconStyle:{type:String},width:{type:String},height:{type:String}}),customElements.define("cdtr-swatch-icon",s)}}]);

package/dist/1133.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1133],{71133(e,t,n){n.d(t,{default:()=>C});const o=e=>{{const{component:t,commands:n,helpers:o}=e,i=t.parent("col");return{select:e=>{let{changeTab:t,tab:n}=e},tabs:e=>{const t=[{text:"video"},{text:"design"},{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:o,changeTab:s,tabs:r}=e;return[{type:"input",title:"add_urlAddress_from_media_site",active:()=>"video"===o.text,value:t.props.url||"",onChange:e=>{let t=e.target.value;if(-1!==t.indexOf("youtube.com/shorts/")){const e=t.split("/");e.length>0&&(t=`https://youtu.be/${e[e.length-1]}`)}n.execCommand("url",t)}},{type:"divider",active:()=>"video"===o.text},{type:"input",title:"altText",active:()=>"video"===o.text,value:t.props.alt||"",onChange:e=>{const t=e.target.value;n.execCommand("alt",t)}},{type:"divider",active:()=>"video"===o.text},{type:"checkbox",title:"fullWidthOnMobile",checked:!!t.props.isFullWidthOnMobile,active:()=>"video"===o.text,onChange:e=>{const t=e.target.checked;n.execCommand("isFullWidthOnMobile",t)}},{type:"slider",min:10,title:"size",active:()=>"design"===o.text,max:i?.element?.offsetWidth,value:parseInt(t.props.style.width),onInput:e=>{const t=e.target.value;n.execCommand("style",{width:t+"px"})}},{type:"divider"},{type:"justifyContent",value:i?.props.justify,active:()=>"design"===o.text,onChange:e=>{const t=e.target.value;n.execCommand("justify",t,{find:"col"})}},{type:"justifyContent",title:"alignItems",active:()=>"design"===o.text,value:i?.props.alignItems,onChange:e=>{const t=e.target.value;n.execCommand("alignItems",t,{find:"col"})}},{type:"divider",active:()=>"design"===o.text}]}}}};var i=n(1199);const s=()=>({set:(e,t,n)=>{switch(t){case"url":case"alt":case"fullWidthOnMobile":return e[t]=n,!0;case"style":if("object"==typeof n)return e[t]=(0,i.A)(e[t],n),n.height&&(e[t].height=n.height),n.width&&(e[t].width=n.width),!0}}});var r=n(72591),a=n.n(r),l=n(88639),c=n.n(l),d=n(88128),u=n.n(d),h=n(30855),p=n.n(h),m=n(93051),g=n.n(m),v=n(88661),y={};y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=g();a()(v.A,y);const A=v.A&&v.A.locals?v.A.locals:void 0;n(15284);var b=n(70320);const f="video";function w(){const e=(0,b.S)(),t="https://api.creaditor.com",n="https://multimedia.sendmsg.co.il/ShowYouTube.aspx?";return{name:f,create:i=>{function r(e,o,i){return o=parseInt(o),i=parseInt(i),new Promise((s,r)=>{e||console.warn("video link is empty.."),-1!==e.indexOf("youtu.be")&&(e=e.replace("youtu.be/","youtube.com/watch?v=")),-1!==e.indexOf("youtube")?s(function(e,o,i){const s=function(e){if(-1!==e.indexOf("youtube.com/shorts/")){const t=e.split("/");t.length>0&&(e=`https://youtu.be/${t[t.length-1]}`)}const t=e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/);return t&&11===t[2].length?t[2]:null}(e);if(!s)throw Error();const r=`//www.youtube.com/embed/${s}`,a=r.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();return 11!==a.length?(console.error("youtube link is not valid"),null):{img:`${t}/images/video/?code=${a}&width=${o}&height=${i}&type=youtube`,href:`${n}youtube=${s}`,embeded:r,source:e}}(e,o,i)):e.indexOf("vimeo")>-1&&function(e,o,i){const s=e;return new Promise((r,a)=>{e=e.substr(e.lastIndexOf("/")+1).replace(/\?.*/g,""),r({img:`${t}/images/video/?code=${e}&width=${o}&height=${i}&type=vimeo`,href:`${n}vimeo=${e}`,source:s})})}(e,o,i).then(e=>{s(e)})})}const{createElement:a,compose:l,helpers:c}=i,{arrayToString:d,mergeDiff:u}=c,h=document.createElement("div");h.classList.add(A.root);const p=document.createElement("div");p.classList.add(A.cover);const m=document.createElement("img");return h.append(m,p),a({name:f,id:l.id,template:h,defaultProps:{height:"300px",width:"400px",style:{width:"400px",height:"300px",playing:!1,loop:!1,light:!1,controls:!0,autoPlay:!1,muted:!1,url:"https://www.youtube.com/watch?v=04Or_U9OexU"}},draggable:{group:"element"},droppable:{group:"element"},render:t=>{e.run(()=>{const e=m.getBoundingClientRect();let t,n;e.height&&(t=e.height),e.width&&(n=e.width),t=l.props.style.height||l.props.height||300,n=l.props.style.width||l.props.width||400,r(l.props.url,n,t).then(e=>{m.src=e.img})});const n={...l.props.style};delete n.height,u(m,{style:n}),m.width=l.props.style.width,m.style.height="auto",m.height="auto",m.style.maxWidth="100%"},atomElement:m,resizeable:()=>h,handleBar:!0,validator:s(),schema:l.schema,onSelect:e=>{m.classList.add(e)},onDeselect:e=>{m.classList.remove(e)},elementProps:l,remove:()=>{h.remove()},createEditor:o})}}}const C=()=>w()},88661(e,t,n){n.d(t,{A:()=>a});var o=n(82001),i=n.n(o),s=n(40935),r=n.n(s)()(i());r.push([e.id,".erXmYCCmdWL8v5GDxnjP {\n  position: relative;\n  max-width: 100%;\n}\n.tPZLaQk8gBr1YTwcypDQ {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n  opacity: 0.6;\n}\n\n.erXmYCCmdWL8v5GDxnjP:hover .tPZLaQk8gBr1YTwcypDQ {\n  display: block;\n  background-color: var(--primary);\n}\n","",{version:3,sources:["webpack://./../newsletter-editors/video-editor-component-newsletter/lib/style.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,eAAe;AACjB;AACA;EACE,WAAW;EACX,YAAY;EACZ,OAAO;EACP,MAAM;EACN,kBAAkB;EAClB,YAAY;AACd;;AAEA;EACE,cAAc;EACd,gCAAgC;AAClC",sourcesContent:[".root {\n  position: relative;\n  max-width: 100%;\n}\n.cover {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n  opacity: 0.6;\n}\n\n.root:hover .cover {\n  display: block;\n  background-color: var(--primary);\n}\n"],sourceRoot:""}]),r.locals={root:"erXmYCCmdWL8v5GDxnjP",cover:"tPZLaQk8gBr1YTwcypDQ"};const a=r}}]);

package/dist/1142.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1142],{41142(e,t,n){n.d(t,{default:()=>b});const o=e=>{{const{component:t,commands:n,helpers:o}=e,s=t.parent("col");return{select:e=>{let{changeTab:t,tab:n}=e},tabs:e=>{const t=[{text:"design"},{text:"animations"},{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:r,changeTab:a,tabs:i}=e;const l=[{type:"input",title:"add_urlAddress_from_media_site",active:()=>"design"===r.text,value:t.props.url||"",onChange:e=>{let t=e.target.value;if(-1!==t.indexOf("youtube.com/shorts/")){const e=t.split("/");e.length>0&&(t=`https://youtu.be/${e[e.length-1]}`)}n.execCommand("url",t)}},{type:"divider",active:()=>"design"===r.text},{type:"fontSize",title:"size",min:10,active:()=>"design"===r.text,max:s?.element?.offsetWidth,value:parseInt(t.props.style.width),device:e=>{if("phone"===e.target.device){const n=t.props?.breakpoints?.sm?.style?.width||t.props.style.width;e.target.value=parseInt(n)}else e.target.value=parseInt(t.props.style.width)},onInput:e=>{const t=e.target.value;"phone"===e.target.device?n.execCommand("breakpoints",e=>{const n=e.props.breakpoints?.sm||{};return{sm:o.deepMerge(n,{style:{width:t+"px",height:e.props.isCircle?t+"px":"auto"}})}}):n.execCommand("style",e=>({width:t+"px",height:e.props.isCircle?t+"px":"auto"}))}},{type:"divider"},{type:"divider",active:()=>"design"===r.text}];return l}}}};var s=n(52144);const r=()=>({set:(e,t,n)=>{switch(t){case"url":return e[t]=n,!0;case"style":if("object"==typeof n)return n.width&&(n.height=parseFloat(n.width)/1.8+"px"),e[t]=(0,s.A)(e[t],n),!0}}});var a=n(72591),i=n.n(a),l=n(88639),c=n.n(l),p=n(88128),d=n.n(p),h=n(30855),u=n.n(h),A=n(93051),m=n.n(A),g=n(51115),v={};v.setAttributes=u(),v.insert=d().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=m();i()(g.A,v);const y=g.A&&g.A.locals?g.A.locals:void 0;n(15284);const C="video";const b=()=>({name:C,create:e=>{const{createElement:t,compose:n,helpers:s}=e,{arrayToString:a,mergeDiff:i}=s,l=document.createElement("div");l.classList.add(y.root);const c=document.createElement("div");c.classList.add(y.cover);const p=document.createElement("cdtr-media-player");return l.append(p,c),l.addEventListener("click",()=>{p.playing=!1}),t({name:C,id:n.id,template:l,defaultProps:{style:{height:"auto",width:"400px",height:"300px",playing:!1,loop:!1,light:!1,controls:!0,autoPlay:!1,muted:!1,url:"https://www.youtube.com/watch?v=04Or_U9OexU"}},draggable:{group:"element"},droppable:{group:"element"},render:e=>{p.url=n.props.url,i(p,{style:n.props.style}),p.width=n.props.style.width,p.height=n.props.style.height},atomElement:p,resizeable:()=>l,handleBar:!0,validator:r(),schema:n.schema,onSelect:e=>{p.classList.add(e)},onDeselect:e=>{p.classList.remove(e)},elementProps:n,remove:()=>{l.remove()},createEditor:o})}})},51115(e,t,n){n.d(t,{A:()=>i});var o=n(82001),s=n.n(o),r=n(40935),a=n.n(r)()(s());a.push([e.id,".BaT92HY5C7Gxgg9C1_pc {\n  position: relative;\n  max-width: 100%;\n}\n.aybkK2AXl8f2XctkkRjJ {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n  opacity: 0.6;\n}\n\n.BaT92HY5C7Gxgg9C1_pc:hover .aybkK2AXl8f2XctkkRjJ {\n  display: block;\n  background-color: var(--primary);\n}\n","",{version:3,sources:["webpack://./../web-editors/video-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,eAAe;AACjB;AACA;EACE,WAAW;EACX,YAAY;EACZ,OAAO;EACP,MAAM;EACN,kBAAkB;EAClB,YAAY;AACd;;AAEA;EACE,cAAc;EACd,gCAAgC;AAClC",sourcesContent:[".root {\n  position: relative;\n  max-width: 100%;\n}\n.cover {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  position: absolute;\n  opacity: 0.6;\n}\n\n.root:hover .cover {\n  display: block;\n  background-color: var(--primary);\n}\n"],sourceRoot:""}]),a.locals={root:"BaT92HY5C7Gxgg9C1_pc",cover:"aybkK2AXl8f2XctkkRjJ"};const i=a}}]);

package/dist/1247.creaditor.bundle.js

@@ -0,0 +1,114 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1247],{86112(p,x,r){r.d(x,{P:()=>e});const e=[{rule:"rgba(149, 157, 165, 0.2) 0px 8px 24px;"},{rule:"rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;"},{rule:"rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;"},{rule:"rgba(0, 0, 0, 0.35) 0px 5px 15px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 1px 4px;"},{rule:"rgba(0, 0, 0, 0.24) 0px 3px 8px;"},{rule:"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;"},{rule:"rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 4px 12px;"},{rule:"rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;"},{rule:"rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;"},{rule:"rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;"},{rule:"rgb(38, 57, 77) 0px 20px 30px -10px;"},{rule:"rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;"},{rule:"rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;"},{rule:"rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;"},{rule:"rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;"},{rule:"rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;"},{rule:"rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;"},{rule:"rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;"},{rule:"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;"},{rule:"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;"},{rule:"rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;"},{rule:"rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;"},{rule:"rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;"},{rule:"rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;"},{rule:"rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;"},{rule:"rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 10px 50px;"},{rule:"rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;"},{rule:"rgba(240, 46, 170, 0.4) 0px 5px, rgba(240, 46, 170, 0.3) 0px 10px, rgba(240, 46, 170, 0.2) 0px 15px, rgba(240, 46, 170, 0.1) 0px 20px, rgba(240, 46, 170, 0.05) 0px 25px;"},{rule:"rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;"}]},41247(p,x,r){r.r(x),r.d(x,{BoxShadowEditor:()=>l});var e=r(24586),t=r(59929),a=r(80149),o=r(86112),i=r(98741),d=r(10527);const s="#000 0px 0px 0px 0px",n={};class l extends t.WF{constructor(p){super(),(0,e.A)(this,"onChangeBoxShadow",(p,x)=>{const r={color:n.color,offsetY:n.offsetY,offsetX:n.offsetX,blurRadius:n.blurRadius,spreadRadius:n.spreadRadius,inset:!!n.inset};if(void 0!==r[p]&&("string"==typeof x||"number"==typeof x||"boolean"==typeof x)){r[p]=x,n[p]=x;const e=`${r.offsetX}px ${r.offsetY}px ${r.blurRadius}px ${r.spreadRadius}px ${r.color} ${r.inset?"inset":""}`;this.changeBoxShadowValue(e)}}),this.tabName="design",this.theme=a.M.get("theme"),this.removeBoxShadow=this.removeBoxShadow.bind(this),this.onChangeBoxShadow=this.onChangeBoxShadow.bind(this)}changeBoxShadowValue(p){d.Ay.store().execCommand("style",{boxShadow:p}),this.boxShadow=this.value=p}removeBoxShadow(){d.Ay.store().execCommand("style",{boxShadow:s}),this.boxShadow=this.value=s}connectedCallback(){super.connectedCallback(),r.e(2403).then(r.bind(r,52403)),r.e(8161).then(r.bind(r,98161))}disconnectedCallback(){super.disconnectedCallback()}createRenderRoot(){return this}changeTab(p){this.tabName=p.target.value}render(){if(void 0===this.value||this.value!==this.boxShadow){this.value||(this.value=s),this.boxShadow=this.value;const p=(0,i.A)(this.value);Array.isArray(p)&&p.length>0?(n.offsetX=p[0].offsetX,n.offsetY=p[0].offsetY,n.blurRadius=p[0].blurRadius,n.spreadRadius=p[0].spreadRadius,n.color=p[0].color,n.inset=p[0].inset):(n.offsetX=0,n.offsetY=0,n.blurRadius=0,n.spreadRadius=0,n.color="#000",n.inset)}return t.qy`
+      <cdtr-editor-container>
+        <cdtr-row alignItems="center" justify="space-between">
+          <cdtr-col>
+            <cdtr-title>
+              <lang-text text="box-shadow"></lang-text>
+            </cdtr-title>
+          </cdtr-col>
+          <cdtr-col sm="2">
+            ${this.boxShadow!==s?t.qy` <paper-button
+                  style="min-width:40px;padding:0;"
+                  @click=${this.removeBoxShadow}
+                  ><cdtr-icon icon="x"></cdtr-icon
+                ></paper-button>`:null}
+          </cdtr-col>
+          <cdtr-col sm="3">
+            <cdtr-dropdown custom overflow maxHeight="900px" top=${200}>
+              <paper-button slot="trigger"
+                ><cdtr-box-shadow-icon
+                  .iconStyle="box-shadow:${this.value};"
+                ></cdtr-box-shadow-icon
+              ></paper-button>
+              <div slot="content">
+                <div>
+                  ${"design"===this.tabName?t.qy`
+                        <cdtr-editor-container>
+                          <h1 class="mb-2">
+                            <lang-text
+                              whiteSpace="break-spaces"
+                              text="box-shadow"
+                            ></lang-text>
+                          </h1>
+                          <cdtr-width-editor
+                            text="horizontal_shadow_length"
+                            unit="px"
+                            max="200"
+                            min="-200"
+                            .value=${n.offsetX}
+                            @input=${p=>this.onChangeBoxShadow("offsetX",p.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-width-editor
+                            text="vertical_shadow_length"
+                            unit="px"
+                            max="400"
+                            min="-400"
+                            .value=${n.offsetY}
+                            @input=${p=>this.onChangeBoxShadow("offsetY",p.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-width-editor
+                            text="blur_radius"
+                            unit="px"
+                            max="400"
+                            min="0"
+                            .value=${n.blurRadius}
+                            @input=${p=>this.onChangeBoxShadow("blurRadius",p.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-width-editor
+                            text="spread_radius"
+                            unit="px"
+                            max="200"
+                            min="-200"
+                            .value=${n.spreadRadius}
+                            @input=${p=>this.onChangeBoxShadow("spreadRadius",p.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-colorpicker-editor
+                            @input=${p=>this.onChangeBoxShadow("color",p.target.value)}
+                            .value=${n.color}
+                            text="shadow_color"
+                          ></cdtr-colorpicker-editor>
+                        </cdtr-editor-container>
+
+                        <cdtr-editor-container>
+                          <cdtr-row justify="space-between" alignItems="center">
+                            <cdtr-title
+                              ><lang-text text="inset"></lang-text
+                            ></cdtr-title>
+                            <cdtr-toggle
+                              @change=${p=>this.onChangeBoxShadow("inset",!p.target.checked)}
+                            ></cdtr-toggle>
+                          </cdtr-row>
+                        </cdtr-editor-container>
+                      `:null}
+                  ${"gallery"===this.tabName?t.qy`<cdtr-row
+                        style="overflow-y: auto;
+max-height: 90vh;max-width:500px;"
+                        justify="center"
+                        spacing="10px"
+                      >
+                        ${o.P.map(p=>t.qy` <cdtr-col sm="5" style="height:120px;"
+                              ><paper-button
+                                @click=${()=>this.changeBoxShadowValue(p.rule)}
+                                style="box-shadow:${p.rule};margin:0 25px;width:90%;height:90%;"
+                              ></paper-button
+                            ></cdtr-col>`)}
+                      </cdtr-row>`:null}
+                </div>
+              </div>
+            </cdtr-dropdown>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+    `}}(0,e.A)(l,"styles",t.AH`
+    :host {
+      direction: var(--direction-locale);
+    }
+  `),(0,e.A)(l,"properties",{value:{type:String},boxShadow:{type:String}}),customElements.define("cdtr-box-shadow-editor",l)},98741(p,x,r){function e(p){try{return function(p){const x=p.split(/ (?![^(]*\))/);let r="",e=0,t=0,a=0,o=0,i=!1;for(let p of x)p=p.trim(),"inset"===p?i=!0:p.endsWith("px")||p.endsWith("em")?0===t?t=parseFloat(p):0===e?e=parseFloat(p):0===a?a=parseFloat(p):0===o&&(o=parseFloat(p)):(p.includes("rgb")||p.includes("#"))&&(r=p);return[{color:r,offsetY:e,offsetX:t,blurRadius:a,spreadRadius:o,inset:i}]}(p)}catch(p){console.error(p)}}r.d(x,{A:()=>e})}}]);