@creaditor/newsletter-starterkit 1.0.41 → 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/1317.creaditor.bundle.js

@@ -1,5 +1,5 @@
 /*! For license information please see 1317.creaditor.bundle.js.LICENSE.txt */
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1317,2706],{56379(e,t,i){i.d(t,{O:()=>s,o:()=>n});i(69130);var o=i(71920),a=i(90703),r=i(82239);const n={observers:["_focusedChanged(receivedFocusFromKeyboard)"],_focusedChanged:function(e){e&&this.ensureRipple(),this.hasRipple()&&(this._ripple.holdDown=e)},_createRipple:function(){var e=r.v._createRipple();return e.id="ink",e.setAttribute("center",""),e.classList.add("circle"),e}},s=[o.a,a.x,r.v,n]},82239(e,t,i){i.d(t,{v:()=>r});i(69130),i(82491);var o=i(71920),a=i(53874);const r={properties:{noink:{type:Boolean,observer:"_noinkChanged"},_rippleContainer:{type:Object}},_buttonStateChanged:function(){this.focused&&this.ensureRipple()},_downHandler:function(e){o.A._downHandler.call(this,e),this.pressed&&this.ensureRipple(e)},ensureRipple:function(e){if(!this.hasRipple()){this._ripple=this._createRipple(),this._ripple.noink=this.noink;var t=this._rippleContainer||this.root;if(t&&(0,a.tT)(t).appendChild(this._ripple),e){var i=(0,a.tT)(this._rippleContainer||this),o=(0,a.tT)(e).rootTarget;i.deepContains(o)&&this._ripple.uiDownAction(e)}}},getRipple:function(){return this.ensureRipple(),this._ripple},hasRipple:function(){return Boolean(this._ripple)},_createRipple:function(){return document.createElement("paper-ripple")},_noinkChanged:function(e){this.hasRipple()&&(this._ripple.noink=e)}}},12706(e,t,i){i(69130),i(45611),i(12479);var o=i(19911),a=i(18811);const r={properties:{checked:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0,observer:"_checkedChanged"},toggles:{type:Boolean,value:!0,reflectToAttribute:!0},value:{type:String,value:"on",observer:"_valueChanged"}},observers:["_requiredChanged(required)"],created:function(){this._hasIronCheckedElementBehavior=!0},_getValidity:function(e){return this.disabled||!this.required||this.checked},_requiredChanged:function(){this.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required")},_checkedChanged:function(){this.active=this.checked,this.fire("iron-change")},_valueChanged:function(){void 0!==this.value&&null!==this.value||(this.value="on")}},n=[o.x,a.Q,r];var s=i(56379),l=i(82239);const d={_checkedChanged:function(){r._checkedChanged.call(this),this.hasRipple()&&(this.checked?this._ripple.setAttribute("checked",""):this._ripple.removeAttribute("checked"))},_buttonStateChanged:function(){l.v._buttonStateChanged.call(this),this.disabled||this.isAttached&&(this.checked=this.active)}},c=[s.O,n,d];var p=i(95586),h=i(47351),u=i(77410);const v=h.q`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1317,2706],{56379(e,t,i){i.d(t,{O:()=>s,o:()=>n});i(69130);var a=i(71920),o=i(90703),r=i(82239);const n={observers:["_focusedChanged(receivedFocusFromKeyboard)"],_focusedChanged:function(e){e&&this.ensureRipple(),this.hasRipple()&&(this._ripple.holdDown=e)},_createRipple:function(){var e=r.v._createRipple();return e.id="ink",e.setAttribute("center",""),e.classList.add("circle"),e}},s=[a.a,o.x,r.v,n]},12706(e,t,i){i(69130),i(45611),i(12479);var a=i(19911),o=i(18811);const r={properties:{checked:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0,observer:"_checkedChanged"},toggles:{type:Boolean,value:!0,reflectToAttribute:!0},value:{type:String,value:"on",observer:"_valueChanged"}},observers:["_requiredChanged(required)"],created:function(){this._hasIronCheckedElementBehavior=!0},_getValidity:function(e){return this.disabled||!this.required||this.checked},_requiredChanged:function(){this.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required")},_checkedChanged:function(){this.active=this.checked,this.fire("iron-change")},_valueChanged:function(){void 0!==this.value&&null!==this.value||(this.value="on")}},n=[a.x,o.Q,r];var s=i(56379),d=i(82239);const c={_checkedChanged:function(){r._checkedChanged.call(this),this.hasRipple()&&(this.checked?this._ripple.setAttribute("checked",""):this._ripple.removeAttribute("checked"))},_buttonStateChanged:function(){d.v._buttonStateChanged.call(this),this.disabled||this.isAttached&&(this.checked=this.active)}},l=[s.O,n,c];var p=i(95586),h=i(47351),u=i(77410);const b=h.q`
 <style>
   :host {
     display: inline-block;
@@ -127,7 +127,7 @@
   <div id="onRadio"></div>
 </div>
 
-<div id="radioLabel"><slot></slot></div>`;v.setAttribute("strip-whitespace",""),(0,p.b)({_template:v,is:"paper-radio-button",behaviors:[c],hostAttributes:{role:"radio","aria-checked":!1,tabindex:0},properties:{ariaActiveAttribute:{type:String,value:"aria-checked"}},ready:function(){this._rippleContainer=this.$.radioContainer},attached:function(){(0,u.m)(this,function(){if("-1px"===this.getComputedStyleValue("--calculated-paper-radio-button-ink-size").trim()){var e=parseFloat(this.getComputedStyleValue("--calculated-paper-radio-button-size").trim()),t=Math.floor(3*e);t%2!=e%2&&t++,this.updateStyles({"--paper-radio-button-ink-size":t+"px"})}})}})},61317(e,t,i){i(69130),i(35915),i(12706);var o=i(66216);const a={hostAttributes:{role:"menubar"},keyBindings:{left:"_onLeftKey",right:"_onRightKey"},_onUpKey:function(e){this.focusedItem.click(),e.detail.keyboardEvent.preventDefault()},_onDownKey:function(e){this.focusedItem.click(),e.detail.keyboardEvent.preventDefault()},get _isRTL(){return"rtl"===window.getComputedStyle(this).direction},_onLeftKey:function(e){this._isRTL?this._focusNext():this._focusPrevious(),e.detail.keyboardEvent.preventDefault()},_onRightKey:function(e){this._isRTL?this._focusPrevious():this._focusNext(),e.detail.keyboardEvent.preventDefault()},_onKeydown:function(e){this.keyboardEventMatchesKeys(e,"up down left right esc")||this._focusWithKeyboardEvent(e)}},r=[o.i,a];var n=i(65266),s=i(95586),l=i(47351);(0,s.b)({_template:l.q`
+<div id="radioLabel"><slot></slot></div>`;b.setAttribute("strip-whitespace",""),(0,p.b)({_template:b,is:"paper-radio-button",behaviors:[l],hostAttributes:{role:"radio","aria-checked":!1,tabindex:0},properties:{ariaActiveAttribute:{type:String,value:"aria-checked"}},ready:function(){this._rippleContainer=this.$.radioContainer},attached:function(){(0,u.m)(this,function(){if("-1px"===this.getComputedStyleValue("--calculated-paper-radio-button-ink-size").trim()){var e=parseFloat(this.getComputedStyleValue("--calculated-paper-radio-button-size").trim()),t=Math.floor(3*e);t%2!=e%2&&t++,this.updateStyles({"--paper-radio-button-ink-size":t+"px"})}})}})},61317(e,t,i){i(69130),i(35915),i(12706);var a=i(66216);const o={hostAttributes:{role:"menubar"},keyBindings:{left:"_onLeftKey",right:"_onRightKey"},_onUpKey:function(e){this.focusedItem.click(),e.detail.keyboardEvent.preventDefault()},_onDownKey:function(e){this.focusedItem.click(),e.detail.keyboardEvent.preventDefault()},get _isRTL(){return"rtl"===window.getComputedStyle(this).direction},_onLeftKey:function(e){this._isRTL?this._focusNext():this._focusPrevious(),e.detail.keyboardEvent.preventDefault()},_onRightKey:function(e){this._isRTL?this._focusPrevious():this._focusNext(),e.detail.keyboardEvent.preventDefault()},_onKeydown:function(e){this.keyboardEventMatchesKeys(e,"up down left right esc")||this._focusWithKeyboardEvent(e)}},r=[a.i,o];var n=i(65266),s=i(95586),d=i(47351);(0,s.b)({_template:d.q`
     <style>
       :host {
         display: inline-block;
@@ -139,4 +139,4 @@
     </style>
 
     <slot></slot>
-`,is:"paper-radio-group",behaviors:[r],hostAttributes:{role:"radiogroup"},properties:{attrForSelected:{type:String,value:"name"},selectedAttribute:{type:String,value:"checked"},selectable:{type:String,value:"paper-radio-button"},allowEmptySelection:{type:Boolean,value:!1}},select:function(e){var t=this._valueToItem(e);if(!t||!t.hasAttribute("disabled")){if(this.selected){var i=this._valueToItem(this.selected);if(this.selected==e){if(!this.allowEmptySelection)return void(i&&(i.checked=!0));e=""}i&&(i.checked=!1)}n.F.select.apply(this,[e]),this.fire("paper-radio-group-changed")}},_activateFocusedItem:function(){this._itemActivate(this._valueForItem(this.focusedItem),this.focusedItem)},_onUpKey:function(e){this._focusPrevious(),e.preventDefault(),this._activateFocusedItem()},_onDownKey:function(e){this._focusNext(),e.preventDefault(),this._activateFocusedItem()},_onLeftKey:function(e){a._onLeftKey.apply(this,arguments),this._activateFocusedItem()},_onRightKey:function(e){a._onRightKey.apply(this,arguments),this._activateFocusedItem()}})}}]);
+`,is:"paper-radio-group",behaviors:[r],hostAttributes:{role:"radiogroup"},properties:{attrForSelected:{type:String,value:"name"},selectedAttribute:{type:String,value:"checked"},selectable:{type:String,value:"paper-radio-button"},allowEmptySelection:{type:Boolean,value:!1}},select:function(e){var t=this._valueToItem(e);if(!t||!t.hasAttribute("disabled")){if(this.selected){var i=this._valueToItem(this.selected);if(this.selected==e){if(!this.allowEmptySelection)return void(i&&(i.checked=!0));e=""}i&&(i.checked=!1)}n.F.select.apply(this,[e]),this.fire("paper-radio-group-changed")}},_activateFocusedItem:function(){this._itemActivate(this._valueForItem(this.focusedItem),this.focusedItem)},_onUpKey:function(e){this._focusPrevious(),e.preventDefault(),this._activateFocusedItem()},_onDownKey:function(e){this._focusNext(),e.preventDefault(),this._activateFocusedItem()},_onLeftKey:function(e){o._onLeftKey.apply(this,arguments),this._activateFocusedItem()},_onRightKey:function(e){o._onRightKey.apply(this,arguments),this._activateFocusedItem()}})}}]);

package/dist/1529.creaditor.bundle.js

@@ -0,0 +1,16 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1529],{81529(e,t,s){s.r(t),s.d(t,{EditorBar:()=>p});var i=s(24586),n=s(59929),o=s(49937),r=s(9507),d=s(69600);const l=r.Ay;class p extends n.WF{constructor(){super(),this.opened=!1,this.offsetY=50,this.offsetX=0,this.reRender=this.reRender.bind(this)}reRender(){if(this.opened&&this.componentId){const e=l.getComponent(this.componentId);if(e&&e.element){const t=e.element.getBoundingClientRect();let s=t.top-this.offsetY;-1!==this.direction.indexOf("left")?this.left=t.left+this.offsetX+"px":this.left=t.left+t.width+"px",this.top=s+"px",-1!==this.direction.indexOf("bottom")&&(this.top=t.top-this.offsetY+t.height+20+"px")}}}render(){return this.opened?(this.style.display="",this.style.left=this.left,this.style.top=this.top,this.style.zIndex=(0,d.A)(),this.style.transform=`translate(${-1!==this.direction.indexOf("left")?"0":"100%"},${-1!==this.direction.indexOf("bottom")?"100%":"0"})`,n.qy` <slot></slot>`):(this.style.display="none",null)}disconnectedCallback(){super.disconnectedCallback(),o.A.unSubscribe("onScroll",this.reRender),l.off("update",this.reRender)}connectedCallback(){super.connectedCallback(),o.A.subscribe("onScroll",this.reRender),l.on("update",this.reRender),setTimeout(()=>{this.reRender()},0)}}(0,i.A)(p,"styles",n.AH`
+    :host {
+      position: fixed;
+      border-radius: 2px;
+      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      min-height: 40px;
+      min-width: 40px;
+      background-color: #fff;
+      display: flex;
+      align-items: center;
+      border-radius: 3px;
+      transform: translateX(-100%);
+      transition: top 10ms ease-in-out, left 0.2s ease-in-out;
+      z-index: 2;
+    }
+  `),(0,i.A)(p,"properties",{componentId:{type:String},opened:{type:Boolean},left:{type:String},top:{type:String},offsetY:{type:Number},offsetX:{type:Number},direction:{type:String}}),customElements.define("cdtr-editor-bar",p)}}]);