@creaditor/newsletter-starterkit 1.0.42 → 1.0.43

package/dist/1260.creaditor.bundle.js

@@ -0,0 +1,234 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1260],{91260(t,e,r){r.r(e),r.d(e,{BlockEditor:()=>h});var o=r(24586),i=r(59929),d=r(86319),n=r(9507),a=r(49937),s=r(83235);const c=JSON.parse('["3g2","3gp","aaf","asf","avchd","avi","drc","flv","m2v","m3u8","m4p","m4v","mkv","mng","mov","mp2","mp4","mpe","mpeg","mpg","mpv","mxf","nsv","ogg","ogv","qt","rm","rmvb","roq","svi","vob","webm","wmv","yuv"]');var p=r(9334),l=r(96374);const g=[{id:"video-background",name:"video",thumb:"https://i.ytimg.com/vi/RhlQvbvMg-0/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLCKBaHlpHj3ghOXWjB2br9kHjPg7w",group:["section-component"],type:"video",preset:{installed:!1,component:"cdtr-background-video",properties:{type:"video",url:"https://www.youtube.com/watch?v=RhlQvbvMg-0",loop:!0,volume:0,controls:0,muted:!0,playing:!0,config:{playerVars:{showinfo:0,controls:0,playsinline:0}},style:{zIndex:0,width:window.innerWidth+500,height:window.innerWidth-560,pointerEvents:"none",transform:"translate(-10%,-0%)"}}}},{id:"images-background",name:"some-images",thumb:"http://demos.creative-tim.com/paper-kit-2/assets/img/antoine-barres.jpg",group:["section-component"],type:"images",preset:{tags:[],installed:!1,type:"images",component:"cdtr-images-preset",properties:{src:"http://demos.creative-tim.com/paper-kit-2/assets/img/antoine-barres.jpg,https://images.pexels.com/photos/1408221/pexels-photo-1408221.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",style:{backgroundAttachment:"local",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover"}}}}];r.e(4217).then(r.bind(r,94217));class h extends i.WF{constructor(t){super(),(0,o.A)(this,"onChangeBakgroundExpanding",t=>{const e=t.target.checked;n.Ay.store().execCommand("expand_image_for_outlook",!e)}),(0,o.A)(this,"getInnerBlocks",()=>{const t=[],e=this.component.parent("section");return e&&e.children.forEach(e=>{const r=d.M.get("components",e);r&&"block"===r.type&&t.push(r)}),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.M.get("theme"),this.connectWith=this.connectWith.bind(this),this.cmds={onchangeRadius:t=>{n.Ay.store().execCommand("style",{...t.target.json})},toggleResponsive:t=>{this.noResponsive=!t.target.checked,n.Ay.store().execCommand("noResponsive",this.noResponsive)},onChangeBorderStyle:t=>{this.borderStyle=t.target.borderStyle||"",this.borderWidth=t.target.borderWidth||1,this.borderColor=t.target.borderColor||"#000",this.borderRadius=t.target.borderRadius||0;t.target.json;n.Ay.store().execCommand("style",{borderStyle:this.borderStyle,borderColor:this.borderColor,borderTopWidth:t.target.borderTopWidth||"0px",borderBottomWidth:t.target.borderBottomWidth||"0px",borderLeftWidth:t.target.borderLeftWidth||"0px",borderRightWidth:t.target.borderRightWidth||"0px",borderTopRightRadius:parseInt(t.target.borderTopRightRadius||0)+"px",borderTopLeftRadius:parseInt(t.target.borderTopLeftRadius||0)+"px",borderBottomRightRadius:parseInt(t.target.borderBottomRightRadius||0)+"px",borderBottomLeftRadius:parseInt(t.target.borderBottomLeftRadius||0)+"px",borderRadius:null})},onRemoveBackgroundVideo:()=>{this.backgroundVideo="",this.backgroundInstance={},n.Ay.store().execCommand("background","transparent")},onChangeBackgroundVideo:t=>{const e=t.target.value;let r;if((0,s.A)(e)){const t=g.find(t=>"images"===t.type);t.preset.properties.src=e,r=t.preset}else if(function(t){const e=(/(?:\.([^.]+))?$/.exec(t.toLowerCase())??[])[1]??"";return-1!==c.findIndex(t=>t===e)}(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=g.find(t=>"video"===t.type);t.preset.properties.url=e,delete t.preset.properties.videoPath,r=t.preset}r&&(n.Ay.store().execCommand("background",JSON.parse(JSON.stringify(r))),n.Ay.store().execCommand("style",{background:null})),this.backgroundVideo=e},onChangeImage:t=>{const e=t.detail,r=[];Array.isArray(e)?e.forEach(t=>r.push(t.src)):r.push(e.src),this.cmds.onChangeBackgroundVideo({target:{value:r.join(",")}}),this.galleryOpened=!1},onChangeHeight:t=>{const e=t.target.value;n.Ay.store().execCommand("style",{height:e+"%"}),this.height=e},onChangeMargin:t=>{const e=t.target.value,r=t.target.direction;"all"===r?(n.Ay.store().execCommand("style",{marginTop:e+"px",marginBottom:e+"px"}),this.margin={topValue:e,bottomValue:e}):n.Ay.store().execCommand("style",{[(0,p.A)(`margin-${r.toLowerCase()}`)]:e+"px"})},onChangePadding:t=>{const e=t.target.value,r=t.target.direction,o=(0,p.A)(`padding-${r.toLowerCase()}`);"all"===r?(n.Ay.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.Ay.store().execCommand("style",{[o]:e+"px",[`padding-${r.toLowerCase()}`]:null}),this.props.style={[o]:e+"px"},this[`padding${r.toLowerCase()}`]=e)},onChangebackground(t){const e=t.target.value;this.background=e;n.Ay.components.forEach(t=>{const r=t.find("text");if(r&&!r.closest("card")){let t=r.tiptap.getAttributes("textStyle").color;if(!t){const e=r.element.querySelector("p,h1,h2,h3,h4,h5,h6");e&&(t=window.getComputedStyle(e).color)}if(t){if("transparent"===t)return;if(!t.includes("var(--")&&!e.includes("var(--")&&"transparent"!==e&&"rgba(0, 0, 0, 0)"!==e&&"rgb(0, 0, 0)"!==e){const o=(0,l.w)(t,e);r.tiptap.chain().selectAll().setColor(o).run()}}}}),n.Ay.store().execCommand("style",{background:e,backgroundColor:null});"web"!==d.M.get("config","channel")&&n.Ay.store().execCommand("background",null)}}}onChangeImageBackgroundProp(t){const e=t.detail,{key:r,value:o}=e;if(this.props.background){const t=JSON.parse(JSON.stringify(this.props.background)),e=t.properties;if(!e.style[r])throw new Error(`${r} is not a valid property`);e.style[r]=o,n.Ay.store().execCommand("background",t)}}connectedCallback(){super.connectedCallback(),this.connectWith(),n.Ay.on("update",this.connectWith)}disconnectedCallback(){super.disconnectedCallback(),n.Ay.off("update",this.connectWith)}onChangeWidth(t){let e=t.target.value;e<500&&(e=500),e>1e3&&(e=1e3);const r=this.getInnerBlocks();n.Ay.store().execCommand2({transactions:[{key:"style",value:{width:e+"px",maxWidth:"100%"}}],update:[...r]}),this.maxWidth=e}connectWith(){const t=n.Ay.components[n.Ay.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.borderTopRightRadius=parseInt(t.props.style.borderTopRightRadius),this.borderTopLeftRadius=parseInt(t.props.style.borderTopLeftRadius),this.borderBottomRightRadius=parseInt(t.props.style.borderBottomRightRadius),this.borderBottomLeftRadius=parseInt(t.props.style.borderBottomLeftRadius),this.borderTopWidth=parseInt(t.props.style.borderTopWidth),this.borderBottomWidth=parseInt(t.props.style.borderBottomWidth),this.borderLeftWidth=parseInt(t.props.style.borderLeftWidth),this.borderRightWidth=parseInt(t.props.style.borderRightWidth),this.borderColor=t.props.style.borderColor;const r=t.props.background;if(this.isBackgroundImage="images"===r?.type,this.noResponsive=!!t.props.noResponsive,this.isBackgroundImage){const t=r.properties;this.backgroundAttachment=t.style.backgroundAttachment,this.backgroundPosition=t.style.backgroundPosition,this.backgroundRepeat=t.style.backgroundRepeat,this.backgroundSize=t.style.backgroundSize}this.backgroundInstance=r,this.backgroundVideo=r?.properties?.src||r?.properties?.url||"";const o=t.element,i=window.getComputedStyle(o);this.maxWidth=parseInt(i.width),this.width=parseInt(e.width,10)||this.maxWidth,this.background=e.background||e.backgroundImage||i.backgroundColor,e.backgroundImage&&(this.background=`url(${e.backgroundImage})`),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.M.get("config","channel");return i.qy`
+      <cdtr-editor-tabs .tabs=${this.tabs} @tabChanged=${this.changeTab}>
+        <div slot="content">
+          ${"background"===this.tabName?i.qy` <cdtr-editor-container>
+                  <cdtr-row justify="space-between">
+                    <cdtr-col sm="5"
+                      ><paper-button
+                        class="gallery"
+                        raised
+                        @click=${()=>this.galleryOpened=!0}
+                        ><lang-text
+                          text="openGalleryImage"
+                        ></lang-text></paper-button
+                    ></cdtr-col>
+                    <cdtr-col sm="5">
+                      <paper-button
+                        class="backgrounds"
+                        raised
+                        @click=${()=>a.A.dispatch("open_add_menu",{type:"backgrounds",disabledOptions:!0,target:n.Ay.components[0]})}
+                        ><lang-text
+                          text="backgrounds"
+                        ></lang-text></paper-button
+                    ></cdtr-col>
+                  </cdtr-row>
+                </cdtr-editor-container>
+                ${this.isBackgroundImage&&"web"===t?i.qy`<cdtr-editor-container>
+                      <background-editor-plugin
+                        backgroundAttachment=${this.backgroundAttachment}
+                        backgroundPosition=${this.backgroundPosition}
+                        backgroundRepeat=${this.backgroundRepeat}
+                        backgroundSize=${this.backgroundSize}
+                        @change=${this.onChangeImageBackgroundProp}
+                      ></background-editor-plugin
+                    ></cdtr-editor-container>`:null}
+                <cdtr-editor-container>
+                  <cdtr-row>
+                    <cdtr-title
+                      ><lang-text
+                        text="add_urlAddress_from_media_site"
+                      ></lang-text
+                    ></cdtr-title>
+                  </cdtr-row>
+                  <cdtr-row>
+                    <cdtr-input
+                      .value="${this.backgroundVideo}"
+                      @input=${this.cmds.onChangeBackgroundVideo}
+                      style="width:100%;direction:ltr;text-align:left;"
+                      placeholder="https://"
+                    ></cdtr-input>
+                    ${"object"==typeof this.backgroundInstance&&this.backgroundInstance?.component?i.qy`<paper-button
+                          style=" font-size: 13px;
+   padding: 0;
+   text-align: var(--text-align-locale);
+   direction: var(--direction-locale);
+   justify-content: flex-start;
+   color:red;
+   margin: 0;"
+                          @click=${this.cmds.onRemoveBackgroundVideo}
+                          ><lang-text text="remove_background_movie"></lang-text
+                        ></paper-button>`:null}
+                  </cdtr-row>
+                </cdtr-editor-container>
+                <cdtr-divider></cdtr-divider>
+                <cdtr-editor-container>
+                  <cdtr-colorpicker-editor
+                    .hasAlpha=${"web"===t}
+                    @change=${this.cmds.onChangebackground}
+                    .value=${this.background}
+                    text="backgroundColor"
+                  ></cdtr-colorpicker-editor>
+                </cdtr-editor-container>
+                <cdtr-divider></cdtr-divider>
+                <cdtr-editor-container>
+                  <cdtr-checkbox
+                    @change=${t=>this.onChangeBakgroundExpanding(t)}
+                    .checked=${this.expand_image_for_outlook}
+                  >
+                    <cdtr-title
+                      ><lang-text text="expand_image_for_outlook"></lang-text
+                    ></cdtr-title>
+                  </cdtr-checkbox>
+                  <h6>
+                    <lang-text
+                      whiteSpace="break-spaces"
+                      text="expand_image_for_outlook_description"
+                    ></lang-text>
+                  </h6>
+                </cdtr-editor-container>
+                <cdtr-divider></cdtr-divider>`:null}
+          ${"design"===this.tabName?i.qy`
+                <cdtr-editor-container>
+                  <cdtr-colorpicker-editor
+                    .hasAlpha=${!1}
+                    @change=${this.cmds.onChangebackground}
+                    .value=${this.background}
+                    text="backgroundColor"
+                  ></cdtr-colorpicker-editor>
+                </cdtr-editor-container>
+                <cdtr-editor-container>
+                  <cdtr-width-editor
+                    text="width"
+                    unit="px"
+                    max="1000"
+                    min="500"
+                    .value="${this.width}"
+                    @input=${this.onChangeWidth}
+                    .sizes=${[{name:d.M.get("lang","recommended")||"recommended",value:600,default:!0},{name:d.M.get("lang","large")||"large",value:1e3}]}
+                  ></cdtr-width-editor>
+                  <p style="font-size:12px">
+                    <lang-text whiteSpace="" text="email_600"></lang-text>
+                  </p>
+                </cdtr-editor-container>
+                <cdtr-divider></cdtr-divider>
+                <cdtr-editor-container>
+                  <cdtr-row justify="center">
+                    <cdtr-col sm="12"
+                      ><cdtr-title style="display:block" class="align-lang"
+                        ><lang-text text="padding"></lang-text></cdtr-title
+                    ></cdtr-col>
+                    <cdtr-col sm="6"
+                      ><cdtr-spacing
+                        .topValue="${this.padding.topValue}"
+                        .bottomValue="${this.padding.bottomValue}"
+                        .leftValue="${this.padding.leftValue}"
+                        .rightValue="${this.padding.rightValue}"
+                        isLock=${!1}
+                        max="500"
+                        @input=${this.cmds.onChangePadding}
+                      ></cdtr-spacing
+                    ></cdtr-col>
+                  </cdtr-row>
+                </cdtr-editor-container>
+
+                <cdtr-divider></cdtr-divider>
+                <cdtr-editor-container>
+                  <cdtr-row alignItems="center" justify="space-between">
+                    <cdtr-col>
+                      <cdtr-title>
+                        <lang-text text="no_responsive"></lang-text>
+                      </cdtr-title>
+                    </cdtr-col>
+                    <cdtr-col sm="1">
+                      <cdtr-checkbox
+                        @change=${this.cmds.toggleResponsive}
+                        .checked="${this.noResponsive}"
+                      ></cdtr-checkbox>
+                    </cdtr-col>
+                  </cdtr-row>
+                </cdtr-editor-container>
+                <!-- <cdtr-divider></cdtr-divider>
+                <cdtr-editor-container>
+                  <cdtr-radius-editor
+                    @input=${this.cmds.onchangeRadius}
+                  ></cdtr-radius-editor>
+                </cdtr-editor-container> -->
+                <cdtr-divider></cdtr-divider>
+
+                <cdtr-editor-container>
+                  <cdtr-border-editor
+                    .borderStyle=${this.borderStyle}
+                    .borderWidth=${this.borderWidth}
+                    .borderColor=${this.borderColor}
+                    .borderTopWidth=${this.borderTopWidth}
+                    .borderBottomWidth=${this.borderBottomWidth}
+                    .borderLeftWidth=${this.borderLeftWidth}
+                    .borderRightWidth=${this.borderRightWidth}
+                    .borderTopRightRadius=${this.borderTopRightRadius}
+                    .borderTopLeftRadius=${this.borderTopLeftRadius}
+                    .borderBottomRightRadius=${this.borderBottomRightRadius}
+                    .borderBottomLeftRadius=${this.borderBottomLeftRadius}
+                    @change=${this.cmds.onChangeBorderStyle}
+                  ></cdtr-border-editor>
+                </cdtr-editor-container>
+              `:null}
+
+          <!-- ${"typography"===this.tabName?i.qy` <cdtr-text-editor-plugin></cdtr-text-editor-plugin> `:null} -->
+          <!-- ${"spacing"===this.tabName?i.qy`
+                <cdtr-editor-container>
+                  <cdtr-row justify="center">
+                    <cdtr-col sm="12"
+                      ><cdtr-title style="display:block" class="align-lang"
+                        ><lang-text text="padding"></lang-text></cdtr-title
+                    ></cdtr-col>
+                    <cdtr-col sm="6"
+                      ><cdtr-spacing
+                        .topValue="${this.padding.topValue}"
+                        .bottomValue="${this.padding.bottomValue}"
+                        .leftValue="${this.padding.leftValue}"
+                        .rightValue="${this.padding.rightValue}"
+                        isLock=${!1}
+                        max="500"
+                        @input=${this.cmds.onChangePadding}
+                      ></cdtr-spacing
+                    ></cdtr-col>
+                  </cdtr-row>
+                </cdtr-editor-container>
+                <cdtr-editor-container>
+                  <cdtr-row justify="center">
+                    <cdtr-col sm="12"
+                      ><cdtr-title style="display:block" class="align-lang"
+                        ><lang-text text="margin"></lang-text></cdtr-title
+                    ></cdtr-col>
+                    <cdtr-col sm="6"
+                      ><cdtr-spacing
+                        .topValue=${this.margin.topValue}
+                        .bottomValue=${this.margin.bottomValue}
+                        isLock=${!1}
+                        max="500"
+                        .hasLeft=${!1}
+                        .hasRight=${!1}
+                        @input=${this.cmds.onChangeMargin}
+                      ></cdtr-spacing
+                    ></cdtr-col>
+                  </cdtr-row>
+                </cdtr-editor-container>
+              `:null} -->
+        </div>
+      </cdtr-editor-tabs>
+      <cdtr-gallery
+        .multi=${!0}
+        @close=${()=>{this.galleryOpened=!1}}
+        .opened=${this.galleryOpened}
+        @file=${this.cmds.onChangeImage}
+      ></cdtr-gallery>
+    `}}(0,o.A)(h,"styles",i.AH`
+    paper-button.gallery {
+      background: var(--primary);
+      color: var(--primary-text);
+    }
+    paper-button.backgrounds {
+      background: BLACK;
+      color: #fff;
+    }
+  `),(0,o.A)(h,"properties",{maxWidth:{type:Number},backgroundInstance:{type:Object},padding:{type:Object},margin:{type:Object},tabs:{type:Array},tabName:{type:String},galleryOpened:{type:Boolean},backgroundVideo:{type:String,reflect:!0},isBackgroundImage:{type:Boolean},backgroundAttachment:{type:String},backgroundPosition:{type:String},backgroundRepeat:{type:String},backgroundSize:{type:String},noResponsive:{type:Boolean},borderStyle:{type:String},borderWidth:{type:Number},borderColor:{type:String},borderTopRightRadius:{type:Number},borderTopLeftRadius:{type:Number},borderBottomRightRadius:{type:Number},borderBottomLeftRadius:{type:Number},borderTopWidth:{type:Number},borderBottomWidth:{type:Number},borderLeftWidth:{type:Number},borderRightWidth:{type:Number}}),customElements.define("block-editor",h)}}]);

package/dist/3521.creaditor.bundle.js

@@ -1,7 +1,7 @@
 "use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3521],{83521(t,e,i){i.r(e),i.d(e,{DesignFactory:()=>l});var o=i(24586),r=i(5441),n=i(59929),s=i(9507),d=i(18057),c=i(86319);i.e(8315).then(i.bind(i,68315));class l extends n.WF{constructor(){super(),this.lastEditor=null,c.M.set({injectEditor:t=>{this.injected=!0,this.lastEditor=this.editor,this.backToEditor=this.editor,this.editor=t}}),this.editor=n.qy`<cdtr-ilustration-preference
       width="200px"
       height="200px"
-    ></cdtr-ilustration-preference>`,this.delayer=new d.A,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(741).then(i.bind(i,60741)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(8854).then(i.bind(i,68854)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,s.Ay.on("select",this.connect)}connect(t){let{editor:e}=t;if(!e)return;let i=e.type;if("string"!=typeof i)return;if(this.editor?.type===i)return;if(!this.editors[i]){const t=c.M.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find(t=>t.name===i);if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=i;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}i="no_editor"}this.type=i;const o=(0,r.A)("div",null,(0,r.A)("cdtr-block-loader",null),(0,r.A)("cdtr-title",{style:"text-align:center;"},(0,r.A)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[i]&&!this.editors[i].component&&(this.editors[i].load().then(()=>{if(o.remove(),this.editors[i].attrs)for(const t in this.editors[i].attrs)if(Object.hasOwnProperty.call(this.editors[i].attrs,t)){const e=this.editors[i].attrs[t];this.editors[i].component[t]=e}}),this.editors[i].component=document.createElement(this.editors[i].selector),this.editors[i].component.appendChild(o)),this.editors[i].component&&(this.editor=this.editors[i].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null)}createRenderRoot(){return this}render(){return n.qy` ${this.lastEditor?n.qy`        <cdtr-row justify="end">
+    ></cdtr-ilustration-preference>`,this.delayer=new d.A,this.connect=this.connect.bind(this),this.editors={block:{selector:"block-editor",load:()=>i.e(1260).then(i.bind(i,91260)),component:null},no_editor:{selector:"cdtr-no-component",load:()=>i.e(8854).then(i.bind(i,68854)),component:null,attrs:{style:"margin:auto;display:block;max-width:150px;margin-top:30px;"}}},this.type=null,s.Ay.on("select",this.connect)}connect(t){let{editor:e}=t;if(!e)return;let i=e.type;if("string"!=typeof i)return;if(this.editor?.type===i)return;if(!this.editors[i]){const t=c.M.get("config","editor","configure","plugins");if(Array.isArray(t)){const e=t.find(t=>t.name===i);if(e&&"function"==typeof e.createEditor){this.editor=document.createElement("cdtr-editor-builder"),this.editor.type=i;const t=e.createEditor();return void(t&&(this.editor.editors=t.layout,t!==this.backToEditor&&this.lastEditor&&(this.lastEditor=null)))}}i="no_editor"}this.type=i;const o=(0,r.A)("div",null,(0,r.A)("cdtr-block-loader",null),(0,r.A)("cdtr-title",{style:"text-align:center;"},(0,r.A)("lang-text",{text:"please_wait_downloading_new_version"})));this.editors[i]&&!this.editors[i].component&&(this.editors[i].load().then(()=>{if(o.remove(),this.editors[i].attrs)for(const t in this.editors[i].attrs)if(Object.hasOwnProperty.call(this.editors[i].attrs,t)){const e=this.editors[i].attrs[t];this.editors[i].component[t]=e}}),this.editors[i].component=document.createElement(this.editors[i].selector),this.editors[i].component.appendChild(o)),this.editors[i].component&&(this.editor=this.editors[i].component)}goBack(){this.lastEditor&&(this.editor=this.lastEditor,this.lastEditor=null)}createRenderRoot(){return this}render(){return n.qy` ${this.lastEditor?n.qy`        <cdtr-row justify="end">
           <paper-button
             @click=${this.goBack}
             style="margin:.5rem 0;padding:0;min-width:0;direction:var(--direction-locale);"