@creaditor/newsletter-starterkit 1.0.55 → 1.0.57

package/dist/8570.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8570],{28570(t,e,i){i.r(e),i.d(e,{AlignGroup:()=>p});var l,r,n,s,o,a,c=i(59088),h=i(36936),d=i(59929),u=i(49410);let p=(l=(0,u.MZ)({type:Number}),r=(0,u.MZ)({type:String}),(a=class extends d.WF{constructor(){super(),(0,c.A)(this,"value",s,this),(0,c.A)(this,"justify",o,this),this.onClick=this.onClick.bind(this),this.justify="center"}onClick(t){const e=t.target.closest("[data-align]");if(e){const t={detail:e.getAttribute("data-align"),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("change",t))}}render(){return d.qy` <cdtr-row justify="${this.justify}">
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8570],{28570(t,e,i){i.r(e),i.d(e,{AlignGroup:()=>f});var l,r,n,o,s,a,c=i(59088),h=i(36936),d=i(59929),u=i(49410);let f=(l=(0,u.MZ)({type:Number}),r=(0,u.MZ)({type:String}),(a=class extends d.WF{constructor(){super(),(0,c.A)(this,"value",o,this),(0,c.A)(this,"justify",s,this),this.onClick=this.onClick.bind(this),this.justify="center"}onClick(t){const e=t.target.closest("[data-align]");if(e){const t={detail:e.getAttribute("data-align"),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("change",t))}}render(){return d.qy` <cdtr-row justify="${this.justify}">
       <paper-button
         class="${"flex-start"===this.value?"selected":null}"
         @click=${this.onClick}
@@ -94,9 +94,9 @@
       min-width: auto;
     }
     rect[fill="black"] {
-      fill: var(--primary);
+      fill: var(--color-primary, #6366f1);
     }
     .selected {
       background: #f1f3f5;
     }
-  `,n=a,s=(0,h.A)(n.prototype,"value",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),o=(0,h.A)(n.prototype,"justify",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),n);customElements.define("cdtr-align-items-group",p)}}]);
+  `,n=a,o=(0,h.A)(n.prototype,"value",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),s=(0,h.A)(n.prototype,"justify",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),n);customElements.define("cdtr-align-items-group",f)}}]);

package/dist/8646.creaditor.bundle.js

@@ -12,7 +12,7 @@
             <div class="header">
               <paper-button
                 @click=${this.onClose}
-                style="padding:6px;z-index:3;position:absolute;left:0;min-width:20px;"
+                style="padding:0;z-index:3;min-width:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-inline-start:8px;"
               >
                 <cdtr-close-icon class="close-icon" icon="close">
                 </cdtr-close-icon>
@@ -38,24 +38,30 @@
       display: none !important;
     }
     .header-text {
-      margin: 12px;
-      font-size: 18px;
-      font-family: Arial;
+      margin: 0;
+      font-size: var(--text-lg, 16px);
+      font-weight: 600;
+      font-family: var(--font-sans, -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
       text-align: right;
       display: block;
       width: 95%;
       position: absolute;
-      top: 0;
+      top: 50%;
       left: 0;
+      transform: translateY(-50%);
+      padding: 0 var(--space-4, 16px);
       direction: var(--direction-locale);
+      box-sizing: border-box;
+      color: var(--color-text, #1a1a1f);
     }
     .drawer {
       width: ${500}px;
       height: 100vh;
-      background: #fff;
+      background: var(--color-bg, #fff);
       position: absolute;
       right: 0;
-      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      transition: width 0.28s var(--ease-default, cubic-bezier(0.4, 0, 0.2, 1));
+      box-shadow: var(--shadow-lg, rgba(0, 0, 0, 0.24) 0px 3px 8px);
       -webkit-animation: slide-in 0.5s forwards;
       -webkit-animation-delay: 2s;
       animation: slide-in 0.5s forwards;
@@ -66,31 +72,22 @@
       animation: slide-out 0.5s forwards;
     }
     .header {
-      min-height: 40px;
-      margin: 1px;
+      height: 48px;
       width: 100%;
-      padding: 4.4px 0;
-      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
-        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
+      border-bottom: 1px solid var(--color-border, #e8e8ec);
+      display: flex;
+      align-items: center;
+      position: relative;
+      box-sizing: border-box;
     }
     .body {
       width: 100%;
-      height: 100vh;
+      height: calc(100vh - 48px);
       overflow: hidden;
     }
     .close-button {
       cursor: pointer;
     }
-    .close-button:hover {
-      -webkit-animation: rotate 0.5s forwards;
-      -webkit-animation-delay: 2s;
-      animation: rotate 0.5s forwards;
-    }
-    @keyframes rotate {
-      100% {
-        transform: rotate(180deg);
-      }
-    }
     @-webkit-keyframes slide-in {
       100% {
         transform: rotate(180deg);

package/dist/8654.creaditor.bundle.js

@@ -82,7 +82,7 @@
       right: 0;
       height: fit-content;
       background: transparent;
-      z-index: 110;
+      z-index: var(--z-dropdown, 100);
       display: flex;
       align-items: center;
       width: 24px;
@@ -91,17 +91,17 @@
     .wrapper {
       top: 0;
       right: 0;
-      padding: 5px;
+      padding: var(--space-1, 4px);
       height: 100%;
-      width: 25px;
-      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
+      width: 32px;
+      box-shadow: var(--shadow-sm);
       transform: translate(70%, 0);
-      background: #fff;
-      border-radius: 0.2rem;
+      background: var(--color-bg, #fff);
+      border-radius: var(--radius-sm, 6px);
       min-height: 90px;
     }
     paper-button {
-      padding: 0.2rem;
+      padding: var(--space-1, 4px);
       min-width: auto;
       display: block;
       margin: auto;

package/dist/8854.creaditor.bundle.js

@@ -22,13 +22,13 @@
         <path
           d="M398.86279,261.73389a9.0157,9.0157,0,0,1-8.61133-6.3667l-12.88037-42.07178a8.99884,8.99884,0,0,1,5.9712-11.24023l175.939-53.86377a9.00867,9.00867,0,0,1,11.24072,5.9707l12.88037,42.07227a9.01029,9.01029,0,0,1-5.9707,11.24072L401.49219,261.33887A8.976,8.976,0,0,1,398.86279,261.73389Z"
           transform="translate(-276.18187 -133.91309)"
-          fill="var(--primary)"
+          fill="var(--color-primary, #6366f1)"
         ></path>
         <circle
           cx="190.15351"
           cy="24.95465"
           r="20"
-          fill="var(--primary)"
+          fill="var(--color-primary, #6366f1)"
         ></circle>
         <circle cx="190.15351" cy="24.95465" r="12.66462" fill="#fff"></circle>
         <path
@@ -44,13 +44,13 @@
         <path
           d="M801.81836,318.08691h-184a9.01015,9.01015,0,0,1-9-9v-44a9.01016,9.01016,0,0,1,9-9h184a9.01016,9.01016,0,0,1,9,9v44A9.01015,9.01015,0,0,1,801.81836,318.08691Z"
           transform="translate(-276.18187 -133.91309)"
-          fill="var(--primary)"
+          fill="var(--color-primary, #6366f1)"
         ></path>
         <circle
           cx="433.63626"
           cy="105.17383"
           r="20"
-          fill="var(--primary)"
+          fill="var(--color-primary, #6366f1)"
         ></circle>
         <circle cx="433.63626" cy="105.17383" r="12.18187" fill="#fff"></circle>
       </svg>

package/dist/8916.creaditor.bundle.js

@@ -11,7 +11,9 @@
     hr:after {
       content: "";
       height: 1px;
-      background: #e8e8eb;
+      /* Matches the rule under an open section, so the panel has one divider
+         weight rather than three competing ones. */
+      background: var(--color-border-subtle, rgba(0, 0, 0, 0.06));
       display: block;
       width: 100%;
     }

package/dist/9041.creaditor.bundle.js

@@ -1,4 +1,4 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9041],{19041(t,e,n){n.r(e),n.d(e,{ElementHandleBar:()=>p});var o=n(59929),i=n(86319),a=n(21421),s=n(36565),r=n(89531),l=n(83965),c=n(67549);const d=s.Ay;r.A,l.i,c.s;class p extends o.WF{constructor(){super(),this.animations=[],this.elementRef=(0,a._)(),this.canDisplayBar=!0;const t=i.M.get("config","editor","configure","editorProps");this.canDisplayBar=!t||!1!==t?.actionBar,this.selected=!1,this.connectWith=this.connectWith.bind(this),this.onRemove=this.onRemove.bind(this)}cloneElement(){let t,e=d.getComponent(this.for);const n=e?.closest("col");let o=0;n&&(o=n.children.length);const i="card"===e?.type||o<2?e.closest("col"):null;if(i&&(e=i),e&&(t=e.parent(),t)){let n=t.children.findIndex(t=>t===e.id);"col"===e.type&&(n+=1),"number"==typeof n&&d.cloneComponent({componentId:e.id,index:n,parentId:t.id})}}onRemove(){const t=i.M.get("components",this.for),e=t?.commands?.remove??t?.remove;"function"==typeof e&&e()}connectWith(){if(this.selected=!1,this.for){const t=d.components.find(t=>t.id===this.for);if(t){const e=t,n=e.closest("col");n&&(n.element.getBoundingClientRect(),e.element.getBoundingClientRect());const o=e.closest("card");if(o&&this.elementRef.value){const t=o.element.getBoundingClientRect(),n=e.element.getBoundingClientRect();if(parseInt(String(t.top))>=parseInt(String(n.top))-40){let e=0;t.right>n.right?e=t.right-n.right-100+"px":t.left<n.left&&(e=t.left-n.left+20+"px"),n.left+parseInt(String(e))<t.left&&(e=0),this.elementRef.value.style.transform=`translate(${e},${n.height+10}px)`}else this.elementRef.value.style.transform=""}else this.elementRef.value&&(this.elementRef.value.style.transform="");this.selected=!!e.element?.closest("[draggable-element]");const a=e.props;this.animations=a.interactions?.filter(t=>"animation"===t.type)??[],this.hasAnimations=this.animations.length>0,this.name=a.name||i.M.get("lang",e.type)}}}justifyContent(t){d.store().execCommand("justify",t,{find:"col"})}connectedCallback(){super.connectedCallback(),d.on("select",this.connectWith),d.on("update",this.connectWith),this.classList.add("ignore-cdtr-blur")}disconnectedCallback(){super.disconnectedCallback(),d.off("select",this.connectWith),d.off("update",this.connectWith)}render(){return this.style.display=this.selected?"":"none",o.qy`<cdtr-row
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9041],{19041(t,e,n){n.r(e),n.d(e,{ElementHandleBar:()=>p});var o=n(59929),i=n(86319),a=n(21421),r=n(36565),s=n(89531),c=n(83965),l=n(67549);const d=r.Ay;s.A,c.i,l.s;class p extends o.WF{constructor(){super(),this.animations=[],this.elementRef=(0,a._)(),this.canDisplayBar=!0;const t=i.M.get("config","editor","configure","editorProps");this.canDisplayBar=!t||!1!==t?.actionBar,this.selected=!1,this.connectWith=this.connectWith.bind(this),this.onRemove=this.onRemove.bind(this)}cloneElement(){let t,e=d.getComponent(this.for);const n=e?.closest("col");let o=0;n&&(o=n.children.length);const i="card"===e?.type||o<2?e.closest("col"):null;if(i&&(e=i),e&&(t=e.parent(),t)){let n=t.children.findIndex(t=>t===e.id);"col"===e.type&&(n+=1),"number"==typeof n&&d.cloneComponent({componentId:e.id,index:n,parentId:t.id})}}onRemove(){const t=i.M.get("components",this.for),e=t?.commands?.remove??t?.remove;"function"==typeof e&&e()}connectWith(){if(this.selected=!1,this.for){const t=d.components.find(t=>t.id===this.for);if(t){const e=t;if("function"!=typeof e.closest)return;const n=e.closest("col");n&&(n.element.getBoundingClientRect(),e.element.getBoundingClientRect());const o=e.closest("card");if(o&&this.elementRef.value){const t=o.element.getBoundingClientRect(),n=e.element.getBoundingClientRect();if(parseInt(String(t.top))>=parseInt(String(n.top))-40){let e=0;t.right>n.right?e=t.right-n.right-100+"px":t.left<n.left&&(e=t.left-n.left+20+"px"),n.left+parseInt(String(e))<t.left&&(e=0),this.elementRef.value.style.transform=`translate(${e},${n.height+10}px)`}else this.elementRef.value.style.transform=""}else this.elementRef.value&&(this.elementRef.value.style.transform="");this.selected=!!e.element?.closest("[draggable-element]");const a=e.props;this.animations=a.interactions?.filter(t=>"animation"===t.type)??[],this.hasAnimations=this.animations.length>0,this.name=a.name||i.M.get("lang",e.type)}}}justifyContent(t){d.store().execCommand("justify",t,{find:"col"})}connectedCallback(){super.connectedCallback(),d.on("select",this.connectWith),d.on("update",this.connectWith),this.classList.add("ignore-cdtr-blur")}disconnectedCallback(){super.disconnectedCallback(),d.off("select",this.connectWith),d.off("update",this.connectWith)}render(){return this.style.display=this.selected?"":"none",o.qy`<cdtr-row
         ${(0,a.K)(this.elementRef)}
         class="bar"
         alignItems="center"
@@ -102,25 +102,24 @@
     }
     .bar {
       position: absolute;
-      height: 30px;
+      height: 32px;
       background: transparent;
       min-width: 106px;
-      z-index: 101;
+      z-index: var(--z-dropdown, 100);
       display: flex;
       align-items: center;
-      font-family: var(--font-family);
+      font-family: var(--font-sans);
       left: 0;
       top: -5px;
       transform: translate(0, -100%);
-      padding: 0 0.4rem;
-      background: #fff;
-      font-size: 13px;
-      border-radius: 3px;
-      animation: fade_in 0.2s;
-      color: black;
+      padding: 0 var(--space-1, 4px);
+      background: var(--color-bg, #fff);
+      font-size: var(--text-sm, 13px);
+      border-radius: var(--radius-sm, 6px);
+      animation: fade_in var(--duration-normal, 0.2s);
+      color: var(--color-text, #1a1a1f);
       width: auto;
-      box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
-        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
+      box-shadow: var(--shadow-sm);
     }
     .bottom-bar {
       top: 100%;
@@ -133,13 +132,12 @@
       left: 101%;
       top: 0;
       background: var(--primary);
-
-      padding: 5px 5px;
+      padding: var(--space-1, 4px);
       display: flex;
       align-items: center;
-      border-radius: 3px;
+      border-radius: var(--radius-sm, 6px);
       overflow: hidden;
-      z-index: 99;
+      z-index: var(--z-dropdown, 100);
     }
     @keyframes fade_up {
       from {

package/dist/9250.creaditor.bundle.js

@@ -269,6 +269,6 @@
     }
     h1 {
       font-family: Arial;
-      color: var(--primary);
+      color: var(--color-primary, #6366f1);
     }
   `,customElements.define("cdtr-401",a)}}]);

package/dist/9431.creaditor.bundle.js

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

package/dist/9694.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9694],{69694(e,n,t){t.d(n,{default:()=>b});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(72591),a=t.n(s),i=t(88639),d=t.n(i),A=t(88128),c=t.n(A),l=t(30855),u=t.n(l),g=t(93051),C=t.n(g),p=t(30772),m={};m.setAttributes=u(),m.insert=c().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=C();a()(p.A,m);const h=p.A&&p.A.locals?p.A.locals:void 0,b=()=>{const e="spacer";return{name:e,create:n=>{let{createElement:t,compose:s,helpers:a}=n;const i=document.createElement("div");i.classList.add(h.root);const d=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(h.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(h.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(h.dragging)})})(i,d),d}}}},30772(e,n,t){t.d(n,{A:()=>i});var o=t(82001),r=t.n(o),s=t(40935),a=t.n(s)()(r());a.push([e.id,'.aLJn5aW2t4h6fq41PEdv{\n    width: 100%;\n    position: relative;\n}\n.aLJn5aW2t4h6fq41PEdv::after{\n    content: "";\n    outline: 1px dashed rgba(57, 170, 193, 0.459);\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(63, 115, 125, 0.005);\n}\n.pxoFCz5GGvHmLd86XtRD{\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.1);\n    transition: background-color 0.2s;\n}\n\n.pxoFCz5GGvHmLd86XtRD:hover{\n    background-color: rgba(57, 170, 193, 0.6);\n}\n.pxoFCz5GGvHmLd86XtRD._0A7M5j1AiL_VBIzQGDK{\n    background-color: rgba(57, 170, 193, 0.8);\n}',"",{version:3,sources:["webpack://./../web-editors/spacer-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,WAAW;IACX,kBAAkB;AACtB;AACA;IACI,WAAW;IACX,6CAA6C;IAC7C,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;;AAEA;IACI,yCAAyC;AAC7C;AACA;IACI,yCAAyC;AAC7C",sourcesContent:['.root{\n    width: 100%;\n    position: relative;\n}\n.root::after{\n    content: "";\n    outline: 1px dashed rgba(57, 170, 193, 0.459);\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(63, 115, 125, 0.005);\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.1);\n    transition: background-color 0.2s;\n}\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:"aLJn5aW2t4h6fq41PEdv",resizeBar:"pxoFCz5GGvHmLd86XtRD",dragging:"_0A7M5j1AiL_VBIzQGDK"};const i=a}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9694],{69694(e,n,t){t.d(n,{default:()=>b});const o=e=>{{const{component:n,commands:t}=e;return{select:e=>{let{changeTab:n,tab:t}=e;"style"!==t.text&&n("style")},tabs:e=>{const n=[{text:"style"}];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(72591),a=t.n(s),i=t(88639),d=t.n(i),A=t(88128),c=t.n(A),l=t(30855),u=t.n(l),C=t(93051),p=t.n(C),g=t(30772),m={};m.setAttributes=u(),m.insert=c().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=p();a()(g.A,m);const h=g.A&&g.A.locals?g.A.locals:void 0,b=()=>{const e="spacer";return{name:e,create:n=>{let{createElement:t,compose:s,helpers:a}=n;const i=document.createElement("div");i.classList.add(h.root);const d=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(h.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(h.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(h.dragging)})})(i,d),d}}}},30772(e,n,t){t.d(n,{A:()=>i});var o=t(82001),r=t.n(o),s=t(40935),a=t.n(s)()(r());a.push([e.id,'.aLJn5aW2t4h6fq41PEdv{\n    width: 100%;\n    position: relative;\n}\n.aLJn5aW2t4h6fq41PEdv::after{\n    content: "";\n    outline: 1px dashed rgba(57, 170, 193, 0.459);\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(63, 115, 125, 0.005);\n}\n.pxoFCz5GGvHmLd86XtRD{\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.1);\n    transition: background-color 0.2s;\n}\n\n.pxoFCz5GGvHmLd86XtRD:hover{\n    background-color: rgba(57, 170, 193, 0.6);\n}\n.pxoFCz5GGvHmLd86XtRD._0A7M5j1AiL_VBIzQGDK{\n    background-color: rgba(57, 170, 193, 0.8);\n}',"",{version:3,sources:["webpack://./../web-editors/spacer-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;IACI,WAAW;IACX,kBAAkB;AACtB;AACA;IACI,WAAW;IACX,6CAA6C;IAC7C,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;;AAEA;IACI,yCAAyC;AAC7C;AACA;IACI,yCAAyC;AAC7C",sourcesContent:['.root{\n    width: 100%;\n    position: relative;\n}\n.root::after{\n    content: "";\n    outline: 1px dashed rgba(57, 170, 193, 0.459);\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(63, 115, 125, 0.005);\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.1);\n    transition: background-color 0.2s;\n}\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:"aLJn5aW2t4h6fq41PEdv",resizeBar:"pxoFCz5GGvHmLd86XtRD",dragging:"_0A7M5j1AiL_VBIzQGDK"};const i=a}}]);

package/dist/9994.creaditor.bundle.js

@@ -0,0 +1,114 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9994],{19994(p,x,r){r.r(x),r.d(x,{BoxShadowEditor:()=>m});var e=r(59088),t=r(36936),a=r(59929),o=r(49410),i=r(86319);const d=[{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;"}];function l(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)}}var s,n,b,g,u,c;const h=r(36565).Ay,w="#000 0px 0px 0px 0px",f={};let m=(s=(0,o.MZ)({type:String}),n=(0,o.MZ)({type:String}),(c=class extends a.WF{constructor(){super(),(0,e.A)(this,"value",g,this),(0,e.A)(this,"boxShadow",u,this),this.tabName=void 0,this.theme=void 0,this.onChangeBoxShadow=(p,x)=>{const r={color:f.color,offsetY:f.offsetY,offsetX:f.offsetX,blurRadius:f.blurRadius,spreadRadius:f.spreadRadius,inset:!!f.inset};if(void 0!==r[p]&&("string"==typeof x||"number"==typeof x||"boolean"==typeof x)){r[p]=x,f[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=i.M.get("theme"),this.removeBoxShadow=this.removeBoxShadow.bind(this),this.onChangeBoxShadow=this.onChangeBoxShadow.bind(this)}changeBoxShadowValue(p){h.store().execCommand("style",{boxShadow:p}),this.boxShadow=this.value=p}removeBoxShadow(){h.store().execCommand("style",{boxShadow:w}),this.boxShadow=this.value=w}connectedCallback(){super.connectedCallback(),r.e(1456).then(r.bind(r,11456)),r.e(5666).then(r.bind(r,35666))}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=w),this.boxShadow=this.value;const p=l(this.value);Array.isArray(p)&&p.length>0?(f.offsetX=p[0].offsetX,f.offsetY=p[0].offsetY,f.blurRadius=p[0].blurRadius,f.spreadRadius=p[0].spreadRadius,f.color=p[0].color,f.inset=p[0].inset):(f.offsetX=0,f.offsetY=0,f.blurRadius=0,f.spreadRadius=0,f.color="#000",f.inset=void 0)}return a.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!==w?a.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?a.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=${f.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=${f.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=${f.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=${f.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=${f.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?a.qy`<cdtr-row
+                        style="overflow-y: auto;
+max-height: 90vh;max-width:500px;"
+                        justify="center"
+                        spacing="10px"
+                      >
+                        ${d.map(p=>a.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>
+    `}}).styles=a.AH`
+    :host {
+      direction: var(--direction-locale);
+    }
+  `,b=c,g=(0,t.A)(b.prototype,"value",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),u=(0,t.A)(b.prototype,"boxShadow",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),b);customElements.define("cdtr-box-shadow-editor",m)}}]);