@node-projects/web-component-designer 0.1.302 → 0.1.303
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.
|
@@ -13,6 +13,8 @@ export class ZoomTool {
|
|
|
13
13
|
const eventPoint = designerCanvas.getNormalizedEventCoordinates(event);
|
|
14
14
|
switch (event.type) {
|
|
15
15
|
case EventNames.PointerDown:
|
|
16
|
+
event.target.setPointerCapture(event.pointerId);
|
|
17
|
+
designerCanvas.captureActiveTool(this);
|
|
16
18
|
this._startPoint = eventPoint;
|
|
17
19
|
if (!this._rect)
|
|
18
20
|
this._rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
@@ -48,6 +50,8 @@ export class ZoomTool {
|
|
|
48
50
|
}
|
|
49
51
|
break;
|
|
50
52
|
case EventNames.PointerUp:
|
|
53
|
+
event.target.releasePointerCapture(event.pointerId);
|
|
54
|
+
designerCanvas.releaseActiveTool();
|
|
51
55
|
this._endPoint = eventPoint;
|
|
52
56
|
let isLeftClick = event.button == 0;
|
|
53
57
|
switch (event.button) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomTool.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/tools/ZoomTool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAI7D,MAAM,OAAO,QAAQ;IAEnB,MAAM,GAAW,SAAS,CAAC;IAEnB,KAAK,CAAiB;IAEtB,WAAW,CAAS;IACpB,SAAS,CAAS;IAElB,yBAAyB,GAAW,CAAC,CAAC;IACtC,aAAa,GAAW,GAAG,CAAC,CAAC,iCAAiC;IAEtE,SAAS,CAAC,gBAAkC;IAC5C,CAAC;IAED,mBAAmB,CAAC,cAA+B,EAAE,KAAmB,EAAE,cAAuB;QAC/F,MAAM,UAAU,GAAG,cAAc,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAEvE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,UAAU,CAAC,WAAW;
|
|
1
|
+
{"version":3,"file":"ZoomTool.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/tools/ZoomTool.ts"],"names":[],"mappings":"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"}
|
package/dist/index-min.js
CHANGED
|
@@ -295,7 +295,7 @@ var _d=Object.defineProperty;var u=(s,e)=>()=>(s&&(e=s(s=0)),e);var bd=(s,e)=>{f
|
|
|
295
295
|
.svg-primary-rotate { stroke: #3899ec; fill: white; stroke-width: 1; pointer-events: all; cursor: alias; }
|
|
296
296
|
.svg-primary-rotate-transparent { fill: transparent; pointer-events: all; cursor: alias; }
|
|
297
297
|
.svg-primary-rotate-line { stroke: #3899ec; fill: #3899ec; stroke-width: 1; }
|
|
298
|
-
`}});var sn,Ma=u(()=>{"use strict";ee();Z();sn=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 x.PointerDown: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,I.Foreground);break;case x.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 x.PointerUp: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 on,Oa=u(()=>{"use strict";ee();on=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case x.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case x.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 x.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var S,Qe=u(()=>{"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"})(S||(S={}))});var an,Na=u(()=>{"use strict";Qe();q();an=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"copy",icon:`<img src="${v+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:S.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${v+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:S.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${v+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:S.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${v+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:S.delete})},shortCut:"Del",disabled:i===null}]}}});var ln,La=u(()=>{"use strict";Qe();$();q();ln=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="${v+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:S.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${v+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:S.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${v+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:S.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${v+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:S.moveToBack})}}]}}});function Ch(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 g=o.getNormalizedElementCoordinates(p.element);g.x<a&&(a=g.x),g.y<l&&(l=g.y),g.x+g.width>c&&(c=g.x+g.width),g.y+g.height>h&&(h=g.y+g.height)}let d=o.getNormalizedElementCoordinates(e.element);for(let p of s){let g=o.getNormalizedElementCoordinates(p.element);p.remove(),t?(p.setStyle("left",(g.x-a+i).toString()+"px"),p.setStyle("top",(g.y-l+i).toString()+"px")):(p.setStyle("left",(g.x-d.x).toString()+"px"),p.setStyle("top",(g.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 Ra=u(()=>{"use strict"});var cn,Fa=u(()=>{"use strict";Ra();Q();cn=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"),Ch(n,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var Ei,za=u(()=>{"use strict";ee();Ne();Q();Z();Ei=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 x.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,I.Foreground);break;case x.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 x.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 hn,Ba=u(()=>{"use strict";ee();Ne();Q();Z();hn=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 x.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,I.Foreground);break;case x.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case x.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 g=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&d&&p&&g){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 dn,Va=u(()=>{"use strict";dn=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 Ah(s){let e=document.getSelection();return e.getComposedRanges?e=e.getComposedRanges(s):s.getSelection&&(e=s.getSelection()),e}function Eh(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 yp(s){let e=document.createRange();return e.setStart(s.startContainer,s.startOffset),e.setEnd(s.endContainer,s.endOffset),e}function Ph(s){let e=[];if(s[0]instanceof StaticRange)Eh(yp(s[0]),e);else{if(!s.rangeCount)return e;let t=s.getRangeAt(0);Eh(t,e)}return s.removeAllRanges&&s.removeAllRanges(),e}var Ha=u(()=>{"use strict"});import{html as vp}from"@node-projects/base-custom-webcomponent";var Xt,pn=u(()=>{"use strict";J();Z();Ha();ta();te();Xt=class s extends N{static template=vp`
|
|
298
|
+
`}});var sn,Ma=u(()=>{"use strict";ee();Z();sn=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 x.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,I.Foreground);break;case x.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 x.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 on,Oa=u(()=>{"use strict";ee();on=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case x.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case x.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 x.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var S,Qe=u(()=>{"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"})(S||(S={}))});var an,Na=u(()=>{"use strict";Qe();q();an=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"copy",icon:`<img src="${v+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:S.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${v+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:S.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${v+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:S.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${v+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:S.delete})},shortCut:"Del",disabled:i===null}]}}});var ln,La=u(()=>{"use strict";Qe();$();q();ln=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="${v+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:S.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${v+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:S.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${v+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:S.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${v+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:S.moveToBack})}}]}}});function Ch(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 g=o.getNormalizedElementCoordinates(p.element);g.x<a&&(a=g.x),g.y<l&&(l=g.y),g.x+g.width>c&&(c=g.x+g.width),g.y+g.height>h&&(h=g.y+g.height)}let d=o.getNormalizedElementCoordinates(e.element);for(let p of s){let g=o.getNormalizedElementCoordinates(p.element);p.remove(),t?(p.setStyle("left",(g.x-a+i).toString()+"px"),p.setStyle("top",(g.y-l+i).toString()+"px")):(p.setStyle("left",(g.x-d.x).toString()+"px"),p.setStyle("top",(g.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 Ra=u(()=>{"use strict"});var cn,Fa=u(()=>{"use strict";Ra();Q();cn=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"),Ch(n,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var Ei,za=u(()=>{"use strict";ee();Ne();Q();Z();Ei=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 x.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,I.Foreground);break;case x.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 x.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 hn,Ba=u(()=>{"use strict";ee();Ne();Q();Z();hn=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 x.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,I.Foreground);break;case x.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case x.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 g=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&d&&p&&g){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 dn,Va=u(()=>{"use strict";dn=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 Ah(s){let e=document.getSelection();return e.getComposedRanges?e=e.getComposedRanges(s):s.getSelection&&(e=s.getSelection()),e}function Eh(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 yp(s){let e=document.createRange();return e.setStart(s.startContainer,s.startOffset),e.setEnd(s.endContainer,s.endOffset),e}function Ph(s){let e=[];if(s[0]instanceof StaticRange)Eh(yp(s[0]),e);else{if(!s.rangeCount)return e;let t=s.getRangeAt(0);Eh(t,e)}return s.removeAllRanges&&s.removeAllRanges(),e}var Ha=u(()=>{"use strict"});import{html as vp}from"@node-projects/base-custom-webcomponent";var Xt,pn=u(()=>{"use strict";J();Z();Ha();ta();te();Xt=class s extends N{static template=vp`
|
|
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: all; 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: all; height: 24px; width: 24px; padding: 0;"><em>i</em></button>
|
package/package.json
CHANGED