@node-projects/web-component-designer 0.1.331 → 0.1.332
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -29,7 +29,6 @@ export function switchContainer(items, newContainer, resizeNewContainer = false,
|
|
|
29
29
|
let rectNewContainer = designerCanvas.getNormalizedElementCoordinates(newContainer.element);
|
|
30
30
|
for (let e of items) {
|
|
31
31
|
let rect = designerCanvas.getNormalizedElementCoordinates(e.element);
|
|
32
|
-
e.remove();
|
|
33
32
|
if (e.nodeType == NodeType.Element) {
|
|
34
33
|
//TODO: use positioning service, not fixed left and top.
|
|
35
34
|
if (resizeNewContainer) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchContainerHelper.js","sourceRoot":"","sources":["../../../src/elements/helper/SwitchContainerHelper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,UAAU,eAAe,CAAC,KAAoB,EAAE,YAAyB,EAAE,qBAA8B,KAAK,EAAE,qBAA6B,CAAC;IAChJ,0DAA0D;IAC1D,+DAA+D;IAE/D,KAAK,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YAChE,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAC;YAC/D,OAAO;QACX,CAAC;IACL,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,GAAG,GAAG,SAAS,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IAEzD,MAAM,cAAc,GAAG,SAAS,CAAC,wBAAwB,CAAC,cAAc,CAAC;IAEzE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;IAC5B,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;IAC5B,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;QAClB,IAAI,IAAI,GAAG,cAAc,CAAC,+BAA+B,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI;YACb,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI;YACb,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;YAC1B,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI;YAC3B,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,IAAI,gBAAgB,GAAG,cAAc,CAAC,+BAA+B,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAE5F,KAAK,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;QAClB,IAAI,IAAI,GAAG,cAAc,CAAC,+BAA+B,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACrE,
|
|
1
|
+
{"version":3,"file":"SwitchContainerHelper.js","sourceRoot":"","sources":["../../../src/elements/helper/SwitchContainerHelper.ts"],"names":[],"mappings":"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"}
|
package/dist/index-min.js
CHANGED
|
@@ -295,7 +295,7 @@ var Pd=Object.defineProperty;var g=(s,e)=>()=>(s&&(e=s(s=0)),e);var Id=(s,e)=>{f
|
|
|
295
295
|
.svg-primary-rotate { stroke: #3899ec; fill: white; stroke-width: 1; pointer-events: auto; cursor: alias; }
|
|
296
296
|
.svg-primary-rotate-transparent { fill: transparent; pointer-events: auto; cursor: alias; }
|
|
297
297
|
.svg-primary-rotate-line { stroke: #3899ec; fill: #3899ec; stroke-width: 1; }
|
|
298
|
-
`}});var ln,za=g(()=>{"use strict";te();$();ln=class{cursor="zoom-in";_rect;_startPoint;_endPoint;_pointerMovementTolerance=5;_zoomStepSize=.2;activated(e){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._startPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._startPoint.x*e.zoomFactor),this._rect.setAttribute("y",this._startPoint.y*e.zoomFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,k.Foreground);break;case _.PointerMove:if(this._startPoint){let o=r.x-this._startPoint.x,a=r.y-this._startPoint.y;o>=0?(this._rect.setAttribute("x",this._startPoint.x),this._rect.setAttribute("width",o)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*o)),a>=0?(this._rect.setAttribute("y",this._startPoint.y),this._rect.setAttribute("height",a)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*a))}break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._endPoint=r;let n=t.button==0;switch(t.button){case 0:case 2:this._zoomOnto(n,this._startPoint,this._endPoint,e);break}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._startPoint=null;break}}_zoomOnto(e,t,i,r){if(this._isPositionEqual(t,i)){let n=r.zoomFactor,o=e?n+this._zoomStepSize:n-this._zoomStepSize;r.zoomTowardsPoint(i,o)}else r.zoomOntoRectangle(t,i)}_isPositionEqual(e,t){let i=this._pointerMovementTolerance;return Math.abs(e.x-t.x)<=i&&Math.abs(e.y-t.y)<=i}keyboardEventHandler(e,t,i){}dispose(){}}});var cn,Ba=g(()=>{"use strict";te();cn=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case _.PointerMove:(t.buttons==1||t.buttons==4)&&(e.canvasOffset={x:e.canvasOffset.x+t.movementX/e.zoomFactor,y:e.canvasOffset.y+t.movementY/e.zoomFactor});break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var C,Je=g(()=>{"use strict";(function(s){s.copy="copy",s.paste="paste",s.cut="cut",s.delete="delete",s.undo="undo",s.redo="redo",s.holdUndo="holdUndo",s.holdRedo="holdRedo",s.rotateCounterClockwise="rotateCounterClockwise",s.rotateClockwise="rotateClockwise",s.mirrorHorizontal="mirrorHorizontal",s.mirrorVertical="mirrorVertical",s.selectAll="selectAll",s.moveToFront="moveToFront",s.moveForward="moveForward",s.moveBackward="moveBackward",s.moveToBack="moveToBack",s.arrangeLeft="arrangeLeft",s.arrangeCenter="arrangeCenter",s.arrangeRight="arrangeRight",s.arrangeTop="arrangeTop",s.arrangeMiddle="arrangeMiddle",s.arrangeBottom="arrangeBottom",s.unifyWidth="unifyWidth",s.unifyHeight="unifyHeight",s.distributeHorizontal="distributeHorizontaly",s.distributeVertical="distributeVertical",s.setTool="setTool",s.setStrokeColor="setStrokeColor",s.setFillBrush="setFillBrush",s.setStrokeThickness="setStrokeThickness",s.screenshot="screenshot"})(C||(C={}))});var hn,Va=g(()=>{"use strict";Je();q();hn=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"copy",icon:`<img src="${x+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:C.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${x+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:C.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${x+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:C.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${x+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:C.delete})},shortCut:"Del",disabled:i===null}]}}});var dn,Ha=g(()=>{"use strict";Je();X();q();dn=class{shouldProvideContextmenu(e,t,i,r){return!i?.isRootItem&&i?.nodeType==E.Element}provideContextMenuItems(e,t,i){return[{title:"to front",icon:`<img style="rotate: 90deg" src="${x+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:C.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${x+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:C.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${x+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:C.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${x+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:C.moveToBack})}}]}}});function Th(s,e,t=!1,i=0){for(let p of s)if(p==e||p.element.contains(e.element)){console.warn("could not move items into of itself or a child");return}let r=s[0],n=r.openGroup("switchContainerHelper"),o=r.instanceServiceContainer.designerCanvas,a=Number.MAX_VALUE,l=Number.MAX_VALUE,c=0,h=0;for(let p of s){let u=o.getNormalizedElementCoordinates(p.element);u.x<a&&(a=u.x),u.y<l&&(l=u.y),u.x+u.width>c&&(c=u.x+u.width),u.y+u.height>h&&(h=u.y+u.height)}let d=o.getNormalizedElementCoordinates(e.element);for(let p of s){let u=o.getNormalizedElementCoordinates(p.element);p.remove(),p.nodeType==E.Element&&(t?(p.setStyle("left",(u.x-a+i).toString()+"px"),p.setStyle("top",(u.y-l+i).toString()+"px")):(p.setStyle("left",(u.x-d.x).toString()+"px"),p.setStyle("top",(u.y-d.y).toString()+"px"))),e.insertChild(p)}t&&(e.setStyle("position","absolute"),e.setStyle("left",(a-i).toString()+"px"),e.setStyle("top",(l-i).toString()+"px"),e.setStyle("width",(c-a+2*i).toString()+"px"),e.setStyle("height",(h-l+2*i).toString()+"px")),n.commit()}var Ga=g(()=>{"use strict";X()});var pn,Wa=g(()=>{"use strict";Ga();J();pn=class{orderIndex=60;shouldProvideContextmenu(e,t,i,r){return i?.instanceServiceContainer.selectionService.selectedElements.length>1}provideContextMenuItems(e,t,i){return[{title:"wrap in",children:[{title:"div",action:()=>{let r=i.openGroup("wrap in Div"),n=i.instanceServiceContainer.selectionService.selectedElements,o=document.createElement("div"),a=T.createDesignItemFromInstance(o,i.serviceContainer,i.instanceServiceContainer);n[0].insertAdjacentElement(a,"beforebegin"),Th(n,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var Di,ja=g(()=>{"use strict";te();Le();J();$();Di=class{cursor="progress";_rect;_initialPoint;activated(e){}pointerEventHandler(e,t,i){j(t)||t.shiftKey?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._initialPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._initialPoint.x*e.scaleFactor),this._rect.setAttribute("y",this._initialPoint.y*e.scaleFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,k.Foreground);break;case _.PointerMove:if(this._initialPoint){let l=r.x-this._initialPoint.x,c=r.y-this._initialPoint.y;l>=0?(this._rect.setAttribute("x",this._initialPoint.x),this._rect.setAttribute("width",l)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*l)),c>=0?(this._rect.setAttribute("y",this._initialPoint.y),this._rect.setAttribute("height",c)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*c))}break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let n=e.rootDesignItem.querySelectorAll("*"),o=[];(j(t)||t.shiftKey||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&o.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of n){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._rect.isPointInFill(a);a.x=c.x+c.width,a.y=c.y;let d=h&&this._rect.isPointInFill(a);a.x=c.x,a.y=c.y+c.height;let p=d&&this._rect.isPointInFill(a);if(a.x=c.x+c.width,a.y=c.y+c.height,p&&this._rect.isPointInFill(a)){let m=T.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let f=o.indexOf(m);o.splice(f,1)}}}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._initialPoint=null,e.instanceServiceContainer.selectionService.setSelectedElements(o,t),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}dispose(){}}});var mn,Ua=g(()=>{"use strict";te();Le();J();$();mn=class{cursor="progress";_pathD;_path;pointerEventHandler(e,t,i){j(t)?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-selector"),this._path.style.strokeWidth=""+1/e.scaleFactor,this._path.style.strokeDasharray=""+2/e.scaleFactor,this._pathD="M"+r.x+" "+r.y,this._path.setAttribute("D",this._pathD),e.overlayLayer.addOverlay(this.constructor.name,this._path,k.Foreground);break;case _.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let n=e.rootDesignItem.querySelectorAll("*"),o=[];(j(t)||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&o.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of n){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y;let d=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x,a.y=c.y+c.height;let p=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y+c.height;let u=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&d&&p&&u){let m=T.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let f=o.indexOf(m);o.splice(f,1)}}}e.overlayLayer.removeOverlay(this._path),this._path=null,this._pathD=null,e.instanceServiceContainer.selectionService.setSelectedElements(o),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var un,Ka=g(()=>{"use strict";un=class{cursor="crosshair";async activated(e){try{let r=(await new EyeDropper().open()).sRGBHex;e.globalContext.strokeColor=r}finally{e.globalContext.finishedWithTool(this)}}async pointerEventHandler(e,t,i){}keyboardEventHandler(e,t,i){}dispose(){}}});function Oh(s){let e=document.getSelection();return e.getComposedRanges?e=e.getComposedRanges(s):s.getSelection&&(e=s.getSelection()),e}function Mh(s,e){function t(n){let o=document.createElement("span");e.push(o),n.parentNode.insertBefore(o,n),o.appendChild(n)}function i(n){switch(n.nodeType){case Node.TEXT_NODE:t(n);break;case Node.DOCUMENT_FRAGMENT_NODE:case Node.ELEMENT_NODE:Array.from(n.childNodes).forEach(i);break}}let r=s.extractContents();i(r),s.insertNode(r)}function Hp(s){let e=document.createRange();return e.setStart(s.startContainer,s.startOffset),e.setEnd(s.endContainer,s.endOffset),e}function Nh(s){let e=[];if(s[0]instanceof StaticRange)Mh(Hp(s[0]),e);else{if(!s.rangeCount)return e;let t=s.getRangeAt(0);Mh(t,e)}return s.removeAllRanges&&s.removeAllRanges(),e}var Ya=g(()=>{"use strict"});import{html as Gp}from"@node-projects/base-custom-webcomponent";var Qt,fn=g(()=>{"use strict";ee();$();Ya();sa();ie();Qt=class s extends L{static template=Gp`
|
|
298
|
+
`}});var ln,za=g(()=>{"use strict";te();$();ln=class{cursor="zoom-in";_rect;_startPoint;_endPoint;_pointerMovementTolerance=5;_zoomStepSize=.2;activated(e){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._startPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._startPoint.x*e.zoomFactor),this._rect.setAttribute("y",this._startPoint.y*e.zoomFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,k.Foreground);break;case _.PointerMove:if(this._startPoint){let o=r.x-this._startPoint.x,a=r.y-this._startPoint.y;o>=0?(this._rect.setAttribute("x",this._startPoint.x),this._rect.setAttribute("width",o)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*o)),a>=0?(this._rect.setAttribute("y",this._startPoint.y),this._rect.setAttribute("height",a)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*a))}break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._endPoint=r;let n=t.button==0;switch(t.button){case 0:case 2:this._zoomOnto(n,this._startPoint,this._endPoint,e);break}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._startPoint=null;break}}_zoomOnto(e,t,i,r){if(this._isPositionEqual(t,i)){let n=r.zoomFactor,o=e?n+this._zoomStepSize:n-this._zoomStepSize;r.zoomTowardsPoint(i,o)}else r.zoomOntoRectangle(t,i)}_isPositionEqual(e,t){let i=this._pointerMovementTolerance;return Math.abs(e.x-t.x)<=i&&Math.abs(e.y-t.y)<=i}keyboardEventHandler(e,t,i){}dispose(){}}});var cn,Ba=g(()=>{"use strict";te();cn=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case _.PointerMove:(t.buttons==1||t.buttons==4)&&(e.canvasOffset={x:e.canvasOffset.x+t.movementX/e.zoomFactor,y:e.canvasOffset.y+t.movementY/e.zoomFactor});break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var C,Je=g(()=>{"use strict";(function(s){s.copy="copy",s.paste="paste",s.cut="cut",s.delete="delete",s.undo="undo",s.redo="redo",s.holdUndo="holdUndo",s.holdRedo="holdRedo",s.rotateCounterClockwise="rotateCounterClockwise",s.rotateClockwise="rotateClockwise",s.mirrorHorizontal="mirrorHorizontal",s.mirrorVertical="mirrorVertical",s.selectAll="selectAll",s.moveToFront="moveToFront",s.moveForward="moveForward",s.moveBackward="moveBackward",s.moveToBack="moveToBack",s.arrangeLeft="arrangeLeft",s.arrangeCenter="arrangeCenter",s.arrangeRight="arrangeRight",s.arrangeTop="arrangeTop",s.arrangeMiddle="arrangeMiddle",s.arrangeBottom="arrangeBottom",s.unifyWidth="unifyWidth",s.unifyHeight="unifyHeight",s.distributeHorizontal="distributeHorizontaly",s.distributeVertical="distributeVertical",s.setTool="setTool",s.setStrokeColor="setStrokeColor",s.setFillBrush="setFillBrush",s.setStrokeThickness="setStrokeThickness",s.screenshot="screenshot"})(C||(C={}))});var hn,Va=g(()=>{"use strict";Je();q();hn=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"copy",icon:`<img src="${x+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:C.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${x+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:C.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${x+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:C.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${x+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:C.delete})},shortCut:"Del",disabled:i===null}]}}});var dn,Ha=g(()=>{"use strict";Je();X();q();dn=class{shouldProvideContextmenu(e,t,i,r){return!i?.isRootItem&&i?.nodeType==E.Element}provideContextMenuItems(e,t,i){return[{title:"to front",icon:`<img style="rotate: 90deg" src="${x+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:C.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${x+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:C.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${x+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:C.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${x+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:C.moveToBack})}}]}}});function Th(s,e,t=!1,i=0){for(let p of s)if(p==e||p.element.contains(e.element)){console.warn("could not move items into of itself or a child");return}let r=s[0],n=r.openGroup("switchContainerHelper"),o=r.instanceServiceContainer.designerCanvas,a=Number.MAX_VALUE,l=Number.MAX_VALUE,c=0,h=0;for(let p of s){let u=o.getNormalizedElementCoordinates(p.element);u.x<a&&(a=u.x),u.y<l&&(l=u.y),u.x+u.width>c&&(c=u.x+u.width),u.y+u.height>h&&(h=u.y+u.height)}let d=o.getNormalizedElementCoordinates(e.element);for(let p of s){let u=o.getNormalizedElementCoordinates(p.element);p.nodeType==E.Element&&(t?(p.setStyle("left",(u.x-a+i).toString()+"px"),p.setStyle("top",(u.y-l+i).toString()+"px")):(p.setStyle("left",(u.x-d.x).toString()+"px"),p.setStyle("top",(u.y-d.y).toString()+"px"))),e.insertChild(p)}t&&(e.setStyle("position","absolute"),e.setStyle("left",(a-i).toString()+"px"),e.setStyle("top",(l-i).toString()+"px"),e.setStyle("width",(c-a+2*i).toString()+"px"),e.setStyle("height",(h-l+2*i).toString()+"px")),n.commit()}var Ga=g(()=>{"use strict";X()});var pn,Wa=g(()=>{"use strict";Ga();J();pn=class{orderIndex=60;shouldProvideContextmenu(e,t,i,r){return i?.instanceServiceContainer.selectionService.selectedElements.length>1}provideContextMenuItems(e,t,i){return[{title:"wrap in",children:[{title:"div",action:()=>{let r=i.openGroup("wrap in Div"),n=i.instanceServiceContainer.selectionService.selectedElements,o=document.createElement("div"),a=T.createDesignItemFromInstance(o,i.serviceContainer,i.instanceServiceContainer);n[0].insertAdjacentElement(a,"beforebegin"),Th(n,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var Di,ja=g(()=>{"use strict";te();Le();J();$();Di=class{cursor="progress";_rect;_initialPoint;activated(e){}pointerEventHandler(e,t,i){j(t)||t.shiftKey?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._initialPoint=r,this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect")),this._rect.setAttribute("class","svg-selector"),this._rect.setAttribute("x",this._initialPoint.x*e.scaleFactor),this._rect.setAttribute("y",this._initialPoint.y*e.scaleFactor),this._rect.setAttribute("width",0),this._rect.setAttribute("height",0),this._rect.style.strokeWidth=""+1/e.scaleFactor,this._rect.style.strokeDasharray=""+2/e.scaleFactor,e.overlayLayer.addOverlay(this.constructor.name,this._rect,k.Foreground);break;case _.PointerMove:if(this._initialPoint){let l=r.x-this._initialPoint.x,c=r.y-this._initialPoint.y;l>=0?(this._rect.setAttribute("x",this._initialPoint.x),this._rect.setAttribute("width",l)):(this._rect.setAttribute("x",r.x),this._rect.setAttribute("width",-1*l)),c>=0?(this._rect.setAttribute("y",this._initialPoint.y),this._rect.setAttribute("height",c)):(this._rect.setAttribute("y",r.y),this._rect.setAttribute("height",-1*c))}break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let n=e.rootDesignItem.querySelectorAll("*"),o=[];(j(t)||t.shiftKey||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&o.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of n){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._rect.isPointInFill(a);a.x=c.x+c.width,a.y=c.y;let d=h&&this._rect.isPointInFill(a);a.x=c.x,a.y=c.y+c.height;let p=d&&this._rect.isPointInFill(a);if(a.x=c.x+c.width,a.y=c.y+c.height,p&&this._rect.isPointInFill(a)){let m=T.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let f=o.indexOf(m);o.splice(f,1)}}}e.overlayLayer.removeOverlay(this._rect),this._rect=null,this._initialPoint=null,e.instanceServiceContainer.selectionService.setSelectedElements(o,t),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}dispose(){}}});var mn,Ua=g(()=>{"use strict";te();Le();J();$();mn=class{cursor="progress";_pathD;_path;pointerEventHandler(e,t,i){j(t)?this.cursor="copy":t.altKey?this.cursor="default":this.cursor="default";let r=e.getNormalizedEventCoordinates(t);switch(t.type){case _.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-selector"),this._path.style.strokeWidth=""+1/e.scaleFactor,this._path.style.strokeDasharray=""+2/e.scaleFactor,this._pathD="M"+r.x+" "+r.y,this._path.setAttribute("D",this._pathD),e.overlayLayer.addOverlay(this.constructor.name,this._path,k.Foreground);break;case _.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case _.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let n=e.rootDesignItem.querySelectorAll("*"),o=[];(j(t)||t.altKey)&&e.instanceServiceContainer.selectionService.selectedElements&&o.push(...e.instanceServiceContainer.selectionService.selectedElements);let a=e.overlayLayer.createPoint();for(let l of n){let c=e.getNormalizedElementCoordinates(l);a.x=c.x,a.y=c.y;let h=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y;let d=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x,a.y=c.y+c.height;let p=this._path.isPointInFill(a)||this._path.isPointInStroke(a);a.x=c.x+c.width,a.y=c.y+c.height;let u=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&d&&p&&u){let m=T.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let f=o.indexOf(m);o.splice(f,1)}}}e.overlayLayer.removeOverlay(this._path),this._path=null,this._pathD=null,e.instanceServiceContainer.selectionService.setSelectedElements(o),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var un,Ka=g(()=>{"use strict";un=class{cursor="crosshair";async activated(e){try{let r=(await new EyeDropper().open()).sRGBHex;e.globalContext.strokeColor=r}finally{e.globalContext.finishedWithTool(this)}}async pointerEventHandler(e,t,i){}keyboardEventHandler(e,t,i){}dispose(){}}});function Oh(s){let e=document.getSelection();return e.getComposedRanges?e=e.getComposedRanges(s):s.getSelection&&(e=s.getSelection()),e}function Mh(s,e){function t(n){let o=document.createElement("span");e.push(o),n.parentNode.insertBefore(o,n),o.appendChild(n)}function i(n){switch(n.nodeType){case Node.TEXT_NODE:t(n);break;case Node.DOCUMENT_FRAGMENT_NODE:case Node.ELEMENT_NODE:Array.from(n.childNodes).forEach(i);break}}let r=s.extractContents();i(r),s.insertNode(r)}function Hp(s){let e=document.createRange();return e.setStart(s.startContainer,s.startOffset),e.setEnd(s.endContainer,s.endOffset),e}function Nh(s){let e=[];if(s[0]instanceof StaticRange)Mh(Hp(s[0]),e);else{if(!s.rangeCount)return e;let t=s.getRangeAt(0);Mh(t,e)}return s.removeAllRanges&&s.removeAllRanges(),e}var Ya=g(()=>{"use strict"});import{html as Gp}from"@node-projects/base-custom-webcomponent";var Qt,fn=g(()=>{"use strict";ee();$();Ya();sa();ie();Qt=class s extends L{static template=Gp`
|
|
299
299
|
<div style="height: 100%; display: flex; gap: 2px; width: 100%;">
|
|
300
300
|
<button data-command="font-weight" data-command-parameter="800" style="pointer-events: auto; height: 24px; width: 24px; padding: 0; font-weight: 900;">b</button>
|
|
301
301
|
<button data-command="font-style" data-command-parameter="italic" style="pointer-events: auto; height: 24px; width: 24px; padding: 0;"><em>i</em></button>
|
package/package.json
CHANGED