@creaditor/newsletter-starterkit 1.0.41 → 1.0.43

package/dist/898.creaditor.bundle.js

@@ -1,357 +1,5 @@
 /*! For license information please see 898.creaditor.bundle.js.LICENSE.txt */
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[898],{71920(e,a,t){t.d(a,{A:()=>n,a:()=>o});t(69130),t(90703);var p=t(35915),r=t(53874);const n={properties:{pressed:{type:Boolean,readOnly:!0,value:!1,reflectToAttribute:!0,observer:"_pressedChanged"},toggles:{type:Boolean,value:!1,reflectToAttribute:!0},active:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0},pointerDown:{type:Boolean,readOnly:!0,value:!1},receivedFocusFromKeyboard:{type:Boolean,readOnly:!0},ariaActiveAttribute:{type:String,value:"aria-pressed",observer:"_ariaActiveAttributeChanged"}},listeners:{down:"_downHandler",up:"_upHandler",tap:"_tapHandler"},observers:["_focusChanged(focused)","_activeChanged(active, ariaActiveAttribute)"],keyBindings:{"enter:keydown":"_asyncClick","space:keydown":"_spaceKeyDownHandler","space:keyup":"_spaceKeyUpHandler"},_mouseEventRe:/^mouse/,_tapHandler:function(){this.toggles?this._userActivate(!this.active):this.active=!1},_focusChanged:function(e){this._detectKeyboardFocus(e),e||this._setPressed(!1)},_detectKeyboardFocus:function(e){this._setReceivedFocusFromKeyboard(!this.pointerDown&&e)},_userActivate:function(e){this.active!==e&&(this.active=e,this.fire("change"))},_downHandler:function(e){this._setPointerDown(!0),this._setPressed(!0),this._setReceivedFocusFromKeyboard(!1)},_upHandler:function(){this._setPointerDown(!1),this._setPressed(!1)},_spaceKeyDownHandler:function(e){var a=e.detail.keyboardEvent,t=(0,r.tT)(a).localTarget;this.isLightDescendant(t)||(a.preventDefault(),a.stopImmediatePropagation(),this._setPressed(!0))},_spaceKeyUpHandler:function(e){var a=e.detail.keyboardEvent,t=(0,r.tT)(a).localTarget;this.isLightDescendant(t)||(this.pressed&&this._asyncClick(),this._setPressed(!1))},_asyncClick:function(){this.async(function(){this.click()},1)},_pressedChanged:function(e){this._changedButtonState()},_ariaActiveAttributeChanged:function(e,a){a&&a!=e&&this.hasAttribute(a)&&this.removeAttribute(a)},_activeChanged:function(e,a){this.toggles?this.setAttribute(this.ariaActiveAttribute,e?"true":"false"):this.removeAttribute(this.ariaActiveAttribute),this._changedButtonState()},_controlStateChanged:function(){this.disabled?this._setPressed(!1):this._changedButtonState()},_changedButtonState:function(){this._buttonStateChanged&&this._buttonStateChanged()}},o=[p.D,n]},90703(e,a,t){t.d(a,{x:()=>p});t(69130),t(53874);const p={properties:{focused:{type:Boolean,value:!1,notify:!0,readOnly:!0,reflectToAttribute:!0},disabled:{type:Boolean,value:!1,notify:!0,observer:"_disabledChanged",reflectToAttribute:!0},_oldTabIndex:{type:String},_boundFocusBlurHandler:{type:Function,value:function(){return this._focusBlurHandler.bind(this)}}},observers:["_changedControlState(focused, disabled)"],ready:function(){this.addEventListener("focus",this._boundFocusBlurHandler,!0),this.addEventListener("blur",this._boundFocusBlurHandler,!0)},_focusBlurHandler:function(e){this._setFocused("focus"===e.type)},_disabledChanged:function(e,a){this.setAttribute("aria-disabled",e?"true":"false"),this.style.pointerEvents=e?"none":"",e?(this._oldTabIndex=this.getAttribute("tabindex"),this._setFocused(!1),this.tabIndex=-1,this.blur()):void 0!==this._oldTabIndex&&(null===this._oldTabIndex?this.removeAttribute("tabindex"):this.setAttribute("tabindex",this._oldTabIndex))},_changedControlState:function(){this._controlStateChanged&&this._controlStateChanged()}}},12479(e,a,t){t(69130);const p=t(47351).q`
-<custom-style>
-  <style is="custom-style">
-    [hidden] {
-      display: none !important;
-    }
-  </style>
-</custom-style>
-<custom-style>
-  <style is="custom-style">
-    html {
-
-      --layout: {
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex;
-      };
-
-      --layout-inline: {
-        display: -ms-inline-flexbox;
-        display: -webkit-inline-flex;
-        display: inline-flex;
-      };
-
-      --layout-horizontal: {
-        @apply --layout;
-
-        -ms-flex-direction: row;
-        -webkit-flex-direction: row;
-        flex-direction: row;
-      };
-
-      --layout-horizontal-reverse: {
-        @apply --layout;
-
-        -ms-flex-direction: row-reverse;
-        -webkit-flex-direction: row-reverse;
-        flex-direction: row-reverse;
-      };
-
-      --layout-vertical: {
-        @apply --layout;
-
-        -ms-flex-direction: column;
-        -webkit-flex-direction: column;
-        flex-direction: column;
-      };
-
-      --layout-vertical-reverse: {
-        @apply --layout;
-
-        -ms-flex-direction: column-reverse;
-        -webkit-flex-direction: column-reverse;
-        flex-direction: column-reverse;
-      };
-
-      --layout-wrap: {
-        -ms-flex-wrap: wrap;
-        -webkit-flex-wrap: wrap;
-        flex-wrap: wrap;
-      };
-
-      --layout-wrap-reverse: {
-        -ms-flex-wrap: wrap-reverse;
-        -webkit-flex-wrap: wrap-reverse;
-        flex-wrap: wrap-reverse;
-      };
-
-      --layout-flex-auto: {
-        -ms-flex: 1 1 auto;
-        -webkit-flex: 1 1 auto;
-        flex: 1 1 auto;
-      };
-
-      --layout-flex-none: {
-        -ms-flex: none;
-        -webkit-flex: none;
-        flex: none;
-      };
-
-      --layout-flex: {
-        -ms-flex: 1 1 0.000000001px;
-        -webkit-flex: 1;
-        flex: 1;
-        -webkit-flex-basis: 0.000000001px;
-        flex-basis: 0.000000001px;
-      };
-
-      --layout-flex-2: {
-        -ms-flex: 2;
-        -webkit-flex: 2;
-        flex: 2;
-      };
-
-      --layout-flex-3: {
-        -ms-flex: 3;
-        -webkit-flex: 3;
-        flex: 3;
-      };
-
-      --layout-flex-4: {
-        -ms-flex: 4;
-        -webkit-flex: 4;
-        flex: 4;
-      };
-
-      --layout-flex-5: {
-        -ms-flex: 5;
-        -webkit-flex: 5;
-        flex: 5;
-      };
-
-      --layout-flex-6: {
-        -ms-flex: 6;
-        -webkit-flex: 6;
-        flex: 6;
-      };
-
-      --layout-flex-7: {
-        -ms-flex: 7;
-        -webkit-flex: 7;
-        flex: 7;
-      };
-
-      --layout-flex-8: {
-        -ms-flex: 8;
-        -webkit-flex: 8;
-        flex: 8;
-      };
-
-      --layout-flex-9: {
-        -ms-flex: 9;
-        -webkit-flex: 9;
-        flex: 9;
-      };
-
-      --layout-flex-10: {
-        -ms-flex: 10;
-        -webkit-flex: 10;
-        flex: 10;
-      };
-
-      --layout-flex-11: {
-        -ms-flex: 11;
-        -webkit-flex: 11;
-        flex: 11;
-      };
-
-      --layout-flex-12: {
-        -ms-flex: 12;
-        -webkit-flex: 12;
-        flex: 12;
-      };
-
-      /* alignment in cross axis */
-
-      --layout-start: {
-        -ms-flex-align: start;
-        -webkit-align-items: flex-start;
-        align-items: flex-start;
-      };
-
-      --layout-center: {
-        -ms-flex-align: center;
-        -webkit-align-items: center;
-        align-items: center;
-      };
-
-      --layout-end: {
-        -ms-flex-align: end;
-        -webkit-align-items: flex-end;
-        align-items: flex-end;
-      };
-
-      --layout-baseline: {
-        -ms-flex-align: baseline;
-        -webkit-align-items: baseline;
-        align-items: baseline;
-      };
-
-      /* alignment in main axis */
-
-      --layout-start-justified: {
-        -ms-flex-pack: start;
-        -webkit-justify-content: flex-start;
-        justify-content: flex-start;
-      };
-
-      --layout-center-justified: {
-        -ms-flex-pack: center;
-        -webkit-justify-content: center;
-        justify-content: center;
-      };
-
-      --layout-end-justified: {
-        -ms-flex-pack: end;
-        -webkit-justify-content: flex-end;
-        justify-content: flex-end;
-      };
-
-      --layout-around-justified: {
-        -ms-flex-pack: distribute;
-        -webkit-justify-content: space-around;
-        justify-content: space-around;
-      };
-
-      --layout-justified: {
-        -ms-flex-pack: justify;
-        -webkit-justify-content: space-between;
-        justify-content: space-between;
-      };
-
-      --layout-center-center: {
-        @apply --layout-center;
-        @apply --layout-center-justified;
-      };
-
-      /* self alignment */
-
-      --layout-self-start: {
-        -ms-align-self: flex-start;
-        -webkit-align-self: flex-start;
-        align-self: flex-start;
-      };
-
-      --layout-self-center: {
-        -ms-align-self: center;
-        -webkit-align-self: center;
-        align-self: center;
-      };
-
-      --layout-self-end: {
-        -ms-align-self: flex-end;
-        -webkit-align-self: flex-end;
-        align-self: flex-end;
-      };
-
-      --layout-self-stretch: {
-        -ms-align-self: stretch;
-        -webkit-align-self: stretch;
-        align-self: stretch;
-      };
-
-      --layout-self-baseline: {
-        -ms-align-self: baseline;
-        -webkit-align-self: baseline;
-        align-self: baseline;
-      };
-
-      /* multi-line alignment in main axis */
-
-      --layout-start-aligned: {
-        -ms-flex-line-pack: start;  /* IE10 */
-        -ms-align-content: flex-start;
-        -webkit-align-content: flex-start;
-        align-content: flex-start;
-      };
-
-      --layout-end-aligned: {
-        -ms-flex-line-pack: end;  /* IE10 */
-        -ms-align-content: flex-end;
-        -webkit-align-content: flex-end;
-        align-content: flex-end;
-      };
-
-      --layout-center-aligned: {
-        -ms-flex-line-pack: center;  /* IE10 */
-        -ms-align-content: center;
-        -webkit-align-content: center;
-        align-content: center;
-      };
-
-      --layout-between-aligned: {
-        -ms-flex-line-pack: justify;  /* IE10 */
-        -ms-align-content: space-between;
-        -webkit-align-content: space-between;
-        align-content: space-between;
-      };
-
-      --layout-around-aligned: {
-        -ms-flex-line-pack: distribute;  /* IE10 */
-        -ms-align-content: space-around;
-        -webkit-align-content: space-around;
-        align-content: space-around;
-      };
-
-      /*******************************
-                Other Layout
-      *******************************/
-
-      --layout-block: {
-        display: block;
-      };
-
-      --layout-invisible: {
-        visibility: hidden !important;
-      };
-
-      --layout-relative: {
-        position: relative;
-      };
-
-      --layout-fit: {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-      };
-
-      --layout-scroll: {
-        -webkit-overflow-scrolling: touch;
-        overflow: auto;
-      };
-
-      --layout-fullbleed: {
-        margin: 0;
-        height: 100vh;
-      };
-
-      /* fixed position */
-
-      --layout-fixed-top: {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-      };
-
-      --layout-fixed-right: {
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
-      };
-
-      --layout-fixed-bottom: {
-        position: fixed;
-        right: 0;
-        bottom: 0;
-        left: 0;
-      };
-
-      --layout-fixed-left: {
-        position: fixed;
-        top: 0;
-        bottom: 0;
-        left: 0;
-      };
-
-    }
-  </style>
-</custom-style>`;p.setAttribute("style","display: none;"),document.head.appendChild(p.content);var r=document.createElement("style");r.textContent="[hidden] { display: none !important; }",document.head.appendChild(r)},90898(e,a,t){t(69130),t(12479),t(88453),t(45611),t(66564);const p=document.createElement("template");p.setAttribute("style","display: none;"),p.innerHTML="<dom-module id=\"paper-item-shared-styles\">\n  <template>\n    <style>\n      :host, .paper-item {\n        display: block;\n        position: relative;\n        min-height: var(--paper-item-min-height, 48px);\n        padding: 0px 16px;\n      }\n\n      .paper-item {\n        @apply --paper-font-subhead;\n        border:none;\n        outline: none;\n        background: white;\n        width: 100%;\n        text-align: left;\n      }\n\n      :host([hidden]), .paper-item[hidden] {\n        display: none !important;\n      }\n\n      :host(.iron-selected), .paper-item.iron-selected {\n        font-weight: var(--paper-item-selected-weight, bold);\n\n        @apply --paper-item-selected;\n      }\n\n      :host([disabled]), .paper-item[disabled] {\n        color: var(--paper-item-disabled-color, var(--disabled-text-color));\n\n        @apply --paper-item-disabled;\n      }\n\n      :host(:focus), .paper-item:focus {\n        position: relative;\n        outline: 0;\n\n        @apply --paper-item-focused;\n      }\n\n      :host(:focus):before, .paper-item:focus:before {\n        @apply --layout-fit;\n\n        background: currentColor;\n        content: '';\n        opacity: var(--dark-divider-opacity);\n        pointer-events: none;\n\n        @apply --paper-item-focused-before;\n      }\n    </style>\n  </template>\n</dom-module>",document.head.appendChild(p.content);var r=t(95586),n=t(47351),o=t(71920),l=t(90703);const i=[o.a,l.x,{hostAttributes:{role:"option",tabindex:"0"}}];(0,r.b)({_template:n.q`
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[898],{90898(e,p,a){a(69130),a(12479),a(88453),a(45611),a(66564);const r=document.createElement("template");r.setAttribute("style","display: none;"),r.innerHTML="<dom-module id=\"paper-item-shared-styles\">\n  <template>\n    <style>\n      :host, .paper-item {\n        display: block;\n        position: relative;\n        min-height: var(--paper-item-min-height, 48px);\n        padding: 0px 16px;\n      }\n\n      .paper-item {\n        @apply --paper-font-subhead;\n        border:none;\n        outline: none;\n        background: white;\n        width: 100%;\n        text-align: left;\n      }\n\n      :host([hidden]), .paper-item[hidden] {\n        display: none !important;\n      }\n\n      :host(.iron-selected), .paper-item.iron-selected {\n        font-weight: var(--paper-item-selected-weight, bold);\n\n        @apply --paper-item-selected;\n      }\n\n      :host([disabled]), .paper-item[disabled] {\n        color: var(--paper-item-disabled-color, var(--disabled-text-color));\n\n        @apply --paper-item-disabled;\n      }\n\n      :host(:focus), .paper-item:focus {\n        position: relative;\n        outline: 0;\n\n        @apply --paper-item-focused;\n      }\n\n      :host(:focus):before, .paper-item:focus:before {\n        @apply --layout-fit;\n\n        background: currentColor;\n        content: '';\n        opacity: var(--dark-divider-opacity);\n        pointer-events: none;\n\n        @apply --paper-item-focused-before;\n      }\n    </style>\n  </template>\n</dom-module>",document.head.appendChild(r.content);var o=a(95586),t=a(47351),n=a(71920),l=a(90703);const f=[n.a,l.x,{hostAttributes:{role:"option",tabindex:"0"}}];(0,o.b)({_template:t.q`
     <style include="paper-item-shared-styles">
       :host {
         @apply --layout-horizontal;
@@ -362,7 +10,7 @@
       }
     </style>
     <slot></slot>
-`,is:"paper-item",behaviors:[i]})},88453(e,a,t){t(69130);const p=t(47351).q`
+`,is:"paper-item",behaviors:[f]})},88453(e,p,a){a(69130);const r=a(47351).q`
 <custom-style>
   <style is="custom-style">
     html {
@@ -685,7 +333,7 @@
 
   </style>
 </custom-style>
-`;p.setAttribute("style","display: none;"),document.head.appendChild(p.content)},45611(e,a,t){t(69130),t(88453);const p=t(47351).q`
+`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},45611(e,p,a){a(69130),a(88453);const r=a(47351).q`
 <custom-style>
   <style is="custom-style">
     html {
@@ -741,7 +389,7 @@
       --default-primary-color: var(--primary-color);
     }
   </style>
-</custom-style>`;p.setAttribute("style","display: none;"),document.head.appendChild(p.content)},66564(e,a,t){t(69130);if(!window.polymerSkipLoadingFontRoboto){const e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.crossOrigin="anonymous",e.href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic",document.head.appendChild(e)}const p=t(47351).q`<custom-style>
+</custom-style>`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},66564(e,p,a){a(69130);if(!window.polymerSkipLoadingFontRoboto){const e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.crossOrigin="anonymous",e.href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic",document.head.appendChild(e)}const r=a(47351).q`<custom-style>
   <style is="custom-style">
     html {
 
@@ -897,4 +545,4 @@
     }
 
   </style>
-</custom-style>`;p.setAttribute("style","display: none;"),document.head.appendChild(p.content)}}]);
+</custom-style>`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)}}]);

package/dist/9041.creaditor.bundle.js

@@ -0,0 +1,171 @@
+"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:()=>h});var o=n(24586),i=n(59929),a=n(86319),s=n(21421),r=n(9507),l=n(89531),c=n(83965),d=n(67549);const p=r.Ay;l.A,c.i,d.s;class h extends i.WF{constructor(){super(),(0,o.A)(this,"animations",[]),(0,o.A)(this,"elementRef",(0,s._)()),this.canDisplayBar=!0;const t=a.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=p.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&&p.cloneComponent({componentId:e.id,index:n,parentId:t.id})}}onRemove(){a.M.get("components",this.for).commands.remove()}connectWith(){if(this.selected=!1,this.for){const t=p.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 i=e.props;this.animations=i.interactions?.filter(t=>"animation"===t.type)??[],this.hasAnimations=this.animations.length>0,this.name=i.name||a.M.get("lang",e.type)}}}justifyContent(t){p.store().execCommand("justify",t,{find:"col"})}connectedCallback(){super.connectedCallback(),p.on("select",this.connectWith),p.on("update",this.connectWith),this.classList.add("ignore-cdtr-blur")}disconnectedCallback(){super.disconnectedCallback(),p.off("select",this.connectWith),p.off("update",this.connectWith)}render(){return this.style.display=this.selected?"":"none",i.qy`<cdtr-row
+        ${(0,s.K)(this.elementRef)}
+        class="bar"
+        alignItems="center"
+        justify="space-evenly"
+        class="wrapper"
+        spacing="10px"
+      >
+        <cdtr-tooltip content="drag_element">
+          <paper-button
+            @mousedown=${t=>{const e=document.createElement("div");e.setAttribute("data-id",this.for);const n=a.M.get("components",this.for);e.style.width=n.element.clientWidth+"px",e.style.height=n.element.clientHeight+"px",e.setAttribute("data-type",n.type);let o=n.type;"block"!==o&&"col"!==o&&"section"!==o&&(o="element"),e.setAttribute("draggable-direction","top,bottom,left,right"),e.setAttribute("draggable-element",o),e.classList.add("draggable-element-handle"),window.__dragoned_selected_element=e}}
+            data-draggable-for=${this.for}
+            class="draggable-element-handle"
+          >
+            <cdtr-move-icon
+              iconStyle="fill:#000"
+              width="18"
+              height="18"
+            ></cdtr-move-icon>
+          </paper-button>
+        </cdtr-tooltip>
+        <cdtr-tooltip content="clone_element">
+          <paper-button @mousedown=${this.cloneElement}>
+            <cdtr-icon width=${18} height=${18} icon="duplicate"></cdtr-icon>
+          </paper-button>
+        </cdtr-tooltip>
+        <cdtr-tooltip content="remove_element">
+          <paper-button @mousedown=${this.onRemove}>
+            <cdtr-remove-icon
+              width=${18}
+              height=${18}
+              iconStyle=""
+            ></cdtr-remove-icon>
+          </paper-button>
+        </cdtr-tooltip>
+        <!-- <span class="name"> ${this.name} </span> -->
+        <div class="transparent-gap"></div>
+      </cdtr-row>
+      <!-- ${this.hasAnimations?i.qy`<cdtr-row
+            alignItems="center"
+            justify="space-between"
+            class="bottom-bar bar"
+          >
+            <cdtr-tooltip content="left">
+              <paper-button @click=${()=>this.justifyContent("flex-start")}>
+                <cdtr-icon width="18" icon="justifyLeft"></cdtr-icon>
+              </paper-button>
+            </cdtr-tooltip>
+            <cdtr-tooltip content="center">
+              <paper-button @click=${()=>this.justifyContent("center")}>
+                <cdtr-icon width="18" icon="justifyCenter"></cdtr-icon>
+              </paper-button>
+            </cdtr-tooltip>
+            <cdtr-tooltip content="right">
+              <paper-button @click=${()=>this.justifyContent("flex-end")}>
+                <cdtr-icon width="18" icon="justifyRight"></cdtr-icon>
+              </paper-button>
+            </cdtr-tooltip>
+          </cdtr-row>`:null} -->
+      ${this.hasAnimations?i.qy`<div class="animation-bar">
+            <cdtr-tooltip content="animation">
+              <paper-button
+                @mousedown=${()=>p.app.dispatch("editor-tabs",{tab:"animations"})}
+              >
+                <svg
+                  width="10"
+                  height="20"
+                  viewBox="0 0 16 22"
+                  fill="#fff"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M5.13783 1H11.6942C11.8384 1 11.9352 1.14803 11.8774 1.28016L8.62257 8.71984C8.56476 8.85197 8.66157 9 8.8058 9H14.5561C14.7284 9 14.82 9.20343 14.7059 9.33251L4.14955 21.2657C4.00527 21.4288 3.74115 21.2766 3.81001 21.07L6.91225 11.7632C6.95542 11.6337 6.85903 11.5 6.72251 11.5H1.29021C1.15013 11.5 1.05344 11.3597 1.10331 11.2288L4.95093 1.1288C4.98048 1.05125 5.05484 1 5.13783 1Z"
+                    stroke="#fff"
+                  />
+                </svg>
+              </paper-button>
+            </cdtr-tooltip>
+          </div> `:null}`}}(0,o.A)(h,"properties",{for:{type:String},name:{type:String},selected:{type:Boolean},hasAnimations:{},canDisplayBar:{type:Boolean}}),(0,o.A)(h,"styles",i.AH`
+    .draggable-element-handle:after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: transparent;
+    }
+    .transparent-gap {
+      position: absolute;
+      left: 0;
+      top: 100%;
+      background: transparent;
+      width: 100%;
+      height: 10px;
+    }
+    .name {
+      max-width: auto;
+      text-overflow: clip;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+    .bar {
+      position: absolute;
+      height: 30px;
+      background: transparent;
+      min-width: 106px;
+      z-index: 101;
+      display: flex;
+      align-items: center;
+      font-family: var(--font-family);
+      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;
+      width: auto;
+      box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
+        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
+    }
+    .bottom-bar {
+      top: 100%;
+      left: 100%;
+      transform: translateX(-100%);
+      animation: fade_up 0.2s !important;
+    }
+    .animation-bar {
+      position: absolute;
+      left: 101%;
+      top: 0;
+      background: var(--primary);
+
+      padding: 5px 5px;
+      display: flex;
+      align-items: center;
+      border-radius: 3px;
+      overflow: hidden;
+      z-index: 99;
+    }
+    @keyframes fade_up {
+      from {
+        transform: translateX(-80%);
+        opacity: 0;
+      }
+    }
+    @keyframes fade_in {
+      from {
+        top: -30px;
+        opacity: 0;
+      }
+    }
+    .wrapper {
+      height: 100%;
+      width: 100%;
+    }
+    paper-button {
+      padding: 0;
+      min-width: auto;
+      margin: 0;
+    }
+    .drag_block {
+      cursor: grab;
+    }
+    .drag_block:active {
+      cursor: grabbing !important;
+    }
+  `),customElements.define("cdtr-move-handle-bar",h)}}]);

package/dist/9193.creaditor.bundle.js

@@ -1 +1 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9193],{49193(e,n,t){var o=t(5441),a=t(20195),r=t(72591),s=t.n(r),A=t(88639),l=t.n(A),c=t(88128),p=t.n(c),i=t(30855),d=t.n(i),m=t(93051),C=t.n(m),f=t(42793),g={};g.setAttributes=d(),g.insert=p().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=C();s()(f.A,g);const b=f.A&&f.A.locals?f.A.locals:void 0;var x=t(40352),E=t(86319),u=t(9507);let y,h=[],B=!1;const k=e=>{const n=e.detail,t=E.M.get("components",n?.dataset?.id);if(!t)throw new Error("component is not defined");const o=t?.element?.nextElementSibling;if(o){const e=E.M.get("components",o.dataset.id);e&&u.Ay.clean().selectComponent(e)}else{const e=t.element.previousElementSibling;if(e){const n=E.M.get("components",e.dataset.id);n&&u.Ay.clean().selectComponent(n)}}u.Ay.store().removeComponent({componentId:t.id})},v=(0,o.A)("cdtr-background-handle-bar",{onClick:()=>{setTimeout(()=>{u.Ay.selectComponent(E.M.get("components").find(e=>e.type.equalWith("root")))},0)},target:".section-component",onRemove:k}),w=()=>{const e=E.M.get("config","editor","configure","editorProps");return!e||"object"==typeof e&&!1!==e.addNewElementsFunctionality},M=(0,o.A)("cdtr-element-handle-bar",{onRemove:k,onClone:e=>{const n=e.detail,t=E.M.get("components",n?.dataset?.id);if(!t)throw new Error("component is not defined");const o=t.closest("section");let a=o.children.findIndex(e=>e===t.id);a="number"==typeof a&&a>=0?a+1:0,u.Ay.cloneComponent({componentId:t.id,parentId:o.id,index:a})},target:".block-component"}),W=(0,o.A)("paper-button",{style:{left:0,top:0,opacity:.7},className:b.componentName}),U=(0,o.A)("paper-button",{style:{left:0,top:0,zIndex:100,minWidth:"60px"},className:b.componentName}),N=(0,o.A)("paper-button",{style:{left:0,top:0,opacity:.7},className:`${b.componentCardName} ${b.componentName}`},E.M.get("lang","card")),S=(0,o.A)("paper-button",{style:{left:"10%",top:0,opacity:.7,transform:"translateY(-100%)",zIndex:3},className:`${b.componentName}`},E.M.get("lang","block")||"block"),z=(0,o.A)("cdtr-fab-button",{"data-name":"add-new-block-v1",onMouseUp:e=>{x.A.dispatch("open_add_menu",{type:"block-component",target:e.target.closest(".block-component")})},class:b.addIcon},(0,o.A)("cdtr-add-icon",{iconStyle:"fill:#fff;"})),O=(0,o.A)("paper-button",{onMouseUp:e=>x.A.dispatch("open_add_menu",{type:"section-component",target:e.target.closest(".section-component")}),class:b.addSection},(0,o.A)("cdtr-add-icon",{iconStyle:"fill:#fff;"}),(0,o.A)("lang-text",{text:"add_section"}));a.A.connect(a.q.KEY_DOWN,e=>{if("Delete"===e.key){const n=document.querySelector("[data-type='block'].selected");n&&(e.preventDefault(),k({detail:n}))}});const I=(0,o.A)("div",{className:b.breadcrumbs});a.A.connect(a.q.KEY_DOWN,e=>{if("Control"!==e.key||!document.activeElement||document.activeElement.closest("[contenteditable]"))return;B=!0;u.Ay.components.find(e=>e.isSelected)&&document.body.appendChild(I)}),a.A.connect(a.q.KEY_UP,e=>{B=!1});const Y=e=>{let{target:n,ctrlKey:t}=e;const o=!!t;if(E.M.set({ctrlKey:o}),n.closest("cdtr-move-handle-bar"))return;let a=n.closest("[class*='-component']");setTimeout(()=>{if(!a)return;const e=E.M.get("components",a.dataset?.id);if(a&&e)if(o&&u.Ay.components.length>0&&u.Ay.components[0].type===e.type)u.Ay.selectComponent(e);else switch(u.Ay.clean().selectComponent(e),a.appendChild(U),U.dataset.mounted=e.type,U.innerHTML=e.props.name||E.M.get("lang",e.type)||e.type.getElementType(),e.type){case"block":U.style.left="10%",U.style.transform="rotate(0deg) translate(-5%,-100%)";break;case"form":U.style.left="100%",U.style.transform="rotate(90deg) translate(10%, -7px)";break;case"card":U.style.transform="translate(-70%,120%) rotate(-90deg)",U.style.left="0",U.style.top="0";const e=E.M.get("components",U.dataset?.id);e&&(U.innerHTML=e.props.name||E.M.get("lang",e.type)||e.type.getElementType());break;default:U.style.transform="rotate(0deg) translate(-103%,-100%)",U.style.left="100%"}else{if(a=a?.closest(".text-component"),!a)return u.Ay.clean();u.Ay.clean().selectComponent(e)}if(u.Ay.components.filter(e=>"block"!==e.type&&"section"!==e.type).length>0)M.remove(),z.remove();else{const e=u.Ay.components.find(e=>"block"===e.type);e&&(y=e,w()&&(e.appendChild(M),e.appendChild(z)))}},130)},F=e=>{const n=e.target;if(!n)return;let t=n.closest("[class*='-component']");if(t){const e=t.closest(".card-component"),o=t.closest(".block-component"),a=E.M.get("components",t.dataset?.id);if(a){switch(W.innerHTML=a.props.name||E.M.get("lang",a.type)||a.type.getElementType(),t.appendChild(W),a.type){case"card":case"form":case"block":W.remove();break;case"form":W.style.left="100%",W.style.transform="rotate(90deg) translate(10%, -7px)";break;default:W.style.transform="translate(-103%,-100%)",W.style.left="100%"}e?e.appendChild(N):n.closest(".card-component")||N.remove(),o?o.appendChild(S):S.remove()}h.forEach(e=>e.classList.remove("selected-on-hover")),"form"===a?.type&&(t=n.closest(".card-component")??t),t?.classList?.add("selected-on-hover"),h=t?[t]:[];const r=n.closest("section.section-component"),s=Array.from(document.body.querySelectorAll(".section-component"));if(v.sectionCounter=s.length,r?w()&&(r.appendChild(O),r.appendChild(v)):v.remove(),y===r&&y&&y.contains(M))return;const A=u.Ay.components.filter(e=>"block"!==e.type&&"section"!==e.type);o&&0===A.length?(y=o,w()&&(o.appendChild(M),o.appendChild(z))):(M.remove(),o&&w()&&o.appendChild(z),y=null),o||z.remove()}else W.remove(),S.remove()};const q=setInterval(()=>{E.M.get("config","target")&&(clearInterval(q),function(){const e=E.M.get("config","target");e&&"true"!==e.dataset?.cdtrListenersAttached&&(e.dataset.cdtrListenersAttached="true",e.addEventListener(a.q.MOUSE_DOWN,Y))}(),a.A.connect(a.q.MOUSE_OVER,F))},50)},42793(e,n,t){t.d(n,{A:()=>A});var o=t(82001),a=t.n(o),r=t(40935),s=t.n(r)()(a());s.push([e.id,".MO1bHL0Mf6pjhEtylQC_ {\n  outline: 1px solid var(--primary) !important;\n}\n.MO1bHL0Mf6pjhEtylQC_ {\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.QRabUK5WcW0UEvk5Gl4A{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.fFpcfOw2e_4jcwlu9RkW{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.xx7ldRh0c8iUAfIGZgAA {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.NaXFMGugy5ZAgwCl1CR2 {\n  transform: translateY(-100%);\n}\n.xJCqQVfziE9Wepw5WRYw {\n  outline: black 1px solid;\n}\n.o4KmgQFcCaF1bh4BEUrs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.XmM6cGXGiBaGwyP5KrLn {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.bgoCbWHegQxp7l0GPJa1 {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.xUyjjx7MdpTSI8OJ7U8q {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.xUyjjx7MdpTSI8OJ7U8q:active {\n  cursor: grabbing !important;\n}\n","",{version:3,sources:["webpack://./src/core/EditorUI/handlers/handleComponents/style.module.css"],names:[],mappings:"AAAA;EACE,4CAA4C;AAE9C;AAHA;EAEE,wCAAwC;AAC1C;AACA;EACE,MAAM;EACN,KAAK;EACL,UAAU;EACV;AACF;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,0BAA0B;EAC1B,uBAAkB;EAAlB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,0BAA0B;EAC1B,eAAe;EACf,sFAAsF;AACxF;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,eAAe;EACf,WAAW;EACX,YAAY;EACZ,UAAU;AACZ;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,qBAAqB;EACrB,gBAAgB;EAChB;0CACwC;AAC1C;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;EACT,gCAAgC;EAChC,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,+BAA+B;EAC/B,WAAW;EACX,0BAA0B;EAC1B,YAAY;EACZ,WAAW;EACX,mBAAmB;EACnB,2FAA2F;AAC7F;AACA;EACE,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,2CAA2C;EAC3C,YAAY;EACZ,eAAe;EACf,YAAY;AACd;AACA;EACE,2BAA2B;AAC7B",sourcesContent:[".onHover {\n  outline: 1px solid var(--primary) !important;\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.componentCardName{\n  left:0;\n  top:0;\n  opacity:.7;\n  transform: translate(-70%,120%) rotate(-90deg)\n}\n.componentName{\n  position: absolute;\n  padding:2px;\n  background: var(--primary);\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.tagContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.tagName {\n  transform: translateY(-100%);\n}\n.pesudoSelected {\n  outline: black 1px solid;\n}\n.breadcrumbs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.addIcon {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99;\n}\n.addSection {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -50%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.colHandle {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.colHandle:active {\n  cursor: grabbing !important;\n}\n"],sourceRoot:""}]),s.locals={onHover:"MO1bHL0Mf6pjhEtylQC_",componentCardName:"QRabUK5WcW0UEvk5Gl4A",componentName:"fFpcfOw2e_4jcwlu9RkW",tagContainer:"xx7ldRh0c8iUAfIGZgAA",tagName:"NaXFMGugy5ZAgwCl1CR2",pesudoSelected:"xJCqQVfziE9Wepw5WRYw",breadcrumbs:"o4KmgQFcCaF1bh4BEUrs",addIcon:"XmM6cGXGiBaGwyP5KrLn",addSection:"bgoCbWHegQxp7l0GPJa1",colHandle:"xUyjjx7MdpTSI8OJ7U8q"};const A=s}}]);
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9193],{49193(e,n,t){var o=t(5441),a=t(20195),s=t(72591),r=t.n(s),c=t(88639),A=t.n(c),l=t(88128),i=t.n(l),p=t(30855),d=t.n(p),m=t(93051),C=t.n(m),f=t(42793),g={};g.setAttributes=d(),g.insert=i().bind(null,"head"),g.domAPI=A(),g.insertStyleElement=C();r()(f.A,g);const b=f.A&&f.A.locals?f.A.locals:void 0;var x=t(49937),E=t(86319),u=t(9507);let y,h=[],B=!1,k=null;const v=()=>{k&&(clearTimeout(k),k=null)},w=()=>{const e=E.M.get("config","target");e?.querySelectorAll("section.section-component").forEach(e=>e.classList.remove(b.sectionStackRaise))},M=()=>{w();const e=z.parentElement,n=e?.closest("section.section-component");n&&n.classList.add(b.sectionStackRaise)},W=e=>{const n=e.detail,t=E.M.get("components",n?.dataset?.id);if(!t)throw new Error("component is not defined");const o=t?.element?.nextElementSibling;if(o){const e=E.M.get("components",o.dataset.id);e&&u.Ay.clean().selectComponent(e)}else{const e=t.element.previousElementSibling;if(e){const n=E.M.get("components",e.dataset.id);n&&u.Ay.clean().selectComponent(n)}}u.Ay.store().removeComponent({componentId:t.id})},N=(0,o.A)("cdtr-background-handle-bar",{onClick:()=>{setTimeout(()=>{u.Ay.selectComponent(E.M.get("components").find(e=>e.type.equalWith("root")))},0)},target:".section-component",onRemove:W}),S=()=>{const e=E.M.get("config","editor","configure","editorProps");return!e||"object"==typeof e&&!1!==e.addNewElementsFunctionality},z=(0,o.A)("cdtr-element-handle-bar",{onRemove:W,onClone:e=>{const n=e.detail,t=E.M.get("components",n?.dataset?.id);if(!t)throw new Error("component is not defined");const o=t.closest("section");let a=o.children.findIndex(e=>e===t.id);a="number"==typeof a&&a>=0?a+1:0,u.Ay.cloneComponent({componentId:t.id,parentId:o.id,index:a})},target:".block-component"}),O=(0,o.A)("paper-button",{style:{left:0,top:0,opacity:.7},className:b.componentName}),U=(0,o.A)("paper-button",{style:{left:0,top:0,zIndex:100,minWidth:"60px"},className:b.componentName}),Y=(0,o.A)("paper-button",{style:{left:0,top:0,opacity:.7},className:`${b.componentCardName} ${b.componentName}`},E.M.get("lang","card")),_=(0,o.A)("paper-button",{style:{left:"10%",top:0,opacity:.7,transform:"translateY(-100%)",zIndex:3},className:`${b.componentName}`},E.M.get("lang","block")||"block"),L=(0,o.A)("cdtr-fab-button",{"data-name":"add-new-block-v1",onMouseUp:e=>{x.A.dispatch("open_add_menu",{type:"block-component",target:e.target.closest(".block-component")})},class:b.addIcon},(0,o.A)("cdtr-add-icon",{iconStyle:"fill:#fff;"})),I=(0,o.A)("paper-button",{onMouseUp:e=>x.A.dispatch("open_add_menu",{type:"section-component",target:e.target.closest(".section-component")}),class:b.addSection},(0,o.A)("cdtr-add-icon",{iconStyle:"fill:#fff;"}),(0,o.A)("lang-text",{text:"add_section"}));a.A.connect(a.q.KEY_DOWN,e=>{if("Delete"===e.key){const n=document.querySelector("[data-type='block'].selected");n&&(e.preventDefault(),W({detail:n}))}});const T=(0,o.A)("div",{className:b.breadcrumbs});a.A.connect(a.q.KEY_DOWN,e=>{if("Control"!==e.key||!document.activeElement||document.activeElement.closest("[contenteditable]"))return;B=!0;u.Ay.components.find(e=>e.isSelected)&&document.body.appendChild(T)}),a.A.connect(a.q.KEY_UP,e=>{B=!1});const R=e=>{let{target:n,ctrlKey:t}=e;const o=!!t;if(E.M.set({ctrlKey:o}),n.closest("cdtr-move-handle-bar"))return;let a=n.closest("[class*='-component']");setTimeout(()=>{if(!a)return;const e=E.M.get("components",a.dataset?.id);if(a&&e)if(o&&u.Ay.components.length>0&&u.Ay.components[0].type===e.type)u.Ay.selectComponent(e);else switch(u.Ay.clean().selectComponent(e),a.appendChild(U),U.dataset.mounted=e.type,U.innerHTML=e.props.name||E.M.get("lang",e.type)||e.type.getElementType(),e.type){case"block":U.style.left="10%",U.style.transform="rotate(0deg) translate(-5%,-100%)";break;case"form":U.style.left="100%",U.style.transform="rotate(90deg) translate(10%, -7px)";break;case"card":U.style.transform="translate(-70%,120%) rotate(-90deg)",U.style.left="0",U.style.top="0";const e=E.M.get("components",U.dataset?.id);e&&(U.innerHTML=e.props.name||E.M.get("lang",e.type)||e.type.getElementType());break;default:U.style.transform="rotate(0deg) translate(-103%,-100%)",U.style.left="100%"}else{if(a=a?.closest(".text-component"),!a)return u.Ay.clean();u.Ay.clean().selectComponent(e)}if(u.Ay.components.filter(e=>"block"!==e.type&&"section"!==e.type).length>0)z.remove(),L.remove();else{const e=u.Ay.components.find(e=>"block"===e.type);e&&(y=e,S()&&(e.appendChild(z),e.appendChild(L)))}},130)},j=e=>{const n=e.target;if(!n)return;const t=((e,n)=>{const t="function"==typeof e.composedPath?e.composedPath():[];return(t.length>0?t:[n]).filter(e=>e&&e.nodeType===Node.ELEMENT_NODE)})(e,n);let o=t.find(e=>"function"==typeof e.matches&&e.matches("[class*='-component']"))||n.closest("[class*='-component']");if(o){const e=o.closest(".card-component"),a=t.find(e=>e.classList?.contains("block-component"))||o.closest(".block-component"),s=E.M.get("components",o.dataset?.id);if(s){switch(O.innerHTML=s.props.name||E.M.get("lang",s.type)||s.type.getElementType(),o.appendChild(O),s.type){case"card":case"form":case"block":O.remove();break;case"form":O.style.left="100%",O.style.transform="rotate(90deg) translate(10%, -7px)";break;default:O.style.transform="translate(-103%,-100%)",O.style.left="100%"}e?e.appendChild(Y):n.closest(".card-component")||Y.remove(),a?a.appendChild(_):_.remove()}h.forEach(e=>e.classList.remove("selected-on-hover")),"form"===s?.type&&(o=n.closest(".card-component")??o),o?.classList?.add("selected-on-hover"),h=o?[o]:[];const r=t.find(e=>"SECTION"===e.tagName&&e.classList?.contains("section-component"))||n.closest("section.section-component"),c=Array.from(document.body.querySelectorAll(".section-component"));N.sectionCounter=c.length,r?S()&&(r.appendChild(I),r.appendChild(N)):N.remove();const A=u.Ay.components.filter(e=>"block"!==e.type&&"section"!==e.type),l=a&&0===A.length,i=Boolean(z.parentElement);l?(v(),y=a,S()&&(a.appendChild(z),a.appendChild(L))):i?k||(k=setTimeout(()=>{k=null,z.remove(),L.remove(),y=null,M()},220)):(v(),z.remove(),y=null,a&&S()?a.appendChild(L):L.remove()),M()}else O.remove(),_.remove(),v(),z.remove(),L.remove(),y=null,w()};const q=setInterval(()=>{E.M.get("config","target")&&(clearInterval(q),function(){const e=E.M.get("config","target");e&&"true"!==e.dataset?.cdtrListenersAttached&&(e.dataset.cdtrListenersAttached="true",e.addEventListener(a.q.MOUSE_DOWN,R))}(),a.A.connect(a.q.MOUSE_OVER,j))},50)},42793(e,n,t){t.d(n,{A:()=>c});var o=t(82001),a=t.n(o),s=t(40935),r=t.n(s)()(a());r.push([e.id,".MO1bHL0Mf6pjhEtylQC_ {\n  outline: 1px solid var(--primary) !important;\n}\n.MO1bHL0Mf6pjhEtylQC_ {\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.QRabUK5WcW0UEvk5Gl4A {\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  transform: translate(-70%, 120%) rotate(-90deg);\n}\n.fFpcfOw2e_4jcwlu9RkW {\n  position: absolute;\n  padding: 2px;\n  background: var(--primary);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.xx7ldRh0c8iUAfIGZgAA {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.NaXFMGugy5ZAgwCl1CR2 {\n  transform: translateY(-100%);\n}\n.xJCqQVfziE9Wepw5WRYw {\n  outline: black 1px solid;\n}\n.o4KmgQFcCaF1bh4BEUrs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.XmM6cGXGiBaGwyP5KrLn {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  z-index: 99;\n}\n.bgoCbWHegQxp7l0GPJa1 {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -100%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,\n    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.xUyjjx7MdpTSI8OJ7U8q {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.xUyjjx7MdpTSI8OJ7U8q:active {\n  cursor: grabbing !important;\n}\n\n.AvwecMDAjy_y9aL_xXE_ {\n  position: relative;\n  z-index: 10;\n}\n","",{version:3,sources:["webpack://./src/core/EditorUI/handlers/handleComponents/style.module.css"],names:[],mappings:"AAAA;EACE,4CAA4C;AAE9C;AAHA;EAEE,wCAAwC;AAC1C;AACA;EACE,OAAO;EACP,MAAM;EACN,YAAY;EACZ,+CAA+C;AACjD;AACA;EACE,kBAAkB;EAClB,YAAY;EACZ,0BAA0B;EAC1B,uBAAkB;EAAlB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,0BAA0B;EAC1B,eAAe;EACf,sFAAsF;AACxF;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,eAAe;EACf,WAAW;EACX,YAAY;EACZ,UAAU;AACZ;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,8BAA8B;EAC9B,UAAU;EACV,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,qBAAqB;EACrB,gBAAgB;EAChB;0CACwC;AAC1C;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,SAAS;EACT,iCAAiC;EACjC,WAAW;AACb;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,OAAO;EACP,gCAAgC;EAChC,WAAW;EACX,0BAA0B;EAC1B,YAAY;EACZ,WAAW;EACX,mBAAmB;EACnB;wCACsC;AACxC;AACA;EACE,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,2CAA2C;EAC3C,YAAY;EACZ,eAAe;EACf,YAAY;AACd;AACA;EACE,2BAA2B;AAC7B;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb",sourcesContent:[".onHover {\n  outline: 1px solid var(--primary) !important;\n  /* background: rgba(0, 0, 255, 0.041); */\n}\n.componentCardName {\n  left: 0;\n  top: 0;\n  opacity: 0.7;\n  transform: translate(-70%, 120%) rotate(-90deg);\n}\n.componentName {\n  position: absolute;\n  padding: 2px;\n  background: var(--primary);\n  width: fit-content;\n  text-align: center;\n  border-radius: 0;\n  z-index: 99;\n  color: var(--primary-text);\n  font-size: 11px;\n  /* zindex 99 to be strong than the split cells, fix the zindex there before fix here */\n}\n\n.tagContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  font-size: 12px;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.tagName {\n  transform: translateY(-100%);\n}\n.pesudoSelected {\n  outline: black 1px solid;\n}\n.breadcrumbs {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  z-index: 3;\n  width: auto;\n  min-width: 100px;\n  color: black;\n  border-radius: 0.2rem;\n  min-height: 27px;\n  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n}\n.addIcon {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  z-index: 99;\n}\n.addSection {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  transform: translate(50%, -100%);\n  z-index: 99;\n  background: var(--primary);\n  padding: 8px;\n  color: #fff;\n  border-radius: 20px;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,\n    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;\n}\n.colHandle {\n  background: #fff;\n  fill: var(--primary);\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n  padding: 3px;\n  min-width: 10px;\n  cursor: grab;\n}\n.colHandle:active {\n  cursor: grabbing !important;\n}\n\n.sectionStackRaise {\n  position: relative;\n  z-index: 10;\n}\n"],sourceRoot:""}]),r.locals={onHover:"MO1bHL0Mf6pjhEtylQC_",componentCardName:"QRabUK5WcW0UEvk5Gl4A",componentName:"fFpcfOw2e_4jcwlu9RkW",tagContainer:"xx7ldRh0c8iUAfIGZgAA",tagName:"NaXFMGugy5ZAgwCl1CR2",pesudoSelected:"xJCqQVfziE9Wepw5WRYw",breadcrumbs:"o4KmgQFcCaF1bh4BEUrs",addIcon:"XmM6cGXGiBaGwyP5KrLn",addSection:"bgoCbWHegQxp7l0GPJa1",colHandle:"xUyjjx7MdpTSI8OJ7U8q",sectionStackRaise:"AvwecMDAjy_y9aL_xXE_"};const c=r}}]);

package/dist/9990.creaditor.bundle.js

@@ -0,0 +1,16 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[9990],{99990(e,t,i){i.r(t),i.d(t,{Draggable:()=>g});var s,n,o,r,l,u,h,a,c=i(59088),d=i(24586),p=i(36936),f=i(59929),m=i(49410),v=i(21421);let g=(s=(0,m.MZ)({type:Number,reflect:!0}),n=(0,m.MZ)({type:Number,reflect:!0}),o=(0,m.MZ)({type:Boolean,reflect:!0}),a=class extends f.WF{constructor(){super(),(0,c.A)(this,"left",l,this),(0,c.A)(this,"top",u,this),(0,c.A)(this,"isDraging",h,this),(0,d.A)(this,"cloneTarget",null),(0,d.A)(this,"initX",0),(0,d.A)(this,"initY",0),(0,d.A)(this,"firstX",0),(0,d.A)(this,"firstY",0),(0,d.A)(this,"startEvent",void 0),(0,d.A)(this,"mirrorRef",(0,v._)()),this.onMouseMove=this.onMouseMove.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.left=0,this.top=0,this.isDraging=!1,this.startEvent=new UIEvent("start",{view:window,bubbles:!0,cancelable:!0})}onMouseMove(e){if(1!==e.which)return;e.preventDefault();const t=this.cloneTarget;if(t){t.style.zIndex="-1",document.elementFromPoint(e.clientX,e.clientY),t.style.zIndex="9999999999";const i=this.initX+e.pageX-this.firstX,s=this.initY+e.pageY-this.firstY;t.style.left=i+"px",t.style.top=s+"px"}}onMouseUp(e){e.preventDefault(),this.isDraging=!1,this.cloneTarget&&this.cloneTarget.remove(),document.removeEventListener("mousemove",this.onMouseMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1)}onMouseDown(e){e.preventDefault(),this.isDraging=!0,setTimeout(()=>{const t=this.mirrorRef.value;t&&(this.cloneTarget=t.cloneNode(!0),document.body.appendChild(this.cloneTarget),this.initX=t.offsetLeft,this.initY=t.offsetTop,this.firstX=e.pageX,this.firstY=e.pageY,document.addEventListener("mousemove",this.onMouseMove,!1),document.addEventListener("mouseup",this.onMouseUp,!1),this.dispatchEvent(this.startEvent))},100)}disconnectedCallback(){this.removeEventListener("mousedown",this.onMouseDown)}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.addEventListener("mousedown",this.onMouseDown)},200)}render(){return f.qy`${this.isDraging?f.qy`<div class="mirror" ${(0,v.K)(this.mirrorRef)}>
+            <slot name="mirror"></slot>
+          </div>`:null} <slot></slot>`}},(0,d.A)(a,"styles",f.AH`
+    :host {
+      display: inline-block;
+      width: 100%;
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    }
+    .mirror {
+      position: fixed;
+    }
+  `),r=a,l=(0,p.A)(r.prototype,"left",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),u=(0,p.A)(r.prototype,"top",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),h=(0,p.A)(r.prototype,"isDraging",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),r);customElements.define("cdtr-draggale-mirror",g)}}]);