@node-projects/web-component-designer 0.1.347 → 0.1.348

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.
Files changed (8) hide show
  1. package/dist/elements/helper/contextMenu/ContextMenu.js +11 -1
  2. package/dist/elements/helper/contextMenu/ContextMenu.js.map +1 -1
  3. package/dist/elements/helper/contextMenu/IContextMenuItem.d.ts +2 -1
  4. package/dist/elements/helper/contextMenu/IContextMenuItem.js.map +1 -1
  5. package/dist/elements/widgets/designerView/DomConverter.d.ts +1 -1
  6. package/dist/index-min.js +5 -5
  7. package/dist/index-min.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index-min.js CHANGED
@@ -1,9 +1,9 @@
1
- var rp=Object.defineProperty;var g=(n,e)=>()=>(n&&(e=n(n=0)),e);var np=(n,e)=>{for(var t in e)rp(n,t,{get:e[t],enumerable:!0})};import{TypedEvent as fp}from"@node-projects/base-custom-webcomponent";var Xt,mr=g(()=>{"use strict";Xt=class{_services=new Map;servicesChanged=new fp;getLastService(e){let t=this._services.get(e);return t&&t.length?t[t.length-1]:null}getServices(e){return this._services.get(e)}register(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).push(t),this.servicesChanged.emit({serviceName:e})}registerLast(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).unshift(t),this.servicesChanged.emit({serviceName:e})}registerMultiple(e,t){for(let i of e)this._services.has(i)||this._services.set(i,[]),this._services.get(i).push(t),this.servicesChanged.emit({serviceName:i})}forSomeServicesTillResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r],o=t(s);if(o!=null)return o}return null}getLastServiceWhere(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r];if(t(s))return s}return null}getLastServiceResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r],o=t(s);if(o)return o}return null}async getLastServiceWhereAsync(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r];if(await t(s))return s}return null}}});import{BaseCustomWebComponentLazyAppend as gp,css as yp}from"@node-projects/base-custom-webcomponent";var Pi,Uo=g(()=>{"use strict";Pi=class extends gp{_placeholder;_loading;static style=yp`:host{display:block;overflow:hidden;background:#fff;height:100%;width:100%;position:relative}#placeholder{position:absolute;left:24px;height:100%;width:calc(100% - 24px)}#loading{position:absolute;top:60px;left:20px}#left{position:absolute;left:0;top:0;height:100%;width:24px;border-right:solid #fff 1px;box-sizing:border-box;background:#000}span{color:#fff;rotate:270deg;display:block;position:absolute;top:35px;left:-38px;font-weight:600;font-family:monospace;font-size:24px}`;constructor(){super(),this._placeholder=document.createElement("div"),this._placeholder.id="placeholder",this._placeholder.style.transform="scale(1)",this.shadowRoot.appendChild(this._placeholder),this._loading=document.createElement("div"),this._loading.id="loading",this._loading.textContent="\u{1F6C0} Hold on, loading...",this.shadowRoot.appendChild(this._loading);let e=document.createElement("div");e.id="left";let t=document.createElement("span");t.innerText="PREVIEW",e.appendChild(t),this.shadowRoot.appendChild(e)}dispose(){}executeCommand;canExecuteCommand;async display(e,t,i,r){this._loading.hidden=!1,await e.demoProviderService.provideDemo(this._placeholder,e,t,i,r),this._loading.hidden=!0}};customElements.define("node-projects-demo-view",Pi)});import{PropertyChangedArgs as ur,TypedEvent as Ii}from"@node-projects/base-custom-webcomponent";var fr,Oh=g(()=>{"use strict";fr=class{_serviceContainer;_tool;_strokeColor="black";_strokeThickness="3";_fillBrush="transparent";constructor(e){this._serviceContainer=e}set tool(e){if(this._tool!==e){let t=this._tool;t&&t.dispose(),this._tool=e;let i=null;for(let r of this._serviceContainer.designerTools)r[1]==e&&(i=r[0]);this.onToolChanged.emit(new ur({name:i,tool:e},{name:null,tool:t})),this._tool&&this._tool.activated(this._serviceContainer)}}get tool(){return this._tool}onToolChanged=new Ii;finishedWithTool=()=>this.tool=null;set strokeColor(e){if(this._strokeColor!==e){let t=this._strokeColor;this._strokeColor=e,this.onStrokeColorChanged.emit(new ur(e,t))}}get strokeColor(){return this._strokeColor}onStrokeColorChanged=new Ii;set strokeThickness(e){if(this._strokeThickness!==e){let t=this._strokeThickness;this._strokeThickness=e,this.onStrokeThicknessChanged.emit(new ur(e,t))}}get strokeThickness(){return this._strokeThickness}onStrokeThicknessChanged=new Ii;set fillBrush(e){if(this._fillBrush=e,this._fillBrush!==e){let t=this._fillBrush;this._fillBrush=e,this.onFillBrushChanged.emit(new ur(e,t))}}get fillBrush(){return this._fillBrush}onFillBrushChanged=new Ii;showConfigClicked=new Ii}});import{BaseCustomWebComponentConstructorAppend as vp,css as xp,html as _p,TypedEvent as bp}from"@node-projects/base-custom-webcomponent";var Di,Ko=g(()=>{"use strict";Di=class extends vp{dispose(){}canvasElement;elementsToPackages;onTextChanged=new bp;_text;static style=xp`:host{display:block;height:100%;width:100%}textarea{height:100%;width:100%;resize:none;white-space:nowrap;box-sizing:border-box}`;static template=_p`<div id="container" style="width:100%;height:100%;position:absolute"><textarea id="text"></textarea></div>`;executeCommand(e){}canExecuteCommand(e){return!1}async ready(){this._text=this._getDomElement("text")}focusEditor(){requestAnimationFrame(()=>{this.focus(),this._text.focus()})}activated(){}update(e){this._text.value=e}getText(){return this._text.value}setSelection(e){this._text.setSelectionRange(e.start,e.start+e.length)}};customElements.define("node-projects-code-view-simple",Di)});var Sp,gr,Yo=g(()=>{"use strict";mr();Uo();Oh();Ko();Sp=!!(navigator.maxTouchPoints&&navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome")),gr=class extends Xt{config={codeViewWidget:Di,demoViewWidget:Pi};designerExtensions=new Map;removeDesignerExtensionOfType(e,t){let i=this.designerExtensions.get(e);for(let r=0;r<i.length;r++)i[r].constructor===t&&i.splice(r,1)}instanceServiceContainerCreatedCallbacks=[];designViewConfigButtons=[];designViewToolbarButtons=[];designerPointerExtensions=[];designerContextMenuExtensions;overlayLayerViewAdditionalStyles=[];globalContext=new fr(this);options={zoomDesignerBackground:!0,roundPixelsToDecimalPlaces:0,resizerPixelSize:Sp?8:3};designerTools=new Map;get bindingService(){return this.getLastService("bindingService")}get bindableObjectsServices(){return this.getServices("bindableObjectsService")}get bindableObjectDragDropService(){return this.getLastService("bindableObjectDragDropService")}get propertyGridDragDropService(){return this.getLastService("propertyGridDragDropService")}get dragDropService(){return this.getLastService("dragDropService")}get elementInteractionServices(){return this.getServices("elementInteractionService")}get propertiesServices(){return this.getServices("propertyService")}get attachedPropertyServices(){return this.getServices("attachedPropertyService")}get propertyGroupService(){return this.getLastService("propertyGroupsService")}get containerServices(){return this.getServices("containerService")}get snaplinesProviderService(){return this.getLastService("snaplinesProviderService")}get elementsServices(){return this.getServices("elementsService")}get eventsService(){return this.getServices("eventsService")}get instanceServices(){return this.getServices("instanceService")}get editorTypesServices(){return this.getServices("editorTypesService")}get htmlWriterService(){return this.getLastService("htmlWriterService")}get htmlParserService(){return this.getLastService("htmlParserService")}get intializationService(){return this.getLastService("intializationService")}get elementAtPointService(){return this.getLastService("elementAtPointService")}get externalDragDropService(){return this.getLastService("externalDragDropService")}get copyPasteService(){return this.getLastService("copyPasteService")}get modelCommandService(){return this.getLastService("modelCommandService")}get demoProviderService(){return this.getLastService("demoProviderService")}get designItemService(){return this.getLastService("designItemService")}get configUiServices(){return this.getServices("configUiService")}get refactorServices(){return this.getServices("refactorService")}get deletionService(){return this.getLastService("deletionService")}get referencesChangedService(){return this.getLastService("referencesChangedService")}get miniatureViewService(){return this.getLastService("miniatureViewService")}get pngCreatorService(){return this.getLastService("pngCreatorService")}get searchService(){return this.getLastService("searchService")}}});var F,_e=g(()=>{"use strict";F=class{static isTypescriptEnum(e){if(e&&typeof e=="object"&&e.constructor==Object){for(let t in e){let i=typeof e[t];if(i!=="string"&&i!=="number")return!1}return!0}return!1}static getTypescriptEnumEntries(e){let t=[];for(let i in e)isNaN(i)&&t.push([i,e[i]]);return t}static camelToDashCase(e){return e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`)}static dashToCamelCase(e){return e.replace(/-([a-z])/g,t=>t[1].toUpperCase())}}});var H,nt=g(()=>{"use strict";(function(n){n.none="none",n.all="all",n.some="some",n.bound="bound",n.fromStylesheet="fromStylesheet"})(H||(H={}))});var L,Be=g(()=>{"use strict";(function(n){n.explicitProperty="explicitProperty",n.property="property",n.attribute="attribute",n.class="class",n.css="css",n.cssvar="cssvar",n.event="event",n.content="content",n.visible="visible"})(L||(L={}))});var v,pe=g(()=>{"use strict";(function(n){n.property="property",n.attribute="attribute",n.propertyAndAttribute="propertyAndAttribute",n.cssValue="cssvalue",n.complex="complex",n.add="add"})(v||(v={}))});var I,Q=g(()=>{"use strict";(function(n){n[n.Element=1]="Element",n[n.Attribute=2]="Attribute",n[n.TextNode=3]="TextNode",n[n.Comment=8]="Comment",n[n.Document=9]="Document",n[n.DocumentFragment=11]="DocumentFragment"})(I||(I={}))});function Ff(n){return n.getRootNode()?.host?.localName=="node-projects-designer-canvas"}function yr(n,e){return e.createRange().createContextualFragment(n,{includeShadowRoots:!0}).firstChild}function yt(n,e){return n instanceof e||n instanceof(n.ownerDocument.defaultView??window)[e.name]}function ki(n,...e){for(let t of e)if(n instanceof t||n instanceof(n.ownerDocument.defaultView??window)[t.name])return!0;return!1}function It(n){return n==null||ki(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function Dt(n){return n==null||ki(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function Nh(n){if(ki(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)||yt(n,MathMLElement))return De.block;let e=(n.ownerDocument.defaultView??window).getComputedStyle(n).display;return e=="none"?De.none:e.startsWith("inline")?De.inline:De.block}function vr(n){return n.textContent.trim()==""&&n.textContent.indexOf("\xA0")<0}function zf(){let n=document.activeElement,e=null;for(;n!=e;)e=n,n.shadowRoot!=null&&n.shadowRoot.activeElement&&(n=n.shadowRoot.activeElement);return n}function Lh(n){return n.assignedSlot?n.assignedSlot:n.parentElement==null&&yt(n.parentNode,ShadowRoot)?n.parentNode.host:n.parentElement}function Bf(n){let e=Lh(n);for(;e;){let t=(n.ownerDocument.defaultView??window).getComputedStyle(n);if(t.position==="absolute"||t.position==="relative"||t.position==="fixed")return e;e=Lh(e)}return document.body}function Vf(n){if(yt(n,HTMLElement))return{x:n.offsetLeft,y:n.offsetTop};{let e=G(n),t=G(n.parentElement);return{x:e.x-t.x,y:e.y-t.y}}}function G(n){let e=n.getBoundingClientRect();if(e.width==0&&e.height==0&&(n.ownerDocument.defaultView??window).getComputedStyle(n).display=="contents")if(n.shadowRoot)for(let i of n.shadowRoot.children){let r=G(i);e=new DOMRect(Math.min(e.x,r.x),Math.min(e.y,r.y),Math.max(e.width,r.width),Math.max(e.height,r.height))}else for(let i of n.children){let r=G(i);e=new DOMRect(Math.min(e.x,r.x),Math.min(e.y,r.y),Math.max(e.width,r.width),Math.max(e.height,r.height))}return e}function Hf(n,e,t={}){let i=0,r=0,s;t?s=t[wp]??=new Map:s=new Map;let o=[],a=n;for(;a;){let l=s.get(a);if(l){i+=l.offsetLeft,r+=l.offsetTop,o.forEach(u=>{u.offsetLeft+=l.offsetLeft,u.offsetTop+=l.offsetTop});break}let c=a.offsetParent?a.offsetParent:a.getRootNode().host;ki(a,SVGSVGElement,HTMLBodyElement,HTMLHtmlElement)?c=a.parentElement?a.parentElement:a.getRootNode().host:yt(a,SVGGraphicsElement)?c=a.ownerSVGElement:yt(a,MathMLElement)&&(c=a.parentElement??c);let h=0,d=0;if(yt(a,HTMLElement)){let u=a.parentElement;for(;u!==null&&u!==c;)h+=u.scrollLeft,d+=u.scrollTop,u=u.parentElement}c&&(h+=c.scrollLeft,d+=c.scrollTop);let p=0,f=0;if(ki(a,SVGSVGElement,MathMLElement)){let u=a.style.transform;a.style.transform="";let y=a.getBoundingClientRect(),x=a.parentElement?a.parentElement.getBoundingClientRect():a.getRootNode().host.getBoundingClientRect();a.style.transform=u,p=(y.left-x.left)/e,f=(y.top-x.top)/e}else if(yt(a,SVGGraphicsElement)){let u=a.getBBox();p=u.x,f=u.y}else if(n==a&&(n===n.ownerDocument.body||yt(n,HTMLHtmlElement))){let u=(n.ownerDocument.defaultView??window).getComputedStyle(n);p=n.offsetLeft-h+parseInt(u.marginLeft),f=n.offsetTop-d+parseInt(u.marginTop)}else p=a.offsetLeft-h,f=a.offsetTop-d;o.forEach(u=>{u.offsetLeft+=p,u.offsetTop+=f});let m={offsetLeft:p,offsetTop:f};o.push(m),s.set(a,m),i+=p,r+=f,a=c}return{offsetLeft:i,offsetTop:r}}function Rh(n){let e=parseInt(getComputedStyle(n).paddingLeft.replace("px",""))+parseInt(getComputedStyle(n).marginLeft.replace("px",""))+parseInt(getComputedStyle(n).borderLeft.replace("px",""))+parseInt(getComputedStyle(n).paddingRight.replace("px",""))+parseInt(getComputedStyle(n).marginRight.replace("px",""))+parseInt(getComputedStyle(n).borderRight.replace("px","")),t=parseInt(getComputedStyle(n).paddingTop.replace("px",""))+parseInt(getComputedStyle(n).marginTop.replace("px",""))+parseInt(getComputedStyle(n).borderTop.replace("px",""))+parseInt(getComputedStyle(n).paddingBottom.replace("px",""))+parseInt(getComputedStyle(n).marginBottom.replace("px",""))+parseInt(getComputedStyle(n).borderBottom.replace("px",""));return{x:e,y:t}}function kt(n,e){let t={x:Number.MAX_VALUE,y:Number.MAX_VALUE},i={x:Number.MIN_VALUE,y:Number.MIN_VALUE},r;for(let s of n)s.nodeType==I.TextNode||s.nodeType==I.Comment||(r={x:e.getNormalizedElementCoordinates(s.element).x,y:e.getNormalizedElementCoordinates(s.element).y,width:e.getNormalizedElementCoordinates(s.element).width,height:e.getNormalizedElementCoordinates(s.element).height},r.x<t.x&&(t.x=r.x),r.y<t.y&&(t.y=r.y),r.x+r.width>i.x&&(i.x=r.x+r.width),r.y+r.height>i.y&&(i.y=r.y+r.height));return{x:t.x,y:t.y,width:i.x-t.x,height:i.y-t.y}}var De,wp,oe=g(()=>{"use strict";Q();(function(n){n[n.none=0]="none",n[n.inline=1]="inline",n[n.block=2]="block"})(De||(De={}));wp=Symbol("windowOffsetsCacheKey")});var q,Ae=g(()=>{"use strict";nt();_e();Be();pe();Q();oe();q=class n{constructor(e){this._recreateElementsOnPropertyChange=e}_recreateElementsOnPropertyChange=!1;static _stylesCache=new Map;_cssCacheClearTimer;static _bindingsCache=new Map;static _bindingsCacheClearTimer;_notifyChangedProperty(e,t,i){}async getProperty(e,t){let i=await this.getProperties(e);return"properties"in i[0]?i.flatMap(r=>r.properties).find(r=>r.name==t):i.find(r=>r.name==t)}async setValue(e,t,i){let r=e[0].openGroup("property changed: "+t.name+" to "+i);for(let s of e)if(this.isHandledElement(s)&&this.getProperty(s,t.name)){if(t.propertyType==v.cssValue)await s.updateStyleInSheetOrLocalAsync(t.propertyName??t.name,i),s.element.setAttribute("style",s.element.getAttribute("style"));else{let o=t.attributeName;if(o||(o=F.camelToDashCase(t.name)),t.type==="object"){let a=JSON.stringify(i);t.propertyType==v.propertyAndAttribute?s.setPropertyAndAttribute(t.name,a):t.propertyType==v.attribute?s.setAttribute(o,a):t.propertyType==v.property&&s.setProperty(t.name,i)}else t.type=="boolean"&&(i===!1||i==null)?((t.propertyType==v.attribute||t.propertyType==v.propertyAndAttribute)&&s.removeAttribute(o),(t.propertyType==v.property||t.propertyType==v.propertyAndAttribute)&&s.setProperty(t.name,!1)):t.type=="boolean"&&i===!0?((t.propertyType==v.attribute||t.propertyType==v.propertyAndAttribute)&&s.setAttribute(o,""),(t.propertyType==v.property||t.propertyType==v.propertyAndAttribute)&&s.setProperty(t.name,!0)):t.propertyType==v.propertyAndAttribute?s.setPropertyAndAttribute(t.name,i):t.propertyType==v.attribute?s.setAttribute(o,i.toString()):t.propertyType==v.property&&s.setProperty(t.name,i)}this._notifyChangedProperty(s,t,i)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}getPropertyTarget(e,t){return t.propertyType==v.attribute?L.attribute:t.propertyType==v.cssValue?L.css:L.property}clearValue(e,t,i){let r=e[0].openGroup("property cleared: "+t.name);for(let s of e){if(i!="binding"){if(t.propertyType==v.cssValue)s.removeStyle(t.propertyName??t.name);else if((t.propertyType==v.property||t.propertyType==v.propertyAndAttribute)&&(s.element[t.propertyName??t.name]=null),t.propertyType==v.attribute||t.propertyType==v.propertyAndAttribute){let o=t.attributeName;o||(o=F.camelToDashCase(t.name)),s.removeAttribute(o)}}i!="value"&&s.serviceContainer.forSomeServicesTillResult("bindingService",o=>o.clearBinding(s,t.name,this.getPropertyTarget(s,t))),this._notifyChangedProperty(s,t,void 0)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){let s=t.attributeName;s||(s=F.camelToDashCase(t.name));for(let a of e){let l=!1;if(t.propertyType==v.cssValue?l=a.hasStyle(t.name):l=a.hasAttribute(s),i=i&&l,r=r||l,!i&&r)break}let o=n.getOrBuildCachedBindings(e[0]);if(t.propertyType==v.cssValue){if(o&&o.find(a=>(a.target==L.css||a.target==L.cssvar)&&a.targetName==t.name))return H.bound}else if(t.propertyType==v.attribute){if(o&&o.find(a=>a.target==L.attribute&&a.targetName==t.name))return H.bound}else if(t.propertyType==v.property){if(o&&o.find(a=>(a.target==L.property||a.target==L.explicitProperty)&&a.targetName==t.name))return H.bound}else if(o&&o.find(a=>(a.target==L.property||a.target==L.explicitProperty||a.target==L.attribute)&&a.targetName==t.name))return H.bound;if(!i&&t.propertyType==v.cssValue){let a=n._stylesCache.get(e[0]);if(a||(a=new Set(e[0].getAllStyles().filter(c=>c.selector!=null).flatMap(c=>c.declarations).map(c=>c.name)),n._stylesCache.set(e[0],a),clearTimeout(this._cssCacheClearTimer),this._cssCacheClearTimer=setTimeout(()=>n._stylesCache.clear(),30)),a.has(t.propertyName??t.name))return H.fromStylesheet}}else return H.none;return i?H.all:r?H.some:H.none}static getOrBuildCachedBindings(e){let t=n._bindingsCache.get(e);if(!t){let i=e.serviceContainer.getServices("bindingService");if(t=[],i)for(let r of i){let s=r.getBindings(e);s&&s.length>0&&t.push(...s)}n._bindingsCache.set(e,t),clearTimeout(this._bindingsCacheClearTimer),this._bindingsCacheClearTimer=setTimeout(()=>n._bindingsCache.clear(),30)}return t}getValue(e,t){if(e!=null&&e.length!==0)if(t.propertyType==v.cssValue){let i=e[0].getStyle(t.propertyName??t.name);for(let r of e)if(r.getStyle(t.name)!=i){i=null;break}return i}else if(t.propertyType==v.property){let i=t.propertyName;return i||(i=F.dashToCamelCase(t.name)),e[0].element[i]}else{let i=t.attributeName;if(i||(i=F.camelToDashCase(t.name)),t.type=="boolean"){if(e[0].hasAttribute(i)){let s=e[0].getAttribute(i);return s==""?!0:s}return!1}return e[0].getAttribute(i)}return null}getBinding(e,t){let i=n.getOrBuildCachedBindings(e[0]);return i!=null?t.propertyType==v.cssValue?i.find(r=>(r.target==L.css||r.target==L.cssvar)&&r.targetName==t.name):t.propertyType==v.attribute?i.find(r=>r.target==L.attribute&&r.targetName==t.name):t.propertyType==v.property?i.find(r=>(r.target==L.property||r.target==L.explicitProperty)&&r.targetName==t.name):i.find(r=>(r.target==L.property||r.target==L.explicitProperty||r.target==L.attribute)&&r.targetName==t.name):null}getUnsetValue(e,t){return t.propertyType==v.cssValue?e!=null&&e.length!==0&&e[0].nodeType==I.Element?window.getComputedStyle(e[0].element)[t.propertyName??t.name]:null:t.defaultValue}static recreateElements(e,t){for(let i of t){if(!e.isHandledElement(i))continue;let r="<"+i.name+" ";for(let o of i.element.attributes)r+=o.name+'="'+o.value.replaceAll('"',"&quot;")+'" ';r+="></"+i.name+">";let s=yr(r,t[0].document);for(let o of[...i.element.childNodes])s.appendChild(o);s.style.pointerEvents="auto",i.node.insertAdjacentElement("beforebegin",s),i.node.parentNode&&i.node.parentNode.removeChild(i.node),i.replaceNode(s)}}getContextMenu(e,t){let i=[{title:"clear",action:r=>{t.service.clearValue(e,t,"value"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}},{title:"edit as text",action:(r,s,o,a)=>{a.close(),setTimeout(async()=>{let l=t.service.getValue(e,t),c=prompt(`edit value of '${t.name}' as string:`,l);c&&c!=l&&await t.service.setValue(e,t,c),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)},10)}}];return e[0].serviceContainer.config.openBindingsEditor&&(i.push({title:"-"},{title:"edit binding",action:()=>{let r=t.service.getPropertyTarget(e[0],t),s=t.service.getBinding(e,t);e[0].serviceContainer.config.openBindingsEditor(t,e,s,r)}}),t.service.isSet(e,t)==H.bound&&i.push({title:"clear binding",action:()=>{t.service.clearValue(e,t,"binding"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}})),i}}});var W,me=g(()=>{"use strict";(function(n){n[n.none=0]="none",n[n.full=1]="full",n[n.fullOnValueChange=2]="fullOnValueChange",n[n.fullOnClassChange=3]="fullOnClassChange"})(W||(W={}))});var Ue,Zt=g(()=>{"use strict";_e();Ae();pe();me();Ue=class extends q{getRefreshMode(e){return W.fullOnClassChange}async getProperties(e){return this.isHandledElement(e)&&e.element?.constructor?.properties?this.parseProperties(e.element.constructor.properties):null}parseProperties(e){let t=[],i=Object.keys(e),r=Object.groupBy(i,s=>e[s].group??"");for(let s in r){let o={name:s,properties:[]};for(let a of r[s]){let l=e[a],c=l,h=null,d=null,p=!1,f=v.propertyAndAttribute;if(l.type&&(c=l.type,h=l.description,d=l.example,p=l.readonly,f=l.readonly?v.property:v.propertyAndAttribute),c===String){let m={name:a,type:"string",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Object){let m={name:a,type:"object",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Number){let m={name:a,type:"number",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Date){let m={name:a,type:"date",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Boolean){let m={name:a,type:"boolean",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(F.isTypescriptEnum(c)){let m={name:a,type:"enum",enumValues:F.getTypescriptEnumEntries(c),service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(typeof c=="string"){let m={name:a,type:c,service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else{let m={name:a,type:"string",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}}o.name==""?t.push(...o.properties):t.push(o)}return t}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var xr,Xo=g(()=>{"use strict";Zt();xr=class extends Ue{name="polymer";isHandledElement(e){return e.element.constructor.polymerElementVersion!=null}_notifyChangedProperty(e,t,i){e.element.set(t.name,i)}}});var _r,Zo=g(()=>{"use strict";Zt();_r=class extends Ue{name="lit";isHandledElement(e){let t=e.element.constructor.__proto__;for(;t!=null;){if(t.name=="LitElement")return!0;if(t.name==null||t.name=="HTMLElement"||t.name=="Element"||t.name=="Node"||t.name=="HTMLElement")return!1;t=t.__proto__}return!1}_notifyChangedProperty(e,t,i){}}});var br,qo=g(()=>{"use strict";pe();me();Ae();br=class extends q{inputProperties=[{name:"type",type:"list",values:["text","number","button","checkbox","color","date","datetime-local","email","file","hidden","image","month","password","radio","range","reset","search","submit","tel","time","url","week"],service:this,defaultValue:"text",propertyType:v.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"placeholder",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"checked",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"valueAsDate",type:"string",service:this,propertyType:v.property},{name:"valueAsNumber",type:"string",service:this,propertyType:v.property}];textareaProperties=[{name:"value",type:"string",service:this,propertyType:v.property},{name:"placeholder",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"maxlength",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"cols",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"rows",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"resize",type:"list",values:["both","none","horizontal","vertical"],service:this,propertyType:v.cssValue}];selectProperties=[{name:"value",type:"string",service:this,propertyType:v.property},{name:"size",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"multiple",type:"boolean",service:this,propertyType:v.propertyAndAttribute}];buttonProperties=[{name:"type",type:"list",values:["button","submit","reset"],service:this,defaultValue:"button",propertyType:v.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:v.propertyAndAttribute}];anchorProperties=[{name:"href",type:"string",service:this,propertyType:v.propertyAndAttribute}];divProperties=[{name:"title",type:"string",service:this,propertyType:v.propertyAndAttribute}];imgProperties=[{name:"src",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"alt",type:"string",service:this,propertyType:v.propertyAndAttribute}];iframeProperties=[{name:"src",type:"string",service:this,propertyType:v.propertyAndAttribute}];formElementProperties=[{name:"autofocus",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"disabled",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"required",type:"boolean",service:this,propertyType:v.propertyAndAttribute}];meterProperties=[{name:"value",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"low",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"high",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"optimum",type:"number",service:this,propertyType:v.propertyAndAttribute}];name="native";getRefreshMode(e){return W.full}isHandledElement(e){switch(e.element.localName){case"input":case"textarea":case"select":case"button":case"a":case"div":case"span":case"br":case"img":case"iframe":case"meter":case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":case"p":return!0}return!1}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"input":return[...this.inputProperties,...this.formElementProperties];case"textarea":return[...this.textareaProperties,...this.formElementProperties];case"select":return[...this.selectProperties,...this.formElementProperties];case"button":return[...this.buttonProperties,...this.formElementProperties];case"a":return this.anchorProperties;case"div":return this.divProperties;case"img":return this.imgProperties;case"iframe":return this.iframeProperties;case"meter":return this.meterProperties;case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":case"p":return[]}return null}}});var Ne,qt=g(()=>{"use strict";pe();Ae();me();Ne=class extends q{getRefreshMode(e){return W.none}commonProperties=[{name:"class",type:"string",service:this,attributeName:"class",propertyName:"className",propertyType:v.attribute},{name:"title",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"part",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"tabindex",type:"number",service:this,propertyType:v.propertyAndAttribute}];name="common";isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return this.commonProperties.find(i=>i.name==t)}async getProperties(e){return this.commonProperties}}});var Sr,Qo=g(()=>{"use strict";qt();pe();Sr=class extends Ne{rectProperties=[{name:"x",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"y",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:v.propertyAndAttribute},{name:"fill-opacity",type:"list",values:["0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1"],defaultValue:"1",service:this,propertyType:v.propertyAndAttribute}];lineProperties=[{name:"x1",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"y1",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"x2",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"y2",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute}];ellipseProperties=[{name:"cx",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"cy",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:v.propertyAndAttribute},{name:"fill-opacity",type:"list",values:["0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1"],defaultValue:"1",service:this,propertyType:v.propertyAndAttribute}];pathProperties=[{name:"d",type:"string",defaultValue:"",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute}];svgProperties=[{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:v.cssValue},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:v.cssValue},{name:"viewBox",type:"number",service:this,propertyType:v.cssValue}];defaultProperties=[{name:"stroke",type:"list",values:["black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"currentcolor",service:this,propertyType:v.propertyAndAttribute},{name:"stroke-width",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"stroke-opacity",type:"list",values:["0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1"],defaultValue:"1",service:this,propertyType:v.propertyAndAttribute},{name:"visibility",type:"list",values:["visible","hidden"],defaultValue:"visible",service:this,propertyType:v.propertyAndAttribute}];name="svg";isHandledElement(e){switch(e.element.localName){case"rect":case"line":case"ellipse":case"path":case"svg":return!0}return!1}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"rect":return[...this.rectProperties,...this.defaultProperties];case"line":return[...this.lineProperties,...this.defaultProperties];case"ellipse":return[...this.ellipseProperties,...this.defaultProperties];case"path":return[...this.pathProperties,...this.defaultProperties];case"svg":return this.svgProperties}return null}}});var Qt,$o=g(()=>{"use strict";Qt=class{constructor(e,t,i,r){this.title="Change Css Style "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){this.oldValue===""||this.oldValue==null?(this.designItem._withoutUndoRemoveStyle(this.name),this.name.startsWith("--")?this.designItem.element.style.removeProperty(this.name):this.designItem.element.style[this.name]=""):(this.designItem._withoutUndoSetStyle(this.name,this.oldValue),this.name.startsWith("--")?this.designItem.element.style.setProperty(this.name,this.oldValue):this.designItem.element.style[this.name]=this.oldValue)}do(){this.newValue===""||this.newValue==null?(this.designItem._withoutUndoRemoveStyle(this.name),this.name.startsWith("--")?this.designItem.element.style.removeProperty(this.name):this.designItem.element.style[this.name]=""):(this.designItem._withoutUndoSetStyle(this.name,this.newValue),this.name.startsWith("--")?this.designItem.element.style.setProperty(this.name,this.newValue):this.designItem.element.style[this.name]=this.newValue)}designItem;name;newValue;oldValue;mergeWith(e){return!1}}});var Ti,Jo=g(()=>{"use strict";Ti=class n{constructor(e,t,i,r){this.title="Change Attribute "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){this.oldValue==null?this.designItem._withoutUndoRemoveAttribute(this.name):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.name,this.oldValue):this.designItem._withoutUndoSetAttribute(this.name,this.oldValue.toString())}do(){this.newValue==null?this.designItem._withoutUndoRemoveAttribute(this.name):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.name,this.newValue):this.designItem._withoutUndoSetAttribute(this.name,this.newValue.toString())}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var C,Ve=g(()=>{"use strict";(function(n){n[n.Directly=0]="Directly",n[n.Permanent=1]="Permanent",n[n.Selection=2]="Selection",n[n.PrimarySelection=3]="PrimarySelection",n[n.PrimarySelectionContainer=4]="PrimarySelectionContainer",n[n.MouseOver=5]="MouseOver",n[n.OnlyOneItemSelected=6]="OnlyOneItemSelected",n[n.MultipleItemsSelected=7]="MultipleItemsSelected",n[n.ContainerDragOverAndCanBeEntered=8]="ContainerDragOverAndCanBeEntered",n[n.ContainerExternalDragOverAndCanBeEntered=9]="ContainerExternalDragOverAndCanBeEntered",n[n.ContainerDrag=10]="ContainerDrag",n[n.Doubleclick=11]="Doubleclick",n[n.Placement=12]="Placement",n[n.PrimarySelectionAndCanBeEntered=13]="PrimarySelectionAndCanBeEntered",n[n.PrimarySelectionContainerAndCanBeEntered=14]="PrimarySelectionContainerAndCanBeEntered",n[n.PrimarySelectionRefreshed=15]="PrimarySelectionRefreshed"})(C||(C={}))});var Ke,wr,Cr,ea=g(()=>{"use strict";(function(n){n[n.Name=0]="Name",n[n.Value=1]="Value",n[n.InQuote=2]="InQuote"})(Ke||(Ke={}));wr=class{constructor(e,t){this.name=e.trim(),this.value=t.trim()}name;value},Cr=class{entries=[];parse(e,t="'"){this.entries=[];let i="",r="",s=Ke.Name;for(let o=0;o<e.length;o++){let a=e[o];s===Ke.Name?a===":"?s=Ke.Value:a===";"?i="":i+=a:s===Ke.Value?a===";"?(this.entries.push(new wr(i,r)),i="",r="",s=Ke.Name):(a===t&&(s=Ke.InQuote),r+=a):s===Ke.InQuote&&(a==="\\"?(r+=a,o++,a=e[o],r+=a):a===t?(r+=a,s=Ke.Value):r+=a)}i.trim()!==""&&this.entries.push(new wr(i,r))}}});var vt,ta=g(()=>{"use strict";vt=class{constructor(e,t,i){this.title="Move or Insert Item",this.designItem=e,this.newParent=t,this.newIndex=i}title;get affectedItems(){return this.oldParent?[this.designItem,this.newParent,this.oldParent]:[this.designItem,this.newParent]}undo(){this.oldParent?(this.oldParent._insertChildInternal(this.designItem,this.oldIndex),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"moved",designItems:[this.designItem]})):(this.designItem.parent._removeChildInternal(this.designItem),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:[this.designItem]}))}do(){this.oldParent=this.designItem.parent,this.oldParent&&(this.oldIndex=this.designItem.parent.indexOf(this.designItem)),this.newParent._insertChildInternal(this.designItem,this.newIndex),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:this.oldParent?"moved":"added",designItems:[this.designItem]})}designItem;newParent;newIndex;oldParent;oldIndex;newItem;mergeWith(e){return!1}}});var Er,ia=g(()=>{"use strict";Er=class{_textHolder="";indent=4;level=0;get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
1
+ var rp=Object.defineProperty;var g=(n,e)=>()=>(n&&(e=n(n=0)),e);var np=(n,e)=>{for(var t in e)rp(n,t,{get:e[t],enumerable:!0})};import{TypedEvent as fp}from"@node-projects/base-custom-webcomponent";var Xt,mr=g(()=>{"use strict";Xt=class{_services=new Map;servicesChanged=new fp;getLastService(e){let t=this._services.get(e);return t&&t.length?t[t.length-1]:null}getServices(e){return this._services.get(e)}register(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).push(t),this.servicesChanged.emit({serviceName:e})}registerLast(e,t){this._services.has(e)||this._services.set(e,[]),this._services.get(e).unshift(t),this.servicesChanged.emit({serviceName:e})}registerMultiple(e,t){for(let i of e)this._services.has(i)||this._services.set(i,[]),this._services.get(i).push(t),this.servicesChanged.emit({serviceName:i})}forSomeServicesTillResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r],o=t(s);if(o!=null)return o}return null}getLastServiceWhere(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r];if(t(s))return s}return null}getLastServiceResult(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r],o=t(s);if(o)return o}return null}async getLastServiceWhereAsync(e,t){let i=this.getServices(e);if(i==null)return null;for(let r=i.length-1;r>=0;r--){let s=i[r];if(await t(s))return s}return null}}});import{BaseCustomWebComponentLazyAppend as gp,css as yp}from"@node-projects/base-custom-webcomponent";var Pi,Uo=g(()=>{"use strict";Pi=class extends gp{_placeholder;_loading;static style=yp`:host{display:block;overflow:hidden;background:#fff;height:100%;width:100%;position:relative}#placeholder{position:absolute;left:24px;height:100%;width:calc(100% - 24px)}#loading{position:absolute;top:60px;left:20px}#left{position:absolute;left:0;top:0;height:100%;width:24px;border-right:solid #fff 1px;box-sizing:border-box;background:#000}span{color:#fff;rotate:270deg;display:block;position:absolute;top:35px;left:-38px;font-weight:600;font-family:monospace;font-size:24px}`;constructor(){super(),this._placeholder=document.createElement("div"),this._placeholder.id="placeholder",this._placeholder.style.transform="scale(1)",this.shadowRoot.appendChild(this._placeholder),this._loading=document.createElement("div"),this._loading.id="loading",this._loading.textContent="\u{1F6C0} Hold on, loading...",this.shadowRoot.appendChild(this._loading);let e=document.createElement("div");e.id="left";let t=document.createElement("span");t.innerText="PREVIEW",e.appendChild(t),this.shadowRoot.appendChild(e)}dispose(){}executeCommand;canExecuteCommand;async display(e,t,i,r){this._loading.hidden=!1,await e.demoProviderService.provideDemo(this._placeholder,e,t,i,r),this._loading.hidden=!0}};customElements.define("node-projects-demo-view",Pi)});import{PropertyChangedArgs as ur,TypedEvent as Ii}from"@node-projects/base-custom-webcomponent";var fr,Oh=g(()=>{"use strict";fr=class{_serviceContainer;_tool;_strokeColor="black";_strokeThickness="3";_fillBrush="transparent";constructor(e){this._serviceContainer=e}set tool(e){if(this._tool!==e){let t=this._tool;t&&t.dispose(),this._tool=e;let i=null;for(let r of this._serviceContainer.designerTools)r[1]==e&&(i=r[0]);this.onToolChanged.emit(new ur({name:i,tool:e},{name:null,tool:t})),this._tool&&this._tool.activated(this._serviceContainer)}}get tool(){return this._tool}onToolChanged=new Ii;finishedWithTool=()=>this.tool=null;set strokeColor(e){if(this._strokeColor!==e){let t=this._strokeColor;this._strokeColor=e,this.onStrokeColorChanged.emit(new ur(e,t))}}get strokeColor(){return this._strokeColor}onStrokeColorChanged=new Ii;set strokeThickness(e){if(this._strokeThickness!==e){let t=this._strokeThickness;this._strokeThickness=e,this.onStrokeThicknessChanged.emit(new ur(e,t))}}get strokeThickness(){return this._strokeThickness}onStrokeThicknessChanged=new Ii;set fillBrush(e){if(this._fillBrush=e,this._fillBrush!==e){let t=this._fillBrush;this._fillBrush=e,this.onFillBrushChanged.emit(new ur(e,t))}}get fillBrush(){return this._fillBrush}onFillBrushChanged=new Ii;showConfigClicked=new Ii}});import{BaseCustomWebComponentConstructorAppend as vp,css as xp,html as _p,TypedEvent as bp}from"@node-projects/base-custom-webcomponent";var ki,Ko=g(()=>{"use strict";ki=class extends vp{dispose(){}canvasElement;elementsToPackages;onTextChanged=new bp;_text;static style=xp`:host{display:block;height:100%;width:100%}textarea{height:100%;width:100%;resize:none;white-space:nowrap;box-sizing:border-box}`;static template=_p`<div id="container" style="width:100%;height:100%;position:absolute"><textarea id="text"></textarea></div>`;executeCommand(e){}canExecuteCommand(e){return!1}async ready(){this._text=this._getDomElement("text")}focusEditor(){requestAnimationFrame(()=>{this.focus(),this._text.focus()})}activated(){}update(e){this._text.value=e}getText(){return this._text.value}setSelection(e){this._text.setSelectionRange(e.start,e.start+e.length)}};customElements.define("node-projects-code-view-simple",ki)});var Sp,gr,Yo=g(()=>{"use strict";mr();Uo();Oh();Ko();Sp=!!(navigator.maxTouchPoints&&navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome")),gr=class extends Xt{config={codeViewWidget:ki,demoViewWidget:Pi};designerExtensions=new Map;removeDesignerExtensionOfType(e,t){let i=this.designerExtensions.get(e);for(let r=0;r<i.length;r++)i[r].constructor===t&&i.splice(r,1)}instanceServiceContainerCreatedCallbacks=[];designViewConfigButtons=[];designViewToolbarButtons=[];designerPointerExtensions=[];designerContextMenuExtensions;overlayLayerViewAdditionalStyles=[];globalContext=new fr(this);options={zoomDesignerBackground:!0,roundPixelsToDecimalPlaces:0,resizerPixelSize:Sp?8:3};designerTools=new Map;get bindingService(){return this.getLastService("bindingService")}get bindableObjectsServices(){return this.getServices("bindableObjectsService")}get bindableObjectDragDropService(){return this.getLastService("bindableObjectDragDropService")}get propertyGridDragDropService(){return this.getLastService("propertyGridDragDropService")}get dragDropService(){return this.getLastService("dragDropService")}get elementInteractionServices(){return this.getServices("elementInteractionService")}get propertiesServices(){return this.getServices("propertyService")}get attachedPropertyServices(){return this.getServices("attachedPropertyService")}get propertyGroupService(){return this.getLastService("propertyGroupsService")}get containerServices(){return this.getServices("containerService")}get snaplinesProviderService(){return this.getLastService("snaplinesProviderService")}get elementsServices(){return this.getServices("elementsService")}get eventsService(){return this.getServices("eventsService")}get instanceServices(){return this.getServices("instanceService")}get editorTypesServices(){return this.getServices("editorTypesService")}get htmlWriterService(){return this.getLastService("htmlWriterService")}get htmlParserService(){return this.getLastService("htmlParserService")}get intializationService(){return this.getLastService("intializationService")}get elementAtPointService(){return this.getLastService("elementAtPointService")}get externalDragDropService(){return this.getLastService("externalDragDropService")}get copyPasteService(){return this.getLastService("copyPasteService")}get modelCommandService(){return this.getLastService("modelCommandService")}get demoProviderService(){return this.getLastService("demoProviderService")}get designItemService(){return this.getLastService("designItemService")}get configUiServices(){return this.getServices("configUiService")}get refactorServices(){return this.getServices("refactorService")}get deletionService(){return this.getLastService("deletionService")}get referencesChangedService(){return this.getLastService("referencesChangedService")}get miniatureViewService(){return this.getLastService("miniatureViewService")}get pngCreatorService(){return this.getLastService("pngCreatorService")}get searchService(){return this.getLastService("searchService")}}});var F,_e=g(()=>{"use strict";F=class{static isTypescriptEnum(e){if(e&&typeof e=="object"&&e.constructor==Object){for(let t in e){let i=typeof e[t];if(i!=="string"&&i!=="number")return!1}return!0}return!1}static getTypescriptEnumEntries(e){let t=[];for(let i in e)isNaN(i)&&t.push([i,e[i]]);return t}static camelToDashCase(e){return e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`)}static dashToCamelCase(e){return e.replace(/-([a-z])/g,t=>t[1].toUpperCase())}}});var H,nt=g(()=>{"use strict";(function(n){n.none="none",n.all="all",n.some="some",n.bound="bound",n.fromStylesheet="fromStylesheet"})(H||(H={}))});var L,Be=g(()=>{"use strict";(function(n){n.explicitProperty="explicitProperty",n.property="property",n.attribute="attribute",n.class="class",n.css="css",n.cssvar="cssvar",n.event="event",n.content="content",n.visible="visible"})(L||(L={}))});var v,pe=g(()=>{"use strict";(function(n){n.property="property",n.attribute="attribute",n.propertyAndAttribute="propertyAndAttribute",n.cssValue="cssvalue",n.complex="complex",n.add="add"})(v||(v={}))});var I,Q=g(()=>{"use strict";(function(n){n[n.Element=1]="Element",n[n.Attribute=2]="Attribute",n[n.TextNode=3]="TextNode",n[n.Comment=8]="Comment",n[n.Document=9]="Document",n[n.DocumentFragment=11]="DocumentFragment"})(I||(I={}))});function Ff(n){return n.getRootNode()?.host?.localName=="node-projects-designer-canvas"}function yr(n,e){return e.createRange().createContextualFragment(n,{includeShadowRoots:!0}).firstChild}function yt(n,e){return n instanceof e||n instanceof(n.ownerDocument.defaultView??window)[e.name]}function Di(n,...e){for(let t of e)if(n instanceof t||n instanceof(n.ownerDocument.defaultView??window)[t.name])return!0;return!1}function It(n){return n==null||Di(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function kt(n){return n==null||Di(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(n.ownerDocument.defaultView??window).getComputedStyle(n).display.startsWith("inline")}function Nh(n){if(Di(n,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)||yt(n,MathMLElement))return ke.block;let e=(n.ownerDocument.defaultView??window).getComputedStyle(n).display;return e=="none"?ke.none:e.startsWith("inline")?ke.inline:ke.block}function vr(n){return n.textContent.trim()==""&&n.textContent.indexOf("\xA0")<0}function zf(){let n=document.activeElement,e=null;for(;n!=e;)e=n,n.shadowRoot!=null&&n.shadowRoot.activeElement&&(n=n.shadowRoot.activeElement);return n}function Lh(n){return n.assignedSlot?n.assignedSlot:n.parentElement==null&&yt(n.parentNode,ShadowRoot)?n.parentNode.host:n.parentElement}function Bf(n){let e=Lh(n);for(;e;){let t=(n.ownerDocument.defaultView??window).getComputedStyle(n);if(t.position==="absolute"||t.position==="relative"||t.position==="fixed")return e;e=Lh(e)}return document.body}function Vf(n){if(yt(n,HTMLElement))return{x:n.offsetLeft,y:n.offsetTop};{let e=G(n),t=G(n.parentElement);return{x:e.x-t.x,y:e.y-t.y}}}function G(n){let e=n.getBoundingClientRect();if(e.width==0&&e.height==0&&(n.ownerDocument.defaultView??window).getComputedStyle(n).display=="contents")if(n.shadowRoot)for(let i of n.shadowRoot.children){let r=G(i);e=new DOMRect(Math.min(e.x,r.x),Math.min(e.y,r.y),Math.max(e.width,r.width),Math.max(e.height,r.height))}else for(let i of n.children){let r=G(i);e=new DOMRect(Math.min(e.x,r.x),Math.min(e.y,r.y),Math.max(e.width,r.width),Math.max(e.height,r.height))}return e}function Hf(n,e,t={}){let i=0,r=0,s;t?s=t[wp]??=new Map:s=new Map;let o=[],a=n;for(;a;){let l=s.get(a);if(l){i+=l.offsetLeft,r+=l.offsetTop,o.forEach(u=>{u.offsetLeft+=l.offsetLeft,u.offsetTop+=l.offsetTop});break}let c=a.offsetParent?a.offsetParent:a.getRootNode().host;Di(a,SVGSVGElement,HTMLBodyElement,HTMLHtmlElement)?c=a.parentElement?a.parentElement:a.getRootNode().host:yt(a,SVGGraphicsElement)?c=a.ownerSVGElement:yt(a,MathMLElement)&&(c=a.parentElement??c);let h=0,d=0;if(yt(a,HTMLElement)){let u=a.parentElement;for(;u!==null&&u!==c;)h+=u.scrollLeft,d+=u.scrollTop,u=u.parentElement}c&&(h+=c.scrollLeft,d+=c.scrollTop);let p=0,f=0;if(Di(a,SVGSVGElement,MathMLElement)){let u=a.style.transform;a.style.transform="";let y=a.getBoundingClientRect(),x=a.parentElement?a.parentElement.getBoundingClientRect():a.getRootNode().host.getBoundingClientRect();a.style.transform=u,p=(y.left-x.left)/e,f=(y.top-x.top)/e}else if(yt(a,SVGGraphicsElement)){let u=a.getBBox();p=u.x,f=u.y}else if(n==a&&(n===n.ownerDocument.body||yt(n,HTMLHtmlElement))){let u=(n.ownerDocument.defaultView??window).getComputedStyle(n);p=n.offsetLeft-h+parseInt(u.marginLeft),f=n.offsetTop-d+parseInt(u.marginTop)}else p=a.offsetLeft-h,f=a.offsetTop-d;o.forEach(u=>{u.offsetLeft+=p,u.offsetTop+=f});let m={offsetLeft:p,offsetTop:f};o.push(m),s.set(a,m),i+=p,r+=f,a=c}return{offsetLeft:i,offsetTop:r}}function Rh(n){let e=parseInt(getComputedStyle(n).paddingLeft.replace("px",""))+parseInt(getComputedStyle(n).marginLeft.replace("px",""))+parseInt(getComputedStyle(n).borderLeft.replace("px",""))+parseInt(getComputedStyle(n).paddingRight.replace("px",""))+parseInt(getComputedStyle(n).marginRight.replace("px",""))+parseInt(getComputedStyle(n).borderRight.replace("px","")),t=parseInt(getComputedStyle(n).paddingTop.replace("px",""))+parseInt(getComputedStyle(n).marginTop.replace("px",""))+parseInt(getComputedStyle(n).borderTop.replace("px",""))+parseInt(getComputedStyle(n).paddingBottom.replace("px",""))+parseInt(getComputedStyle(n).marginBottom.replace("px",""))+parseInt(getComputedStyle(n).borderBottom.replace("px",""));return{x:e,y:t}}function Dt(n,e){let t={x:Number.MAX_VALUE,y:Number.MAX_VALUE},i={x:Number.MIN_VALUE,y:Number.MIN_VALUE},r;for(let s of n)s.nodeType==I.TextNode||s.nodeType==I.Comment||(r={x:e.getNormalizedElementCoordinates(s.element).x,y:e.getNormalizedElementCoordinates(s.element).y,width:e.getNormalizedElementCoordinates(s.element).width,height:e.getNormalizedElementCoordinates(s.element).height},r.x<t.x&&(t.x=r.x),r.y<t.y&&(t.y=r.y),r.x+r.width>i.x&&(i.x=r.x+r.width),r.y+r.height>i.y&&(i.y=r.y+r.height));return{x:t.x,y:t.y,width:i.x-t.x,height:i.y-t.y}}var ke,wp,oe=g(()=>{"use strict";Q();(function(n){n[n.none=0]="none",n[n.inline=1]="inline",n[n.block=2]="block"})(ke||(ke={}));wp=Symbol("windowOffsetsCacheKey")});var q,Ae=g(()=>{"use strict";nt();_e();Be();pe();Q();oe();q=class n{constructor(e){this._recreateElementsOnPropertyChange=e}_recreateElementsOnPropertyChange=!1;static _stylesCache=new Map;_cssCacheClearTimer;static _bindingsCache=new Map;static _bindingsCacheClearTimer;_notifyChangedProperty(e,t,i){}async getProperty(e,t){let i=await this.getProperties(e);return"properties"in i[0]?i.flatMap(r=>r.properties).find(r=>r.name==t):i.find(r=>r.name==t)}async setValue(e,t,i){let r=e[0].openGroup("property changed: "+t.name+" to "+i);for(let s of e)if(this.isHandledElement(s)&&this.getProperty(s,t.name)){if(t.propertyType==v.cssValue)await s.updateStyleInSheetOrLocalAsync(t.propertyName??t.name,i),s.element.setAttribute("style",s.element.getAttribute("style"));else{let o=t.attributeName;if(o||(o=F.camelToDashCase(t.name)),t.type==="object"){let a=JSON.stringify(i);t.propertyType==v.propertyAndAttribute?s.setPropertyAndAttribute(t.name,a):t.propertyType==v.attribute?s.setAttribute(o,a):t.propertyType==v.property&&s.setProperty(t.name,i)}else t.type=="boolean"&&(i===!1||i==null)?((t.propertyType==v.attribute||t.propertyType==v.propertyAndAttribute)&&s.removeAttribute(o),(t.propertyType==v.property||t.propertyType==v.propertyAndAttribute)&&s.setProperty(t.name,!1)):t.type=="boolean"&&i===!0?((t.propertyType==v.attribute||t.propertyType==v.propertyAndAttribute)&&s.setAttribute(o,""),(t.propertyType==v.property||t.propertyType==v.propertyAndAttribute)&&s.setProperty(t.name,!0)):t.propertyType==v.propertyAndAttribute?s.setPropertyAndAttribute(t.name,i):t.propertyType==v.attribute?s.setAttribute(o,i.toString()):t.propertyType==v.property&&s.setProperty(t.name,i)}this._notifyChangedProperty(s,t,i)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}getPropertyTarget(e,t){return t.propertyType==v.attribute?L.attribute:t.propertyType==v.cssValue?L.css:L.property}clearValue(e,t,i){let r=e[0].openGroup("property cleared: "+t.name);for(let s of e){if(i!="binding"){if(t.propertyType==v.cssValue)s.removeStyle(t.propertyName??t.name);else if((t.propertyType==v.property||t.propertyType==v.propertyAndAttribute)&&(s.element[t.propertyName??t.name]=null),t.propertyType==v.attribute||t.propertyType==v.propertyAndAttribute){let o=t.attributeName;o||(o=F.camelToDashCase(t.name)),s.removeAttribute(o)}}i!="value"&&s.serviceContainer.forSomeServicesTillResult("bindingService",o=>o.clearBinding(s,t.name,this.getPropertyTarget(s,t))),this._notifyChangedProperty(s,t,void 0)}r.commit(),this._recreateElementsOnPropertyChange&&n.recreateElements(this,e)}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){let s=t.attributeName;s||(s=F.camelToDashCase(t.name));for(let a of e){let l=!1;if(t.propertyType==v.cssValue?l=a.hasStyle(t.name):l=a.hasAttribute(s),i=i&&l,r=r||l,!i&&r)break}let o=n.getOrBuildCachedBindings(e[0]);if(t.propertyType==v.cssValue){if(o&&o.find(a=>(a.target==L.css||a.target==L.cssvar)&&a.targetName==t.name))return H.bound}else if(t.propertyType==v.attribute){if(o&&o.find(a=>a.target==L.attribute&&a.targetName==t.name))return H.bound}else if(t.propertyType==v.property){if(o&&o.find(a=>(a.target==L.property||a.target==L.explicitProperty)&&a.targetName==t.name))return H.bound}else if(o&&o.find(a=>(a.target==L.property||a.target==L.explicitProperty||a.target==L.attribute)&&a.targetName==t.name))return H.bound;if(!i&&t.propertyType==v.cssValue){let a=n._stylesCache.get(e[0]);if(a||(a=new Set(e[0].getAllStyles().filter(c=>c.selector!=null).flatMap(c=>c.declarations).map(c=>c.name)),n._stylesCache.set(e[0],a),clearTimeout(this._cssCacheClearTimer),this._cssCacheClearTimer=setTimeout(()=>n._stylesCache.clear(),30)),a.has(t.propertyName??t.name))return H.fromStylesheet}}else return H.none;return i?H.all:r?H.some:H.none}static getOrBuildCachedBindings(e){let t=n._bindingsCache.get(e);if(!t){let i=e.serviceContainer.getServices("bindingService");if(t=[],i)for(let r of i){let s=r.getBindings(e);s&&s.length>0&&t.push(...s)}n._bindingsCache.set(e,t),clearTimeout(this._bindingsCacheClearTimer),this._bindingsCacheClearTimer=setTimeout(()=>n._bindingsCache.clear(),30)}return t}getValue(e,t){if(e!=null&&e.length!==0)if(t.propertyType==v.cssValue){let i=e[0].getStyle(t.propertyName??t.name);for(let r of e)if(r.getStyle(t.name)!=i){i=null;break}return i}else if(t.propertyType==v.property){let i=t.propertyName;return i||(i=F.dashToCamelCase(t.name)),e[0].element[i]}else{let i=t.attributeName;if(i||(i=F.camelToDashCase(t.name)),t.type=="boolean"){if(e[0].hasAttribute(i)){let s=e[0].getAttribute(i);return s==""?!0:s}return!1}return e[0].getAttribute(i)}return null}getBinding(e,t){let i=n.getOrBuildCachedBindings(e[0]);return i!=null?t.propertyType==v.cssValue?i.find(r=>(r.target==L.css||r.target==L.cssvar)&&r.targetName==t.name):t.propertyType==v.attribute?i.find(r=>r.target==L.attribute&&r.targetName==t.name):t.propertyType==v.property?i.find(r=>(r.target==L.property||r.target==L.explicitProperty)&&r.targetName==t.name):i.find(r=>(r.target==L.property||r.target==L.explicitProperty||r.target==L.attribute)&&r.targetName==t.name):null}getUnsetValue(e,t){return t.propertyType==v.cssValue?e!=null&&e.length!==0&&e[0].nodeType==I.Element?window.getComputedStyle(e[0].element)[t.propertyName??t.name]:null:t.defaultValue}static recreateElements(e,t){for(let i of t){if(!e.isHandledElement(i))continue;let r="<"+i.name+" ";for(let o of i.element.attributes)r+=o.name+'="'+o.value.replaceAll('"',"&quot;")+'" ';r+="></"+i.name+">";let s=yr(r,t[0].document);for(let o of[...i.element.childNodes])s.appendChild(o);s.style.pointerEvents="auto",i.node.insertAdjacentElement("beforebegin",s),i.node.parentNode&&i.node.parentNode.removeChild(i.node),i.replaceNode(s)}}getContextMenu(e,t){let i=[{title:"clear",action:r=>{t.service.clearValue(e,t,"value"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}},{title:"edit as text",action:(r,s,o,a)=>{a.close(),setTimeout(async()=>{let l=t.service.getValue(e,t),c=prompt(`edit value of '${t.name}' as string:`,l);c&&c!=l&&await t.service.setValue(e,t,c),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)},10)}}];return e[0].serviceContainer.config.openBindingsEditor&&(i.push({title:"-"},{title:"edit binding",action:()=>{let r=t.service.getPropertyTarget(e[0],t),s=t.service.getBinding(e,t);e[0].serviceContainer.config.openBindingsEditor(t,e,s,r)}}),t.service.isSet(e,t)==H.bound&&i.push({title:"clear binding",action:()=>{t.service.clearValue(e,t,"binding"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}})),i}}});var W,me=g(()=>{"use strict";(function(n){n[n.none=0]="none",n[n.full=1]="full",n[n.fullOnValueChange=2]="fullOnValueChange",n[n.fullOnClassChange=3]="fullOnClassChange"})(W||(W={}))});var Ue,Zt=g(()=>{"use strict";_e();Ae();pe();me();Ue=class extends q{getRefreshMode(e){return W.fullOnClassChange}async getProperties(e){return this.isHandledElement(e)&&e.element?.constructor?.properties?this.parseProperties(e.element.constructor.properties):null}parseProperties(e){let t=[],i=Object.keys(e),r=Object.groupBy(i,s=>e[s].group??"");for(let s in r){let o={name:s,properties:[]};for(let a of r[s]){let l=e[a],c=l,h=null,d=null,p=!1,f=v.propertyAndAttribute;if(l.type&&(c=l.type,h=l.description,d=l.example,p=l.readonly,f=l.readonly?v.property:v.propertyAndAttribute),c===String){let m={name:a,type:"string",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Object){let m={name:a,type:"object",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Number){let m={name:a,type:"number",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Date){let m={name:a,type:"date",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(c===Boolean){let m={name:a,type:"boolean",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(F.isTypescriptEnum(c)){let m={name:a,type:"enum",enumValues:F.getTypescriptEnumEntries(c),service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else if(typeof c=="string"){let m={name:a,type:c,service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}else{let m={name:a,type:"string",service:this,propertyType:f,description:h,example:d,readonly:p};o.properties.push(m)}}o.name==""?t.push(...o.properties):t.push(o)}return t}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var xr,Xo=g(()=>{"use strict";Zt();xr=class extends Ue{name="polymer";isHandledElement(e){return e.element.constructor.polymerElementVersion!=null}_notifyChangedProperty(e,t,i){e.element.set(t.name,i)}}});var _r,Zo=g(()=>{"use strict";Zt();_r=class extends Ue{name="lit";isHandledElement(e){let t=e.element.constructor.__proto__;for(;t!=null;){if(t.name=="LitElement")return!0;if(t.name==null||t.name=="HTMLElement"||t.name=="Element"||t.name=="Node"||t.name=="HTMLElement")return!1;t=t.__proto__}return!1}_notifyChangedProperty(e,t,i){}}});var br,qo=g(()=>{"use strict";pe();me();Ae();br=class extends q{inputProperties=[{name:"type",type:"list",values:["text","number","button","checkbox","color","date","datetime-local","email","file","hidden","image","month","password","radio","range","reset","search","submit","tel","time","url","week"],service:this,defaultValue:"text",propertyType:v.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"placeholder",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"checked",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"valueAsDate",type:"string",service:this,propertyType:v.property},{name:"valueAsNumber",type:"string",service:this,propertyType:v.property}];textareaProperties=[{name:"value",type:"string",service:this,propertyType:v.property},{name:"placeholder",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"maxlength",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"cols",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"rows",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"resize",type:"list",values:["both","none","horizontal","vertical"],service:this,propertyType:v.cssValue}];selectProperties=[{name:"value",type:"string",service:this,propertyType:v.property},{name:"size",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"multiple",type:"boolean",service:this,propertyType:v.propertyAndAttribute}];buttonProperties=[{name:"type",type:"list",values:["button","submit","reset"],service:this,defaultValue:"button",propertyType:v.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:v.propertyAndAttribute}];anchorProperties=[{name:"href",type:"string",service:this,propertyType:v.propertyAndAttribute}];divProperties=[{name:"title",type:"string",service:this,propertyType:v.propertyAndAttribute}];imgProperties=[{name:"src",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"alt",type:"string",service:this,propertyType:v.propertyAndAttribute}];iframeProperties=[{name:"src",type:"string",service:this,propertyType:v.propertyAndAttribute}];formElementProperties=[{name:"autofocus",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"disabled",type:"boolean",service:this,propertyType:v.propertyAndAttribute},{name:"required",type:"boolean",service:this,propertyType:v.propertyAndAttribute}];meterProperties=[{name:"value",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"low",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"high",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"optimum",type:"number",service:this,propertyType:v.propertyAndAttribute}];name="native";getRefreshMode(e){return W.full}isHandledElement(e){switch(e.element.localName){case"input":case"textarea":case"select":case"button":case"a":case"div":case"span":case"br":case"img":case"iframe":case"meter":case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":case"p":return!0}return!1}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"input":return[...this.inputProperties,...this.formElementProperties];case"textarea":return[...this.textareaProperties,...this.formElementProperties];case"select":return[...this.selectProperties,...this.formElementProperties];case"button":return[...this.buttonProperties,...this.formElementProperties];case"a":return this.anchorProperties;case"div":return this.divProperties;case"img":return this.imgProperties;case"iframe":return this.iframeProperties;case"meter":return this.meterProperties;case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":case"p":return[]}return null}}});var Ne,qt=g(()=>{"use strict";pe();Ae();me();Ne=class extends q{getRefreshMode(e){return W.none}commonProperties=[{name:"class",type:"string",service:this,attributeName:"class",propertyName:"className",propertyType:v.attribute},{name:"title",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"part",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"tabindex",type:"number",service:this,propertyType:v.propertyAndAttribute}];name="common";isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return this.commonProperties.find(i=>i.name==t)}async getProperties(e){return this.commonProperties}}});var Sr,Qo=g(()=>{"use strict";qt();pe();Sr=class extends Ne{rectProperties=[{name:"x",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"y",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:v.propertyAndAttribute},{name:"fill-opacity",type:"list",values:["0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1"],defaultValue:"1",service:this,propertyType:v.propertyAndAttribute}];lineProperties=[{name:"x1",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"y1",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"x2",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"y2",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute}];ellipseProperties=[{name:"cx",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"cy",type:"number",defaultValue:"0",service:this,propertyType:v.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:v.propertyAndAttribute},{name:"fill-opacity",type:"list",values:["0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1"],defaultValue:"1",service:this,propertyType:v.propertyAndAttribute}];pathProperties=[{name:"d",type:"string",defaultValue:"",service:this,propertyType:v.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:v.propertyAndAttribute}];svgProperties=[{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:v.cssValue},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:v.cssValue},{name:"viewBox",type:"number",service:this,propertyType:v.cssValue}];defaultProperties=[{name:"stroke",type:"list",values:["black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"currentcolor",service:this,propertyType:v.propertyAndAttribute},{name:"stroke-width",type:"number",service:this,propertyType:v.propertyAndAttribute},{name:"stroke-opacity",type:"list",values:["0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1"],defaultValue:"1",service:this,propertyType:v.propertyAndAttribute},{name:"visibility",type:"list",values:["visible","hidden"],defaultValue:"visible",service:this,propertyType:v.propertyAndAttribute}];name="svg";isHandledElement(e){switch(e.element.localName){case"rect":case"line":case"ellipse":case"path":case"svg":return!0}return!1}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"rect":return[...this.rectProperties,...this.defaultProperties];case"line":return[...this.lineProperties,...this.defaultProperties];case"ellipse":return[...this.ellipseProperties,...this.defaultProperties];case"path":return[...this.pathProperties,...this.defaultProperties];case"svg":return this.svgProperties}return null}}});var Qt,$o=g(()=>{"use strict";Qt=class{constructor(e,t,i,r){this.title="Change Css Style "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){this.oldValue===""||this.oldValue==null?(this.designItem._withoutUndoRemoveStyle(this.name),this.name.startsWith("--")?this.designItem.element.style.removeProperty(this.name):this.designItem.element.style[this.name]=""):(this.designItem._withoutUndoSetStyle(this.name,this.oldValue),this.name.startsWith("--")?this.designItem.element.style.setProperty(this.name,this.oldValue):this.designItem.element.style[this.name]=this.oldValue)}do(){this.newValue===""||this.newValue==null?(this.designItem._withoutUndoRemoveStyle(this.name),this.name.startsWith("--")?this.designItem.element.style.removeProperty(this.name):this.designItem.element.style[this.name]=""):(this.designItem._withoutUndoSetStyle(this.name,this.newValue),this.name.startsWith("--")?this.designItem.element.style.setProperty(this.name,this.newValue):this.designItem.element.style[this.name]=this.newValue)}designItem;name;newValue;oldValue;mergeWith(e){return!1}}});var Ti,Jo=g(()=>{"use strict";Ti=class n{constructor(e,t,i,r){this.title="Change Attribute "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){this.oldValue==null?this.designItem._withoutUndoRemoveAttribute(this.name):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.name,this.oldValue):this.designItem._withoutUndoSetAttribute(this.name,this.oldValue.toString())}do(){this.newValue==null?this.designItem._withoutUndoRemoveAttribute(this.name):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.name,this.newValue):this.designItem._withoutUndoSetAttribute(this.name,this.newValue.toString())}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var C,Ve=g(()=>{"use strict";(function(n){n[n.Directly=0]="Directly",n[n.Permanent=1]="Permanent",n[n.Selection=2]="Selection",n[n.PrimarySelection=3]="PrimarySelection",n[n.PrimarySelectionContainer=4]="PrimarySelectionContainer",n[n.MouseOver=5]="MouseOver",n[n.OnlyOneItemSelected=6]="OnlyOneItemSelected",n[n.MultipleItemsSelected=7]="MultipleItemsSelected",n[n.ContainerDragOverAndCanBeEntered=8]="ContainerDragOverAndCanBeEntered",n[n.ContainerExternalDragOverAndCanBeEntered=9]="ContainerExternalDragOverAndCanBeEntered",n[n.ContainerDrag=10]="ContainerDrag",n[n.Doubleclick=11]="Doubleclick",n[n.Placement=12]="Placement",n[n.PrimarySelectionAndCanBeEntered=13]="PrimarySelectionAndCanBeEntered",n[n.PrimarySelectionContainerAndCanBeEntered=14]="PrimarySelectionContainerAndCanBeEntered",n[n.PrimarySelectionRefreshed=15]="PrimarySelectionRefreshed"})(C||(C={}))});var Ke,wr,Cr,ea=g(()=>{"use strict";(function(n){n[n.Name=0]="Name",n[n.Value=1]="Value",n[n.InQuote=2]="InQuote"})(Ke||(Ke={}));wr=class{constructor(e,t){this.name=e.trim(),this.value=t.trim()}name;value},Cr=class{entries=[];parse(e,t="'"){this.entries=[];let i="",r="",s=Ke.Name;for(let o=0;o<e.length;o++){let a=e[o];s===Ke.Name?a===":"?s=Ke.Value:a===";"?i="":i+=a:s===Ke.Value?a===";"?(this.entries.push(new wr(i,r)),i="",r="",s=Ke.Name):(a===t&&(s=Ke.InQuote),r+=a):s===Ke.InQuote&&(a==="\\"?(r+=a,o++,a=e[o],r+=a):a===t?(r+=a,s=Ke.Value):r+=a)}i.trim()!==""&&this.entries.push(new wr(i,r))}}});var vt,ta=g(()=>{"use strict";vt=class{constructor(e,t,i){this.title="Move or Insert Item",this.designItem=e,this.newParent=t,this.newIndex=i}title;get affectedItems(){return this.oldParent?[this.designItem,this.newParent,this.oldParent]:[this.designItem,this.newParent]}undo(){this.oldParent?(this.oldParent._insertChildInternal(this.designItem,this.oldIndex),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"moved",designItems:[this.designItem]})):(this.designItem.parent._removeChildInternal(this.designItem),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:[this.designItem]}))}do(){this.oldParent=this.designItem.parent,this.oldParent&&(this.oldIndex=this.designItem.parent.indexOf(this.designItem)),this.newParent._insertChildInternal(this.designItem,this.newIndex),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:this.oldParent?"moved":"added",designItems:[this.designItem]})}designItem;newParent;newIndex;oldParent;oldIndex;newItem;mergeWith(e){return!1}}});var Er,ia=g(()=>{"use strict";Er=class{_textHolder="";indent=4;level=0;get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
2
2
  `}levelRaise(){this.level++}levelShrink(){this.level--}write(e){this._textHolder+=e}writeLine(e){this.writeIndent(),this._textHolder+=e,this.writeNewline()}writeIndent(){this._textHolder+="".padEnd(this.level*this.indent," ")}writeNewline(){this._textHolder+=`
3
3
  `}getString(){return this._textHolder}}});var Ar,Fh=g(()=>{"use strict";Ar=class{_textHolder="";get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
4
- `}levelRaise(){}levelShrink(){}write(e){this._textHolder+=e}writeLine(e){this._textHolder+=e}writeIndent(){}writeNewline(){}getString(){return this._textHolder}}});var Y,He=g(()=>{"use strict";ia();Fh();Y=class{static normalizeAttributeValue(e,t=!1){return typeof e=="number"&&(e=e.toString()),e?t?e.replaceAll("&","&amp;").replaceAll("'","&#39;").replaceAll("<","&lt;").replaceAll(">","&gt;"):e.replaceAll("&","&amp;").replaceAll('"',"&quot;").replaceAll("<","&lt;").replaceAll(">","&gt;"):e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;")}static normalizeContentValue(e){return e&&e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll("\xA0","&nbsp;")}static IsSelfClosingElement(e){return e==="area"||e==="base"||e==="br"||e==="col"||e==="embed"||e==="hr"||e==="img"||e==="input"||e==="keygen"||e==="link"||e==="meta"||e==="param"||e==="source"||e==="track"||e==="wbr"}static ConvertToString(e,t,i=!1){let r=t!==!1?new Er:new Ar;return e[0].serviceContainer.htmlWriterService.write(r,e,!0,i),r.getString()}}});import{css as Cp}from"@node-projects/base-custom-webcomponent";var ye,ra,xt=g(()=>{"use strict";ye=class n{static _contextMenuCss=Cp`.context_menu{position:fixed;opacity:0;transform:scale(0);transition:transform .1s;transform-origin:top left;padding:0;z-index:2147483647;color:#000}.context_menu.context_menu_display{opacity:1;transform:scale(1)}.context_menu,.context_menu *{box-sizing:border-box}.context_menu *{position:relative}.context_menu ul{list-style-type:none;padding:3px;margin:0;background-color:#f5f7f7;box-shadow:0 0 5px #333}.context_menu li{padding:0;padding-right:1.7em;cursor:pointer;white-space:nowrap;display:flex;align-items:center}.context_menu li:hover{background-color:#bbb}.context_menu li .context_menu_icon_span{width:28px;display:inline-flex;align-items:center;justify-content:center}.context_menu li .context_menu_icon_span img{height:18px}.context_menu li .context_menu_text{padding-left:2px;vertical-align:middle}.context_menu li .context_menu_sub_span{width:1em;display:inline-block;text-align:center;position:absolute;top:50%;right:.5em;transform:translateY(-50%)}.context_menu li>ul{position:absolute;top:0;left:100%;opacity:0;transition:opacity .2s;visibility:hidden}.context_menu li:hover>ul{opacity:1;visibility:visible}.context_menu li.context_menu_divider{border-bottom:1px solid #aaa;margin:5px;padding:0;cursor:default}.context_menu li.context_menu_divider:hover{background-color:inherit}.context_menu.context_menu_border_right>ul ul{left:unset;right:100%}.context_menu.context_menu_border_bottom>ul ul{top:unset;bottom:0}.context_menu li[disabled=""]{color:#777;cursor:default}.context_menu li[disabled=""]:hover{background-color:inherit}.context_menu li.context_menu_marked{background-color:#5ebdec}`;static count=0;static _openedContextMenus=new Set;menu;options;context;num;_menuElement;constructor(e,t,i){this.num=n.count++,this.menu=e,this.options=t,this.context=i,this.reload(),this._windowDown=this._windowDown.bind(this),this._windowKeyUp=this._windowKeyUp.bind(this),this._windowResize=this._windowResize.bind(this)}reload(){let e=this.options?.shadowRoot??document;this._menuElement==null&&(this._menuElement=document.createElement("div"),this._menuElement.className="context_menu",this._menuElement.id="context_menu_"+this.num,e===document?document.body.appendChild(this._menuElement):e.appendChild(this._menuElement)),this._menuElement.innerHTML="",e.adoptedStyleSheets.indexOf(n._contextMenuCss)<0&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n._contextMenuCss]),this._menuElement.appendChild(this.renderLevel(this.menu))}renderLevel(e){let t=document.createElement("ul"),i=!1;return e.forEach(r=>{if(r.title!=="-"){if(i){let c=document.createElement("li");c.className="context_menu_divider",i=!1,t.appendChild(c)}let s=document.createElement("li"),o=document.createElement("span");o.className="context_menu_icon_span",r.checked===!0?o.innerHTML="\u2714":(r.icon??"")!=""?o.innerHTML=r.icon:o.innerHTML=this.options?.defaultIcon??"";let a=document.createElement("span");a.className="context_menu_text",a.innerHTML=r.title;let l=document.createElement("span");if(l.className="context_menu_sub_span",r.children!=null&&(l.innerHTML=this.options?.subIcon??"&#155;"),s.appendChild(o),s.appendChild(a),s.appendChild(l),r.disabled)s.setAttribute("disabled","");else if(r.action&&s.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.action(c,r,this.context,this),this.close()}),this.options?.mode=="undo"&&s.addEventListener("mouseup",c=>{c.stopPropagation(),r.action(c,r,this.context,this),this.close()}),r.children!=null){let c=this.renderLevel(r.children);s.appendChild(c),s.addEventListener("mouseenter",()=>{let h=c.getBoundingClientRect();if(h.top+h.height>window.innerHeight&&(c.style.top="unset",c.style.bottom="0"),this.options?.mode=="undo"){let d=!0;for(let p of s.parentElement.children)d?p.classList.add("context_menu_marked"):p.classList.remove("context_menu_marked"),p==s&&(d=!1)}})}else this.options?.mode=="undo"&&s.addEventListener("mouseenter",()=>{let c=!0;for(let h of s.parentElement.children)c?h.classList.add("context_menu_marked"):h.classList.remove("context_menu_marked"),h==s&&(c=!1)});t.appendChild(s)}else i=!0}),t}display(e){let t=this._menuElement,i={x:e.clientX,y:e.clientY},r=i.x,s=i.y,o=t.offsetWidth+4,a=t.offsetHeight+4,l=window.innerWidth,c=window.innerHeight,h=this.options?.mouseOffset!=null?this.options.mouseOffset:2;l-r<o?t.style.left=l-o+"px":t.style.left=r+h+"px",c-s<a?t.style.top=c-a+"px":t.style.top=s+h+"px";let d=ra.getSizes(t);l-r<d.width?t.classList.add("context_menu_border_right"):t.classList.remove("context_menu_border_right"),c-s<d.height?t.classList.add("context_menu_border_bottom"):t.classList.remove("context_menu_border_bottom"),t.classList.add("context_menu_display"),e.preventDefault(),window.addEventListener("keyup",this._windowKeyUp),window.addEventListener("mousedown",this._windowDown),window.addEventListener("resize",this._windowResize),setTimeout(()=>window.addEventListener("contextmenu",this._windowDown),100),n._openedContextMenus.add(this)}_windowResize(){this.close()}_windowDown(e){return e.preventDefault(),e.composedPath().indexOf(this._menuElement)<0&&this.close(),!1}_windowKeyUp(e){e.key==="Escape"&&this.close()}static show(e,t,i,r){let s=new n(e,i,r);return s.display(t),s}close(){this._menuElement.remove(),window.removeEventListener("keyup",this._windowKeyUp),window.removeEventListener("mousedown",this._windowDown),window.removeEventListener("resize",this._windowResize),setTimeout(()=>window.removeEventListener("contextmenu",this._windowDown),10),n._openedContextMenus.delete(this)}static closeAll(){for(let e of n._openedContextMenus.values())e.close()}},ra=class n{static getSizes(e){let t=e.getElementsByTagName("li"),i=0,r=0;for(let a=0;a<t.length;a++){let l=t[a];l.offsetWidth>i&&(i=l.offsetWidth),l.offsetHeight>r&&(r=l.offsetHeight)}let s=i,o=r;for(let a=0;a<t.length;a++){let c=t[a].getElementsByTagName("ul");if(typeof c[0]<"u"){let h=n.getSizes(c[0]);i+h.width>s&&(s=i+h.width),r+h.height>o&&(o=r+h.height)}}return{width:s,height:o}}}});var Re,Tt=g(()=>{"use strict";xt();Re=class{settingName;content;tooltp;contextmenu;constructor(e,t,i,r){this.settingName=e,this.content=t,this.tooltp=i,this.contextmenu=r}provideButtons(e,t){let i=document.createElement("div");typeof this.content=="string"?i.innerHTML=this.content:i.appendChild(this.content),i.title=this.tooltp,i.className="toolbar-control",t.instanceServiceContainer.designContext.extensionOptionsChanged.on(()=>{r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")});let r=t.instanceServiceContainer.designContext.extensionOptions;return r[this.settingName]!==!1&&i.classList.add("selected"),i.onclick=()=>{let s=r[this.settingName];r[this.settingName]=s===!1,r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")},i.oncontextmenu=s=>{s.preventDefault(),this.contextmenu&&ye.show(this.contextmenu,s)},[i]}}});var Ir,Pr,Dr=g(()=>{"use strict";Tt();Ir="enableStylesheetService",Pr=class extends Re{constructor(){super(Ir,"ss","modify Stylesheet")}}});var kr,na=g(()=>{"use strict";kr=class{constructor(e,t,i){this.title="Change TextContent from '"+i+"' to '"+t+"'",this.designItem=e,this.newValue=t,this.oldValue=i}title;get affectedItems(){return[this.designItem]}undo(){this.designItem.element.textContent=this.oldValue}do(){this.designItem.element.textContent=this.newValue}designItem;newValue;oldValue;mergeWith(e){return!1}}});function zh(n,...e){return n[0]}function Bh(){return window.navigator.platform?.startsWith("Mac")||window.navigator.platform==="iPhone"||window.navigator.platform==="iPad"||window.navigator.platform==="iPod"}function st(n){return new Promise(e=>setTimeout(e,n))}async function Vh(n,e){let t=URL.createObjectURL(n),i=document.createElement("a");i.href=t,i.style.display="none",i.download=e,document.body.appendChild(i),i.click(),document.body.removeChild(i),await st(300)}function Lg(n){for(var e=n.split(",")[0].split(":")[1].split(";")[0],t=atob(n.split(",")[1]),i=[],r=0;r<t.length;r++)i.push(t.charCodeAt(r));return new Blob([new Uint8Array(i)],{type:e})}function sa(n,e){return n.x>=e.x&&n.x<=e.x+e.width&&n.y>=e.y&&n.y<=e.y+e.height}function Mt(n,e){return n.endsWith(e??"/")?n.substring(0,n.length-1):n}function ve(n,e){return n.startsWith(e??"/")?n.substring(1):n}function Mi(){return new Promise(n=>requestAnimationFrame(n))}function Ng(n,e){if(n===e)return!0;if(n==null||e==null||n.length!==e.length)return!1;for(var t=0;t<n.length;++t)if(n[t]!==e[t])return!1;return!0}function Hh(n,e,t=!1,i="."){if(e==null)return n;let r=e.split(i);for(let s=0;s<r.length;s++)if(n!=null)n=n[r[s]];else return t?Ep:null;return n}function oa(n,e,t,i="."){if(e==null)return;let r=e.split(i);for(let s=0;s<r.length-1;s++)if(n!=null){let o=n[r[s]];o==null&&(o={},n[r[s]]=o),n=o}n!=null&&(n[r[r.length-1]]=t)}var Ep,be=g(()=>{"use strict"});var Tr,aa=g(()=>{"use strict";be();Tr=class n{constructor(e,t,i,r){this.title="Change Property "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){oa(this.designItem.node,this.name,this.oldValue)}do(){oa(this.designItem.node,this.name,this.newValue)}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var Oi,la=g(()=>{"use strict";Oi=class n{constructor(e,t,i,r,s){this.title="Change Attribute & Property"+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.attributeName=t,this.propertyName=i,this.newValue=r,this.oldValue=s}title;get affectedItems(){return[this.designItem]}undo(){this.designItem.element[this.propertyName]=this.oldValue,this.oldValue==null?this.designItem._withoutUndoRemoveAttribute(this.attributeName):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.attributeName,this.oldValue):this.designItem._withoutUndoSetAttribute(this.attributeName,this.oldValue.toString())}do(){this.designItem.element[this.propertyName]=this.newValue,this.newValue==null?this.designItem._withoutUndoRemoveAttribute(this.attributeName):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.attributeName,this.newValue):this.designItem._withoutUndoSetAttribute(this.attributeName,this.newValue.toString())}designItem;attributeName;propertyName;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.attributeName===e.attributeName&&this.propertyName===e.propertyName?(this.newValue=e.newValue,!0):!1}}});import{TypedEvent as Ap}from"@node-projects/base-custom-webcomponent";var $t,Jt,Ot,_t,Li,Ni,Ri,Fi,zi,M,ee=g(()=>{"use strict";$o();Q();Jo();Ve();ea();_e();ta();He();Dr();na();aa();be();la();$t="node-projects-hide-at-design-time",Jt="node-projects-hide-at-run-time",Ot="node-projects-lock-at-design-time",_t="node-projects-force-hover",Li="node-projects-force-active",Ni="node-projects-force-visited",Ri="node-projects-force-focus",Fi="node-projects-force-focus-within",zi="node-projects-force-focus-visible",M=class n{lastContainerSize;parsedNode;node;view;serviceContainer;instanceServiceContainer;nodeReplaced=new Ap;get window(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument.defaultView:this.node.ownerDocument.defaultView??window}get document(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument:this.node.ownerDocument}get usableContainer(){return this.isRootItem&&this.element instanceof(this.element.ownerDocument.defaultView??window).HTMLIFrameElement?this.element.contentWindow.document:this.isRootItem?this.node.shadowRoot:this.element}async clone(){try{let e=Y.ConvertToString([this],!1);return(await this.serviceContainer.htmlParserService.parse(e,this.serviceContainer,this.instanceServiceContainer,!0))[0]}catch{console.warn("could not clone design item.",this)}return null}*allMatching(e){if(this.hasChildren)for(let t of this.children())t.nodeType==I.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}replaceNode(e){n._designItemMap.delete(this.node),n._designItemMap.set(e,this),this.view==this.node&&(this.view=e),this.node=e,this.nodeReplaced.emit()}get nodeType(){return this.node instanceof(this.node.ownerDocument.defaultView??window).Comment?I.Comment:this.node instanceof(this.node.ownerDocument.defaultView??window).Text?I.TextNode:I.Element}_attributes;get hasAttributes(){return this._attributes.size>0}hasAttribute(e){return this._attributes.has(e)}getAttribute(e){return this._attributes.get(e)}*attributes(){for(let e of this._attributes)yield e}_withoutUndoSetAttribute(e,t){try{this.element.setAttribute(e,t)}catch(i){i?.code!==5&&console.warn(i)}this._attributes.set(e,t),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_withoutUndoRemoveAttribute(e){try{this.element.removeAttribute(e)}catch(t){t?.code!==5&&console.warn(t)}this._attributes.delete(e),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_styles;get hasStyles(){return this._styles.size>0}hasStyle(e){let t=e;return t.startsWith("--")||(t=F.camelToDashCase(e)),this._styles.has(t)}getStyle(e){let t=e;return t.startsWith("--")||(t=F.camelToDashCase(e)),this._styles.get(t)}*styles(){for(let e of this._styles)yield e}_withoutUndoSetStyle(e,t){let i=e;i.startsWith("--")||(i=F.camelToDashCase(e)),this._styles.set(i,t)}_withoutUndoRemoveStyle(e){let t=e;t.startsWith("--")||(t=F.camelToDashCase(e)),this._styles.delete(t)}static _designItemMap=new WeakMap;get element(){return this.view}get name(){return this.node.localName}get id(){return this.element.id}set id(e){let t=this.element.id;this.element.id=e,this.id?this.setAttribute("id",e):this.removeAttribute("id"),this.serviceContainer.referencesChangedService&&this.serviceContainer.referencesChangedService.notifyReferencesChanged([{designItem:this,oldValue:t,type:"idChanged"}])}get isRootItem(){return this.instanceServiceContainer.contentService.rootDesignItem===this}*childrenRect(e){if(this.hasChildren)for(let t of this.children())t.nodeType==I.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}_childArray=[];get hasChildren(){return this._childArray.length>0}*children(e=!1){for(let t of this._childArray)if(yield t,e)for(let i of t.children(e))yield i}get childCount(){return this._childArray.length}get firstChild(){return this._childArray[0]}_parent;get parent(){return this._parent}indexOf(e){return this._childArray.indexOf(e)}insertAdjacentElement(e,t){let i;t=="afterbegin"?i=new vt(e,this,0):t=="beforeend"?i=new vt(e,this,this._childArray.length):t=="beforebegin"?i=new vt(e,this.parent,this.parent.indexOf(this)):t=="afterend"&&(i=new vt(e,this.parent,this.parent.indexOf(this)+1)),this.instanceServiceContainer.undoService.execute(i)}insertChild(e,t){let i=new vt(e,this,t);this.instanceServiceContainer.undoService.execute(i)}removeChild(e){this.serviceContainer.deletionService.removeItems([e])}remove(){this.serviceContainer.deletionService.removeItems([this])}clearChildren(){for(let e=this._childArray.length-1;e>=0;e--)this._childArray[e].remove()}get hasContent(){return(this.nodeType==I.TextNode||this.nodeType==I.Comment)&&this.element.textContent!=""||this._childArray.length===0}get content(){return this.nodeType==I.TextNode||this.nodeType==I.Comment?this.node.textContent:this._childArray.map(e=>e.content).join()}set content(e){let t=this.openGroup("set content");this.clearChildren();let i=document.createTextNode(e),r=n.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);if(this.nodeType==I.TextNode){let s=this.parent.indexOf(this),o=this.parent;this.remove(),o.insertChild(r,s)}else if(this.nodeType==I.Comment){let s=new kr(this,e,this.content);this.instanceServiceContainer.undoService.execute(s)}else this.insertChild(r);t.commit()}get innerHTML(){return Y.ConvertToString([...this.children()],!1)}set innerHTML(e){if(this.nodeType!=I.TextNode){let t=this.openGroup("set innerHTML");this.clearChildren();let i=document.createRange();i.selectNode(document.body);let r=i.createContextualFragment(e);for(let s of[...r.childNodes]){let o=n.createDesignItemFromInstance(s,this.serviceContainer,this.instanceServiceContainer);this.insertChild(o)}t.commit()}}get isEmptyTextNode(){return this.nodeType===I.TextNode&&this.content?.trim()==""}get hideAtDesignTime(){return this.hasAttribute($t)}set hideAtDesignTime(e){e?this.setAttribute($t,""):this.removeAttribute($t)}get hideAtRunTime(){return this.hasAttribute(Jt)}set hideAtRunTime(e){e?this.setAttribute(Jt,""):this.removeAttribute(Jt)}get lockAtDesignTime(){return this.hasAttribute(Ot)}set lockAtDesignTime(e){e?this.setAttribute(Ot,""):this.removeAttribute(Ot)}static createDesignItemFromInstance(e,t,i){let r=t.designItemService.createDesignItem(e,e,t,i);if(e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&e.getAttribute("shadowrootmode")=="open")try{e.parentNode.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0))}catch(s){console.error("error attaching shadowdom",s)}if(r.nodeType==I.Element){for(let s of r.element.attributes)s.name!=="style"&&r._attributes.set(s.name,s.value);if(e instanceof(e.ownerDocument.defaultView??window).HTMLElement||e instanceof(e.ownerDocument.defaultView??window).SVGElement){let s=new Cr,o=e.getAttribute("style");if(o){s.parse(o);for(let a of s.entries)r._styles.set(a.name,a.value)}t.designItemService.handleSpecialAttributes(Ot,r)}e.draggable=!1}r._childArray=r._internalUpdateChildrenFromNodesChildren();for(let s of r._childArray)s._parent=r;return r}querySelectorAll(e){return this.usableContainer.querySelectorAll(e)}removeDesignerAttributesAndStylesFromChildren(){let e=this.querySelectorAll("*");for(let t of e){let i=n.GetDesignItem(t);i.hasAttribute("draggable")||t.removeAttribute("draggable"),i.hasStyle("pointer-events")||(t.style.pointerEvents="")}}updateChildrenFromNodesChildren(){this._childArray=this._internalUpdateChildrenFromNodesChildren();for(let e of this._childArray)e._parent=this}_internalUpdateChildrenFromNodesChildren(){let e=[];if(this.nodeType==I.Element)if(this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement)for(let t of this.element.content.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else if(this.isRootItem&&this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLIFrameElement)for(let t of this.element.contentWindow.document.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else for(let t of this.element.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}return e}_backupWhenEditContent;_inEditContent=!1;editContent(){this._inEditContent=!0,this._backupWhenEditContent=[...this.element.childNodes];let e=this.element.innerHTML;this.element.innerHTML="",this.element.innerHTML=e,this.element.setAttribute("contenteditable","")}editContentFinish(){if(this._inEditContent){this._inEditContent=!1,this.element.removeAttribute("contenteditable"),this.element.innerHTML="";for(let e of this._backupWhenEditContent)this.element.appendChild(e);this._backupWhenEditContent=null}}constructor(e,t,i,r){this.node=e,this.view=e,this.parsedNode=t,this.serviceContainer=i,this.instanceServiceContainer=r,this._attributes=new Map,this._styles=new Map,n._designItemMap.set(e,this)}setView(e){this.view=e,n._designItemMap.set(e,this)}openGroup(e){return this.instanceServiceContainer.undoService.openGroup(e)}getOrCreateDesignItem(e){return n.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer)}static GetOrCreateDesignItem(e,t,i,r){if(!e)return null;let s=n._designItemMap.get(e);return s||(s=i.designItemService.createDesignItem(e,t,i,r)),s}static GetDesignItem(e){return e?n._designItemMap.get(e):null}setStyle(e,t,i){let r=e;if(r.startsWith("--")||(r=F.camelToDashCase(e)),this.isRootItem)throw"not allowed to set style on root item or use async setStyle";{let s=new Qt(this,r,t,this._styles.get(r));this.instanceServiceContainer.undoService.execute(s)}}async setStyleAsync(e,t,i){let r=e;if(r.startsWith("--")||(r=F.camelToDashCase(e)),this.isRootItem)if(this.instanceServiceContainer.stylesheetService){let s=this.instanceServiceContainer.stylesheetService.getDeclarationsSortedBySpecificity(this,e);if(s!==null&&s.length>0)this.instanceServiceContainer.stylesheetService.updateDeclarationValue(s[0],t,i);else{let o=this.instanceServiceContainer.stylesheetService.getRules(":host").filter(a=>!a.stylesheet?.readOnly);if(s===null||o.length===0){let a=this.openGroup("add rule and set style: "+e),l=this.instanceServiceContainer.stylesheetService.getStylesheets(),c=await this.instanceServiceContainer.stylesheetService.addRule(l[0],":host");this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(c,e,t,i),a.commit()}else this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(o[0],e,t,i)}}else throw"not allowed to set style on root item";else{let s=new Qt(this,r,t,this._styles.get(r));this.instanceServiceContainer.undoService.execute(s)}}removeStyle(e){let t=e;t.startsWith("--")||(t=F.camelToDashCase(e));let i=new Qt(this,t,"",this._styles.get(t));this.instanceServiceContainer.undoService.execute(i)}updateStyleInSheetOrLocal(e,t,i,r){let s=e;s.startsWith("--")||(s=F.camelToDashCase(e));let o=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,s).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Ir]===!1||!o?.length?this.getStyle(s)!=t||r?this.setStyle(s,t):t==null&&this.removeStyle(s):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(o[0],t,!1)}async updateStyleInSheetOrLocalAsync(e,t,i,r){let s=e;s.startsWith("--")||(s=F.camelToDashCase(e));let o=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,s).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Ir]===!1||!o?.length?this.getStyle(s)!=t||r?await this.setStyleAsync(s,t):t==null&&this.removeStyle(s):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(o[0],t,!1)}getStyleFromSheetOrLocal(e,t=null){let i=e;if(i.startsWith("--")||(i=F.camelToDashCase(e)),this.hasStyle(e))return this.getStyle(i);let r=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,i);return r&&r.length>0?r[0].value:null}getStyleFromSheetOrLocalOrComputed(e,t=null){let i=e;i.startsWith("--")||(i=F.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyleProperty(e,t=null){let i=e;i.startsWith("--")||(i=F.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyle(){return this.nodeType==I.Element?this.window.getComputedStyle(this.element):null}_stylesCache=null;_cacheClearTimer;getAllStyles(){let e=this._stylesCache;if(e)return e;if(this.nodeType!=I.Element)return[];let t=[...this._styles.entries()].map(i=>({name:i[0],value:i[1],important:!1,parent:null}));if(this.instanceServiceContainer.stylesheetService)try{let i=this.instanceServiceContainer.stylesheetService?.getAppliedRules(this);if(i)return[{selector:null,declarations:t,specificity:null,stylesheet:null},...i]}catch(i){console.warn("getAppliedRules",i)}return e=[{selector:null,declarations:t,specificity:null,stylesheet:null}],this._stylesCache=e,clearTimeout(this._cacheClearTimer),this._cacheClearTimer=setTimeout(()=>this._stylesCache=null,30),e}setAttribute(e,t){if(this.isRootItem)throw"not allowed to set attribute on root item";let i=new Ti(this,e,t,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(i)}removeAttribute(e){let t=new Ti(this,e,null,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(t)}setPropertyAndAttribute(e,t){let i=F.camelToDashCase(e),r=F.dashToCamelCase(e);if(this.isRootItem)throw"not allowed to set attribute on root item";let s=new Oi(this,i,r,t,this.element[r]);this.instanceServiceContainer.undoService.execute(s)}removePropertyAndAttribute(e){let t=F.camelToDashCase(e),i=F.dashToCamelCase(e),r=new Oi(this,t,i,null,this.element[i]);this.instanceServiceContainer.undoService.execute(r)}setProperty(e,t){if(this.isRootItem)throw"not allowed to set attribute on root item";let i=Hh(this.node,e),r=new Tr(this,e,t,i);this.instanceServiceContainer.undoService.execute(r)}_insertChildInternal(e,t){this._insertChildsInternal([e],t)}_insertChildsInternal(e,t){let i=this.document.createDocumentFragment(),r=null;for(let s of e)s.parent&&this.instanceServiceContainer.selectionService.primarySelection==s&&(s.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(s.parent,C.PrimarySelectionContainer),s.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(s.parent,C.PrimarySelectionContainerAndCanBeEntered)),s.parent&&s.parent._removeChildInternal(s),i.appendChild(s.view),s._parent=this,t==null||this._childArray.length==0||t>=this._childArray.length?this._childArray.push(s):(r=this._childArray[t],this._childArray.splice(t,0,s),t++);r==null?this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.appendChild(i)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.appendChild(i):this.view.appendChild(i):this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.insertBefore(i,r.element)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.insertBefore(i,r.element):this.view.insertBefore(i,r.element),this._refreshIfStyleSheet()}_removeChildInternal(e){e.parent&&this.instanceServiceContainer.selectionService.primarySelection==e&&(e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,C.PrimarySelectionContainer),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,C.PrimarySelectionAndCanBeEntered)),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtensions([e],!0);let t=this._childArray.indexOf(e);t>-1&&(this._childArray.splice(t,1),e.element.remove(),e._parent=null),this._refreshIfStyleSheet()}_refreshIfStyleSheet(){this.name=="style"||this.parent?.name=="style"||this.name=="link"}getPlacementService(e){return this.nodeType!=I.Element?null:(e??=getComputedStyle(this.element),this.serviceContainer.getLastServiceWhere("containerService",t=>t.serviceForContainer(this,e)))}static createDesignItemFromImageBlob(e,t,i){return new Promise(r=>{let s=new FileReader;s.onloadend=()=>{let o=document.createElement("img");o.src=s.result;let a=n.createDesignItemFromInstance(o,e,t);return r(a)},s.readAsDataURL(i)})}get hasForcedCss(){return this.cssForceHover||this.cssForceActive||this.cssForceVisited||this.cssForceFocus||this.cssForceFocusWithin||this.cssForceFocusVisible}get cssForceHover(){return this.element.hasAttribute(_t)}set cssForceHover(e){e?this.element.setAttribute(_t,""):this.element.removeAttribute(_t),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceActive(){return this.element.hasAttribute(Li)}set cssForceActive(e){e?this.element.setAttribute(Li,""):this.element.removeAttribute(Li),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceVisited(){return this.element.hasAttribute(Ni)}set cssForceVisited(e){e?this.element.setAttribute(Ni,""):this.element.removeAttribute(Ni),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceFocus(){return this.element.hasAttribute(Ri)}set cssForceFocus(e){e?this.element.setAttribute(Ri,""):this.element.removeAttribute(Ri),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceFocusWithin(){return this.element.hasAttribute(Fi)}set cssForceFocusWithin(e){e?this.element.setAttribute(Fi,""):this.element.removeAttribute(Fi),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceFocusVisible(){return this.element.hasAttribute(zi)}set cssForceFocusVisible(e){e?this.element.setAttribute(zi,""):this.element.removeAttribute(zi),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}}});function ca(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}var Wh=g(()=>{"use strict"});var Mr,Or=g(()=>{"use strict";Mr=navigator.userAgent.toLowerCase().includes("firefox")});var Lr,ha=g(()=>{"use strict";ee();Wh();oe();Or();Lr=class{async getElement(e,t,i){if(e.import){let l=e.import;l[0]==="."&&(l=(window.location.origin+window.location.pathname).split("/").slice(0,-1).join("/")+"/"+l),window.importShim?importShim(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}):import(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}),i.designContext.imports.indexOf(l)<=0&&i.designContext.imports.push(l)}let r="";if(e.defaultAttributes)for(let l in e.defaultAttributes){let c=e.defaultAttributes[l];try{typeof c=="object"?r+=" "+l+'="'+ca(JSON.stringify(e.defaultAttributes[l]))+'"':r+=" "+l+'="'+ca(e.defaultAttributes[l])+'"'}catch(h){console.warn(h)}}let s="<"+e.tag+r+"></"+e.tag+">",o=yr(s,i.designerCanvas.rootDesignItem.document);if(o._inNodeProjectsDesignerView=!0,e.defaultWidth&&(o.style.width=e.defaultWidth),e.defaultHeight&&(o.style.height=e.defaultHeight),o.style.position="absolute",e.defaultStyles)for(let l in e.defaultStyles)o.style[l]=e.defaultStyles[l];if(e.defaultContent)if(typeof e.defaultContent=="string"){let l;i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe&&!Mr?l=i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe(e.defaultContent):l=new i.designerCanvas.rootDesignItem.window.DOMParser().parseFromString(e.defaultContent,"text/html",{includeShadowRoots:!0}),o.append(...l.head.childNodes),o.append(...l.body.childNodes)}else o.appendChild(e.defaultContent);return M.createDesignItemFromInstance(o,t,i)}}});var $,Se=g(()=>{"use strict";nt();$=class{element;property;designItems;disableChangeNotification=!1;constructor(e){this.property=e}async _valueChanged(e){if(!this.disableChangeNotification&&this.designItems&&this.designItems.length){let t=this.designItems[0].openGroup("set property: "+this.property.name);e==null?this.property.service.clearValue(this.designItems,this.property,"value"):await this.property.service.setValue(this.designItems,this.property,e),t.commit()}}designItemsChanged(e){this.designItems=e}refreshValueWithoutNotification(e,t){e==H.none?this.element.classList.add("unset-value"):this.element.classList.remove("unset-value"),this.disableChangeNotification=!0;try{this.refreshValue(e,t)}catch(i){console.error(i)}this.disableChangeNotification=!1}}});var ei,da=g(()=>{"use strict";ei=class n{red=0;green=0;blue=0;hue=0;sat=0;lightness=0;whiteness=0;blackness=0;cyan=0;magenta=0;yellow=0;black=0;ncol="R";opacity=1;valid=!1;toRgbString(){return"rgb("+this.red+", "+this.green+", "+this.blue+")"}toRgbaString(){return"rgba("+this.red+", "+this.green+", "+this.blue+", "+this.opacity+")"}toHwbString(){return"hwb("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%)"}toHwbStringDecimal(){return"hwb("+this.hue+", "+this.whiteness+", "+this.blackness+")"}toHwbaString(){return"hwba("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity+")"}toHslString(){return"hsl("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%)"}toHslStringDecimal(){return"hsl("+this.hue+", "+this.sat+", "+this.lightness+")"}toHslaString(){return"hsla("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%, "+this.opacity+")"}toCmykString(){return"cmyk("+Math.round(this.cyan*100)+"%, "+Math.round(this.magenta*100)+"%, "+Math.round(this.yellow*100)+"%, "+Math.round(this.black*100)+"%)"}toCmykStringDecimal(){return"cmyk("+this.cyan+", "+this.magenta+", "+this.yellow+", "+this.black+")"}toNcolString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%"}toNcolStringDecimal(){return this.ncol+", "+this.whiteness+", "+this.blackness}toNcolaString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity}toName(){let e,t,i,r=n.getColorArr("hexs");for(let s=0;s<r.length;s++)if(e=parseInt(r[s].substr(0,2),16),t=parseInt(r[s].substr(2,2),16),i=parseInt(r[s].substr(4,2),16),this.red==e&&this.green==t&&this.blue==i)return n.getColorArr("names")[s];return null}toHexString(){let e=n.toHex(this.red),t=n.toHex(this.green),i=n.toHex(this.blue);return"#"+e+t+i}toNameOrHexString(){let e=this.toName();return e||(e=this.toHexString()),e}toRgb(){return{r:this.red,g:this.green,b:this.blue,a:this.opacity}}toHsl(){return{h:this.hue,s:this.sat,l:this.lightness,a:this.opacity}}toHwb(){return{h:this.hue,w:this.whiteness,b:this.blackness,a:this.opacity}}toCmyk(){return{c:this.cyan,m:this.magenta,y:this.yellow,k:this.black,a:this.opacity}}toNcol(){return{ncol:this.ncol,w:this.whiteness,b:this.blackness,a:this.opacity}}isDark(e){let t=e||128;return(this.red*299+this.green*587+this.blue*114)/1e3<t}saturate(e){let t,i,r;t=e/100||.1,this.sat+=t,this.sat>1&&(this.sat=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}desaturate(e){let t,i,r;t=e/100||.1,this.sat-=t,this.sat<0&&(this.sat=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}lighter(e){let t,i,r;t=e/100||.1,this.lightness+=t,this.lightness>1&&(this.lightness=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}darker(e){let t,i,r;t=e/100||.1,this.lightness-=t,this.lightness<0&&(this.lightness=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}attachValues(e){this.red=e.red,this.green=e.green,this.blue=e.blue,this.hue=e.hue,this.sat=e.sat,this.lightness=e.lightness,this.whiteness=e.whiteness,this.blackness=e.blackness,this.cyan=e.cyan,this.magenta=e.magenta,this.yellow=e.yellow,this.black=e.black,this.ncol=e.ncol,this.opacity=e.opacity,this.valid=e.valid}static toColorObject(e){let t,i,r,s=[],o,a,l,c,h,d,p,f,m=[],u=[];if(e=n.w3trim(e.toLowerCase()),t=e.substr(0,1).toUpperCase(),i=e.substr(1),h=1,(t=="R"||t=="Y"||t=="G"||t=="C"||t=="B"||t=="M"||t=="W")&&!isNaN(i)&&(e.length==6&&e.indexOf(",")==-1||(e="ncol("+e+")")),e.length!=3&&e.length!=6&&!isNaN(e)&&(e="ncol("+e+")"),e.indexOf(",")>0&&e.indexOf("(")==-1&&(e="ncol("+e+")"),e.substr(0,3)=="rgb"||e.substr(0,3)=="hsl"||e.substr(0,3)=="hwb"||e.substr(0,4)=="ncol"||e.substr(0,4)=="cmyk"){if(e.substr(0,4)=="ncol"?(e.split(",").length==4&&e.indexOf("ncola")==-1&&(e=e.replace("ncol","ncola")),r="ncol",e=e.substr(4)):e.substr(0,4)=="cmyk"?(r="cmyk",e=e.substr(4)):(r=e.substr(0,3),e=e.substr(3)),o=3,l=!1,e.substr(0,1).toLowerCase()=="a"?(o=4,l=!0,e=e.substr(1)):r=="cmyk"&&(o=4,e.split(",").length==5&&(o=5,l=!0)),e=e.replace("(",""),e=e.replace(")",""),s=e.split(","),r=="rgb"){if(s.length!=o)return new n;for(a=0;a<o;a++){if((s[a]==""||s[a]==" ")&&(s[a]="0"),s[a].indexOf("%")>-1&&(s[a]=s[a].replace("%",""),s[a]=Number(s[a]/100),a<3&&(s[a]=Math.round(s[a]*255))),isNaN(s[a]))return new n;parseInt(s[a])>255&&(s[a]=255),a<3&&(s[a]=parseInt(s[a])),a==3&&Number(s[a])>1&&(s[a]=1)}f={r:s[0],g:s[1],b:s[2]},l==!0&&(h=Number(s[3]))}if(r=="hsl"||r=="hwb"||r=="ncol"){for(;s.length<o;)s.push("0");for((r=="hsl"||r=="hwb")&&parseInt(s[0])>=360&&(s[0]=0),a=1;a<o;a++){if(s[a].indexOf("%")>-1){if(s[a]=s[a].replace("%",""),s[a]=Number(s[a]),isNaN(s[a]))return new n;s[a]=s[a]/100}else s[a]=Number(s[a]);Number(s[a])>1&&(s[a]=1),Number(s[a])<0&&(s[a]=0)}r=="hsl"&&(f=n.hslToRgb(s[0],s[1],s[2]),d=Number(s[0]),p=Number(s[1])),r=="hwb"&&(f=n.hwbToRgb(s[0],s[1],s[2])),r=="ncol"&&(f=n.ncolToRgb(s[0],s[1],s[2])),l==!0&&(h=Number(s[3]))}if(r=="cmyk"){for(;s.length<o;)s.push("0");for(a=0;a<o;a++){if(s[a].indexOf("%")>-1){if(s[a]=s[a].replace("%",""),s[a]=Number(s[a]),isNaN(s[a]))return new n;s[a]=s[a]/100}else s[a]=Number(s[a]);Number(s[a])>1&&(s[a]=1),Number(s[a])<0&&(s[a]=0)}f=n.cmykToRgb(s[0],s[1],s[2],s[3]),l==!0&&(h=Number(s[4]))}}else if(e.substr(0,3)=="ncs")f=n.ncsToRgb(e);else{for(c=!1,m=n.getColorArr("names"),a=0;a<m.length;a++)if(e.toLowerCase()==m[a].toLowerCase()){u=n.getColorArr("hexs"),c=!0,f={r:parseInt(u[a].substr(0,2),16),g:parseInt(u[a].substr(2,2),16),b:parseInt(u[a].substr(4,2),16)};break}if(c==!1){for(e=e.replace("#",""),e.length==3&&(e=e.substr(0,1)+e.substr(0,1)+e.substr(1,1)+e.substr(1,1)+e.substr(2,1)+e.substr(2,1)),a=0;a<e.length;a++)if(!n.isHex(e.substr(a,1)))return new n;for(s[0]=parseInt(e.substr(0,2),16),s[1]=parseInt(e.substr(2,2),16),s[2]=parseInt(e.substr(4,2),16),a=0;a<3;a++)if(isNaN(s[a]))return new n;f={r:s[0],g:s[1],b:s[2]}}}return n.colorObject(f,h,d,p)}static colorObject(e,t,i,r){let s,o,a,l,c,h,d;return e?(t===null&&(t=1),s=n.rgbToHsl(e.r,e.g,e.b),o=n.rgbToHwb(e.r,e.g,e.b),a=n.rgbToCmyk(e.r,e.g,e.b),h=i||s.h,d=r||s.s,l=n.hueToNcol(h),c={red:e.r,green:e.g,blue:e.b,hue:h,sat:d,lightness:s.l,whiteness:o.w,blackness:o.b,cyan:a.c,magenta:a.m,yellow:a.y,black:a.k,ncol:l,opacity:t,valid:!0},c=n.roundDecimals(c),Object.assign(new n,c)):new n}static getColorArr(e){return e=="names"?["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"]:e=="hexs"?["f0f8ff","faebd7","00ffff","7fffd4","f0ffff","f5f5dc","ffe4c4","000000","ffebcd","0000ff","8a2be2","a52a2a","deb887","5f9ea0","7fff00","d2691e","ff7f50","6495ed","fff8dc","dc143c","00ffff","00008b","008b8b","b8860b","a9a9a9","a9a9a9","006400","bdb76b","8b008b","556b2f","ff8c00","9932cc","8b0000","e9967a","8fbc8f","483d8b","2f4f4f","2f4f4f","00ced1","9400d3","ff1493","00bfff","696969","696969","1e90ff","b22222","fffaf0","228b22","ff00ff","dcdcdc","f8f8ff","ffd700","daa520","808080","808080","008000","adff2f","f0fff0","ff69b4","cd5c5c","4b0082","fffff0","f0e68c","e6e6fa","fff0f5","7cfc00","fffacd","add8e6","f08080","e0ffff","fafad2","d3d3d3","d3d3d3","90ee90","ffb6c1","ffa07a","20b2aa","87cefa","778899","778899","b0c4de","ffffe0","00ff00","32cd32","faf0e6","ff00ff","800000","66cdaa","0000cd","ba55d3","9370db","3cb371","7b68ee","00fa9a","48d1cc","c71585","191970","f5fffa","ffe4e1","ffe4b5","ffdead","000080","fdf5e6","808000","6b8e23","ffa500","ff4500","da70d6","eee8aa","98fb98","afeeee","db7093","ffefd5","ffdab9","cd853f","ffc0cb","dda0dd","b0e0e6","800080","663399","ff0000","bc8f8f","4169e1","8b4513","fa8072","f4a460","2e8b57","fff5ee","a0522d","c0c0c0","87ceeb","6a5acd","708090","708090","fffafa","00ff7f","4682b4","d2b48c","008080","d8bfd8","ff6347","40e0d0","ee82ee","f5deb3","ffffff","f5f5f5","ffff00","9acd32"]:null}static roundDecimals(e){return e.red=Number(e.red.toFixed(0)),e.green=Number(e.green.toFixed(0)),e.blue=Number(e.blue.toFixed(0)),e.hue=Number(e.hue.toFixed(0)),e.sat=Number(e.sat.toFixed(2)),e.lightness=Number(e.lightness.toFixed(2)),e.whiteness=Number(e.whiteness.toFixed(2)),e.blackness=Number(e.blackness.toFixed(2)),e.cyan=Number(e.cyan.toFixed(2)),e.magenta=Number(e.magenta.toFixed(2)),e.yellow=Number(e.yellow.toFixed(2)),e.black=Number(e.black.toFixed(2)),e.ncol=e.ncol.substr(0,1)+Math.round(Number(e.ncol.substr(1))),e.opacity=Number(e.opacity.toFixed(2)),e}static hslToRgb(e,t,i){let r,s,o,a,l;return e=e/60,i<=.5?s=i*(t+1):s=i+t-i*t,r=i*2-s,o=n.hueToRgb(r,s,e+2)*255,a=n.hueToRgb(r,s,e)*255,l=n.hueToRgb(r,s,e-2)*255,{r:o,g:a,b:l}}static hueToRgb(e,t,i){return i<0&&(i+=6),i>=6&&(i-=6),i<1?(t-e)*i+e:i<3?t:i<4?(t-e)*(4-i)+e:e}static hwbToRgb(e,t,i){let r,s,o=[],a;for(s=n.hslToRgb(e,1,.5),o[0]=s.r/255,o[1]=s.g/255,o[2]=s.b/255,a=t+i,a>1&&(t=Number((t/a).toFixed(2)),i=Number((i/a).toFixed(2))),r=0;r<3;r++)o[r]*=1-t-i,o[r]+=t,o[r]=Number(o[r]*255);return{r:o[0],g:o[1],b:o[2]}}static cmykToRgb(e,t,i,r){let s,o,a;return s=255-Math.min(1,e*(1-r)+r)*255,o=255-Math.min(1,t*(1-r)+r)*255,a=255-Math.min(1,i*(1-r)+r)*255,{r:s,g:o,b:a}}static ncolToRgb(e,t,i){let r,s,o;if(o=e,isNaN(e.substr(0,1))){if(r=e.substr(0,1).toUpperCase(),s=e.substr(1),s==""&&(s=0),s=Number(s),isNaN(s))return!1;r=="R"&&(o=0+s*.6),r=="Y"&&(o=60+s*.6),r=="G"&&(o=120+s*.6),r=="C"&&(o=180+s*.6),r=="B"&&(o=240+s*.6),r=="M"&&(o=300+s*.6),r=="W"&&(o=0,t=1-s/100,i=s/100)}return n.hwbToRgb(o,t,i)}static hueToNcol(e){for(;e>=360;)e=e-360;return e<60?"R"+e/.6:e<120?"Y"+(e-60)/.6:e<180?"G"+(e-120)/.6:e<240?"C"+(e-180)/.6:e<300?"B"+(e-240)/.6:e<360?"M"+(e-300)/.6:null}static ncsToRgb(e){let t,i,r,s,o,a,l,c,h,d,p,f,m,u,y,x,_,w,A;return e=n.w3trim(e).toUpperCase(),e=e.replace("(",""),e=e.replace(")",""),e=e.replace("NCS","NCS "),e=e.replace(/ /g," "),e.indexOf("NCS")==-1&&(e="NCS "+e),e=e.match(/^(?:NCS|NCS\sS)\s(\d{2})(\d{2})-(N|[A-Z])(\d{2})?([A-Z])?$/),e===null||(t=parseInt(e[1],10),i=parseInt(e[2],10),r=e[3],r!="N"&&r!="Y"&&r!="R"&&r!="B"&&r!="G")?null:(s=parseInt(e[4],10)||0,r!=="N"?(o=1.05*t-5.25,a=i,r==="Y"&&s<=60?h=1:r==="Y"&&s>60||r==="R"&&s<=80?(r==="Y"?l=s-60:l=s+40,h=(Math.sqrt(14884-Math.pow(l,2))-22)/100):r==="R"&&s>80||r==="B"?h=0:r==="G"&&(l=s-170,h=(Math.sqrt(33800-Math.pow(l,2))-70)/100),r==="Y"&&s<=80?c=0:r==="Y"&&s>80||r==="R"&&s<=60?(r==="Y"?l=s-80+20.5:l=s+20+20.5,c=(104-Math.sqrt(11236-Math.pow(l,2)))/100):r==="R"&&s>60||r==="B"&&s<=80?(r==="R"?l=s-60-60:l=s+40-60,c=(Math.sqrt(1e4-Math.pow(l,2))-10)/100):r==="B"&&s>80||r==="G"&&s<=40?(r==="B"?l=s-80-131:l=s+20-131,c=(122-Math.sqrt(19881-Math.pow(l,2)))/100):r==="G"&&s>40&&(c=0),r==="Y"?p=(85-17/20*s)/100:r==="R"&&s<=60?p=0:r==="R"&&s>60?(l=s-60+35,p=(67.5-Math.sqrt(5776-Math.pow(l,2)))/100):r==="B"&&s<=60?(l=1*s-68.5,p=(6.5+Math.sqrt(7044.5-Math.pow(l,2)))/100):r==="B"&&s>60||r==="G"&&s<=60?p=.9:r==="G"&&s>60&&(l=s-60,p=(90-1/8*l)/100),l=(h+p+c)/3,d=(l-h)*(100-a)/100+h,f=(l-p)*(100-a)/100+p,m=(l-c)*(100-a)/100+c,d>f&&d>m?u=d:f>d&&f>m?u=f:m>d&&m>f?u=m:u=(d+f+m)/3,y=1/u,_=parseInt(d*y*(100-o)/100*255,10),w=parseInt(f*y*(100-o)/100*255,10),A=parseInt(m*y*(100-o)/100*255,10),_>255&&(_=255),w>255&&(w=255),A>255&&(A=255),_<0&&(_=0),w<0&&(w=0),A<0&&(A=0)):(x=parseInt((1-t/100)*255,10),x>255&&(x=255),x<0&&(x=0),_=x,w=x,A=x),{r:_,g:w,b:A})}static rgbToHsl(e,t,i){let r,s,o,a,l,c,h,d=[];for(d[0]=e/255,d[1]=t/255,d[2]=i/255,r=d[0],s=d[0],c=0,o=0;o<d.length-1;o++)d[o+1]<=r&&(r=d[o+1]),d[o+1]>=s&&(s=d[o+1],c=o+1);return c==0&&(h=(d[1]-d[2])/(s-r)),c==1&&(h=2+(d[2]-d[0])/(s-r)),c==2&&(h=4+(d[0]-d[1])/(s-r)),isNaN(h)&&(h=0),h=h*60,h<0&&(h=h+360),a=(r+s)/2,r==s?l=0:a<.5?l=(s-r)/(s+r):l=(s-r)/(2-s-r),l=l,{h,s:l,l:a}}static rgbToHwb(e,t,i){let r,s,o;e=e/255,t=t/255,i=i/255;let a=Math.max(e,t,i),l=Math.min(e,t,i),c=a-l;return c==0?r=0:e==a?r=(t-i)/c%6*360:t==a?r=((i-e)/c+2)%6*360:r=((e-t)/c+4)%6*360,s=l,o=1-a,{h:r,w:s,b:o}}static rgbToCmyk(e,t,i){let r,s,o,a;return e=e/255,t=t/255,i=i/255,a=1-Math.max(e,t,i),a==1?(r=0,s=0,o=0):(r=(1-e-a)/(1-a),s=(1-t-a)/(1-a),o=(1-i-a)/(1-a)),{c:r,m:s,y:o,k:a}}static toHex(e){let t=e.toString(16);for(;t.length<2;)t="0"+t;return t}static w3trim(e){return e.replace(/^\s+|\s+$/g,"")}static isHex(e){return"0123456789ABCDEFabcdef".indexOf(e)>-1}}});var Nr,pa=g(()=>{"use strict";Se();da();Nr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="color",e.readonly&&(t.readOnly=!0),t.onchange=async i=>{let r=ei.toColorObject(t.value);await this.property.service.removePreviewValue?.(this.designItems,this.property),this._valueChanged(r.toNameOrHexString())},t.oninput=async i=>{let r=ei.toColorObject(t.value);await this.property.service.previewValue?.(this.designItems,this.property,r.toNameOrHexString())},this.element=t}refreshValue(e,t){if(!t)this.element.value="#000000";else{let i=ei.toColorObject(t);this.element.value=i.toHexString()}}}});var Rr,ma=g(()=>{"use strict";Se();Rr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="datetime-local",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.value),this.element=t}refreshValue(e,t){t?this.element.value=t:this.element.value=null}}});import{html as Pp}from"@node-projects/base-custom-webcomponent";var Fr,ua=g(()=>{"use strict";Se();Fr=class n extends ${static template=Pp`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;_input;constructor(e){super(e);let t=n.template.content.cloneNode(!0);this._input=t.getElementById("input"),e.readonly&&(this._input.readOnly=!0),this._input.onchange=i=>this._valueChanged(this._input.value),this.element=t}refreshValue(e,t){this._input.value=t}}});var zr,fa=g(()=>{"use strict";Se();zr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="number",e.readonly&&(t.readOnly=!0),t.min=e.min,t.max=e.max,t.step=e.step,t.onchange=i=>this._valueChanged(t.value==""?null:t.valueAsNumber),this.element=t}refreshValue(e,t){this.element.value=t===void 0?null:t}}});var Bi,ga=g(()=>{"use strict";Se();Bi=class extends ${elementSelect;elementInput;constructor(e){super(e);let t=document.createElement("div"),i=document.createElement("select");if(e.type=="enum")for(let s of e.enumValues){let o=document.createElement("option");o.value=s[1],o.text=s[0],i.appendChild(o)}else for(let s of e.values){let o=document.createElement("option");o.value=s,o.text=s,i.appendChild(o)}e.readonly&&(i.disabled=!0),i.onchange=s=>this._valueChanged(i.value);let r=document.createElement("input");r.style.display="none",r.onchange=s=>this._valueChanged(r.value),this.elementSelect=i,this.elementInput=r,t.appendChild(this.elementSelect),t.appendChild(this.elementInput),this.element=t}refreshValue(e,t){this.elementSelect.style.display="block",this.elementInput.style.display="none",this.elementSelect.value=t,this.elementSelect.value!=t&&t&&(this.elementInput.value=t,this.elementSelect.style.display="none",this.elementInput.style.display="block")}}});var Br,ya=g(()=>{"use strict";Se();Br=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="text",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.value),t.onfocus=i=>{t.selectionStart=0,t.selectionEnd=t.value?.length},this.element=t}refreshValue(e,t){t==null?this.element.value="":this.element.value=t}}});var Vr,va=g(()=>{"use strict";Se();Vr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="checkbox",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.checked),this.element=t}refreshValue(e,t){this.element.checked=t}}});import{BaseCustomWebComponentConstructorAppend as Ip,css as Dp,html as kp}from"@node-projects/base-custom-webcomponent";var Vi,Gh=g(()=>{"use strict";Vi=class extends Ip{static style=Dp`div{font-size:10px;color:#fff}#property{color:#00aff0}#value{color:#d3d3d3}#value.value-set{color:wheat}.container{display:flex;flex-direction:row}::slotted(button){min-width:24px;height:24px;padding:1px;background:#fff;border:1px solid #d3d3d3}`;static template=kp`<div><div id="header" style="display:none"><span id="property"></span><span id="vhd">: <span id="value"></span></span></div><div part="container" class="container"><slot id="slot"></slot></div></div>`;static properties={value:String,property:String,unsetValue:String,noValueInHeader:Boolean};constructor(){super(),this._restoreCachedInititalValues()}_value;get value(){return this._value}set value(e){this._value=e,this._updateValue()}property;unsetValue;noValueInHeader;_updateValue(){this.value?(this._getDomElement("value").innerText=this.value,this._getDomElement("value").classList.add("value-set")):this._getDomElement("value").classList.remove("value-set");let e=this._getDomElement("slot");for(let t of e.assignedElements())t.dataset.value==this.value?t.style.background="cornflowerblue":t.style.background=""}ready(){this._parseAttributesToProperties(),this.property&&(this._getDomElement("header").style.display="block"),this.noValueInHeader&&(this._getDomElement("vhd").style.display="none");let e=this._getDomElement("slot");e.onclick=t=>{let i=t.composedPath();for(let r of e.assignedElements())if(i.indexOf(r)>=0){let s=this._value;this.value=r.dataset.value;let o=new CustomEvent("value-changed",{detail:{newValue:this._value,oldValue:s}});this.dispatchEvent(o)}},this._getDomElement("property").innerText=this.property??"",this._getDomElement("value").innerText=this.unsetValue??"",this._updateValue()}};customElements.define("node-projects-image-button-list-selector",Vi)});var ti,Lt,xa,jh,b,te=g(()=>{"use strict";ti="text/json/elementdefintion",Lt="text/json/bindingobject",xa="text/json/propertydrop",jh=new URL(import.meta.url),b=jh.origin+jh.pathname.split("/").slice(0,-1).join("/")+"/../assets/"});var Hr,_a=g(()=>{"use strict";Se();Gh();_e();te();Hr=class extends ${constructor(e){super(e);let t=new Vi;t.property=e.name,t.unsetValue=e.defaultValue;let i=F.camelToDashCase(e.name);if(e.type=="enum")for(let r of e.enumValues){let s=document.createElement("button");s.dataset.value=r[1];let o=document.createElement("img");o.title=r[1],o.src=b+"images/chromeDevtools/"+i+"-"+r[1]+"-icon.svg",s.appendChild(o),t.appendChild(s)}else for(let r of e.values){let s=document.createElement("button");s.dataset.value=r;let o=document.createElement("img");o.title=r,o.src=b+"images/chromeDevtools/"+i+"-"+r+"-icon.svg",s.appendChild(o),t.appendChild(s)}t.addEventListener("value-changed",r=>this._valueChanged(t.value)),this.element=t}refreshValue(e,t){this.element.value=t}}});import{BaseCustomWebComponentConstructorAppend as Tp,css as Mp,html as Op,TypedEvent as Wr}from"@node-projects/base-custom-webcomponent";var Hi,Uh=g(()=>{"use strict";Hi=class extends Tp{static style=Mp`:host{margin:4px;margin-left:auto;margin-right:auto}#container{display:grid;grid-template-columns:minmax(30px,40px) minmax(30px,60px) minmax(30px,40px);grid-template-rows:auto;grid-template-areas:" . top ." "left middle right" " . bottom .";column-gap:2px;row-gap:2px}input{width:20px;text-align:center;font-size:10px;height:20px;padding:0}#left{grid-area:left;justify-self:end}#top{grid-area:top;align-self:end;justify-self:center}#right{grid-area:right;justify-self:start}#bottom{grid-area:bottom;align-self:start;justify-self:center}#rect{grid-area:middle;border:1px solid #000;background:#d3d3d3}`;static template=Op`<div id="container"><input id="left"> <input id="top"> <input id="right"> <input id="bottom"><div id="rect"></div></div>`;_leftInput;_topInput;_rightInput;_bottomInput;_valueLeft;get valueLeft(){return this._valueLeft}set valueLeft(e){let t=this._valueLeft;this._valueLeft=e,t!==e&&(this._updateValue(),this.valueLeftChanged.emit({newValue:e,oldValue:t}))}valueLeftChanged=new Wr;_valueTop;get valueTop(){return this._valueTop}set valueTop(e){let t=this._valueTop;this._valueTop=e,t!==e&&(this._updateValue(),this.valueTopChanged.emit({newValue:e,oldValue:t}))}valueTopChanged=new Wr;_valueRight;get valueRight(){return this._valueRight}set valueRight(e){let t=this._valueRight;this._valueRight=e,t!==e&&(this._updateValue(),this.valueRightChanged.emit({newValue:e,oldValue:t}))}valueRightChanged=new Wr;_valueBottom;get valueBottom(){return this._valueBottom}set valueBottom(e){let t=this._valueBottom;this._valueBottom=e,t!==e&&(this._updateValue(),this.valueBottomChanged.emit({newValue:e,oldValue:t}))}valueBottomChanged=new Wr;property;unsetValue;_updateValue(){this._leftInput.value=this.valueLeft,this._topInput.value=this.valueTop,this._rightInput.value=this.valueRight,this._bottomInput.value=this._valueBottom}ready(){this._parseAttributesToProperties(),this._leftInput=this._getDomElement("left"),this._topInput=this._getDomElement("top"),this._rightInput=this._getDomElement("right"),this._bottomInput=this._getDomElement("bottom"),this._leftInput.onkeyup=e=>{e.key==="Enter"&&(this._valueLeft=this._leftInput.value)},this._topInput.onkeyup=e=>{e.key==="Enter"&&(this._valueTop=this._topInput.value)},this._rightInput.onkeyup=e=>{e.key==="Enter"&&(this._valueRight=this._rightInput.value)},this._bottomInput.onkeyup=e=>{e.key==="Enter"&&(this._valueBottom=this._bottomInput.value)},this._leftInput.onblur=e=>this._valueLeft=this._leftInput.value,this._topInput.onblur=e=>this._valueTop=this._topInput.value,this._rightInput.onblur=e=>this._valueRight=this._rightInput.value,this._bottomInput.onblur=e=>this._valueBottom=this._bottomInput.value,this._updateValue()}};customElements.define("node-projects-thickness-editor",Hi)});var Gr,ba=g(()=>{"use strict";Se();Uh();Gr=class extends ${constructor(e){super(e);let t=new Hi;t.property=e.name,t.valueLeftChanged.on(i=>this._valueChanged(i.newValue)),this.element=t}refreshValue(e,t){this.element.valueLeft=t}}});var ii,Sa=g(()=>{"use strict";Se();ii=class n extends ${static fontList;constructor(e){super(e);let t=document.createElement("select");e.readonly&&(t.disabled=!0),this.element=t,n.addFontsToSelect(t),this.element.onchange=i=>this._valueChanged(this.element.value)}static addFontsToSelect(e){n.fontList?n.parseFontList(e):window.queryLocalFonts?window.queryLocalFonts().then(t=>{n.fontList=[...new Set(t.map(i=>i.family))],n.parseFontList(e)}):(n.fontList=["Verdana","Arial","Tahoma","Trebuchet MS","Times New Roman","Georgia","Garamond","Courier New","Brush Script MT"],n.parseFontList(e))}static parseFontList(e){for(let t of n.fontList){let i=document.createElement("option");i.value=t,i.text=t,e.appendChild(i)}}refreshValue(e,t){this.element.value=t}}});var jr,Kh=g(()=>{"use strict";Se();jr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="number",e.readonly&&(t.readOnly=!0),t.min=e.min??"0",t.max=e.max??"360",t.step=e.step,t.onchange=i=>this._valueChanged(t.value==""?null:t.valueAsNumber+"deg"),this.element=t}refreshValue(e,t){this.element.valueAsNumber=t===void 0?null:parseFloat(t)}}});var Ur,wa=g(()=>{"use strict";pa();ma();ua();fa();ga();ya();va();_a();ba();Sa();Kh();Ur=class{getEditorForProperty(e){if(e.createEditor)return e.createEditor(e);switch(e.type){case"json":return new Fr(e);case"color":return new Nr(e);case"font":return new ii(e);case"date":return new Rr(e);case"number":return new zr(e);case"angle":return new jr(e);case"list":return new Bi(e);case"enum":return new Bi(e);case"boolean":return new Vr(e);case"img-list":return new Hr(e);case"thickness":return new Gr(e);case"css-length":case"string":default:return new Br(e)}}}});import{BaseCustomWebComponentLazyAppend as Lp,BaseCustomWebComponentConstructorAppend as Np,BaseCustomWebComponentNoAttachedTemplate as Rp,BaseCustomWebComponentConstructorAppendLazyReady as Fp}from"@node-projects/base-custom-webcomponent";var Kr,Ca=g(()=>{"use strict";Zt();Kr=class extends Ue{name="baseCustomWebComponent";isHandledElement(e){return e.element instanceof Lp||e.element instanceof Fp||e.element instanceof Np||e.element instanceof Rp}_notifyChangedProperty(e,t,i){e.element._parseAttributesToProperties()}}});function Yr(n,e,t){if(e==null||e==""){n.style.transform=t;return}let i=new DOMMatrix(e),s=new DOMMatrix(t).multiply(i);n.style.transform=s.toString()}function Ea(n,e){let t=e.inverse();return n.matrixTransform(t)}function ri(n){return new DOMPoint(n.m41,n.m42,0,0)}var Xr=g(()=>{"use strict"});function ae(n){let e=[];e:for(let t of n){let i=t.parent;for(;i!=null&&!i.isRootItem;){if(n.indexOf(i)>=0)continue e;i=i.parent}e.push(t)}return e}function Zr(n,e){if(e==="position"){let t=getComputedStyle(n.element),i=parseFloat(t.left);i=Number.isNaN(i)?null:i;let r=parseFloat(t.top);return r=Number.isNaN(r)?null:r,{x:i,y:r}}return{x:0,y:0}}function qr(n,e,t,i){let r=e.element,s=getComputedStyle(r);if(i==="position"){let o=n.element,a=n.getComputedStyle();a.position!=="relative"&&a.position!=="absolute"&&o.offsetParent&&(o=o.offsetParent,a=n.window.getComputedStyle(o));let l=null,c=null,h=null,d=null,p=0,f=0,m=0,u=0,y=!1;if(s.position==="relative"||s.position==="absolute")l=parseFloat(r.style.left),l=Number.isNaN(l)?null:l,h=parseFloat(r.style.top),h=Number.isNaN(h)?null:h,c=parseFloat(r.style.right),c=Number.isNaN(c)?null:c,d=parseFloat(r.style.bottom),d=Number.isNaN(d)?null:d,y=!0;else if(o!==n.element){let x=G(o),_=G(e.element);p=_.left-x.left,f=_.right-x.right,m=_.top-x.top,u=_.bottom-x.bottom}y||e.setStyle("position","absolute"),(l||c==null)&&e.setStyle("left",R(e,t.x+(l??0)+p)+"px"),(h||d==null)&&e.setStyle("top",R(e,t.y+(h??0)+m)+"px"),c!=null&&e.setStyle("right",R(e,(c??0)-t.x+f)+"px"),d!=null&&e.setStyle("bottom",R(e,(d??0)-t.y+u)+"px")}}function R(n,e){return n.serviceContainer.options.roundPixelsToDecimalPlaces>=0?e.toFixed(n.serviceContainer.options.roundPixelsToDecimalPlaces):e.toString()}var Pe=g(()=>{"use strict";oe()});function ot(n,e,t=!1){let i,r=Yh(n,e),s;return t?r>=315&&r<360||r>=0&&r<45?i={x:e.x,y:n.y}:r>=45&&r<135?i={x:n.x,y:e.y}:r>=135&&r<225?i={x:e.x,y:n.y}:r>=225&&r<315&&(i={x:n.x,y:e.y}):r>=337.5&&r<360||r>=0&&r<22.5?i={x:e.x,y:n.y}:r>=22.5&&r<67.5?(s=Ye(n,e),i={x:n.x+s,y:n.y-s}):r>=67.5&&r<112.5?i={x:n.x,y:e.y}:r>=112.5&&r<157.5?(s=Ye(n,e),i={x:n.x-s,y:n.y-s}):r>=157.5&&r<202.5?i={x:e.x,y:n.y}:r>=202.5&&r<247.5?(s=Ye(n,e),i={x:n.x-s,y:n.y+s}):r>=247.5&&r<292.5?i={x:n.x,y:e.y}:r>=292.5&&r<337.5&&(s=Ye(n,e),i={x:n.x+s,y:n.y+s}),i}function Ye(n,e){let t,i=Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)),r=Yh(n,e),s=r-(Math.floor(r/90)*90+45);return t=i*Math.cos(s*(Math.PI/180))/Math.sqrt(2),t}function Yh(n,e){let t=-1*Math.atan2(e.y-n.y,e.x-n.x)*180/Math.PI;return t<0&&(t+=360),t}function Xh(n,e,t){let i="",r=n.getPathData({normalize:!0});for(let s of r)switch(s.type){case"M":case"m":case"L":case"l":case"T":case"t":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" ";break;case"Z":case"z":i+=s.type+" ";break;case"C":case"c":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" "+(s.values[2]-e)+" "+(s.values[3]-t)+" "+(s.values[4]-e)+" "+(s.values[5]-t)+" ";break;case"S":case"s":case"Q":case"q":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" "+(s.values[2]-e)+" "+(s.values[3]-t)+" ";break;case"A":case"a":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" "+s.values[2]+" "+s.values[3]+" "+s.values[4]+" "+(s.values[5]-e)+" "+(s.values[6]-t)+" ";break}return i}function We(n){let e="";for(let i of n){e+=i.type+" ";for(var t=0;t<i.values.length;t++)i.values[t]!=null&&!isNaN(i.values[t])&&(e+=i.values[t]+" ")}return e}var Ge=g(()=>{"use strict";(!SVGPathElement.prototype.getPathData||!SVGPathElement.prototype.setPathData)&&(function(){var n={Z:"Z",M:"M",L:"L",C:"C",Q:"Q",A:"A",H:"H",V:"V",S:"S",T:"T",z:"Z",m:"m",l:"l",c:"c",q:"q",a:"a",h:"h",v:"v",s:"s",t:"t"},e=function(o){this._string=o,this._currentIndex=0,this._endIndex=this._string.length,this._prevCommand=null,this._skipOptionalSpaces()};e.prototype={parseSegment:function(){var o=this._string[this._currentIndex],a=n[o]?n[o]:null;if(a===null){if(this._prevCommand===null||((o==="+"||o==="-"||o==="."||o>="0"&&o<="9")&&this._prevCommand!=="Z"?this._prevCommand==="M"?a="L":this._prevCommand==="m"?a="l":a=this._prevCommand:a=null,a===null))return null}else this._currentIndex+=1;this._prevCommand=a;var l=null,c=a.toUpperCase();return c==="H"||c==="V"?l=[this._parseNumber()]:c==="M"||c==="L"||c==="T"?l=[this._parseNumber(),this._parseNumber()]:c==="S"||c==="Q"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="C"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="A"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseArcFlag(),this._parseArcFlag(),this._parseNumber(),this._parseNumber()]:c==="Z"&&(this._skipOptionalSpaces(),l=[]),l===null||l.indexOf(null)>=0?null:{type:a,values:l}},hasMoreData:function(){return this._currentIndex<this._endIndex},peekSegmentType:function(){var o=this._string[this._currentIndex];return n[o]?n[o]:null},initialCommandIsMoveTo:function(){if(!this.hasMoreData())return!0;var o=this.peekSegmentType();return o==="M"||o==="m"},_isCurrentSpace:function(){var o=this._string[this._currentIndex];return o<=" "&&(o===" "||o===`
5
- `||o===" "||o==="\r"||o==="\f")},_skipOptionalSpaces:function(){for(;this._currentIndex<this._endIndex&&this._isCurrentSpace();)this._currentIndex+=1;return this._currentIndex<this._endIndex},_skipOptionalSpacesOrDelimiter:function(){return this._currentIndex<this._endIndex&&!this._isCurrentSpace()&&this._string[this._currentIndex]!==","?!1:(this._skipOptionalSpaces()&&this._currentIndex<this._endIndex&&this._string[this._currentIndex]===","&&(this._currentIndex+=1,this._skipOptionalSpaces()),this._currentIndex<this._endIndex)},_parseNumber:function(){var o=0,a=0,l=1,c=0,h=1,d=1,p=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,h=-1),this._currentIndex===this._endIndex||(this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")&&this._string[this._currentIndex]!==".")return null;for(var f=this._currentIndex;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)this._currentIndex+=1;if(this._currentIndex!==f)for(var m=this._currentIndex-1,u=1;m>=f;)a+=u*(this._string[m]-"0"),m-=1,u*=10;if(this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="."){if(this._currentIndex+=1,this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)l*=10,c+=(this._string.charAt(this._currentIndex)-"0")/l,this._currentIndex+=1}if(this._currentIndex!==p&&this._currentIndex+1<this._endIndex&&(this._string[this._currentIndex]==="e"||this._string[this._currentIndex]==="E")&&this._string[this._currentIndex+1]!=="x"&&this._string[this._currentIndex+1]!=="m"){if(this._currentIndex+=1,this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,d=-1),this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)o*=10,o+=this._string[this._currentIndex]-"0",this._currentIndex+=1}var y=a+c;return y*=h,o&&(y*=Math.pow(10,d*o)),p===this._currentIndex?null:(this._skipOptionalSpacesOrDelimiter(),y)},_parseArcFlag:function(){if(this._currentIndex>=this._endIndex)return null;var o=null,a=this._string[this._currentIndex];if(this._currentIndex+=1,a==="0")o=0;else if(a==="1")o=1;else return null;return this._skipOptionalSpacesOrDelimiter(),o}};var t=function(o){if(!o||o.length===0)return[];var a=new e(o),l=[];if(a.initialCommandIsMoveTo())for(;a.hasMoreData();){var c=a.parseSegment();if(c===null)break;l.push(c)}return l},i=function(o,a,l,c,h,d,p,f,m,u){var y=function(At){return Math.PI*At/180},x=function(At,Ai,Pt){var tp=At*Math.cos(Pt)-Ai*Math.sin(Pt),ip=At*Math.sin(Pt)+Ai*Math.cos(Pt);return{x:tp,y:ip}},_=y(p),w=[],A,D,P,T;if(u)A=u[0],D=u[1],P=u[2],T=u[3];else{var N=x(o,a,-_);o=N.x,a=N.y;var X=x(l,c,-_);l=X.x,c=X.y;var O=(o-l)/2,K=(a-c)/2,ne=O*O/(h*h)+K*K/(d*d);ne>1&&(ne=Math.sqrt(ne),h=ne*h,d=ne*d);var re;f===m?re=-1:re=1;var de=h*h,Ee=d*d,tt=de*Ee-de*K*K-Ee*O*O,se=de*K*K+Ee*O*O,Z=re*Math.sqrt(Math.abs(tt/se));P=Z*h*K/d+(o+l)/2,T=Z*-d*O/h+(a+c)/2,A=Math.asin(parseFloat(((a-T)/d).toFixed(9))),D=Math.asin(parseFloat(((c-T)/d).toFixed(9))),o<P&&(A=Math.PI-A),l<P&&(D=Math.PI-D),A<0&&(A=Math.PI*2+A),D<0&&(D=Math.PI*2+D),m&&A>D&&(A=A-Math.PI*2),!m&&D>A&&(D=D-Math.PI*2)}var he=D-A;if(Math.abs(he)>Math.PI*120/180){var it=D,Oe=l,ze=c;m&&D>A?D=A+Math.PI*120/180*1:D=A+Math.PI*120/180*-1,l=P+h*Math.cos(D),c=T+d*Math.sin(D),w=i(l,c,Oe,ze,h,d,p,0,m,[D,it,P,T])}he=D-A;var Le=Math.cos(A),Ut=Math.sin(A),Kt=Math.cos(D),hr=Math.sin(D),Ei=Math.tan(he/4),Eh=4/3*h*Ei,Ah=4/3*d*Ei,Ph=[o,a],Yt=[o+Eh*Ut,a-Ah*Le],Ih=[l+Eh*hr,c-Ah*Kt],Dh=[l,c];if(Yt[0]=2*Ph[0]-Yt[0],Yt[1]=2*Ph[1]-Yt[1],u)return[Yt,Ih,Dh].concat(w);w=[Yt,Ih,Dh].concat(w);for(var kh=[],ft=0;ft<w.length;ft+=3){let At=x(w[ft][0],w[ft][1],_),Ai=x(w[ft+1][0],w[ft+1][1],_),Pt=x(w[ft+2][0],w[ft+2][1],_);kh.push([At.x,At.y,Ai.x,Ai.y,Pt.x,Pt.y])}return kh},r=function(o){var a=[],l=null,c=null,h=null,d=null;return o.forEach(function(p){var f=p.type;if(f==="M"){var m=p.values[0],u=p.values[1];a.push({type:"M",values:[m,u]}),h=m,d=u,l=m,c=u}else if(f==="m"){var m=l+p.values[0],u=c+p.values[1];a.push({type:"M",values:[m,u]}),h=m,d=u,l=m,c=u}else if(f==="L"){var m=p.values[0],u=p.values[1];a.push({type:"L",values:[m,u]}),l=m,c=u}else if(f==="l"){var m=l+p.values[0],u=c+p.values[1];a.push({type:"L",values:[m,u]}),l=m,c=u}else if(f==="C"){var y=p.values[0],x=p.values[1],_=p.values[2],w=p.values[3],m=p.values[4],u=p.values[5];a.push({type:"C",values:[y,x,_,w,m,u]}),l=m,c=u}else if(f==="c"){var y=l+p.values[0],x=c+p.values[1],_=l+p.values[2],w=c+p.values[3],m=l+p.values[4],u=c+p.values[5];a.push({type:"C",values:[y,x,_,w,m,u]}),l=m,c=u}else if(f==="Q"){var y=p.values[0],x=p.values[1],m=p.values[2],u=p.values[3];a.push({type:"Q",values:[y,x,m,u]}),l=m,c=u}else if(f==="q"){var y=l+p.values[0],x=c+p.values[1],m=l+p.values[2],u=c+p.values[3];a.push({type:"Q",values:[y,x,m,u]}),l=m,c=u}else if(f==="A"){var m=p.values[5],u=p.values[6];a.push({type:"A",values:[p.values[0],p.values[1],p.values[2],p.values[3],p.values[4],m,u]}),l=m,c=u}else if(f==="a"){var m=l+p.values[5],u=c+p.values[6];a.push({type:"A",values:[p.values[0],p.values[1],p.values[2],p.values[3],p.values[4],m,u]}),l=m,c=u}else if(f==="H"){var m=p.values[0];a.push({type:"H",values:[m]}),l=m}else if(f==="h"){var m=l+p.values[0];a.push({type:"H",values:[m]}),l=m}else if(f==="V"){var u=p.values[0];a.push({type:"V",values:[u]}),c=u}else if(f==="v"){var u=c+p.values[0];a.push({type:"V",values:[u]}),c=u}else if(f==="S"){var _=p.values[0],w=p.values[1],m=p.values[2],u=p.values[3];a.push({type:"S",values:[_,w,m,u]}),l=m,c=u}else if(f==="s"){var _=l+p.values[0],w=c+p.values[1],m=l+p.values[2],u=c+p.values[3];a.push({type:"S",values:[_,w,m,u]}),l=m,c=u}else if(f==="T"){var m=p.values[0],u=p.values[1];a.push({type:"T",values:[m,u]}),l=m,c=u}else if(f==="t"){var m=l+p.values[0],u=c+p.values[1];a.push({type:"T",values:[m,u]}),l=m,c=u}else(f==="Z"||f==="z")&&(a.push({type:"Z",values:[]}),l=h,c=d)}),a},s=function(o){var a=[],l=null,c=null,h=null,d=null,p=null,f=null,m=null;return o.forEach(function(u){if(u.type==="M"){var y=u.values[0],x=u.values[1];a.push({type:"M",values:[y,x]}),f=y,m=x,d=y,p=x}else if(u.type==="C"){var _=u.values[0],w=u.values[1],A=u.values[2],D=u.values[3],y=u.values[4],x=u.values[5];a.push({type:"C",values:[_,w,A,D,y,x]}),c=A,h=D,d=y,p=x}else if(u.type==="L"){var y=u.values[0],x=u.values[1];a.push({type:"L",values:[y,x]}),d=y,p=x}else if(u.type==="H"){var y=u.values[0];a.push({type:"L",values:[y,p]}),d=y}else if(u.type==="V"){var x=u.values[0];a.push({type:"L",values:[d,x]}),p=x}else if(u.type==="S"){var A=u.values[0],D=u.values[1],y=u.values[2],x=u.values[3],P,T;l==="C"||l==="S"?(P=d+(d-c),T=p+(p-h)):(P=d,T=p),a.push({type:"C",values:[P,T,A,D,y,x]}),c=A,h=D,d=y,p=x}else if(u.type==="T"){var y=u.values[0],x=u.values[1],_,w;l==="Q"||l==="T"?(_=d+(d-c),w=p+(p-h)):(_=d,w=p);var P=d+2*(_-d)/3,T=p+2*(w-p)/3,N=y+2*(_-y)/3,X=x+2*(w-x)/3;a.push({type:"C",values:[P,T,N,X,y,x]}),c=_,h=w,d=y,p=x}else if(u.type==="Q"){var _=u.values[0],w=u.values[1],y=u.values[2],x=u.values[3],P=d+2*(_-d)/3,T=p+2*(w-p)/3,N=y+2*(_-y)/3,X=x+2*(w-x)/3;a.push({type:"C",values:[P,T,N,X,y,x]}),c=_,h=w,d=y,p=x}else if(u.type==="A"){let de=Math.abs(u.values[0]),Ee=Math.abs(u.values[1]);var O=u.values[2],K=u.values[3],ne=u.values[4],y=u.values[5],x=u.values[6];if(de===0||Ee===0)a.push({type:"C",values:[d,p,y,x,y,x]}),d=y,p=x;else if(d!==y||p!==x){var re=i(d,p,y,x,de,Ee,O,K,ne);re.forEach(function(Z){a.push({type:"C",values:Z})}),d=y,p=x}}else u.type==="Z"&&(a.push(u),d=f,p=m);l=u.type}),a};SVGPathElement.prototype.getPathData=function(o){if(o&&o.normalize){let a;return a=t(this.getAttribute("d")||""),s(r(a))}else return t(this.getAttribute("d")||"")},SVGPathElement.prototype.setPathData=function(o){if(o.length===0)this.removeAttribute("d");else{let a="";for(let l=0,c=o.length;l<c;l+=1){let h=o[l];l>0&&(a+=" "),a+=h.type,h.values&&h.values.length>0&&(a+=" "+h.values.join(" "))}this.setAttribute("d",a)}},SVGRectElement.prototype.getPathData=function(o){var a=this.x.baseVal.value,l=this.y.baseVal.value,c=this.width.baseVal.value,h=this.height.baseVal.value,d=this.hasAttribute("rx")?this.rx.baseVal.value:this.ry.baseVal.value,p=this.hasAttribute("ry")?this.ry.baseVal.value:this.rx.baseVal.value;d>c/2&&(d=c/2),p>h/2&&(p=h/2);var f=[{type:"M",values:[a+d,l]},{type:"H",values:[a+c-d]},{type:"A",values:[d,p,0,0,1,a+c,l+p]},{type:"V",values:[l+h-p]},{type:"A",values:[d,p,0,0,1,a+c-d,l+h]},{type:"H",values:[a+d]},{type:"A",values:[d,p,0,0,1,a,l+h-p]},{type:"V",values:[l+p]},{type:"A",values:[d,p,0,0,1,a+d,l]},{type:"Z",values:[]}];return f=f.filter(function(m){return!(m.type==="A"&&(m.values[0]===0||m.values[1]===0))}),o&&o.normalize===!0&&(f=s(f)),f},SVGCircleElement.prototype.getPathData=function(o){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.r.baseVal.value,h=[{type:"M",values:[a+c,l]},{type:"A",values:[c,c,0,0,1,a,l+c]},{type:"A",values:[c,c,0,0,1,a-c,l]},{type:"A",values:[c,c,0,0,1,a,l-c]},{type:"A",values:[c,c,0,0,1,a+c,l]},{type:"Z",values:[]}];return o&&o.normalize===!0&&(h=s(h)),h},SVGEllipseElement.prototype.getPathData=function(o){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.rx.baseVal.value,h=this.ry.baseVal.value,d=[{type:"M",values:[a+c,l]},{type:"A",values:[c,h,0,0,1,a,l+h]},{type:"A",values:[c,h,0,0,1,a-c,l]},{type:"A",values:[c,h,0,0,1,a,l-h]},{type:"A",values:[c,h,0,0,1,a+c,l]},{type:"Z",values:[]}];return o&&o.normalize===!0&&(d=s(d)),d},SVGLineElement.prototype.getPathData=function(){return[{type:"M",values:[this.x1.baseVal.value,this.y1.baseVal.value]},{type:"L",values:[this.x2.baseVal.value,this.y2.baseVal.value]}]},SVGPolylineElement.prototype.getPathData=function(){for(var o=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);o.push({type:a===0?"M":"L",values:[l.x,l.y]})}return o},SVGPolygonElement.prototype.getPathData=function(){for(var o=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);o.push({type:a===0?"M":"L",values:[l.x,l.y]})}return o.push({type:"Z",values:[]}),o}})()});function j(n){return Bh()?n.metaKey:n.ctrlKey}var Fe=g(()=>{"use strict";be()});function Aa(n){let e=[];for(let t of n)t.nodeType===I.TextNode||t.nodeType===I.Comment||e.push(t);return e}var Xe,ni=g(()=>{"use strict";He();Xr();Pe();Ve();Ge();Fe();Q();oe();Xe=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(Y.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,s,o){let a=s.x-i.x,l=s.y-i.y;if(!j(e)){if(t.alignOnGrid){let c=Zr(o,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=G(o.element),h=t.snapLines.snapToPosition({x:s.x-r.x,y:s.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,s,o,a){let l=o.x,c=o.y;if(!j(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:o.x-s.x,y:o.y-s.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=this.calculateTrack(e,t,r,s,o,a[0]);e.shiftKey&&(l=ot({x:0,y:0},l,!0));let c=ae(Aa(a));for(let h of c){let d=h.instanceServiceContainer.designerCanvas.canvas,p=h.parent.element.getBoxQuads({relativeTo:d,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],f=h.parent.element.convertPointFromNode(new DOMPoint(l.x+p.p1.x,l.y+p.p1.y),d,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),u=new DOMMatrix;m.rotate!="none"&&m.rotate&&(u=u.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(u=u.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),f=u.inverse().transformPoint(f);let y=new DOMMatrix().translate(f.x,f.y);Yr(h.element,h.getStyle("transform"),y.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ae(t);for(let s of r)i=="drop"&&s.setStyle("position","absolute"),e.insertChild(s),s.lastContainerSize&&(s.hasStyle("width")||s.setStyle("width",s.lastContainerSize.width+"px"),s.hasStyle("height")||s.setStyle("height",s.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ae(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,s,o,a){let l=ae(a);for(let c of l){let h=ri(new DOMMatrix(c.element.style.transform)),d=ri(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let p={x:h.x,y:h.y},f=getComputedStyle(c.element),m=new DOMMatrix;f.rotate!="none"&&f.rotate&&(m=m.multiply(new DOMMatrix("rotate("+f.rotate.replace(" ",",")+")"))),f.scale!="none"&&f.scale&&(m=m.multiply(new DOMMatrix("scale("+f.scale.replace(" ",",")+")"))),p=m.transformPoint(p),qr(i,c,{x:p.x-d.x,y:p.y-d.y},"position")}for(let c of a)t.extensionManager.removeExtension(c,C.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}}});var bt,Wi=g(()=>{"use strict";ee();Or();bt=class{async parse(e,t,i,r){let s;Document.parseHTMLUnsafe&&!Mr?s=Document.parseHTMLUnsafe(e):s=new DOMParser().parseFromString(e,"text/html",{includeShadowRoots:!0});let o=this.createDesignItems(s.head.childNodes,t,i),a=this.createDesignItems(s.body.childNodes,t,i);return[...o,...a]}createDesignItems(e,t,i){let r=[];for(let s of e)r.push(this._createDesignItemsRecursive(s,t,i));return r}_createDesignItemsRecursive(e,t,i){return M.createDesignItemFromInstance(e,t,i)}}});var Qr,Pa=g(()=>{"use strict";Zt();_e();pe();Qr=class extends Ue{name="lit2";isHandledElement(e){return!!e.element.constructor.elementProperties}async getProperties(e){if(!this.isHandledElement(e))return null;let t=[];for(let i of e.element.constructor.elementProperties.entries()){let r=i[0],s=i[1],o=s;if(s.type&&(o=s.type),o===String){let a={name:r,type:"string",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Object){let a={name:r,type:"string",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Number){let a={name:r,type:"number",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Date){let a={name:r,type:"date",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Boolean){let a={name:r,type:"boolean",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(F.isTypescriptEnum(o)){let a={name:r,type:"enum",enumValues:F.getTypescriptEnumEntries(o),service:this,propertyType:v.propertyAndAttribute};t.push(a)}}return t}_notifyChangedProperty(e,t,i){}}});function Zh(n,e){Ia||(Ia=document.createElement("canvas"));let t=Ia.getContext("2d");return t.font=e,t.measureText(n).width}var Ia,qh=g(()=>{"use strict"});var U,at=g(()=>{"use strict";(function(n){n.Pointer="Pointer",n.DrawSelection="DrawSelection",n.DrawPath="DrawPath",n.DrawRect="DrawRect",n.DrawEllipsis="DrawEllipsis",n.DrawLine="DrawLine",n.Zoom="Zoom",n.Pan="Pan",n.MagicWandSelector="MagicWandSelector",n.RectangleSelector="RectangleSelector",n.PickColor="PickColor",n.Text="Text",n.DrawElementTool="DrawElementTool",n.Guides="Guides",n.Inspect="Inspect",n.Accessibility="Accessibility",n.Position="Position",n.Padding="Padding",n.Margin="Margin",n.Flexbox="Flexbox",n.Move="Move",n.HueShift="HueShift",n.BoxShadows="BoxShadows",n.FontStyles="FontStyles"})(U||(U={}))});var k,J=g(()=>{"use strict";(function(n){n[n.Background=10]="Background",n[n.Normal=20]="Normal",n[n.Foreground=30]="Foreground"})(k||(k={}))});var si,Da=g(()=>{"use strict";J();si=class{overlays=[];overlayLayerView;extensionManager;designerCanvas;constructor(e,t){this.extensionManager=e,this.designerCanvas=t,this.overlayLayerView=t.overlayLayer}_backup;_valuesHaveChanges(...e){if(this._backup==null)return this._backup=e,!0;for(let t=0;t<e.length;t++)if(e[t]!==this._backup[t])return this._backup=e,!0;return!1}_removeAllOverlays(){for(let e of this.overlays)try{this.overlayLayerView.removeOverlay(e)}catch(t){console.error(t)}this.overlays=[]}_addOverlay(e,t=k.Normal){this.overlayLayerView.addOverlay(this.constructor.name,e,t),this.overlays.push(e)}_drawGroup(e,t,i){let r=this.overlayLayerView.drawGroup(this.constructor.name,e,t,i);return t||this.overlays.push(r),r}_drawLine(e,t,i,r,s,o,a){let l=this.overlayLayerView.drawLine(this.constructor.name,e,t,i,r,s,o,a);return o||this.overlays.push(l),l}_drawCircle(e,t,i,r,s,o){let a=this.overlayLayerView.drawCircle(this.constructor.name,e,t,i,r,s,o);return s||this.overlays.push(a),a}_drawRect(e,t,i,r,s,o,a){let l=this.overlayLayerView.drawRect(this.constructor.name,e,t,i,r,s,o,a);return o||this.overlays.push(l),l}_drawComplexRect(e,t,i,r){let s="M"+e.map(a=>a.x+","+a.y).join(" ")+"Z",o=this.overlayLayerView.drawPath(this.constructor.name,s,t,i,r);return i||this.overlays.push(o),o}_drawPath(e,t,i,r){let s=this.overlayLayerView.drawPath(this.constructor.name,e,t,i,r);return i||this.overlays.push(s),s}_drawText(e,t,i,r,s,o){let a=this.overlayLayerView.drawText(this.constructor.name,e,t,i,r,s,o);return s||this.overlays.push(a),a}_drawHTML(e,t,i,r,s,o,a,l){let c=this.overlayLayerView.drawHTML(this.constructor.name,e,t,i,r,s,o,a,l);return a||this.overlays.push(c),c}_drawTextWithBackground(e,t,i,r,s,o,a){let l=this.overlayLayerView.drawTextWithBackground(this.constructor.name,e,t,i,r,s,o,a);return o||this.overlays.push(...l),l}_drawTransformedRect(e,t,i,r){let s="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+"Z",o=this.overlayLayerView.drawPath(this.constructor.name,s,t,i,r);return i||this.overlays.push(o),o}}});var z,ie=g(()=>{"use strict";Da();J();z=class extends si{extendedItem;constructor(e,t,i){super(e,t),this.extendedItem=i}remove(){this.extensionManager.removeExtensionInstance(this.extendedItem,this)}createToolbar(e,t,i,r=k.Foreground){let s=e.content.cloneNode(!0);s.querySelectorAll("*").forEach(a=>{a.onpointerdown=l=>{this.designerCanvas.ignoreEvent(l)},a instanceof HTMLInputElement&&(a.addEventListener("keydown",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}),a.addEventListener("keyup",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}))});let o=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");return o.classList.add("svg-toolbar-container"),o.setAttribute("width",""+t),o.setAttribute("height",""+i),o.appendChild(s),o.style.scale=""+1/this.designerCanvas.zoomFactor,o.style.transformBox="fill-box",this._addOverlay(o,r),o.updatePosition=a=>{o.style.scale=""+1/this.designerCanvas.zoomFactor;let l=this.overlayLayerView.getBoundingClientRect(),c=o.children[0].getBoundingClientRect(),h=this.designerCanvas.scaleFactor,d=l.width/h-this.designerCanvas.canvasOffset.x*h;c.width+a.x*h>d&&(a.x=(d-c.width)/h),a.x<-this.designerCanvas.canvasOffset.x&&(a.x=-this.designerCanvas.canvasOffset.x),o.setAttribute("x",""+a.x),o.setAttribute("y",""+a.y)},o.getById=a=>o.querySelector("#"+a),o}}});var zp,$r,ka=g(()=>{"use strict";oe();qh();at();ie();zp=60,$r=class extends z{_rect;_clickRect;_text;_width;_createTitleText;constructor(e,t,i,r){super(e,t,i),this._createTitleText=r}extend(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p1.x)){let r=G(this.extendedItem.element),s=Zh(this.extendedItem.name,"10px monospace"),o=Math.sqrt(Math.pow(i.p2.x-i.p1.x,2)+Math.pow(i.p2.y-i.p1.y,2)),a=this.extendedItem.name;this.extendedItem.id&&(a="#"+this.extendedItem.id),this._createTitleText&&(a=this._createTitleText(this.extendedItem)),this._width=Math.max(Math.min(o,s),zp),this._rect=this._drawRect(i.p1.x,i.p1.y,this._width,15,"svg-primary-selection-move",this._rect),this._clickRect=this._drawRect(i.p1.x,i.p1.y,this._width,18,"svg-invisible",this._clickRect),this._clickRect.style.background="transparent",this._text=this._drawHTML('<div style="position:relative; pointer-events: none;"><span style="width: 100%; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 0; padding-left: 2px;">'+a+"</span></div>",(r.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,i.p1.y-16,this._width,15,"svg-text-primary",this._text),this._text.style.overflow="visible",this._clickRect.addEventListener("pointerdown",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointermove",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointerup",l=>this._pointerEvent(l)),this._clickRect.addEventListener("contextmenu",l=>{l.preventDefault(),this.designerCanvas.showDesignItemContextMenu(this.extendedItem,l)}),this.refresh(e,t)}}_drawMoveOverlay(e){}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(i.p1.x)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI;if(this._valuesHaveChanges(i.p1.x,i.p1.y,r,this.designerCanvas.scaleFactor)){let s=15/this.designerCanvas.scaleFactor,o=-(16/this.designerCanvas.scaleFactor),a=this._width/this.designerCanvas.scaleFactor;this._rect.setAttribute("x",""+i.p1.x),this._rect.setAttribute("y",""+i.p1.y),this._rect.style.rotate=r+"deg",this._rect.style.translate="0 "+o+"px",this._rect.style.transformOrigin="0 100%",this._rect.style.transformBox="fill-box",this._rect.setAttribute("height",""+s),this._rect.setAttribute("width",""+a),this._rect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._clickRect.setAttribute("x",""+i.p1.x),this._clickRect.setAttribute("y",""+i.p1.y),this._clickRect.style.rotate=r+"deg",this._clickRect.style.translate="0 "+o+"px",this._clickRect.style.transformOrigin="0 100%",this._clickRect.style.transformBox="fill-box",this._clickRect.setAttribute("height",""+(s+3)),this._clickRect.setAttribute("width",""+a),this._clickRect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._text.setAttribute("x",""+i.p1.x),this._text.setAttribute("y",""+i.p1.y),this._text.style.fontSize=10/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("height",""+s),this._text.setAttribute("width",""+a),this._text.children[0].children[0].style.rotate=r+"deg",this._text.children[0].children[0].style.translate="0 "+o+"px",this._text.children[0].children[0].style.transformOrigin="0 100%"}}}_pointerEvent(e){e.preventDefault(),e.stopPropagation(),e.button!=2&&this.designerCanvas.serviceContainer.designerTools.get(U.Pointer).pointerEventHandler(this.designerCanvas,e,this.extendedItem.element)}dispose(){this._removeAllOverlays()}}});import{css as Bp}from"@node-projects/base-custom-webcomponent";var Jr,Ta=g(()=>{"use strict";ka();Jr=class{_createTitleText;constructor(e){this._createTitleText=e}shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new $r(e,t,i,this._createTitleText)}static style=Bp`.svg-text-primary{stroke:none;color:#fff;font-family:monospace}`}});var S,le=g(()=>{"use strict";(function(n){n.PointerDown="pointerdown",n.PointerMove="pointermove",n.PointerUp="pointerup",n.DragEnter="dragenter",n.DragEnd="dragend",n.DragLeave="dragleave",n.DragOver="dragover",n.Drop="drop",n.Scroll="scroll",n.Wheel="wheel",n.ContextMenu="contextmenu",n.KeyDown="keydown",n.KeyUp="keyup",n.DblClick="dblclick"})(S||(S={}))});function Ma(n,e,t){if(!n)return null;let i={px:s=>s,cm:s=>s*38,mm:s=>s*3.8,q:s=>s*.95,in:s=>s*96,pc:s=>s*16,pt:s=>s*1.333333,rem:s=>s*parseFloat(getComputedStyle(document.documentElement).fontSize),em:s=>s*parseFloat(getComputedStyle(e).fontSize),vw:s=>s/100*window.innerWidth,vh:s=>s/100*window.innerHeight,vmin:s=>s/100*(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:s=>s/100*(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:s=>s*parseFloat(getComputedStyle(e).lineHeight),rlh:s=>s*parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":s=>s/100*(t=="height"?en(e).height:en(e).width),ms:s=>s,s:s=>s*1e3,deg:s=>s,rad:s=>s*(180/Math.PI),grad:s=>s*(180/200),turn:s=>s*360},r=n.trim().match(Qh);if(r){let s=Number(r[1]),o=r[2].toLowerCase();if(o in i)return i[o](s)}return n}function Nt(n){let e=n.trim().match(Qh);return e?e[2].toLowerCase():null}function oi(n,e,t,i,r){if(!n)return null;let s={px:o=>o,cm:o=>o/38,mm:o=>o/3.8,q:o=>o/.95,in:o=>o/96,pc:o=>o/16,pt:o=>o/1.333333,rem:o=>o/parseFloat(getComputedStyle(document.documentElement).fontSize),em:o=>o/parseFloat(getComputedStyle(e).fontSize),vw:o=>o*100/window.innerWidth,vh:o=>o*100/window.innerHeight,vmin:o=>o*100/(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:o=>o*100/(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:o=>o/parseFloat(getComputedStyle(e).lineHeight),rlh:o=>o/parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":o=>o*100/(t=="height"?en(e).height:en(e).width),ms:o=>o,s:o=>o/1e3,deg:o=>o,rad:o=>o/(180/Math.PI),grad:o=>o/(180/200),turn:o=>o/360};if(typeof n=="string"&&(n=Ma(n,e,t)),i in s){let o=s[i](n);return r?r(o)+i:o+i}return r?r(n):n}function en(n){return{width:n.offsetWidth,height:n.offsetHeight}}function Hp(n){let e=n.split(" "),t=[];for(let i=0;i<e.length;i++){let r=e[i];if(r.startsWith("repeat("))for(;!r.includes(")");)i++,e[i]&&(r+=e[i]);t.push(r)}return t}function $h(n){let e=Hp(n),t=[];for(let i of e)if(i.startsWith("repeat(")){let r=i.split(",");for(let s=0;s<parseInt(r[0].substring(7));s++)t.push(r[1].substring(0,r[1].length-1))}else t.push(i);return t.map(i=>Nt(i))}var Vp,Qh,Oa=g(()=>{"use strict";Vp=["px","cm","mm","q","in","pc","pt","rem","em","vw","vh","vmin","vmax","lh","rlh","%","ms","s","deg","rad","grad","turn","cqw","cqh","cqi","cqb","cqmin","cqmax","fr"],Qh=new RegExp(`^([-+]?(?:\\d+(?:\\.\\d+)?))(${Vp.join("|")})$`,"i")});var tn,La=g(()=>{"use strict";le();Oa();oe();Pe();ie();tn=class extends z{_startPos;_circle;_circle2;_oldValue;_offsetInControl;constructor(e,t,i){super(e,t,i)}refresh(e,t){let r=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),s=this.designerCanvas.canvas.convertPointFromNode({x:parseFloat(r[0]),y:parseFloat(r[1])},this.extendedItem.element);this._valuesHaveChanges(s.x,s.y,this.designerCanvas.zoomFactor)&&(this._removeAllOverlays(),this._circle=this._drawCircle(s.x,s.y,5/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle.style.cursor="pointer",this._circle2=this._drawCircle(s.x,s.y,1/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle2.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle2.style.pointerEvents="none",this._circle.addEventListener(S.PointerDown,o=>this.pointerEvent(o)),this._circle.addEventListener(S.PointerMove,o=>this.pointerEvent(o)),this._circle.addEventListener(S.PointerUp,o=>this.pointerEvent(o)))}extend(e,t){let r=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),s=this.designerCanvas.canvas.convertPointFromNode({x:parseFloat(r[0]),y:parseFloat(r[1])},this.extendedItem.element);if(isNaN(s.x)||isNaN(s.y)){this.remove();return}else{let o=this.extendedItem.getStyleFromSheetOrLocal("transform-origin");o&&(this._oldValue=o),this.refresh(e,t)}}pointerEvent(e){e.stopPropagation();let t=getComputedStyle(this.extendedItem.element),i=t.transformOrigin.split(" "),r=[];r[0]=parseFloat(i[0])/parseFloat(this.extendedItem.element.style.width),r[1]=parseFloat(i[1])/parseFloat(this.extendedItem.element.style.height);let s=this.designerCanvas.canvas.convertPointFromNode({x:parseFloat(i[0]),y:parseFloat(i[1])},this.extendedItem.element),o=this.designerCanvas.getNormalizedEventCoordinates(e),a=this.extendedItem.element.convertPointFromNode(o,this.designerCanvas.canvas),l=this.designerCanvas.getNormalizedEventCoordinates(e);switch(e.type){case S.PointerDown:e.target.setPointerCapture(e.pointerId);let c=G(e.target);this._offsetInControl={x:c.width/2+(c.x-e.x),y:c.height/2+(c.y-e.y)},this._startPos={x:l.x,y:l.y};break;case S.PointerMove:if(this._startPos&&e.buttons>0){let h=l.x-this._startPos.x,d=l.y-this._startPos.y;this._circle.setAttribute("cx",s.x+h),this._circle.setAttribute("cy",s.y+d),this._circle2.setAttribute("cx",s.x+h),this._circle2.setAttribute("cy",s.y+d)}break;case S.PointerUp:if(e.target.releasePointerCapture(e.pointerId),this._startPos){a.x+=this._offsetInControl.x,a.y+=this._offsetInControl.y;let h=this.extendedItem.openGroup("change transform-origin"),d=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0];if(this._oldValue)try{let m=this._oldValue.split(" "),u=oi(a.x,this.extendedItem.element,"width",Nt(m[0]),x=>R(this.extendedItem,x)),y=oi(a.x,this.extendedItem.element,"width",Nt(m[0]),x=>R(this.extendedItem,x));m.length>1&&(y=oi(a.y,this.extendedItem.element,"height",Nt(m[1]),x=>R(this.extendedItem,x))),this.extendedItem.updateStyleInSheetOrLocal("transform-origin",u+" "+y)}catch{this.extendedItem.updateStyleInSheetOrLocal("transform-origin",R(this.extendedItem,a.x)+"px "+R(this.extendedItem,a.y)+"px")}else this.extendedItem.updateStyleInSheetOrLocal("transform-origin",R(this.extendedItem,a.x)+"px "+R(this.extendedItem,a.y)+"px");let p=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0],f={x:d.p1.x-p.p1.x,y:d.p1.y-p.p1.y};t.translate&&t.translate!=="none"&&(f.x+=parseFloat(t.translate.split(" ")[0]),t.translate.split(" ").length===1?f.y+=parseFloat(t.translate.split(" ")[0]):f.y+=parseFloat(t.translate.split(" ")[1])),this.extendedItem.updateStyleInSheetOrLocal("translate",R(this.extendedItem,f.x)+"px "+R(this.extendedItem,f.y)+"px"),h.commit(),this.refresh(null,null),this._startPos=null}break}}dispose(){this._removeAllOverlays()}}});import{css as Wp}from"@node-projects/base-custom-webcomponent";var rn,Na=g(()=>{"use strict";La();oe();rn=class{showOnlyWhenSet;constructor(e=!0){this.showOnlyWhenSet=e}shouldExtend(e,t,i){if(!i.isRootItem&&i.node instanceof HTMLElement||i.node instanceof SVGElement&&i.node.localName==="svg"){if(!this.showOnlyWhenSet||i.hasStyle("transformOrigin"))return!0;let r=getComputedStyle(i.element);if(r.display!="inline"&&i.element.getBoundingClientRect){let s=G(i.element),o=r.transformOrigin.split(" "),a=parseFloat(o[0])-s.width/2,l=parseFloat(o[1])-s.height/2;if(a>.5||a<-.5||l>.5||l<-.5)return!0}}return!1}getExtension(e,t,i){return new tn(e,t,i)}static style=Wp`.svg-transform-origin{stroke:#3899ec;fill:#000;pointer-events:auto}`}});var nn,Ra=g(()=>{"use strict";ie();J();nn=class extends z{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.margin!=="0px"){let r=Number.parseFloat(i.marginLeft.replace("px","")),s=Number.parseFloat(i.marginTop.replace("px","")),o=Number.parseFloat(i.marginRight.replace("px","")),a=Number.parseFloat(i.marginBottom.replace("px",""));if(!isNaN(r)&&!isNaN(s)&&!isNaN(o)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,s,o,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"margin",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(d=>d.x+","+d.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(d=>d.x+","+d.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-margin-fill",this._path,k.Background),this._path2=this._drawPath(h,"svg-margin",this._path2,k.Background)}}}}dispose(){this._removeAllOverlays()}}});function sn(n){let e=n;for(;e;){if(e instanceof(e.ownerDocument.defaultView??window).SVGSVGElement)return!0;if(e instanceof(e.ownerDocument.defaultView??window).SVGDefsElement||e instanceof(e.ownerDocument.defaultView??window).SVGMetadataElement)return!1;e=e.parentElement}return!0}function ai(n,...e){return n[0]}var li=g(()=>{"use strict"});import{css as Gp}from"@node-projects/base-custom-webcomponent";var on,Fa=g(()=>{"use strict";Ra();Q();li();on=class{shouldExtend(e,t,i){return i.nodeType==I.Element}getExtension(e,t,i){return new nn(e,t,i)}style=Gp`.svg-margin-fill{fill:color(display-p3 1 0 1 / 15%);fill-rule:evenodd}.svg-margin{fill:color(display-p3 1 0 1 / 80%);fill-rule:evenodd;mask:url(#mask-stripe-margin)}`;static svgDefs=ai`<pattern id="pattern-stripe-margin" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-margin"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-margin)"></mask>`}});var an,za=g(()=>{"use strict";ie();an=class extends z{_line1;_line2;_line3;_line4;_textX;_textY;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}_oldValues=[];refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element),t=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.parent.element);if(this._valuesHaveChanges(this.designerCanvas.scaleFactor,e.x,e.y,t.x,t.y,e.height,e.width,t.height,t.width)){this._line1=this._drawLine(t.x,e.y+e.height/2,e.x,e.y+e.height/2,"svg-position",this._line1),this._line2=this._drawLine(t.x+t.width,e.y+e.height/2,e.x+e.width,e.y+e.height/2,"svg-position",this._line2),this._line3=this._drawLine(e.x+e.width/2,t.y,e.x+e.width/2,e.y,"svg-position",this._line3),this._line4=this._drawLine(e.x+e.width/2,t.y+t.height,e.x+e.width/2,e.y+e.height,"svg-position",this._line4),this._line1.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line2.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line3.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line4.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line1.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor,this._line2.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor,this._line3.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor,this._line4.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor;let i,r;if(this.extendedItem.element.computedStyleMap){let s=this.extendedItem.element.computedStyleMap();i=s.get("right")instanceof CSSUnitValue,r=s.get("bottom")instanceof CSSUnitValue}else i=!!this.extendedItem.element?.style?.right,r=!!this.extendedItem.element?.style?.bottom;if(i){let s=Math.round(t.x+t.width-(e.x+e.width));this._textX=this._drawTextWithBackground(""+s,t.x+t.width-s/2,e.y+e.height/2,"white","svg-position-text",this._textX),this._textX[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textX[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}else{let s=Math.round(e.x-t.x);this._textX=this._drawTextWithBackground(""+s,t.x+s/2,e.y+e.height/2,"white","svg-position-text",this._textX),this._textX[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textX[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}if(r){let s=Math.round(t.y+t.height-(e.y+e.height));this._textY=this._drawTextWithBackground(""+s,e.x+e.width/2,t.y+t.height-s/2,"white","svg-position-text",this._textY),this._textY[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textY[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}else{let s=Math.round(e.y-t.y);this._textY=this._drawTextWithBackground(""+s,e.x+e.width/2,t.y+s/2,"white","svg-position-text",this._textY),this._textY[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textY[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}}}dispose(){this._removeAllOverlays()}}});import{css as jp}from"@node-projects/base-custom-webcomponent";var ln,Ba=g(()=>{"use strict";za();ln=class{shouldExtend(e,t,i){if(!i?.parent||i.element instanceof HTMLTemplateElement)return!1;let r=getComputedStyle(i.element);return r.position==="relative"||r.position==="absolute"}getExtension(e,t,i){return new an(e,t,i)}static style=jp`.svg-position-text{text-anchor:middle;alignment-baseline:central}`}});var cn,Va=g(()=>{"use strict";ie();J();cn=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];isNaN(e.p1.x)||(this._rect=this._drawTransformedRect(e,"svg-hover",this._rect,k.Background),this._rect.style.strokeWidth=(3/this.designerCanvas.scaleFactor).toString())}dispose(){this._removeAllOverlays()}}});import{css as Up}from"@node-projects/base-custom-webcomponent";var hn,Ha=g(()=>{"use strict";Va();hn=class{shouldExtend(e,t,i){return!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new cn(e,t,i)}static style=Up`.svg-hover{stroke:#90caf966;fill:none}`}});var ge,Wa=g(()=>{"use strict";(function(n){n.DragOrSelect="DragOrSelect",n.Drag="Drag",n.Resize="Resize",n.Rotate="Rotate",n.DrawSelection="DrawSelection",n.DrawingSelection="DrawingSelection"})(ge||(ge={}))});var dn,Ga=g(()=>{"use strict";le();Wa();ee();Ve();at();Fe();dn=class n{cursor="default";_minMoveOffset=5;_movedSinceStartedAction=!1;_initialPoint;_actionType;_actionStartedDesignItem;_actionStartedDesignItems;_clonedItems;_copiedItemsInserted=!1;_previousEventName;_dragOverExtensionItem;_dragParentExtensionItem;_moveItemsOffset={x:0,y:0};_initialOffset;_started=!1;_holdTimeout;_firstTimeInMove;_secondTimeInMove;_changeGroup;constructor(){}activated(e){}dispose(){}_showContextMenu(e,t){if(e.preventDefault(),!j(e)){let i=t.elementsFromPoint(e.x,e.y);for(let o of t.instanceServiceContainer.selectionService.selectedElements)if(i.indexOf(o.element)>=0){t.showDesignItemContextMenu(t.instanceServiceContainer.selectionService.primarySelection,e);return}let r=t.serviceContainer.elementAtPointService.getElementAtPoint(t,{x:e.x,y:e.y}),s=M.GetOrCreateDesignItem(r,r,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.selectionService.isSelected(s)||t.instanceServiceContainer.selectionService.setSelectedElements([s],e),t.showDesignItemContextMenu(s,e)}}pointerEventHandler(e,t,i){j(t)?this.cursor="copy":this.cursor="default";let r=e.serviceContainer.elementInteractionServices;if(r){for(let a of r)if(a.stopEventHandling(e,t,i))return}if(t.button==2&&t.type==S.PointerDown){this._showContextMenu(t,e);return}if(j(t)&&t.shiftKey||t.buttons==4){let a=e.serviceContainer.designerTools.get(U.Pan);if(a){a.pointerEventHandler(e,t,i);return}}switch(t.type){case S.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._movedSinceStartedAction=!1,this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case S.PointerMove:this._firstTimeInMove&&(this._secondTimeInMove=!0),this._secondTimeInMove?this._firstTimeInMove=!1:this._firstTimeInMove=!0;break}if(!i)return;let s=e.getNormalizedEventCoordinates(t),o=M.GetOrCreateDesignItem(i,i,e.serviceContainer,e.instanceServiceContainer);this._actionType==null&&(this._initialPoint=s,this._initialOffset=e.getNormalizedOffsetInElement(t,i),t.shiftKey?(t.preventDefault(),this._actionType=ge.DrawSelection):t.type==S.PointerDown&&(this._actionStartedDesignItem=o,this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.snapLines.clearSnaplines(),o!==e.rootDesignItem?this._actionType=ge.Drag:i===e||i===e.rootDesignItem.element||i==null?this._actionType=ge.DrawSelection:this._actionType=ge.DragOrSelect)),t.type===S.PointerMove&&(this._movedSinceStartedAction=this._movedSinceStartedAction||Math.abs(s.x-this._initialPoint.x)>this._minMoveOffset||Math.abs(s.y-this._initialPoint.y)>this._minMoveOffset,this._actionType==ge.DrawSelection&&(this._actionType=ge.DrawingSelection)),this._actionType==ge.DrawSelection||this._actionType==ge.DrawingSelection?this._pointerActionTypeDrawSelection(e,t,i):(this._actionType==ge.DragOrSelect||this._actionType==ge.Drag)&&this._pointerActionTypeDragOrSelect(e,t,o,s),t.type==S.PointerUp&&(e.snapLines.clearSnaplines(),this._actionType==ge.DrawSelection&&o!==e.rootDesignItem&&e.instanceServiceContainer.selectionService.setSelectedElements([o],t),this._resetTool()),this._previousEventName=t.type}_resetTool(){this._actionType=null,this._actionStartedDesignItem=null,this._actionStartedDesignItems=null,this._movedSinceStartedAction=!1,this._initialPoint=null}_pointerActionTypeDrawSelection(e,t,i){let r=e.serviceContainer.designerTools.get(U.DrawSelection);r&&(this._resetTool(),r.pointerEventHandler(e,t,i))}async _pointerActionTypeDragOrSelect(e,t,i,r,s=!1){if(this._holdTimeout&&(clearTimeout(this._holdTimeout),this._holdTimeout=null),t.altKey&&t.type==S.PointerDown){let o=e.instanceServiceContainer.selectionService.primarySelection;if(o){let a=e.elementsFromPoint(t.x,t.y),l=a.indexOf(o.element);l>=0&&l++;let c=a[l];c&&(i=M.GetOrCreateDesignItem(c,c,e.serviceContainer,e.instanceServiceContainer))}}switch(t.type){case S.PointerDown:{this._actionStartedDesignItem=i,this._moveItemsOffset={x:0,y:0},this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements);break}case S.PointerMove:{if(t.buttons==0||(this._firstTimeInMove&&(i.instanceServiceContainer.selectionService.selectedElements.includes(i)||(j(t)?i.instanceServiceContainer.selectionService.setSelectedElements([...i.instanceServiceContainer.selectionService.selectedElements,i],t):i.instanceServiceContainer.selectionService.setSelectedElements([i],t),this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements))),e.readOnly))return;if(!this._clonedItems){this._clonedItems=[];for(let a of this._actionStartedDesignItems){let l=await a.clone();this._clonedItems&&l&&this._clonedItems.push(l)}}if(!this._actionStartedDesignItem)return;if(this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"),window.addEventListener("pointerup",()=>{this._changeGroup?.abort(),this._changeGroup=null},{once:!0})),j(t)&&!this._copiedItemsInserted){this._changeGroup.title="Copy Elements",this._copiedItemsInserted=!0;for(let a=0;a<this._clonedItems.length;a++)this._actionStartedDesignItems[a].insertAdjacentElement(this._clonedItems[a],"beforebegin");e.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"added",designItems:this._clonedItems})}else if(!j(t)&&this._copiedItemsInserted){this._changeGroup.title="Move Elements";for(let a of this._clonedItems)a.remove();this._copiedItemsInserted=!1,e.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:this._clonedItems})}let o=r.x!=this._initialPoint.x||r.y!=this._initialPoint.y;if(this._actionType!=ge.Drag&&o&&(this._actionType=ge.Drag),this._movedSinceStartedAction){let a=getComputedStyle(this._actionStartedDesignItem.parent.element),l=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(this._actionStartedDesignItem.parent,a,this._actionStartedDesignItem));if(l){let c=this._actionStartedDesignItem.parent;this._dragParentExtensionItem!=c?(e.extensionManager.removeExtension(this._dragParentExtensionItem,C.ContainerDrag),e.extensionManager.applyExtension(c,C.ContainerDrag,t),this._dragParentExtensionItem=c):e.extensionManager.refreshExtension(c,C.ContainerDrag);let h=l.canLeave(this._actionStartedDesignItem.parent,this._actionStartedDesignItems),d=null,p=null;if(h&&([d,p]=n.FindPossibleContainer(this._actionStartedDesignItem,this._actionStartedDesignItems,t),d!=null?this._dragOverExtensionItem!=d?(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),e.extensionManager.applyExtension(d,C.ContainerDragOverAndCanBeEntered,t),this._dragOverExtensionItem=d):e.extensionManager.refreshExtension(d,C.ContainerDragOverAndCanBeEntered,t):this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null)),p&&(this._holdTimeout=setTimeout(()=>{this._pointerActionTypeDragOrSelect(e,t,i,r,!0)},1e3)),p&&(t.altKey||s)){let f=l.getElementOffset(this._actionStartedDesignItem.parent,this._actionStartedDesignItem),m=p.getElementOffset(d,this._actionStartedDesignItem);this._moveItemsOffset={x:m.x-f.x+this._moveItemsOffset.x,y:m.y-f.y+this._moveItemsOffset.y},l.leaveContainer(this._actionStartedDesignItem.parent,this._actionStartedDesignItems);let u={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};p.enterContainer(d,this._actionStartedDesignItems,"normal"),p.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,u,this._actionStartedDesignItems),e.extensionManager.removeExtension(this._dragParentExtensionItem,C.ContainerDrag),e.extensionManager.applyExtension(d,C.ContainerDrag,t),this._dragParentExtensionItem=d,e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,e.extensionManager.refreshAllAppliedExtentions()}else{let f={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(this._started)l.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,f,this._actionStartedDesignItems);else if(!l.startPlacementAllowed||l.startPlacementAllowed(t,e,this._actionStartedDesignItem.parent,this._actionStartedDesignItems)){for(let m of this._actionStartedDesignItems)e.extensionManager.removeExtension(m,C.Placement),e.extensionManager.removeExtension(m,C.MouseOver),e.extensionManager.applyExtension(m,C.Placement,t);l.startPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,f,this._actionStartedDesignItems),this._started=!0}}e.extensionManager.refreshExtensions(this._actionStartedDesignItems,null,t,null,20)}}break}case S.PointerUp:{if(this._started=!1,!this._movedSinceStartedAction||this._actionType==ge.DragOrSelect){this._previousEventName==S.PointerDown&&!j(t)?e.instanceServiceContainer.selectionService.setSelectedElements([this._actionStartedDesignItem],t):this.checkSelectElement(t,e,i);return}if(this._movedSinceStartedAction){let o=getComputedStyle(this._actionStartedDesignItem.parent.element),a=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(this._actionStartedDesignItem.parent,o,this._actionStartedDesignItem)),l={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(a){this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"));try{a.finishPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,l,e.instanceServiceContainer.selectionService.selectedElements),this._changeGroup.commit(),this._changeGroup=null}catch(h){console.error(h),this._changeGroup.abort()}this._changeGroup=null;let c=e.elementsFromPoint(t.x,t.y);for(let h of this._actionStartedDesignItems)c.includes(h.element)&&e.extensionManager.applyExtension(h,C.MouseOver,t),e.extensionManager.removeExtension(h,C.Placement)}else this._changeGroup&&this._changeGroup.abort(),this._changeGroup=null;e.extensionManager.removeExtension(this._dragParentExtensionItem,C.ContainerDrag),this._dragParentExtensionItem=null,e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,this._moveItemsOffset={x:0,y:0}}e.extensionManager.refreshExtensions(e.instanceServiceContainer.selectionService.selectedElements,null,t,null,20),this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null);break}}}checkSelectElement(e,t,i){if(j(e)){let r=t.instanceServiceContainer.selectionService.selectedElements.indexOf(i);if(r>=0){let s=t.instanceServiceContainer.selectionService.selectedElements.slice(0);s.splice(r,1),t.instanceServiceContainer.selectionService.setSelectedElements(s,e)}else{let s=t.instanceServiceContainer.selectionService.selectedElements.slice(0);s.push(i),t.instanceServiceContainer.selectionService.setSelectedElements(s,e)}}else t.instanceServiceContainer.selectionService.selectedElements.indexOf(i)<0&&t.instanceServiceContainer.selectionService.setSelectedElements([i],e)}static FindPossibleContainer(e,t,i){let r=null,s=null,o=e.instanceServiceContainer.designerCanvas,a=o.elementsFromPoint(i.x,i.y);a.push(o.rootDesignItem.element);for(let l of a)if(l!=e.element){if(l==e.parent.element)break;if(l==o.rootDesignItem.element){r=o.rootDesignItem;let c=getComputedStyle(r.element);if(s=o.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),s){if(s.canEnter(r,t))break;r=null,s=null;break}break}else{r=M.GetOrCreateDesignItem(l,l,o.serviceContainer,o.instanceServiceContainer);let c=getComputedStyle(r.element);if(s=o.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),s){if(s.canEnter(r,t))break;r=null,s=null;continue}}}return[r,s]}keyboardEventHandler(e,t,i){}}});var fe,Ze=g(()=>{"use strict";fe=class{constructor(e,t,i){this.title="Insert Item",this.containerItem=e,this.index=t,this.newItem=i}title;get affectedItems(){return[this.containerItem,this.newItem]}undo(){this.newItem.parent._removeChildInternal(this.newItem),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:[this.newItem]})}do(){this.containerItem._insertChildInternal(this.newItem,this.index),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"added",designItems:[this.newItem]})}containerItem;index;newItem;mergeWith(e){return!1}}});var pn,ja=g(()=>{"use strict";le();Ge();Ze();ee();J();pn=class{cursor="crosshair";_pathD;_path;_samePoint=!1;_p2pMode=!1;_dragMode=!1;_pointerMoved=!1;_eventStarted=!1;_lastPoint;_startPoint;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._eventStarted=!0,this._p2pMode||(t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._pathD="M "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),e.overlayLayer.addOverlay(this.constructor.name,this._path,k.Foreground),this._startPoint=r),this._lastPoint!=null&&this._lastPoint.x===r.x&&this._lastPoint.y===r.y&&!this._samePoint&&(this._samePoint=!0),this._lastPoint==null&&(this._lastPoint=r),this._startPoint==null&&(this._startPoint=r);break;case S.PointerMove:if(this._eventStarted&&(this._pointerMoved=!0),!this._p2pMode)this._dragMode=!0,this._path&&(this._pathD+="L "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD));else if(this._path){let o=r;t.shiftKey&&(o=ot(this._lastPoint,r)),this._path.setAttribute("d",this._pathD+"L "+o.x+" "+o.y)+""}break;case S.PointerUp:if(this._eventStarted&&!this._pointerMoved&&(this._p2pMode=!0),this._p2pMode&&!this._samePoint&&this._startPoint.x!=r.x&&this._startPoint.y!=r.y&&this._path)if(t.shiftKey){let o=ot(this._lastPoint,r);this._pathD+="L "+o.x+" "+o.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=o}else this._pathD+="L "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=r;if(this._samePoint&&this._p2pMode||this._dragMode&&!this._p2pMode){t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._eventStarted=!1,this._p2pMode=!1,this._pointerMoved=!1,this._samePoint=!1,this._dragMode=!1;let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s,h=Xh(this._path,l,c);this._path.setAttribute("d",h),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null,this._pathD=null,this._lastPoint=null;let d=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,d)),e.serviceContainer.globalContext.finishedWithTool(this)}break}t.preventDefault(),t.stopPropagation()}keyboardEventHandler(e,t,i){}}});var mn,Ua=g(()=>{"use strict";ie();mn=class extends z{_line1;_line2;_line3;_line4;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._line1=this._drawLine(i.p1.x,i.p1.y,i.p2.x,i.p2.y,"svg-selection",this._line1),this._line2=this._drawLine(i.p1.x,i.p1.y,i.p4.x,i.p4.y,"svg-selection",this._line2),this._line3=this._drawLine(i.p2.x,i.p2.y,i.p3.x,i.p3.y,"svg-selection",this._line3),this._line4=this._drawLine(i.p4.x,i.p4.y,i.p3.x,i.p3.y,"svg-selection",this._line4),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString())}}dispose(){this._removeAllOverlays()}}});import{css as Kp}from"@node-projects/base-custom-webcomponent";var un,Ka=g(()=>{"use strict";Ua();Q();un=class{shouldExtend(e,t,i){return!i.isRootItem&&i.nodeType!=I.Comment&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new mn(e,t,i)}static style=Kp`.svg-selection{stroke:#3899ec;fill:transparent;stroke-width:2}`}});function qa(n=window){n.Node.prototype.getBoxQuads||(n.Node.prototype.getBoxQuads=function(e){return qp(this,e)}),n.Node.prototype.convertQuadFromNode||(n.Node.prototype.convertQuadFromNode=function(e,t,i){return Yp(this,e,t,i)}),n.Node.prototype.convertRectFromNode||(n.Node.prototype.convertRectFromNode=function(e,t,i){return Xp(this,e,t,i)}),n.Node.prototype.convertPointFromNode||(n.Node.prototype.convertPointFromNode=function(e,t,i){return Zp(this,e,t,i)})}function Yp(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body,s=ct(t,r,i?.iframes),o=ct(n,r,i?.iframes).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=ce(t);e=new DOMQuad(we(e.p1,i.fromBox,l,-1),we(e.p2,i.fromBox,l,-1),we(e.p3,i.fromBox,l,-1),we(e.p4,i.fromBox,l,-1))}let a=new DOMQuad(o.transformPoint(s.transformPoint(e.p1)),o.transformPoint(s.transformPoint(e.p2)),o.transformPoint(s.transformPoint(e.p3)),o.transformPoint(s.transformPoint(e.p4)));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=ce(n);a=new DOMQuad(we(a.p1,i.toBox,l,-1),we(a.p2,i.toBox,l,-1),we(a.p3,i.toBox,l,-1),we(a.p4,i.toBox,l,-1))}return a}function Xp(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,s=ct(t,r,i?.iframes),o=ct(n,r,i?.iframes).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=we(new DOMPoint(e.x,e.y),i.fromBox,ce(t),1);e=new DOMRect(l.x,l.y,e.width,e.height)}let a=new DOMQuad(o.transformPoint(s.transformPoint(new DOMPoint(e.x,e.y))),o.transformPoint(s.transformPoint(new DOMPoint(e.x+e.width,e.y))),o.transformPoint(s.transformPoint(new DOMPoint(e.x+e.width,e.y+e.height))),o.transformPoint(s.transformPoint(new DOMPoint(e.x,e.y+e.height))));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=ce(n);a=new DOMQuad(we(a.p1,i.toBox,l,-1),we(a.p2,i.toBox,l,-1),we(a.p3,i.toBox,l,-1),we(a.p4,i.toBox,l,-1))}return a}function Zp(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,s=ct(t,r,i?.iframes),o=ct(n,r,i?.iframes).inverse();i?.fromBox&&i?.fromBox!=="border"&&(e=we(e,i.fromBox,ce(t),1));let a=o.transformPoint(s.transformPoint(e));return i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&(a=we(a,i.toBox,ce(n),-1)),a}function we(n,e,t,i){return e==="margin"?new DOMPoint(n.x-i*parseFloat(t.marginLeft),n.y-i*parseFloat(t.marginTop)):e==="padding"?new DOMPoint(n.x+i*parseFloat(t.borderLeftWidth),n.y+i*parseFloat(t.borderTopWidth)):e==="content"?new DOMPoint(n.x+i*(parseFloat(t.borderLeftWidth)+parseFloat(t.paddingLeft)),n.y+i*(parseFloat(t.borderTopWidth)+parseFloat(t.paddingTop))):n}function Ft(){St.clear(),ci.clear(),Gi=new WeakMap}function td(){lt=new WeakMap,St=new Map,ci=new Map,Gi=new WeakMap}function ce(n){if(!Gi)return(n.ownerDocument.defaultView??window).getComputedStyle(n);let e=Gi.get(n);return e||(e=(n.ownerDocument.defaultView??window).getComputedStyle(n),Gi.set(n,e)),e}function qp(n,e){let t;if(St){let d=lt.get(n);d===void 0&&lt.set(n,d=gn++);let p=lt.get(e?.relativeTo??document.body);p===void 0&&lt.set(e?.relativeTo??document.body,p=gn++),t=d+"_"+p+"_"+(e?.box??"border");let f=St.get(t);if(f)return f}let i=ct(n,e?.relativeTo??document.body,e?.iframes);if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let d=n.ownerDocument.createRange();d.selectNodeContents(n);let p=d.getClientRects();if(p.length>1){let f=e?.relativeTo??document.body,m=Rt(n,e?.iframes),u=ct(m,f,e?.iframes),y=qe(m,e?.iframes),_=ce(m).transformOrigin.split(" "),w=parseFloat(_[0])||0,A=parseFloat(_[1])||0,D=m.getBoundingClientRect(),P=D.x+D.width/2-w+y.e,T=D.y+D.height/2-A+y.f,N=y.a,X=y.b,O=y.c,K=y.d,ne=N*K-X*O,re=Math.abs(N),de=Math.abs(X),Ee=re*re-de*de,tt=[];for(let se of p){if(se.width<1&&se.height<1)continue;let Z=se.x+se.width/2-P,he=se.y+se.height/2-T,it,Oe;Math.abs(ne)>1e-10?(it=(K*Z-O*he)/ne,Oe=(N*he-X*Z)/ne):(it=Z,Oe=he);let ze,Le;if(Math.abs(Ee)>1e-6)ze=Math.max(0,(re*se.width-de*se.height)/Ee),Le=Math.max(0,(re*se.height-de*se.width)/Ee);else{let hr=ce(m);Le=Math.max(0,parseFloat(hr.lineHeight)||parseFloat(hr.fontSize)*1.2||16);let Ei=Math.max(re,de);ze=Ei>1e-6?Math.max(0,(se.width-Le*de)/Ei):se.width}let Ut=it-ze/2,Kt=Oe-Le/2;tt.push(new DOMQuad(u.transformPoint(new DOMPoint(Ut,Kt)),u.transformPoint(new DOMPoint(Ut+ze,Kt)),u.transformPoint(new DOMPoint(Ut+ze,Kt+Le)),u.transformPoint(new DOMPoint(Ut,Kt+Le))))}if(tt.length>0)return St&&St.set(t,tt),tt}}let{width:r,height:s}=Qa(n,i),o=[{x:0,y:0},{x:r,y:0},{x:r,y:s},{x:0,y:s}],a=Array(4),l=null;if(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element){if(e?.box==="margin"){let d=ce(n);l=[{x:parseFloat(d.marginLeft),y:parseFloat(d.marginTop)},{x:-parseFloat(d.marginRight),y:parseFloat(d.marginTop)},{x:-parseFloat(d.marginRight),y:-parseFloat(d.marginBottom)},{x:parseFloat(d.marginLeft),y:-parseFloat(d.marginBottom)}]}else if(e?.box==="padding"){let d=ce(n);l=[{x:-parseFloat(d.borderLeftWidth),y:-parseFloat(d.borderTopWidth)},{x:parseFloat(d.borderRightWidth),y:-parseFloat(d.borderTopWidth)},{x:parseFloat(d.borderRightWidth),y:parseFloat(d.borderBottomWidth)},{x:-parseFloat(d.borderLeftWidth),y:parseFloat(d.borderBottomWidth)}]}else if(e?.box==="content"){let d=ce(n);l=[{x:-parseFloat(d.borderLeftWidth)-parseFloat(d.paddingLeft),y:-parseFloat(d.borderTopWidth)-parseFloat(d.paddingTop)},{x:parseFloat(d.borderRightWidth)+parseFloat(d.paddingRight),y:-parseFloat(d.borderTopWidth)-parseFloat(d.paddingTop)},{x:parseFloat(d.borderRightWidth)+parseFloat(d.paddingRight),y:parseFloat(d.borderBottomWidth)+parseFloat(d.paddingBottom)},{x:-parseFloat(d.borderLeftWidth)-parseFloat(d.paddingLeft),y:parseFloat(d.borderBottomWidth)+parseFloat(d.paddingBottom)}]}}let c=i.is2D;for(let d=0;d<4;d++){let p;l?p=new DOMPoint(o[d].x-l[d].x,o[d].y-l[d].y):p=new DOMPoint(o[d].x,o[d].y),c?a[d]=p.matrixTransform(i):(a[d]=Qp(p,i).matrixTransform(i),a[d]=$p(a[d]))}let h=[new DOMQuad(a[0],a[1],a[2],a[3])];return St&&St.set(t,h),h}function Qp(n,e){let t=-(n.x*e.m13+n.y*e.m23+e.m43)/e.m33;return new DOMPoint(n.x,n.y,t,1)}function $p(n){return new DOMPoint(n.x/n.w,n.y/n.w)}function Qa(n,e){let t=0,i=0;if(n instanceof HTMLElement||n instanceof(n.ownerDocument.defaultView??window).HTMLElement)t=n.offsetWidth,i=n.offsetHeight;else if(n instanceof SVGSVGElement||n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement)t=n.width.baseVal.value,i=n.height.baseVal.value;else if(n instanceof SVGGraphicsElement||n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement){let r=n.getBBox();t=r.width,i=r.height}else if(n instanceof MathMLElement||n instanceof(n.ownerDocument.defaultView??window).MathMLElement){let r=n.getBoundingClientRect();t=r.width/(e?.a??1),i=r.height/(e?.d??1)}else if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let r=n.ownerDocument.createRange();r.selectNodeContents(n);let s=r.getBoundingClientRect(),o=Math.abs(e?.a??1),a=Math.abs(e?.b??0),l=o*o-a*a;if(Math.abs(l)>1e-6)t=Math.max(0,(o*s.width-a*s.height)/l),i=Math.max(0,(o*s.height-a*s.width)/l);else{let c=n.parentElement,h=16;if(c){let p=ce(c);h=parseFloat(p.lineHeight)||parseFloat(p.fontSize)*1.2||16}i=Math.max(0,h);let d=Math.max(o,a);t=d>1e-6?Math.max(0,(s.width-i*a)/d):s.width}}return{width:t,height:i}}function Ya(n,e,t){if(n instanceof HTMLElement||n instanceof(n.ownerDocument.defaultView??window).HTMLElement){let i=ce(n);return e?new DOMPoint(n.offsetLeft-(n.scrollLeft-parseFloat(i.borderLeftWidth)),n.offsetTop-(n.scrollTop-parseFloat(i.borderTopWidth))):new DOMPoint(n.offsetLeft,n.offsetTop)}else if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let i=n.ownerDocument.createRange();i.selectNodeContents(n);let r=i.getBoundingClientRect(),s=Rt(n,t),o=s.getBoundingClientRect(),a=qe(s,t),l=a.a,c=a.b,h=a.c,d=a.d,f=ce(s).transformOrigin.split(" "),m=parseFloat(f[0])||0,u=parseFloat(f[1])||0,y=o.x+o.width/2-m+a.e,x=o.y+o.height/2-u+a.f,_=r.x+r.width/2-y,w=r.y+r.height/2-x,A=l*d-c*h,D,P;Math.abs(A)>1e-10?(D=(d*_-h*w)/A,P=(l*w-c*_)/A):(D=_,P=w);let T=Math.abs(l),N=Math.abs(c),X=T*T-N*N,O,K;if(Math.abs(X)>1e-6)O=Math.max(0,(T*r.width-N*r.height)/X),K=Math.max(0,(T*r.height-N*r.width)/X);else{let ne=ce(s);K=parseFloat(ne.lineHeight)||parseFloat(ne.fontSize)*1.2||16,K=Math.max(0,K);let re=Math.max(T,N);O=re>1e-6?Math.max(0,(r.width-K*N)/re):r.width}return new DOMPoint(D-O/2,P-K/2)}else if(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element){if((n instanceof SVGGraphicsElement||n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement)&&!(n instanceof SVGSVGElement||n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement)){let h=n.getBBox();return new DOMPoint(h.x,h.y)}let i=ce(n);if(i.position==="absolute")return new DOMPoint(parseFloat(i.left),parseFloat(i.top));let r=Rt(n,t),s=ct(r,document.body,t).inverse(),o=n.getBoundingClientRect(),a=s.transformPoint(o),l=r.getBoundingClientRect(),c=s.transformPoint(l);return new DOMPoint(a.x-c.x,a.y-c.y)}}function ct(n,e,t){let i;if(ci){let c=lt.get(n);c===void 0&&lt.set(n,c=gn++);let h=lt.get(e);h===void 0&&lt.set(e,h=gn++),i=c+"_"+h;let d=ci.get(i);if(d)return d}let r=n,s,o=qe(r,t),a=Rt(r,t);a&&ce(a).transformStyle!=="preserve-3d"&&Jh(o);let l=null;for(;r!=e&&r!=null;){let c=Rt(r,t);if(r.assignedSlot!=null){if(r.nodeType===Node.ELEMENT_NODE){let h=ce(r);h.position!=="static"&&(o=new DOMMatrix().translate(parseFloat(h.left),parseFloat(h.top)).multiply(o))}else if(r.nodeType===Node.TEXT_NODE){let h=Ya(r,r!==n,t);o=new DOMMatrix().translateSelf(h.x,h.y).multiplySelf(o)}}else if(!(r instanceof SVGSVGElement)&&!(r instanceof(r.ownerDocument.defaultView??window).SVGSVGElement)&&(r instanceof SVGGraphicsElement||r instanceof(r.ownerDocument.defaultView??window).SVGGraphicsElement)){let h=r.getCTM(),d=r.getBBox();o=new DOMMatrix().translateSelf(d.x,d.y).multiplySelf(o),o=new DOMMatrix([h.a,h.b,h.c,h.d,h.e,h.f]).multiplySelf(o),c=r.ownerSVGElement}else if(r instanceof HTMLElement||r instanceof(r.ownerDocument.defaultView??window).HTMLElement){if(l!==r.offsetParent&&!(r instanceof HTMLSlotElement||r instanceof(r.ownerDocument.defaultView??window).HTMLSlotElement)){let h=Ya(r,r!==n,t);l=r.offsetParent,o=new DOMMatrix().translateSelf(h.x,h.y).multiplySelf(o)}}else{let h=Ya(r,r!==n,t);l=null,o=new DOMMatrix().translateSelf(h.x,h.y).multiplySelf(o)}if(c&&(s=qe(c,t),c!=e&&!s.isIdentity&&(o=s.multiply(o)),a=Rt(c,t),a&&ce(a).transformStyle!=="preserve-3d"&&Jh(o),c===e))return(c.scrollTop||c.scrollLeft)&&(o=new DOMMatrix().translate(-c.scrollLeft,-c.scrollTop).multiply(o)),o;r=c}return ci&&ci.set(i,o),o}function Rt(n,e){if((n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&n.assignedSlot)return n.assignedSlot;if(n.parentElement==null&&(n.parentNode instanceof ShadowRoot||n.parentNode instanceof(n.ownerDocument.defaultView??window).ShadowRoot))return n.parentNode.host;if((n instanceof HTMLHtmlElement||n instanceof(n.ownerDocument.defaultView??window).HTMLHtmlElement)&&e){for(let t of e)if(t?.contentDocument==n.ownerDocument)return t}return n.parentElement}function qe(n,e){if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text)return new DOMMatrix;let t=ce(n),i=t.translate!="none"&&t.translate,r=t.rotate!="none"&&t.rotate,s=t.scale!="none"&&t.scale,o=t.offsetPath&&t.offsetPath!=="none",a=t.transform!="none"&&t.transform;if(!i&&!r&&!s&&!o&&!a){let u=ed(n,e);return u??new DOMMatrix}let l=new DOMMatrix,c=t.transformOrigin.split(" "),h=parseFloat(c[0]),d=parseFloat(c[1]),p=c[2]?parseFloat(c[2]):0,f=new DOMMatrix().translateSelf(h,d,p);if(i){let u=t.translate;if(u.includes("%")){let y=u.split(" "),x=n.getBoundingClientRect();y[0].endsWith("%")&&(y[0]=parseFloat(y[0])*x.width/100+"px"),y[1]?.endsWith("%")&&(y[1]=parseFloat(y[1])*x.height/100+"px"),u=y.join(",")}l.multiplySelf(new DOMMatrix("translate("+u.replaceAll(" ",",")+")"))}r&&l.multiplySelf(new DOMMatrix("rotate("+t.rotate.replaceAll(" ",",")+")")),s&&l.multiplySelf(new DOMMatrix("scale("+t.scale.replaceAll(" ",",")+")")),o&&l.multiplySelf(Jp(n)),a&&l.multiplySelf(new DOMMatrix(t.transform)),l=f.multiply(l.multiplySelf(f.inverse()));let m=ed(n,e);return m!=null&&(l=m.multiplySelf(l)),l}function Jh(n){if(n.m31=0,n.m32=0,n.m13=0,n.m23=0,n.m33=1,n.m43=0,n.m34=0,n.m14==0&&n.m24==0&&n.m44!=1&&n.m44!=0){let e=1/n.m44;n.m11*=e,n.m12*=e,n.m21*=e,n.m22*=e,n.m41*=e,n.m42*=e,n.m44=1}}function ed(n,e){let t=Rt(n,e);if(t){let i=ce(t);if(i.perspective!=="none"){let r=new DOMMatrix,s=parseFloat(i.perspective);if(r.m34=-1/s,i.perspectiveOrigin){let o=i.perspectiveOrigin.split(" "),a=parseFloat(o[0])-n.offsetLeft,l=parseFloat(o[1])-n.offsetTop,c=new DOMMatrix().translateSelf(a,l),h=new DOMMatrix().translateSelf(-a,-l);return c.multiplySelf(r.multiplySelf(h))}}}return null}function Jp(n){let e=ce(n),t=e.offsetPath,i=e.offsetDistance,r=e.offsetRotate,s=e.offsetAnchor,o=e.transformOrigin,a=tm(i),{x:l,y:c,angle:h}=rm(n,t,a),d=0;if(r.startsWith("auto")){let u=r.split(/\s+/),y=u.length===2?parseFloat(u[1]):0;d=h+y}else d=parseFloat(r);let p=em(s,o,n),f=new DOMMatrix().translateSelf(-p.x,-p.y),m=f.translate(l,c);return m.multiplySelf(f.invertSelf()),m.rotateSelf(d),m.translateSelf(-p.x,-p.y),m}function em(n,e,t){let i=t.offsetWidth,r=t.offsetHeight;(!n||n==="auto")&&(n=e);let s=n.split(/\s+/);if(s.length===1)return{x:Xa(s[0],i),y:r/2};let o=Xa(s[0],i),a=Xa(s[1],r);return{x:o,y:a}}function Xa(n,e){if(n=n.trim(),n.endsWith("%"))return parseFloat(n)/100*e;if(n.endsWith("px"))return parseFloat(n);switch(n){case"left":return 0;case"top":return 0;case"center":return e/2;case"right":return e;case"bottom":return e}return parseFloat(n)}function tm(n){return n=n.trim(),n.endsWith("%")?parseFloat(n)/100:parseFloat(n)}function im(n){return n?(n=n.trim(),n.endsWith("deg")?parseFloat(n):n.endsWith("rad")?parseFloat(n)*(180/Math.PI):n.endsWith("grad")?parseFloat(n)*.9:parseFloat(n)):0}function rm(n,e,t){if(!e||e==="none")return{x:0,y:0,angle:0};let i=e.trim(),r=i.match(/path\(["'](.+)["']\)/);return r?nm(r[1],t):i.startsWith("circle(")?om(i,t):i.startsWith("ellipse(")?am(i,t):i.startsWith("inset(")?um(i,n,t):i.startsWith("rect(")?lm(i,t):i.startsWith("xywh(")?cm(i,t):i.startsWith("ray(")?sm(i,t):i.startsWith("polygon(")?hm(i,t):(console.warn("Unsupported offset-path:",e),{x:0,y:0,angle:0})}function nm(n,e){let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",n);let i=t.getTotalLength(),r=e<=1?e*i:e,s=t.getPointAtLength(r),o=t.getPointAtLength(Math.min(i,r+.01)),a=Math.atan2(o.y-s.y,o.x-s.x)*180/Math.PI;return{x:s.x,y:s.y,angle:a}}function sm(n,e){let i=n.match(/ray\(([^)]+)\)/)[1].trim(),[r,s]=i.split("at").map(m=>m&&m.trim()),o=r.split(/\s+/),a=im(o[0]),l=a*Math.PI/180,c=0,h=0;if(s){let m=s.split(/\s+/);c=parseFloat(m[0]),h=parseFloat(m[1])}let d=(e<=1,e),p=c+Math.cos(l)*d,f=h+Math.sin(l)*d;return{x:p,y:f,angle:a}}function om(n,e){let i=n.match(/circle\(([^)]+)\)/)[1],[r,s]=i.split("at").map(f=>f.trim()),o=parseFloat(r),[a,l]=s.split(/\s+/).map(parseFloat),c=e*2*Math.PI-Math.PI/2,h=a+Math.cos(c)*o,d=l+Math.sin(c)*o,p=c*180/Math.PI+90;return{x:h,y:d,angle:p}}function am(n,e){let i=n.match(/ellipse\(([^)]+)\)/)[1].split("at"),r=i[0].trim().split(/\s+/).map(parseFloat),s=i[1].trim().split(/\s+/).map(parseFloat),o=r[0],a=r[1],l=s[0],c=s[1],h=e*2*Math.PI-Math.PI/2,d=l+Math.cos(h)*o,p=c+Math.sin(h)*a,f=-Math.sin(h)*o,m=Math.cos(h)*a,u=Math.atan2(m,f)*180/Math.PI;return{x:d,y:p,angle:u}}function lm(n,e){let i=n.match(/rect\(([^)]+)\)/)[1].split(/\s+/).map(l=>parseFloat(l)),r=i[0],s=i[1],o=i[2],a=i[3];return id(r,a,s,o,e)}function cm(n,e){let i=n.match(/xywh\(([^)]+)\)/)[1].split(/\s+/).map(parseFloat),r=i[0],s=i[1],o=i[2],a=i[3];return id(s,r,r+o,s+a,e)}function hm(n,e){let r=n.match(/polygon\(([^)]+)\)/)[1].split(",").map(w=>w.trim().split(/\s+/).map(parseFloat)),s=[0];for(let w=1;w<r.length;w++){let A=r[w][0]-r[w-1][0],D=r[w][1]-r[w-1][1];s.push(Math.hypot(A,D)+s[w-1])}let o=r[0][0]-r[r.length-1][0],a=r[0][1]-r[r.length-1][1];s.push(Math.hypot(o,a)+s[s.length-1]);let l=s[s.length-1],c=e*l,h=s.findIndex(w=>w>=c);h<=0&&(h=1);let d=s[h-1],p=s[h],f=(c-d)/(p-d),m=r[(h-1)%r.length],u=r[h%r.length],y=m[0]+(u[0]-m[0])*f,x=m[1]+(u[1]-m[1])*f,_=Math.atan2(u[1]-m[1],u[0]-m[0])*180/Math.PI;return{x:y,y:x,angle:_}}function id(n,e,t,i,r){let s=t-e,o=i-n,a=2*(s+o),l=r*a;if(l<s)return{x:e+l,y:n,angle:0};if(l-=s,l<o){let h=n+l;return{x:t,y:h,angle:90}}if(l-=o,l<s)return{x:t-l,y:i,angle:180};l-=s;let c=i-l;return{x:e,y:c,angle:270}}function dm(n){let e=[],t=0;for(;t<n.length;){let i=n[t];if(/\s/.test(i)){t++;continue}if("+-*/()".includes(i)){e.push({type:i,value:i}),t++;continue}if(/[0-9.]/.test(i)){let r=t;for(;/[0-9.]/.test(n[t]);)t++;let s=n.slice(r,t);if(n[t]==="%"){t++,e.push({type:"percentage",value:parseFloat(s)});continue}if(n.slice(t,t+2)==="px"){t+=2,e.push({type:"dimension",value:parseFloat(s),unit:"px"});continue}e.push({type:"number",value:parseFloat(s)});continue}if(/[a-zA-Z]/.test(i)){let r=t;for(;/[a-zA-Z]/.test(n[t]);)t++;let s=n.slice(r,t);if(s==="calc"&&n[t]==="("){e.push({type:"func",value:"calc"});continue}throw new Error("Unsupported function: "+s)}throw new Error("Unexpected character in calc(): "+i)}return e}function pm(n){let e=0;function t(){return n[e]}function i(){return n[e++]}function r(){let l=s();for(;t()&&(t().type==="+"||t().type==="-");){let c=i().type,h=s();l={type:"binary",op:c,left:l,right:h}}return l}function s(){let l=o();for(;t()&&(t().type==="*"||t().type==="/");){let c=i().type,h=o();l={type:"binary",op:c,left:l,right:h}}return l}function o(){let l=t();if(!l)throw"Unexpected end in calc()";if(l.type==="number")return i(),{type:"number",value:l.value};if(l.type==="dimension")return i(),{type:"dimension",value:l.value,unit:l.unit};if(l.type==="percentage")return i(),{type:"percentage",value:l.value};if(l.type==="func"){if(i(),t().type!=="(")throw"Expected '(' after calc";i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}if(l.type==="("){i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}throw new Error("Unexpected calc token "+JSON.stringify(l))}let a=r();if(e!==n.length)throw"Extra tokens after calc";return a}function Za(n,e){switch(n.type){case"number":return n.value;case"dimension":return n.value;case"percentage":return e.percentBase*(n.value/100);case"binary":{let t=Za(n.left,e),i=Za(n.right,e);switch(n.op){case"+":return t+i;case"-":return t-i;case"*":return t*i;case"/":return t/i}}}throw"Invalid AST node "+n.type}function fn(n,e,t=!1){if(n=n.trim(),/^[0-9.]+px$/.test(n))return parseFloat(n);let i=t?e.offsetHeight:e.offsetWidth;if(/^[0-9.]+%$/.test(n)){let s=parseFloat(n);return i*(s/100)}let r=pm(dm(n));return Za(r,{percentBase:i})}function mm(n){let e=n.trim().replace(/^inset\s*\(/,"").replace(/\)\s*$/,""),t=[],i="",r=0;for(let s=0;s<e.length;s++){let o=e[s];o==="("?(r++,i+=o):o===")"?(r--,i+=o):/\s/.test(o)&&r===0?i.trim()!==""&&(t.push(i.trim()),i=""):i+=o}return i.trim()!==""&&t.push(i.trim()),t}function um(n,e,t){let i=mm(n);if(i.length!==4)throw new Error("inset() must have 4 arguments");let r=fn(i[0],e,!0),s=fn(i[1],e,!1),o=fn(i[2],e,!0),a=fn(i[3],e,!1),l=e.offsetWidth,c=e.offsetHeight,h=a,d=r,p=l-s,f=c-o,u=2*(p-h+(f-d))*t,y=p-h;return u<=y?{x:h+u,y:d,angle:0}:(u-=y,y=f-d,u<=y?{x:p,y:d+u,angle:90}:(u-=y,y=p-h,u<=y?{x:p-u,y:f,angle:180}:(u-=y,{x:h,y:f-u,angle:270})))}var lt,St,ci,Gi,gn,zt=g(()=>{"use strict";gn=0});function yn(n,e){switch(e){case"left":let t=getComputedStyle(n).left;return n.style.removeProperty("right"),n.style.left=t,t;case"top":let i=getComputedStyle(n).top;return n.style.removeProperty("bottom"),n.style.top=i,i}}var vn,$a=g(()=>{"use strict";le();oe();Pe();Xr();zt();ie();vn=class extends z{resizeAllSelected;_initialSizes;_actionModeStarted;_initialPoint;_offsetPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialComputedTransformOrigins;_initialTransformOrigins;constructor(e,t,i,r){super(e,t,i),this.resizeAllSelected=r}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p1.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._circle1=this._drawResizerOverlay(i.p1.x,i.p1.y,"nw-resize",this._circle1),this._circle2=this._drawResizerOverlay(i.p1.x+(i.p2.x-i.p1.x)/2,i.p1.y+(i.p2.y-i.p1.y)/2,"n-resize",this._circle2),this._circle3=this._drawResizerOverlay(i.p2.x,i.p2.y,"ne-resize",this._circle3),this._circle4=this._drawResizerOverlay(i.p1.x+(i.p4.x-i.p1.x)/2,i.p1.y+(i.p4.y-i.p1.y)/2,"w-resize",this._circle4),this._circle5=this._drawResizerOverlay(i.p4.x,i.p4.y,"sw-resize",this._circle5),this._circle6=this._drawResizerOverlay(i.p4.x+(i.p3.x-i.p4.x)/2,i.p4.y+(i.p3.y-i.p4.y)/2,"s-resize",this._circle6),this._circle8=this._drawResizerOverlay(i.p2.x+(i.p3.x-i.p2.x)/2,i.p2.y+(i.p3.y-i.p2.y)/2,"e-resize",this._circle8),this._circle7=this._drawResizerOverlay(i.p3.x,i.p3.y,"se-resize",this._circle7))}}_drawResizerOverlay(e,t,i,r){let s=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-primary-resizer",r);return s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(s.addEventListener(S.PointerDown,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerMove,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerUp,o=>this._pointerActionTypeResize(s,o,i))),s.style.cursor=i,s}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case S.PointerDown:let s=parseFloat(e.getAttribute("cx")),o=parseFloat(e.getAttribute("cy"));this._offsetPoint={x:s-r.x,y:o-r.y},t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._initialSizes=[],this._actionModeStarted=i,this._initialComputedTransformOrigins=[],this._initialTransformOrigins=[];let a=this.extendedItem.element.style.transform;this.extendedItem.element.style.transform="";let l=G(this.extendedItem.element);this.extendedItem.element.style.transform=a;let c={x:0,y:0};getComputedStyle(this.extendedItem.element).boxSizing=="content-box"&&(c=Rh(this.extendedItem.element)),this._initialSizes.push({width:(l.width-c.x*this.designerCanvas.scaleFactor)/this.designerCanvas.scaleFactor,height:(l.height-c.y*this.designerCanvas.scaleFactor)/this.designerCanvas.scaleFactor});let h=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ").map(f=>parseFloat(f.replace("px",""))),d=new DOMPoint(h[0],h[1]);if(this._initialComputedTransformOrigins.push(d),this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin),this.resizeAllSelected)for(let f of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)l=G(f.element),this._initialSizes.push({width:l.width/this.designerCanvas.scaleFactor,height:l.height/this.designerCanvas.scaleFactor});if(this.designerCanvas.alignOnSnap&&this.designerCanvas.snapLines.calculateSnaplines(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.prepareResize(this.extendedItem,this._actionModeStarted),this.resizeAllSelected)for(let f of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)f!==this.extendedItem&&this.prepareResize(f,this._actionModeStarted);break;case S.PointerMove:if(this._initialPoint){let f=getComputedStyle(this.extendedItem.parent.element),u=this.designerCanvas.serviceContainer.getLastServiceWhere("containerService",O=>O.serviceForContainer(this.extendedItem.parent,f)).placePoint(t,this.designerCanvas,this.extendedItem.parent,this._initialPoint,{x:0,y:0},r,this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),y=Math.round(u.x-this._initialPoint.x-this._offsetPoint.x),x=Math.round(u.y-this._initialPoint.y-this._offsetPoint.y),_=qe(this.extendedItem.element),w=Ea(new DOMPoint(y,x,0,0),_),A=w.x,D=w.y;t.shiftKey&&(A=A<D?A:D,D=A);let P=0,T=null,N=null;switch(this._actionModeStarted){case"e-resize":if(T=this._initialSizes[P].width+A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width+A)+"px")}break;case"se-resize":if(T=this._initialSizes[P].width+A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height+D,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width+A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height+D)+"px")}break;case"s-resize":if(N=this._initialSizes[P].height+D,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.height=R(this.extendedItem,this._initialSizes[P].height+D)+"px")}break;case"sw-resize":if(T=this._initialSizes[P].width-A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height+D,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width-A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height+D)+"px")}break;case"w-resize":if(T=this._initialSizes[P].width-A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width-A)+"px")}break;case"nw-resize":if(T=this._initialSizes[P].width-A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height-D,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width-A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height-D)+"px")}break;case"n-resize":if(N=this._initialSizes[P].height-D,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.height=R(this.extendedItem,this._initialSizes[P].height-D)+"px")}break;case"ne-resize":if(T=this._initialSizes[P].width+A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height-D,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width+A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height-D)+"px")}break}let X=[this.extendedItem,this.extendedItem.parent];this.resizeAllSelected&&X.push(...this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.extensionManager.refreshExtensions(X),this.designerCanvas?.raiseDesignItemsChanged(X,"resize",!1)}break;case S.PointerUp:if(t.target.releasePointerCapture(t.pointerId),!this._initialPoint)return;let p=this.extendedItem.openGroup(this.resizeAllSelected&&this.designerCanvas.instanceServiceContainer.selectionService.selectedElements.length>1?"Resize Elements":"Resize &lt;"+this.extendedItem.name+"&gt;");try{this.extendedItem.setStyle("width",this.extendedItem.element.style.width),this.extendedItem.setStyle("height",this.extendedItem.element.style.height),this.extendedItem.setStyle("left",R(this.extendedItem,parseFloat(yn(this.extendedItem.element,"left")))+"px"),this.extendedItem.setStyle("top",R(this.extendedItem,parseFloat(yn(this.extendedItem.element,"top")))+"px");let f=new DOMPoint(this.extendedItem.element.offsetLeft+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[0].replace("px","")),this.extendedItem.element.offsetTop+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[1].replace("px","")));this.extendedItem.element.style.transformOrigin=this._initialTransformOrigins[0];let m=new DOMPoint(this.extendedItem.element.offsetLeft+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[0].replace("px","")),this.extendedItem.element.offsetTop+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[1].replace("px",""))),u=new DOMPoint(m.x-f.x,-(m.y-f.y)),y=new DOMMatrix(getComputedStyle(this.extendedItem.element).transform),x=0,_=0,w=Ea(u,y),A=new DOMPoint(f.x+w.x,f.y-w.y),P=new DOMPoint(A.x-m.x,-(A.y-m.y)).matrixTransform(y),T=new DOMPoint(m.x+P.x,m.y-P.y);if(x=T.x-m.x,_=T.y-m.y,this.extendedItem.element.style.transform=y.translate(x,_).toString(),y.isIdentity&&(this.extendedItem.element.style.transform=""),this.extendedItem.setStyle("transform",this.extendedItem.element.style.transform),this.resizeAllSelected){for(let N of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)N!==this.extendedItem&&(N.setStyle("width",N.element.style.width),N.setStyle("height",N.element.style.height),N.setStyle("left",R(this.extendedItem,parseFloat(yn(N.element,"left")))+"px"),N.setStyle("top",R(this.extendedItem,parseFloat(yn(N.element,"top")))+"px"));this.designerCanvas?.raiseDesignItemsChanged(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements,"resize",!0)}else this.designerCanvas?.raiseDesignItemsChanged([this.extendedItem],"resize",!0);p.commit()}catch(f){p.abort(),console.error(f)}this._initialSizes=null,this._initialPoint=null;break}}prepareResize(e,t){let i=null,r=null,s=null,o=null;switch(this._actionModeStarted){case"e-resize":s=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=s;break;case"se-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,s=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=s;break;case"s-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i;break;case"sw-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,o=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=o;break;case"w-resize":o=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=o;break;case"nw-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,o=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=o;break;case"n-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r;break;case"ne-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,s=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=s;break}}dispose(){this._removeAllOverlays()}}});import{css as fm}from"@node-projects/base-custom-webcomponent";var xn,Ja=g(()=>{"use strict";$a();Q();xn=class{resizeAllSelected;constructor(e=!1){this.resizeAllSelected=e}shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem&&i.nodeType==I.Element}getExtension(e,t,i){return new vn(e,t,i,this.resizeAllSelected)}static style=fm`.svg-primary-resizer{stroke:#3899ec;fill:#fff;pointer-events:auto}`}});var _n,el=g(()=>{"use strict";Fe();Pe();zt();ie();_n=class extends z{_rotateLine;_rotateCircle;_startPoint;_rotateCirclePosition;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=Qa(this.extendedItem.element),r={x:i.width/2,y:-30/this.designerCanvas.zoomFactor},s={x:i.width/2,y:-22/this.designerCanvas.zoomFactor},o={x:i.width/2,y:-6/this.designerCanvas.zoomFactor};this._rotateCirclePosition=r;let a=this.designerCanvas.canvas.convertPointFromNode(r,this.extendedItem.element),l=this.designerCanvas.canvas.convertPointFromNode(s,this.extendedItem.element),c=this.designerCanvas.canvas.convertPointFromNode(o,this.extendedItem.element);this._rotateLine=this._drawLine(l.x,l.y,c.x,c.y,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(a.x,a.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(a.x,a.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",h=>{h.stopPropagation(),h.target.setPointerCapture(h.pointerId);let d=this.designerCanvas.getNormalizedEventCoordinates(h);this._startPoint=this.extendedItem.element.convertPointFromNode({x:d.x,y:d.y},this.designerCanvas.canvas)}),this._rotateCircle.addEventListener("pointermove",h=>{h.stopPropagation(),this._startPoint&&(this.extendedItem.element.style.rotate="none",this.extendedItem.element.style.rotate=this.getAngle(h)+"deg")}),this._rotateCircle.addEventListener("pointerup",h=>{h.stopPropagation(),h.target.releasePointerCapture(h.pointerId),this._startPoint=null,this.extendedItem.element.style.rotate="none",this.extendedItem.setStyle("rotate",this.getAngle(h)+"deg")}))}getAngle(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),i={x:t.x,y:t.y},r=this.extendedItem.element.convertPointFromNode(i,this.designerCanvas.canvas),o=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),a={x:parseFloat(o[0]),y:parseFloat(o[1])},l=Math.atan2(this._rotateCirclePosition.y-a.y,this._rotateCirclePosition.x-a.x)*180/Math.PI+90,c=Math.atan2(r.y-a.y,r.x-a.x)*180/Math.PI+90-l;return j(e)||(c=Math.round(c/15)*15),R(this.extendedItem,c)}dispose(){this._removeAllOverlays()}}});import{css as gm}from"@node-projects/base-custom-webcomponent";var bn,tl=g(()=>{"use strict";el();bn=class{type;constructor(e="center-top"){this.type=e}shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new _n(e,t,i)}static style=gm`.svg-primary-rotate{stroke:#3899ec;fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-transparent{fill:transparent;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:#3899ec;fill:#3899ec;stroke-width:1}`}});var Sn,il=g(()=>{"use strict";Fe();Pe();oe();ie();Sn=class extends z{_rotateLine;_rotateCircle;_rectLine1;_rectLine2;_rectLine3;_rectLine4;_initialCorners;_startAngle;_groupCenter;_initialHandleX;_initialHandleY;_initialLineX1;_initialLineY1;_initialLineX2;_initialLineY2;_currentDelta=0;_elementStartStates;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=ae(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements);if(i.length<2)return;let r,s,o,a,l,c;if(this._elementStartStates){let h=this._currentDelta*Math.PI/180,d=Math.cos(h),p=Math.sin(h),f=(_,w)=>this._groupCenter.x+(_-this._groupCenter.x)*d-(w-this._groupCenter.y)*p,m=(_,w)=>this._groupCenter.y+(_-this._groupCenter.x)*p+(w-this._groupCenter.y)*d;r=f(this._initialHandleX,this._initialHandleY),s=m(this._initialHandleX,this._initialHandleY),o=f(this._initialLineX1,this._initialLineY1),a=m(this._initialLineX1,this._initialLineY1),l=f(this._initialLineX2,this._initialLineY2),c=m(this._initialLineX2,this._initialLineY2);let y=this._initialCorners.map(_=>({x:f(_.x,_.y),y:m(_.x,_.y)})),x=(2/this.designerCanvas.zoomFactor).toString();this._rectLine1=this._drawLine(y[0].x,y[0].y,y[1].x,y[1].y,"svg-rotate-group-rect",this._rectLine1),this._rectLine2=this._drawLine(y[1].x,y[1].y,y[2].x,y[2].y,"svg-rotate-group-rect",this._rectLine2),this._rectLine3=this._drawLine(y[2].x,y[2].y,y[3].x,y[3].y,"svg-rotate-group-rect",this._rectLine3),this._rectLine4=this._drawLine(y[3].x,y[3].y,y[0].x,y[0].y,"svg-rotate-group-rect",this._rectLine4),this._rectLine1.style.strokeWidth=x,this._rectLine2.style.strokeWidth=x,this._rectLine3.style.strokeWidth=x,this._rectLine4.style.strokeWidth=x}else{this._rectLine1&&(this._rectLine1.style.display="none",this._rectLine2.style.display="none",this._rectLine3.style.display="none",this._rectLine4.style.display="none");let h=kt(i,this.designerCanvas),d=h.x+h.width/2,p=h.y;r=d,s=p-30/this.designerCanvas.zoomFactor,o=d,a=p-22/this.designerCanvas.zoomFactor,l=d,c=p-6/this.designerCanvas.zoomFactor}this._rotateLine=this._drawLine(o,a,l,c,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(r,s,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(r,s,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",h=>{h.stopPropagation(),h.target.setPointerCapture(h.pointerId);let d=ae(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),p=kt(d,this.designerCanvas),f=p.x+p.width/2,m=p.y;this._groupCenter={x:f,y:p.y+p.height/2},this._initialHandleX=f,this._initialHandleY=m-30/this.designerCanvas.zoomFactor,this._initialLineX1=f,this._initialLineY1=m-22/this.designerCanvas.zoomFactor,this._initialLineX2=f,this._initialLineY2=m-6/this.designerCanvas.zoomFactor,this._initialCorners=[{x:p.x,y:p.y},{x:p.x+p.width,y:p.y},{x:p.x+p.width,y:p.y+p.height},{x:p.x,y:p.y+p.height}],this._rectLine1&&(this._rectLine1.style.display="",this._rectLine2.style.display="",this._rectLine3.style.display="",this._rectLine4.style.display="");let u=this.designerCanvas.getNormalizedEventCoordinates(h);this._startAngle=Math.atan2(u.y-this._groupCenter.y,u.x-this._groupCenter.x),this._currentDelta=0,this._elementStartStates=d.map(y=>{let x=this.designerCanvas.getNormalizedElementCoordinates(y.element),_=this.designerCanvas.getNormalizedElementCoordinates(y.parent.element),w=y.getStyle("rotate")??"0deg",A=parseFloat(w)||0,D=getComputedStyle(y.element),P=parseFloat(D.width)/2,T=parseFloat(D.height)/2;return{item:y,rotation:A,centerX:x.x+x.width/2,centerY:x.y+x.height/2,cssHalfWidth:P,cssHalfHeight:T,parentX:_.x,parentY:_.y,parentWidth:_.width,parentHeight:_.height,usesRight:y.hasStyle("right")&&!y.hasStyle("left"),usesBottom:y.hasStyle("bottom")&&!y.hasStyle("top")}})}),this._rotateCircle.addEventListener("pointermove",h=>{if(h.stopPropagation(),!!this._elementStartStates){this._currentDelta=this._getDelta(h);for(let d of this._elementStartStates)this._applyRotation(d,this._currentDelta,!1)}}),this._rotateCircle.addEventListener("pointerup",h=>{if(h.stopPropagation(),h.target.releasePointerCapture(h.pointerId),!this._elementStartStates)return;let d=this._getDelta(h),p=this.designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup("rotateGroup");for(let f of this._elementStartStates)this._applyRotation(f,d,!0);p.commit(),this._elementStartStates=null,this._currentDelta=0}))}_getDelta(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),r=(Math.atan2(t.y-this._groupCenter.y,t.x-this._groupCenter.x)-this._startAngle)*180/Math.PI;return r=((r+180)%360+360)%360-180,j(e)||(r=Math.round(r/15)*15),r}_applyRotation(e,t,i){let r=t*Math.PI/180,s=Math.cos(r),o=Math.sin(r),a=e.centerX-this._groupCenter.x,l=e.centerY-this._groupCenter.y,c=this._groupCenter.x+a*s-l*o,h=this._groupCenter.y+a*o+l*s,d=R(e.item,e.rotation+t),p=c-e.cssHalfWidth-e.parentX,f=h-e.cssHalfHeight-e.parentY,m=e.parentX+e.parentWidth-c-e.cssHalfWidth,u=e.parentY+e.parentHeight-h-e.cssHalfHeight;if(i)e.usesRight?e.item.setStyle("right",m+"px"):e.item.setStyle("left",p+"px"),e.usesBottom?e.item.setStyle("bottom",u+"px"):e.item.setStyle("top",f+"px"),e.item.setStyle("rotate",d+"deg");else{let y=e.item.element;e.usesRight?y.style.right=m+"px":y.style.left=p+"px",e.usesBottom?y.style.bottom=u+"px":y.style.top=f+"px",y.style.rotate=d+"deg"}}dispose(){this._removeAllOverlays()}}});import{css as ym}from"@node-projects/base-custom-webcomponent";var wn,rl=g(()=>{"use strict";il();wn=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new Sn(e,t,i)}static style=ym`.svg-primary-rotate{stroke:#3899ec;fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:#3899ec;fill:#3899ec;stroke-width:1}.svg-rotate-group-rect{stroke:#3899ec;fill:transparent;stroke-width:2;stroke-dasharray:5 3}`}});var Cn,nl=g(()=>{"use strict";le();J();Cn=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 S.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 S.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 S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._endPoint=r;let s=t.button==0;switch(t.button){case 0:case 2:this._zoomOnto(s,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 s=r.zoomFactor,o=e?s+this._zoomStepSize:s-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 En,sl=g(()=>{"use strict";le();En=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case S.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case S.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 S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var E,ht=g(()=>{"use strict";(function(n){n.copy="copy",n.paste="paste",n.cut="cut",n.delete="delete",n.undo="undo",n.redo="redo",n.holdUndo="holdUndo",n.holdRedo="holdRedo",n.rotateCounterClockwise="rotateCounterClockwise",n.rotateClockwise="rotateClockwise",n.mirrorHorizontal="mirrorHorizontal",n.mirrorVertical="mirrorVertical",n.selectAll="selectAll",n.moveToFront="moveToFront",n.moveForward="moveForward",n.moveBackward="moveBackward",n.moveToBack="moveToBack",n.arrangeLeft="arrangeLeft",n.arrangeCenter="arrangeCenter",n.arrangeRight="arrangeRight",n.arrangeTop="arrangeTop",n.arrangeMiddle="arrangeMiddle",n.arrangeBottom="arrangeBottom",n.unifyWidth="unifyWidth",n.unifyHeight="unifyHeight",n.distributeHorizontal="distributeHorizontaly",n.distributeVertical="distributeVertical",n.setTool="setTool",n.setStrokeColor="setStrokeColor",n.setFillBrush="setFillBrush",n.setStrokeThickness="setStrokeThickness",n.screenshot="screenshot"})(E||(E={}))});var An,ol=g(()=>{"use strict";ht();te();An=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return t.readOnly?[{title:"copy",icon:`<img src="${b+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:E.copy})},shortCut:"Ctrl + C",disabled:i===null}]:[{title:"copy",icon:`<img src="${b+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:E.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${b+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:E.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${b+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:E.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${b+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:E.delete})},shortCut:"Del",disabled:i===null}]}}});var Pn,al=g(()=>{"use strict";ht();Q();te();Pn=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==I.Element}provideContextMenuItems(e,t,i){return[{title:"to front",icon:`<img style="rotate: 90deg" src="${b+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:E.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${b+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:E.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${b+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:E.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${b+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:E.moveToBack})}}]}}});function rd(n,e,t=!1,i=0){for(let p of n)if(p==e||p.element.contains(e.element)){console.warn("could not move items into of itself or a child");return}let r=n[0],s=r.openGroup("switchContainerHelper"),o=r.instanceServiceContainer.designerCanvas,a=Number.MAX_VALUE,l=Number.MAX_VALUE,c=0,h=0;for(let p of n){let f=o.getNormalizedElementCoordinates(p.element);f.x<a&&(a=f.x),f.y<l&&(l=f.y),f.x+f.width>c&&(c=f.x+f.width),f.y+f.height>h&&(h=f.y+f.height)}let d=o.getNormalizedElementCoordinates(e.element);for(let p of n){let f=o.getNormalizedElementCoordinates(p.element);p.nodeType==I.Element&&(t?(p.setStyle("left",(f.x-a+i).toString()+"px"),p.setStyle("top",(f.y-l+i).toString()+"px")):(p.setStyle("left",(f.x-d.x).toString()+"px"),p.setStyle("top",(f.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")),s.commit()}var ll=g(()=>{"use strict";Q()});var In,cl=g(()=>{"use strict";ll();ee();In=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"),s=i.instanceServiceContainer.selectionService.selectedElements,o=document.createElement("div"),a=M.createDesignItemFromInstance(o,i.serviceContainer,i.instanceServiceContainer);s[0].insertAdjacentElement(a,"beforebegin"),rd(s,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var ji,hl=g(()=>{"use strict";le();Fe();ee();J();ji=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 S.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 S.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 S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=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 s){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=M.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let u=o.indexOf(m);o.splice(u,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 Dn,dl=g(()=>{"use strict";le();Fe();ee();J();Dn=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 S.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 S.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=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 s){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 f=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&d&&p&&f){let m=M.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let u=o.indexOf(m);o.splice(u,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 kn,pl=g(()=>{"use strict";kn=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 sd(n){let e=document.getSelection();return e.getComposedRanges?e=e.getComposedRanges(n):n.getSelection&&(e=n.getSelection()),e}function nd(n,e){function t(s){let o=document.createElement("span");e.push(o),s.parentNode.insertBefore(o,s),o.appendChild(s)}function i(s){switch(s.nodeType){case Node.TEXT_NODE:t(s);break;case Node.DOCUMENT_FRAGMENT_NODE:case Node.ELEMENT_NODE:Array.from(s.childNodes).forEach(i);break}}let r=n.extractContents();i(r),n.insertNode(r)}function vm(n){let e=document.createRange();return e.setStart(n.startContainer,n.startOffset),e.setEnd(n.endContainer,n.endOffset),e}function od(n){let e=[];if(n[0]instanceof StaticRange)nd(vm(n[0]),e);else{if(!n.rangeCount)return e;let t=n.getRangeAt(0);nd(t,e)}return n.removeAllRanges&&n.removeAllRanges(),e}var ml=g(()=>{"use strict"});import{html as xm}from"@node-projects/base-custom-webcomponent";var hi,Tn=g(()=>{"use strict";ie();J();ml();Sa();oe();hi=class n extends z{static template=xm`<div style="height:100%;display:flex;gap:2px;width:100%"><button data-command="font-weight" data-command-parameter="800" style="pointer-events:auto;height:24px;width:24px;padding:0;font-weight:900">b</button> <button data-command="font-style" data-command-parameter="italic" style="pointer-events:auto;height:24px;width:24px;padding:0"><em>i</em></button> <button data-command="text-decoration" data-command-parameter="underline" style="pointer-events:auto;height:24px;width:24px;padding:0"><ins>u</ins></button> <button data-command="text-decoration" data-command-parameter="line-through" style="pointer-events:auto;height:24px;width:24px;padding:0"><del>s</del></button> <button data-command="text-decoration" data-command-parameter="overline" style="pointer-events:auto;height:24px;width:24px;padding:0"><span style="text-decoration:overline">o</span></button> <select data-command="fontSize" style="pointer-events:auto;height:24px;width:60px;padding:0"><option>8px</option><option>9px</option><option>10px</option><option>11px</option><option>12px</option><option>14px</option><option>16px</option><option>18px</option><option>20px</option><option>24px</option><option>28px</option><option>32px</option><option>36px</option></select> <select id="fontFamily" data-command="font-family" style="pointer-events:auto;height:24px;width:90px;padding:0"></select></div>`;_foreignObject;_path;_toolbar;_selectionChangedListener;constructor(e,t,i){super(e,t,i),this._keyDown=this._keyDown.bind(this)}_keyDown(e){e.key==="Escape"&&this.dispose()}extend(){this.extendedItem.instanceServiceContainer.selectionService.clearSelectedElements(),this.extendedItem.removeDesignerAttributesAndStylesFromChildren(),window.addEventListener("keydown",this._keyDown,!0),this.extendedItem.editContent(),this._selectionChangedListener=this.extendedItem.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)}),this.extendedItem.element.focus();let e=G(this.extendedItem.element);this._toolbar=this.createToolbar(n.template,300,24),this._toolbar.updatePosition({x:(e.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,y:(e.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor-36}),ii.addFontsToSelect(this._toolbar.getById("fontFamily")),this._toolbar.querySelectorAll("button").forEach(t=>t.onpointerdown=i=>{this._formatSelection(t.dataset.command,t.dataset.commandParameter)}),this._toolbar.querySelectorAll("select").forEach(t=>t.onchange=()=>this._formatSelection(t.dataset.command,t.value)),this.designerCanvas.clickOverlay.style.pointerEvents="none",this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-edit-text-clickoutside"),this._path.setAttribute("fill-rule","evenodd"),this._path.style.pointerEvents="auto",this._path.onpointerdown=t=>{this.designerCanvas.ignoreEvent(t),this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)},this._addOverlay(this._path,k.Background),this.refresh()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(this._valuesHaveChanges(this.designerCanvas.containerBoundingRect.width,this.designerCanvas.containerBoundingRect.height,this.designerCanvas.scaleFactor,e.p1.x,e.p1.y,e.p2.x,e.p2.y,e.p3.x,e.p3.y,e.p4.x,e.p4.y)){let t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+[e.p1,e.p2,e.p3,e.p4].map(r=>r.x+","+r.y).join(" ")+"Z ",this._path.setAttribute("d",i)}}dispose(){window.removeEventListener("keydown",this._keyDown,!0),this._selectionChangedListener.dispose(),this._removeAllOverlays(),this.extendedItem.editContentFinish(),this.designerCanvas.clickOverlay.style.pointerEvents="auto"}commitchanges(){this._removeAllOverlays(),this.extendedItem.element.normalize();let e=!1;e:for(;!e;){for(let i of this.extendedItem.element.querySelectorAll("*"))if(i.childNodes.length==0){i.remove();continue e}e=!0}let t=this.extendedItem.element.innerHTML;this.extendedItem.editContentFinish(),this.extendedItem.innerHTML=t,this.designerCanvas.clickOverlay.style.pointerEvents="auto"}handlesPointerEvent(e,t,i){let r=t.composedPath(),s=this._foreignObject.querySelector("stylo-editor");return r.indexOf(s)>=0}_formatSelection(e,t){let i=sd(this.designerCanvas.rootDesignItem.element.shadowRoot),r=od(i);for(let s of r)s.style[e]=t;this.extendedItem.element.focus()}}});var Mn,ul=g(()=>{"use strict";le();ee();Ze();Tn();Mn=class{_textEditExtensions;constructor(e){e&&(this._editExistingText=!0)}activated(e){this._textCreated=!1}dispose(){}cursor="text";_textCreated=!1;_editExistingText=!1;pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case S.PointerDown:if(!this._textCreated&&!this._editExistingText){this._textCreated=!0;let s=document.createElement("span"),o=M.createDesignItemFromInstance(s,e.serviceContainer,e.instanceServiceContainer);o.setStyle("position","absolute"),o.setStyle("left",r.x+"px"),o.setStyle("top",r.y+"px"),e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,o)),e.extensionManager.applyExtensionInstance(o,new hi(e.extensionManager,e,o)),e.serviceContainer.globalContext.finishedWithTool(this),setTimeout(()=>{s.focus()},50)}else for(let s of this._textEditExtensions)s.handlesPointerEvent&&(s.handlesPointerEvent(e,t,i)||e.serviceContainer.globalContext.finishedWithTool(this));break}}keyboardEventHandler(e,t,i){}}});var On,fl=g(()=>{"use strict";ie();J();On=class extends z{_path;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){this._path||(this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-gray-out"),this._path.setAttribute("fill-rule","evenodd"),this._addOverlay(this._path,k.Background));let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0],t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+" Z",this._path.setAttribute("d",i)}dispose(){this._removeAllOverlays(),this._path=null}}});import{css as _m}from"@node-projects/base-custom-webcomponent";var Ln,gl=g(()=>{"use strict";fl();Ln=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new On(e,t,i)}style=_m`.svg-gray-out{stroke:transparent;fill:rgba(211,211,211,.8);pointer-events:none}`}});var Nn,yl=g(()=>{"use strict";ie();J();Nn=class extends z{_text;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);this._text=this._drawText("Press ALT (or hold) to enter container",e.x+5,e.y+12,"svg-text-enter-container",this._text,k.Foreground),this._text.style.fontSize=14/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("x",""+(e.x+5/this.designerCanvas.scaleFactor)),this._text.setAttribute("y",""+(e.y+12/this.designerCanvas.scaleFactor))}dispose(){this._removeAllOverlays()}}});import{css as bm}from"@node-projects/base-custom-webcomponent";var Rn,vl=g(()=>{"use strict";yl();Rn=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new Nn(e,t,i)}static style=bm`.svg-text-enter-container{stroke:none;fill:#000;stroke-width:1;font-weight:800;font-family:monospace}`}});var Fn,xl=g(()=>{"use strict";ie();J();Fn=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._rect=this._drawTransformedRect(i,"svg-invisible-div",this._rect,k.Background))}dispose(){this._removeAllOverlays()}}});import{css as Sm}from"@node-projects/base-custom-webcomponent";var _l,zn,Bn=g(()=>{"use strict";xl();_l="invisibleElementExtensionShowOverlay",zn=class{elementFilter;constructor(e=t=>t.name=="div"&&window.getComputedStyle(t.element).display!="inline"){this.elementFilter=e}shouldExtend(e,t,i){if(t.instanceServiceContainer.designContext.extensionOptions[_l]!==!1&&this.elementFilter(i)){let r=window.getComputedStyle(i.element);return r.backgroundColor=="rgba(0, 0, 0, 0)"&&r.borderStyle=="none"}return!1}getExtension(e,t,i){return new Fn(e,t,i)}static style=Sm`.svg-invisible-div{stroke:#d3d3d3;fill:transparent;stroke-width:1}`}});var Vn,bl=g(()=>{"use strict";ee();Vn=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){let r=t.elementsFromPoint(e.x,e.y);return r.length>0?[{title:"items below",children:[...r.map(s=>({title:"select: "+s.localName+(s.id?" (#"+s.id+")":""),action:()=>this._select(t,s)}))]}]:[]}_select(e,t){let i=M.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});function di(n){let e=getComputedStyle(n),t=1,i=1;return e.gridRowEnd=="auto"?t=1:e.gridRowEnd.startsWith("span")?t=parseInt(e.gridRowEnd.substring(4)):t=parseInt(e.gridRowEnd)-parseInt(e.gridRowStart),e.gridColumnEnd=="auto"?i=1:e.gridColumnEnd.startsWith("span")?i=parseInt(e.gridColumnEnd.substring(4)):i=parseInt(e.gridColumnEnd)-parseInt(e.gridColumnStart),{colSpan:i,rowSpan:t}}function Qe(n){let e=n.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(n.element),t=n.element.getBoxQuads({relativeTo:n.instanceServiceContainer.designerCanvas.canvas})[0],i=getComputedStyle(n.element),r=i.gridTemplateRows.split(" "),s=i.gridTemplateColumns.split(" "),o=Number.parseFloat(i.paddingLeft),a=Number.parseFloat(i.paddingTop),l=0,c=0,h=0,d=0,p=t.p1.x,f=t.p1.y;p+=parseFloat(i.borderLeftWidth),f+=parseFloat(i.borderTopWidth);let m=null;i.gridTemplateAreas&&i.gridTemplateAreas!=="none"&&(m=i.gridTemplateAreas.split('"')),i.columnGap&&i.columnGap!="normal"&&(c=Number.parseFloat(i.columnGap.replace("px",""))),i.rowGap&&i.rowGap!="normal"&&(h=Number.parseFloat(i.rowGap.replace("px","")));let u=0,y=0;for(let _ of s){let w=Number.parseFloat(_.replace("px",""));u+=w+c}u-=c;for(let _ of r){let w=Number.parseFloat(_.replace("px",""));y+=w+h}if(y-=h,i.justifyContent=="center")p+=(e.width-u)/2;else if(i.justifyContent=="end")p+=e.width-u;else if(i.justifyContent=="space-between")c+=(e.width-u)/(s.length-1);else if(i.justifyContent=="space-around"){let _=(e.width-u)/(s.length*2);c+=_*2,p+=_}else if(i.justifyContent=="space-evenly"){let _=(e.width-u)/(s.length+1);c+=_,p+=_}if(i.alignContent=="center")p+=(e.height-y)/2;else if(i.alignContent=="end")p+=e.height-y;else if(i.alignContent=="space-between")h+=(e.height-y)/(r.length-1);else if(i.alignContent=="space-around"){let _=(e.height-y)/(r.length*2);h+=_*2,f+=_}else if(i.alignContent=="space-evenly"){let _=(e.height-y)/(r.length+1);h+=_,f+=_}let x={cells:[],gaps:[],xGap:c,yGap:h};for(let _=0;_<r.length;_++){let w=r[_],A=null;m&&m[d+1]&&(A=m[d+1].split(" "));let D=0,P=0,T=Number.parseFloat(w.replace("px","")),N=[];x.cells.push(N);for(let X=0;X<s.length;X++){let O=s[X];X>0&&(x.gaps.push({x:D+p+o,y:l+f+a,width:c,height:T,column:X,row:_,type:"v"}),D+=c);let K=Number.parseFloat(O.replace("px",""));_>0&&x.gaps.push({x:D+p+o,y:l+f-h+a,width:K,height:h,column:X,row:_,type:"h"});let ne=null;if(A&&A[P]){let de=A[P].trim();de!="."&&(ne=de)}let re={x:D+p+o,y:l+f+a,width:K,height:T,name:ne};N.push(re),D+=K,P++}l+=T+h,d+=2}return x}var pi=g(()=>{"use strict"});var Hn,Sl=g(()=>{"use strict";pi();be();ni();oe();Hn=class{_basePlacementService;constructor(e){this._basePlacementService=e??new Xe}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("width"),r.removeStyle("height"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=G(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="grid"||t.display=="inline-grid"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return G(e.element)}placePoint(e,t,i,r,s,o,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof Xe).placePoint(e,t,i,r,s,o,a)}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=Qe(i),c=t.getNormalizedEventCoordinates(e),h=0,d=0;for(let p of l.cells){d=0;for(let f of p){if(sa(c,f)){let m=di(a[0].element);f.name?(a[0].element.style.gridColumn="",a[0].element.style.gridRow="",a[0].element.style.gridArea=f.name):(a[0].element.style.gridArea="",m.colSpan<=1?(a[0].element.style.gridColumn=""+(d+1),a[0].element.style.gridRow=""+(h+1)):(a[0].element.style.gridColumnStart=""+(d+1),a[0].element.style.gridRowStart=""+(h+1),a[0].element.style.gridColumnEnd=""+(d+m.colSpan+1),a[0].element.style.gridRowEnd=""+(h+m.rowSpan+1)))}d++}h++}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,s,o,a){let l=Qe(i),c=t.getNormalizedEventCoordinates(e),h=0,d=0;h=0;for(let p of l.cells){d=0;for(let f of p){if(sa(c,f)){let m=di(a[0].element);f.name?(a[0].setStyle("grid-area",f.name),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-area",f.name)):m.colSpan<=1?(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].setStyle("grid-column",""+(d+1)),a[0].setStyle("grid-row",""+(h+1))):(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-column-start",""+(d+1)),a[0].setStyle("grid-row-start",""+(h+1)),a[0].setStyle("grid-column-end",""+(d+m.colSpan+1)),a[0].setStyle("grid-row-end",""+(h+m.rowSpan+1)))}d++}h++}t.extensionManager.refreshAllExtensions([i])}moveElements(e,t,i){}}});var Wn,wl=g(()=>{"use strict";Wn=class{getElementAtPoint(e,t){return e.getElementAtPoint(t)}}});var Gn,Cl=g(()=>{"use strict";oe();ni();Gn=class{_basePlacementService;constructor(e){this._basePlacementService=e??new Xe}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=G(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="flex"||t.display=="inline-flex"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return G(e.element)}placePoint(e,t,i,r,s,o,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof Xe).placePoint(e,t,i,r,s,o,a)}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=t.getNormalizedEventCoordinates(e),c=getComputedStyle(i.element),h=Array.from(i.children()).filter(d=>!d.isEmptyTextNode).map(d=>[d,t.getNormalizedElementCoordinates(d.element)]);if(c.flexDirection=="row"||c.flexDirection=="row-reverse"){h.sort(m=>m[1].x);let d=null;for(let m of h)if(m[1].x+m[1].width/2<l.x&&(d=m,c.flexDirection=="row-reverse"))break;let p=h.indexOf(d),f=h.indexOf(h.find(m=>m[0]==a[0]));if(d&&d[0]!=a[0]){if(c.flexDirection=="row-reverse"&&p-1===f||c.flexDirection=="row"&&p+1===f)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?d[0].insertAdjacentElement(a[0],"beforebegin"):d[0].insertAdjacentElement(a[0],"afterend"),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(d==null){if(f==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}else if(c.flexDirection=="column"||c.flexDirection=="column-reverse"){h.sort(m=>m[1].y);let d=null;for(let m of h)if(m[1].y+m[1].height/2<l.y&&(d=m,c.flexDirection=="column-reverse"))break;let p=h.indexOf(d),f=h.indexOf(h.find(m=>m[0]==a[0]));if(d&&d[0]!=a[0]){if(c.flexDirection=="column-reverse"&&p-1===f||c.flexDirection=="column"&&p+1===f)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?d[0].insertAdjacentElement(a[0],"beforebegin"):d[0].insertAdjacentElement(a[0],"afterend"),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(d==null){if(f==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,s,o,a){}moveElements(e,t,i){}}});var wm,Cm,jn,El=g(()=>{"use strict";oe();wm="provideSnaplinesWithDistance",Cm="provideSnaplinesWithDistanceDistance",jn=class{provideSnaplines(e,t){{let i=e.instanceServiceContainer.designerCanvas,r=new Map(t.map(m=>[m.element,m])),s=G(e.element),o=i.instanceServiceContainer.designContext.extensionOptions[wm]!==!1,a=i.instanceServiceContainer.designContext.extensionOptions[Cm]??5,l=[],c=[],h=[],d=[],p=e.document.createTreeWalker(e.usableContainer,NodeFilter.SHOW_ELEMENT),f=p.nextNode();for(;f!=null;)if(r.has(f))f=p.nextSibling();else{let m=G(f),u=(m.x-s.x)/i.scaleFactor,y=(m.x-s.x+m.width/2)/i.scaleFactor,x=(m.x-s.x+m.width)/i.scaleFactor,_=(m.y-s.y)/i.scaleFactor,w=(m.y-s.y+m.height/2)/i.scaleFactor,A=(m.y-s.y+m.height)/i.scaleFactor,D={x:u+s.x,y:_+s.y,width:m.width/i.scaleFactor,height:m.height/i.scaleFactor};o&&l.push([u-a,D]),l.push([u,D]),c.push([y,D]),l.push([x,D]),o&&l.push([x+a,D]),o&&h.push([_-a,D]),h.push([_,D]),d.push([w,D]),h.push([A,D]),o&&h.push([A+a,D]),f=p.nextNode()}return l.push([0,{x:0,y:0,width:0,height:0}]),l.sort((m,u)=>m[0]-u[0]),c.sort((m,u)=>m[0]-u[0]),h.push([0,{x:0,y:0,width:0,height:0}]),h.sort((m,u)=>m[0]-u[0]),d.sort((m,u)=>m[0]-u[0]),{outerRect:s,positionsH:l,positionsMiddleH:c,positionsV:h,positionsMiddleV:d}}}}});var Un,Al=g(()=>{"use strict";ee();Ze();Un=class{dragOver(e,t){return e.readOnly?"none":t.dataTransfer.items[0].type.startsWith("image/")?"copy":"none"}async drop(e,t){if(t.dataTransfer.files[0].type.startsWith("image/")){let i=await M.createDesignItemFromImageBlob(e.serviceContainer,e.instanceServiceContainer,t.dataTransfer.files[0]),r=i.openGroup("Insert of &lt;img&gt;");i.setStyle("position","absolute");let s=e.getNormalizedEventCoordinates(t);i.setStyle("top",s.y+"px"),i.setStyle("left",s.x+"px"),e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,i)),r.commit(),requestAnimationFrame(()=>e.instanceServiceContainer.selectionService.setSelectedElements([i]))}}}});import{css as Em}from"@node-projects/base-custom-webcomponent";var Kn,Pl=g(()=>{"use strict";Tn();Kn=class{shouldExtend(e,t,i){return!(i.isRootItem||i.name==="input")}getExtension(e,t,i){return new hi(e,t,i)}static style=Em`.svg-edit-text-clickoutside{stroke:transparent;fill:#d3d3d3;opacity:.7}`}});async function Wb(n){Ui([["text/plain",n]])}async function Ui(n){if(navigator.clipboard){try{let e=[];for(let t of n)e.push(new ClipboardItem({[t[0]]:new Blob([t[1]],{type:t[0]})}));await navigator.clipboard.write(e)}catch{await navigator.clipboard.writeText(n[0][1]),Il=n[0][1]}console.info("Copy to clipboard successful")}else{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;Il=n[0][1];let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",t.value=n[0][1],document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch{try{document.execCommand("copy")}catch(r){console.error(r)}}document.body.removeChild(t),e.focus()}}async function Yn(){return navigator.clipboard?new Promise(async(n,e)=>{let t=await navigator.clipboard.readText();n(t)}):new Promise(async(n,e)=>{let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",document.body.appendChild(t),t.focus(),t.select(),document.execCommand("paste");let i=t.value;i||(i=Il),document.body.removeChild(t),n(i)})}async function Xn(){return navigator.clipboard?await navigator.clipboard.read():null}var Il,Zn=g(()=>{"use strict";Il=null});var ad,qn,Dl=g(()=>{"use strict";He();Zn();Pe();ad="web text/positions",qn=class{async copyItems(e){let t=ae(e),i=Y.ConvertToString(t,!1),r=t.map(s=>s.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(s.element));Ui([["text/html",i],[ad,JSON.stringify(r)]])}async getPasteItems(e,t){let i="",r=null,s=await Xn();if(s!=null){try{i=await(await s[0].getType("text/html"))?.text()}catch{}i||(i=await(await s[0].getType("text/plain"))?.text());try{let a=await(await s[0].getType(ad))?.text();r=JSON.parse(a)}catch{}}else i=await Yn();return[await e.htmlParserService.parse(i,e,t,!0),r]}}});var xe,kl=g(()=>{"use strict";(function(n){n[n.TOP=0]="TOP",n[n.RIGHT=1]="RIGHT",n[n.BOTTOM=2]="BOTTOM",n[n.LEFT=3]="LEFT",n[n.VERTICAL_CENTER=4]="VERTICAL_CENTER",n[n.HORIZONTAL_CENTER=5]="HORIZONTAL_CENTER"})(xe||(xe={}))});var dt,wt,ld=g(()=>{"use strict";kl();dt=class{static arrangeElements(e,t,i){switch(e){case xe.TOP:{let r=this.formGroup(wt.TOP,t),o=t.getNormalizedElementCoordinates(i[0].element).y;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.y){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-o-l.height;this.arrange(a,"bottom",h+"px")}else{let h=o-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case xe.BOTTOM:{let r=this.formGroup(wt.BOTTOM,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.y+s.height;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.y+l.height){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-o;this.arrange(a,"bottom",h+"px")}else{let h=o-l.height-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case xe.LEFT:{let r=this.formGroup(wt.LEFT,t),o=t.getNormalizedElementCoordinates(i[0].element).x;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.x){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-o-l.width;this.arrange(a,"right",h+"px")}else{let h=o-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case xe.RIGHT:{let r=this.formGroup(wt.RIGHT,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.x+s.width;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.x+l.width){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-o;this.arrange(a,"right",h+"px")}else{let h=o-l.width-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case xe.VERTICAL_CENTER:{let r=this.formGroup(wt.VERTICAL_CENTER,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.y+s.height/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.y+l.height/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-o-l.height/2;this.arrange(a,"bottom",h+"px")}else{let h=o-l.height/2-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case xe.HORIZONTAL_CENTER:{let r=this.formGroup(wt.HORIZONTAL_CENTER,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.x+s.width/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.x+l.width/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-o-l.width/2;this.arrange(a,"right",h+"px")}else{let h=o-l.width/2-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}}}static arrange(e,t,i){e.setStyle(t,i)}static formGroup(e,t){return t.instanceServiceContainer.selectionService.primarySelection.openGroup(e)}};(function(n){n.TOP="arrangeTop",n.RIGHT="arrangeRight",n.BOTTOM="arrangeBottom",n.LEFT="arrangeLeft",n.HORIZONTAL_CENTER="arrangeHorizontalCenter",n.VERTICAL_CENTER="arrangeVerticalCenter"})(wt||(wt={}))});var Qn,Tl=g(()=>{"use strict";ht();ld();kl();Qn=class{canExecuteCommand(e,t,i){return t.type==E.moveBackward||t.type==E.moveForward||t.type==E.moveToBack||t.type==E.moveToFront?e.instanceServiceContainer.selectionService.primarySelection!=null&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:t.type==E.arrangeBottom||t.type==E.arrangeCenter||t.type==E.arrangeLeft||t.type==E.arrangeMiddle||t.type==E.arrangeRight||t.type==E.arrangeTop||t.type==E.unifyHeight||t.type==E.unifyWidth?e.instanceServiceContainer.selectionService.selectedElements.length>1:t.type==E.rotateCounterClockwise||t.type==E.rotateClockwise||t.type==E.mirrorHorizontal||t.type==E.mirrorVertical?e.instanceServiceContainer.selectionService.selectedElements.length>0&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:null}async executeCommand(e,t,i){i=i??[...e.instanceServiceContainer.selectionService.selectedElements];let r=i[0];if(t.type==E.moveBackward){let o=r.parent.indexOf(r)-1;o>=0&&r.parent.insertChild(r,o)}else if(t.type==E.moveForward){let o=r.parent.indexOf(r)+1;o<r.parent.childCount&&r.parent.insertChild(r,o)}else if(t.type==E.moveToBack)r.parent.insertChild(r,0);else if(t.type==E.moveToFront)r.parent.insertChild(r);else if(t.type==E.arrangeTop)dt.arrangeElements(xe.TOP,e,i);else if(t.type==E.arrangeRight)dt.arrangeElements(xe.RIGHT,e,i);else if(t.type==E.arrangeLeft)dt.arrangeElements(xe.LEFT,e,i);else if(t.type==E.arrangeBottom)dt.arrangeElements(xe.BOTTOM,e,i);else if(t.type==E.arrangeCenter)dt.arrangeElements(xe.HORIZONTAL_CENTER,e,i);else if(t.type==E.arrangeMiddle)dt.arrangeElements(xe.VERTICAL_CENTER,e,i);else if(t.type==E.unifyHeight){let o=r.openGroup("unifyHeight"),a=r.getStyle("height");for(let l of i)l.setStyle("height",a);o.commit()}else if(t.type==E.unifyWidth){let o=r.openGroup("unifyWidth"),a=r.getStyle("width");for(let l of i)l.setStyle("width",a);o.commit()}else if(t.type==E.rotateCounterClockwise){let o=r.openGroup("rotateCounterClockwise");var s=r.getStyle("transform");let a=0,l="";if(s!=null)try{s.includes("-")?a=parseInt(s.match(/\d+/)[0])*-1:a=parseInt(s.match(/\d+/)[0]),l="rotate("+(a-90)+"deg)"}catch{l="rotate(-90deg)"}else l="rotate(-90deg)";for(let c of i)c.setStyle("transform",l);o.commit()}else if(t.type==E.rotateClockwise){let o=r.openGroup("rotateClockwise");var s=r.getStyle("transform");let l=0,c="";if(s!=null)try{s.includes("-")?l=parseInt(s.match(/\d+/)[0])*-1:l=parseInt(s.match(/\d+/)[0]),c="rotate("+(l+90)+"deg)"}catch{c="rotate(90deg)"}else c="rotate(90deg)";for(let h of i)h.setStyle("transform",c);o.commit()}else if(t.type==E.mirrorHorizontal){let o=r.openGroup("mirrorHorizontal");for(let a of i)a.setStyle("transform","scaleX(-1)");o.commit()}else if(t.type==E.mirrorVertical){let o=r.openGroup("mirrorVertical");for(let a of i)a.setStyle("transform","scaleY(-1)");o.commit()}else return null;return!0}}});var pt,Ml=g(()=>{"use strict";pt=class{_space;constructor(e){this._space=e}provideButtons(e,t){let i=document.createElement("div");return i.style.width=this._space+"px",i.oncontextmenu=r=>{r.preventDefault()},[i]}}});var $n,Ol=g(()=>{"use strict";pi();zt();ie();J();$n=class extends z{_cells;_texts;_gaps;_group;gridInformation;gridInformationString;_lastEvent;gridColor;gridFillColor;constructor(e,t,i,r,s){super(e,t,i),this.gridColor=r,this.gridFillColor=s}extend(e,t){this._initSVGArrays(),this.refresh(t)}refresh(e,t){this.gridInformation=Qe(this.extendedItem);let i=JSON.stringify(this.gridInformation);if(i!==this.gridInformationString||t!=null&&this._lastEvent!==t){t&&(this._lastEvent=t),this.gridInformationString=i;let r=this.gridInformation.cells;r[0][0]&&!isNaN(r[0][0].height)&&!isNaN(r[0][0].width)&&((this.gridInformation.cells.length!=this._cells.length||this.gridInformation.cells[0].length!=this._cells[0].length)&&this._initSVGArrays(),this._group||(this._group=this._drawGroup(null,this._group,k.Background),this._group.style.transform=qe(this.extendedItem.element).toString(),this._group.style.transformOrigin="0 0",this._group.style.transformBox="fill-box",this._group.style.setProperty("--svg-grid-stroke-color",this.gridColor),this._group.style.setProperty("--svg-grid-fill-color",this.gridFillColor)),this.gridInformation.gaps.forEach((s,o)=>{this._gaps[o]=this._drawRect(s.x,s.y,s.width,s.height,"svg-grid-gap",this._gaps[o],k.Background),this._group.appendChild(this._gaps[o])}),r.forEach((s,o)=>{s.forEach((a,l)=>{if(this._cells[o][l]=this._drawRect(a.x,a.y,a.width,a.height,"svg-grid",this._cells[o][l],k.Background),this._group.appendChild(this._cells[o][l]),a.name&&(this._texts[o][l]=this._drawText(a.name,a.x,a.y,"svg-grid-area",this._texts[o][l],k.Background),this._texts[o][l].setAttribute("dominant-baseline","hanging")),this._lastEvent&&this._lastEvent instanceof MouseEvent){let c=this.designerCanvas.getNormalizedEventCoordinates(this._lastEvent);c.x>=a.x&&c.y>=a.y&&c.x<=a.x+a.width&&c.y<=a.y+a.height&&this._cells[o][l].setAttribute("class","svg-grid-current-cell")}})}))}}dispose(){this._removeAllOverlays()}_initSVGArrays(){this._removeAllOverlays(),this._group=null,this.gridInformation=Qe(this.extendedItem),this._cells=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._cells[t]=new Array(e.length)),this._texts=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._texts[t]=new Array(e.length)),this._gaps=new Array(this.gridInformation.gaps.length)}}});import{css as Am}from"@node-projects/base-custom-webcomponent";var Ki,Bt,Yi=g(()=>{"use strict";Ol();li();Ki="gridExtensionShowOverlay",Bt=class{gridColor;gridFillColor;constructor(e="orange",t="#ff944722"){this.gridColor=e,this.gridFillColor=t}shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Ki]!==!1:!1}getExtension(e,t,i){return new $n(e,t,i,this.gridColor,this.gridFillColor)}static style=Am`.svg-grid{stroke:var(--svg-grid-stroke-color);stroke-dasharray:5;fill:var(--svg-grid-fill-color)}.svg-grid-current-cell{stroke:var(--svg-grid-stroke-color);stroke-dasharray:5;fill:#e3ff4722}.svg-grid-area{font-size:8px}.svg-grid-gap{stroke:transparent;fill:var(--svg-grid-stroke-color);opacity:.3;mask:url(#mask-stripe-grid)}.svg-grid-header{fill:var(--svg-grid-fill-color);stroke:var(--svg-grid-stroke-color)}.svg-grid-plus-sign{stroke:#000}`;static svgDefs=ai`<pattern id="pattern-stripe-grid" width="4" height="4" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="1" height="4" transform="translate(0,0)" fill="white"></rect></pattern><mask id="mask-stripe-grid"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-grid)"></mask>`}});var Jn,Ll=g(()=>{"use strict";Yi();Tt();Jn=class extends Re{constructor(){super(Ki,"G","show grid overlay")}}});var es,Nl=g(()=>{"use strict";le();J();Ge();ee();Ze();Fe();es=class{cursor="crosshair";_path;_startPoint;_minX;_minY;_maxX;_maxY;_px;_py;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","rect"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x",r.x.toString()),this._path.setAttribute("y",r.y.toString()),this._path.setAttribute("width","0"),this._path.setAttribute("height","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,k.Foreground);break;case S.PointerMove:if(this._path)if(this._minX=r.x<this._startPoint.x?r.x:this._startPoint.x,this._maxX=r.x>this._startPoint.x?r.x:this._startPoint.x,this._minY=r.y<this._startPoint.y?r.y:this._startPoint.y,this._maxY=r.y>this._startPoint.y?r.y:this._startPoint.y,j(t)){if(t.shiftKey){let d=2*Ye(this._startPoint,r);this._px=this._startPoint.x-d/2,this._py=this._startPoint.y-d/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else{let d=2*(this._maxX-this._minX),p=2*(this._maxY-this._minY);this._px=r.x<this._startPoint.x?r.x:this._startPoint.x-d/2,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y-p/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",p.toString())}this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}else{if(t.shiftKey){let d=Ye(this._startPoint,r);this._px=r.x<this._startPoint.x?this._startPoint.x-d:this._startPoint.x,this._py=r.y<this._startPoint.y?this._startPoint.y-d:this._startPoint.y,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else this._px=r.x<this._startPoint.x?r.x:this._startPoint.x,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y,this._path.setAttribute("width",(this._maxX-this._minX).toString()),this._path.setAttribute("height",(this._maxY-this._minY).toString());this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s;this._path.setAttribute("x",(this._px-l).toString()),this._path.setAttribute("y",(this._py-c).toString()),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let h=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,h)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var ts,Rl=g(()=>{"use strict";le();J();Ge();ee();Ze();Fe();ts=class{cursor="crosshair";_path;_startPoint;_radius;_cx;_cy;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("cx",r.x.toString()),this._path.setAttribute("cy",r.y.toString()),this._path.setAttribute("rx","0"),this._path.setAttribute("ry","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,k.Foreground);break;case S.PointerMove:if(this._path)if(this._radius={x:Math.abs(r.x-this._startPoint.x),y:Math.abs(r.y-this._startPoint.y)},j(t))if(this._path.setAttribute("cx",this._startPoint.x.toString()),this._path.setAttribute("cy",this._startPoint.y.toString()),this._cx=this._startPoint.x,this._cy=this._startPoint.y,t.shiftKey){let d=Ye(this._startPoint,r);this._path.setAttribute("rx",d.toString()),this._path.setAttribute("ry",d.toString())}else this._path.setAttribute("rx",this._radius.x.toString()),this._path.setAttribute("ry",this._radius.y.toString());else{if(t.shiftKey){let d=Ye(this._startPoint,r);this._radius={x:d,y:d}}this._cx=r.x<this._startPoint.x?this._startPoint.x-this._radius.x/2:this._startPoint.x+this._radius.x/2,this._cy=r.y<this._startPoint.y?this._startPoint.y-this._radius.y/2:this._startPoint.y+this._radius.y/2,this._path.setAttribute("cx",this._cx.toString()),this._path.setAttribute("cy",this._cy.toString()),this._path.setAttribute("rx",(this._radius.x/2).toString()),this._path.setAttribute("ry",(this._radius.y/2).toString())}break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s;a.appendChild(this._path),this._path.setAttribute("cx",(this._cx-l).toString()),this._path.setAttribute("cy",(this._cy-c).toString()),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let h=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,h)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var is,Fl=g(()=>{"use strict";le();J();Ge();ee();Ze();is=class{cursor="crosshair";_path;_startPoint;_endPoint;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","line"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x1",r.x.toString()),this._path.setAttribute("y1",r.y.toString()),this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),e.overlayLayer.addOverlay(this.constructor.name,this._path,k.Foreground);break;case S.PointerMove:if(this._path)if(t.shiftKey){let d=ot(this._startPoint,r);this._path.setAttribute("x2",d.x.toString()),this._path.setAttribute("y2",d.y.toString()),this._endPoint=d}else this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),this._endPoint=r;break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s;this._path.setAttribute("x1",(this._startPoint.x-l).toString()),this._path.setAttribute("y1",(this._startPoint.y-c).toString()),this._path.setAttribute("x2",(this._endPoint.x-l).toString()),this._path.setAttribute("y2",(this._endPoint.y-c).toString()),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let h=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,h)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var mi,rs=g(()=>{"use strict";mi=class n{static _helperElement=document.createElement("div");static combine(e,t){let i=n._helperElement;i.setAttribute("style","");for(let r of e)i.style[r[0]]=r[1];if(n.combineBorder(e),n.combineMargin(e),n.combinePadding(e),n.combineInset(e),n.combineBackground(e),n.combineFont(e),t)for(let r of t)e.has(r[0])&&e.get(r[0])===r[1]&&e.delete(r[0]);return e}static combineBorder(e){if(!n.checkIfStyleIsCombinable(e,"border-left-style")||!n.checkIfStyleIsCombinable(e,"border-right-style")||!n.checkIfStyleIsCombinable(e,"border-top-style")||!n.checkIfStyleIsCombinable(e,"border-bottom-style")||!n.checkIfStyleIsCombinable(e,"border-left-color")||!n.checkIfStyleIsCombinable(e,"border-right-color")||!n.checkIfStyleIsCombinable(e,"border-top-color")||!n.checkIfStyleIsCombinable(e,"border-bottom-color")||!n.checkIfStyleIsCombinable(e,"border-left-width")||!n.checkIfStyleIsCombinable(e,"border-right-width")||!n.checkIfStyleIsCombinable(e,"border-top-width")||!n.checkIfStyleIsCombinable(e,"border-bottom-width")||!n.checkIfStyleIsCombinable(e,"border-width")||!n.checkIfStyleIsCombinable(e,"border-style")||!n.checkIfStyleIsCombinable(e,"border-color")||!n.checkIfStyleIsCombinable(e,"border-top")||!n.checkIfStyleIsCombinable(e,"border-right")||!n.checkIfStyleIsCombinable(e,"border-left")||!n.checkIfStyleIsCombinable(e,"border-bottom")||!n.checkIfStyleIsCombinable(e,"border-width"))return;let t=n._helperElement,i=t.style.borderLeftStyle,r=t.style.borderLeftColor;if(i&&r&&t.style.borderRightStyle===i&&t.style.borderTopStyle===i&&t.style.borderBottomStyle===i&&t.style.borderRightColor===r&&t.style.borderTopColor===r&&t.style.borderBottomColor===r){let s=t.style.borderTopWidth,o=t.style.borderRightWidth,a=t.style.borderBottomWidth,l=t.style.borderLeftWidth;e.delete("border-left-style"),e.delete("border-right-style"),e.delete("border-top-style"),e.delete("border-bottom-style"),e.delete("border-left-color"),e.delete("border-right-color"),e.delete("border-top-color"),e.delete("border-bottom-color"),e.delete("border-left-width"),e.delete("border-right-width"),e.delete("border-top-width"),e.delete("border-bottom-width"),e.delete("border-width"),e.delete("border-style"),e.delete("border-color"),e.delete("border-top"),e.delete("border-right"),e.delete("border-left"),e.delete("border-bottom"),t.style.borderRightWidth==l&&t.style.borderTopWidth===l&&t.style.borderBottomWidth===l?e.set("border",l+" "+i+" "+r):(e.set("border",i+" "+r),s===a&&o===l?e.set("border-width",s+" "+o):e.set("border-width",s+" "+o+" "+a+" "+l))}t.style.borderImageSource==="initial"&&e.delete("border-image-source"),t.style.borderImageSlice==="initial"&&e.delete("border-image-slice"),t.style.borderImageWidth==="initial"&&e.delete("border-image-width"),t.style.borderImageOutset==="initial"&&e.delete("border-image-outset"),t.style.borderImageRepeat==="initial"&&e.delete("border-image-repeat")}static combineMargin(e){if(!n.checkIfStyleIsCombinable(e,"margin-top")||!n.checkIfStyleIsCombinable(e,"margin-right")||!n.checkIfStyleIsCombinable(e,"margin-bottom")||!n.checkIfStyleIsCombinable(e,"margin-left")||!n.checkIfStyleIsCombinable(e,"margin"))return;let t=n._helperElement;t.style.marginTop&&t.style.marginRight&&t.style.marginBottom&&t.style.marginLeft&&(e.delete("margin-top"),e.delete("margin-right"),e.delete("margin-bottom"),e.delete("margin-left"),t.style.marginTop==t.style.marginRight&&t.style.marginTop==t.style.marginBottom&&t.style.marginTop==t.style.marginLeft?e.set("margin",t.style.marginTop):e.set("margin",t.style.marginTop+" "+t.style.marginRight+" "+t.style.marginBottom+" "+t.style.marginLeft))}static combinePadding(e){if(!n.checkIfStyleIsCombinable(e,"padding-top")||!n.checkIfStyleIsCombinable(e,"padding-right")||!n.checkIfStyleIsCombinable(e,"padding-bottom")||!n.checkIfStyleIsCombinable(e,"padding-left")||!n.checkIfStyleIsCombinable(e,"padding"))return;let t=n._helperElement;t.style.paddingTop&&t.style.paddingRight&&t.style.paddingBottom&&t.style.paddingLeft&&(e.delete("padding-top"),e.delete("padding-right"),e.delete("padding-bottom"),e.delete("padding-left"),t.style.paddingTop==t.style.paddingRight&&t.style.paddingTop==t.style.paddingBottom&&t.style.paddingTop==t.style.paddingLeft?e.set("padding",t.style.paddingTop):e.set("padding",t.style.paddingTop+" "+t.style.paddingRight+" "+t.style.paddingBottom+" "+t.style.paddingLeft))}static combineInset(e){if(!n.checkIfStyleIsCombinable(e,"top")||!n.checkIfStyleIsCombinable(e,"right")||!n.checkIfStyleIsCombinable(e,"bottom")||!n.checkIfStyleIsCombinable(e,"left")||!n.checkIfStyleIsCombinable(e,"inset"))return;let t=n._helperElement;t.style.top&&t.style.right&&t.style.bottom&&t.style.left&&(e.delete("top"),e.delete("right"),e.delete("bottom"),e.delete("left"),e.set("inset",t.style.top+" "+t.style.right+" "+t.style.bottom+" "+t.style.left))}static combineBackground(e){if(!n.checkIfStyleIsCombinable(e,"background-image")||!n.checkIfStyleIsCombinable(e,"background-position")||!n.checkIfStyleIsCombinable(e,"background-position-x")||!n.checkIfStyleIsCombinable(e,"background-position-y")||!n.checkIfStyleIsCombinable(e,"background-size")||!n.checkIfStyleIsCombinable(e,"background-repeat")||!n.checkIfStyleIsCombinable(e,"background-repeat-x")||!n.checkIfStyleIsCombinable(e,"background-repeat-y")||!n.checkIfStyleIsCombinable(e,"background-attachment")||!n.checkIfStyleIsCombinable(e,"background-origin")||!n.checkIfStyleIsCombinable(e,"background-clip")||!n.checkIfStyleIsCombinable(e,"background-color")||!n.checkIfStyleIsCombinable(e,"background"))return;let t=n._helperElement;e.delete("background-image"),e.delete("background-position"),e.delete("background-position-x"),e.delete("background-position-y"),e.delete("background-size"),e.delete("background-repeat"),e.delete("background-repeat-x"),e.delete("background-repeat-y"),e.delete("background-attachment"),e.delete("background-origin"),e.delete("background-clip"),e.delete("background-color"),e.delete("background");let i="";t.style.backgroundImage&&t.style.backgroundImage!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundImage),t.style.backgroundPosition&&t.style.backgroundPosition!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundPosition),t.style.backgroundSize&&t.style.backgroundSize!=="initial"&&(i+=(i===""?"":" / ")+t.style.backgroundSize),t.style.backgroundRepeat&&t.style.backgroundRepeat!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundRepeat),t.style.backgroundAttachment&&t.style.backgroundAttachment!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundAttachment),t.style.backgroundOrigin&&t.style.backgroundOrigin!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundOrigin),t.style.backgroundClip&&t.style.backgroundClip!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundClip),t.style.backgroundColor&&t.style.backgroundColor!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundColor),i&&e.set("background",i)}static combineFont(e){if(!n.checkIfStyleIsCombinable(e,"font-style")||!n.checkIfStyleIsCombinable(e,"font-weight")||!n.checkIfStyleIsCombinable(e,"font-size")||!n.checkIfStyleIsCombinable(e,"line-height")||!n.checkIfStyleIsCombinable(e,"font-family")||!n.checkIfStyleIsCombinable(e,"font"))return;let t=n._helperElement;if(t.style.fontFamily){e.delete("font-style"),e.delete("font-weight"),e.delete("font-size"),e.delete("line-height"),e.delete("font-family"),e.delete("font");let i="";t.style.fontStyle&&(i+=(i===""?"":" ")+t.style.fontStyle),t.style.fontWeight&&(i+=(i===""?"":" ")+t.style.fontWeight),t.style.fontSize&&(i+=(i===""?"":" ")+t.style.fontSize),t.style.lineHeight&&(i+="/"+t.style.lineHeight),t.style.fontFamily&&(i+=(i===""?"":" ")+t.style.fontFamily),e.set("font",i)}}static checkIfStyleIsCombinable(e,t){if(e.has(t)){let i=e.get(t);return typeof i=="string"?!i.startsWith("var("):!1}return!0}}});var ns,zl=g(()=>{"use strict";He();rs();_e();ns=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t){if(t.hasAttributes)for(let i of t.attributes())if(e.write(" "),typeof i[1]=="string")if(i[1]==="")e.write(i[0]);else{if(this.options.parseJsonInAttributes&&(i[1].startsWith("{")&&!i[1].startsWith("{{")&&i[1].endsWith("}")||i[1].startsWith("[")&&!i[1].startsWith("[[")&&i[1].endsWith("]")))try{let s=JSON.parse(i[1]),o;this.options.jsonWriteMode=="beauty"?o=JSON.stringify(s,null,2):o=JSON.stringify(s),e.write(i[0]+"='"+Y.normalizeAttributeValue(o,!0)+"'");continue}catch{}let r=Y.normalizeAttributeValue(i[1]);if(r.indexOf("&quot;")){let s=Y.normalizeAttributeValue(i[1],!0);s.length<r.length?e.write(i[0]+"='"+s+"'"):e.write(i[0]+'="'+r+'"')}else e.write(i[0]+'="'+r+'"')}else i[1]||e.write(i[0])}writeStyles(e,t){if(t.hasStyles){e.write(' style="');let i=t.styles();this.options.compressCssToShorthandProperties&&(i=mi.combine(new Map(i)));for(let r of i)r[0]&&(r[0].startsWith("--")?e.write(r[0]+":"+Y.normalizeAttributeValue(r[1])+";"):e.write(F.camelToDashCase(r[0])+":"+Y.normalizeAttributeValue(r[1])+";"));e.write('"')}}}});var ss,Bl=g(()=>{"use strict";He();Q();oe();zl();ss=class extends ns{constructor(e){super(e)}_conditionalyWriteIndent(e,t){(t.element instanceof t.window.HTMLElement&&!Dt(t.element)||t.element.previousElementSibling instanceof t.window.HTMLElement&&!It(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!It(t.element.parentElement)&&(t.element.previousSibling==null||vr(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteIndentBefore(e,t){(t.element.previousElementSibling instanceof t.window.HTMLElement&&!It(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!It(t.element.parentElement)&&(t.element.previousSibling==null||vr(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteNewline(e,t){(t.element instanceof t.window.HTMLElement&&!Dt(t.element)||t.element.nextElementSibling instanceof t.window.HTMLElement&&!It(t.element.nextElementSibling)||t.element instanceof t.window.SVGElement)&&e.writeNewline()}write(e,t,i,r=!1){for(let s of t)this.internalWrite(e,s,r)}internalWrite(e,t,i){let r=e.position,s=e.position;if(t.nodeType==I.TextNode)vr(t.element)&&(t.element.previousSibling instanceof t.window.HTMLElement&&!Dt(t.element.previousSibling)||t.element.nextSibling instanceof t.window.HTMLElement&&!It(t.element.nextSibling))||this.writeTextNode(e,t,!0),s=e.position;else if(t.nodeType==I.Comment)this._conditionalyWriteIndent(e,t),r=e.position,e.write("<!--"+t.content+"-->"),s=e.position,this._conditionalyWriteNewline(e,t);else{this._conditionalyWriteIndentBefore(e,t),r=e.position,e.write("<"+t.name),this.writeAttributes(e,t),this.writeStyles(e,t),e.write(">");let o=!1;if(t.hasChildren){let a=t.children();if(o=t.childCount===1&&t.firstChild.nodeType===I.TextNode,o){let l=t.name=="script"||t.name=="style"||t.name=="pre";this.writeTextNode(e,t,!1,!l)}else{(t.element instanceof t.window.HTMLElement&&!Dt(t.element)||t.element instanceof t.window.SVGElement)&&(e.writeNewline(),e.levelRaise());for(let l of a)this.internalWrite(e,l,i),l.childCount===1&&l.firstChild.nodeType===I.TextNode&&(e.isLastCharNewline()||this._conditionalyWriteNewline(e,l));(t.element instanceof t.window.HTMLElement&&!Dt(t.element)||t.element instanceof t.window.SVGElement)&&(e.levelShrink(),e.isLastCharNewline()||e.writeNewline(),e.writeIndent())}}else t.hasContent&&e.write(Y.normalizeContentValue(t.content));s=e.position,Y.IsSelfClosingElement(t.name)||e.write("</"+t.name+">"),s=e.position,!e.isLastCharNewline()&&(!t.parent||!Dt(t.parent.element))&&this._conditionalyWriteNewline(e,t)}i&&t.instanceServiceContainer.designItemDocumentPositionService&&t.instanceServiceContainer.designItemDocumentPositionService.setPosition(t,{start:r,length:s-r})}writeTextNode(e,t,i,r=!0){let s=e.position,o=e.position,a=Y.normalizeContentValue(t.content);r&&(a=a.trim()),a&&(i&&this._conditionalyWriteIndent(e,t),e.write(a),i&&this._conditionalyWriteNewline(e,t)),o=e.position;for(let l of t.children())t.instanceServiceContainer.designItemDocumentPositionService.setPosition(l,{start:s,length:o-s})}}});var os,Vl=g(()=>{"use strict";ee();Ze();os=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGRectElement}provideContextMenuItems(e,t,i){return[{title:"convert to path",action:()=>{let r=i.element,s="";s+="M"+r.x.baseVal.value+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+(r.y.baseVal.value+r.height.baseVal.value)+"L"+r.x.baseVal.value+" "+(r.y.baseVal.value+r.height.baseVal.value)+"Z";let o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",s),o.setAttribute("stroke",r.getAttribute("stroke")),o.setAttribute("fill",r.getAttribute("fill")),o.setAttribute("stroke-width",r.getAttribute("stroke-width"));let a=M.createDesignItemFromInstance(o,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.undoService.execute(new fe(i.parent,i.childCount,a)),t.serviceContainer.deletionService.removeItems([i])}}]}}});var as,Hl=g(()=>{"use strict";Ge();as=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGPathElement}provideContextMenuItems(e,t,i){let r=i.node.getPathData({normalize:!0}),s=[],o=r[r.length-1].type;return s.push({title:"-"}),o=="z"||o=="Z"?s.push({title:"open path ",action:()=>{r.splice(r.length-1,1),i.setAttribute("d",We(r))}}):s.push({title:"close path ",action:()=>{r.push({type:"Z"}),i.setAttribute("d",We(r))}}),s}}});var ke,ls=g(()=>{"use strict";ke=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"-"}]}}});var cs,hs,Wl=g(()=>{"use strict";te();cs=10,hs=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"zoom to",icon:`<img src="${b+"icons/zoomIn.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element),s={x:r.x-cs,y:r.y-cs},o={x:r.x+r.width+cs,y:r.y+r.height+cs},a={x:s.x<o.x?s.x:o.x,y:s.y<o.y?s.y:o.y,width:Math.abs(s.x-o.x),height:Math.abs(s.y-o.y)},l=t.outerRect.width/a.width,c=t.outerRect.height/a.height,h=l>=c?c:l;t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},h)}}]}}});var ds,Gl=g(()=>{"use strict";ht();Q();te();ds=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==I.Element}provideContextMenuItems(e,t,i){return[{title:"rotate right",icon:`<img src="${b+"icons/rotateRight.svg"}">`,action:()=>{t.executeCommand({type:E.rotateClockwise})},shortCut:"Ctrl + R"},{title:"rotate left",icon:`<img src="${b+"icons/rotateLeft.svg"}">`,action:()=>{t.executeCommand({type:E.rotateCounterClockwise})},shortCut:"Ctrl + Shift + R"}]}}});var ps,jl=g(()=>{"use strict";Q();ps=class{shouldProvideContextmenu(e,t,i,r){return i?.hasChildren}provideContextMenuItems(e,t,i){return[{title:"select all Children",action:()=>{t.instanceServiceContainer.selectionService.setSelectedElements(Array.from(i.children()).filter(r=>r.nodeType==I.Element))}}]}}});import{BaseCustomWebComponentConstructorAppend as Pm,css as Im,html as Dm}from"@node-projects/base-custom-webcomponent";var ue,$e=g(()=>{"use strict";ue=class extends Pm{static style=Im`div{width:24px;height:24px;display:flex;justify-content:center;align-items:center;background-color:inherit}div:hover{background-color:#a9a9a9}img{width:calc(100% - 4px);height:calc(100% - 4px);-webkit-user-drag:none}`;static template=Dm`<div id="div"><img id="img"></div>`;tools;popup;currentToolOnButton;_img;_div;_longPress;constructor(e,t){super(),this.tools=t,this._img=this._getDomElement("img"),this._div=this._getDomElement("div"),this._div.onpointerdown=()=>{this.currentToolOnButton?(this.getRootNode().host.setTool(this.currentToolOnButton),setTimeout(()=>{e.clickOverlay.focus()},50),this.popup&&(this._longPress=setTimeout(()=>{this._longPress=null,this.getRootNode().host.showPopup(this)},200))):this.popup&&this.getRootNode().host.showPopup(this)},this._div.onpointerup=()=>{this._longPress&&(clearTimeout(this._longPress),this._longPress=null)},this.showTool(Object.getOwnPropertyNames(t)[0])}showTool(e){let t=this.tools[e];t&&(this._img.title=e,this._img.src=t.icon,this.currentToolOnButton=e)}setActiveTool(e){this.showTool(e),this.tools[e]?this._div.style.backgroundColor="lightgreen":this._div.style.backgroundColor=""}};customElements.define("node-projects-designer-toolbar-button",ue)});import{BaseCustomWebComponentConstructorAppend as km,css as Tm}from"@node-projects/base-custom-webcomponent";var Ct,Xi=g(()=>{"use strict";Ct=class extends km{static style=Tm`.container{width:120px;min-height:100px;color:#fff;background-color:#404040;border:1px solid #000}header{text-align:center}.tool{height:32px;width:32px;background-color:#fff;background-size:65%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;border-bottom:1px solid #000}.tools{display:flex;flex-wrap:wrap;margin-bottom:5px;gap:3px}`;constructor(){super();for(let e of[...this.shadowRoot.querySelectorAll("div.tool")]){let t=e;t.onclick=()=>this.getRootNode().host.setTool(t.dataset.commandParameter)}}}});import{html as Mm}from"@node-projects/base-custom-webcomponent";var Zi,Ul=g(()=>{"use strict";te();Xi();Zi=class extends Ct{static template=Mm`<div class="container"><header><h2 id="title" style="margin:0">Selection</h2></header><main id="content-area"><div class="tools"><div class="tool" data-command="setTool" data-command-parameter="Pointer" title="Pointer" style="background-image:url('${b}images/tools/PointerTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="Pan" title="Pan" style="background-image:url('${b}images/tools/PanTool.svg')"></div></div></main></div>`};customElements.define("node-projects-designer-pointer-tool-popup",Zi)});var ms,Kl=g(()=>{"use strict";$e();te();Ul();ms=class{provideButton(e){let t=new ue(e,{Pointer:{icon:b+"images/tools/PointerTool.svg"}});return t.popup=Zi,t}}});var Je,Yl=g(()=>{"use strict";Je=class{constructor(e){this.distance=e}distance;provideButton(e){let t=document.createElement("div");return t.style.marginTop=this.distance+"px",t}}});var us,Xl=g(()=>{"use strict";$e();te();us=class{provideButton(e){return new ue(e,{Zoom:{icon:b+"images/tools/ZoomTool.svg"}})}}});import{html as Om,css as Lm}from"@node-projects/base-custom-webcomponent";var qi,Zl=g(()=>{"use strict";te();Xi();qi=class extends Ct{static style=[super.style,Lm`.container{width:220px;min-height:300px}.inputs{float:left;margin-top:5px;align-items:center}.input{display:flex;align-items:center;margin-top:5px}.text{margin-left:5px;font-size:14px}.strokecolor{float:both}.fillbrush{float:both}.strokethickness{float:both}`];static template=Om`<div class="container"><header><h2 id="title" style="margin:0">Draw</h2></header><main id="content-area"><div class="tools"><div class="tool" data-command="setTool" data-command-parameter="DrawLine" title="Draw Line" style="background-image:url('${b}images/tools/DrawLineTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="DrawPath" title="Pointer Tool" style="background-image:url('${b}images/tools/DrawPathTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="DrawRect" title="Draw Rectangle" style="background-image:url('${b}images/tools/DrawRectTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="DrawEllipsis" title="Draw Ellipsis" style="background-image:url('${b}images/tools/DrawEllipTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="PickColor" title="Pick Color" style="background-image:url('${b}images/tools/ColorPickerTool.svg')"></div></div><div class="inputs"><div class="input"><input id="strokecolor" class="strokecolor" type="color" title="stroke color" value="#000000" style="padding:0;width:31px;height:31px"><text class="text">Stroke Color</text></div><div class="input"><input id="fillbrush" class="fillbrush" type="color" title="fill brush" value="#ffffff" style="padding:0;width:31px;height:31px"><text class="text">Fill Brush</text></div><div class="input"><input id="strokethickness" class="strokethickness" type="range" title="stroke thickness" min="1" max="20" value="3" style="padding:0;width:80px;height:20px;margin-right:5px"><text class="text">Stroke Thickness</text></div></div></main></div>`;constructor(){if(super(),this.shadowRoot.querySelector("input.strokecolor")){let e=this._getDomElement("strokecolor");e.onchange=()=>this.getRootNode().host.setStrokeColor(e.value)}if(this.shadowRoot.querySelector("input.fillbrush")){let e=this._getDomElement("fillbrush");e.onchange=()=>this.getRootNode().host.setFillBrush(e.value)}if(this.shadowRoot.querySelector("input.strokethickness")){let e=this._getDomElement("strokethickness");e.onchange=()=>this.getRootNode().host.setStrokeThickness(e.value)}}};customElements.define("node-projects-designer-draw-tool-popup",qi)});var fs,ql=g(()=>{"use strict";$e();te();Zl();fs=class{provideButton(e){let t=new ue(e,{DrawLine:{icon:b+"images/tools/DrawLineTool.svg"},DrawPath:{icon:b+"images/tools/DrawPathTool.svg"},DrawRect:{icon:b+"images/tools/DrawRectTool.svg"},DrawEllipsis:{icon:b+"images/tools/DrawEllipTool.svg"},PickColor:{icon:b+"images/tools/ColorPickerTool.svg"}});return t.popup=qi,t}}});var gs,Ql=g(()=>{"use strict";$e();te();gs=class{provideButton(e){return new ue(e,{Text:{icon:b+"images/tools/TextTool.svg"}})}}});import{html as Nm}from"@node-projects/base-custom-webcomponent";var Qi,$l=g(()=>{"use strict";te();Xi();Qi=class extends Ct{static template=Nm`<div class="container"><header><h2 id="title" style="margin:0">Selection</h2></header><main id="content-area"><div class="tools"><div class="tool" data-command="setTool" data-command-parameter="RectangleSelector" title="Rectangle Selector" style="background-image:url('${b}images/tools/SelectRectTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="MagicWandSelector" title="Magic Wand Selector" style="background-image:url('${b}images/tools/MagicWandTool.svg')"></div></div></main></div>`};customElements.define("node-projects-designer-selection-tool-popup",Qi)});var ys,Jl=g(()=>{"use strict";$e();te();$l();ys=class{provideButton(e){let t=new ue(e,{RectangleSelector:{icon:b+"images/tools/SelectRectTool.svg"},MagicWandSelector:{icon:b+"images/tools/MagicWandTool.svg"}});return t.popup=Qi,t}}});var vs,ec=g(()=>{"use strict";ie();J();vs=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._rect=this._drawTransformedRect(e,"svg-rect-enter-container",this._rect,k.Background)}dispose(){this._removeAllOverlays()}}});import{css as Rm}from"@node-projects/base-custom-webcomponent";var $i,tc=g(()=>{"use strict";ec();$i=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new vs(e,t,i)}static style=Rm`.svg-rect-enter-container{stroke:none;fill:#aa00ff2e}`}});var xs,ic=g(()=>{"use strict";Ae();me();xs=class extends q{name="attached";getRefreshMode(e){return W.full}isHandledElement(e){return e.serviceContainer.forSomeServicesTillResult("attachedPropertyService",t=>t.isHandledElement(e))}async getProperties(e){let t=[];if(e.serviceContainer.attachedPropertyServices)for(let i of e.serviceContainer.attachedPropertyServices)i.isHandledElement(e)&&t.push(...await i.getProperties(e));return t}}});var ui,rc=g(()=>{"use strict";me();nt();Be();pe();_e();Ae();ui=class extends q{name="attributes";getRefreshMode(e){return W.fullOnValueChange}isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:v.attribute}}async getProperties(e){if(e){let t=[];for(let i of e.attributes())t.push({name:i[0],renamable:!0,type:"string",service:this,propertyType:v.attribute});return t.push({name:"",type:"addNew",service:this,propertyType:v.complex}),t}return null}async setValue(e,t,i){let r=e[0].openGroup("properties changed");for(let s of e)s.setAttribute(t.name,i);r.commit()}getPropertyTarget(e,t){return L.attribute}clearValue(e,t){for(let i of e)i.removeAttribute(t.name),i.serviceContainer.forSomeServicesTillResult("bindingService",r=>r.clearBinding(i,t.name,this.getPropertyTarget(i,t)))}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){if(e.length==1&&typeof e[0].getAttribute(t.name)=="object")return H.bound;let s=F.dashToCamelCase(t.name),o=t.name;e.forEach(l=>{let c=l.hasAttribute(o);i=i&&c,r=r||c});let a=q.getOrBuildCachedBindings(e[0]);if(a&&a.find(l=>l.target==L.attribute&&l.targetName==s))return H.bound}else return H.none;return i?H.all:r?H.some:H.none}getValue(e,t){if(e!=null&&e.length!==0){let i=t.name,r=e[0].getAttribute(i);return typeof r=="object"?r.rawValue:r}return null}getBinding(e,t){return q.getOrBuildCachedBindings(e[0]).find(r=>(r.target==L.property||r.target==L.explicitProperty||r.target==L.attribute)&&r.targetName==t.name)}getUnsetValue(e,t){return t.defaultValue}}});var mt,nc=g(()=>{mt={accentColor:{type:"color"},additiveSymbols:{},alignContent:{type:"list",values:["start","end","flex-start","flex-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},alignItems:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},alignSelf:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},alignmentBaseline:{},all:{},animation:{},animationDelay:{},animationDirection:{},animationDuration:{},animationFillMode:{},animationIterationCount:{},animationName:{},animationPlayState:{},animationTimingFunction:{},appRegion:{},appearance:{},ascentOverride:{},aspectRatio:{},backdropFilter:{},backfaceVisibility:{},background:{},backgroundAttachment:{},backgroundBlendMode:{},backgroundClip:{},backgroundColor:{type:"color"},backgroundImage:{},backgroundOrigin:{},backgroundPosition:{},backgroundPositionX:{},backgroundPositionY:{},backgroundRepeat:{},backgroundRepeatX:{},backgroundRepeatY:{},backgroundSize:{},basePalette:{},baselineShift:{},blockSize:{},border:{},borderBlock:{},borderBlockColor:{type:"color"},borderBlockEnd:{},borderBlockEndColor:{type:"color"},borderBlockEndStyle:{},borderBlockEndWidth:{},borderBlockStart:{},borderBlockStartColor:{type:"color"},borderBlockStartStyle:{},borderBlockStartWidth:{},borderBlockStyle:{},borderBlockWidth:{},borderBottom:{},borderBottomColor:{type:"color"},borderBottomLeftRadius:{},borderBottomRightRadius:{},borderBottomStyle:{},borderBottomWidth:{},borderCollapse:{},borderColor:{type:"color"},borderEndEndRadius:{},borderEndStartRadius:{},borderImage:{},borderImageOutset:{},borderImageRepeat:{},borderImageSlice:{},borderImageSource:{},borderImageWidth:{},borderInline:{},borderInlineColor:{type:"color"},borderInlineEnd:{},borderInlineEndColor:{type:"color"},borderInlineEndStyle:{},borderInlineEndWidth:{},borderInlineStart:{},borderInlineStartColor:{type:"color"},borderInlineStartStyle:{},borderInlineStartWidth:{},borderInlineStyle:{},borderInlineWidth:{},borderLeft:{},borderLeftColor:{type:"color"},borderLeftStyle:{},borderLeftWidth:{},borderRadius:{},borderRight:{},borderRightColor:{type:"color"},borderRightStyle:{},borderRightWidth:{},borderSpacing:{},borderStartEndRadius:{},borderStartStartRadius:{},borderStyle:{},borderTop:{},borderTopColor:{type:"color"},borderTopLeftRadius:{},borderTopRightRadius:{},borderTopStyle:{},borderTopWidth:{},borderWidth:{type:"length",values:["medium","thin","thick"]},bottom:{},boxShadow:{},boxSizing:{type:"list",values:["border-box","content-box"]},breakAfter:{},breakBefore:{},breakInside:{},bufferedRendering:{},captionSide:{},caretColor:{type:"color"},clear:{},clip:{},clipPath:{},clipRule:{},color:{type:"color"},colorInterpolation:{},colorInterpolationFilters:{},colorRendering:{},colorScheme:{},columnCount:{},columnFill:{},columnGap:{type:"length"},columnRule:{},columnRuleColor:{type:"color"},columnRuleStyle:{},columnRuleWidth:{},columnSpan:{},columnWidth:{},columns:{},contain:{},containIntrinsicBlockSize:{},containIntrinsicHeight:{},containIntrinsicInlineSize:{},containIntrinsicSize:{},containIntrinsicWidth:{},container:{},containerName:{},containerType:{},content:{},contentVisibility:{},counterIncrement:{},counterReset:{},counterSet:{},cursor:{},cx:{},cy:{},d:{},descentOverride:{},direction:{},display:{type:"list",values:["block","inline","inline-block","flex","inline-flex","contents","grid","inline-grid","inline-table","list-item","run-in","table","table-caption","table-column-group","table-header-group","table-footer-group","tabl-row-group","table-cell","table-column","table-row","inherit","initial","none"]},dominantBaseline:{},emptyCells:{},fallback:{},fill:{type:"color"},fillOpacity:{},fillRule:{},filter:{},flex:{},flexBasis:{},flexDirection:{type:"list",values:["row","column","row-reverse","column-reverse"]},flexFlow:{},flexGrow:{type:"number"},flexShrink:{type:"number"},flexWrap:{type:"list",values:["nowrap","wrap","wrap-reverse"]},fieldSizing:{},float:{type:"list",values:["none","left","right","inline-start","inline-end"]},floodColor:{type:"color"},floodOpacity:{},font:{},fontDisplay:{},fontFamily:{type:"font"},fontFeatureSettings:{},fontKerning:{},fontOpticalSizing:{},fontPalette:{},fontSize:{},fontSizeAdjust:{},fontStretch:{},fontStyle:{},fontSynthesis:{},fontSynthesisSmallCaps:{},fontSynthesisStyle:{},fontSynthesisWeight:{},fontVariant:{},fontVariantCaps:{},fontVariantEastAsian:{},fontVariantLigatures:{},fontVariantNumeric:{},fontVariationSettings:{},fontWeight:{},forcedColorAdjust:{},gap:{type:"length"},grid:{},gridArea:{},gridAutoColumns:{},gridAutoFlow:{},gridAutoRows:{},gridColumn:{},gridColumnEnd:{},gridColumnGap:{type:"length"},gridColumnStart:{},gridGap:{type:"length"},gridRow:{},gridRowEnd:{},gridRowGap:{type:"length"},gridRowStart:{},gridTemplate:{},gridTemplateAreas:{},gridTemplateColumns:{},gridTemplateRows:{},height:{},hyphenateCharacter:{},hyphens:{},imageOrientation:{},imageRendering:{},inherits:{},initialValue:{},inlineSize:{},inset:{},insetBlock:{},insetBlockEnd:{},insetBlockStart:{},insetInline:{},insetInlineEnd:{},insetInlineStart:{},isolation:{},justifyContent:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},justifyItems:{type:"list",values:["start","end","flex-start","flex-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},justifySelf:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},left:{},letterSpacing:{},lightingColor:{type:"color"},lineBreak:{},lineGapOverride:{},lineHeight:{},listStyle:{},listStyleImage:{},listStylePosition:{},listStyleType:{},margin:{},marginBlock:{},marginBlockEnd:{type:"length"},marginBlockStart:{type:"length"},marginBottom:{type:"length"},marginInline:{},marginInlineEnd:{type:"length"},marginInlineStart:{type:"length"},marginLeft:{type:"length"},marginRight:{type:"length"},marginTop:{type:"length"},marker:{},markerEnd:{},markerMid:{},markerStart:{},mask:{},maskType:{},maxBlockSize:{},maxHeight:{},maxInlineSize:{},maxWidth:{},minBlockSize:{},minHeight:{},minInlineSize:{},minWidth:{},mixBlendMode:{},negative:{},objectFit:{},objectPosition:{type:"position"},objectViewBox:{},offset:{},offsetDistance:{},offsetPath:{},offsetRotate:{},opacity:{type:"number"},order:{},orphans:{},outline:{},outlineColor:{type:"color"},outlineOffset:{},outlineStyle:{},outlineWidth:{},overflow:{type:"list",values:["visible","hidden","clip","scroll","auto"]},overflowAnchor:{},overflowClipMargin:{},overflowWrap:{},overflowX:{type:"list",values:["visible","hidden","clip","scroll","auto"]},overflowY:{type:"list",values:["visible","hidden","clip","scroll","auto"]},overrideColors:{},overscrollBehavior:{},overscrollBehaviorBlock:{},overscrollBehaviorInline:{},overscrollBehaviorX:{},overscrollBehaviorY:{},pad:{},padding:{},paddingBlock:{},paddingBlockEnd:{},paddingBlockStart:{},paddingBottom:{},paddingInline:{},paddingInlineEnd:{},paddingInlineStart:{},paddingLeft:{},paddingRight:{},paddingTop:{},page:{},pageBreakAfter:{},pageBreakBefore:{},pageBreakInside:{},pageOrientation:{},paintOrder:{},perspective:{},perspectiveOrigin:{},placeContent:{},placeItems:{},placeSelf:{},pointerEvents:{},position:{type:"list",values:["static","relative","absolute","fixed","sticky"]},prefix:{},quotes:{},r:{},range:{},resize:{},right:{},rotate:{},rowGap:{type:"length"},rubyAlign:{},rubyPosition:{},rx:{},ry:{},scale:{},scrollbarColor:{},scrollbarGutter:{type:"list",values:["auto","stable","stable both-edges"]},scrollbarWidth:{},scrollBehavior:{},scrollMargin:{},scrollMarginBlock:{},scrollMarginBlockEnd:{},scrollMarginBlockStart:{},scrollMarginBottom:{},scrollMarginInline:{},scrollMarginInlineEnd:{},scrollMarginInlineStart:{},scrollMarginLeft:{},scrollMarginRight:{},scrollMarginTop:{},scrollPadding:{},scrollPaddingBlock:{},scrollPaddingBlockEnd:{},scrollPaddingBlockStart:{},scrollPaddingBottom:{},scrollPaddingInline:{},scrollPaddingInlineEnd:{},scrollPaddingInlineStart:{},scrollPaddingLeft:{},scrollPaddingRight:{},scrollPaddingTop:{},scrollSnapAlign:{},scrollSnapStop:{},scrollSnapType:{},shapeImageThreshold:{},shapeMargin:{},shapeOutside:{},shapeRendering:{type:"list",values:["auto","optimizeSpeed","crispEdges","geometricPrecision"]},size:{},sizeAdjust:{},speak:{},speakAs:{},src:{},stopColor:{type:"color"},stopOpacity:{},stroke:{type:"color"},strokeDasharray:{},strokeDashoffset:{},strokeLinecap:{},strokeLinejoin:{},strokeMiterlimit:{},strokeOpacity:{},strokeWidth:{type:"number"},suffix:{},symbols:{},syntax:{},system:{},tabSize:{},tableLayout:{},textAlign:{type:"list",values:["start","end","left","right","center","justify","justify-all","match-parent"]},textAlignLast:{},textAnchor:{},textCombineUpright:{},textDecoration:{},textDecorationColor:{type:"color"},textDecorationLine:{},textDecorationSkipInk:{},textDecorationStyle:{},textDecorationThickness:{},textEmphasis:{},textEmphasisColor:{type:"color"},textEmphasisPosition:{},textEmphasisStyle:{},textIndent:{},textOrientation:{},textOverflow:{},textRendering:{},textShadow:{},textSizeAdjust:{},textTransform:{},textUnderlineOffset:{},textUnderlinePosition:{},textWrap:{},textWrapMode:{type:"list",values:["wrap","nowrap"]},textWrapStyle:{type:"list",values:["auto","balance","pretty","stable"]},top:{},touchAction:{},transform:{},transformBox:{},transformOrigin:{},transformStyle:{},transition:{},transitionDelay:{},transitionBehavior:{},transitionDuration:{},transitionProperty:{},transitionTimingFunction:{},translate:{},unicodeBidi:{},unicodeRange:{},userSelect:{},vectorEffect:{},verticalAlign:{},visibility:{},whiteSpace:{},widows:{},width:{},willChange:{},wordBreak:{},wordSpacing:{},wordWrap:{},writingMode:{},x:{},y:{},zIndex:{},zoom:{}}});var _s,sc=g(()=>{"use strict";Se();pi();_s=class extends ${_root;constructor(e){super(e),this._root=document.createElement("div"),this._root.style.display="grid",this._root.style.padding="4px 0px",this._root.style.boxSizing="border-box",this._root.style.minHeight="50px",this.element=this._root}refreshValue(e,t){if(this._root.innerHTML="",this.designItems!=null&&this.designItems.length){let i=this.designItems[0].element.parentElement;if(i){let r=getComputedStyle(i),s=di(this.designItems[0].element),o=getComputedStyle(this.designItems[0].element),a=r.gridTemplateColumns.split(" ").length,l=r.gridTemplateRows.split(" ").length;this._root.style.gridTemplateColumns="repeat("+a+", 1fr)",this._root.style.gridTemplateRows="repeat("+l+", 1fr)";let c=parseInt(o.gridRowStart),h=c+s.rowSpan,d=parseInt(o.gridColumnStart),p=d+s.colSpan;for(let f=1;f<=l;f++)for(let m=1;m<=a;m++){let u=document.createElement("button");u.style.minHeight="10px",u.onclick=()=>{let y=di(this.designItems[0].element),x=this.designItems[0].openGroup("Change grid row/column");this.designItems[0].setStyle("grid-row",f+" / "+(f+y.rowSpan)),this.designItems[0].setStyle("grid-column",m+" / "+(m+y.colSpan)),x.commit()},f>=c&&f<h&&m>=d&&m<p&&(u.style.backgroundColor="coral"),this._root.appendChild(u)}}}}}});import{BaseCustomWebComponentConstructorAppend as zm,css as Bm,html as Vm}from"@node-projects/base-custom-webcomponent";var Ji,cd=g(()=>{"use strict";Ji=class extends zm{static style=Bm`:host{justify-content:center;display:flex;margin:10px;line-height:12px;min-width:120px}*{font-size:12px;font-family:monospace;color:#000}.top{display:inline-block}.left{display:inline-block;vertical-align:middle}.right{display:inline-block;vertical-align:middle}.bottom{display:inline-block}div.ct{width:280px;height:120px}div span{font-size:10px;position:absolute;top:0;left:0}div.ct{position:relative;background:#fff;display:inline-block;border:dotted 1px gray;text-align:center;vertical-align:middle}div.ct.box{border:dotted 2px #000}div.ct>div.ct{left:0;top:0;background:#f9cc9f;width:calc(100% - 20px);height:calc(100% - 26px);border-style:dashed}div.ct>div.ct>div.ct{background:#fedc9b;border-style:solid}div.ct>div.ct>div.ct>div.ct{background:#c4cf8c;border-style:dashed}div.ct>div.ct>div.ct>div.ct>div.ct{background:#8cb6c2;border-style:solid;display:inline-flex;justify-content:center;align-items:center}span{width:30%;overflow:hidden;text-overflow:ellipsis}`;static template=Vm`<div id="position" class="ct"><span title="position">position</span><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="margin" class="ct"><span title="margin">margin</span><div data-style="margin" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="border" class="ct"><span title="border">border</span><div data-style="border" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="padding" class="ct"><span title="padding">padding</span><div data-style="padding" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="element" class="ct" style="font-size:6px"><div data-style="element" @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div> x <div data-style="element" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div></div><div data-style="padding" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="padding" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div><div data-style="border" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="border" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div><div data-style="margin" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="margin" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div>`;property;unsetValue;_borderDiv;_elementDiv;constructor(){super(),this._restoreCachedInititalValues(),this._borderDiv=this._getDomElement("border"),this._elementDiv=this._getDomElement("element")}ready(){this._parseAttributesToProperties(),this._assignEvents()}onDoubleClick(e){let t=e.target;t.setAttribute("contentEditable","");let i=document.createRange(),r=window.getSelection();i.setStart(t.firstChild,0),i.setEndAfter(t.lastChild),r.removeAllRanges(),r.addRange(i)}onKeyDown(e){let t=e.target;if(e.key=="Enter"){t.removeAttribute("contentEditable");let i=t.innerHTML,r=new CustomEvent("value-changed",{detail:{style:t.dataset.style,value:i}});this.dispatchEvent(r)}}refresh(e){this._elementDiv.classList.remove("box"),this._borderDiv.classList.remove("box"),e&&(getComputedStyle(e).boxSizing=="content-box"?this._elementDiv.classList.add("box"):this._borderDiv.classList.add("box"))}};customElements.define("node-projects-metrics-editor",Ji)});var bs,oc=g(()=>{"use strict";Se();cd();bs=class extends ${constructor(e){super(e);let t=new Ji;t.property=e.name,this.element=t}refreshValue(e,t){this.element.refresh(this.designItems?.[0]?.element)}}});var fi,Ss=g(()=>{"use strict";qt();me();_e();fi=class extends Ne{getRefreshMode(e){return W.none}async previewValue(e,t,i){let r=t.propertyName??t.name;r.startsWith("--")||(r=F.camelToDashCase(r));for(let s of e)s.element.style.setProperty(r,i)}async removePreviewValue(e,t){let i=t.propertyName??t.name;i.startsWith("--")||(i=F.camelToDashCase(i));for(let r of e)r.hasStyle(i)?r.element.style.setProperty(i,r.getStyle(i)):r.element.style.setProperty(i,"")}constructor(){super(!1)}}});var Ie,ws=g(()=>{"use strict";Be();pe();me();_e();sc();oc();nc();Ss();Ie=class extends fi{getRefreshMode(e){return W.none}layout={common:["display","color","background-color","box-sizing","border","box-shadow","opacity","position","align-content"],font:["font-family","font-size","font-weight"],layout:["inset","margin","border","padding","overflow","metrics"]};grid=["display","position","grid-template-columns","grid-template-rows","gap","column-gap","row-gap","align-content","justify-content","align-items","justify-items"];gridChild=["grid-row","grid-column","assigned-row-column","align-self","justify-self"];flex=["display","position","flex-direction","flex-wrap","align-content","justify-content","align-items","gap"];flexChild=["align-self","justify-self"];svg=["fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"];layoutSvgChild={common:["display","fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"]};constructor(e){super(),this.name=e}isHandledElement(e){return!0}async getProperty(e,t){return this._getPropertyDef(t)}async getProperties(e){let t=this[this.name];if(Array.isArray(t))return t.map(r=>this._getPropertyDef(r));{let i=[];for(let r in t){let s={name:r,properties:t[r].map(o=>this._getPropertyDef(o))};i.push(s)}return i}}_getPropertyDef(e){let t=F.dashToCamelCase(e);switch(t){case"assignedRowColumn":return{name:e,service:this,propertyType:v.complex,createEditor:i=>new _s(i)};case"metrics":return{name:e,service:this,propertyType:v.complex,createEditor:i=>new bs(i)};default:return{name:e,type:mt[t]?.type??"string",values:mt[t]?.values?[...mt[t]?.values,"initial","inherit","unset"]:["initial","inherit","unset"],service:this,propertyType:v.cssValue}}}getPropertyTarget(e,t){return L.css}}});var Hm,Vt,ac=g(()=>{"use strict";pe();me();nt();Q();nc();Be();_e();Ae();ws();Hm="&lt;local&gt;",Vt=class extends Ie{getRefreshMode(e){return W.fullOnValueChange}constructor(){super(null),this.name="styles"}isHandledElement(e){return!0}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:v.cssValue}}getPropertyNameSuggestions(e){return Object.keys(mt).map(t=>F.camelToDashCase(t))}async getProperties(e){if(!e||e.nodeType!=I.Element)return[];let t=e.getAllStyles().reverse().sort((o,a)=>o.specificity==null?-1:a.specificity==null?1:o.specificity.A>a.specificity.A||o.specificity.A===a.specificity.A&&o.specificity.B>a.specificity.B||o.specificity.A===a.specificity.A&&o.specificity.B===a.specificity.B&&o.specificity.C>a.specificity.C?-1:o.specificity.A===a.specificity.A&&o.specificity.B===a.specificity.B&&o.specificity.C===a.specificity.C?0:1),i=q.getOrBuildCachedBindings(e),r=t.find(o=>o.selector===null);for(let o of i)o.target===L.css&&(r.declarations.find(a=>a.name==o.targetName)||r.declarations.push({name:o.targetName,value:null,important:!1,parent:null}));return t.map(o=>({name:(o.selector??Hm)+(o.specificity?" ("+o.specificity.A+"-"+o.specificity.B+"-"+o.specificity.C+")":""),description:o.stylesheetName??"",properties:[...o.declarations.map(a=>{let l=F.dashToCamelCase(a.name);return{name:a.name,renamable:!0,type:mt[l]?.type??"string",values:mt[l]?.values?[...mt[l]?.values,"initial","inherit","unset"]:["initial","inherit","unset"],service:this,propertyType:v.cssValue,styleRule:o,styleDeclaration:a}}),{name:"",type:"addNew",service:this,propertyType:v.complex,styleRule:o}]}))}async setValue(e,t,i){if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.updateDeclarationValue(t.styleDeclaration,i,!1),this._notifyChangedProperty(e[0],t,i);return}if(t.styleRule?.selector!==null&&!t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(t.styleRule,t.name,i,!1),this._notifyChangedProperty(e[0],t,i);return}for(let r of e)r.setStyle(t.name,i),r.element.setAttribute("style",r.element.getAttribute("style"))}clearValue(e,t,i){if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.removeDeclarationFromRule(t.styleRule,t.styleDeclaration.name);return}super.clearValue(e,t,i)}getValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?t.styleDeclaration.value:super.getValue(e,t)}getUnsetValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?t.styleDeclaration.value:super.getUnsetValue(e,t)}isSet(e,t){return t.styleRule?.selector&&t.styleDeclaration?e[0].hasStyle(t.name)?H.none:H.fromStylesheet:super.isSet(e,t)}getPropertyTarget(e,t){return t.name.startsWith("--")?L.cssvar:L.css}}});var Ht,lc=g(()=>{"use strict";pe();me();nt();Be();Ss();Ht=class extends fi{removeInheritedCustomProperties;constructor(e=!0){super(),this.name="customProperties",this.removeInheritedCustomProperties=e}getRefreshMode(e){return W.fullOnValueChange}isHandledElement(e){return!0}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:v.cssValue}}async getProperties(e){if(e?.element?.computedStyleMap){let s=Array.from(e.instanceServiceContainer.designerCanvas.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--")),o=Array.from(e.element.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--"));return this.removeInheritedCustomProperties&&(o=o.filter(l=>!s.includes(l))),o.map(l=>({name:l,service:this,propertyType:v.cssValue}))}let t=Array.from(getComputedStyle(e.instanceServiceContainer.designerCanvas)).map(s=>s[0]).filter(s=>s.startsWith("--")),i=Array.from(getComputedStyle(e.element)).map(s=>s[0]).filter(s=>s.startsWith("--"));return this.removeInheritedCustomProperties&&(i=i.filter(s=>!t.includes(s))),i.map(s=>({name:s,service:this,propertyType:v.cssValue}))}clearValue(e,t,i){super.clearValue(e,t,i)}getValue(e,t){let i=e[0].getStyle(t.name);return i||getComputedStyle(e[0].element).getPropertyValue(t.name)}getUnsetValue(e,t){return e?.[0].element?.computedStyleMap?e[0].element.computedStyleMap().get(t.name)?.[0]:getComputedStyle(e[0].element).getPropertyValue(t.name)}isSet(e,t){return super.isSet(e,t)==H.bound?H.bound:e[0].hasStyle(t.name)?H.all:H.none}getPropertyTarget(e,t){return L.cssvar}}});var Cs,cc=g(()=>{"use strict";Q();ic();rc();qt();ac();lc();ws();Cs=class{_attachedPropertiesService=new xs;_rootPgList=[{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layout")}];_pgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new ui},{name:"common",propertiesService:new Ne},{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layout")}];_svgPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new ui},{name:"common",propertiesService:new Ne},{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layout")},{name:"svg",propertiesService:new Ie("svg")}];_svgChildPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new ui},{name:"common",propertiesService:new Ne},{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layoutSvgChild")}];_gridChild=[{name:"gridChild",propertiesService:new Ie("gridChild")}];_grid=[{name:"grid",propertiesService:new Ie("grid")}];_flexChild=[{name:"flexChild",propertiesService:new Ie("flexChild")}];_flex=[{name:"flex",propertiesService:new Ie("flex")}];getPropertygroups(e){if(e==null||e.length==0)return[];if(e[0].nodeType==I.TextNode||e[0].nodeType==I.Comment)return[];if(e[0].isRootItem){let r=e[0].getComputedStyle(),s=this._rootPgList;return r.display.includes("grid")?s=[...s,...this._grid]:r.display.includes("flex")&&(s=[...s,...this._flex]),s}this._pgList[0].propertiesService=e[0].serviceContainer.getLastServiceWhere("propertyService",r=>r.isHandledElement(e[0])),this._svgPgList[0].propertiesService=e[0].serviceContainer.getLastServiceWhere("propertyService",r=>r.isHandledElement(e[0]));let t=this._pgList;e[0].element instanceof e[0].window.SVGElement&&(e[0].element instanceof e[0].window.SVGSVGElement?t=this._svgPgList:t=this._svgChildPgList);let i=e[0].getComputedStyle();if(i.display.includes("grid")?t=[...t,...this._grid]:i.display.includes("flex")&&(t=[...t,...this._flex]),e[0].parent){let r=e[0].parent.getComputedStyle();r.display.includes("grid")?t=[...t,...this._gridChild]:r.display.includes("flex")&&(t=[...t,...this._flexChild])}return t}}});var Es,hc=g(()=>{"use strict";ie();Es=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element),t=getComputedStyle(this.extendedItem.element),i=Number.parseFloat(t.marginLeft.replace("px","")),r=Number.parseFloat(t.marginTop.replace("px","")),s=Number.parseFloat(t.marginRight.replace("px","")),o=Number.parseFloat(t.marginBottom.replace("px",""));this._rect=this._drawRect(e.x-i,e.y-r,i+e.width+s,r+e.height+o,"svg-placement",this._rect)}dispose(){this._removeAllOverlays()}}});import{css as Wm}from"@node-projects/base-custom-webcomponent";var As,dc=g(()=>{"use strict";hc();As=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new Es(e,t,i)}static style=Wm`.svg-placement{stroke:#90caf9;fill:none}`}});var Ps,pc=g(()=>{"use strict";ie();J();Ps=class extends z{_path;constructor(e,t,i){super(e,t,i)}extend(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._path=this._drawTransformedRect(e,"svg-flexbox",this._path,k.Background)}refresh(){this._removeAllOverlays(),this.extend()}dispose(){this._removeAllOverlays()}}});import{css as Gm}from"@node-projects/base-custom-webcomponent";var mc,er,Is=g(()=>{"use strict";pc();mc="flexboxExtensionShowOverlay",er=class{shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="flex"||r=="inline-flex"?t.instanceServiceContainer.designContext.extensionOptions[mc]!==!1:!1}getExtension(e,t,i){return new Ps(e,t,i)}style=Gm`.svg-flexbox{stroke:orange;fill:#9a47ff22}`}});var Ds,uc=g(()=>{"use strict";Is();Tt();Ds=class extends Re{constructor(){super(mc,"F","show flexbox overlay")}}});var ks,fc=g(()=>{"use strict";Bn();Tt();ks=class extends Re{constructor(){super(_l,"I","show invisible div overlay")}}});var Ts,gc=g(()=>{"use strict";Ts=class{redoBranches;title;get affectedItems(){let e=new Set;for(let t of this.undoStack)for(let i of t.affectedItems)e.add(i);for(let t of this.redoStack)for(let i of t.affectedItems)e.add(i);return[...e.values()]}commitHandler;abortHandler;constructor(e,t,i){this.title=e,this.commitHandler=t,this.abortHandler=i}do(){let e=null;for(;e=this.redoStack.pop();)try{e.do(),this.undoStack.push(e)}catch(t){throw t}}undo(){let e=null;for(;e=this.undoStack.pop();)try{e.undo(),this.redoStack.push(e)}catch(t){throw t}}commit(){this.commitHandler(this)}abort(){this.abortHandler(this)}mergeWith(e){return!1}addCommitedSubchangeGroup(e){this.undoStack.push(e)}undoStack=[];redoStack=[];execute(e){e.do();for(let t of this.undoStack)if(t.mergeWith(e))return;this.undoStack.push(e)}}});var Ms,yc=g(()=>{"use strict";gc();Ms=class{_undoStack=[];_redoStack=[];_transactionStack=[];_designerCanvas;_storeRedoBranches;constructor(e,t=!1){this._designerCanvas=e,this._storeRedoBranches=t}openGroup(e){let t=new Ts(e,i=>this.commitTransactionItem(i),i=>this.abortTransactionItem(i));return this._transactionStack.push(t),t}commitTransactionItem(e){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Commited Transaction was not the last";t.undoStack.length&&(this._transactionStack.length>0?this._transactionStack[this._transactionStack.length-1].addCommitedSubchangeGroup(t):(this._storeRedoBranches&&this._redoStack.length&&(t.redoBranches==null&&(t.redoBranches=[]),t.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(t))),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit())}abortTransactionItem(e){if(this._transactionStack.length>0){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Aborted Transaction was not the last";t.undo()}}execute(e){this._transactionStack.length==0?(e.do(),this._storeRedoBranches&&this._redoStack.length&&(e.redoBranches==null&&(e.redoBranches=[]),e.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(e)):this._transactionStack[this._transactionStack.length-1].execute(e),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit())}clear(){this._undoStack=[],this._redoStack=[],this._transactionStack=[]}clearTransactionstackIfNotEmpty(){this._transactionStack.length&&(console.error("transactionStack was not empty, but should be",this._transactionStack),this._transactionStack=[])}undo(){if(!this.canUndo())return;if(this._transactionStack.length!=0)throw"Cannot Undo while transaction is running";let e=this._undoStack.pop();try{e.undo(),this._redoStack.push(e)}catch(t){throw this.clear(),t}this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit()}redo(){if(!this.canRedo())return;if(this._transactionStack.length!=0)throw"Cannot Redo while transaction is running";let e=this._redoStack.pop();try{e.do(),this._undoStack.push(e)}catch(t){throw this.clear(),t}this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit()}redoTo(e){this._redoStack=e.toReversed();for(let t=0;t<e.length;t++)this.redo()}canUndo(){return this._undoStack.length>0}canRedo(){return this._redoStack.length>0}get undoCount(){return this._undoStack.length}get redoCount(){return this._redoStack.length}*getUndoEntryNames(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t].title}*getUndoEntries(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t]}*getRedoEntryNames(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t].title}*getRedoEntries(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t]}}});var Os,hd=g(()=>{"use strict";Os=class{constructor(e,t,i){this.title="Change Selection",this.oldSelection=e,this.newSelection=t,this.selectionService=i}title;get affectedItems(){return this.oldSelection&&this.newSelection?[...this.oldSelection,...this.newSelection]:this.oldSelection?[...this.oldSelection]:[...this.newSelection]}undo(){this.selectionService._withoutUndoSetSelectedElements(this.oldSelection)}do(){this.selectionService._withoutUndoSetSelectedElements(this.newSelection)}oldSelection;newSelection;selectionService;mergeWith(e){return!1}}});import{TypedEvent as dd}from"@node-projects/base-custom-webcomponent";function pd(n,e){let t=null;if(n.hasChildren)for(let i of n.children()){let r=n.instanceServiceContainer.designItemDocumentPositionService.getPosition(i);r&&r.start<=e&&r.start+r.length>=e&&(t=i)}return t?pd(t,e):n}var Ls,vc=g(()=>{"use strict";hd();Ls=class{primarySelection;selectedElements=[];_designerCanvas;_undoSelectionChanges;constructor(e,t){this._designerCanvas=e,this._undoSelectionChanges=t}setSelectedElements(e,t){if((e===null||e.length===0)&&(e=[this._designerCanvas.rootDesignItem]),this.selectedElements!=e&&!(this.selectedElements.length===0&&(e==null||e.length===0))){if(this.selectedElements?.length===1&&e?.length===1&&e[0]===this.selectedElements[0]){this.onSelectionRefresh.emit({selectedElements:this.selectedElements,event:t});return}if(this._undoSelectionChanges){let i=new Os(this.selectedElements,e,this);this._designerCanvas.instanceServiceContainer.undoService.execute(i)}else this._withoutUndoSetSelectedElements(e,t)}}setSelectionByTextRange(e,t){let i=pd(this._designerCanvas.rootDesignItem,e);i&&(this.selectedElements.length!=1||this.primarySelection!=i)&&this.setSelectedElements([i])}_withoutUndoSetSelectedElements(e,t){let i=this.selectedElements;if(!e)this.selectedElements=[],this.primarySelection=null;else{let r=[];for(let s of e)s&&(e.length==1||s!==s.instanceServiceContainer.contentService.rootDesignItem)&&r.push(s);this.selectedElements=r,r&&r.length>0?this.primarySelection=r[0]:this.primarySelection=null}this.onSelectionChanged.emit({selectedElements:this.selectedElements,oldSelectedElements:i,event:t})}clearSelectedElements(){this.setSelectedElements([])}isSelected(e){return this.selectedElements.indexOf(e)>=0}onSelectionChanged=new dd;onSelectionRefresh=new dd}});import{TypedEvent as jm}from"@node-projects/base-custom-webcomponent";var Ns,xc=g(()=>{"use strict";Ns=class{constructor(e){this.rootDesignItem=e}rootDesignItem;onContentChanged=new jm}});var Rs,_c=g(()=>{"use strict";te();Rs=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"jump to",icon:`<img src="${b+"icons/jump.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element);t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},t.zoomFactor)}}]}}});var Fs,bc=g(()=>{"use strict";le();Oa();oe();pi();zt();ie();J();Fs=class extends z{gridInformation;_resizers=[];_initalPos;_initialSizes;_group;_hasChanged;constructor(e,t,i){super(e,t,i)}extend(e,t){this._group=this._drawGroup(null,this._group,k.Background),this._group.style.transform=qe(this.extendedItem.element).toString(),this._group.style.transformOrigin="0 0",this._group.style.transformBox="fill-box",this.refresh(t)}refresh(e,t){this.gridInformation=Qe(this.extendedItem),this.gridInformation.gaps.forEach((i,r)=>{i.width<3&&(i.width=3,i.x--),i.height<3&&(i.height=3,i.y--);let s=this._drawRect(i.x,i.y,i.width,i.height,"svg-grid-resizer-"+i.type,this._resizers[r],k.Normal);this._resizers[r]||(this._resizers[r]=s,s.addEventListener(S.PointerDown,o=>this._pointerActionTypeResize(o,s,i)),s.addEventListener(S.PointerMove,o=>this._pointerActionTypeResize(o,s,i)),s.addEventListener(S.PointerUp,o=>this._pointerActionTypeResize(o,s,i)),this._group.appendChild(s))})}_pointerActionTypeResize(e,t,i){e.stopPropagation();let r=i.type=="h"?"gridTemplateRows":"gridTemplateColumns",s=i.type=="h"?"Y":"X",o=(i.type=="h"?i.row:i.column)-1,a=i.type=="h"?"height":"width",l=e["client"+s];switch(e.type){case S.PointerDown:t.setPointerCapture(e.pointerId),this._initalPos=l,this._initialSizes=getComputedStyle(this.extendedItem.element)[r];break;case S.PointerMove:if(this._initialSizes){let h=this._initalPos-l;if(Math.abs(h)>5||this._hasChanged){this._hasChanged=!0;let d=this._initialSizes.split(" ");d[o]=parseFloat(d[o])-h+"px",d[o+1]=parseFloat(d[o+1])+h+"px",this.extendedItem.element.style[r]=d.join(" "),this.extensionManager.refreshExtensions([this.extendedItem],null,e)}}break;case S.PointerUp:t.releasePointerCapture(e.pointerId);let c=this._initalPos-l;if(this._hasChanged){this._hasChanged=!1;let h=this.extendedItem.getStyleFromSheetOrLocalOrComputed(r),d=this._initialSizes.split(" "),p=$h(h);p.length!=d.length&&(p=d.map(u=>Nt(u))),this.extendedItem.element.style[r]="";let f=d.map(u=>parseFloat(u));f[o]-=c,f[o+1]+=c;let m=this._convertCssUnits(f,p,this.extendedItem.element,a);this.extendedItem.updateStyleInSheetOrLocal(r,m.join(" "),null,!0)}this._initalPos=null,this._initialSizes=null,this.extensionManager.refreshExtensions([this.extendedItem]);break}}_convertCssUnits(e,t,i,r){let s=getComputedStyle(i),a=G(i)[r],l=r=="height"?this.gridInformation.cells.length-1:this.gridInformation.cells[0].length-1,c=r=="width"?s.columnGap:s.rowGap;c=="normal"&&(c="0px");let h=Ma(c,i,r)??0,p=a-h*l;for(let m=0;m<e.length;m++)t[m]!="fr"&&(p-=e[m]);let f=[];for(let m=0;m<e.length;m++)t[m]!="fr"?f.push(oi(e[m],i,r,t[m])):f.push((e[m]/p*10).toFixed(2)+"fr");return f}dispose(){this._removeAllOverlays()}}});import{css as Um}from"@node-projects/base-custom-webcomponent";var tr,Sc=g(()=>{"use strict";bc();Yi();tr=class{shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Ki]!==!1:!1}getExtension(e,t,i){return new Fs(e,t,i)}static style=Um`.svg-grid-resizer-v{fill:transparent;cursor:ew-resize;pointer-events:auto}.svg-grid-resizer-v:hover{fill:#ff7f5052}.svg-grid-resizer-h{fill:transparent;cursor:ns-resize;pointer-events:auto}.svg-grid-resizer-h:hover{fill:#ff7f5052}`}});var gi,wc=g(()=>{"use strict";gi=class{extensions;extIndex;style;svgDefs;constructor(...e){this.extensions=e;for(let t of e)t.style&&(this.style||(this.style=[]),Array.isArray(t.style)?this.style.push(...t.style):this.style.push(t.style)),t.constructor.style&&(this.style||(this.style=[]),Array.isArray(t.constructor.style)?this.style.push(...t.constructor.style):this.style.push(t.constructor.style)),t.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.svgDefs)),t.constructor.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.constructor.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.constructor.svgDefs))}shouldExtend(e,t,i){for(this.extIndex=0;this.extIndex<this.extensions.length;this.extIndex++)if(this.extensions[this.extIndex].shouldExtend(e,t,i))return!0;return!1}getExtension(e,t,i){return this.extensions[this.extIndex].getExtension(e,t,i)}}});var zs,Cc=g(()=>{"use strict";zs=class{_designItemsAssignmentList=new WeakMap;constructor(e){}setPosition(e,t){this._designItemsAssignmentList.set(e,t)}getPosition(e){return this._designItemsAssignmentList.get(e)}}});import{html as Km,BaseCustomWebComponentConstructorAppend as Ym,css as Xm}from"@node-projects/base-custom-webcomponent";var ir,Ec=g(()=>{"use strict";Pe();oe();ir=class extends Ym{_designerView;_previousSelectionRect;_selectionChanged;_relativeButton;_absoluteButton;_applyButton;_inputX;_inputY;_inputR;_inputSpacingX;_inputSpacingY;_originTopLeft;_originTopMid;_originTopRight;_originMidLeft;_originMidMid;_originMidRight;_originBotLeft;_originBotMid;_originBotRight;_transformMode;_transformOrigin;static style=Xm`.container{width:220px;min-height:200px;color:#fff;background-color:#404040;border:1px solid #000}header{text-align:center}.inputs{float:left;margin-top:5px;align-items:center}.input{display:flex;align-items:center;margin-top:5px}.text{margin-left:5px;font-size:14px}.strokecolor{float:both}.fillbrush{float:both}.strokethickness{float:both}#input-div{display:grid;grid-template-columns:1fr 9fr;grid-template-rows:25px 25px 25px;grid-row-gap:2px;font-size:small;margin:10px}#button-div{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25px;font-size:small;margin:10px;grid-column-gap:5px}#apply-div{font-size:small;justify-content:center;width:100%;margin-top:10px;margin-bottom:10px;display:flex}#cube{display:grid;grid-template-columns:20px 20px 20px;grid-template-rows:20px 20px 20px;grid-gap:10px;padding:10px;top:-80px;position:relative}#cube-background{width:60px;height:60px;background:gray;margin-top:20px;margin-left:20px}#spacing-div{display:inline-grid;grid-template-rows:20px 20px;grid-template-columns:95px 95px;gap:5px;justify-content:center;align-items:center;width:100%}`;static template=Km`<div class="container"><header><h2 id="title" style="margin:0">Transform</h2></header><main id="content-area"><div id="input-div"><span>X:</span> <input type="number" id="transform-input-x"> <span>Y:</span> <input type="number" id="transform-input-y"> <span>R:</span> <input type="number" id="transform-input-r"></div><div id="button-div"><button id="transform-button-absolute">absolute</button> <button id="transform-button-relative">relative</button></div><div id="spacing-div"><span>X spacing</span> <span>Y spacing</span> <input type="number" id="spacing-input-x"> <input type="number" id="spacing-input-y"></div><div style="justify-content:center;display:grid;height:100px"><div id="cube-background"></div><div id="cube"><input id="origin-top-left" type="radio" name="origin-radio"> <input id="origin-top-mid" type="radio" name="origin-radio"> <input id="origin-top-right" type="radio" name="origin-radio"> <input id="origin-mid-left" type="radio" name="origin-radio"> <input id="origin-mid-mid" type="radio" name="origin-radio" checked="checked"> <input id="origin-mid-right" type="radio" name="origin-radio"> <input id="origin-bot-left" type="radio" name="origin-radio"> <input id="origin-bot-mid" type="radio" name="origin-radio"> <input id="origin-bot-right" type="radio" name="origin-radio"></div></div><div id="apply-div"><button id="transform-button-apply" style="width:100px">apply</button></div></main></div>`;constructor(){super(),this._relativeButton=this._getDomElement("transform-button-relative"),this._absoluteButton=this._getDomElement("transform-button-absolute"),this._applyButton=this._getDomElement("transform-button-apply"),this._inputX=this._getDomElement("transform-input-x"),this._inputY=this._getDomElement("transform-input-y"),this._inputR=this._getDomElement("transform-input-r"),this._inputSpacingX=this._getDomElement("spacing-input-x"),this._inputSpacingY=this._getDomElement("spacing-input-y"),this._originTopLeft=this._getDomElement("origin-top-left"),this._originTopMid=this._getDomElement("origin-top-mid"),this._originTopRight=this._getDomElement("origin-top-right"),this._originMidLeft=this._getDomElement("origin-mid-left"),this._originMidMid=this._getDomElement("origin-mid-mid"),this._originMidRight=this._getDomElement("origin-mid-right"),this._originBotLeft=this._getDomElement("origin-bot-left"),this._originBotMid=this._getDomElement("origin-bot-mid"),this._originBotRight=this._getDomElement("origin-bot-right"),this._relativeButton.onclick=()=>this._changePositionMode("relative"),this._absoluteButton.onclick=()=>this._changePositionMode("absolute"),this._applyButton.onclick=()=>this._applyTransform(),this._transformMode="relative",this._changePositionMode(this._transformMode)}_changePositionMode(e){e=="relative"?(this._relativeButton.style.backgroundColor="#6F8A9D",this._relativeButton.style.color="black",this._absoluteButton.style.backgroundColor="#A4B5C1",this._absoluteButton.style.color="#77716E"):(this._absoluteButton.style.backgroundColor="#6F8A9D",this._absoluteButton.style.color="black",this._relativeButton.style.backgroundColor="#A4B5C1",this._relativeButton.style.color="#77716E"),this._transformMode=e}_applyTransform(){this._checkOrigin(),this._designerView=this.getRootNode().host.designerView;let e=this._designerView.instanceServiceContainer.selectionService.selectedElements;if(e=ae(e),this._selectionChanged=!1,this._designerView.instanceServiceContainer.selectionService.onSelectionChanged.once(()=>{this._selectionChanged=!0,this._previousSelectionRect=null}),e.length!=0){let t={x:isNaN(this._inputX.valueAsNumber)?null:this._inputX.valueAsNumber,y:isNaN(this._inputY.valueAsNumber)?null:this._inputY.valueAsNumber},i=this._inputR.valueAsNumber?this._inputR.valueAsNumber:0,r=e[0].openGroup("Transform selection");(!this._previousSelectionRect||this._selectionChanged)&&(this._previousSelectionRect=kt(e,this._designerView.designerCanvas));let s=this._calculateTransformOriginPosition(this._previousSelectionRect);for(let o of e){let a={x:parseFloat(o.getStyle("left")),y:parseFloat(o.getStyle("top")),width:parseFloat(o.getStyle("width")),height:parseFloat(o.getStyle("height"))},l=o.getStyle("transform"),c=0;l&&(c=parseFloat(o.getStyle("transform").replaceAll("rotate(","").replaceAll("deg)","")));let h=this._calculateTransform(this._previousSelectionRect,s,a,i,t,this._transformMode);o.setStyle("left",h.x.toString()+"px"),o.setStyle("top",h.y.toString()+"px");let d;for(this._transformMode=="relative"?d=c+i:d=i;d>=360;)d-=360;d!=0?o.setStyle("transform","rotate("+d+"deg)"):o.removeStyle("transform")}this._applySpacing(e),r.commit()}}_calculateTransformOriginPosition(e){switch(this._transformOrigin){case"topLeft":return{x:e.x,y:e.y};case"topMid":return{x:e.x+e.width/2,y:e.y};case"topRight":return{x:e.x+e.width,y:e.y};case"midLeft":return{x:e.x,y:e.y+e.height/2};case"midMid":return{x:e.x+e.width/2,y:e.y+e.height/2};case"midRight":return{x:e.x+e.width,y:e.y+e.height/2};case"botLeft":return{x:e.x,y:e.y+e.height};case"botMid":return{x:e.x+e.width/2,y:e.y+e.height};case"botRight":return{x:e.x+e.width,y:e.y+e.height}}}_checkOrigin(){this._originTopLeft.checked?this._transformOrigin="topLeft":this._originTopMid.checked?this._transformOrigin="topMid":this._originTopRight.checked?this._transformOrigin="topRight":this._originMidLeft.checked?this._transformOrigin="midLeft":this._originMidMid.checked?this._transformOrigin="midMid":this._originMidRight.checked?this._transformOrigin="midRight":this._originBotLeft.checked?this._transformOrigin="botLeft":this._originBotMid.checked?this._transformOrigin="botMid":this._originBotRight.checked&&(this._transformOrigin="botRight")}_calculateTransform(e,t,i,r,s,o){let a;r=r*(Math.PI/180),o=="absolute"&&(s.x&&(s.x=s.x-e.x),s.y&&(s.y=s.y-e.y)),t={x:t.x-i.width/2,y:t.y-i.height/2};let l={x:i.x-t.x,y:i.y-t.y};return a={x:Math.cos(r)*l.x-Math.sin(r)*l.y+t.x+s.x,y:Math.sin(r)*l.x+Math.cos(r)*l.y+t.y+s.y},a}_applySpacing(e){let t=this._inputSpacingX.valueAsNumber,i=this._inputSpacingY.valueAsNumber;if(!isNaN(t)){let r=e.sort((o,a)=>parseFloat(o.getStyle("left"))-parseFloat(a.getStyle("left"))),s=parseFloat(r[0].getStyle("left"));for(let o=0;o<r.length;o++)r[o].setStyle("left",o*t+s+"px")}if(!isNaN(i)){let r=e.sort((o,a)=>parseFloat(o.getStyle("top"))-parseFloat(a.getStyle("top"))),s=parseFloat(r[0].getStyle("top"));for(let o=0;o<r.length;o++)r[o].setStyle("top",o*i+s+"px")}}};customElements.define("node-projects-designer-transform-tool-popup",ir)});var Bs,Ac=g(()=>{"use strict";$e();te();Ec();Bs=class{provideButton(e){let t=new ue(e,{"":{icon:b+"images/tools/TransformTool.svg"}});return t.popup=ir,t}}});var Vs,Pc=g(()=>{"use strict";oe();Pe();ie();J();Vs=class extends z{_line1;_line2;_line3;_line4;_designerView;constructor(e,t,i){super(e,t,i),this._designerView=t}extend(){this.refresh()}refresh(){let e=this._designerView.instanceServiceContainer.selectionService.selectedElements;if(e.length>1){e=ae(e);let t=kt(e,this._designerView);this._line1=this._drawLine(t.x,t.y,t.x+t.width,t.y,"svg-multiple-rect-selection",this._line1,k.Background),this._line2=this._drawLine(t.x+t.width,t.y,t.x+t.width,t.y+t.height,"svg-multiple-rect-selection",this._line2,k.Background),this._line3=this._drawLine(t.x+t.width,t.y+t.height,t.x,t.y+t.height,"svg-multiple-rect-selection",this._line3,k.Background),this._line4=this._drawLine(t.x,t.y+t.height,t.x,t.y,"svg-multiple-rect-selection",this._line4,k.Background),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString()}}dispose(){this._removeAllOverlays()}}});import{css as Zm}from"@node-projects/base-custom-webcomponent";var Hs,Ic=g(()=>{"use strict";Pc();Hs=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new Vs(e,t,i)}static style=Zm`.svg-multiple-rect-selection{stroke:#909090;stroke-dasharray:3;fill:transparent;stroke-width:2}`}});var Ws,Dc=g(()=>{"use strict";ee();Ve();te();Ws=class{_dragOverExtensionItem;_oldX;_oldY;_currentDragDropFormatNameElementDefinition;constructor(){window.addEventListener("dragstart",e=>{let t=e.dataTransfer;if(!t)return;let i=t.setData.bind(t);t.setData=(r,s)=>(r==ti&&(this._currentDragDropFormatNameElementDefinition=s),i(r,s))},!0),window.addEventListener("dragend",e=>{this._currentDragDropFormatNameElementDefinition=null},!0)}dragEnter(e,t){}dragLeave(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null)}async dragOver(e,t){if(e.readOnly){t.dataTransfer.dropEffect="none";return}let i=null,r=t.dataTransfer.getData(ti);if(r||(r=this._currentDragDropFormatNameElementDefinition),r){let o=JSON.parse(r);o&&(i=await e.serviceContainer.forSomeServicesTillResult("instanceService",a=>a.getElement(o,e.serviceContainer,e.instanceServiceContainer)))}let[s]=this.getPossibleContainerForDragDrop(e,t,i?[i]:null);s||(s=e.rootDesignItem),this._dragOverExtensionItem!=s?(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerExternalDragOverAndCanBeEntered),e.extensionManager.applyExtension(s,C.ContainerExternalDragOverAndCanBeEntered,t),this._dragOverExtensionItem=s):t.x!=this._oldX&&t.y!=this._oldY&&(this._oldX=t.x,this._oldY=t.y,e.extensionManager.refreshExtension(s,C.ContainerExternalDragOverAndCanBeEntered,t))}async drop(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null);let i=t.dataTransfer.getData(ti),r=JSON.parse(i),s=await e.serviceContainer.forSomeServicesTillResult("instanceService",f=>f.getElement(r,e.serviceContainer,e.instanceServiceContainer)),[o]=this.getPossibleContainerForDragDrop(e,t,[s]);o||(o=e.rootDesignItem);let a=s.openGroup("Insert of &lt;"+s.name+"&gt;"),l=e.serviceContainer.getLastServiceWhere("containerService",f=>f.serviceForContainer(o,o.getComputedStyle(),s));l.enterContainer(o,[s],"drop");let c=e.getNormalizedElementCoordinates(o.element),h=e.getNormalizedEventCoordinates(t),d={x:h.x-c.x,y:h.y-c.y},p={x:0,y:0};r.mouseOffset&&(p=r.mouseOffset),l.place(t,e,o,p,{x:0,y:0},d,[s]),l.finishPlace(t,e,o,p,{x:0,y:0},d,[s]),requestAnimationFrame(()=>{e.instanceServiceContainer.selectionService.setSelectedElements([s],t),a.commit()})}getPossibleContainerForDragDrop(e,t,i){let r=null,s=null,o=e.elementsFromPoint(t.clientX,t.clientY);for(let a of o)if(a==e.rootDesignItem.element){r=e.rootDesignItem;let l=getComputedStyle(r.element);s=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(r,l));break}else{r=M.GetOrCreateDesignItem(a,a,e.serviceContainer,e.instanceServiceContainer);let l=getComputedStyle(r.element);if(s=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(r,l)),s){if(i&&s.canEnter(r,i)&&!(r.element instanceof r.window.SVGElement))break;if(!i&&s.isEnterableContainer(r)&&!(r.element instanceof r.window.SVGElement))break;r=null,s=null;continue}}return[r,s]}}});var Ce,rr=g(()=>{"use strict";Ce=class n{constructor(){}static _windowEvents=[{name:"afterprint",propertyName:"onafterprint",eventObjectName:"Event"},{name:"beforeprint",propertyName:"onbeforeprint",eventObjectName:"Event"},{name:"beforeunload",propertyName:"onbeforeunload",eventObjectName:"Event"},{name:"error",propertyName:"onerror",eventObjectName:"Event"},{name:"load",propertyName:"onload",eventObjectName:"Event"},{name:"hashchange",propertyName:"onhashchange",eventObjectName:"Event"},{name:"message",propertyName:"onmessage",eventObjectName:"Event"},{name:"offline",propertyName:"onoffline",eventObjectName:"Event"},{name:"online",propertyName:"ononline",eventObjectName:"Event"},{name:"pageshow",propertyName:"onpageshow",eventObjectName:"Event"},{name:"popstate",propertyName:"onpopstate",eventObjectName:"Event"},{name:"resize",propertyName:"onresize",eventObjectName:"Event"},{name:"storage",propertyName:"onstorage",eventObjectName:"Event"},{name:"unload",propertyName:"onunload",eventObjectName:"Event"}];static _allElements=[{name:"contextmenu",propertyName:"oncontextmenu",eventObjectName:"PointerEvent"}];static _focusableEvents=[{name:"blur",propertyName:"onblur",eventObjectName:"FocusEvent"},{name:"focus",propertyName:"onfocus",eventObjectName:"FocusEvent"},{name:"keydown",propertyName:"onkeydown",eventObjectName:"KeyboardEvent"},{name:"keyup",propertyName:"onkeyup",eventObjectName:"KeyboardEvent"}];static _simpleForm=[{name:"input",propertyName:"oninput",eventObjectName:"InputEvent"},{name:"change",propertyName:"onchange",eventObjectName:"Event"}];static _form=[{name:"beforeinput",propertyName:"onbeforeinput",eventObjectName:"InputEvent"},{name:"invalid",propertyName:"oninvalid",eventObjectName:"Event"},{name:"reset",propertyName:"onreset",eventObjectName:"Event"},{name:"select",propertyName:"onselect",eventObjectName:"Event"},{name:"submit",propertyName:"onsubmit",eventObjectName:"SubmitEvent"}];static _simpleMouseEvents=[{name:"click",propertyName:"onclick",eventObjectName:"PointerEvent"},{name:"dblclick",propertyName:"ondblclick",eventObjectName:"MouseEvent"},{name:"wheel",propertyName:"onwheel",eventObjectName:"WheelEvent"},{name:"scroll",propertyName:"onscroll",eventObjectName:"Event"}];static _mouseEvents=[{name:"mousedown",propertyName:"onmousedown",eventObjectName:"MouseEvent"},{name:"mouseup",propertyName:"onmouseup",eventObjectName:"MouseEvent"},{name:"mousemove",propertyName:"onmousemove",eventObjectName:"MouseEvent"},{name:"mouseover",propertyName:"onmouseover",eventObjectName:"MouseEvent"},{name:"mouseout",propertyName:"onmouseout",eventObjectName:"MouseEvent"}];static _pointerEvents=[{name:"pointerdown",propertyName:"onpointerdown",eventObjectName:"PointerEvent"},{name:"pointerup",propertyName:"onpointerup",eventObjectName:"PointerEvent"},{name:"pointerenter",propertyName:"onpointerenter",eventObjectName:"PointerEvent"},{name:"pointerleave",propertyName:"onpointerleave",eventObjectName:"PointerEvent"},{name:"pointermove",propertyName:"onpointermove",eventObjectName:"PointerEvent"},{name:"pointerover",propertyName:"onpointerover",eventObjectName:"PointerEvent"},{name:"pointerout",propertyName:"onpointerout",eventObjectName:"PointerEvent"},{name:"pointercancel",propertyName:"onpointercancel",eventObjectName:"PointerEvent"}];static _touchEvents=[{name:"touchstart",propertyName:"ontouchstart",eventObjectName:"TouchEvent"},{name:"touchend",propertyName:"ontouchend",eventObjectName:"TouchEvent"},{name:"touchmove",propertyName:"ontouchmove",eventObjectName:"TouchEvent"},{name:"touchcancel",propertyName:"ontouchcancel",eventObjectName:"TouchEvent"}];static _dragEvents=[{name:"drag",propertyName:"ondrag",eventObjectName:"DragEvent"},{name:"dragend",propertyName:"ondragend",eventObjectName:"DragEvent"},{name:"dragenter",propertyName:"ondragenter",eventObjectName:"DragEvent"},{name:"dragleave",propertyName:"ondragleave",eventObjectName:"DragEvent"},{name:"dragover",propertyName:"ondragover",eventObjectName:"DragEvent"},{name:"dragstart",propertyName:"ondragstart",eventObjectName:"DragEvent"},{name:"drop",propertyName:"ondrop",eventObjectName:"DragEvent"}];static _clipboard=[{name:"copy",propertyName:"oncopy",eventObjectName:"ClipboardEvent"},{name:"cut",propertyName:"oncut",eventObjectName:"ClipboardEvent"},{name:"paste",propertyName:"onpaste",eventObjectName:"ClipboardEvent"}];static _details=[{name:"toggle",propertyName:"ontoggle",eventObjectName:"Event"}];static _allEvents=[...n._windowEvents,...n._form,...n._simpleMouseEvents,...n._mouseEvents,...n._pointerEvents,...n._touchEvents,...n._allElements,...n._focusableEvents,...n._dragEvents,...n._clipboard,...n._dragEvents];isHandledElementFromEventsService(e){return!0}getPossibleEvents(e){return e.element instanceof e.window.HTMLInputElement||e.element instanceof e.window.HTMLTextAreaElement||e.element instanceof e.window.HTMLSelectElement?[...n._simpleForm,...n._simpleMouseEvents,...n._form,...n._pointerEvents,...n._allElements,...n._focusableEvents]:[...n._simpleMouseEvents,...n._pointerEvents,...n._allElements,...n._focusableEvents]}getEvent(e,t){return n._allEvents.find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}}});import{DomHelper as qm,cssFromString as Qm}from"@node-projects/base-custom-webcomponent";var Gs,kc=g(()=>{"use strict";Gs=class{async provideDemo(e,t,i,r){let s=document.createElement("div"),o=s.attachShadow({mode:"open",serializable:!0});s.style.width="100%",s.style.height="100%",s.style.border="none",s.style.display="none",s.style.overflow="auto",s.style.position="absolute",e.style.position="relative",qm.removeAllChildnodes(e),e.appendChild(s);let a=[];i.designerCanvas.additionalStyles&&a.push(...i.designerCanvas.additionalStyles),i.stylesheetService&&a.push(...i.stylesheetService.getStylesheets().map(l=>Qm(l.content))),o.adoptedStyleSheets=a,o.innerHTML="","setHTMLUnsafe"in o?o.setHTMLUnsafe(r):o.innerHTML=r,s.style.display=""}}});var js,Tc=g(()=>{"use strict";le();Pe();J();js=class{_elementDefinition;_createdItem;_startPosition;_changeGroup;cursor="crosshair";_rect;constructor(e){this._elementDefinition=e}activated(e){}dispose(){this._createdItem&&this._createdItem.element.parentElement.removeChild(this._createdItem.element)}pointerEventHandler(e,t,i){switch(t.type){case S.PointerDown:this._onPointerDown(e,t);break;case S.PointerMove:this._onPointerMove(e,t);break;case S.PointerUp:this._onPointerUp(e,t);break}}keyboardEventHandler(e,t,i){}sizeOverlapThreshold=!1;async _onPointerDown(e,t){let i=e.getNormalizedEventCoordinates(t);t.preventDefault(),this._startPosition={x:i.x,y:i.y},this._changeGroup=e.rootDesignItem.openGroup("Insert Item"),this._createdItem=await e.serviceContainer.forSomeServicesTillResult("instanceService",r=>r.getElement(this._elementDefinition,e.serviceContainer,e.instanceServiceContainer)),this._createdItem.setStyle("position","absolute"),this._createdItem.setStyle("left",R(this._createdItem,i.x)+"px"),this._createdItem.setStyle("top",R(this._createdItem,i.y)+"px"),this._createdItem.setStyle("width","0"),this._createdItem.setStyle("height","0"),e.rootDesignItem.insertChild(this._createdItem),e.instanceServiceContainer.selectionService.clearSelectedElements()}async _onPointerMove(e,t){let i=e.getNormalizedEventCoordinates(t);if(this._createdItem){this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect"),e.overlayLayer.addOverlay(this.constructor.name,this._rect,k.Foreground),this._rect.setAttribute("class","svg-draw-new-element"),this._rect.setAttribute("x",R(this._createdItem,this._startPosition.x)),this._rect.setAttribute("y",R(this._createdItem,this._startPosition.y)));let r=R(this._createdItem,i.x-this._startPosition.x),s=R(this._createdItem,i.y-this._startPosition.y);parseFloat(""+r)>=0&&(this._rect.setAttribute("width",r),this._createdItem.setStyle("width",r+"px")),parseFloat(""+s)>=0&&(this._rect.setAttribute("height",s),this._createdItem.setStyle("height",s+"px")),(parseFloat(""+r)>5||parseFloat(""+s)>5)&&(this.sizeOverlapThreshold=!0)}}async _onPointerUp(e,t){this.sizeOverlapThreshold?(this._changeGroup.commit(),e.instanceServiceContainer.selectionService.setSelectedElements([this._createdItem],t)):this._changeGroup.abort(),e.overlayLayer.removeOverlay(this._rect),this._startPosition=null,this._rect=null,this._createdItem=null,e.serviceContainer.globalContext.finishedWithTool(this)}}});var Us,Mc=g(()=>{"use strict";Us=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");i.className="toolbar-control",i.title="round pixels to";let r=document.createElement("input");return r.type="number",r.step="1",r.min="-1",r.valueAsNumber=e.serviceContainer.options.roundPixelsToDecimalPlaces,r.onchange=()=>e.serviceContainer.options.roundPixelsToDecimalPlaces=r.valueAsNumber,i.appendChild(r),[i]}}});var Ks,Oc=g(()=>{"use strict";qt();pe();me();Ks=class extends Ne{commonMathProperties=[{name:"displaystyle",type:"boolean",service:this,defaultValue:!0,propertyType:v.propertyAndAttribute}];mathProperties=[{name:"display",type:"list",values:["block","inline"],service:this,defaultValue:"text",propertyType:v.propertyAndAttribute}];mfracProperties=[{name:"denomalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:v.propertyAndAttribute},{name:"linethickness",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"numalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:v.propertyAndAttribute}];name="mathml";getRefreshMode(e){return W.full}isHandledElement(e){return e.element instanceof e.window.MathMLElement}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"math":return[...this.commonMathProperties,...this.mathProperties];case"merror":return[...this.commonMathProperties];case"mfrac":return[...this.commonMathProperties,...this.mfracProperties];default:return[...this.commonMathProperties]}}}});function $m(n){return n instanceof SVGRectElement?[{x:n.x.baseVal.value,y:n.y.baseVal.value},{x:n.x.baseVal.value+n.width.baseVal.value,y:n.y.baseVal.value},{x:n.x.baseVal.value+n.width.baseVal.value,y:n.y.baseVal.value+n.height.baseVal.value},{x:n.x.baseVal.value,y:n.y.baseVal.value+n.height.baseVal.value}]:n instanceof SVGLineElement?[{x:n.x1.baseVal.value,y:n.y1.baseVal.value},{x:n.x2.baseVal.value,y:n.y2.baseVal.value}]:null}var Ys,Lc=g(()=>{"use strict";le();ie();J();Ys=class extends z{constructor(e,t,i){super(e,t,i)}_parentRect;_svgElement;_circles=[];_points;_startPoint;_startPos;extend(){this._parentRect=this.extendedItem.element.parentElement.getBoundingClientRect(),this._svgElement=this.extendedItem.node,this.refresh()}refresh(){let e=$m(this._svgElement);if(e&&this._valuesHaveChanges(this.designerCanvas.scaleFactor,...e.map(t=>t.x),...e.map(t=>t.y))){this._points=e;for(let t=0;t<this._points.length;t++)this._circles[t]=this._drawPathCircle(t,this._circles[t])}}dispose(){this._removeAllOverlays()}_drawPathCircle(e,t){let i=this._drawCircle((this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+this._points[e].x,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+this._points[e].y,5/this.designerCanvas.scaleFactor,"svg-path",t,k.Foreground);return i.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),t||(i.addEventListener(S.PointerDown,r=>this.pointerEvent(r,e,i)),i.addEventListener(S.PointerMove,r=>this.pointerEvent(r,e,i)),i.addEventListener(S.PointerUp,r=>this.pointerEvent(r,e,i))),i}pointerEvent(e,t,i,r){e.stopPropagation(),e.preventDefault();let s=this.designerCanvas.getNormalizedEventCoordinates(e),o=this._points[t];switch(e.type){case S.PointerDown:e.target.setPointerCapture(e.pointerId),this._startPos=s,this._startPoint={...o};break;case S.PointerMove:if(this._startPos&&e.buttons>0){let a=this._startPos.x-s.x,l=this._startPos.y-s.y;e.shiftKey&&(Math.abs(a)<Math.abs(l)?a=0:l=0),o.x=this._startPoint.x-a,o.y=this._startPoint.y-l,this.modifyElementPoint(this._svgElement,t,o),this.designerCanvas.extensionManager.refreshAllExtensions([this.extendedItem],this)}break;case S.PointerUp:e.target.releasePointerCapture(e.pointerId),this._startPos=null;break}}modifyElementPoint(e,t,i){e instanceof SVGRectElement?(t==1?(this._points[0].y=i.y,this._points[2].x=i.x):t==3&&(this._points[2].y=i.y,this._points[0].x=i.x),e.x.baseVal.value=this._points[0].x,e.y.baseVal.value=this._points[0].y,e.width.baseVal.value=this._points[2].x-this._points[0].x,e.height.baseVal.value=this._points[2].y-this._points[0].y):e instanceof SVGLineElement&&(e.x1.baseVal.value=this._points[0].x,e.y1.baseVal.value=this._points[0].y,e.x2.baseVal.value=this._points[1].x,e.y2.baseVal.value=this._points[1].y)}_getMinMaxValues(e){let t={xMin:0,xMax:0,yMin:0,yMax:0};for(let i=0;i<e.length-2;i++)e[i]<e[i+1]&&i<=3?t.xMin=e[i]:e[i]<e[i+1]&&i>3&&i<=7&&(t.yMin=e[i]),e[i]>e[i+1]&&i<=3?t.xMax=e[i]:e[i]>e[i+1]&&i>3&&i<=8&&(t.yMax=e[i]);return t}}});var Xs,Nc=g(()=>{"use strict";li();Lc();Xs=class{shouldExtend(e,t,i){return i.node instanceof SVGRectElement||i.node instanceof SVGLineElement||i.node instanceof SVGCircleElement||i.node instanceof SVGPathElement?sn(i.node):!1}getExtension(e,t,i){return new Ys(e,t,i)}}});var ut,Rc=g(()=>{"use strict";ut=class{constructor(e,t,i=!1){this.extensionProvider=e,this.condition=t,this.style=e.style??e.constructor.style,this.svgDefs=e.svgDefs??e.constructor.svgDefs}extensionProvider;condition;style;svgDefs;shouldExtend(e,t,i){return this.condition(i,t)?this.extensionProvider.shouldExtend(e,t,i):!1}getExtension(e,t,i){return this.extensionProvider.getExtension(e,t,i)}}});var et,Te,je=g(()=>{"use strict";te();ie();be();et="basicStackedToolbarExtensionShowOverlay",Te=class n extends z{static basicTemplate=zh`<select title="position" id="position" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>static</option><option>relative</option><option>absolute</option><option>fixed</option></select><node-projects-image-button-list-selector id="inline" no-value-in-header property="inline"><img data-value="block" title="block" src="${b}images/display/block.svg"> <img data-value="inline" title="inline" src="${b}images/display/inline.svg"></node-projects-image-button-list-selector><select title="display" id="displayType" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>block</option><option>flex</option><option>grid</option></select>`;static toolBars=[];_toolbar;_size={width:220,height:30};_display;_inline;constructor(e,t,i){super(e,t,i)}extend(e,t){let i=getComputedStyle(this.extendedItem.element);this._display=i.display.replace("inline-","").replace("inline","block"),this._inline=i.display.startsWith("inline")?"inline":"block",this._toolbar=this.createToolbar(this.constructor.template,this._size.width,this._size.height),n.toolBars.push(this._toolbar);let r=this._toolbar.getById("position");r&&(r.value=i.position,r.onchange=async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("position",r.value),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let s=this._toolbar.getById("displayType");s&&(s.value=this._display,s.onchange=async()=>{this._display=s.value,await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let o=this._toolbar.getById("inline");o&&(o.value=this._inline,o.addEventListener("value-changed",async()=>{this._inline=o.value,this._inline&&i.position==="absolute"&&this.extendedItem.setStyle("position","static"),await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])}))}async updateDisplayValue(){let e=(this._inline=="inline"?"inline ":"")+this._display;e==="inline block"&&(e="inline"),await this.extendedItem.updateStyleInSheetOrLocalAsync("display",e)}refresh(e,t){if(t){let i=this.designerCanvas.getNormalizedEventCoordinates(t),r=0;for(let s=0;s<n.toolBars.length-1&&n.toolBars[s]!==this._toolbar;s++)r+=this._toolbar.children[0].getBoundingClientRect().height+4;this._toolbar.updatePosition({x:i.x-16/this.designerCanvas.zoomFactor,y:i.y-r-(this._size.height+14)/this.designerCanvas.zoomFactor})}}_addStyleButton(e){let t=getComputedStyle(this.extendedItem.element),i=this._toolbar.getById(e);i.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync(e,i.value)}),i.value=t[e]}dispose(){n.toolBars.splice(n.toolBars.indexOf(this._toolbar),1),this._removeAllOverlays()}}});import{html as Jm}from"@node-projects/base-custom-webcomponent";var Zs,Fc=g(()=>{"use strict";je();te();Zs=class extends Te{static template=Jm`<div style="height:100%;width:100%">${Te.basicTemplate} <select title="display" id="gridType" style="pointer-events:auto;height:24px;width:60px;padding:0;margin-right:10px"><option>1x1</option><option>1x16</option><option>2x8</option><option>4x4</option><option>8x2</option><option>16x1</option><option>custom</option></select><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="center" data-value="center" src="${b}images/chromeDevtools/align-content-center-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-items" no-value-in-header id="justify-items"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=624}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridType"),s=document.createElement("option");s.innerText=i.gridTemplateColumns.split(" ").length+"x"+i.gridTemplateRows.split(" ").length,r.insertAdjacentElement("afterbegin",s),r.selectedIndex=0,r.onchange=async()=>{if(r.value=="custom"){let o=prompt("Number of columns?","4");if(!o)return;let a=prompt("Number of rows?","4");if(!a)return;let l=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+o+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+a+", 1fr)"),l.commit()}else{let o=r.value.split("x"),a=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+o[0]+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+o[1]+", 1fr)"),a.commit()}},this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this._addStyleButton("justify-items"),this.refresh(e,t)}}});var qs,zc=g(()=>{"use strict";Fc();Q();je();qs=class{shouldExtend(e,t,i){if(i.nodeType===I.Element){let r=getComputedStyle(i.element).display;if(r==="grid"||r==="inline-grid")return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new Zs(e,t,i)}}});import{html as eu}from"@node-projects/base-custom-webcomponent";var Qs,Bc=g(()=>{"use strict";te();je();Qs=class extends Te{static template=eu`<div style="height:100%;width:100%">${Te.basicTemplate}<node-projects-image-button-list-selector property="direction" no-value-in-header id="flex-direction"><img title="row" data-value="row" src="${b}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column" data-value="column" src="${b}images/chromeDevtools/flex-direction-column-icon.svg"> <img title="row-reverse" data-value="row-reverse" style="transform:scaleX(-1)" src="${b}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column-reverse" data-value="column-reverse" style="transform:scaleY(-1)" src="${b}images/chromeDevtools/flex-direction-column-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="wrap" no-value-in-header id="flex-wrap"><img title="nowrap" data-value="nowrap" src="${b}images/chromeDevtools/flex-wrap-nowrap-icon.svg"> <img title="wrap" data-value="wrap" src="${b}images/chromeDevtools/flex-wrap-wrap-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-content-flex-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-content-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-content-flex-end-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=625}extend(e,t){super.extend(e,t),this._addFlexDirectionButton(),this._addStyleButton("flex-wrap"),this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this.refresh(e,t)}_addFlexDirectionButton(){let e=getComputedStyle(this.extendedItem.element),t=this._toolbar.getById("flex-direction");t.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("flex-direction",t.value),this.rotateImagesAcordingFlexDirection(t.value)}),t.value=e["flex-direction"],this.rotateImagesAcordingFlexDirection(t.value)}rotateImagesAcordingFlexDirection(e){let t=0;(e=="column"||e=="column-reverse")&&(t=-90),this._toolbar.getById("flex-wrap").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("justify-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-items").querySelectorAll("img:nth-child(-n+4)").forEach(i=>i.style.rotate=t+"deg")}}});var $s,Vc=g(()=>{"use strict";Bc();Q();je();$s=class{shouldExtend(e,t,i){if(i.nodeType===I.Element){let r=getComputedStyle(i.element).display;if(r==="flex"||r==="inline-flex")return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new Qs(e,t,i)}}});import{html as tu}from"@node-projects/base-custom-webcomponent";var Js,Hc=g(()=>{"use strict";je();Js=class extends Te{static template=tu`<div style="height:100%;width:100%">${Te.basicTemplate}</div>`;constructor(e,t,i){super(e,t,i)}extend(e,t){super.extend(e,t),this.refresh(e,t)}}});var eo,Wc=g(()=>{"use strict";Hc();Q();je();eo=class{shouldExtend(e,t,i){if(i.nodeType===I.Element){let r=getComputedStyle(i.element).display;if(r==="block"||r==="inline"||r==="inline-block")return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new Js(e,t,i)}}});var Wt,Gc=g(()=>{"use strict";ls();Wt=class{_title;_contextMenus;constructor(e,...t){this._title=e,this._contextMenus=t}shouldProvideContextmenu(e,t,i,r){return this._contextMenus.some(s=>!(s instanceof ke)&&s.shouldProvideContextmenu(e,t,i,r))}provideContextMenuItems(e,t,i,r){return[{title:this._title,children:this._contextMenus.map(s=>s.shouldProvideContextmenu(e,t,i,r)?s.provideContextMenuItems(e,t,i,r):[]).flat()}]}}});import{html as iu}from"@node-projects/base-custom-webcomponent";var to,jc=g(()=>{"use strict";te();je();to=class extends Te{static template=iu`<div style="height:100%;width:100%"><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">column:</span> <input type="text" title="column" id="gridColumn" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:5px"></div><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">row:</span> <input type="text" title="column" id="gridRow" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:10px"></div><node-projects-image-button-list-selector property="align-self" no-value-in-header id="align-self"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-items-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-self" no-value-in-header id="justify-self"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=250}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridColumn");r&&(r.value=i.gridColumn,r.onkeyup=async o=>{o.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridColumn",r.value)});let s=this._toolbar.getById("gridRow");s&&(s.value=i.gridColumn,s.onkeyup=async o=>{o.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridRow",s.value)}),this._addStyleButton("align-self"),this._addStyleButton("justify-self"),this.refresh(e,t)}}});var io,Uc=g(()=>{"use strict";Q();jc();je();io=class{shouldExtend(e,t,i){if(i.nodeType===I.Element&&i.parent){let r=i.parent?.getComputedStyle();if(r!=null&&(r.display==="grid"||r.display==="inline-grid"))return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new to(e,t,i)}}});var ro,Kc=g(()=>{"use strict";je();Tt();ro=class extends Re{constructor(){super(et,"T","show Toolbars")}}});var no,Yc=g(()=>{"use strict";ie();J();no=class extends z{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.padding!=="0px"){let r=Number.parseFloat(i.paddingLeft.replace("px","")),s=Number.parseFloat(i.paddingTop.replace("px","")),o=Number.parseFloat(i.paddingRight.replace("px","")),a=Number.parseFloat(i.paddingBottom.replace("px",""));if(r+=Number.parseFloat(i.borderLeftWidth.replace("px","")),s+=Number.parseFloat(i.borderTopWidth.replace("px","")),o+=Number.parseFloat(i.borderRightWidth.replace("px","")),a+=Number.parseFloat(i.borderBottomWidth.replace("px","")),!isNaN(r)&&!isNaN(s)&&!isNaN(o)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,s,o,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"content",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(d=>d.x+","+d.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(d=>d.x+","+d.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-padding-fill",this._path,k.Background),this._path2=this._drawPath(h,"svg-padding",this._path2,k.Background)}}}}dispose(){this._removeAllOverlays()}}});import{css as md}from"@node-projects/base-custom-webcomponent";var so,Xc=g(()=>{"use strict";Q();Yc();li();so=class{shouldExtend(e,t,i){return i.nodeType==I.Element}getExtension(e,t,i){return new no(e,t,i)}static style=md`.svg-padding{fill:#32cd3266;fill-rule:evenodd}`;style=md`.svg-padding-fill{fill:#32cd3266;fill-rule:evenodd}.svg-padding{fill:#32cd32FF;fill-rule:evenodd;mask:url(#mask-stripe-padding)}`;static svgDefs=ai`<pattern id="pattern-stripe-padding" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-padding"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-padding)"></mask>`}});var oo,Zc=g(()=>{"use strict";le();pi();ie();oo=class extends z{_actionModeStarted;_initialPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialComputedTransformOrigins;_initialTransformOrigins;_styleBackup;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p4.x,i.p4.y,i.p3.x,i.p3.y)&&(this._circle1=this._drawResizerOverlay(i.p1.x,i.p1.y,"nw-resize",this._circle1),this._circle2=this._drawResizerOverlay(i.p1.x+(i.p2.x-i.p1.x)/2,i.p1.y+(i.p2.y-i.p1.y)/2,"n-resize",this._circle2),this._circle3=this._drawResizerOverlay(i.p2.x,i.p2.y,"ne-resize",this._circle3),this._circle4=this._drawResizerOverlay(i.p1.x+(i.p4.x-i.p1.x)/2,i.p1.y+(i.p4.y-i.p1.y)/2,"w-resize",this._circle4),this._circle5=this._drawResizerOverlay(i.p4.x,i.p4.y,"sw-resize",this._circle5),this._circle6=this._drawResizerOverlay(i.p4.x+(i.p3.x-i.p4.x)/2,i.p4.y+(i.p3.y-i.p4.y)/2,"s-resize",this._circle6),this._circle8=this._drawResizerOverlay(i.p2.x+(i.p3.x-i.p2.x)/2,i.p2.y+(i.p3.y-i.p2.y)/2,"e-resize",this._circle8),this._circle7=this._drawResizerOverlay(i.p3.x,i.p3.y,"se-resize",this._circle7))}_drawResizerOverlay(e,t,i,r){let s=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-grid-resizer",r);return s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(s.addEventListener(S.PointerDown,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerMove,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerUp,o=>this._pointerActionTypeResize(s,o,i))),s.style.cursor=i,s}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case S.PointerDown:this._styleBackup=this.extendedItem.element.getAttribute("style"),t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._actionModeStarted=i,this._initialComputedTransformOrigins=[],this._initialTransformOrigins=[];let s=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ").map(f=>parseFloat(f.replace("px",""))),o=new DOMPoint(s[0],s[1]);this._initialComputedTransformOrigins.push(o),this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin);break;case S.PointerMove:if(this._initialPoint){let f=0,m=0,u=0,y=0,x=Qe(this.extendedItem.parent),_=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.parent.element),w=this.designerCanvas.getNormalizedEventCoordinates(t),A=getComputedStyle(this.extendedItem.element);if(this.extendedItem.element.style.gridColumnStart=A.gridColumnStart,this.extendedItem.element.style.gridColumnEnd=A.gridColumnEnd==="auto"?""+(parseInt(A.gridColumnStart)+1):A.gridColumnEnd,this.extendedItem.element.style.gridRowStart=A.gridRowStart,this.extendedItem.element.style.gridRowEnd=A.gridRowEnd==="auto"?""+(parseInt(A.gridRowStart)+1):A.gridRowEnd,this._actionModeStarted=="nw-resize"||this._actionModeStarted=="w-resize"||this._actionModeStarted=="sw-resize"){for(let P=0;P<x.cells.length;P++){let T=x.cells[P][0],N=f+T.width/2;w.x>_.x+N&&(u=P),f+=T.width+x.xGap}this.extendedItem.element.style.gridColumnStart=""+(u+2)}if(this._actionModeStarted=="nw-resize"||this._actionModeStarted=="n-resize"||this._actionModeStarted=="ne-resize"){for(let P=0;P<x.cells.length;P++){let T=x.cells[P][0],N=m+T.height/2;w.y>_.y+N&&(y=P),m+=T.height+x.yGap}this.extendedItem.element.style.gridRowStart=""+(y+2)}if(this._actionModeStarted=="se-resize"||this._actionModeStarted=="e-resize"||this._actionModeStarted=="ne-resize"){for(let P=0;P<x.cells.length;P++){let T=x.cells[P][0],N=f+T.width/2;w.x>_.x+N&&(u=P),f+=T.width+x.xGap}this.extendedItem.element.style.gridColumnEnd=""+(u+2)}if(this._actionModeStarted=="sw-resize"||this._actionModeStarted=="s-resize"||this._actionModeStarted=="se-resize"){for(let P=0;P<x.cells[0].length;P++){let T=x.cells[0][P],N=m+T.height/2;w.y>_.y+N&&(y=P),m+=T.height+x.yGap}this.extendedItem.element.style.gridRowEnd=""+(y+2)}let D=[this.extendedItem,this.extendedItem.parent];this.extensionManager.refreshExtensions(D)}break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId);let a=getComputedStyle(this.extendedItem.element),l=a.gridColumnStart,c=a.gridColumnEnd,h=a.gridRowStart,d=a.gridRowEnd;this._styleBackup?this.extendedItem.element.setAttribute("style",this._styleBackup):this.extendedItem.element.removeAttribute("style");let p=this.extendedItem.openGroup("Resize &lt;"+this.extendedItem.name+"&gt;");this.extendedItem.setStyle("gridColumnStart",l),this.extendedItem.setStyle("gridColumnEnd",c),this.extendedItem.setStyle("gridRowStart",h),this.extendedItem.setStyle("gridRowEnd",d),p.commit(),this._initialPoint=null;break}}dispose(){this._removeAllOverlays()}}});import{css as ru}from"@node-projects/base-custom-webcomponent";var ao,qc=g(()=>{"use strict";Q();Zc();ao=class{shouldExtend(e,t,i){return i.nodeType===I.Element&&i.parent?.nodeType===I.Element&&getComputedStyle(i.parent.element).display==="grid"}getExtension(e,t,i){return new oo(e,t,i)}static style=ru`.svg-grid-resizer{stroke:#3899ec;fill:#fff;pointer-events:auto}`}});var lo,Qc=g(()=>{"use strict";ht();Q();te();lo=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:i?.instanceServiceContainer.selectionService.selectedElements.length>1?!i?.isRootItem&&i?.nodeType==I.Element:!1}provideContextMenuItems(e,t,i){return[{title:"align left",icon:`<img src="${b+"icons/alignHorizontalLeft.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeLeft})}},{title:"align center",icon:`<img src="${b+"icons/alignHorizontalCenter.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeCenter})}},{title:"align right",icon:`<img src="${b+"icons/alignHorizontalRight.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeRight})}},{title:"distribute horizontal",icon:`<img src="${b+"icons/horizontalDistribute.svg"}">`,action:()=>{t.executeCommand({type:E.distributeHorizontal})}},{title:"align top",icon:`<img src="${b+"icons/alignVerticalTop.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeTop})}},{title:"align middle",icon:`<img src="${b+"icons/alignVerticalCenter.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeMiddle})}},{title:"align bottom",icon:`<img src="${b+"icons/alignVerticalBottom.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeBottom})}},{title:"distribute vertical",icon:`<img src="${b+"icons/verticalDistribute.svg"}">`,action:()=>{t.executeCommand({type:E.distributeVertical})}}]}}});var co,$c=g(()=>{"use strict";pe();me();Ae();_e();co=class extends q{name="webcomponent";getRefreshMode(e){return W.full}isHandledElement(e){let t=e.element.constructor?.observedAttributes;return!!(t&&t.length>0)}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){return(e.element.constructor?.observedAttributes).map(i=>({name:F.dashToCamelCase(i),type:"string",service:this,propertyType:v.propertyAndAttribute}))}}});var ho,Jc=g(()=>{"use strict";ie();ho=class extends z{constructor(e,t,i){super(e,t,i)}_path;_rect;_clickRect;_g;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p2.x)&&this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,this.designerCanvas.scaleFactor)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI,s=15/this.designerCanvas.scaleFactor;this._rect=this._drawRect(0,0,s,s,"svg-previous-select",this._rect),this._clickRect=this._drawRect(0,0,s,s,"svg-invisible",this._clickRect),this._g||(this._g=document.createElementNS("http://www.w3.org/2000/svg","g"),this._g.setAttribute("class","svg-previous-select"),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("d","m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"),this._g.appendChild(this._rect),this._g.appendChild(this._path),this._addOverlay(this._g),this._clickRect.onpointerdown=o=>{o.preventDefault(),o.stopPropagation(),this.extendedItem.instanceServiceContainer.selectionService.setSelectedElements([this.extendedItem.parent])},this._clickRect.onpointermove=o=>{o.preventDefault(),o.stopPropagation()},this._g.appendChild(this._clickRect)),this._path.style.scale=(.6/this.designerCanvas.scaleFactor).toString(),this._g.style.translate=i.p2.x-14.5/this.designerCanvas.scaleFactor+"px "+(i.p2.y-15/this.designerCanvas.scaleFactor)+"px",this._g.style.rotate=r+"deg",this._g.style.transformOrigin="100% 100%",this._g.style.transformBox="fill-box"}}dispose(){this._removeAllOverlays()}}});import{css as nu}from"@node-projects/base-custom-webcomponent";var po,eh=g(()=>{"use strict";Jc();po=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new ho(e,t,i)}static style=nu`rect.svg-previous-select{stroke:none;fill:#3899ec;pointer-events:auto}g.svg-previous-select{fill:#fff;pointer-events:auto}`}});var mo,th=g(()=>{"use strict";Q();mo=class{shouldProvideContextmenu(e,t,i,r){return i!=null&&i.nodeType==I.Element}provideContextMenuItems(e,t,i){return[{title:":hover",action:()=>{i.cssForceHover=!i.cssForceHover},checked:i.cssForceHover},{title:":active",action:()=>{i.cssForceActive=!i.cssForceActive},checked:i.cssForceActive},{title:":visited",action:()=>{i.cssForceVisited=!i.cssForceVisited},checked:i.cssForceVisited},{title:":focus",action:()=>{i.cssForceFocus=!i.cssForceFocus},checked:i.cssForceFocus},{title:":focus-within",action:()=>{i.cssForceFocusWithin=!i.cssForceFocusWithin},checked:i.cssForceFocusWithin},{title:":focus-visible",action:()=>{i.cssForceFocusVisible=!i.cssForceFocusVisible},checked:i.cssForceFocusVisible}]}}});var uo,ih=g(()=>{"use strict";xt();uo=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");return i.innerHTML="O",i.title="options",i.className="toolbar-control",i.onclick=r=>{this.showCtxMenu(r,t)},i.oncontextmenu=r=>{r.preventDefault(),this.showCtxMenu(r,t)},[i]}prepareContextMenu(e,t){return[{title:"simulate hover on hover",checked:t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover=!t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover}},{title:"select unhitable elements",checked:t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements=!t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements}},{title:"pause animations",checked:t.pauseAnimations,action:()=>{t.pauseAnimations=!t.pauseAnimations}},{title:"hide overflowing content",checked:t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,action:()=>{if(t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent=!t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent)for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow="hidden",r.element.style.whiteSpace="nowrap");else for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow=r.hasStyle("overflow")?r.getStyle("overflow"):"",r.element.style.whiteSpace=r.hasStyle("white-space")?r.getStyle("white-space"):"")}}]}showCtxMenu(e,t){ye.show(this.prepareContextMenu(e,t),e)}}});var fo,rh=g(()=>{"use strict";ee();fo=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){if(i){let r=[...i.element.children];if(r.length>0)return[{title:"children",children:[...r.map(s=>({title:"select: "+s.localName+(s.id?" (#"+s.id+")":""),action:()=>this._select(t,s)}))]}]}return[]}_select(e,t){let i=M.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});var yi,nh=g(()=>{"use strict";le();at();yi=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(U.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,s=getComputedStyle(r.element),o="";switch(t.key){case"ArrowLeft":o="margin-left";break;case"ArrowRight":o="margin-right";break;case"ArrowUp":o="margin-top";break;case"ArrowDown":o="margin-bottom";break}o&&(t.type==S.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change margin")),this._changeGroup&&(r.setStyleAsync(o,parseFloat(s[o])+(t.altKey?-1:1)+"px"),t.type==S.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var nr,sh=g(()=>{"use strict";$e();nr=class{_name;_icon;constructor(e,t){this._name=e,this._icon=t}provideButton(e){let t={};return t[this._name]={icon:this._icon},new ue(e,t)}}});var vi,oh=g(()=>{"use strict";le();at();vi=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(U.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,s=getComputedStyle(r.element),o="";switch(t.key){case"ArrowLeft":o="padding-left";break;case"ArrowRight":o="padding-right";break;case"ArrowUp":o="padding-top";break;case"ArrowDown":o="padding-bottom";break}o&&(t.type==S.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change padding")),this._changeGroup&&(r.setStyleAsync(o,parseFloat(s[o])+(t.altKey?-1:1)+"px"),t.type==S.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var xi,go=g(()=>{"use strict";ee();xi=class{createDesignItem(e,t,i,r){return new M(e,t,i,r)}handleSpecialAttributes(e,t){e==$t?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute($t)?t.element.style.display="none":t.element.style.display=t.getStyle("display")??""):e==Jt?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Jt)?t.element.style.opacity="0.3":t.element.style.opacity=t.getStyle("opacity")??""):e==Ot&&(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Ot)?t.element.style.pointerEvents="none":requestAnimationFrame(()=>t.element.style.pointerEvents="auto"))}}});import{DomHelper as su}from"@node-projects/base-custom-webcomponent";var yo,ah=g(()=>{"use strict";yo=class{constructor(e){this.title="Delete Items",this.deletedItems=e}title;get affectedItems(){return this.deletedItems}undo(){for(let e=0;e<this.deletedItems.length;e++)this._parentItems[e]._insertChildInternal(this.deletedItems[e],this._parentIndexes[e]);this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"added",designItems:this.deletedItems})}do(){this._parentItems=[],this._parentIndexes=[];for(let e=0;e<this.deletedItems.length;e++)this._parentItems.push(this.deletedItems[e].parent),this._parentIndexes.push(su.nodeIndex(this.deletedItems[e].element));for(let e=0;e<this.deletedItems.length;e++)this.deletedItems[e].parent._removeChildInternal(this.deletedItems[e]);this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:this.deletedItems})}deletedItems;_parentItems;_parentIndexes;mergeWith(e){return!1}}});var vo,lh=g(()=>{"use strict";ah();vo=class{removeItems(e){e[0].instanceServiceContainer.undoService.execute(new yo(e)),e[0].serviceContainer.referencesChangedService&&e[0].serviceContainer.referencesChangedService.notifyReferencesChanged(e.map(t=>({designItem:t,type:"deleted"})))}}});var xo,ch=g(()=>{"use strict";xo=class{async provideMiniatureView(e){let t=document.createDocumentFragment();for(let i of e.rootDesignItem.children())t.appendChild(i.element.cloneNode(!0));return t}}});var Gt,_o=g(()=>{"use strict";oe();Gt=class n{static _canvas;static _context;static _video;static _captureStream;static _disableStream(){n._captureStream.getTracks().forEach(e=>e.stop()),n._canvas=null}static get screenshotsEnabled(){return n._captureStream&&n._captureStream.active}static async enableScreenshots(e=document.body){if(n._captureStream&&!n._captureStream.active&&n._disableStream(),n._canvas==null){n._canvas=document.createElement("canvas"),n._context=n._canvas.getContext("2d"),n._video=document.createElement("video");let t={video:{cursor:"never",displaySurface:"browser"},audio:!1,selfBrowserSurface:"include",preferCurrentTab:!0};n._video.style.display="none",e.appendChild(n._video);try{n._captureStream=await navigator.mediaDevices.getDisplayMedia(t)}catch(r){throw n._canvas=null,r}if(n._captureStream.getVideoTracks()[0].getSettings().displaySurface!="browser")throw n._disableStream(),alert("You need to share the current Tab, for the screenshot API to work"),"You need to share the current Tab, for the screenshot API to work";n._video.srcObject=n._captureStream,n._video.play(),await n._sleep(2e3)}}static async takeScreenshot(e,t=100,i=100,r=document.body){await n.enableScreenshots(r);let s=G(e);n._canvas.width=t,n._canvas.height=i,n._context.drawImage(n._video,0,0,1,1,0,0,t,i);let o=n._video.videoWidth/window.innerWidth,a=n._video.videoHeight/window.innerHeight;return n._context.drawImage(n._video,s.left*o,s.top*a,s.width*o,s.height*a,0,0,t,i),n._canvas.toDataURL("image/png")}static _sleep(e){let t=null,i=new Promise(r=>t=r);return window.setTimeout(t,e),i}}});var bo,hh=g(()=>{"use strict";_o();be();bo=class{async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,s=i.zoomFactor,o=i.canvasOffset,a=r.selectedElements;try{await Gt.enableScreenshots(),i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await Mi();let l=1/0,c=1/0,h=-1/0,d=-1/0;for(let Z of e){let he=i.getNormalizedElementCoordinates(Z.element);l=Math.min(l,he.x),c=Math.min(c,he.y),h=Math.max(h,he.x+he.width),d=Math.max(d,he.y+he.height)}let p=t?.margin??0;l-=p,c-=p,h+=p,d+=p;let f=Math.ceil(h-l),m=Math.ceil(d-c),u=i.outercanvas2,y=u.offsetWidth,x=u.offsetHeight,_=1,w=y-2*_,A=x-2*_,D=Math.ceil(f/w),P=Math.ceil(m/A),T=window.devicePixelRatio||1,N=Math.ceil(y*T),X=Math.ceil(x*T),O=Math.ceil(_*T),K=N-2*O,ne=X-2*O,re=document.createElement("canvas");re.width=Math.ceil(f*T),re.height=Math.ceil(m*T);let de=re.getContext("2d"),Ee=1e3;for(let Z=0;Z<P;Z++)for(let he=0;he<D;he++){let it=l+he*w,Oe=c+Z*A;i.canvasOffset={x:-(it-_),y:-(Oe-_)},await st(Ee),Ee=300;let ze=await Gt.takeScreenshot(u,N,X),Le=await this._loadImage(ze);de.drawImage(Le,O,O,K,ne,he*K,Z*ne,K,ne)}let se=await(await new Promise(Z=>re.toBlob(Z,"image/png"))).arrayBuffer();return new Uint8Array(se)}finally{i.zoomFactor=s,i.canvasOffset=o,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}}});var So,dh=g(()=>{"use strict";ee();So=class{async search(e,t,i){if(t!=""){let r=e.rootDesignItem.querySelectorAll(t),s=[];for(let o=0;o<r.length;o++){let a=M.GetDesignItem(r[o]);a&&s.push({designItem:a})}return s}return null}}});var gd={};np(gd,{createDefaultServiceContainer:()=>ud,default:()=>fd});function ud(){let n=new gr,e=new Xe;return n.register("containerService",e),n.register("containerService",new Hn(e)),n.register("containerService",new Gn(e)),n.register("propertyService",new co),n.register("propertyService",new xr),n.register("propertyService",new _r),n.register("propertyService",new br),n.register("propertyService",new Sr),n.register("propertyService",new Ks),n.register("propertyService",new Qr),n.register("propertyService",new Kr),n.register("propertyGroupsService",new Cs),n.register("instanceService",new Lr),n.register("editorTypesService",new Ur),n.register("htmlWriterService",new ss),n.register("snaplinesProviderService",new jn),n.register("htmlParserService",new bt),n.register("elementAtPointService",new Wn),n.register("externalDragDropService",new Un),n.register("dragDropService",new Ws),n.register("copyPasteService",new qn),n.register("modelCommandService",new Qn),n.register("demoProviderService",new Gs),n.register("eventsService",new Ce),n.register("designItemService",new xi),n.register("deletionService",new vo),n.register("miniatureViewService",new xo),n.register("pngCreatorService",new bo),n.register("searchService",new So),n.register("undoService",t=>new Ms(t)),n.register("selectionService",t=>new Ls(t,!1)),n.register("contentService",t=>new Ns(t.rootDesignItem)),n.register("designItemDocumentPositionService",t=>new zs(t)),n.designerExtensions.set(C.Permanent,[new zn]),n.designerExtensions.set(C.PrimarySelection,[new ut(new Hs,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(C.Selection,[new ut(new un,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(C.OnlyOneItemSelected,[new ut(new Jr,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new ut(new po,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new ut(new on,(t,i)=>i.activeTool instanceof yi||i.activeTool instanceof vi,!0),new ut(new so,(t,i)=>i.activeTool instanceof yi||i.activeTool instanceof vi,!0),new ln,new Xs,new gi(new ao,new xn(!0)),new rn(!0),new bn]),n.designerExtensions.set(C.MultipleItemsSelected,[new wn]),n.designerExtensions.set(C.PrimarySelectionRefreshed,[new io,new qs,new $s,new eo]),n.designerExtensions.set(C.PrimarySelectionAndCanBeEntered,[new Bt,new tr,new er]),n.designerExtensions.set(C.PrimarySelectionContainerAndCanBeEntered,[new Bt("lightgray","#8080802b"),new tr,new er]),n.designerExtensions.set(C.MouseOver,[new hn]),n.designerExtensions.set(C.Placement,[new As]),n.designerExtensions.set(C.ContainerDrag,[new Ln]),n.designerExtensions.set(C.ContainerDragOverAndCanBeEntered,[new gi(new Bt,new $i),new Rn]),n.designerExtensions.set(C.ContainerExternalDragOverAndCanBeEntered,[new gi(new Bt,new $i)]),n.designerExtensions.set(C.Doubleclick,[new Kn]),n.designerPointerExtensions.push(),n.designerTools.set(U.Pointer,new dn),n.designerTools.set(U.DrawSelection,new ji),n.designerTools.set(U.DrawPath,new pn),n.designerTools.set(U.DrawRect,new es),n.designerTools.set(U.DrawEllipsis,new ts),n.designerTools.set(U.DrawLine,new is),n.designerTools.set(U.Zoom,new Cn),n.designerTools.set(U.Pan,new En),n.designerTools.set(U.RectangleSelector,new ji),n.designerTools.set(U.MagicWandSelector,new Dn),n.designerTools.set(U.PickColor,new kn),n.designerTools.set(U.Text,new Mn),n.designerTools.set(U.DrawElementTool,js),n.designerTools.set(U.Margin,new yi),n.designerTools.set(U.Padding,new vi),n.designViewConfigButtons.push(new pt(20),new Jn,new Ds,new pt(10),new ks,new pt(10),new Pr,new pt(10),new ro,new pt(30),new Us,new pt(30),new uo),n.designViewToolbarButtons.push(new ms,new Je(22),new ys,new Je(22),new nr("Margin",b+"images/tools/Margin.svg"),new Je(22),new nr("Padding",b+"images/tools/Padding.svg"),new Je(22),new us,new Je(22),new fs,new Je(22),new gs,new Je(22),new Bs),n.designerContextMenuExtensions=[new Wt("edit",new An),new ke,new Wt("modify",new ds,new ke,new Pn,new ke,new lo),new ke,new Wt("view",new Rs,new hs),new ke,new Wt("force",new mo),new ke,new In,new as,new os,new ke,new ps,new ke,new Vn,new fo],n}var fd,wo=g(()=>{"use strict";Yo();Xo();Zo();qo();Qo();ha();wa();Ca();ni();Wi();Pa();Ve();Ta();Na();Fa();Ba();Ha();at();Ga();ja();Ka();Ja();tl();rl();nl();sl();ol();al();cl();hl();dl();pl();ul();gl();vl();Bn();bl();Sl();wl();Cl();El();Al();Pl();Dl();Tl();Ml();Ll();Nl();Rl();Fl();Bl();Vl();Hl();ls();Wl();Gl();jl();Kl();Yl();Xl();ql();Ql();Jl();tc();cc();dc();Is();uc();fc();yc();vc();xc();Dr();_c();Sc();Yi();wc();Cc();Ac();Ic();Dc();rr();kc();Tc();Mc();Oc();Nc();Rc();zc();Vc();Wc();Gc();Uc();Kc();Xc();qc();Qc();$c();eh();th();ih();rh();nh();sh();te();oh();go();lh();ch();hh();dh();fd=ud});import{BaseCustomWebComponentLazyAppend as sp,css as op,TypedEvent as ap,DomHelper as Th}from"@node-projects/base-custom-webcomponent";var rt=class extends sp{_selectedIndex=-1;_panels;_headerDiv;_moreDiv;_moreContainer;_elementMap=new WeakMap;_firstConnect=!0;static style=op`:host{height:100%}.outer{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.header{display:inline-flex;user-select:none;-webkit-user-select:none;flex-direction:row;cursor:pointer;height:30px;width:calc(100% - 30px);background-color:var(--dark-grey,#232733);overflow-x:auto;scrollbar-width:none}.header-more{right:0;top:0;width:30px;position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;font-family:math}.header-more:hover{background:var(--light-grey,#383f52)}.more-container{z-index:1;user-select:none;-webkit-user-select:none;background-color:var(--dark-grey,#232733);right:0;top:30px;position:absolute;color:#fff;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}.more-container .tab-header{width:100%}.header::-webkit-scrollbar{display:none}.tab-header{height:30px;font-family:Arial;display:flex;justify-content:center;align-items:center;text-transform:uppercase;box-sizing:content-box;padding-left:5px;padding-right:5px;color:#fff;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:1px;white-space:nowrap}.tab-header:hover{background:var(--light-grey,#383f52)}.selected{background:var(--medium-grey,#2f3545);box-shadow:inset 0 3px 0 var(--highlight-pink,#e91e63)}.panels{z-index:0;background:var(--medium-grey,#2f3545);height:calc(100% - 30px)}`;constructor(){super();let e=document.createElement("div");e.className="outer",this.shadowRoot.appendChild(e),this._headerDiv=document.createElement("div"),this._headerDiv.className="header",e.appendChild(this._headerDiv),this._moreDiv=document.createElement("div"),this._moreDiv.className="header header-more",this._moreDiv.innerText="<<",e.appendChild(this._moreDiv),this._moreContainer=document.createElement("div"),this._moreContainer.className="more-container",this._moreContainer.style.visibility="hidden",e.appendChild(this._moreContainer),this._moreDiv.onclick=()=>{this._moreContainer.children.length&&this._moreContainer.style.visibility=="hidden"?this._moreContainer.style.visibility="":this._moreContainer.style.visibility="hidden"},this._panels=document.createElement("div"),this._panels.className="panels",e.appendChild(this._panels);let t=document.createElement("slot");t.name="panels",this._panels.appendChild(t),new ResizeObserver(r=>{this._showHideHeaderItems()}).observe(this._headerDiv)}_showHideHeaderItems(){this._moreContainer.style.visibility="hidden";let e=0;Th.removeAllChildnodes(this._moreContainer),Th.removeAllChildnodes(this._headerDiv);let t=!0;for(let i of this.children)if(i.style.display!="none"){let r=i;!this._elementMap.has(r)&&t&&(this.refreshItems(),t=!1);let s=this._elementMap.get(r);this._moreContainer.appendChild(s),(this._headerDiv.children.length==0||e+s.clientWidth/2<this._headerDiv.clientWidth)&&(this._headerDiv.appendChild(s),e+=s.clientWidth)}}connectedCallback(){if(this._firstConnect){this.refreshItems(),this._firstConnect=!1;let e=this.getAttribute("selected-index");e&&(this.selectedIndex=parseInt(e))}}get selectedIndex(){return this._firstConnect?-1:this._selectedIndex}set selectedIndex(e){let t=this._selectedIndex;this._selectedIndex=e,this.children.length&&t!=this._selectedIndex&&this._selectedIndexChanged(t)}refreshItems(){this._headerDiv.innerHTML="";let e=0;for(let t of this.children)if(t.style.display!="none"){let i=t,r=document.createElement("div");r.innerText=i.dataset.title||i.title,r.title=i.dataset.title||i.title,r.className="tab-header";let s=e;r.onpointerdown=()=>{let o=this._selectedIndex;this._selectedIndex=s,this._headerDiv.children.length&&this._selectedIndexChanged(o,!0),this._moreContainer.style.visibility="hidden"},this._elementMap.set(i,r),this._headerDiv.appendChild(r),e++}this._showHideHeaderItems(),this._selectedIndexChanged()}_selectedIndexChanged(e,t=!1){let i=-1;for(let r of this.children)if(r.style.display!="none")if(i++,i==this._selectedIndex){r.slot!="panels"&&(r.slot="panels");let s=this._elementMap.get(r);s&&(s.classList.add("selected"),r.activated&&r.activated())}else{r.removeAttribute("slot");let s=this._elementMap.get(r);s&&s.classList.remove("selected")}this.onSelectedTabChanged.emit({newIndex:this._selectedIndex,oldIndex:e,changedViaClick:t}),this._moreContainer.style.visibility="hidden"}onSelectedTabChanged=new ap};customElements.define("node-projects-designer-tab-control",rt);import{css as lp,html as cp}from"@node-projects/base-custom-webcomponent";var Go=class{host;root;trough;button1;button2;thumb;isConnected=!1;thumbSize=.3;value=0;orientation=!1;clickRepeatDelay=300;clickRepeatInterval=100;defaultThumbMinSize=25;dragStartPos;dragStartValue;eventTimeoutId;pointerCaptureId;pointerCaptureElement;thumbDragging;button1Active;button2Active;troughActive;constructor(e){this.host=e,e.attachShadow({mode:"open"});let t=e.shadowRoot;t.appendChild(pp.content.cloneNode(!0)),t.adoptedStyleSheets=[dp],this.root=t.querySelector("#root"),this.trough=t.querySelector("#trough"),this.button1=t.querySelector("#button1"),this.button2=t.querySelector("#button2"),this.thumb=t.querySelector("#thumb"),this.trough.addEventListener("pointerdown",this.onTroughPointerDown),this.trough.addEventListener("pointerup",this.onPointerUp),this.trough.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,1)),this.button1.addEventListener("pointerup",this.onPointerUp),this.button1.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("contextmenu",i=>i.preventDefault()),this.button2.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,2)),this.button2.addEventListener("pointerup",this.onPointerUp),this.button2.addEventListener("pointercancel",this.onPointerUp),this.button2.addEventListener("contextmenu",i=>i.preventDefault()),this.thumb.addEventListener("pointerdown",this.onThumbPointerDown),this.thumb.addEventListener("pointerup",this.onPointerUp),this.thumb.addEventListener("pointercancel",this.onPointerUp),this.thumb.addEventListener("pointermove",this.onThumbPointerMove),this.resetInteractionState()}resetInteractionState(){this.thumbDragging=!1,this.button1Active=!1,this.button2Active=!1,this.troughActive=!1}connectedCallback(){this.isConnected=!0,this.resetInteractionState(),this.updateLayout(),this.updateStyle()}disconnectedCallback(){this.isConnected=!1,this.resetInteractionState(),this.stopEventRepetition(),this.stopPointerCapture()}updateLayout(){this.isConnected&&(this.root.classList.toggle("horizontal",!this.orientation),this.root.classList.toggle("vertical",this.orientation),this.thumb.style.display=this.thumbSize==0?"none":"",this.thumb.style.height=this.orientation?pr(this.getEffectiveThumbSize()):"",this.thumb.style.width=this.orientation?"":pr(this.getEffectiveThumbSize()),this.thumb.style.top="",this.thumb.style.left="",this.updateThumbPosition())}updateStyle(){this.isConnected&&(this.thumb.classList.toggle("active",this.thumbDragging),this.button1.classList.toggle("active",this.button1Active),this.button2.classList.toggle("active",this.button2Active),this.troughActive)}updateThumbPosition(){let e=(1-this.getEffectiveThumbSize())*this.value;this.orientation?this.thumb.style.top=pr(e):this.thumb.style.left=pr(e)}getThroughSize(){return this.orientation?this.trough.clientHeight:this.trough.clientWidth}computeThumbMoveValue(e){let t=this.getThroughSize()*(1-this.getEffectiveThumbSize());return t<hp?0:e/t}setThumbSize(e){let t=Math.max(0,Math.min(1,e));t!=this.thumbSize&&(this.thumbSize=t,this.updateLayout())}getThumbMinSize(){let e=this.getCssVar("--plain-scrollbar-thumb-min-size");if(!e)return this.defaultThumbMinSize;let t=up(e);return t||this.defaultThumbMinSize}getEffectiveThumbSize(){let e=this.getThumbMinSize(),t=this.getThroughSize();if(!t)return this.thumbSize;let i=Math.min(1,e/t);return Math.max(i,this.thumbSize)}setValue(e){let t=Math.max(0,Math.min(1,e));return t==this.value?!1:(this.value=isNaN(t)?0:t,this.updateThumbPosition(),!0)}setOrientation(e){return e==this.orientation?!1:(this.orientation=e,this.updateLayout(),!0)}getCssVar(e){let t=getComputedStyle(this.root).getPropertyValue(e);return t?t.trim():null}fireEvent(e){let t=new CustomEvent("scrollbar-input",{detail:e});this.host.dispatchEvent(t)}fireEventRepeatedly(e,t,i,r=0){this.stopEventRepetition(),this.fireEvent(e);let s=r==0?t:i,o=()=>this.fireEventRepeatedly(e,t,i,r+1);this.eventTimeoutId=setTimeout(o,s)}stopEventRepetition(){this.eventTimeoutId&&(clearTimeout(this.eventTimeoutId),this.eventTimeoutId=void 0)}startPointerCapture(e,t){this.stopPointerCapture(),e.setPointerCapture(t),this.pointerCaptureElement=e,this.pointerCaptureId=t}stopPointerCapture(){this.pointerCaptureId&&(this.pointerCaptureElement.releasePointerCapture(this.pointerCaptureId),this.pointerCaptureId=void 0)}onTroughPointerDown=e=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;let t=this.trough.getBoundingClientRect(),i=this.orientation?e.clientY-t.top:e.clientX-t.left,r=(this.orientation?t.height:t.width)*(1-this.getEffectiveThumbSize())*this.value,o=i>r?"incrementLarge":"decrementLarge";this.troughActive=!0,e.preventDefault(),this.startPointerCapture(this.trough,e.pointerId),this.fireEventRepeatedly(o,this.clickRepeatDelay,this.clickRepeatInterval)};onButtonPointerDown=(e,t)=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;switch(t){case 1:this.button1Active=!0;break;case 2:this.button2Active=!0;break}let i=t==1?"decrementSmall":"incrementSmall";this.updateStyle(),e.preventDefault();let r=t==1?this.button1:this.button2;this.startPointerCapture(r,e.pointerId),this.fireEventRepeatedly(i,this.clickRepeatDelay,this.clickRepeatInterval)};onThumbPointerDown=e=>{!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0||(this.dragStartPos=this.orientation?e.clientY:e.clientX,this.dragStartValue=this.value,this.thumbDragging=!0,this.updateStyle(),e.preventDefault(),this.startPointerCapture(this.thumb,e.pointerId))};onThumbPointerMove=e=>{if(!this.isConnected||!e.isPrimary||!this.thumbDragging)return;let i=(this.orientation?e.clientY:e.clientX)-this.dragStartPos,r=this.computeThumbMoveValue(i),s=this.dragStartValue+r;e.preventDefault(),this.setValue(s)&&this.fireEvent("value")};onPointerUp=e=>{this.isConnected&&e.isPrimary&&(this.resetInteractionState(),this.updateStyle(),this.stopEventRepetition(),this.stopPointerCapture(),e.preventDefault())}},jo=class extends HTMLElement{widget;constructor(){super(),this.widget=new Go(this);let e=parseFloat(this.getAttribute("value"));if(isNaN(e)||(this.widget.value=e),this.hasOwnProperty("value")){let t=this.value;delete this.value,isNaN(t)||(this.widget.value=t)}}connectedCallback(){this.widget.connectedCallback()}disconnectedCallback(){this.widget.disconnectedCallback()}get thumbSize(){return this.widget.thumbSize}set thumbSize(e){this.widget.setThumbSize(e)}get value(){return this.widget.value}set value(e){this.widget.setValue(e)}get orientation(){return mp(this.widget.orientation)}set orientation(e){this.widget.setOrientation(Mh(e))&&this.setAttribute("orientation",this.orientation)}get orientationBoolean(){return this.widget.orientation}static get observedAttributes(){return["orientation"]}attributeChangedCallback(e,t,i){switch(e){case"orientation":{i&&this.widget.setOrientation(Mh(i));break}}}},hp=1e-9,gt="var(--plain-scrollbar-button-size, 13px)",dr='<path d="M -60 30 h 120 L 0 -30 z" stroke-width="0"/>',dp=lp`:host{display:block;contain:content;background-color:#f8f8f8;border-style:solid;border-width:1px;border-color:#ddd}#root{touch-action:none;user-select:none;box-sizing:border-box;position:relative;width:100%;height:100%}#trough{position:absolute}#root.vertical #trough{width:100%;top:${gt};bottom:${gt}}#root.horizontal #trough{height:100%;left:${gt};right:${gt}}#thumb{box-sizing:border-box;position:absolute;width:100%;height:100%;background-color:var(--plain-scrollbar-thumb-background-color,#f0f0f0);border-style:solid;border-width:var(--plain-scrollbar-thumb-border-width,1px);border-color:var(--plain-scrollbar-thumb-border-color,#b8b8b8);border-radius:var(--plain-scrollbar-thumb-border-radius,4px);transition:background-color 50ms linear}#thumb:hover{background-color:var(--plain-scrollbar-thumb-background-color-hover,#e0e0e0)}#thumb.active{background-color:var(--plain-scrollbar-thumb-background-color-active,silver)}#button1,#button2{box-sizing:border-box;position:absolute;display:block;fill:var(--plain-scrollbar-button-color,#606060)}#root.vertical #button1{top:0;width:100%;height:${gt}}#root.vertical #button2{bottom:0;width:100%;height:${gt}}#root.horizontal #button1{left:0;height:100%;width:${gt}}#root.horizontal #button2{right:0;height:100%;width:${gt}}#downArrow,#leftArrow,#rightArrow,#upArrow{display:none;width:100%;height:100%}#root.vertical #downArrow,#root.vertical #upArrow{display:block}#root.horizontal #leftArrow,#root.horizontal #rightArrow{display:block}#button1:hover,#button2:hover{background-color:var(--plain-scrollbar-button-color-hover,#e0e0e0)}#button1.active,#button2.active{background-color:var(--plain-scrollbar-button-color-active,silver)}`,pp=cp`<div id="root" part="root"><div id="button1" part="button button1"><svg id="upArrow" part="arrow upArrow" viewBox="-100 -100 200 200">${dr}</svg> <svg id="leftArrow" part="arrow leftArrow" viewBox="-100 -100 200 200"><g transform="rotate(-90)">${dr}</g></svg></div><div id="trough" part="trough"><div id="thumb" part="thumb"></div></div><div id="button2" part="button button2"><svg id="downArrow" part="arrow downArrow" viewBox="-100 -100 200 200"><g transform="rotate(180)">${dr}</g></svg> <svg id="rightArrow" part="arrow rightArrow" viewBox="-100 -100 200 200"><g transform="rotate(90)">${dr}</g></svg></div></div>`;function mp(n){return n?"vertical":"horizontal"}function Mh(n){switch(n){case"vertical":return!0;case"horizontal":return!1;default:throw new Error('Invalid orientation value "'+n+'".')}}function pr(n){return(n*100).toFixed(3)+"%"}function up(n){if(!(!n||!n.endsWith("px")))return Number(n.substring(0,n.length-2))}customElements.define("node-projects-plain-scrollbar",jo);wo();ea();Fe();rs();var Co=class{_originalCustomElementsRegistry;_newElements=[];constructor(){this._originalCustomElementsRegistry=window.customElements;let e={},t=this._originalCustomElementsRegistry,i=this._newElements;e.define=function(r,s,o){i.push(r),t.define(r,s,o)},e.get=function(r){return t.get(r)},e.upgrade=function(r){return t.upgrade(r)},e.whenDefined=function(r){return t.whenDefined(r)},Object.defineProperty(window,"customElements",{get(){return e}})}dispose(){let e=this._originalCustomElementsRegistry;Object.defineProperty(window,"customElements",{get(){return e}})}getNewElements(){let e=this._newElements;return this._newElements=[],e}};oe();ia();Ge();_o();Zn();var Eo=class n{static addTouchEvents(e){return new n(e)}constructor(e){this._target=e,e.addEventListener("touchstart",t=>this._touchStart(t)),e.addEventListener("touchmove",t=>this._touchMove(t)),e.addEventListener("touchend",t=>this._touchEnd(t)),e.addEventListener("touchcancel",t=>this._touchEnd(t))}_target;_started;_startX_0;_startY_0;_lastZoom;_lastPanDistanceX;_lastPanDistanceY;_startZoomDistance;multitouchEventActive;_mode=null;_touchStart(e){e.touches.length===2?(this.multitouchEventActive=!0,this._mode=null,this._started=!0,this._startX_0=e.touches[0].screenX,this._startY_0=e.touches[0].screenY,this._lastZoom=0,this._lastPanDistanceX=0,this._lastPanDistanceY=0,this._startZoomDistance=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY)):(this.multitouchEventActive=!1,this._started=!1)}_touchMove(e){if(e.touches.length!==2&&(this.multitouchEventActive=!1,this._started=!1),this._started){e.preventDefault();let t=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY),i=this._startX_0-e.touches[0].screenX,r=this._startY_0-e.touches[0].screenY,s=i-this._lastPanDistanceX,o=r-this._lastPanDistanceY;this._lastPanDistanceX=i,this._lastPanDistanceY=r;let a=t-this._startZoomDistance,l=a-this._lastZoom;if(this._lastZoom=a,this._lastZoom,this._mode||(Math.abs(a)>10&&(this._mode="zoom"),(Math.abs(i)>10||Math.abs(r)>10)&&(this._mode="pan")),this._mode){if(this._mode=="zoom"){let c=new CustomEvent("zoom",{detail:{factor:a,diff:l}});this._target.dispatchEvent(c)}else if(this._mode=="pan"){let c=new CustomEvent("pan",{detail:{x:i,deltaX:s,y:r,deltaY:o}});this._target.dispatchEvent(c)}}}}_touchEnd(e){this.multitouchEventActive=!1,e.touches.length}};da();xt();be();Or();ll();var Ao=class{_name;get name(){return this._name}_elementList;getElements(){return Promise.resolve(this._elementList)}constructor(e,t){this._name=e,this._elementList=[],t.elements.forEach(i=>{this.isIElementDefintion(i)?this._elementList.push(i):this._elementList.push({tag:i})})}isIElementDefintion(e){return e!=null&&e.tag!=null}};be();var Po=class{_name;get name(){return this._name}_importPrefix;_elementList;_resolveStored;_rejectStored;constructor(e,t,i){this._name=e,this._importPrefix=t,this._parseManifest(i)}_parseManifest(e){this._elementList=[];for(let t of e.modules){for(let i of t.exports)if(i.kind=="custom-element-definition"){let r={tag:i.name,import:Mt(this._importPrefix,"/")+"/"+ve(t.path,"/"),defaultWidth:"200px",defaultHeight:"200px",className:i.declaration.name};this._elementList.push(r)}for(let i of t.declarations)if(i.tagName){let r={tag:i.tagName,import:Mt(this._importPrefix,"/")+"/"+ve(t.path,"/"),defaultWidth:"200px",defaultHeight:"200px",className:i.name};this._elementList.push(r)}this._resolveStored&&(this._resolveStored.forEach(i=>i(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}async getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}};Be();me();pe();Ae();var _i=class n extends q{getRefreshMode(e){return W.full}_name;get name(){return this._name}_propertiesList;constructor(e,t,i){super(i),this._name=e,this._parseManifest(t)}_parseManifest(e){this._propertiesList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let s=[],o=t.find(a=>a.name==r.declaration.name);if(o){if(o.members){for(let a of o.members)if(a.kind=="field"&&a.privacy!=="private"&&a.privacy!=="protected"){let l=v.property;o.attributes&&(l=o.attributes.find(h=>h.fieldName==a.name)!=null?v.propertyAndAttribute:v.property);let c=n.manifestClassPropertyTypeToEditorPropertyType(a.type?.text,a.type?.editor);a.name&&s.push({name:a.name,service:this,propertyType:l,type:c[0],values:c[1],description:a.description})}this._propertiesList[r.name]=s}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}static manifestClassPropertyTypeToEditorPropertyType(e,t){if(t&&t.toLowerCase()==="color")return["color"];if(e){if(e.toLowerCase()==="boolean")return["boolean"];if(e.toLowerCase()==="number")return["number"];if(e.toLowerCase()==="string")return["string"];if(e.startsWith("'")&&e.includes("|"))return["list",e.split("|").map(r=>r.trim()).map(r=>r.substring(1,r.length-1))]}return[e]}isHandledElement(e){return this._propertiesList[e.name]!=null}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==v.attribute?L.attribute:L.property}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}};be();var yd=class n{static registryPatchedTohandleErrors;static packageHacks;_packageSource;_dependecies=new Map;constructor(e="//cdn.jsdelivr.net/npm/"){this._packageSource=e,n.patchCustomElementsRegistryToHandleErrors()}static patchCustomElementsRegistryToHandleErrors(){if(!n.registryPatchedTohandleErrors){n.registryPatchedTohandleErrors=!0;let e=window.customElements,t={};t.define=function(i,r,s){try{e.define(i,r,s)}catch(o){console.warn(o)}},t.get=function(i){return e.get(i)},t.upgrade=function(i){return e.upgrade(i)},t.whenDefined=function(i){return e.whenDefined(i)},Object.defineProperty(window,"customElements",{get(){return t}})}}async loadNpmPackage(e,t,i,r,s){n.packageHacks||(n.packageHacks=(await import("./NpmPackageHacks.json",{assert:{type:"json"}})).default);let o=window.location.protocol+this._packageSource+e+"/",a=o+"package.json";s&&s(e+": loading package.json");let c=await(await fetch(a)).json();this.addToImportmap(o,c);let h=[];if(c.dependencies)for(let y in c.dependencies)h.push(this.loadDependency(y,c.dependencies[y]));await Promise.all(h);let d=o+"custom-elements.json",p=o;if(c.customElements&&(d=o+Mt(c.customElements,"/"),d.includes("/"))){let y=d.lastIndexOf("/");p=d.substring(0,y+1)}let f=o+"web-component-designer.json";c.webComponentDesigner&&(f=o+ve(c.webComponentDesigner,"/")),s&&s(e+": loading custom-elements.json");let m=await fetch(d);if(!m.ok&&c.homepage)try{let x="https://raw.githubusercontent.com/"+new URL(c.homepage).pathname+"/master/custom-elements.json";m=await fetch(x),console.warn("custom-elements.json was missing from npm package, but was loaded from github as a fallback.")}catch(y){console.warn("github custom elments json fallback",y)}if(t&&fetch(f).then(async y=>{if(y.ok){let x=await y.json();if(x.services)for(let _ in x.services)for(let w of x.services[_]){w.startsWith("./")&&(w=w.substring(2));let A=(await importShim(o+w)).default;t.register(_,new A)}}}),m.ok){let y=await m.json(),x=new Po(c.name,p,y);if(t&&t.register("elementsService",x),t){let _=new _i(c.name,y);t.register("propertyService",_)}if(r)for(let _ of await x.getElements())importShim(_.import);t&&i&&i.loadControls(t,t.elementsServices),n.packageHacks[e]?.import&&import(n.packageHacks[e]?.import),n.packageHacks[e]?.script&&import(URL.createObjectURL(new Blob([n.packageHacks[e]?.script],{type:"application/javascript"})))}else{console.warn("npm package: "+e+" - no custom-elements.json found, only loading javascript module");let y=new Co;c.module?await importShim(o+ve(c.module,"/")):c.main?await importShim(o+ve(c.main,"/")):c.unpkg?await importShim(o+ve(c.unpkg,"/")):console.warn("npm package: "+e+" - no entry point in package found."),n.packageHacks[e]?.import&&await import(n.packageHacks[e]?.import),n.packageHacks[e]?.script&&await import(URL.createObjectURL(new Blob([n.packageHacks[e]?.script],{type:"application/javascript"})));let x=y.getNewElements();if(x.length>0&&t&&i){let _={elements:x},w=new Ao(e,_);t.register("elementsService",w),i.loadControls(t,t.elementsServices)}y.dispose()}s&&s(e+": done");let u={};return n.packageHacks[e]?.html&&(u.html=(n.packageHacks[e]?.html).replaceAll("${baseUrl}",o)),n.packageHacks[e]?.style&&(u.style=(n.packageHacks[e]?.style).replaceAll("${baseUrl}",o)),u}async loadDependency(e,t,i){if(this._dependecies.has(e))return;if(this._dependecies.set(e,!0),e.startsWith("@types")){console.warn("ignoring wrong dependency: ",e);return}i&&i(e+": loading dependency: "+e);let r=window.location.protocol+this._packageSource+e+"/",s=r+"package.json",a=await(await fetch(s)).json(),l=[];if(a.dependencies)for(let c in a.dependencies)l.push(this.loadDependency(c,a.dependencies[c]));await Promise.all(l),this.addToImportmap(r,a)}async addToImportmap(e,t){let i=importShim.getImportMap().imports,r={imports:{},scopes:{}};if(!i.hasOwnProperty(t.name)){if(t.exports){let o=c=>c?.browser?c.browser:c?.import?c.import:c?.module?c.module:c?.default?c.default:c?.node,a=c=>{let h=o(c);return typeof h!="string"&&(h=o(h)),typeof h!="string"&&(h=o(h)),typeof h!="string"&&(h=null),h},l=a(t.exports);l?r.imports[t.name]=e+ve(ve(l,"."),"/"):(l=a(t.exports?.["."]))&&(r.imports[t.name]=e+ve(ve(l,"."),"/"))}let s=t.main;if(t.module&&(s=t.module),t.unpkg&&!s&&(s=t.unpkg),r.imports[t.name]||(s?r.imports[t.name]=e+ve(ve(s,"."),"/"):console.warn("package: "+e+"no main import found")),r.imports[t.name+"/"]=e,n.packageHacks[t.name]?.map)for(let o in n.packageHacks[t.name]?.map)r.imports[o]=e+n.packageHacks[t.name].map[o];importShim.addImportMap(r)}}};Pe();ml();ee();var sr;(function(n){n.oneWay="oneWay",n.twoWay="twoWay"})(sr||(sr={}));Be();Q();var vd;(function(n){n.undefined="undefined",n.folder="folder",n.boolean="boolean",n.number="number",n.string="string",n.date="date",n.color="color",n.object="object"})(vd||(vd={}));Be();_e();var xd=class n{static type="base-custom-webcomponent-binding";getBindings(e){let t=null;for(let i of e.attributes()){let r=i[0],s=i[1];if((s.startsWith("[[")||s.startsWith("{{"))&&(s.endsWith("}}")||s.endsWith("]]"))){t||(t=[]);let o={rawName:r,rawValue:s,service:this};i[0]==="bcw:visible"?(o.targetName="visibility",o.target=L.css,o.expression=s.substring(2,s.length-2)):i[0].startsWith("css:")?(o.targetName=r.substring(4),o.target=L.css,o.expression=s.substring(2,s.length-2)):i[0].startsWith("class:")?(o.targetName=r.substring(4),o.target=L.class,o.expression=s.substring(2,s.length-2)):i[0].startsWith("$")?(o.targetName=r.substring(1),o.target=L.attribute,o.expression=s.substring(2,s.length-2)):i[0].startsWith("@")?(o.targetName=r.substring(1),o.target=L.event,o.expression=s.substring(2,s.length-2)):i[0].startsWith(".")?(o.targetName=F.dashToCamelCase(r.substring(1)),o.target=L.explicitProperty,o.expression=s.substring(2,s.length-2)):(o.targetName=F.dashToCamelCase(r),o.target=L.property,o.expression=s.substring(2,s.length-2)),o.type=n.type,o.targetName=o.targetName,o.bindableObjectNames=[s.substring(2,s.length-2)],t.push(o)}}return t}setBinding(e,t){if(t.type!==n.type)return!1;let i="";switch(t.target){case L.explicitProperty:i+=".";break;case L.css:i+="css:";break;case L.class:i+="class";break;case L.attribute:i+="$";break;case L.event:i+="@";break}i+=t.targetName;let r=(t.mode==sr.oneWay?"[[":"{{")+t.expression+(t.mode==sr.oneWay?"]]":"}}");return e.setAttribute(i,r),!0}clearBinding(e,t,i){return!0}};He();Xr();Pe();Ve();Ge();Fe();ni();oe();var Io=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(Y.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,s,o){let a=s.x-i.x,l=s.y-i.y;if(!j(e)){if(t.alignOnGrid){let c=Zr(o,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=G(o.element),h=t.snapLines.snapToPosition({x:s.x-r.x,y:s.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,s,o,a){let l=o.x,c=o.y;if(!j(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:o.x-s.x,y:o.y-s.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=this.calculateTrack(e,t,r,s,o,a[0]);e.shiftKey&&(l=ot({x:0,y:0},l,!0));let c=ae(Aa(a));for(let h of c){let d=h.instanceServiceContainer.designerCanvas.canvas,p=h.parent.element.getBoxQuads({relativeTo:d,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],f=h.parent.element.convertPointFromNode(new DOMPoint(l.x+p.p1.x,l.y+p.p1.y),d,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),u=new DOMMatrix;m.rotate!="none"&&m.rotate&&(u=u.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(u=u.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),f=u.inverse().transformPoint(f);let y=new DOMMatrix().translate(f.x,f.y);Yr(h.element,h.getStyle("transform"),y.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ae(t);for(let s of r)i=="drop"&&s.setStyle("position","absolute"),e.insertChild(s),s.lastContainerSize&&(s.hasStyle("width")||s.setStyle("width",s.lastContainerSize.width+"px"),s.hasStyle("height")||s.setStyle("height",s.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ae(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,s,o,a){let l=ae(a);for(let c of l){let h=ri(new DOMMatrix(c.element.style.transform)),d=ri(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let p={x:h.x,y:h.y},f=getComputedStyle(c.element),m=new DOMMatrix;f.rotate!="none"&&f.rotate&&(m=m.multiply(new DOMMatrix("rotate("+f.rotate.replace(" ",",")+")"))),f.scale!="none"&&f.scale&&(m=m.multiply(new DOMMatrix("scale("+f.scale.replace(" ",",")+")"))),p=m.transformPoint(p),qr(i,c,{x:p.x-d.x,y:p.y-d.y},"position")}for(let c of a)t.extensionManager.removeExtension(c,C.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}};var _d=class extends Io{serviceForContainer(e,t,i){return!0}};ni();Cl();Sl();El();hh();be();var bd=class{_capturePageFn;constructor(e){this._capturePageFn=e}async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,s=i.zoomFactor,o=i.canvasOffset,a=r.selectedElements;try{i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await Mi();let l=1/0,c=1/0,h=-1/0,d=-1/0;for(let se of e){let Z=i.getNormalizedElementCoordinates(se.element);l=Math.min(l,Z.x),c=Math.min(c,Z.y),h=Math.max(h,Z.x+Z.width),d=Math.max(d,Z.y+Z.height)}let p=t?.margin??0;l-=p,c-=p,h+=p,d+=p;let f=Math.ceil(h-l),m=Math.ceil(d-c),u=i.outercanvas2,y=u.offsetWidth,x=u.offsetHeight,_=1,w=y-2*_,A=x-2*_,D=Math.ceil(f/w),P=Math.ceil(m/A),T=window.devicePixelRatio||1,N=Math.ceil(y*T),X=Math.ceil(x*T),O=Math.ceil(_*T),K=N-2*O,ne=X-2*O,re=document.createElement("canvas");re.width=Math.ceil(f*T),re.height=Math.ceil(m*T);let de=re.getContext("2d");for(let se=0;se<P;se++)for(let Z=0;Z<D;Z++){let he=l+Z*w,it=c+se*A;i.canvasOffset={x:-(he-_),y:-(it-_)},await Mi(),await st(100);let Oe=u.getBoundingClientRect(),ze=await this._capturePageFn({x:Math.round(Oe.left),y:Math.round(Oe.top),width:Math.round(Oe.width),height:Math.round(Oe.height)}),Le=await this._loadImage(ze);de.drawImage(Le,O,O,K,ne,Z*K,se*ne,K,ne)}let tt=await(await new Promise(se=>re.toBlob(se,"image/png"))).arrayBuffer();return new Uint8Array(tt)}finally{i.zoomFactor=s,i.canvasOffset=o,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}};wl();xc();Dl();He();Zn();ee();Pe();var Sd=class{async copyItems(e){let t=ae(e),i=Y.ConvertToString(t,!1),r=t.map(o=>o.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(o.element));Ui([["application/json",JSON.stringify({html:i,positions:r})]])}async getPasteItems(e,t){let i="",r="",s=null,o=await Xn();if(o!=null){try{i=await(await o[0].getType("text/html"))?.text()}catch{}if(!i)try{i=await(await o[0].getType("text/plain"))?.text()}catch{}try{i=await(await o[0].getType("application/json"))?.text()}catch{}try{let l=o[0].types.find(c=>c.startsWith("image/"));if(l){let c=await o[0].getType(l);return[[await M.createDesignItemFromImageBlob(e,t,c)]]}}catch{}}else i=await Yn();if(i.startsWith("{")){let l=JSON.parse(i);r=l.html,s=l.positions}else r=i;return[await e.htmlParserService.parse(r,e,t,!0),s]}};lh();import{DomHelper as ou}from"@node-projects/base-custom-webcomponent";var wd=class{provideDemo(e,t,i,r,s){return new Promise(o=>{let a=document.createElement("iframe");a.style.width="100%",a.style.height="100%",a.style.border="none",a.style.display="none",ou.removeAllChildnodes(e),e.appendChild(a),a.onload=()=>{a.style.display="block",o()};let l=a.contentWindow.document;if(l.open(),l.write('<script type="module">'),i.designContext.npmPackages?.length){l.write("import { NpmPackageLoader } from '../../helper/NpmPackageLoader.js'"),l.write("let loader = new NpmPackageLoader();");for(let c of i.designContext.npmPackages)l.write("loader.loadNpmPackage('"+c+"', null, null, true);")}if(i.designContext.imports?.length)for(let c of i.designContext.imports)l.write("import '"+c+"';");l.write("document.body.style.display='';"),l.write("</script>"),l.write("<style>"+(s??"")+"</style>"),l.write('<body style="display:none; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;">'+r+"</body>"),l.close()})}};kc();Cc();go();ee();go();var Cd=class extends xi{createDesignItem(e,t,i,r){let s=new M(e,t,i,r);return e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&requestAnimationFrame(()=>{let o=1,a=e.getAttribute("sample-repeat-count");a&&(o=parseInt(a));for(let l=0;l<o;l++){let c=e;for(let h of e.content.childNodes)c=this.instancateNode(c,h)}}),s}instancateNode(e,t,i=!1){let r=t.cloneNode(!1);i?e.appendChild(r):e.parentNode.insertBefore(r,e.nextSibling),M.GetDesignItem(t).setView(r);for(let s of t.childNodes)this.instancateNode(r,s,!0);return r}};Al();Dc();import{LazyLoader as au}from"@node-projects/base-custom-webcomponent";var Ed=class{_name;get name(){return this._name}_elementList;_resolveStored;_rejectStored;getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}constructor(e,t){this._name=e,au.LoadText(t.toString()).then(i=>{let r=JSON.parse(i);this._elementList=[],r.elements.forEach(s=>{this.isIElementDefintion(s)?this._elementList.push(s):this._elementList.push({tag:s})}),this._resolveStored&&(this._resolveStored.forEach(s=>s(this._elementList)),this._resolveStored=null,this._rejectStored=null)}).catch(i=>{this._rejectStored&&(this._rejectStored.forEach(r=>r(i)),this._resolveStored=null,this._rejectStored=null)})}isIElementDefintion(e){return e!=null&&e.tag!=null}};rr();rr();var Ad=class extends Ce{isHandledElementFromEventsService(e){return this.__eventsList?.[e.name]!=null}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ce._simpleMouseEvents,...Ce._pointerEvents,...Ce._allElements,...Ce._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}__eventsList;constructor(e,t){super(),this._parseManifest(t)}_parseManifest(e){this.__eventsList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let s=t.find(o=>o.name==r.declaration.name);if(s){if(s.events){let o=[];for(let a of s.events)o.push({name:a.name});o.length&&(this.__eventsList[r.name]=o)}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}};zl();He();rs();Q();_e();oe();var bi;(function(n){n[n.block=0]="block",n[n.complex=1]="complex"})(bi||(bi={}));var Pd=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t){if(t.hasAttributes)for(let i of t.attributes())e.indentedTextWriter.write(" "),typeof i[1]=="string"?i[1]===""?e.indentedTextWriter.write(i[0]):e.indentedTextWriter.write(i[0]+'="'+Y.normalizeAttributeValue(i[1])+'"'):i[1]||e.indentedTextWriter.write(i[0])}writeStyles(e,t){if(t.hasStyles){e.indentedTextWriter.write(' style="');let i=t.styles();e.options.compressCssToShorthandProperties&&(i=mi.combine(new Map(i)));for(let r of i)r[0]&&e.indentedTextWriter.write(F.camelToDashCase(r[0])+":"+Y.normalizeAttributeValue(r[1])+";");e.indentedTextWriter.write('"')}}_writeTextNode(e,t){e.lastElementDisplayType=De.inline;let i=Y.normalizeContentValue(t.content).trim();i&&e.indentedTextWriter.write(i)}_writeCommentNode(e,t){e.indentedTextWriter.write("<!--"+t.content+"-->")}_writeElementNode(e,t){let i=Nh(t.element);e.lastElementDisplayType=i,e.indentedTextWriter.write("<"+t.name),this.writeAttributes(e,t),this.writeStyles(e,t),e.indentedTextWriter.write(">");let r=!1;if(t.hasChildren){let s=t.children();if(r=t.childCount===1&&t.firstChild.nodeType===I.TextNode,r)this._writeInternal(e,t.firstChild);else{let o=e.containerDisplayType;e.containerDisplayType=this.getContainerType(t.element),e.indentedTextWriter.levelRaise(),this._writeDesignItemList(i,e,s),e.indentedTextWriter.levelShrink(),e.containerDisplayType=o}}else t.hasContent&&e.indentedTextWriter.write(Y.normalizeContentValue(t.content));Y.IsSelfClosingElement(t.name)||(i===De.block&&t.hasChildren&&!r&&this._writeNewlineAndIntend(e),e.indentedTextWriter.write("</"+t.name+">"),i!==De.none&&(e.lastElementDisplayType=i))}_writeDesignItemList(e,t,i){for(let r of i)t.lastElementDisplayType==null||(t.containerDisplayType===bi.complex?this._writeNewlineAndIntend(t):t.lastElementDisplayType!==De.inline&&this._writeNewlineAndIntend(t)),this._writeInternal(t,r)}_writeNewlineAndIntend(e){e.indentedTextWriter.writeNewline(),e.indentedTextWriter.writeIndent()}_writeInternal(e,t){let i=e.indentedTextWriter.position;t.nodeType===I.TextNode?this._writeTextNode(e,t):t.nodeType===I.Comment?this._writeCommentNode(e,t):t.nodeType===I.Element&&this._writeElementNode(e,t),e.designItemsAssignmentList&&e.designItemsAssignmentList.set(t,{start:i,length:e.indentedTextWriter.position-i-1})}getContainerType(e){let t=window.getComputedStyle(e).display;return t==="block"||t==="inline-block"||t==""?bi.block:bi.complex}write(e,t,i){let r={indentedTextWriter:e,options:this.options,lastElementDisplayType:null,containerDisplayType:bi.block};this._writeDesignItemList(De.inline,r,t)}};Bl();Wi();ha();Be();me();pe();Ae();be();rr();var Id=class extends q{getRefreshMode(e){return W.none}_name;get name(){return this._name}_packageData;_elementList;_propertiesList;__eventsList;_resolveStored;_rejectStored;_importPrefix="";constructor(e,t,i=""){if(super(),this._name=e,this._importPrefix=i,typeof t=="string"){this._importPrefix=this._importPrefix??t.split("/").slice(0,-1).join("/");let r;window.importShim?r=importShim(t,{with:{type:"json"}}):r=import(t,{with:{type:"json"}}),r.then(s=>{this._packageData=s.default,this._parseManifest()}).catch(s=>{this._rejectStored&&(this._rejectStored.forEach(o=>o(s)),this._resolveStored=null,this._rejectStored=null)})}else this._packageData=t,this._parseManifest()}_parseManifest(){this._elementList=[],this._propertiesList={};for(let e of this._packageData.modules){for(let t of e.exports)if(t.kind=="custom-element-definition"){this._elementList.push({tag:t.name,import:Mt(this._importPrefix,"/")+"/"+ve(e.path,"/")});let i=[],r=e.declarations.find(s=>s.name==t.declaration.name);for(let s of r.members)if(s.kind=="field"){let o=v.property;r.attributes&&(o=r.attributes.find(l=>l.fieldName==s.name)!=null?v.propertyAndAttribute:v.property);let a=_i.manifestClassPropertyTypeToEditorPropertyType(s.type?.text,s.type?.editor);i.push({name:s.name,service:this,propertyType:o,type:a[0],values:a[1],description:s.description})}if(this._propertiesList[t.name]=i,r.events){let s=[];for(let o of r.events)s.push({name:o.name});s.length&&(this.__eventsList[t.name]=s)}}this._resolveStored&&(this._resolveStored.forEach(t=>t(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}async getElements(){return this._packageData?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}isHandledElement(e){return this._elementList?this._elementList.find(t=>t.tag==e.name)!=null:!1}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==v.attribute?L.attribute:L.property}isHandledElementFromEventsService(e){return this.__eventsList?this.__eventsList[e.name]!=null:!1}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ce._simpleMouseEvents,...Ce._pointerEvents,...Ce._allElements,...Ce._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}};ch();Tl();var Dd=class{constructor(e,t,i){}cursorsChanged};wa();me();cc();Se();va();pa();ma();_a();ua();import{html as lu,BaseCustomWebComponentConstructorAppend as cu}from"@node-projects/base-custom-webcomponent";var kd=class extends cu{static template=lu`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;constructor(){super()}};fa();ga();ya();ba();oc();sc();_e();Zt();ic();Ss();Ca();$c();qt();pe();Ae();me();nt();Be();var Do=class extends q{getRefreshMode(e){return W.none}contentProperty={name:"textContent",type:"string",service:this,propertyType:v.property};idProperty={name:"id",type:"string",service:this,propertyType:v.propertyAndAttribute};innerHtmlProperty={name:"innerHTML",type:"string",service:this,propertyType:v.property};name="content";isHandledElement(e){return!0}async getProperty(e,t){return t=="id"?this.idProperty:this.contentProperty}async getProperties(e){return[this.idProperty,this.contentProperty,this.innerHtmlProperty]}clearValue(e,t,i="all"){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let r=e[0].openGroup("property cleared: "+t.name);for(let s of e)i!="binding"&&s.clearChildren(),i!="value"&&s.serviceContainer.forSomeServicesTillResult("bindingService",o=>o.clearBinding(s,t.name,this.getPropertyTarget(s,t))),this._notifyChangedProperty(s,t,void 0);r.commit()}else super.clearValue(e,t,i)}isSet(e,t){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let i=!0,r=!1;if(e!=null&&e.length!==0){e.forEach(o=>{let a=!1;a=o.element.childNodes.length>0,i=i&&a,r=r||a});let s=q.getOrBuildCachedBindings(e[0]);if(s&&s.find(o=>(o.target==L.property||o.target==L.explicitProperty)&&o.targetName==t.name))return H.bound}return i?H.all:r?H.some:H.none}return super.isSet(e,t)}getValue(e,t){return t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name?e[0].element.textContent:super.getValue(e,t)}};ac();ws();Ae();pe();me();var Td=class extends q{getRefreshMode(e){return W.full}name="list";_propertys=new Map;constructor(e,t){super(t);for(let i in e){let r=[];this._propertys.set(i,r);for(let s in e[i]){let o=e[i][s];r.push({name:o.name,propertyName:o.propertyName,attributeName:o.attributeName,description:o.description,type:o.type,default:o.default,min:o.min,max:o.max,step:o.step,values:o.values,enumValues:o.enumValues,value:o.value,defaultValue:o.defaultValue,service:this,propertyType:o.propertyType??v.propertyAndAttribute})}}}isHandledElement(e){return this._propertys.has(e.element.localName)}_notifyChangedProperty(e,t,i){}async getProperties(e){return this._propertys.get(e.element.localName)}};Zo();Pa();Oc();qo();Qo();Xo();Ae();rc();lc();Ae();me();pe();var Md=class extends q{getRefreshMode(e){return W.full}isHandledElement(e){return!0}async getProperties(e){let t=Object.getOwnPropertyNames(Object.getPrototypeOf(e.element)),i=[];for(let r of t){if(r.startsWith("on"))continue;let s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.element),r);if(s.get||s.set){let o=e.element[r];typeof o=="boolean"?i.push({name:r,type:"boolean",service:this,propertyType:v.propertyAndAttribute}):typeof o=="number"?i.push({name:r,type:"bonumberolean",service:this,propertyType:v.propertyAndAttribute}):i.push({name:r,type:"string",service:this,propertyType:v.propertyAndAttribute})}}return i}};pe();nt();var Od=class{getRefactorings(e){let t=[];for(let i of e){let r=i.serviceContainer.bindingService.getBindings(i);if(r)for(let s of r)for(let o of s.bindableObjectNames)if(o.includes(":")){let a=o.split(":")[0],l=o.substring(a.length+1);t.push({service:this,name:l,itemType:"signal",designItem:i,type:"binding",sourceObject:s,display:s.target+"/"+s.targetName+" - "+a+":",shortName:a})}else t.push({service:this,name:o,itemType:"signal",designItem:i,type:"binding",sourceObject:s,display:s.target+"/"+s.targetName})}return t}refactor(e,t,i){let r=e.sourceObject;e.shortName?r.bindableObjectNames=r.bindableObjectNames.map(s=>s==e.shortName+":"+t?e.shortName+":"+i:s):r.bindableObjectNames=r.bindableObjectNames.map(s=>s==t?i:s),e.designItem.serviceContainer.bindingService.setBinding(e.designItem,r)}};var Ld=class{getRefactorings(e){let t=[];for(let i of e)if((i.element instanceof i.window.HTMLInputElement||i.element instanceof i.window.HTMLTextAreaElement)&&i.element.value&&t.push({service:this,name:i.element.value,itemType:"text",designItem:i,type:"attribute",sourceObject:i,display:"attribute/value"}),i.childCount>0&&i.element.textContent){let r=!0;for(let s of i.element.childNodes)s.nodeType!=3&&(r=!1);r&&t.push({service:this,name:i.element.textContent,itemType:"text",designItem:i,type:"content",sourceObject:i,display:"textContent"})}return t}refactor(e,t,i){e.type=="attribute"?e.designItem.setAttribute("value",i):e.type=="content"&&(e.designItem.content=i)}};dh();vc();ee();import{TypedEvent as Xd}from"@node-projects/base-custom-webcomponent";function uh(n){let e={A:0,B:0,C:0};return hu(n)?(pu(n,0,e),e):(du(n,e),e)}function hu(n){for(let e=0;e<n.length;e++){let t=n.charCodeAt(e);if(t===58||t===91||t===40||t===44||t===92)return!0}return!1}function du(n,e){let t=n.length,i=0;for(;i<t;){let r=n.charCodeAt(i);if(r===124&&i+1<t&&n.charCodeAt(i+1)===124){i+=2;continue}if(r===32||r===62||r===43||r===126){i++;continue}if(r===35){for(e.A++,i++;i<t&&or(n.charCodeAt(i));)i++;continue}if(r===46){for(e.B++,i++;i<t&&or(n.charCodeAt(i));)i++;continue}if(r===42){i++;continue}if(Yd(r)||r===124){for(;i<t;){let s=n.charCodeAt(i);if(or(s)||s===124)i++;else break}e.C++;continue}i++}}function pu(n,e,t){let i=e,r=0,s=0,o=0;for(;i<n.length;){if(r=s=o=0,i=Si(n,i,t,!0),r=t.A,s=t.B,o=t.C,n.charCodeAt(i)===44){i++;let a=r,l=s,c=o;for(;i<n.length;){if(t.A=t.B=t.C=0,i=Si(n,i,t,!0),(t.A>a||t.A===a&&(t.B>l||t.B===l&&t.C>c))&&(a=t.A,l=t.B,c=t.C),n.charCodeAt(i)===44){i++;continue}break}t.A=a,t.B=l,t.C=c}break}return i}function Si(n,e,t,i){let r=e;for(i&&(t.A=t.B=t.C=0);r<n.length;){let s=n.charCodeAt(r);if(s===44||s===41)break;if(s===124&&n.charCodeAt(r+1)===124){r+=2;continue}if(s===32||s===62||s===43||s===126){r++;continue}if(s===35){r=ko(n,r+1),t.A++;continue}if(s===46){r=ko(n,r+1),t.B++;continue}if(s===91){r=ph(n,r,91,93),t.B++;continue}if(s===58){if(n.charCodeAt(r+1)===58){r+=2,r=ko(n,r),n.charCodeAt(r)===40&&(r=ph(n,r,40,41)),t.C++;continue}let o=r+1,a=ko(n,o);if(r=a,gu(n,o,a-o)){t.C++;continue}if(n.charCodeAt(r)===40){let l=r+1,c=ph(n,r,40,41),h=a-o;switch(fu(n,o,h)){case Nd:r=c;continue;case Rd:case Fd:case zd:case jd:case Ud:case Kd:{let p=0,f=0,m=0,u=l,y=c-1;for(;u<y;){let x={A:0,B:0,C:0};if(u=mu(n,u,x),(x.A>p||x.A===p&&(x.B>f||x.B===f&&x.C>m))&&(p=x.A,f=x.B,m=x.C),n.charCodeAt(u)===44)u++;else break}t.A+=p,t.B+=f,t.C+=m,r=c;continue}case Bd:{let p={A:0,B:0,C:0};Si(n,l,p,!1),t.A+=p.A,t.B+=p.B,t.C+=p.C,r=c;continue}case Vd:case Hd:{t.B++;let p={A:0,B:0,C:0};Si(n,l,p,!1),t.A+=p.A,t.B+=p.B,t.C+=p.C,r=c;continue}case Wd:case Gd:{t.B++;let p=c-1,f=yu(n,l,p);if(f!==-1){let m=f+2;for(;m<p&&mh(n.charCodeAt(m));)m++;let u=0,y=0,x=0,_=m;for(;_<p;){let w={A:0,B:0,C:0};if(_=Si(n,_,w,!1),(w.A>u||w.A===u&&(w.B>y||w.B===y&&w.C>x))&&(u=w.A,y=w.B,x=w.C),n.charCodeAt(_)===44)_++;else break}t.A+=u,t.B+=y,t.C+=x}r=c;continue}default:t.B++,r=c;continue}}else{t.B++;continue}}if(s===42){r++;continue}if(Yd(s)||s===124){for(;r<n.length&&(or(n.charCodeAt(r))||n.charCodeAt(r)===124);)r++;t.C++;continue}r++}return r}function mu(n,e,t){return Si(n,e,t,!1)}var uu=0,Nd=1,Rd=2,Fd=3,zd=4,Bd=5,Vd=6,Hd=7,Wd=8,Gd=9,jd=10,Ud=11,Kd=12;function fu(n,e,t){return t===5&&n.charCodeAt(e)===119&&n.charCodeAt(e+1)===104&&n.charCodeAt(e+2)===101&&n.charCodeAt(e+3)===114&&n.charCodeAt(e+4)===101?Nd:t===3&&n.charCodeAt(e)===110&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===116?Fd:t===2&&n.charCodeAt(e)===105&&n.charCodeAt(e+1)===115?Rd:t===3&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===97&&n.charCodeAt(e+2)===115?zd:t===4&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===115&&n.charCodeAt(e+3)===116?Vd:t===12&&n.charCodeAt(e)===104&&n.charCodeAt(e+4)===45&&n.charCodeAt(e+5)===99&&n.substring(e,e+t)==="host-context"?Hd:t===7&&n.charCodeAt(e)===115&&n.substring(e,e+7)==="slotted"?Bd:t===9&&n.charCodeAt(e)===110&&n.substring(e,e+9)==="nth-child"?Wd:t===14&&n.charCodeAt(e)===110&&n.substring(e,e+14)==="nth-last-child"?Gd:t===7&&n.charCodeAt(e)===109&&n.substring(e,e+7)==="matches"?jd:t===11&&n.charCodeAt(e)===45&&n.substring(e,e+11)==="-webkit-any"?Ud:t===8&&n.charCodeAt(e)===45&&n.substring(e,e+8)==="-moz-any"?Kd:uu}function gu(n,e,t){if(t===6){let i=n.charCodeAt(e);if(i===98)return n.substring(e,e+6)==="before";if(i===97)return n.substring(e,e+6)==="after"}return t===5&&n.charCodeAt(e)===97?n.substring(e,e+5)==="after":t===10&&n.charCodeAt(e)===102?n.substring(e,e+10)==="first-line":t===12&&n.charCodeAt(e)===102?n.substring(e,e+12)==="first-letter":!1}function Yd(n){return n>=65&&n<=90||n>=97&&n<=122||n===95||n===45||n===92}function or(n){return n>=65&&n<=90||n>=97&&n<=122||n>=48&&n<=57||n===95||n===45||n===92}function mh(n){return n===32||n===9||n===10||n===13||n===12}function ko(n,e){let t=e;for(;t<n.length;){let i=n.charCodeAt(t);if(i===92){t+=2;continue}if(!or(i))break;t++}return t}function ph(n,e,t,i){let r=0,s=0,o=e;for(;o<n.length;){let a=n.charCodeAt(o);if(s){if(a===92){o+=2;continue}a===s&&(s=0),o++;continue}if(a===34||a===39){s=a,o++;continue}if(a===t)r++;else if(a===i&&(r--,r===0))return o+1;o++}return o}function yu(n,e,t){let i=e;for(;i<=t-1;){for(;i<=t-1&&mh(n.charCodeAt(i));)i++;if(n.charCodeAt(i)===111&&n.charCodeAt(i+1)===102&&(i+2>t-1||mh(n.charCodeAt(i+2))||n.charCodeAt(i+2)===40))return i;i++}return-1}var To=class n{_stylesheets=new Map;_documentStylesheets=new Map;_allStylesheets=new Map;_instanceServiceContainer;constructor(e){this._instanceServiceContainer=e.instanceServiceContainer}async setStylesheets(e){await this.internalSetStylesheets(e,this._stylesheets)}async setDocumentStylesheets(e){await this.internalSetStylesheets(e,this._documentStylesheets)}async internalSetStylesheets(e,t){if(t!=null&&e!=null&&t.size==e.length&&e.every(i=>t.has(i.name)))for(let i of e){let r=t.get(i.name);if(r.stylesheet.content!=i.content){try{t.set(i.name,{stylesheet:i,ast:await this.internalParse(i.content)})}catch(s){console.warn("error parsing stylesheet",i,s)}t==this._stylesheets&&this.stylesheetChanged.emit({name:i.name,newStyle:i.content,oldStyle:r.stylesheet.content,changeSource:"extern"})}}else if(e!=null){t.clear();for(let i of e){let r=null;try{r=await this.internalParse(i.content)}catch(s){console.warn("error parsing stylesheet",i,s)}t.set(i.name,{stylesheet:i,ast:r})}t==this._stylesheets&&this.stylesheetsChanged.emit()}else t.clear();this._allStylesheets.clear();for(let i of this._documentStylesheets)this._allStylesheets.set(i[0],i[1]);for(let i of this._stylesheets)this._allStylesheets.set(i[0],i[1])}async internalReparseStylesheet(e){let t=this._allStylesheets;this._documentStylesheets.has(e)&&(t=this._documentStylesheets),this._stylesheets.has(e)&&(t=this._stylesheets);let i=t.get(e),r=null;try{r=await this.internalParse(i.stylesheet.content)}catch(o){console.warn("error parsing stylesheet",e,o)}let s={stylesheet:i.stylesheet,ast:r};this._stylesheets.set(e,s),this._allStylesheets.set(e,s)}getStylesheets(){let e=[];for(let t of this._stylesheets)e.push(t[1].stylesheet);return e}getDeclarationsSortedBySpecificity(e,t){let i=this.getDeclarations(e,t);return i.reverse().sort((r,s)=>r.parent.specificity==null?-1:s.parent.specificity==null?1:r.parent.specificity.A>s.parent.specificity.A||r.parent.specificity.A===s.parent.specificity.A&&r.parent.specificity.B>s.parent.specificity.B||r.parent.specificity.A===s.parent.specificity.A&&r.parent.specificity.B===s.parent.specificity.B&&r.parent.specificity.C>s.parent.specificity.C?-1:r.parent.specificity.A===s.parent.specificity.A&&r.parent.specificity.B===s.parent.specificity.B&&r.parent.specificity.C===s.parent.specificity.C?0:1),i}updateDeclarationValue(e,t,i){this.updateDeclarationValueWithoutUndo(e,t,i)}stylesheetChanged=new Xd;stylesheetsChanged=new Xd;static patchStylesheetSelectorForDesigner(e){return e.replaceAll(":hover","["+_t+"]").replaceAll(":active","["+Li+"]").replaceAll(":visited","["+Ni+"]").replaceAll(":focus","["+Ri+"]").replaceAll(":focus-within","["+Fi+"]").replaceAll(":focus-visible","["+zi+"]")}elementMatchesASelector(e,t){let i=null;for(let r of t)try{if(e&&r===":host"&&e.isRootItem){let s=uh(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}else if(!e||e.element.matches(n.patchStylesheetSelectorForDesigner(r))){let s=uh(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}}catch{console.warn("invalid selector: ",r,"patched: "+n.patchStylesheetSelectorForDesigner(r))}return i===null?!1:i}};gc();yc();Jo();la();$o();ah();Ze();ta();aa();var Mo=class{stylesheetService;constructor(e,t,i,r){this.title="Changed Css Stylesheet: "+t,this.stylesheetService=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[]}undo(){this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.oldValue)}do(){this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.newValue)}name;newValue;oldValue;mergeWith(e){return!1}};var Oo=class{constructor(e,t){this.title="Set all DesignItems",this.newDesignItems=e,this.oldDesignItems=t}title;get affectedItems(){return this.newDesignItems}undo(){this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.oldDesignItems)}do(){this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.newDesignItems)}newDesignItems;oldDesignItems;mergeWith(e){return!1}};na();mr();mr();import{TypedEvent as vu}from"@node-projects/base-custom-webcomponent";var Lo=class{imports=[];npmPackages=[];extensionOptions={gridExtensionShowOverlay:!1,flexboxExtensionShowOverlay:!1,invisibleElementExtensionShowOverlay:!1,enableStylesheetService:!1,basicStackedToolbarExtensionShowOverlay:!1,simulateHoverOnHover:!1,selectUnhitableElements:!0};extensionOptionsChanged=new vu};var No=class extends Xt{designContext=new Lo;designerCanvas;designer;documentContainer;constructor(e){super(),this.designerCanvas=e}get undoService(){return this.getLastService("undoService")}get selectionService(){return this.getLastService("selectionService")}get contentService(){return this.getLastService("contentService")}get stylesheetService(){return this.getLastService("stylesheetService")}get designItemDocumentPositionService(){return this.getLastService("designItemDocumentPositionService")}};Yo();me();nt();xt();pe();te();import{BaseCustomWebComponentLazyAppend as xu,css as _u,DomHelper as Zd}from"@node-projects/base-custom-webcomponent";var Me=class n extends xu{_div;_propertyMap=new Map;_serviceContainer;_propertiesService;_designItems;_lastClassType;_addCounter=0;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;get propertiesService(){return this._propertiesService}static get style(){return _u`:host{display:block;height:100%;overflow:auto;box-sizing:border-box}.content-wrapper{padding:.5em;display:grid;grid-template-columns:11px minmax(80px,auto) minmax(80px,auto);align-items:center;grid-auto-rows:minmax(24px,auto);align-items:center}input,label,select{display:inline-block;color:#fff;background:0 0;margin:2px 0;padding:0 2px 0 4px;width:110px;white-space:nowrap}.style-label,label{box-sizing:border-box;display:inline-block;font-size:13px;width:auto;overflow:hidden;text-overflow:ellipsis;margin-right:2px}input,select{height:24px;border:1px solid var(--input-border-color,#596c7a);border-radius:0;box-sizing:border-box;font-size:11px;width:100%;padding:0;padding-left:3px;margin:0}input[disabled]{color:#bdbdbd}select{background:0 0}select:focus option{color:#000}.unset-value{color:#778899}.unset-value>*{color:#778899}.unset-value:focus{color:#fff}.group-header{grid-column:1/3;font-size:10px;font-family:monospace}.group-header[clickable]:hover{cursor:pointer;color:orange;text-decoration:underline}.group-header::after{content:" ▾";font-size:14px}.group-header.expanded::after{content:" ▴";font-size:14px}.group-desc{display:inline-flex;flex-direction:row-reverse;font-size:10px;text-decoration:underline}.group-desc[clickable]:hover{cursor:pointer;color:orange;text-decoration:underline}.dragOverProperty{outline:2px dashed orange;outline-offset:-2px}`}constructor(e){super(),this._restoreCachedInititalValues(),this._serviceContainer=e,this._div=document.createElement("div"),this._div.className="content-wrapper",this.shadowRoot.appendChild(this._div)}setPropertiesService(e){this._propertiesService!=e&&(this._propertiesService=e,Zd.removeAllChildnodes(this._div),this._propertyMap.clear())}async createElements(e){if(this._propertiesService&&this._propertiesService.getRefreshMode(e)!==W.none&&(this._propertiesService.getRefreshMode(e)!==W.fullOnClassChange||this._lastClassType!==e.element.constructor)||this._propertyMap.size==0){if(this._lastClassType=e.element.constructor,Zd.removeAllChildnodes(this._div),this._propertyMap.clear(),this._propertiesService){let t=await this._propertiesService.getProperties(e);if(t?.length){for(let i of t)"properties"in i?this.createPropertyGroups(i):this.createPropertyEditors(i);return!0}}return!1}return!0}createPropertyGroups(e){let t=document.createElement("span");t.addEventListener("click",()=>{this.expandOrCollapsePropertyGroups(e),t.classList.toggle("expanded")}),t.innerHTML=e.name.replaceAll(`
6
- `,"<br>"),t.className="group-header",this._div.appendChild(t);let i=document.createElement("span");i.innerHTML=e.description??"",i.className="group-desc",this.propertyGroupHover&&(t.onmouseenter=()=>{this.propertyGroupHover(e,"name")?t.setAttribute("clickable",""):t.removeAttribute("clickable")},t.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"name")},i.onmouseenter=()=>{this.propertyGroupHover(e,"desc")?i.setAttribute("clickable",""):i.removeAttribute("clickable")},i.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"desc")}),this._div.appendChild(i);for(let r of e.properties)this.createPropertyEditors(r,!0)}expandOrCollapsePropertyGroups(e){for(let t of e.properties){let i=this._propertyMap.get(t),r=i.labelElement.style.display=="none"?"flex":"none";i.editor.element&&(i.editor.element.style.display=r),i.labelElement&&(i.labelElement.style.display=r),i.isSetElement.parentElement&&(i.isSetElement.parentElement.style.display=r)}}createPropertyEditors(e,t){let i,r;if(e.createEditor?i=e.createEditor(e):i=this._serviceContainer.forSomeServicesTillResult("editorTypesService",s=>s.getEditorForProperty(e)),i){let s=document.createElement("div");t&&(s.style.marginLeft="10px"),s.style.width="20px",s.style.height="20px",s.style.display="flex",s.style.alignItems="center";let o=document.createElement("div");if(o.style.width="7px",o.style.height="7px",o.style.border="1px white solid",o.style.cursor="pointer",e.propertyType!=v.complex&&s.appendChild(o),this._div.appendChild(s),e.readonly!==!0&&(o.oncontextmenu=a=>{a.preventDefault(),this.openContextMenu(a,e)},o.onclick=a=>{a.preventDefault(),this.openContextMenu(a,e)}),e.type=="addNew"){let a=i.element;a.disabled=!0,a.id="addNew_input_"+ ++this._addCounter;let l=document.createElement("input");if(r=l,t&&(l.style.marginLeft="10px",l.style.width="calc(100% - 10px)"),l.value=e.name,l.type="text",l.id="addNew_label_"+this._addCounter,l.onkeyup=c=>{c.key=="Enter"&&l.value&&(e.name=l.value,l.disabled=!0,a.disabled=!1,a.focus())},e.service.getPropertyNameSuggestions){let c=e.service.getPropertyNameSuggestions(null),h=document.createElement("datalist");h.id="addNew_"+this._addCounter+"_datalist";for(let d of c){let p=document.createElement("option");p.value=d,h.append(p)}this._div.appendChild(h),l.setAttribute("list",h.id)}this._div.appendChild(l)}else if(e.renamable){let a=document.createElement("input");r=a,t&&(a.style.marginLeft="10px",a.style.width="calc(100% - 10px)"),a.id="label_"+e.name;let l=i.element;a.value=e.name,a.onkeyup=async c=>{if(c.key=="Enter"&&a.value){let h=this._designItems[0].openGroup("rename property name from '"+e.name+"' to '"+a.value+"'");e.service.clearValue(this._designItems,e,"all"),e.name=a.value,await e.service.setValue(this._designItems,e,l.value),h.commit(),this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems)}},this._div.appendChild(a)}else{let a=document.createElement("label");r=a,t&&(a.style.marginLeft="10px"),a.htmlFor=e.name,a.textContent=e.displayName??e.name,a.title=e.description??(e.displayName??e.name)+" (type: "+e.type+(e.defaultValue?", default: "+e.defaultValue:"")+", propertytype: "+e.propertyType+")",a.ondragleave=l=>this._onDragLeave(l,e,a),a.ondragover=l=>this._onDragOver(l,e,a),a.ondrop=l=>this._onDrop(l,e,a),this._div.appendChild(a)}e.name&&(i.element.id=e.name),this._div.appendChild(i.element),this._propertyMap.set(e,{isSetElement:o,labelElement:r,editor:i})}}_onDragLeave(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty")}_onDragOver(e,t,i){if(e.preventDefault(),e.dataTransfer.types.indexOf(Lt)>=0){let o=this._serviceContainer.bindableObjectDragDropService;if(o){let a=o.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}if(e.dataTransfer.types.indexOf(xa)>=0){let o=this._serviceContainer.propertyGridDragDropService;if(o){let a=o.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}}_onDrop(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty");let r=e.dataTransfer.getData(Lt);if(r){let o=JSON.parse(r),a=this._serviceContainer.bindableObjectDragDropService;a&&a.dropOnProperty(e,t,o,this._designItems)}let s=e.dataTransfer.getData(xa);if(s){let o=JSON.parse(s),a=this._serviceContainer.propertyGridDragDropService;a&&a.dropOnProperty(e,t,o,this._designItems)}}openContextMenu(e,t){let i;this.propertyContextMenuProvider&&(i=this.propertyContextMenuProvider(this._designItems,t)),i||(i=t.service.getContextMenu(this._designItems,t)),ye.show(i,e)}designItemsChanged(e){this._designItems=e;for(let t of this._propertyMap)t[1].editor.designItemsChanged(e)}refreshForDesignItems(e){for(let t of this._propertyMap)n.refreshIsSetElementAndEditorForDesignItems(t[1].isSetElement,t[0],e,this._propertiesService,t[1].editor)}static refreshIsSetElementAndEditorForDesignItems(e,t,i,r,s){if(i&&i.length){let o=r.isSet(i,t),a=r.getValue(i,t);e.title=t.name+": "+o,o==H.none?(e.style.background="",a=r.getUnsetValue(i,t)):o==H.all?e.style.background="white":o==H.some?e.style.background="gray":o==H.bound?e.style.background="orange":o==H.fromStylesheet&&(a=r.getUnsetValue(i,t),e.style.background="yellow"),s?.refreshValueWithoutNotification(o,a)}else e.style.background=""}};customElements.define("node-projects-property-grid-property-list",Me);me();import{BaseCustomWebComponentLazyAppend as bu,css as Su}from"@node-projects/base-custom-webcomponent";var fh=class extends bu{_serviceContainer;_designerTabControl;_selectedItems;_propertyGridPropertyLists;_propertyGridPropertyListsDict;_itemsObserver;_nodeReplacedCb;_instanceServiceContainer;_selectionChangedHandler;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;static style=Su`:host{display:block;height:100%;user-select:none;-webkit-user-select:none}button:hover{box-shadow:inset 0 3px 0 var(--light-grey)}button:focus{box-shadow:inset 0 3px 0 var(--highlight-pink,#e91e63)}`;static properties={serviceContainer:Object,instanceServiceContainer:Object,selectedItems:Array,propertyGroupHover:Function,propertyGroupClick:Function,propertyContextMenuProvider:Function};constructor(){super(),this._designerTabControl=new rt,this.shadowRoot.appendChild(this._designerTabControl),this._restoreCachedInititalValues(),this.addEventListener("contextmenu",e=>{e.composedPath()[0].localName!="input"&&e.preventDefault()}),this._itemsObserver=new MutationObserver(e=>this._mutationOccured())}set serviceContainer(e){this._serviceContainer=e,this._propertyGridPropertyLists=[],this._propertyGridPropertyListsDict={}}get serviceContainer(){return this._serviceContainer}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._instanceServiceContainer?(this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements):this.selectedItems=[]}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this._selectedItemsSet())}async _selectedItemsSet(){let e=this._serviceContainer.propertyGroupService.getPropertygroups(this._selectedItems),t=new Set;for(let r of e){let s=this._propertyGridPropertyListsDict[r.name];s||(s=new Me(this.serviceContainer),s.title=r.name,s.propertyGroupHover=this.propertyGroupHover,s.propertyGroupClick=this.propertyGroupClick,s.propertyContextMenuProvider=this.propertyContextMenuProvider,this._designerTabControl.appendChild(s),this._propertyGridPropertyLists.push(s),this._propertyGridPropertyListsDict[r.name]=s),s.setPropertiesService(r.propertiesService),await s.createElements(this._selectedItems[0])&&t.add(r.name)}let i=this._designerTabControl;for(let r of t){let s=this._propertyGridPropertyListsDict[r],o=s.scrollTop;i===this._designerTabControl?i.insertAdjacentElement("afterbegin",s):i.insertAdjacentElement("afterend",s),i=s,s.scrollTo(0,o)}for(let r of this._propertyGridPropertyLists)t.has(r.title)?r.style.display="block":r.style.display="none";this._designerTabControl.refreshItems(),this._designerTabControl.selectedIndex<0&&(this._designerTabControl.selectedIndex=0);for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.designItemsChanged(this._selectedItems);if(this._selectedItems){if(this._selectedItems.length==1){for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.refreshForDesignItems(this._selectedItems);this._observePrimarySelectionForChanges()}}else this._itemsObserver.disconnect(),this._nodeReplacedCb?.dispose(),this._nodeReplacedCb=null}_blockDoubleRun=!1;async _mutationOccured(){if(!this._blockDoubleRun){this._blockDoubleRun=!0;for(let e of this._propertyGridPropertyLists)e.propertiesService?.getRefreshMode(this._selectedItems[0])==W.fullOnValueChange&&(await e.createElements(this._selectedItems[0]),e.designItemsChanged(this._selectedItems)),e.refreshForDesignItems(this._selectedItems);this._blockDoubleRun=!1}}_observePrimarySelectionForChanges(){this._nodeReplacedCb?.dispose(),this._itemsObserver.disconnect(),this._itemsObserver.observe(this._selectedItems[0].element,{attributes:!0,childList:!1,characterData:!1}),this._nodeReplacedCb=this._selectedItems[0].nodeReplaced.on(()=>{this._observePrimarySelectionForChanges(),this._mutationOccured()})}};customElements.define("node-projects-web-component-designer-property-grid",fh);be();Q();import{BaseCustomWebComponentLazyAppend as wu,css as Cu,html as Eu}from"@node-projects/base-custom-webcomponent";xt();var gh=class extends wu{static style=Cu`:host{display:block;height:100%;user-select:none;-webkit-user-select:none;background:var(--medium-grey,#2f3545);color:#fff}div.root{display:grid;grid-template-columns:11px 11px auto 1fr auto;padding:3px 6px;font-family:monospace;align-items:center}.desc{font-weight:700;font-size:10px;margin-right:5px}input{background:var(--medium-grey,#2f3545);border:solid 1px gray;color:#fff;width:calc(100% - 6px)}#type{color:wheat;white-space:nowrap;overflow:hidden;font-size:12px;height:20px;border:none}#pg{height:calc(100% - 64px)}`;static template=Eu`<div class="root"><span style="grid-column:span 3" class="desc">Type:</span><input type="text" readonly="readonly" id="type"> <button id="config" style="display:none;grid-column:5;grid-row:span 3;height:calc(100% - 10px);margin-left:10px">config</button><div title="id" id="idRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><span id="idSpan" style="grid-column:span 2" class="desc">Id:</span><input type="text" id="id"><div title="innerHTML" id="innerRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><div title="textContent" id="contentRect" style="width:7px;height:7px;border:1px solid #fff"></div><span id="contentSpan" class="desc">Content:</span><input type="text" id="content"></div><node-projects-web-component-designer-property-grid id="pg"></node-projects-web-component-designer-property-grid>`;propertyGrid;_type;_id;_content;_selectionChangedHandler;_instanceServiceContainer;_idRect;_contentRect;_innerRect;_propertiesService;_configButton;constructor(){super(),this._restoreCachedInititalValues(),this._type=this._getDomElement("type"),this._id=this._getDomElement("id"),this._content=this._getDomElement("content"),this.propertyGrid=this._getDomElement("pg"),this._idRect=this._getDomElement("idRect"),this._contentRect=this._getDomElement("contentRect"),this._innerRect=this._getDomElement("innerRect"),this._configButton=this._getDomElement("config"),this._configButton.onclick=async()=>{let i=await(await this.serviceContainer?.getLastServiceWhereAsync("configUiService",async r=>await r.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection))).getConfigUi(this._instanceServiceContainer.selectionService.primarySelection);this.serviceContainer.globalContext.showConfigClicked.emit({designItem:this._instanceServiceContainer.selectionService.primarySelection,configUi:i})},this._propertiesService=new Do,this._idRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.idProperty)},this._contentRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.contentProperty)},this._innerRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.innerHtmlProperty)},this._id.onkeydown=t=>{t.key=="Enter"?this._instanceServiceContainer.selectionService.primarySelection.id=this._id.value:t.key=="Escape"&&(this._id.value=this._instanceServiceContainer.selectionService.primarySelection?.id??"",t.preventDefault(),t.stopPropagation()),Me.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)},this._content.onkeydown=t=>{t.key=="Enter"?(this._instanceServiceContainer.selectionService.primarySelection.content=this._content.value,this._content.title=this._content.value):t.key=="Escape"&&(this._content.value=this._instanceServiceContainer.selectionService.primarySelection?.element?.textContent??"",t.preventDefault(),t.stopPropagation()),Me.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService),Me.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)};let e;this._id.onfocus=t=>{e=this._instanceServiceContainer.selectionService.primarySelection},this._id.onblur=t=>{e&&(e.id=this._id.value),e=null,Me.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)}}set serviceContainer(e){this.propertyGrid.serviceContainer=e}set instanceServiceContainer(e){let t=e;this._instanceServiceContainer=t,this._selectionChangedHandler?.dispose(),t?this._selectionChangedHandler=t.selectionService.onSelectionChanged.on(async i=>{this.propertyGrid.instanceServiceContainer=t,await st(20),t.selectionService?.primarySelection?.isRootItem?(this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host"):(this._id.disabled=!1,this._content.disabled=!1,await this.serviceContainer?.getLastServiceWhereAsync("configUiService",s=>s.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection))?this._configButton.style.display="block":this._configButton.style.display="none",t.selectionService.primarySelection?.nodeType==I.Element?this._type.value=t.selectionService.primarySelection?.name??"":this._type.value=t.selectionService.primarySelection?.node?.nodeName??"",this._type.title=this._type.value,this._id.blur(),this._id.value=t.selectionService.primarySelection?.id??"",t.selectionService.primarySelection?.element?.nodeType!=I.Element?this._content.value=t.selectionService.primarySelection?.content??"":t.selectionService.primarySelection?.element?.children?.length<=0?this._content.value=t.selectionService.primarySelection?.content??"":this._content.value="",this._content.title=this._content.value,Me.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,t.selectionService.selectedElements,this._propertiesService),Me.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,t.selectionService.selectedElements,this._propertiesService),Me.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,t.selectionService.selectedElements,this._propertiesService))}):(this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host"),this.propertyGrid.instanceServiceContainer=t}_openContextMenu(e,t,i){let r;this.propertyGrid.propertyContextMenuProvider&&(r=this.propertyGrid.propertyContextMenuProvider(t,i)),r||(r=i.service.getContextMenu(t,i)),ye.show(r,e)}};customElements.define("node-projects-web-component-designer-property-grid-with-header",gh);import{css as Fu,DomHelper as zu,html as Bu,BaseCustomWebComponentConstructorAppend as Vu}from"@node-projects/base-custom-webcomponent";le();ee();te();Ze();import{BaseCustomWebComponentLazyAppend as Du,css as ku,cssFromString as Tu,DomHelper as yh,html as Mu,TypedEvent as Qd}from"@node-projects/base-custom-webcomponent";J();var Et=k.Normal,Ro=class{snapOffset=5;_overlayLayerView;_containerItem;_positionsH=[];_positionsMiddleH=[];_positionsV=[];_positionsMiddleV=[];_outerRect;constructor(e){this._overlayLayerView=e}initialize(e){this._containerItem=e}clearSnaplines(){this._overlayLayerView.removeAllNodesWithClass&&this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),this._positionsH=[],this._positionsMiddleH=[],this._positionsV=[],this._positionsMiddleV=[]}calculateSnaplines(e){this.clearSnaplines();let t=this._containerItem.serviceContainer.snaplinesProviderService.provideSnaplines(this._containerItem,e);this._outerRect=t.outerRect,this._positionsH=t.positionsH,this._positionsMiddleH=t.positionsMiddleH,this._positionsV=t.positionsV,this._positionsMiddleV=t.positionsMiddleV}snapToPosition(e,t,i){let r=this.snapOffset+1,s,o;for(let c=0;c<this._positionsH.length;c++){let h=Math.abs(this._positionsH[c][0]-e.x);(h<r||h===r&&s===void 0)&&(r=h,s=[],o=this._positionsH[c][0]);let d;t&&(d=Math.abs(e.x+t.width-this._positionsH[c][0]),(d<r||d===r&&s===void 0)&&(r=d,s=[],o=this._positionsH[c][0]-t.width)),h===r&&s.push(this._positionsH[c][1]),t&&d===r&&h!==r&&s.push(this._positionsH[c][1])}if(t)for(let c=0;c<this._positionsMiddleH.length;c++){let h=Math.abs(this._positionsMiddleH[c][0]-(e.x+t.width/2));(h<r||h===r&&s===void 0)&&(r=h,s=[],o=this._positionsMiddleH[c][0]-t.width/2),h===r&&s.push(this._positionsMiddleH[c][1])}r=this.snapOffset+1;let a,l;for(let c=0;c<this._positionsV.length;c++){let h=Math.abs(this._positionsV[c][0]-e.y);(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsV[c][0]);let d;t&&(d=Math.abs(e.y+t.height-this._positionsV[c][0]),(d<r||d===r&&a===void 0)&&(r=d,a=[],l=this._positionsV[c][0]-t.height)),h===r&&a.push(this._positionsV[c][1]),t&&d===r&&h!==r&&a.push(this._positionsV[c][1])}if(t)for(let c=0;c<this._positionsMiddleV.length;c++){let h=Math.abs(this._positionsMiddleV[c][0]-(e.y+t.height/2));(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsMiddleV[c][0]-t.height/2),h===r&&a.push(this._positionsMiddleV[c][1])}if(this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),s!==void 0||a!==void 0){let c={x:s!==void 0?o:e.x,y:a!==void 0?l:e.y};return this.drawSnaplines(c,t,s,a),{x:s!==void 0?o:null,y:a!==void 0?l:null}}return{x:null,y:null}}drawSnaplines(e,t,i,r){if(i){let s=e.y,o=e.y;for(let a of i){let l=a.y-this._outerRect.top;s=s<l?s:l,o=o>l?o:l}for(let a of i){if(a.x-this._outerRect.left==e.x||t&&a.x-this._outerRect.left==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x),c.setAttribute("x2",a.x-this._outerRect.x),c.setAttribute("y1",s),c.setAttribute("y2",o),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(a.x-this._outerRect.left+a.width==e.x||t&&a.x-this._outerRect.left+a.width==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width),c.setAttribute("x2",a.x-this._outerRect.x+a.width),c.setAttribute("y1",s),c.setAttribute("y2",o),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(t&&a.x-this._outerRect.left+a.width/2==e.x+t.width/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width/2),c.setAttribute("x2",a.x-this._outerRect.x+a.width/2),c.setAttribute("y1",s),c.setAttribute("y2",o),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,Et)}}if(r){let s=e.x,o=e.x;for(let a of r){let l=a.x-this._outerRect.left;s=s<l?s:l,o=o>l?o:l}for(let a of r){if(a.y-this._outerRect.top==e.y||t&&a.y-this._outerRect.top==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",s),c.setAttribute("x2",o),c.setAttribute("y1",a.y-this._outerRect.y),c.setAttribute("y2",a.y-this._outerRect.y),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(a.y-this._outerRect.top+a.height==e.y||t&&a.y-this._outerRect.top+a.height==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",s),c.setAttribute("x2",o),c.setAttribute("y1",a.y-this._outerRect.y+a.height),c.setAttribute("y2",a.y-this._outerRect.y+a.height),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(t&&a.y-this._outerRect.top+a.height/2==e.y+t.height/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",s),c.setAttribute("x2",o),c.setAttribute("y1",a.y-this._outerRect.y+a.height/2),c.setAttribute("y2",a.y-this._outerRect.y+a.height/2),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,Et)}}}};ht();Wi();Ve();ee();Q();Ve();zt();function B(n,e){let t=e.get(n);return t||(t=new Map,e.set(n,t),t)}var Fo=class n{designerCanvas;designItemsWithExtentions=new Set;_timeout;_appliedDesignerExtensions=new WeakMap;_shouldAppliedDesignerExtensions=new WeakMap;_lastApplyEventPerType=new WeakMap;_lastPrimarySelectionRefreshItem;constructor(e){td(),this.designerCanvas=e,e.instanceServiceContainer.selectionService.onSelectionChanged.on(this._selectedElementsChanged.bind(this)),e.instanceServiceContainer.selectionService.onSelectionRefresh.on(this._selectedElementsRefresh.bind(this)),e.instanceServiceContainer.contentService.onContentChanged.on(this._contentChanged.bind(this)),e.serviceContainer.globalContext.onToolChanged.on(()=>{this.removeExtension(e.instanceServiceContainer.selectionService.primarySelection,C.PrimarySelectionRefreshed),this._lastPrimarySelectionRefreshItem=null})}connected(){this._timeout||(this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20))}disconnected(){this._timeout&&clearTimeout(this._timeout),this._timeout=null}refreshAllExtensionsTimeout(){this.refreshAllAppliedExtentions(),this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20)}_contentChanged(e){requestAnimationFrame(()=>{switch(e.changeType){case"added":this.applyExtensions(e.designItems,C.Permanent,null,!0);break;case"moved":this.refreshExtensions(e.designItems,C.Permanent);break;case"parsed":this.applyExtensions(Array.from(this.designerCanvas.rootDesignItem.children()),C.Permanent,null,!0);break;case"removed":this.removeExtensions(e.designItems,!0,C.Permanent);break}})}_selectedElementsChanged(e){if(this._lastPrimarySelectionRefreshItem=null,e.oldSelectedElements&&e.oldSelectedElements.length&&(this.removeExtension(e.oldSelectedElements[0],C.PrimarySelectionRefreshed),this.removeExtension(e.oldSelectedElements[0],C.PrimarySelection),this.removeExtension(e.oldSelectedElements[0],C.PrimarySelectionAndCanBeEntered),this.removeExtension(e.oldSelectedElements[0],C.OnlyOneItemSelected),this.removeExtensions(e.oldSelectedElements,!1,C.Selection),this.removeExtensions(e.oldSelectedElements,!1,C.MultipleItemsSelected),e.oldSelectedElements[0].parent)){let t=M.GetOrCreateDesignItem(e.oldSelectedElements[0].parent.element,e.oldSelectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.removeExtension(t,C.PrimarySelectionContainer),this.removeExtension(t,C.PrimarySelectionContainerAndCanBeEntered)}if(e.selectedElements&&e.selectedElements.length&&(this.applyExtensions(e.selectedElements,C.Selection,e.event),this.applyExtension(e.selectedElements[0],C.PrimarySelection,e.event),e.selectedElements.length===1?this.applyExtension(e.selectedElements[0],C.OnlyOneItemSelected,e.event):e.selectedElements.length>1&&this.applyExtension(e.selectedElements[0],C.MultipleItemsSelected,e.event),e.selectedElements[0].getPlacementService()?.isEnterableContainer(e.selectedElements[0])&&this.applyExtension(e.selectedElements[0],C.PrimarySelectionAndCanBeEntered,e.event),e.selectedElements[0].parent)){let t=M.GetOrCreateDesignItem(e.selectedElements[0].parent.element,e.selectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.applyExtension(t,C.PrimarySelectionContainer,e.event),t.getPlacementService()?.isEnterableContainer(t)&&this.applyExtension(t,C.PrimarySelectionContainerAndCanBeEntered,e.event)}}_selectedElementsRefresh(e){this.refreshAllAppliedExtentions(e.event),e.selectedElements&&e.selectedElements.length&&this._lastPrimarySelectionRefreshItem?.deref()===e.selectedElements[0]&&(this._appliedDesignerExtensions.get(e.selectedElements[0])?.get(C.PrimarySelectionRefreshed)||this.applyExtension(e.selectedElements[0],C.PrimarySelectionRefreshed,e.event)),this._lastPrimarySelectionRefreshItem=new WeakRef(e.selectedElements[0])}applyExtension(e,t,i,r=!1){if(e&&e.nodeType==I.Element){let s=this.designerCanvas.serviceContainer.designerExtensions.get(t),o=[];if(s){let a={};Ft();for(let l of s){let c=B(e,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(l),B(e,this._shouldAppliedDesignerExtensions).set(t,c),l.shouldExtend(this,this.designerCanvas,e)){let h=B(e,this._appliedDesignerExtensions).get(t);h||(h=[]);let d=l.getExtension(this,this.designerCanvas,e);try{d.extend(a,i),o.push(d),i?B(e,this._lastApplyEventPerType).set(t,i):B(e,this._lastApplyEventPerType).delete(t)}catch(p){console.error(p)}h.push(d),B(e,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(e)}}}if(r)for(let a of e.children())this.applyExtension(a,t,i,r);return o}return null}applyExtensions(e,t,i,r=!1){if(this.designerCanvas.overlayLayer.startBatch(),e){let s=this.designerCanvas.serviceContainer.designerExtensions.get(t);if(s){let o={};Ft();for(let a of s)for(let l of e){let c=B(l,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(a),B(l,this._shouldAppliedDesignerExtensions).set(t,c),a.shouldExtend(this,this.designerCanvas,l)){let h=B(l,this._appliedDesignerExtensions).get(t);h||(h=[]);let d=a.getExtension(this,this.designerCanvas,l);try{d.extend(o,i),i?B(l,this._lastApplyEventPerType).set(t,i):B(l,this._lastApplyEventPerType).delete(t)}catch(p){console.error(p)}h.push(d),B(l,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(l)}}}if(r)for(let o of e)this.applyExtensions(Array.from(o.children()),t,i,r)}this.designerCanvas.overlayLayer.endBatch()}applyExtensionInstance(e,t){let i=B(e,this._appliedDesignerExtensions).get(C.Directly);i||(i=[]);try{t.extend(null,null)}catch(r){console.error(r)}i.push(t),B(e,this._appliedDesignerExtensions).set(C.Directly,i),this.designItemsWithExtentions.add(e)}removeExtensionInstance(e,t){for(let i of B(e,this._appliedDesignerExtensions)){let r=i[1].indexOf(t);if(r>=0){try{t.dispose()}catch(s){console.error(s)}i[1].splice(r,1),i[1].length==0&&(B(e,this._appliedDesignerExtensions).delete(i[0]),B(e,this._shouldAppliedDesignerExtensions).delete(i[0])),B(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}}removeExtension(e,t){if(e)if(t){B(e,this._shouldAppliedDesignerExtensions).delete(t);let i=B(e,this._appliedDesignerExtensions).get(t);if(i){for(let r of i)try{r.dispose(),B(e,this._lastApplyEventPerType).delete(t)}catch(s){console.error(s)}B(e,this._appliedDesignerExtensions).delete(t),B(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}else{B(e,this._shouldAppliedDesignerExtensions).clear();for(let i of B(e,this._appliedDesignerExtensions))for(let r of i[1])try{r.dispose()}catch(s){console.error(s)}B(e,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(e)}}removeExtensions(e,t,i){if(e)if(i)for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),B(r,this._shouldAppliedDesignerExtensions).delete(i);let s=B(r,this._appliedDesignerExtensions).get(i);if(s){for(let o of s)try{o.dispose(),B(r,this._lastApplyEventPerType).delete(i)}catch(a){console.error(a)}B(r,this._appliedDesignerExtensions).delete(i),B(r,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(r)}}else for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),B(r,this._shouldAppliedDesignerExtensions).clear();for(let s of B(r,this._appliedDesignerExtensions))for(let o of s[1])try{o.dispose()}catch(a){console.error(a)}B(r,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(r)}}refreshExtension(e,t,i){if(!(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())&&e)if(t)if(!e.element.isConnected)this.removeExtension(e,t);else{let r=B(e,this._appliedDesignerExtensions).get(t);if(r){let s={};Ft();for(let o of r)try{o.refresh(s,i),i&&B(e,this._lastApplyEventPerType).set(t,i)}catch(a){console.error(a)}}}else{let r={};Ft();for(let s of B(e,this._appliedDesignerExtensions))for(let o of s[1])try{o.refresh(r,i)}catch(a){console.error(a)}}}refreshExtensions(e,t,i,r,s){if(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())return;this.designerCanvas.overlayLayer.startBatch();let o=performance.now();if(e)if(t){let a={};Ft();e:for(let l of e)if(!l.element.isConnected)this.removeExtension(l,t);else{let c=B(l,this._appliedDesignerExtensions).get(t);if(c)for(let h of c)try{if(h!=r&&h.refresh(a,i),s&&performance.now()-o>s){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(d){console.error(d)}}}else{let a={};Ft();e:for(let l of e)for(let c of B(l,this._appliedDesignerExtensions))for(let h of c[1])try{if(h!=r&&(h.refresh(a,i),i&&B(l,this._lastApplyEventPerType).set(t,i),s&&performance.now()-o>s)){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(d){console.error(d)}}this.designerCanvas.overlayLayer.endBatch()}refreshAllExtensions(e,t,i){this.designerCanvas.overlayLayer.startBatch(),e&&(this.refreshExtensions(e,C.Directly,i,t),this.refreshExtensions(e,C.Permanent,i,t),this.refreshExtensions(e,C.Selection,i,t),this.refreshExtensions(e,C.PrimarySelection,i,t),this.refreshExtensions(e,C.PrimarySelectionContainer,i,t),this.refreshExtensions(e,C.MouseOver,i,t),this.refreshExtensions(e,C.OnlyOneItemSelected,i,t),this.refreshExtensions(e,C.MultipleItemsSelected,i,t),this.refreshExtensions(e,C.ContainerDragOverAndCanBeEntered,i,t),this.refreshExtensions(e,C.ContainerDrag,i,t),this.refreshExtensions(e,C.Doubleclick,i,t),this.refreshExtensions(e,C.Placement,i,t),this.refreshExtensions(e,C.PrimarySelectionAndCanBeEntered,i,t),this.refreshExtensions(e,C.PrimarySelectionContainerAndCanBeEntered,i,t)),this.designerCanvas.overlayLayer.endBatch()}refreshAllAppliedExtentions(e){this.designerCanvas.fillCalculationrects(),this.refreshAllExtensions([...this.designItemsWithExtentions],null,e)}reapplyAllAppliedExtentions(e,t){this.designerCanvas.overlayLayer.startBatch();for(let i of n.getAllChildElements(this.designerCanvas.rootDesignItem))if(!e||e.includes(i)){let r=[...B(i,this._shouldAppliedDesignerExtensions).keys()];for(let s of r){let o=B(i,this._lastApplyEventPerType).get(s);this.removeExtension(i,s),(t==null||t.includes(s))&&this.applyExtension(i,s,o)}}this.designerCanvas.overlayLayer.endBatch()}static*getAllChildElements(e){if(e.nodeType==I.Element&&(yield e),e.hasChildren)for(let t of e.children())for(let i of n.getAllChildElements(t))yield i}};at();_o();be();J();import{css as Au,html as Pu,BaseCustomWebComponentConstructorAppend as Iu}from"@node-projects/base-custom-webcomponent";var wi=class n extends Iu{static template=Pu`<svg id="svg" style="pointer-events:none"><defs id="defs"></defs><g id="background"></g><g id="normal"></g><g id="foreground"></g></svg>`;static style=Au`svg{width:100%;height:100%;overflow:visible}.svg-invisible{stroke:transparent;fill:transparent;pointer-events:auto}.svg-snapline{stroke:purple;stroke-dasharray:4;fill:transparent}.svg-selector{stroke:#000;fill:#3899ec55;stroke-width:1;stroke-dasharray:2}.svg-primary-selection-move{stroke:#3899ec;fill:#3899ec;cursor:move;pointer-events:auto}.svg-position{stroke:#000;stroke-dasharray:2}.svg-path{stroke:#3899ec;fill:orange;pointer-events:auto}.svg-path-line{stroke:#3899ec;stroke-dasharray:2}.svg-draw-new-element{stroke:#000;fill:transparent;stroke-width:1}.svg-toolbar-container{overflow:visible}.svg-toolbar-container>div{padding:5px;display:flex;gap:2px;background:#fff;border-radius:4px;box-shadow:0 2px 10px 0 rgba(19,23,32,.2);align-items:center}node-projects-image-button-list-selector img{height:16px;border:1px solid #000;border-radius:4px;box-sizing:border-box;pointer-events:auto;cursor:pointer}node-projects-image-button-list-selector img:hover{background:#d3d3d3}node-projects-image-button-list-selector img:active{translate:1px 1px}`;static is="node-projects-overlay-layer-view";_serviceContainer;_svg;_gBackground;_gNormal;_gForeground;_defs;_id=0;constructor(e){super(),this._serviceContainer=e,this._svg=this._getDomElement("svg"),this._gBackground=this._getDomElement("background"),this._gNormal=this._getDomElement("normal"),this._gForeground=this._getDomElement("foreground"),this._defs=this._getDomElement("defs"),this._initialize()}_initialize(){let e=[n.style],t=new Set;for(let i of this._serviceContainer.designerExtensions)for(let r of i[1]){if(r.constructor.style)if(Array.isArray(r.constructor.style))for(let s of r.constructor.style)t.has(s)||(t.add(s),e.push(s));else t.has(r.constructor.style)||(t.add(r.constructor.style),e.push(r.constructor.style));if(r.style)if(Array.isArray(r.style))for(let s of r.style)t.has(s)||(t.add(s),e.push(s));else t.has(r.style)||(t.add(r.style),e.push(r.style));if(r.svgDefs){if(Array.isArray(r.svgDefs)){for(let s of r.svgDefs)if(!t.has(s)){t.add(s);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=s;for(let a of[...o.children])this._defs.appendChild(a)}}else if(!t.has(r.svgDefs)){t.add(r.svgDefs);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=r.svgDefs;for(let o of[...s.children])this._defs.appendChild(o)}}if(r.constructor.svgDefs){if(Array.isArray(r.constructor.svgDefs)){for(let s of r.constructor.svgDefs)if(!t.has(s)){t.add(s);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=s;for(let a of[...o.children])this._defs.appendChild(a)}}else if(!t.has(r.constructor.svgDefs)){t.add(r.constructor.svgDefs);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=r.constructor.svgDefs;for(let o of[...s.children])this._defs.appendChild(o)}}}for(let i of this._serviceContainer.designerPointerExtensions)if(i.style&&(t.has(i.style)||(t.add(i.style),e.push(i.style))),i.svgDefs&&!t.has(i.svgDefs)){t.add(i.svgDefs);let r=document.createElementNS("http://www.w3.org/2000/svg","defs");r.innerHTML=i.svgDefs;for(let s of[...r.children])this._defs.appendChild(s)}if(this._serviceContainer.overlayLayerViewAdditionalStyles)for(let i of this._serviceContainer.overlayLayerViewAdditionalStyles)t.has(i)||(t.add(i),e.push(i));this.shadowRoot.adoptedStyleSheets=e}backgroundFragment;foregroundFragment;normalFragment;batchCount=0;startBatch(){this.batchCount==0&&(this.backgroundFragment=document.createDocumentFragment(),this.foregroundFragment=document.createDocumentFragment(),this.normalFragment=document.createDocumentFragment()),this.batchCount++}endBatch(){this.batchCount--,this.batchCount==0&&(this.backgroundFragment.hasChildNodes&&this._gBackground.appendChild(this.backgroundFragment),this.foregroundFragment.hasChildNodes&&this._gForeground.appendChild(this.foregroundFragment),this.normalFragment.hasChildNodes&&this._gNormal.appendChild(this.normalFragment),this.backgroundFragment=null,this.foregroundFragment=null,this.normalFragment=null)}addOverlay(e,t,i=k.Normal){switch(t.setAttribute("overlay-source",e),i){case k.Background:this.backgroundFragment?this.backgroundFragment.appendChild(t):this._gBackground.appendChild(t);break;case k.Foreground:this.foregroundFragment?this.foregroundFragment.appendChild(t):this._gForeground.appendChild(t);break;default:this.normalFragment?this.normalFragment.appendChild(t):this._gNormal.appendChild(t);break}}removeOverlay(e){try{e?.parentElement?.removeChild(e)}catch(t){console.error(t)}}removeAllNodesWithClass(e){let t=this._svg.querySelectorAll("."+e);for(let i of t)i.parentNode.removeChild(i)}removeAllOverlays(){let e=this._svg.querySelectorAll("svg > g > *");for(let t of e)t.parentNode.removeChild(t)}createPoint(){return this._svg.createSVGPoint()}drawGroup(e,t,i,r){return i||(i=document.createElementNS("http://www.w3.org/2000/svg","g"),this.addOverlay(e,i,r)),t&&i.setAttribute("class",t),i}drawLine(e,t,i,r,s,o,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","line"),this.addOverlay(e,a,l)),a.setAttribute("x1",t),a.setAttribute("y1",i),a.setAttribute("x2",r),a.setAttribute("y2",s),o&&a.setAttribute("class",o),a}drawCircle(e,t,i,r,s,o,a){return o||(o=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.addOverlay(e,o,a)),o.setAttribute("cx",t),o.setAttribute("cy",i),o.setAttribute("r",r),s&&o.setAttribute("class",s),o}drawRect(e,t,i,r,s,o,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","rect"),this.addOverlay(e,a,l)),a.setAttribute("x",t),a.setAttribute("y",i),a.setAttribute("width",r),a.setAttribute("height",s),o&&a.setAttribute("class",o),a}drawPath(e,t,i,r,s){return r||(r=document.createElementNS("http://www.w3.org/2000/svg","path"),this.addOverlay(e,r,s)),r.setAttribute("d",t),i&&r.setAttribute("class",i),r}drawText(e,t,i,r,s,o,a){return o||(o=document.createElementNS("http://www.w3.org/2000/svg","text"),this.addOverlay(e,o,a)),o.setAttribute("x",i),o.setAttribute("y",r),o.textContent=t,s&&o.setAttribute("class",s),o}drawHTML(e,t,i,r,s,o,a,l,c){return l||(l=document.createElementNS("http://www.w3.org/2000/svg","foreignObject"),this.addOverlay(e,l,c)),l.setAttribute("x",i),l.setAttribute("y",r),l.setAttribute("width",s),l.setAttribute("height",o),typeof t=="string"?l.innerHTML=t:l.appendChild(t),a&&l.setAttribute("class",a),l}drawTextWithBackground(e,t,i,r,s,o,a,l){if(!a){let c=document.createElementNS("http://www.w3.org/2000/svg","filter");c.setAttribute("x","0"),c.setAttribute("y","0"),c.setAttribute("width","1"),c.setAttribute("height","1"),c.setAttribute("id","solid_"+ ++this._id);let h=document.createElementNS("http://www.w3.org/2000/svg","feFlood");h.setAttribute("flood-color",s),c.appendChild(h);let d=document.createElementNS("http://www.w3.org/2000/svg","feComposite");d.setAttribute("in","SourceGraphic"),d.setAttribute("operator","xor"),c.appendChild(d),this._defs.appendChild(c);let p=document.createElementNS("http://www.w3.org/2000/svg","text");p.setAttribute("filter","url(#solid_"+this._id+")");let f=document.createElementNS("http://www.w3.org/2000/svg","text");this.addOverlay(e,p,l),this.addOverlay(e,f,l),c.setAttribute("overlay-source",e),h.setAttribute("overlay-source",e),a=[c,h,p,f]}return a[2].setAttribute("x",i),a[3].setAttribute("x",i),a[2].setAttribute("y",r),a[3].setAttribute("y",r),a[2].textContent=t,a[3].textContent=t,o&&(a[2].setAttribute("class",o),a[3].setAttribute("class",o)),a}};customElements.define(wi.is,wi);xt();Q();Pe();function qd(n,e){let t=new n.CSSStyleSheet;return t.replaceSync(e),t}zt();Fe();oe();var Ou=Tu`*{animation-play-state:paused!important}`,Ci=class extends Du{serviceContainer;instanceServiceContainer;containerBoundingRect;outerRect;clickOverlay;_activeTool;_gridSize=10;get gridSize(){return this._gridSize}set gridSize(e){this._gridSize=e;let t=document.createElement("canvas"),i=t.getContext("2d");t.width=e*2,t.height=e*2;let r=e;for(let o=0;o<t.width;o+=r)for(let a=0;a<t.height;a+=r)i.fillStyle=(o+a)%(r*2)===0?"#e5e5e5":"white",i.fillRect(o,a,r,r);let s=t.toDataURL();this._backgroundImage="url("+s+")",this._canvas.style.backgroundImage!="none"&&(this._canvas.style.backgroundImage=this._backgroundImage)}pasteOffset=10;alignOnGrid=!1;alignOnSnap=!0;snapLines;overlayLayer;rootDesignItem;_currentPasteOffset=this.pasteOffset;_zoomFactor=1;_scaleFactor=1;_canvasOffset={x:0,y:0};_additionalStyle;_backgroundImage;_enableSelectTextNodesOnClick=!1;_moveGroup;_touchGestureHelper;get zoomFactor(){return this._zoomFactor}set zoomFactor(e){this._zoomFactor=e,this._zoomFactorChanged()}get scaleFactor(){return this._scaleFactor}get canvasOffset(){return this._canvasOffset}set canvasOffset(e){this._canvasOffset=e,this._zoomFactorChanged()}get canvasOffsetUnzoomed(){return{x:this._canvasOffset.x*this.zoomFactor,y:this._canvasOffset.y*this.zoomFactor}}set canvasOffsetUnzoomed(e){this.canvasOffset={x:e.x/this.zoomFactor,y:e.y/this.zoomFactor}}_pauseAnimations;get pauseAnimations(){return this._pauseAnimations}set pauseAnimations(e){this._pauseAnimations=e,this.applyAllStyles()}get containerOffset(){return this._useIframe?this._outercanvas2.getBoundingClientRect():{x:0,y:0}}raiseDesignItemsChanged(e,t,i){this.designItemsChanged&&this.designItemsChanged(e,t,i)}designItemsChanged;onContentChanged=new Qd;onZoomFactorChanged=new Qd;get canvas(){return this._canvas}get outercanvas2(){return this._outercanvas2}_canvas;_canvasShadowRoot;_canvasContainer;_outercanvas2;_lastHoverDesignItem;_firstConnect;static style=ku`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}*{touch-action:none}#node-projects-designer-canvas-canvasContainer{background:var(--node-projects-web-component-designer-background,border-box fixed 0 0 repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAFXmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QmFja2dyb3VuZGdyaWRfMTBweDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTEyLTA4VDA5OjE1OjQ4KzAxOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4fvgn+AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GjRhRLCiLl7BCftTExmLkV2ExnvJr8+bNvBk1b+b13kiyVbaKEhu/FvwFbJW1UkRKlrImNug5b2ZqJplzO/d87vfec7r3XPCpSd10KnrATGXs8FhImZtfUPwvBKjCTx/Nmu5YUzOjKiXt854yL952ebVKn/vXaqIxR4eyKuEh3bIzwuPCk6sZy+Md4UY9oUWFz4Q7bbmg8J2nR3L86nE8x98e22p4GHz1wkq8iCNFrCdsU1heTpuZXNHz9/FeEoilZmcktoq34BBmjBAKE4wwTJBeBmUO0iX96ZYVJfJ7svnTpCVXl9liDZtl4iTI0CnqilSPSTREj8lIsub1/29fHaO/L1c9EILKZ9d9bwf/Nvxsue7Xkev+HEP5E1ymCvnpQxj4EH2roLUdQN0GnF8VtMguXGxC06Ol2VpWKhf3GQa8nULtPDTcQPVirmf5fU4eQF2Xr7qGvX3okPN1S790cWfsRnax1QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAC9JREFUOI1jfPr0KQNuICUlhUeWCY8cQTCqeWRoZvz//z8e6WfPntHK5lHNI0MzAMChCNMTuPcnAAAAAElFTkSuQmCC))}#node-projects-designer-canvas-canvas{image-rendering:pixelated;box-sizing:border-box;width:100%;height:100%;transform-origin:0 0;position:absolute}#node-projects-designer-canvas-canvas.dragFileActive{outline:#00f 4px solid;outline-offset:-4px}node-projects-overlay-layer-view{box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:visible;user-select:none;-webkit-user-select:none;z-index:999999999999}#node-projects-designer-canvas-canvas *{cursor:pointer;user-select:none;-webkit-user-select:none}#node-projects-designer-canvas-canvas iframe{cursor:pointer;user-select:none;-webkit-user-select:none;border:none;width:100%;height:100%}#node-projects-designer-canvas-clickOverlay{position:absolute;width:100%;height:100%;top:0}#node-projects-designer-canvas-helper-element{height:0;width:0}#node-projects-designer-search-container{position:absolute;display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-content:left;gap:8px;width:auto;right:10px;top:0;background:#f2f2f2;padding:5px 6px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#node-projects-designer-search-container>#node-projects-designer-search-bar{border:1px solid #000;padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;background-color:#fff;padding:1px 2px}#node-projects-designer-search-container>div>input{height:20px;padding-left:6px;font-size:13px;border:none;outline:0}#node-projects-designer-search-container>div>#node-projects-designer-search-start{height:22px;border:none;background-color:#fff;font-size:13px}#node-projects-designer-search-container>div>#node-projects-designer-search-start:hover{background-color:#d3d3d3;transition:.9s;border-radius:2px}#node-projects-designer-search-container>#node-projects-designer-search-close{position:relative;width:20px;height:20px;border:none;background-color:transparent}#node-projects-designer-search-container>span{font-family:sans-serif;font-size:12px}#node-projects-designer-search-container>#node-projects-designer-search-close::after,#node-projects-designer-search-container>#node-projects-designer-search-close::before{content:"";position:absolute;top:50%;left:50%;width:60%;background-color:#000;height:1px}#node-projects-designer-search-container>#node-projects-designer-search-close::before{transform:translate(-50%,-50%) rotate(45deg)}#node-projects-designer-search-container>#node-projects-designer-search-close::after{transform:translate(-50%,-50%) rotate(-45deg)}`;static template=Mu`<div style="display:flex;flex-direction:column;width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div style="width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-outercanvas2" style="width:100%;height:100%;position:relative;margin:0!important;padding:0!important;border:none!important;isolation:isolate!important"><div id="node-projects-designer-canvas-canvasContainer" style="width:100%;height:100%;position:absolute;top:0;left:0;user-select:none;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-canvas" part="canvas"></div></div></div><div id="node-projects-designer-canvas-clickOverlay" tabindex="0" style="pointer-events:auto;margin:0!important;padding:0!important;border:none!important"></div></div><div id="node-projects-designer-search-container" style="display:none"><div id="node-projects-designer-search-bar"><input id="node-projects-designer-search-input"> <button id="node-projects-designer-search-start">↓</button></div><span id="node-projects-designer-search-result">0 selected</span> <button id="node-projects-designer-search-close"></button></div></div>`;extensionManager;_pointerextensions;_lastCopiedPrimaryItem;_ignoreEvent;_useIframe=!0;_iframe;_window;_resizeObserver;iframes;#e=!1;get readOnly(){return this.#e}set readOnly(e){this.#e=e}constructor(e=!1){super(),this._restoreCachedInititalValues(),qa(),this._useIframe=e,this._canvas=this._getDomElement("node-projects-designer-canvas-canvas"),this._useIframe?(this._iframe=document.createElement("iframe"),this._iframe.setAttribute("sandbox","allow-same-origin"),this._iframe.setAttribute("scrolling","no"),this.iframes=[this._iframe],this._canvas.appendChild(this._iframe),requestAnimationFrame(()=>{this._window=this._iframe.contentWindow,qa(this._iframe.contentWindow),this._canvasShadowRoot=this._iframe.contentWindow.document})):(this._window=window,this._canvasShadowRoot=this._canvas.attachShadow({mode:"open"})),this._canvasContainer=this._getDomElement("node-projects-designer-canvas-canvasContainer"),this._outercanvas2=this._getDomElement("node-projects-designer-canvas-outercanvas2"),this.clickOverlay=this._getDomElement("node-projects-designer-canvas-clickOverlay"),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this._onDblClick=this._onDblClick.bind(this),this._pointerEventHandler=this._pointerEventHandler.bind(this),this._onWheel=this._onWheel.bind(this),this._getDomElement("node-projects-designer-search-close").onclick=()=>this._searchHideOverlay(),this._getDomElement("node-projects-designer-search-start").onclick=()=>this._searchRun(),this._getDomElement("node-projects-designer-search-container").onkeydown=t=>{t.key==="Enter"&&this._searchRun()},this.clickOverlay.oncontextmenu=t=>t.preventDefault(),this._resizeObserver=new ResizeObserver(()=>{this.extensionManager.refreshAllAppliedExtentions()}),this._resizeObserver.observe(this)}get designerWidth(){return this._canvasContainer.style.width}set designerWidth(e){this._canvasContainer.style.width=e,this._zoomFactorChanged()}get designerHeight(){return this._canvasContainer.style.height}set designerHeight(e){this._canvasContainer.style.height=e,this._zoomFactorChanged()}get designerPixelSize(){return{width:this._canvasContainer.offsetWidth,height:this._canvasContainer.offsetHeight}}getDesignSurfaceDimensions(){let e={width:null,height:null},t=getComputedStyle(this._canvasContainer);return this._canvasContainer.style.width&&(e.width=parseFloat(t.width)),this._canvasContainer.style.height&&(e.height=parseFloat(t.height)),e}get designerOffsetWidth(){return this._canvasContainer.offsetWidth}get designerOffsetHeight(){return this._canvasContainer.offsetHeight}set additionalStyles(e){this._additionalStyle=e,this.applyAllStyles()}get additionalStyles(){return this._additionalStyle}applyAllStyles(){if(this._window){let e=[];this._additionalStyle&&e.push(...this._additionalStyle),this.instanceServiceContainer.stylesheetService&&e.push(...this.instanceServiceContainer.stylesheetService.getStylesheets().map(t=>qd(this._window,To.patchStylesheetSelectorForDesigner(t.content)))),this._pauseAnimations&&e.push(Ou),this._useIframe?this._iframe.contentWindow.document.adoptedStyleSheets=e:this._canvasShadowRoot.adoptedStyleSheets=e}else requestAnimationFrame(()=>this.applyAllStyles())}ignoreEvent(e){this._ignoreEvent=e}canExecuteCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements,r=t.canExecuteCommand(this,e,i);if(r!==null)return r}return e.type===E.screenshot?!0:e.type===E.undo?this.instanceServiceContainer.undoService.canUndo():e.type===E.redo?this.instanceServiceContainer.undoService.canRedo():e.type===E.setTool?this.serviceContainer.designerTools.has(e.parameter):e.type===E.paste?!0:e.type===E.copy||e.type===E.cut||e.type===E.delete?this.instanceServiceContainer.selectionService.primarySelection!=null&&!this.instanceServiceContainer.selectionService.primarySelection.isRootItem:!1}async executeCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements;if(await t.executeCommand(this,e,i)!=null){this.instanceServiceContainer.selectionService.setSelectedElements(null),this.instanceServiceContainer.selectionService.setSelectedElements(i);return}}switch(e.type){case E.screenshot:{Gt.screenshotsEnabled||alert("you need to select current tab in next browser dialog, or screenshots will not work correctly");let a=this.instanceServiceContainer.selectionService.selectedElements;a?.length||(a=[...this.rootDesignItem.children(!0)]);let l=await this.serviceContainer.pngCreatorService.takePng(a,{removeSelection:!0});await Vh(new Blob([new Uint8Array(l)],{type:"image/png"}),"screenshot.png")}break;case E.setTool:this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(e.parameter),this.extensionManager.reapplyAllAppliedExtentions();break;case E.setStrokeColor:this.serviceContainer.globalContext.strokeColor=e.parameter;break;case E.setFillBrush:this.serviceContainer.globalContext.fillBrush=e.parameter;break;case E.setStrokeThickness:this.serviceContainer.globalContext.strokeThickness=e.parameter;break;case E.delete:this.handleDeleteCommand();break;case E.undo:this.instanceServiceContainer.undoService.undo();break;case E.holdUndo:let i=this.instanceServiceContainer.undoService.getUndoEntryNames(20),r=Array.from(i).map((a,l)=>({title:"undo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.undo()}}));r.length>0&&ye.show(r,e.event,{mode:"undo"});break;case E.redo:this.instanceServiceContainer.undoService.redo();break;case E.holdRedo:let s=this.instanceServiceContainer.undoService.getRedoEntryNames(20),o=Array.from(s).map((a,l)=>({title:"redo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.redo()}}));o.length>0&&ye.show(o,e.event,{mode:"undo"});break;case E.copy:this.handleCopyCommand();break;case E.cut:this.handleCopyCommand(),this.handleDeleteCommand();break;case E.paste:this.handlePasteCommand(e.altKey==!0);break;case E.selectAll:this.handleSelectAll();break}}disableBackgroud(){this._canvasContainer.style.background="var(--node-projects-web-component-designer-screenshot-background, white)"}enableBackground(){this._canvasContainer.style.background=""}zoomToFit(){let t=0,i=0,r=0,s=0;this.canvasOffset={x:0,y:0},this.zoomFactor=1;for(let d of this.rootDesignItem.querySelectorAll("*"))if(d instanceof(d.ownerDocument.defaultView??window).Element){let p=G(d);r=r<p.x?r:p.x,s=s<p.y?s:p.y,t=t>p.x+p.width+10?t:p.x+p.width+10,i=i>p.y+p.height+10?i:p.y+p.height+10}let o=this.getBoundingClientRect();t-=o.x,i-=o.y;let a=o.width/(t/this.zoomFactor),l=o.height/(i/this.zoomFactor),c=this.getDesignSurfaceDimensions();c.width&&(a=o.width/c.width),c.height&&(l=o.height/c.height);let h=a<l?a:l;isNaN(h)||(this.zoomFactor=h)}handleSelectAll(){let e=Array.from(this.rootDesignItem.children(!0)).filter(i=>!i.isEmptyTextNode),t=this.instanceServiceContainer.selectionService.primarySelection;if(t){let i=e.indexOf(t);i>=0&&(e.splice(i,1),e.unshift(t))}this.instanceServiceContainer.selectionService.setSelectedElements(e)}async handleCopyCommand(){this._currentPasteOffset=this.pasteOffset,this._lastCopiedPrimaryItem=this.instanceServiceContainer.selectionService.primarySelection,await this.serviceContainer.copyPasteService.copyItems(this.instanceServiceContainer.selectionService.selectedElements)}async handlePasteCommand(e){let[t,i]=await this.serviceContainer.copyPasteService.getPasteItems(this.serviceContainer,this.instanceServiceContainer),r=this.rootDesignItem.openGroup("Insert"),s=this._lastCopiedPrimaryItem,o=this._currentPasteOffset+this.pasteOffset,a=this.rootDesignItem,l=s?.parent??this.instanceServiceContainer.selectionService.primarySelection;for(;l!=null;){let c=getComputedStyle(l.element),h;if(h=this.serviceContainer.getLastServiceWhere("containerService",d=>d.serviceForContainer(l,c)),h)if(h.canEnter(l,t)){a=l;break}else{l=l.parent;continue}}if(t){let c=this.getNormalizedElementCoordinates(a.element);for(let d=0;d<t.length;d++){let p=t[d],f=i?i[d]:null;this.instanceServiceContainer.undoService.execute(new fe(a,a.childCount,p)),!e&&f&&p.nodeType==I.Element&&(p.setStyle("left",f.x-c.x+this._currentPasteOffset+"px"),p.setStyle("top",f.y-c.y+this._currentPasteOffset+"px"))}let h=this.serviceContainer.intializationService;if(h)for(let d of t)h.init(d);this.instanceServiceContainer.selectionService.setSelectedElements(t)}r.commit(),this.snapLines.clearSnaplines(),this._lastCopiedPrimaryItem=s,this._currentPasteOffset=o}handleDeleteCommand(){let e=this.instanceServiceContainer.selectionService.selectedElements;this.serviceContainer.deletionService.removeItems(e),this.instanceServiceContainer.selectionService.setSelectedElements(null)}initialize(e){this.serviceContainer=e,this.instanceServiceContainer=new No(this);let t=this.serviceContainer.getLastService("undoService");t&&this.instanceServiceContainer.register("undoService",t(this));let i=this.serviceContainer.getLastService("selectionService");i&&(this.instanceServiceContainer.register("selectionService",i(this)),this.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this._lastCopiedPrimaryItem=null,this._currentPasteOffset=this.pasteOffset}));let r=this.serviceContainer.getLastService("designItemDocumentPositionService");r&&this.instanceServiceContainer.register("designItemDocumentPositionService",r(this)),this._useIframe?(this.rootDesignItem=M.GetOrCreateDesignItem(this._iframe,this._iframe,this.serviceContainer,this.instanceServiceContainer),requestAnimationFrame(()=>{this.rootDesignItem.updateChildrenFromNodesChildren()})):this.rootDesignItem=M.GetOrCreateDesignItem(this._canvas,this._canvas,this.serviceContainer,this.instanceServiceContainer);let s=this.serviceContainer.getLastService("contentService");s&&this.instanceServiceContainer.register("contentService",s(this));let o=this.serviceContainer.getLastService("stylesheetService");if(o){let a=o(this);this.instanceServiceContainer.register("stylesheetService",a),this.instanceServiceContainer.stylesheetService.stylesheetChanged.on(l=>{if(l.changeSource!="undo"){let c=new Mo(this.instanceServiceContainer.stylesheetService,l.name,l.newStyle,l.oldStyle);this.instanceServiceContainer.undoService.execute(c),this.applyAllStyles()}else this.applyAllStyles()}),this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(()=>{this.applyAllStyles()})}if(e.instanceServiceContainerCreatedCallbacks?.length&&e.instanceServiceContainerCreatedCallbacks.forEach(a=>a(this.instanceServiceContainer)),this.extensionManager=new Fo(this),this.overlayLayer=new wi(e),this.overlayLayer.style.pointerEvents="none",this.overlayLayer.style.setProperty("margin","0","important"),this.overlayLayer.style.setProperty("padding","0","important"),this.overlayLayer.style.setProperty("border","none","important"),this.clickOverlay.appendChild(this.overlayLayer),this.snapLines=new Ro(this.overlayLayer),this.snapLines.initialize(this.rootDesignItem),this.serviceContainer.designerPointerExtensions)for(let a of this.serviceContainer.designerPointerExtensions)this._pointerextensions||(this._pointerextensions=[]),this._pointerextensions.push(a.getExtension(this));if(this.children){let a=this.children;if(this.children.length==1&&this.children[0]instanceof HTMLSlotElement&&(a=this.children[0].assignedElements()),a?.length>0){let l=this.serviceContainer.getLastServiceWhere("htmlParserService",c=>c.constructor==bt);this.addDesignItems(l.createDesignItems(a,this.serviceContainer,this.instanceServiceContainer))}}this.serviceContainer.options.zoomDesignerBackground||requestAnimationFrame(()=>{this._resizeBackgroundGrid()}),this.isConnected&&this.extensionManager.connected()}connectedCallback(){this._firstConnect||(this._firstConnect=!0,this._touchGestureHelper=Eo.addTouchEvents(this.clickOverlay),this.clickOverlay.addEventListener(S.PointerDown,this._pointerEventHandler),this.clickOverlay.addEventListener(S.PointerMove,this._pointerEventHandler),this.clickOverlay.addEventListener(S.PointerUp,this._pointerEventHandler),this.clickOverlay.addEventListener(S.DragEnter,e=>this._onDragEnter(e)),this.clickOverlay.addEventListener(S.DragLeave,e=>this._onDragLeave(e)),this.clickOverlay.addEventListener(S.DragOver,e=>this._onDragOver(e)),this.clickOverlay.addEventListener(S.Drop,e=>this._onDrop(e)),this.clickOverlay.addEventListener(S.KeyDown,this.onKeyDown),this.clickOverlay.addEventListener(S.KeyUp,this.onKeyUp),this.clickOverlay.addEventListener(S.DblClick,this._onDblClick,!0),this.clickOverlay.addEventListener(S.Wheel,this._onWheel),this.clickOverlay.addEventListener("zoom",e=>{this.zoomFactor=this.zoomFactor+e.detail.diff/10}),this.clickOverlay.addEventListener("pan",e=>{let t={x:this.canvasOffset.x-e.detail.deltaX,y:this.canvasOffset.y-e.detail.deltaY};this.canvasOffset=t})),this.extensionManager&&this.extensionManager.connected()}disconnectedCallback(){this.extensionManager.disconnected()}_zoomFactorChanged(){this._canvasContainer.style.bottom=this._outercanvas2.offsetHeight>=this._canvasContainer.offsetHeight?"0":"",this._canvasContainer.style.right=this._outercanvas2.offsetWidth>=this._canvasContainer.offsetWidth?"0":"",this._updateTransform(),this.fillCalculationrects(),this.onZoomFactorChanged.emit(this._zoomFactor),this.serviceContainer.options.zoomDesignerBackground||this._resizeBackgroundGrid()}_resizeBackgroundGrid(){let r=2e3/this.canvas.getBoundingClientRect().width;this.canvas.style.backgroundSize=r.toString()+"%"}_updateTransform(){if(this._scaleFactor=this._zoomFactor,this._useIframe){let e=this._canvasOffset.x,t=this._canvasOffset.y;this._iframe.contentWindow.scrollTo(e*-1,t*-1),e+=this._iframe.contentWindow.scrollX,t+=this._iframe.contentWindow.scrollY,this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+e+"px, "+t+"px)"}else this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+(isNaN(this._canvasOffset.x)?"0":this._canvasOffset.x)+"px, "+(isNaN(this._canvasOffset.y)?"0":this._canvasOffset.y)+"px)";this._canvasContainer.style.transformOrigin="0 0",this.overlayLayer.style.transform=this._canvasContainer.style.transform,this.overlayLayer.style.transformOrigin="0 0",this.snapLines.clearSnaplines()}setDesignItems(e){this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty();let t=new Oo(e,[...this.rootDesignItem.children()]);this.instanceServiceContainer.undoService.execute(t)}_internalSetDesignItems(e){this.fillCalculationrects(),this.overlayLayer.removeAllOverlays(),yh.removeAllChildnodes(this.overlayLayer);for(let t of[...this.rootDesignItem.children()])this.rootDesignItem._removeChildInternal(t);this.addDesignItems(e),this.lazyTriggerReparseDocumentStylesheets(),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"parsed"}),this.instanceServiceContainer.selectionService._withoutUndoSetSelectedElements(null),setTimeout(()=>this.extensionManager.refreshAllAppliedExtentions(),50)}reparseTimeout;lazyTriggerReparseDocumentStylesheets(){this.reparseTimeout&&clearTimeout(this.reparseTimeout),this.reparseTimeout=setTimeout(async()=>{await this.reparseDocumentStylesheets(),clearTimeout(this.reparseTimeout)},20)}async reparseDocumentStylesheets(){if(this.instanceServiceContainer.stylesheetService){let e=this.rootDesignItem.querySelectorAll("style"),t=1,i=[...e].map(r=>({name:"&lt;style&gt; #"+(r.id?r.id+"("+t+++")":t++),content:M.GetDesignItem(r).content,designItem:M.GetDesignItem(r)}));await this.instanceServiceContainer.stylesheetService.setDocumentStylesheets(i)}}addDesignItems(e){e&&this.rootDesignItem._insertChildsInternal(e);let t=this.serviceContainer.intializationService;if(t)for(let i of e)t.init(i);this.snapLines.clearSnaplines()}_onDragEnter(e){if(this.fillCalculationrects(),e.preventDefault(),e.dataTransfer.types.indexOf(Lt)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r)}else this._lastDdElement=null}else{this._lastDdElement=null;let i=this.serviceContainer.dragDropService;i&&i.dragEnter(this,e)}}_onDragLeave(e){this.fillCalculationrects(),e.preventDefault(),this._canvas.classList.remove("dragFileActive");let t=this.serviceContainer.dragDropService;t&&t.dragLeave(this,e)}_lastDdElement=null;_onDragOver(e){if(e.preventDefault(),this.fillCalculationrects(),e.dataTransfer.types.length>0&&e.dataTransfer.types[0]=="Files"){let t=this.serviceContainer.externalDragDropService;if(t){let i=t.dragOver(this,e);e.dataTransfer.dropEffect=i,i!=="none"&&this._canvas.classList.add("dragFileActive")}}else if(e.dataTransfer.types.indexOf(Lt)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r);let s=i.dragOver(this,e,r);e.dataTransfer.dropEffect=s}}else{let i=this.serviceContainer.dragDropService;i&&i.dragOver(this,e)}}async _onDrop(e){if(this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(U.Pointer),this._lastDdElement=null,e.preventDefault(),this._canvas.classList.remove("dragFileActive"),this.fillCalculationrects(),e.dataTransfer.files?.length>0){let t=this.serviceContainer.externalDragDropService;t&&t.drop(this,e)}else{let t=e.dataTransfer.getData(Lt);if(t){let i=JSON.parse(t),r=this.serviceContainer.bindableObjectDragDropService;if(r){let s=this.getElementAtPoint({x:e.x,y:e.y});r.drop(this,e,i,s)}}else{let i=this.serviceContainer.dragDropService;i&&(this.fillCalculationrects(),i.drop(this,e))}}}showDesignItemContextMenu(e,t){let i=[];for(let s of this.serviceContainer.designerContextMenuExtensions)s.shouldProvideContextmenu(t,this,e,"designer")&&i.push(...s.provideContextMenuItems(t,this,e,"designer"));let r=new ye(i,null);return r.display(t),r}_onDblClick(e){e.preventDefault(),e.target!==this.overlayLayer&&(e.altKey||(this.serviceContainer.globalContext.tool==null||this.serviceContainer.globalContext.tool===this.serviceContainer.designerTools.get(U.Pointer))&&(this.extensionManager.removeExtension(this.instanceServiceContainer.selectionService.primarySelection,C.PrimarySelectionRefreshed),this.extensionManager.applyExtension(this.instanceServiceContainer.selectionService.primarySelection,C.Doubleclick,e)))}_searchShowOverlay(){if(this.serviceContainer.searchService){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="",this._getDomElement("node-projects-designer-search-input").focus()}}_searchHideOverlay(){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="none"}async _searchRun(){let e=this._getDomElement("node-projects-designer-search-input");if(this._getDomElement("node-projects-designer-search-result").innerHTML="0 selected",e.value!=""){let t=await this.serviceContainer.searchService.search(this,e.value);t?.length>0&&(this.instanceServiceContainer.selectionService.setSelectedElements(t.map(i=>i.designItem)),this._getDomElement("node-projects-designer-search-result").innerHTML=t.length.toString()+" selected")}}onKeyUp(e){this._ignoreEvent!==e&&(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,this.instanceServiceContainer.selectionService.primarySelection.element),e.defaultPrevented)||(this._moveGroup&&(this._moveGroup.commit(),this._moveGroup=null),e.preventDefault()))}onKeyDown(e){if(this._ignoreEvent!==e&&!(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,this.instanceServiceContainer.selectionService.primarySelection.element),e.defaultPrevented))){if(j(e)&&e.key==="z"&&!e.shiftKey)this.executeCommand({type:E.undo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="z"&&e.shiftKey)this.executeCommand({type:E.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="y")this.executeCommand({type:E.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="a")this.executeCommand({type:E.selectAll,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="c")this.executeCommand({type:E.copy,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="v")this.executeCommand({type:E.paste,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="x")this.executeCommand({type:E.cut,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="f")this._searchShowOverlay();else{if(!this.instanceServiceContainer.selectionService.primarySelection)return;let i=1;switch(e.shiftKey&&(i=10),e.key){case"Delete":case"Backspace":this.executeCommand({type:E.delete,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});break;case"ArrowDown":case"ArrowUp":case"ArrowLeft":case"ArrowRight":{this._moveGroup||(this._moveGroup=this.rootDesignItem.openGroup("move items"));let r={x:0,y:0};e.key=="ArrowDown"&&(r.y=-i),e.key=="ArrowUp"&&(r.y=i),e.key=="ArrowRight"&&(r.x=-i),e.key=="ArrowLeft"&&(r.x=i);for(let s of ae(this.instanceServiceContainer.selectionService.selectedElements)){let o=getComputedStyle(s.parent.element);s.serviceContainer.getLastServiceWhere("containerService",a=>a.serviceForContainer(s.parent,o)).moveElements([s],r,!1)}}break}}e.preventDefault()}}getNormalizedEventCoordinates(e){let t=(e.clientX-this.outerRect.x)/this.zoomFactor,i=this.containerBoundingRect.x-this.outerRect.x,r=(e.clientY-this.outerRect.y)/this.zoomFactor,s=this.containerBoundingRect.y-this.outerRect.y;return{x:t-i/this.zoomFactor,y:r-s/this.zoomFactor}}getViewportCoordinates(e){return{x:e.clientX-this.outerRect.x,y:e.clientY-this.outerRect.y}}getNormalizedTextNodeCoordinates(e,t){let i=document.createRange();i.selectNodeContents(e);let r=i.getBoundingClientRect(),s=this.containerOffset;return{x:s.x+(r.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:s.y+(r.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:r.width/(t?1:this.scaleFactor),height:r.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinates(e,t){if(e.nodeType==I.TextNode)return this.getNormalizedTextNodeCoordinates(e,t);let i=G(e),r=this.containerOffset;return{x:r.x+(i.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:r.y+(i.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:i.width/(t?1:this.scaleFactor),height:i.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinatesAndRealSizes(e){let t=this.getNormalizedElementCoordinates(e),i=getComputedStyle(e),r=t.width,s=t.height;return i.boxSizing!="border-box"&&(r=r-(parseFloat(i.borderLeft)+parseFloat(i.paddingLeft)+parseFloat(i.paddingRight)+parseFloat(i.borderRight)),s=s-(parseFloat(i.borderTop)+parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderBottom))),{...t,realWidth:r,realHeight:s}}getNormalizedOffsetInElement(e,t){let i=this.getNormalizedEventCoordinates(e),r=this.getNormalizedElementCoordinates(t);return{x:i.x-r.x,y:i.y-r.y}}transformPoint(e){if(this._useIframe){let t=this._canvasContainer.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y}}return e}elementsFromPoint(e,t){let i=[],r=this.transformPoint({x:e,y:t}),s=this._canvasShadowRoot.elementsFromPoint(r.x,r.y);for(let o of s)o.getRootNode()===this._canvasShadowRoot&&i.push(o);return i}getElementAtPoint(e,t){let i=this.transformPoint(e),r=this._canvasShadowRoot.elementsFromPoint(i.x,i.y),s=null;for(let o=0;o<r.length;o++){if(s=r[o],t&&t(s)){s=null;continue}if(s.getRootNode()!==this._canvasShadowRoot){s=null;continue}if(!this.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements&&M.GetDesignItem(s).getStyleFromSheetOrLocal("pointer-events")=="none"){s=null;continue}break}return s}getDesignItemById(e){return M.GetDesignItem(this._canvasShadowRoot.getElementById(e))}querySelectorDesignItem(e){return M.GetDesignItem(this._canvasShadowRoot.querySelector(e))}querySelectorAllDesignItems(e){return[...this._canvasShadowRoot.querySelectorAll(e)].map(t=>M.GetDesignItem(t))}_hoverElement;showHoverExtension(e,t){let i=M.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer);if(this._lastHoverDesignItem!=i&&(this._lastHoverDesignItem&&this.extensionManager.removeExtension(this._lastHoverDesignItem,C.MouseOver),i&&i!=this.rootDesignItem&&(!e.parentNode||yh.getHost(e.parentNode)!==this.overlayLayer)&&this.extensionManager.applyExtension(i,C.MouseOver,t),this._lastHoverDesignItem=i),this.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover&&this._hoverElement!==e){let r=this._hoverElement;for(;r&&r!==this._canvas;)r.removeAttribute(_t),r=r.parentElement;if(this._hoverElement=null,e){for(e.nodeType==I.TextNode&&(e=e.parentElement),r=e;r&&r!==this._canvas;)r.setAttribute(_t,""),r=r.parentElement;this._hoverElement=e}}}_onWheel(e){let t=this.getElementAtPoint({x:e.clientX,y:e.clientY});for(;t;){let i=getComputedStyle(t);if(i.overflowY==="scroll"||i.overflowY==="auto"){let r=t;r.scrollBy?r.scrollBy(e.deltaX,e.deltaY):(r.scrollLeft+=e.deltaX,r.scrollTop+=e.deltaY),e.stopPropagation();break}t=t.parentElement}}_pointerEventHandler(e,t=null){if(this._ignoreEvent===e||!this.serviceContainer||this._touchGestureHelper.multitouchEventActive)return;if(this.fillCalculationrects(),this._pointerextensions)for(let o of this._pointerextensions)o.refresh(e);let i;if(t)i=t;else if(i=this.serviceContainer.elementAtPointService.getElementAtPoint(this,{x:e.x,y:e.y}),!i)i=this._canvas;else if(this._enableSelectTextNodesOnClick){let o=this.getNormalizedEventCoordinates(e);for(let a of i.childNodes)if(a.nodeType==I.TextNode){let l=this.getNormalizedElementCoordinates(a);if(l.x<=o.x&&l.x+l.width>=o.x&&l.y<=o.y&&l.y+l.height>=o.y){i=a;break}}}if(this._activeTool){this._activeTool.pointerEventHandler(this,e,i);return}this.clickOverlay.style.cursor=this._canvas.style.cursor;let r=M.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);this.showHoverExtension(r.element,e),i&&yh.getHost(i.parentNode)===this.overlayLayer&&(i=this.instanceServiceContainer.selectionService.primarySelection?.element??this._canvas);let s=this.serviceContainer.globalContext.tool??this.serviceContainer.designerTools.get(U.Pointer);s.pointerEventHandler(this,e,i),this._canvas.style.cursor=s.cursor}captureActiveTool(e){this._activeTool=e}releaseActiveTool(){this._activeTool=null}get activeTool(){return this.serviceContainer.globalContext.tool}fillCalculationrects(){this.containerBoundingRect=this._canvasContainer.getBoundingClientRect(),this.outerRect=this._outercanvas2.getBoundingClientRect()}removeOverlay(e){this.overlayLayer.removeOverlay(e)}zoomOntoRectangle(e,t){let i={x:e.x<t.x?e.x:t.x,y:e.y<t.y?e.y:t.y,width:Math.abs(e.x-t.x),height:Math.abs(e.y-t.y)},r=this.outerRect.width/i.width,s=this.outerRect.height/i.height,o=r>=s?s:r,a={x:i.width/2+i.x,y:i.height/2+i.y};this.zoomPoint(a,o)}zoomPoint(e,t){this.zoomFactor=t;let i={x:-e.x+this.outerRect.width/this.zoomFactor/2,y:-e.y+this.outerRect.height/this.zoomFactor/2};this.canvasOffset=i}zoomConvertEventToViewPortCoordinates(e){let t=this.containerBoundingRect.x-this.outerRect.x,i=this.containerBoundingRect.y-this.outerRect.y;return{x:(e.x+t/this.zoomFactor)*this.zoomFactor,y:(e.y+i/this.zoomFactor)*this.zoomFactor}}zoomTowardsPoint(e,t){let i=t/this.zoomFactor,r=this.zoomConvertEventToViewPortCoordinates(e),s={x:-(r.x*(i-1)+i*-this.canvasOffsetUnzoomed.x),y:-(r.y*(i-1)+i*-this.canvasOffsetUnzoomed.y)};this.zoomFactor=t,this.canvasOffsetUnzoomed=s}};customElements.define("node-projects-designer-canvas",Ci);He();Wi();le();ht();$e();import{BaseCustomWebComponentConstructorAppend as Lu,css as Nu,html as Ru}from"@node-projects/base-custom-webcomponent";var ar=class extends Lu{static style=Nu`node-projects-designer-tools-buttons{height:100%;width:100%}#toolButtons{scrollbar-width:none;overflow-y:auto;height:100%}#toolButtons::-webkit-scrollbar{display:none}#popup{position:absolute;top:calc(0px + 10px);height:100%;left:calc(24px + 4px + 10px)}`;static template=Ru`<div id="popup"></div><div id="toolButtons"></div>`;_toolButtonsElem;_serviceContainer;_popupContainer;designerView;constructor(){super(),this._toolButtonsElem=this._getDomElement("toolButtons"),this._toolButtonsElem.onwheel=e=>e.stopPropagation(),this._popupContainer=this._getDomElement("popup")}initialize(e,t){this._serviceContainer=e,this.designerView=t;for(let i of this._serviceContainer.designViewToolbarButtons)this._toolButtonsElem.appendChild(i.provideButton(t.designerCanvas));this._serviceContainer.globalContext.onToolChanged.on(i=>{for(let r of this._toolButtonsElem.children)r instanceof ue&&r.setActiveTool(i.newValue.name)})}showPopup(e){if(this._popupContainer.children.length)this._popupContainer.innerHTML="";else{let t;typeof e.popup=="string"?t=document.createElement(e.popup):t=new e.popup,this._popupContainer.appendChild(t)}}setTool(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setTool,parameter:e})}setStrokeColor(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setStrokeColor,parameter:e})}setFillBrush(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setFillBrush,parameter:e})}setStrokeThickness(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setStrokeThickness,parameter:e})}};customElements.define("node-projects-designer-toolbar",ar);var jt=class extends Vu{_sVert;_sHor;get serviceContainer(){return this._designerCanvas.serviceContainer}set serviceContainer(e){this._designerCanvas.serviceContainer=e}get instanceServiceContainer(){return this._designerCanvas.instanceServiceContainer}set instanceServiceContainer(e){this._designerCanvas.instanceServiceContainer=e}_designerCanvas;get designerCanvas(){return this._designerCanvas}get readOnly(){return this._designerCanvas.readOnly}set readOnly(e){this._designerCanvas.readOnly=e}_zoomInput;_lowertoolbar;_toolbar;static style=Fu`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden}*{touch-action:none}#lowertoolbar{height:16px;background:#787f82;display:flex;bottom:0;position:absolute;font-size:12px;width:100%}input{width:40px;height:16px;padding:0;border:0;font-size:12px;text-align:center;margin-right:1px}.toolbar-control{width:16px;height:16px;display:block;margin-right:1px;cursor:default;display:flex;justify-content:center;align-items:center}.selected{background-color:#00bfff}.toolbar-control:hover{background-color:rgba(164,206,249,.6)}#outer{user-select:none;display:flex;flex-direction:column;width:100%;height:100%}#canvas{left:24px;width:calc(100% - 24px - 16px);height:calc(100% - 32px)}#tool-bar{width:24px;height:calc(100% - 32px);position:absolute;background-color:#d3d3d3}.zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNqkU11o01AUTtI06U/6tzHWbnNVS+k67FAG/gwfZEOcCrpNEBwEH2Q+Otqxh+5VEaHYV18UwQd9sk4Q+6CUKogbtSoM10qftJS2iGuT/iRpshvvDZu4DHHggY+TnHu+795zz7m4qqrYxfA6pjerlcHMZvMQQRCL8Hccoh+iBJECAMQEQci3Wk2MxP5iqgqmJUmIB3xkdTRoKgQG6Wr1JxBX1oTQx3UxCdcjMO2ZJiCK4g4y3HUIACV+bsL5dSRAWfwe636z0WBzWEFzn5vku5xyIZGsx2UF5AhEaDYbO8Dz3KLPi1X9B2iTy0pRiDx5/Z2bJgmGwDH8WMhuDxzEf6A8TYDneT3GR4JMzcVQThNlcCtANaM48pICutodxXTkkI1HeVslSPor6B/wWL7B3Z1n2KR3O3h05rkDOkd2eYoSxM025PVrAgAQeoFSuSLI3Q66jpJNRsIWPLvM5JJTTUkGGsqVtgJ5JU3AaLTqBVKZT9xh7yDT2Gh05G4bNQBzGETkBbkMVAxbzdadMJbSBDzCHXgKgKGZQJCp0IP32dnEaKhd6nOZAay7mXk6UUGeIHDDh88NKb0qumjaHiN391/1GjtrJ6ZPSb33H9eJYomuTJ601Qf7SKVYVlqplZblxRvOThrtEaC28qSOPAwncCYSWbzJsrO3XP4br9KZa1fTmcaOSTQYLDFFaeURh/yDfLynp/fCwkI0yrKX79ZqG49sUr2A44a3u+d08/fXVhfAeZ8vcDocjs6z7KV7xeL3JzBcwPZgmoAkScGlpdvzc3NXHuZyXxIwlMX2aJoAfFkvx8aGnRzH5WEpr7cXuerKPwVw1Lb/sV8CDACbf0U37X3NqwAAAABJRU5ErkJggg==)}.zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmVJREFUeNqkU01oE0EUnv3Nf0xsS01jEzWUNCUplh7U4kEiVVEQqyBYWDxor5am5JBeFRGCuXpRBA8KHqIHMYISohdTYlQo2kguaghJUNvd/O1udjvr7NKWZHuw4IMHM/v9zHu8t5iiKCAYDAKi/xQ4MHEdbIXFYgUmk2kUx/EouoZRulGWUaYhhHGe5wutVhOQKtk3/RToQ1HgjCjyCb+PrE0GjEW/x1Cr/YFCdoUPffwqpBAeQbRnmoEgCD1i9OoohHLi7EnHt3E/bfb0m/pwDGBeF04P77Mpex1SMZliE5IMV3FV0Gw2erJe56I+L6iNHDQYnRaaVsXb5uh8JGS3+w9hv1SeVkG9Xtd3EB4PDBecVtplpAmHKMMesN2R2Ymg7fer9PfwZgui3sC932X+gV53nGZSXj2Yf36B5oWNNtK5NQMIcT2nXKnyUt8eA6uSUf1YNyhKsFmptmWkK2sGFGXRG6Rzn7jDXo+1sdboSBSJEd0gVABYzrMOpEtrBi7+DqoCAnUn1JTo0IP3+dnkZKhdHnKaIEUSXRPCiA+fG2JmWXAaDPY4uXP+ipfqrBybOSEO3n/M4qWyoXrmuE30DJHWUkVupbMt44u3nJ2k7BGotAqkTjyGNvBiJBK9yTCzt5wjN15ncteuZnKNnk0kCHNcllsFVUN2iY8ODAyeX1yMxRjm8t319bVHNpEtYhjxbseago3t0+YU4Dmfzz+9sBCbZ5hL90qln0/Q5yLYRWgGoigGlpZuz8/NXXm4uvolqY4a7DI0A/RnvZyaGnNwHFdArbzZArla9p8GmDq2/4m/AgwATHQSD48kJDUAAAAASUVORK5CYII=)}.snap-grid{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNqkUjtLA0EQnntFyKNKJdiFgIlGC5G0FlaaIsYgiKAgKIKdjbV/wM7GImBhI6JFMFWKK3yBimBAhJDuUEgimMSYS0hunbncHRtFjLjw7X7z7ezszM4KjDEQRRG+jnlEgvYAAgLAJpoT1tYdA9gzAAqLuC/DD4N1EZC87v1IYnZ0MBj0k/6Szw/nTs7GO+8f62gWBCuDHTRG+ABxgGScsd3JlYWlJogu9TSjkT41NzM0AEbr5uDocJmxLTv3CCJpgbRkAKcWpq14vP7scVqrVKsbBOKktayS7BL4RzB5uxvAo7++SfV6vYnmBenESaM9/qCESFt4pPUJJzrlLpe/vQ9pTeex8A0EQcggwILJo9EohMPhNVW9ZqFQaJvsWCzWozGuCxJ3gck1TYNGo+Hy+XxQKpXalUoFisUi1Go1RyM/uwtZLsADYkxRlGnMZLXT6QQkSSqglsIV0HY0XddTdgkqV4LD6YPJsgwYzLSJEygQraz70YDvRg9Hh3O8DdptM1uTEwzDMDnvTHVfWfy+D8592W4Jt1wJfXOnC0h8XMw/cbuEHOKZc/iNX9qC2cb/jE8BBgAvhdOb37HVsgAAAABJRU5ErkJggg==)}.snap-guide{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYVJREFUeNqkU7tKA1EQnbs3CnlVqbQNARMjFilS+AnZQhIbW0ER/AA/wlYbhXR2wUKx0iKNYGMKDViEdEIgieBujGvCPpyz7sK6iWLIwJk798zsuXsfIxzHoXksAqcoij+vMbYq7MoszGxaEB3wtODlH3i5E5uojck210RCgq7SJie4MC0TsdO1cim/lMmkwHdarZWni+t16/1jz/FElJBAGc5imLzyakXNG0IuVo+OnwHE4JCzgisG7BJu/I3CQjyRuq1dvWi6vg8gBofcOHgGAZO+AFv88/VNDofDEcd3IBCD43ycfhEowY28Sazfnzh1cKMggWsUQvi4waiqKuVyud16/d7JZrOHxWJxKudMuQV3C81mk3RdX0wmk9Tr9UxN06jb7dJgMPjBwQRUAu/AtWg0SpZl7TDSUso2/1UVNWHOMIwJARzWBhcQwMXu1oJb9Ufbtsk0zYktPLrvgD8E/mWeYoNxxlj2xoZ3qI2/YrePQs10PksjTRPozCog5m3nLwEGABrLzseuHT6IAAAAAElFTkSuQmCC)}.bottom-scroll{width:calc(100% - 16px);position:absolute;bottom:16px;height:16px;box-sizing:border-box;z-index:1}.right-scroll{height:calc(100% - 32px);position:absolute;right:0;top:0;width:16px;box-sizing:border-box;z-index:1}.bottom-right{width:16px;height:16px;bottom:16px;right:0;position:absolute;background:#f0f0f0}`;static template=Bu`<div id="outer"><node-projects-plain-scrollbar id="s-hor" value="0.5" class="bottom-scroll"></node-projects-plain-scrollbar><node-projects-plain-scrollbar id="s-vert" value="0.5" orientation="vertical" class="right-scroll"></node-projects-plain-scrollbar><div class="bottom-right"></div><div id="lowertoolbar"><input id="zoomInput" type="text" value="100%"><div title="decrease zoom" id="zoomIncrease" class="toolbar-control zoom-in"></div><div title="increase zoom" id="zoomDecrease" class="toolbar-control zoom-out"></div><div title="reset zoom" id="zoomReset" class="toolbar-control" style="width:16px;height:16px;font-size:14px;display:flex;align-items:center;justify-content:center">1</div><div title="zoom to fit" id="zoomFit" class="toolbar-control" style="width:16px;height:16px;font-size:8px;display:flex;align-items:center;justify-content:center">100%</div><div title="snap to grid" id="alignGrid" class="toolbar-control snap-grid"></div><div title="snap to elements" id="alignSnap" class="toolbar-control snap-guide"></div></div></div>`;constructor(e=!1){super(),this._restoreCachedInititalValues(),this._sVert=this._getDomElement("s-vert"),this._sHor=this._getDomElement("s-hor");let t=this._getDomElement("outer");this._designerCanvas=new Ci(e),this._designerCanvas.id="canvas",this._designerCanvas.appendChild(document.createElement("slot")),t.insertAdjacentElement("afterbegin",this._designerCanvas),this._toolbar=new ar,this._toolbar.id="tool-bar",this._sVert.insertAdjacentElement("afterend",this._toolbar),this._designerCanvas.onZoomFactorChanged.on(()=>{this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%";let c=this.designerCanvas.canvasOffset,h=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,d=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._sHor.value=c.x/(-2*h)+.5,this._sVert.value=c.y/(-2*d)+.5}),this._zoomInput=this._getDomElement("zoomInput"),this._zoomInput.onkeydown=c=>{c.key=="Enter"&&(this._designerCanvas.zoomFactor=parseFloat(this._zoomInput.value)/100)},this._zoomInput.onblur=()=>{this._designerCanvas.zoomFactor=parseFloat(this._zoomInput.value)/100},this._zoomInput.onclick=this._zoomInput.select;let i=this._getDomElement("zoomIncrease");i.onclick=()=>{let c=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,h=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._designerCanvas.zoomFactor>.1?this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor+.1):this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor+.01)};let r=this._getDomElement("zoomDecrease");r.onclick=()=>{let c=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,h=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._designerCanvas.zoomFactor>.11?this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor-.1):this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor-.01),this._designerCanvas.zoomFactor<.001&&this._designerCanvas.zoomPoint({x:c/2,y:h/2},.001)};let s=this._getDomElement("zoomReset");s.onclick=()=>{this.zoomReset()};let o=this._getDomElement("zoomFit");o.onclick=()=>{this.zoomToFit()},this.addEventListener(S.Wheel,c=>this._onWheel(c));let a=this._getDomElement("alignSnap");a.onclick=()=>{this._designerCanvas.alignOnSnap=!this._designerCanvas.alignOnSnap,a.style.backgroundColor=this._designerCanvas.alignOnSnap?"deepskyblue":""},a.style.backgroundColor=this._designerCanvas.alignOnSnap?"deepskyblue":"",a.oncontextmenu=c=>{c.preventDefault()};let l=this._getDomElement("alignGrid");l.onclick=()=>{this._designerCanvas.alignOnGrid=!this._designerCanvas.alignOnGrid,l.style.backgroundColor=this._designerCanvas.alignOnGrid?"deepskyblue":""},l.style.backgroundColor=this._designerCanvas.alignOnGrid?"deepskyblue":"",l.oncontextmenu=c=>{c.preventDefault();let h=prompt("raster size",this.designerCanvas.gridSize.toString());if(h){let d=parseInt(h);d>0&&(this.designerCanvas.gridSize=d)}},this._lowertoolbar=this._getDomElement("lowertoolbar"),this._sVert.addEventListener("scrollbar-input",c=>this._onScrollbar(c)),this._sHor.addEventListener("scrollbar-input",c=>this._onScrollbar(c))}zoomReset(){this._designerCanvas.canvasOffset={x:0,y:0},this._designerCanvas.zoomFactor=1,this._sVert.value=.5,this._sHor.value=.5,this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%"}zoomToFit(){this._designerCanvas.zoomToFit()}_onScrollbar(e){e?.detail=="incrementLarge"?e.target.value+=.25:e?.detail=="decrementLarge"?e.target.value-=.25:e?.detail=="incrementSmall"?e.target.value+=.05:e?.detail=="decrementSmall"&&(e.target.value-=.05);let t=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,i=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight,r=t*(this._sHor.value-.5)*-2,s=i*(this._sVert.value-.5)*-2;this.designerCanvas.canvasOffset={x:r,y:s}}_onWheel(e){if(e.preventDefault(),e.ctrlKey){let t=this._designerCanvas.zoomFactor,i=e.deltaY<0?1:-1;t*=Math.exp(i*.2),t<.02&&(t=.02);let r=this.designerCanvas.getNormalizedEventCoordinates(e);this.designerCanvas.zoomTowardsPoint(r,t)}else e.shiftKey?(this._sHor.value+=e.deltaY/1e4,this._onScrollbar(null)):(this._sVert.value+=e.deltaY/1e4,this._onScrollbar(null),this._sHor.value+=e.deltaX/1e4,this._onScrollbar(null))}get designerWidth(){return this._designerCanvas.designerWidth}set designerWidth(e){this._designerCanvas.designerWidth=e}get designerHeight(){return this._designerCanvas.designerHeight}set designerHeight(e){this._designerCanvas.designerHeight=e}set additionalStyles(e){this._designerCanvas.additionalStyles=e}setDesignItems(e){this._designerCanvas.setDesignItems(e)}async executeCommand(e){this._designerCanvas.executeCommand(e)}canExecuteCommand(e){return this._designerCanvas.canExecuteCommand(e)}initialize(e){if(this.serviceContainer=e,this._designerCanvas.initialize(e),e.designViewConfigButtons)for(let t of e.designViewConfigButtons)for(let i of t.provideButtons(this,this._designerCanvas))this._lowertoolbar.appendChild(i);this._toolbar.initialize(this.serviceContainer,this)}getDesignerHTML(){return this._designerCanvas.rootDesignItem.childCount>0?Y.ConvertToString(Array.from(this._designerCanvas.rootDesignItem.children()),!0,!0):""}async parseDesignerHTML(e,t=!1){let i=this.serviceContainer.htmlParserService;if(!e)this._designerCanvas.overlayLayer.removeAllOverlays(),zu.removeAllChildnodes(this._designerCanvas.overlayLayer),this._designerCanvas.rootDesignItem.clearChildren();else{let r=await i.parse(e,this.serviceContainer,this.instanceServiceContainer,!1);t?this._designerCanvas._internalSetDesignItems(r):this._designerCanvas.setDesignItems(r)}}static wrapInDesigner(e,t){let i=new Ci;i.initialize(t);let r=i.serviceContainer.getLastServiceWhere("htmlParserService",s=>s.constructor==bt);return i.addDesignItems(r.createDesignItems(e,i.serviceContainer,i.instanceServiceContainer)),i}};customElements.define("node-projects-designer-view",jt);var vh=class extends jt{constructor(){super()}async ready(){let e=await(await Promise.resolve().then(()=>(wo(),gd))).default;this.initialize(e())}};customElements.define("node-projects-default-configured-designer-view",vh);He();ql();Kl();Jl();Yl();Ql();Xl();Ac();sh();Xi();Zl();Ul();$l();Ec();$e();at();Tc();ja();Nl();Rl();Fl();dl();sl();pl();Ga();hl();ul();nl();nh();oh();je();J();Ve();ie();yl();vl();Ra();Fa();Yc();Xc();Rc();pc();Is();fl();gl();ec();tc();xl();Bn();Va();Ha();Pc();Ic();Lc();Nc();ie();Ge();le();Ge();xt();var zo=class extends z{_lastPos;_parentRect;_startPos;_circlePos;_originalPathPoint;_pathdata;_offsetSvg=10;_pathElement;_parentCoordinates;_startScrollOffset;_deltaScrollOffset;constructor(e,t,i){super(e,t,i)}extend(){this._parentRect=this.extendedItem.element.parentElement.getBoundingClientRect(),this._pathdata=this.extendedItem.node.getPathData({normalize:!1}),this._pathElement=this.extendedItem.node,this._lastPos={x:0,y:0},this._startScrollOffset=this.designerCanvas.canvasOffset,this._deltaScrollOffset||(this._deltaScrollOffset={x:0,y:0});for(let e of this._pathdata)switch(e.type){case"M":this._drawPathCircle(e.values[0],e.values[1],e,0),this._lastPos={x:e.values[0],y:e.values[1]};break;case"m":this._drawPathCircle(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e,0),this._lastPos={x:e.values[0]+this._lastPos.x,y:e.values[1]+this._lastPos.y};break;case"L":this._drawPathCircle(e.values[0],e.values[1],e,0),this._lastPos={x:e.values[0],y:e.values[1]};break;case"l":this._drawPathCircle(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e,0),this._lastPos={x:e.values[0]+this._lastPos.x,y:e.values[1]+this._lastPos.y};break;case"H":this._drawPathCircle(e.values[0],this._lastPos.y,e,0),this._lastPos={x:e.values[0],y:this._lastPos.y};break;case"h":this._drawPathCircle(e.values[0]+this._lastPos.x,this._lastPos.y,e,0),this._lastPos={x:e.values[0]+this._lastPos.x,y:this._lastPos.y};break;case"V":this._drawPathCircle(this._lastPos.x,e.values[0],e,0),this._lastPos={x:this._lastPos.x,y:e.values[0]};break;case"v":this._drawPathCircle(this._lastPos.x,e.values[0]+this._lastPos.y,e,0),this._lastPos={x:this._lastPos.x,y:e.values[0]+this._lastPos.y};break;case"Z":break;case"C":this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(e.values[4],e.values[5],e.values[2],e.values[3]),this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._drawPathCircle(e.values[4],e.values[5],e,4),this._lastPos={x:e.values[4],y:e.values[5]};break;case"c":this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(this._lastPos.x+e.values[4],this._lastPos.y+e.values[5],e.values[2],e.values[3]),this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._drawPathCircle(this._lastPos.x+e.values[4],this._lastPos.y+e.values[5],e,4),this._lastPos={x:e.values[4]+this._lastPos.x,y:e.values[5]+this._lastPos.y};break;case"S":this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(e.values[0],e.values[1],e.values[2],e.values[3]),this._lastPos={x:e.values[2],y:e.values[3]};break;case"s":this._drawPathCircle(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e,0),this._drawPathCircle(e.values[2]+this._lastPos.x,e.values[3]+this._lastPos.y,e,2),this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y),this._drawPathLine(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e.values[2]+this._lastPos.x,e.values[3]+this._lastPos.y),this._lastPos={x:e.values[2]+this._lastPos.x,y:e.values[3]+this._lastPos.y};break;case"Q":this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(e.values[0],e.values[1],e.values[2],e.values[3]),this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._lastPos={x:e.values[2],y:e.values[3]};break;case"T":this._drawPathCircle(e.values[0],e.values[1],e,0),this._lastPos={x:e.values[0],y:e.values[1]};break;case"A":this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[5],e.values[6],e,5),this._lastPos={x:e.values[0],y:e.values[1]};break}}pointerEvent(e,t,i,r){e.stopPropagation();let s=this.designerCanvas.getNormalizedEventCoordinates(e);switch(e.type){case S.PointerDown:e.target.setPointerCapture(e.pointerId),this._startPos=s,this._circlePos={x:parseFloat(t.getAttribute("cx")),y:parseFloat(t.getAttribute("cy"))},this._originalPathPoint={x:i.values[r],y:i.values[r+1]},this._parentCoordinates=this.extendedItem.element.parentElement.getBoundingClientRect();break;case S.PointerMove:if(this._startPos&&e.buttons>0){this._deltaScrollOffset={x:this._startScrollOffset.x-this.designerCanvas.canvasOffset.x,y:this._startScrollOffset.y-this.designerCanvas.canvasOffset.y},this._lastPos={x:this._startPos.x,y:this._startPos.y};let o=s.x-this._lastPos.x+this._circlePos.x,a=s.y-this._lastPos.y+this._circlePos.y,l=o-this._circlePos.x,c=a-this._circlePos.y;e.shiftKey?Math.abs(l)>=Math.abs(c)?(i.values[r]=this._originalPathPoint.x+l,t.setAttribute("cx",(this._circlePos.x+l).toString()),i.values[r+1]=this._originalPathPoint.y,t.setAttribute("cy",this._circlePos.y.toString())):(i.values[r]=this._originalPathPoint.x,t.setAttribute("cx",this._circlePos.x.toString()),i.values[r+1]=this._originalPathPoint.y+c,t.setAttribute("cy",(this._circlePos.y+c).toString())):(i.values[r]=this._originalPathPoint.x+l,i.values[r+1]=this._originalPathPoint.y+c,i.type=="V"||i.type=="v"?(i.values[r]=this._originalPathPoint.x+c,t.setAttribute("cy",(this._circlePos.y+c).toString())):i.type=="H"||i.type=="h"?t.setAttribute("cy",(this._circlePos.x+l).toString()):(t.setAttribute("cx",(this._circlePos.x+l).toString()),t.setAttribute("cy",(this._circlePos.y+c).toString()))),this.designerCanvas.extensionManager.refreshAllExtensions([this.extendedItem],this),this.extendedItem.element.setAttribute("d",We(this._pathdata))}break;case S.PointerUp:if(e.target.releasePointerCapture(e.pointerId),this._startPos=null,this._circlePos=null,this._lastPos=null,this.extendedItem.setAttribute("d",We(this._pathdata)),getComputedStyle(this._pathElement.parentElement).position=="absolute"){let o=this.extendedItem.openGroup("rearrangeSvg"),a=this._pathdata;this._rearrangeSvgElement(),this._rearrangePointsFromElement(this._parentCoordinates,a),o.commit()}break}}_drawPathCircle(e,t,i,r){let s=this._drawCircle((this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+e,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+t,5/this.designerCanvas.scaleFactor,"svg-path");s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString();let o={x:e,y:t},a=[],l=this._pathdata.indexOf(i);a.push({title:"delete point",action:()=>{this._pathdata.splice(l,1),l==0&&(this._pathdata[0].type="M"),this.extendedItem.setAttribute("d",We(this._pathdata))}}),a.push({title:"insert point after",action:()=>{let c={type:"L",values:[i.values[0],i.values[1]]};this._pathdata.splice(l+1,0,c),this.extendedItem.setAttribute("d",We(this._pathdata))}}),l!=0&&this._checkCircleIndex(i,o)&&a.push({title:"convert to quadratic b\xE9zier",action:()=>{let c=this._pathdata[l-1].values[0],h=this._pathdata[l-1].values[1];this._pathdata[l-1].type==="C"?(c=this._pathdata[l-1].values[4],h=this._pathdata[l-1].values[5]):this._pathdata[l-1].type==="Q"&&(c=this._pathdata[l-1].values[2],h=this._pathdata[l-1].values[3]);let d=this._pathdata[l].values[0],p=this._pathdata[l].values[1],f=(d+c)*.5,m=(p+h)*.5,u=Math.atan2(p-h,d-c)-Math.PI/2,y=50,x=f+y*Math.cos(u),_=m+y*Math.sin(u);this._pathdata[l].type="Q",this._pathdata[l].values[0]=x,this._pathdata[l].values[1]=_,this._pathdata[l].values[2]=d,this._pathdata[l].values[3]=p,this.extendedItem.setAttribute("d",We(this._pathdata))}}),l!=0&&this._checkCircleIndex(i,o)&&a.push({title:"convert to cubic b\xE9zier",action:()=>{let c=this._pathdata[l-1].values[0],h=this._pathdata[l-1].values[1];this._pathdata[l-1].type==="C"?(c=this._pathdata[l-1].values[4],h=this._pathdata[l-1].values[5]):this._pathdata[l-1].type==="Q"&&(c=this._pathdata[l-1].values[2],h=this._pathdata[l-1].values[3]);let d=this._pathdata[l].values[0],p=this._pathdata[l].values[1],f=(d+c)*.5,m=(p+h)*.5,u=Math.atan2(p-h,d-c)-Math.PI/2,y=50,x=f+y*Math.cos(u),_=m+y*Math.sin(u);x=i.values[0]+2*(c-i.values[0])/3,_=i.values[1]+2*(h-i.values[1])/3;let w=e+2*(c-e)/3,A=t+2*(h-t)/3;this._pathdata[l].type="C",this._pathdata[l].values[0]=x,this._pathdata[l].values[1]=_,this._pathdata[l].values[2]=w,this._pathdata[l].values[3]=A,this._pathdata[l].values[4]=d,this._pathdata[l].values[5]=p,this.extendedItem.setAttribute("d",We(this._pathdata))}}),s.addEventListener(S.PointerDown,c=>this.pointerEvent(c,s,i,r)),s.addEventListener(S.PointerMove,c=>this.pointerEvent(c,s,i,r)),s.addEventListener(S.PointerUp,c=>this.pointerEvent(c,s,i,r)),s.addEventListener(S.ContextMenu,c=>{c.preventDefault(),ye.show(a,c)})}_drawPathLine(e,t,i,r){this._drawLine((this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+e,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+t,(this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+i,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+r,"svg-path-line")}_checkCircleIndex(e,t){switch(e.type){case"M":case"L":if(e.values[0]==t.x&&e.values[1]==t.y)return!0;break;case"Q":if(e.values[2]==t.x&&e.values[3]==t.y)return!0;break;case"C":if(e.values[4]==t.x&&e.values[5]==t.y)return!0;break}return!1}_rearrangeSvgElement(){let e=this.extendedItem.element.getBoundingClientRect(),t=(e.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor-this._offsetSvg,i=(e.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor-this._offsetSvg,r=e.height/this.designerCanvas.scaleFactor+2*this._offsetSvg,s=e.width/this.designerCanvas.scaleFactor+2*this._offsetSvg;this.extendedItem.element.parentElement.style.setProperty("left",t.toString()+"px"),this.extendedItem.element.parentElement.style.setProperty("top",i.toString()+"px"),this.extendedItem.element.parentElement.style.setProperty("height",Math.round(r).toString()+"px"),this.extendedItem.element.parentElement.style.setProperty("width",Math.round(s).toString()+"px")}_rearrangePointsFromElement(e,t){let i=this.extendedItem.element.parentElement.getBoundingClientRect(),r=(e.x-i.x)/this.designerCanvas.scaleFactor-this._deltaScrollOffset.x,s=(e.y-i.y)/this.designerCanvas.scaleFactor-this._deltaScrollOffset.y;for(let o=0;o<t.length;o++)t[o].values[0]=t[o].values[0]+r,t[o].values[1]=t[o].values[1]+s;this.extendedItem.element.setAttribute("d",We(this._pathdata))}refresh(){this._removeAllOverlays(),this.extend()}dispose(){this._removeAllOverlays()}};li();var $d=class{shouldExtend(e,t,i){return i.node instanceof SVGPathElement?sn(i.node):!1}getExtension(e,t,i){return new zo(e,t,i)}};za();Ba();ka();Ta();$a();Ja();el();tl();il();rl();Ua();Ka();La();Na();hc();dc();Jc();eh();Hc();Wc();Bc();Vc();bc();Sc();Ol();Yi();Zc();qc();jc();Uc();Fc();zc();wc();fc();uc();Ll();Tt();Ml();Dr();Kc();Mc();ih();Tn();Pl();Gc();ol();bl();rh();cl();Hl();Vl();ls();jl();al();Gl();Wl();_c();Qc();th();Da();var Bo=class extends si{extendedItem;constructor(e,t){super(e,t)}};J();import{css as Hu}from"@node-projects/base-custom-webcomponent";var Vo=class extends Bo{_lineOffset=5;_lineLength=10;_circle;_line1;_line2;_line3;_line4;refresh(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e);this._circle=this._drawCircle(t.x,t.y,1,"svg-cursor-line",this._circle,k.Foreground),this._line1=this._drawLine(t.x,t.y-this._lineOffset,t.x,t.y-this._lineOffset-this._lineLength,"svg-cursor-line",this._line1,k.Foreground),this._line2=this._drawLine(t.x,t.y+this._lineOffset,t.x,t.y+this._lineOffset+this._lineLength,"svg-cursor-line",this._line2,k.Foreground),this._line3=this._drawLine(t.x-this._lineOffset,t.y,t.x-this._lineOffset-this._lineLength,t.y,"svg-cursor-line",this._line3,k.Foreground),this._line4=this._drawLine(t.x+this._lineOffset,t.y,t.x+this._lineOffset+this._lineLength,t.y,"svg-cursor-line",this._line4,k.Foreground)}dispose(){super._removeAllOverlays()}style=Hu`.svg-cursor-line{stroke:#000;pointer-events:none}`};import{css as Wu}from"@node-projects/base-custom-webcomponent";var Jd=class{getExtension(e){return new Vo(e.extensionManager,e)}style=Wu`.svg-cursor-line{stroke:#000;pointer-events:none}`};import{BaseCustomWebComponentConstructorAppend as Gu,css as ju,html as Uu}from"@node-projects/base-custom-webcomponent";var xh=class extends Gu{static style=ju`:host{overflow:hidden;display:block;width:100%;height:100%;position:relative}#outerDiv{width:100%;height:100%}#innerDiv{transform-origin:top left;height:100%;width:100%;image-rendering:pixelated}#above{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;background:0 0;cursor:pointer}#viewRect{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;pointer-events:none}`;static template=Uu`<div id="outerDiv"><div id="innerDiv"></div></div><div id="above"><div id="viewRect"></div></div>`;_innerDiv;_outerDiv;_above;_instanceServiceContainer;_contentChangedHandler;_maxX=0;_maxY=0;_resizeObserver;_innerShadow;_zoomFactorChangedHandler;_viewRect;_minatureScaleX=1;_minatureScaleY=1;_reRenderFlag=!1;_isDragging=!1;_boundMouseMove;_boundMouseUp;constructor(){super(),this._restoreCachedInititalValues(),this._outerDiv=this._getDomElement("outerDiv"),this._innerDiv=this._getDomElement("innerDiv"),this._viewRect=this._getDomElement("viewRect"),this._above=this._getDomElement("above"),this._innerShadow=this._innerDiv.attachShadow({mode:"open"}),this._boundMouseMove=this._onMouseMove.bind(this),this._boundMouseUp=this._onMouseUp.bind(this),this._above.addEventListener("mousedown",e=>this._onMouseDown(e)),this._resizeObserver=new ResizeObserver(()=>{this._reSize()})}ready(){this._resizeObserver.observe(this)}_reSize(){let e=this._outerDiv.getBoundingClientRect();this._minatureScaleX=e.width/this._maxX,this._minatureScaleY=e.height/this._maxY,this._innerDiv.style.scale=this._minatureScaleX+" "+this._minatureScaleY}async _reRender(){if(this._instanceServiceContainer){let e=this._instanceServiceContainer?.designerCanvas;this._innerShadow.adoptedStyleSheets=[...e.rootDesignItem.element.shadowRoot.adoptedStyleSheets];let t=e.designerPixelSize;this._maxX=t.width,this._maxY=t.height;let i=await this._instanceServiceContainer.designerCanvas.serviceContainer.miniatureViewService.provideMiniatureView(e);this._innerShadow.replaceChildren(i),this._reSize(),this._reDrawRect(),this._reRenderFlag=!1}}_reDrawRect(){let e=this._instanceServiceContainer?.designerCanvas,t=e.canvasOffset,i=e.zoomFactor;this._viewRect.style.left=-t.x/this._maxX*100+"%",this._viewRect.style.top=-t.y/this._maxY*100+"%",this._viewRect.style.width=e.clientWidth/i/this._maxX*100+"%",this._viewRect.style.height=e.clientHeight/i/this._maxY*100+"%"}_onMouseDown(e){this._instanceServiceContainer&&(this._isDragging=!0,this._moveCanvasToMousePosition(e),window.addEventListener("mousemove",this._boundMouseMove),window.addEventListener("mouseup",this._boundMouseUp),e.preventDefault())}_onMouseMove(e){this._isDragging&&(this._moveCanvasToMousePosition(e),e.preventDefault())}_onMouseUp(e){this._isDragging=!1,window.removeEventListener("mousemove",this._boundMouseMove),window.removeEventListener("mouseup",this._boundMouseUp)}_moveCanvasToMousePosition(e){let t=this._instanceServiceContainer.designerCanvas,i=t.zoomFactor,r=this._above.getBoundingClientRect(),s=e.clientX-r.left,o=e.clientY-r.top,a=s/r.width*this._maxX,l=o/r.height*this._maxY,c=t.clientWidth/i/2,h=t.clientHeight/i/2;t.canvasOffset={x:-(a-c),y:-(l-h)}}set instanceServiceContainer(e){this._contentChangedHandler?.dispose(),this._zoomFactorChangedHandler?.dispose(),this._instanceServiceContainer=e,this._instanceServiceContainer?(this._zoomFactorChangedHandler=this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(()=>{this._reDrawRect()}),this._contentChangedHandler=this._instanceServiceContainer.contentService.onContentChanged.on(t=>{this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))}),this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))):this._innerShadow.innerHTML=""}};customElements.define("node-projects-web-component-designer-miniature-view",xh);ee();import{BaseCustomWebComponentConstructorAppend as Ku,css as Yu,html as Xu}from"@node-projects/base-custom-webcomponent";function ep(n){if(!n)return"";let e,t=n.nodeName.toLowerCase();return n.id?e="#"+n.getAttribute("id"):n.getAttribute("class")&&(e="."+n.getAttribute("class").split(" ").join(".")),e?t+e:t}var Ho=function(n){if(!n||n.nodeName==="HTML"||n.nodeName==="#document")return{node:document.documentElement,reason:"root"};if(n.nodeName==="#document-fragment")return Ho(n.host);let e=n.ownerDocument.defaultView.getComputedStyle(n);if(e.position==="fixed"||e.position==="sticky")return{node:n,reason:`position: ${e.position}`};if(e.zIndex!=="auto"&&e.position!=="static")return{node:n,reason:`position: ${e.position}; z-index: ${e.zIndex}`};if(e.opacity!=="1")return{node:n,reason:`opacity: ${e.opacity}`};if(e.transform!=="none")return{node:n,reason:`transform: ${e.transform}`};if(e.scale!=="none")return{node:n,reason:`scale: ${e.scale}`};if(e.translate!=="none")return{node:n,reason:`translate: ${e.translate}`};if(e.rotate!=="none")return{node:n,reason:`rotate: ${e.rotate}`};if(e.mixBlendMode!=="normal")return{node:n,reason:`mixBlendMode: ${e.mixBlendMode}`};if(e.filter!=="none")return{node:n,reason:`filter: ${e.filter}`};if(e.backdropFilter!=="none")return{node:n,reason:`backdropFilter: ${e.backdropFilter}`};if(e.perspective!=="none")return{node:n,reason:`perspective: ${e.perspective}`};if(e.clipPath!=="none")return{node:n,reason:`clip-path: ${e.clipPath} `};let t=e.mask||e.webkitMask;if(t!=="none"&&t!==void 0)return{node:n,reason:`mask: ${t}`};let i=e.maskImage||e.webkitMaskImage;if(i!=="none"&&i!==void 0)return{node:n,reason:`mask-image: ${i}`};let r=e.maskBorder||e.webkitMaskBorder;if(r!=="none"&&r!==void 0)return{node:n,reason:`mask-border: ${r}`};if(e.isolation==="isolate")return{node:n,reason:`isolation: ${e.isolation}`};if(e.willChange==="transform"||e.willChange==="opacity"||e.willChange==="scale"||e.willChange==="translate"||e.willChange==="rotate")return{node:n,reason:`willChange: ${e.willChange}`};if(e.zIndex!=="auto"){let o=n.ownerDocument.defaultView.getComputedStyle(n.parentNode);if(o.display==="flex"||o.display==="inline-flex")return{node:n,reason:`flex-item; z-index: ${e.zIndex}`};if(o.grid!=="none / none / none / row / auto / auto")return{node:n,reason:`child of grid container; z-index: ${e.zIndex}`}}let s=e.contain;return["layout","paint","strict","content"].indexOf(s)>-1||s.indexOf("paint")>-1||s.indexOf("layout")>-1?{node:n,reason:`contain: ${s}`}:Ho(n.parentNode)},_h=class extends Ku{static template=Xu`<div><table><tr><th colspan="2">Styling</th></tr><tr><td>display</td><td>[[?this.computedStyle.display]]</td></tr><tr><td>position</td><td>[[?this.computedStyle.position]]</td></tr><tr><td>visibility</td><td>[[?this.computedStyle.visibility]]</td></tr><tr><td>pointerEvents</td><td>[[?this.computedStyle.pointerEvents]]</td></tr><tr><td>zIndex</td><td>[[?this.computedStyle.zIndex]]</td></tr><tr><th colspan="2">Context</th></tr><tr><td>offsetParent</td><td class="lnk" @click="[[this._clickLink(event, 'offsetParent')]]">[[?this.selectedElementOffsetParentText]]</td></tr><tr><td>createsStackingContext</td><td>[[this.createsStackingContext]]</td></tr><tr><td>stackingContextReason</td><td>[[this.createsStackingContextReason]]</td></tr><tr><td>stackingContextParent</td><td class="lnk" @click="[[this._clickLink(event, 'stackingContextParent')]]">[[?this.parentStackingContextText]]</td></tr></table></div>`;static style=Yu`:host{overflow:auto;height:100%;display:block;font-size:12px}table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}table td,table th{border:1px solid #ddd;padding:2px 4px}table tr:nth-child(even){background-color:#f2f2f2}table tr:hover{background-color:#ddd}table th{text-align:left;background-color:#989898;color:#fff}.lnk{color:#00f}.lnk:hover{text-decoration:underline;cursor:pointer}`;_ready;computedStyle;createsStackingContext="";createsStackingContextReason="";parentStackingContext;parentStackingContextText;selectedElementOffsetParent;selectedElementOffsetParentText;constructor(){super(),this._restoreCachedInititalValues()}ready(){this._parseAttributesToProperties(),this._bindingsParse(),this._ready=!0}_clickLink(e,t){if(t=="offsetParent"){if(this.selectedElementOffsetParent){let i=M.GetDesignItem(this.selectedElementOffsetParent);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}else if(t=="stackingContextParent"&&this.parentStackingContext){let i=M.GetDesignItem(this.parentStackingContext);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}update(e){this._ready&&requestAnimationFrame(()=>{let t=e?.element;if(t?.nodeType==3&&(t=t.parentNode),t&&t.nodeType!=8&&t.nodeType!=11){if(this.computedStyle=t.ownerDocument.defaultView.getComputedStyle(t),this.selectedElementOffsetParent=t.offsetParent,this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element||this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement?(this.selectedElementOffsetParentText=null,this.selectedElementOffsetParent=null):this.selectedElementOffsetParentText=ep(t.offsetParent),t&&t.nodeType===1){let i=Ho(t);this.createsStackingContext=t===i.node,this.createsStackingContextReason=this.createsStackingContext?i.reason:"not a stacking context",this.parentStackingContext=i.node,this.createsStackingContext&&t.nodeName!=="HTML"&&(this.parentStackingContext=Ho(t.parentNode).node),this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement||this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement.parentElement?(this.parentStackingContextText=null,this.parentStackingContext=null):this.parentStackingContextText=ep(this.parentStackingContext)}}else this.computedStyle={},this.createsStackingContext=!1,this.createsStackingContextReason="",this.createsStackingContext=!1,this.selectedElementOffsetParent=null,this.selectedElementOffsetParentText=null,this.parentStackingContext=null,this.parentStackingContextText=null;this._bindingsRefresh()})}};customElements.define("node-projects-debug-view",_h);import{BaseCustomWebComponentConstructorAppend as Zu,css as qu,html as Qu}from"@node-projects/base-custom-webcomponent";var Wo=class extends Zu{static template=Qu`<div id="root"><div class="search"><span>search</span> <input style="flex-grow:1;min-width:0" value="{{this.searchText}}"> <span>replace</span> <input style="flex-grow:1;min-width:0" value="{{this.replaceText}}"> <button @click="[[this.replace()]]" style="grid-column:2">replace</button></div><hr><template repeat:item="[[this.refactorings]]"><details open><summary>[[item[1][0].itemType]]-name:<input value="[[item[1][0].name]]" @keydown="[[this._refactor(item, event)]]" style="flex-grow:1;min-width:0"></summary><ul><template repeat:reft="[[item[1]]]"><li>[[reft.type]]/[[reft.display]]</li></template></ul></details></template></div>`;static style=qu`:host{box-sizing:border-box;font-family:monospace;height:100%;width:100%;position:absolute;overflow:hidden}.search{display:grid;grid-template-columns:40px 1fr;align-items:center}span{font-size:10px}summary{cursor:pointer;font-size:10px;display:flex;align-items:center;white-space:nowrap}ul{margin:4px;padding-left:20px;font-size:10px}#root{padding:5px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;height:calc(100% - 10px)}`;static is="node-projects-refactor-view";static properties={};_instanceServiceContainer;_selectionChangedHandler;_selectedItems;searchText="(.*)";replaceText="$1";refactorings=new Map;ready(){this._bindingsParse()}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this.updateRefactorlist(this._selectedItems))}replace(){let e=null;for(let t of this.refactorings){let i=t[1][0].name,r=new RegExp(this.searchText);if(i.match(r)){e||(e=t[1][0].designItem.openGroup("refactor with regex "+this.searchText+" -> "+this.replaceText));let o=i.replace(r,this.replaceText);o!=i&&this.applyRefactoring(t,o)}}e||e.commit()}_refactor(e,t){let i=t.target;t.key=="Enter"&&this.applyRefactoring(e,i.value)}applyRefactoring(e,t){let i=e[1][0].designItem.openGroup("refactor "+e[1][0].name+" to "+t);for(let r of e[1])r.service.refactor(r,r.name,t);i.commit()}updateRefactorlist(e){if(this.refactorings.clear(),e&&e.length){let t=[],i=e[0].serviceContainer;for(let r of i.refactorServices){let s=r.getRefactorings(e);t.push(...s)}for(let r of t){let s=this.refactorings.get(r.itemType+"|"+r.name);s===void 0&&(s=[],this.refactorings.set(r.itemType+"|"+r.name,s)),s.push(r)}}this._bindingsRefresh()}};customElements.define(Wo.is,Wo);Uo();te();at();import{BaseCustomWebComponentLazyAppend as $u,css as Ju,html as ef}from"@node-projects/base-custom-webcomponent";var lr=class extends $u{static style=Ju`:host{display:block;box-sizing:border-box;height:100%;overflow:auto}button{background-color:transparent;color:#fff;border:none;font-size:13px;display:block;cursor:pointer;width:100%;text-align:left;padding:8px 14px}button:hover{background:var(--light-grey,#383f52)}table{width:100%}td{color:#fff;font-size:13px}div{text-transform:uppercase;font-size:12px;font-weight:700;padding:4px 14px}`;static template=ef`<table id="table"></table>`;_table;constructor(){super(),this._table=this._getDomElement("table")}loadElements(e,t,i){for(let r of t){let s=document.createElement("tr"),o=document.createElement("td"),a=document.createElement("button");if(a.setAttribute("part","button"),r.icon&&!r.displayHtml){let c=r.icon;r.icon.startsWith("data:")||(c=i+r.icon),a.innerHTML='<table><tr><td align="left" valign="middle" style="width:20px;"><img style="width:16px;height:16px" src="'+c+'"></td><td align="left" >'+r.tag+`</td></tr></table>
7
- `}else r.displayHtml?a.innerHTML=r.displayHtml:a.innerText=r.name?r.name:r.tag;a.draggable=!0,a.ondragstart=c=>{if(c.dataTransfer.setData(ti,JSON.stringify(r)),c.currentTarget.style.outline="dashed",r.ghostElement)if(typeof r.ghostElement=="string"){let h=document.createRange();h.selectNode(document.body);let p=h.createContextualFragment(r.ghostElement).firstChild;p.style.position="absolute",p.style.top="-1000px",document.body.appendChild(p),c.dataTransfer.setDragImage(p,0,0),requestAnimationFrame(()=>document.body.removeChild(p))}else c.dataTransfer.setDragImage(r.ghostElement,0,0);else if(!r.import)try{let h=document.createElement(r.tag);if(r.defaultContent&&(h.innerHTML=r.defaultContent),r.defaultWidth&&(h.style.width=r.defaultWidth),r.defaultHeight&&(h.style.height=r.defaultHeight),r.defaultAttributes)for(let p in r.defaultAttributes)h.setAttribute(p,r.defaultAttributes[p]);if(r.defaultStyles)for(let p in r.defaultStyles)h.style[p]=r.defaultStyles[p];h.style.position="absolute",r.defaultWidth?h.style.top="-"+(parseInt(r.defaultHeight)+500)+"px":h.style.top="-500px",r.defaultWidth?h.style.left="-"+(parseInt(r.defaultWidth)+500)+"px":h.style.left="-500px",document.body.appendChild(h);let d=h.getBoundingClientRect();d.width>0&&d.height>0&&c.dataTransfer.setDragImage(h,0,0),requestAnimationFrame(()=>document.body.removeChild(h))}catch(h){console.warn("error creating gost elment",h)}},a.ondragend=c=>{r.import=null,c.currentTarget.style.outline="none"},a.ontouchstart=c=>{c.preventDefault()},a.onclick=c=>{let h=e.designerTools.get(r.tool??U.DrawElementTool);typeof h=="function"&&(h=new h(r)),e.globalContext.tool=h},o.appendChild(a),s.appendChild(o);let l=document.createElement("td");l.innerText=r.description??"",s.appendChild(l),this._table.appendChild(s)}}};customElements.define("node-projects-palette-elements",lr);import{BaseCustomWebComponentLazyAppend as tf,css as rf}from"@node-projects/base-custom-webcomponent";var bh=class extends tf{selected="native";_designerTabControl;static style=rf`:host{display:flex;flex-direction:column;flex:1;height:100%}`;constructor(){super(),this._restoreCachedInititalValues(),this._designerTabControl=new rt,this._designerTabControl.selectedIndex=0,this.shadowRoot.appendChild(this._designerTabControl)}async loadControls(e,t){this._designerTabControl.innerHTML="";for(let i of t)try{let r=await i.getElements(),s=new lr;s.title=i.name,this._designerTabControl.appendChild(s),s.loadElements(e,r)}catch(r){console.warn("Error loading elements",r)}this._designerTabControl.refreshItems()}};customElements.define("node-projects-palette-view",bh);ee();import{BaseCustomWebComponentLazyAppend as nf,css as sf}from"@node-projects/base-custom-webcomponent";var Sh=class extends nf{_items;_index;_previouslySelected;_treeDiv;_instanceServiceContainer;_selectionChangedHandler;_contentChangedHandler;_mapElementTreeitem;_rootItem;static style=sf`:host{--horz-margin:20px;--vert-margin:0px;--horz-shift:calc(var(--horz-margin) / 2);--vert-shift:12px;display:inline-block;position:relative;width:100%;height:100%;background:var(--dark-grey,#232733);overflow-y:auto}button{border:none;font-size:13px;display:block;padding:4px 0;cursor:pointer;width:100%;text-align:left;display:inline-block;margin:0;background:var(--dark-grey,#232733);position:relative;color:#fff}button:focus,button:hover{background:var(--light-grey,#383f52)}span{margin:4px}.id{font-style:italic;color:var(--highlight-pink,#e91e63)}.selected{background:var(--light-grey,#383f52);outline:0}li,ul{margin:0;padding:0}.tree ul{margin-left:var(--horz-margin)}.tree li{list-style-type:none;margin-top:var(--vert-margin);margin-bottom:var(--vert-margin);position:relative}.tree li::before{content:"";position:absolute;top:calc(0px - var(--vert-margin));left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(var(--vert-shift) + var(--vert-margin));border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0}.tree li::after{position:absolute;content:"";top:var(--vert-shift);left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(100% - var(--vert-shift));border-left:1px solid #ccc;border-top:1px solid #ccc;border-radius:0}ul.tree>li:first-child::before{display:none}.tree li:last-child::after{display:none}ul.tree>li:first-child::after{border-radius:5px 0 0 0}.tree li:last-child:before{border-radius:0 0 0 5px}`;constructor(){super(),this._restoreCachedInititalValues(),this._treeDiv=document.createElement("div"),this._treeDiv.style.userSelect="none",this.shadowRoot.appendChild(this._treeDiv),this._treeDiv.addEventListener("click",this._clickElement.bind(this))}createTree(e){this._rootItem=e,e!=null&&this._recomputeTree(e.element,null)}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectionChanged(t)}),this._contentChangedHandler?.dispose(),this._contentChangedHandler=this._instanceServiceContainer.contentService.onContentChanged.on(t=>{this.createTree(e.contentService.rootDesignItem)}),this.createTree(e.contentService.rootDesignItem)}selectionChanged(e){this._selectTreeElements(e.selectedElements.map(t=>this._mapElementTreeitem.get(t.element)))}_recomputeTree(e,t){this._mapElementTreeitem=new Map,this._treeDiv.innerHTML="";let i=document.createElement("ul");return i.classList.add("tree"),this._treeDiv.appendChild(i),this._index=0,this._items=this._getChildren(e,i),this._highlight(t),this._items}_makeButton(e,t,i){let r=document.createElement("button");r.dataset.index=i;let s=document.createElement("span");s.className="tag",s.textContent=e;let o=document.createElement("span");return o.className="id",o.textContent=t,r.appendChild(s),r.appendChild(o),r}_getChildren(e,t){let i=e.id==="viewContainer",r={tag:i?"main-app":e.tagName.toLowerCase(),id:i?"":e.id?"#"+e.id:"",text:i?"":'"'+e.textContent+'"',ref:e,index:this._index},s=document.createElement("li"),o=this._makeButton(r.tag,r.id,r.index);s.appendChild(o),t.appendChild(s),this._mapElementTreeitem.set(r.ref,o),this._index++;let a=[r],l=null;for(let c=0;c<e.children.length;c++){let h=e.children[c];h.localName!=="style"&&(l==null&&(l=document.createElement("ul"),s.appendChild(l)),a=a.concat(this._getChildren(h,l)))}return a}_clickElement(e){let t=e.target;t.localName==="span"&&(t=t.parentElement),this._selectTreeElements([t]),this._selectDesignerElement(t)}_selectTreeElements(e){if(this._previouslySelected)for(let t of this._previouslySelected)t&&t.classList.remove("selected");if(this._previouslySelected=e,e)for(let t of e)t&&t.classList.add("selected")}_selectDesignerElement(e){let t=e.dataset.index,i=this._items[t].ref,r=M.GetOrCreateDesignItem(i,i,this._rootItem.serviceContainer,this._rootItem.instanceServiceContainer);r.instanceServiceContainer.selectionService.setSelectedElements([r])}_highlight(e){if(!e)return;let t=this.shadowRoot.querySelectorAll("button");if(t.length===this._items.length){for(let i=0;i<this._items.length;i++)if(this._items[i].ref===e){this._selectTreeElements([t[i]]);return}}}};customElements.define("node-projects-tree-view",Sh);Ko();import{BaseCustomWebComponentLazyAppend as cf,css as hf,cssFromString as df,debounce as pf,TypedEvent as wh}from"@node-projects/base-custom-webcomponent";import{BaseCustomWebComponentConstructorAppend as of,css as af,html as lf}from"@node-projects/base-custom-webcomponent";var cr=class extends of{static style=af`:host{display:block}#split{position:relative;height:100%;width:100%;grid-template-rows:calc(var(--split) * 1%) 5px calc(((100 - var(--split)) * 1%) - 5px);grid-template-columns:100%;display:grid;align-items:center}#splitter{user-select:none;-webkit-user-select:none}:host(:not([orientation=vertical]))>div>#splitter{cursor:ew-resize;width:5px}:host([orientation=vertical])>div>#splitter{cursor:ns-resize;height:5px}`;static template=lf`<div id="split" style="--split:50"><slot name="top"></slot><div id="splitter"></div><slot name="bottom"></slot></div>`;static properties={orientation:String};orientation="vertical";constructor(){super()}ready(){this._parseAttributesToProperties(),this.setAttribute("orientation",this.orientation);let e=this._getDomElement("split"),t=this._getDomElement("splitter"),i=null;t.addEventListener("pointerdown",r=>{t.setPointerCapture(r.pointerId),i=!0}),t.addEventListener("pointerup",r=>{t.releasePointerCapture(r.pointerId),i=null}),t.addEventListener("pointermove",r=>{if(i!==null){let s=parseFloat(e.style.getPropertyValue("--split"));this.orientation==="horizontal"?s+=r.movementX*100/e.clientWidth:s+=r.movementY*100/e.clientHeight,isNaN(s)||e.style.setProperty("--split",s)}})}};customElements.define("node-projects-simple-split-view",cr);be();Ve();var V;(function(n){n[n.designer=0]="designer",n[n.code=1]="code",n[n.split=2]="split",n[n.preview=3]="preview"})(V||(V={}));var Ch=class extends cf{designerView;codeView;demoView;additionalData;_firstLoad=!0;_stylesheetChangedEventRegistered;_additionalStyle;set additionalStyleString(e){this._additionalStyle=e,this.designerView.additionalStyles=[df(e)]}get additionalStyleString(){return this._additionalStyle}_additionalStyles;set additionalStyles(e){this._additionalStyles=e,this.designerView.additionalStyles=this._additionalStyles}get additionalStyles(){return this._additionalStyles}_additionalStylesheets;set additionalStylesheets(e){this._additionalStylesheets=e,this.designerView.instanceServiceContainer.stylesheetService&&(this.designerView.instanceServiceContainer.stylesheetService.setStylesheets(e),this._stylesheetChangedEventRegistered||(this._stylesheetChangedEventRegistered=!0,this.designerView.instanceServiceContainer.stylesheetService.stylesheetChanged.on(t=>this.additionalStylesheetChanged.emit({name:t.name,newStyle:t.newStyle,oldStyle:t.oldStyle,changeSource:t.changeSource}))))}get additionalStylesheets(){return this._additionalStylesheets}additionalStylesheetChanged=new wh;get readOnly(){return this.designerView?.readOnly}set readOnly(e){this.designerView&&(this.designerView.readOnly=e),this.codeView&&(this.codeView.readOnly=e)}onContentChanged=new wh;onTabChanged=new wh;_contentChangeSource="designer";_serviceContainer;_content="";_tabControl;_selectionPosition;_splitDiv;_designerDiv;_codeDiv;refreshInSplitViewDebounced;_disableChangeNotificationDesigner;_disableChangeNotificationEditor;static get style(){return hf`div{height:100%;display:flex;flex-direction:column}node-projects-designer-view{height:100%;overflow:hidden}`}constructor(e,t,i=!1){super(),this.refreshInSplitViewDebounced=pf(this.refreshInSplitView,200),this._serviceContainer=e,t!=null&&(this._content=t);let r=document.createElement("div");this._tabControl=new rt,r.appendChild(this._tabControl),this.designerView=new jt(i),this.designerView.setAttribute("exportparts","canvas"),this.designerView.slot="top",this._designerDiv=document.createElement("div"),this._tabControl.appendChild(this._designerDiv),this._designerDiv.appendChild(this.designerView),this._designerDiv.dataset.title="Designer",this.designerView.initialize(this._serviceContainer),this.designerView.instanceServiceContainer.documentContainer=this,this.designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(s=>this.designerSelectionChanged(s)),this.designerView.designerCanvas.onContentChanged.on(()=>this.designerContentChanged()),this.codeView=new e.config.codeViewWidget,this.codeView.slot="bottom",this.codeView.style.position="relative",this._codeDiv=document.createElement("div"),this._tabControl.appendChild(this._codeDiv),this._codeDiv.style.position="relative",this._codeDiv.appendChild(this.codeView),this._codeDiv.dataset.title="Code",this.codeView.onTextChanged.on(s=>{this._disableChangeNotificationDesigner||(this._tabControl.selectedIndex===V.code||this._tabControl.selectedIndex===V.split)&&(this._disableChangeNotificationEditor=!0,this._content=s,this.refreshInSplitViewDebounced())}),this._splitDiv=new cr,this._splitDiv.style.height="100%",this._splitDiv.dataset.title="Split",this._tabControl.appendChild(this._splitDiv),e.config.demoViewWidget&&(this.demoView=new e.config.demoViewWidget,this.demoView.dataset.title="Preview",this._tabControl.appendChild(this.demoView)),queueMicrotask(()=>{this.shadowRoot.appendChild(r),this._tabControl.selectedIndex=V.designer})}async refreshInSplitView(){try{await this.updateDesignerHtml()}catch(e){console.error(e)}this._disableChangeNotificationEditor=!1}get currentView(){return this._tabControl.selectedIndex==V.designer?"designer":this._tabControl.selectedIndex==V.split?"split":this._tabControl.selectedIndex==V.code?"code":this._tabControl.selectedIndex==V.preview?"preview":null}set currentView(e){e=="designer"&&(this._tabControl.selectedIndex=V.designer),e=="split"&&(this._tabControl.selectedIndex=V.split),e=="code"&&(this._tabControl.selectedIndex=V.code),e=="preview"&&(this._tabControl.selectedIndex=V.preview)}designerSelectionChanged(e){if(this._tabControl.selectedIndex===V.split){let t=this.instanceServiceContainer.selectionService.primarySelection;t&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t),this._selectionPosition&&this.codeView.setSelection(this._selectionPosition),this._selectionPosition=null)}}designerContentChanged(){if(this.onContentChanged.emit({source:this._contentChangeSource}),!this._disableChangeNotificationEditor){if(this._disableChangeNotificationDesigner=!0,this._tabControl.selectedIndex===V.code||this._tabControl.selectedIndex===V.split){let e=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.codeView.update(this._content,this.designerView.instanceServiceContainer),e&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(e),this._selectionPosition&&this.codeView.setSelection(this._selectionPosition),this._selectionPosition=null)}this._disableChangeNotificationDesigner=!1}}dispose(){this.codeView.dispose(),this.demoView.dispose()}executeCommand(e){this._tabControl.selectedIndex===V.designer||this._tabControl.selectedIndex===V.split?this.designerView.executeCommand(e):this._tabControl.selectedIndex===V.code?this.codeView.executeCommand(e):this._tabControl.selectedIndex===V.preview&&this.demoView.executeCommand(e)}canExecuteCommand(e){if(this._tabControl.selectedIndex===V.designer||this._tabControl.selectedIndex===V.split){if(this.designerView?.canExecuteCommand)return this.designerView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===V.code){if(this.codeView?.canExecuteCommand)return this.codeView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===V.preview&&this.demoView?.canExecuteCommand)return this.demoView.canExecuteCommand(e);return!1}async setContentAsync(e){this._content=e,this._tabControl&&(this._tabControl.selectedIndex===V.designer?await this.updateDesignerHtml():this._tabControl.selectedIndex===V.code?this.codeView.update(this._content,this.designerView.instanceServiceContainer):this._tabControl.selectedIndex===V.split||this._tabControl.selectedIndex===V.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString))}set content(e){this.setContentAsync(e)}get content(){return this._tabControl?(this._tabControl.selectedIndex===V.designer?this._content=this.designerView.getDesignerHTML():this._tabControl.selectedIndex===V.code&&(this._content=this.codeView.getText()),this._content):null}ready(){this._tabControl.onSelectedTabChanged.on(e=>{if(e.oldIndex===V.designer){let t=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t))}else e.oldIndex===V.code?this._content=this.codeView.getText():e.oldIndex===V.split?(this._designerDiv.appendChild(this.designerView),this._codeDiv.appendChild(this.codeView)):e.oldIndex===V.preview&&this.demoView?.stopDisplay&&this.demoView.stopDisplay();(e.newIndex===V.designer||e.newIndex===V.split)&&this.updateDesignerHtml(),(e.newIndex===V.code||e.newIndex===V.split)&&(this.codeView.update(this._content,this.designerView.instanceServiceContainer),this._selectionPosition&&(this.codeView.setSelection(this._selectionPosition),st(20).then(t=>{this._selectionPosition&&this.codeView.setSelection(this._selectionPosition),this._selectionPosition=null})),e.changedViaClick&&this.codeView.focusEditor()),e.newIndex===V.split&&(this._splitDiv.appendChild(this.designerView),this._splitDiv.appendChild(this.codeView)),e.newIndex===V.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString),this._content&&(this._firstLoad=!1),this.onTabChanged.emit({oldTab:V[e.oldIndex],newTab:V[e.newIndex]})}),this._content&&(this.content=this._content,this._firstLoad=!1)}async updateDesignerHtml(){if(this._firstLoad)return this.designerView.parseDesignerHTML(this._content,this._firstLoad);if(this.designerView.getDesignerHTML()!=this._content){this._contentChangeSource="code",await this.designerView.parseDesignerHTML(this._content,this._firstLoad),this._contentChangeSource="designer";return}else this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty(),this.designerView.designerCanvas.overlayLayer.removeAllOverlays(),this.designerView.designerCanvas.extensionManager.reapplyAllAppliedExtentions(null,[C.Permanent,C.Selection,C.PrimarySelection,C.PrimarySelectionContainer,C.OnlyOneItemSelected,C.MultipleItemsSelected])}get instanceServiceContainer(){return this.designerView.instanceServiceContainer}};customElements.define("node-projects-document-container",Ch);le();Wa();ht();te();wo();export{Io as AbsolutePlacementService,Ct as AbstractBaseToolPopup,fi as AbstractCssPropertiesService,Re as AbstractDesignViewConfigButton,Bo as AbstractDesignerPointerExtension,z as AbstractExtension,ns as AbstractHtmlWriterService,Ue as AbstractPolymerLikePropertiesService,q as AbstractPropertiesService,To as AbstractStylesheetService,lo as AlignItemsContextMenu,Nn as AltToEnterContainerExtension,Rn as AltToEnterContainerExtensionProvider,_d as AlwaysAbsolutePlacementService,gi as ApplyFirstMachingExtensionProvider,xs as AttachedPropertiesService,Oi as AttributeAndPropertyChangeAction,Ti as AttributeChangeAction,ui as AttributesPropertiesService,Kr as BaseCustomWebComponentPropertiesService,xd as BaseCustomWebcomponentBindingsService,Cd as BaseCustomWebcomponentDesignItemService,$ as BasePropertyEditor,Xt as BaseServiceContainer,Te as BasicStackedToolbarExtension,co as BasicWebcomponentPropertiesService,vd as BindableObjectType,sr as BindingMode,L as BindingTarget,Od as BindingsRefactorService,Js as BlockToolbarExtension,eo as BlockToolbarExtensionProvider,Vr as BooleanPropertyEditor,pt as ButtonSeperatorProvider,Ts as ChangeGroup,Wt as ChildContextMenu,fo as ChildrenContextMenu,Di as CodeViewSimple,Nr as ColorPropertyEditor,E as CommandType,Ne as CommonPropertiesService,ut as ConditionExtensionProvider,Do as ContentAndIdPropertiesService,Ns as ContentService,ye as ContextMenu,Sd as CopyPasteAsJsonService,An as CopyPasteContextMenu,qn as CopyPasteService,Cr as CssAttributeParser,mi as CssCombiner,Vt as CssCurrentPropertiesService,Ht as CssCustomPropertiesService,wr as CssEntry,Ie as CssPropertiesService,Qt as CssStyleChangeAction,Vo as CursorLinePointerExtension,Jd as CursorLinePointerExtensionProvider,Rr as DatePropertyEditor,_h as DebugView,vh as DefaultConfiguredDesignerView,Ur as DefaultEditorTypesService,bt as DefaultHtmlParserService,Lr as DefaultInstanceService,Qn as DefaultModelCommandService,Xe as DefaultPlacementService,yo as DeleteAction,vo as DeletionService,Pi as DemoView,M as DesignItem,zs as DesignItemDocumentPositionService,xi as DesignItemService,Ci as DesignerCanvas,rt as DesignerTabControl,ar as DesignerToolbar,ue as DesignerToolbarButton,jt as DesignerView,$n as DisplayGridExtension,Bt as DisplayGridExtensionProvider,bo as DisplayMediaPngWriterService,Ch as DocumentContainer,Y as DomConverter,Ws as DragDropService,js as DrawElementTool,ts as DrawEllipsisTool,is as DrawLineTool,pn as DrawPathTool,es as DrawRectTool,fs as DrawToolButtonProvider,qi as DrawToolPopup,Fs as EditGridColumnRowSizesExtension,tr as EditGridColumnRowSizesExtensionProvider,hi as EditTextExtension,Kn as EditTextExtensionProvider,bd as ElectronPngWriterService,Wn as ElementAtPointService,De as ElementDisplayType,$r as ElementDragTitleExtension,Jr as ElementDragTitleExtensionProvider,S as EventNames,Ce as EventsService,Fo as ExtensionManager,C as ExtensionType,Un as ExternalDragDropService,Gn as FlexBoxPlacementService,Qs as FlexToolbarExtension,$s as FlexToolbarExtensionProvider,Ps as FlexboxExtension,Ds as FlexboxExtensionDesignViewConfigButtons,er as FlexboxExtensionProvider,mo as ForceCssContextMenu,Pd as FormatingHtmlWriterService,vs as GrayOutDragOverContainerExtension,$i as GrayOutDragOverContainerExtensionProvider,On as GrayOutExtension,Ln as GrayOutExtensionProvider,_s as GridAssignedRowColumnPropertyEditor,oo as GridChildResizeExtension,ao as GridChildResizeExtensionProvider,to as GridChildToolbarExtension,io as GridChildToolbarExtensionProvider,Jn as GridExtensionDesignViewConfigButtons,Hn as GridPlacementService,Zs as GridToolbarExtension,qs as GridToolbarExtensionProvider,cn as HighlightElementExtension,hn as HighlightElementExtensionProvider,ss as HtmlWriterService,wd as IframeDemoProviderService,Hr as ImageButtonListPropertyEditor,Er as IndentedTextWriter,fe as InsertAction,vt as InsertChildAction,No as InstanceServiceContainer,Fn as InvisibleElementExtension,ks as InvisibleElementExtensionDesignViewConfigButtons,zn as InvisibleElementExtensionProvider,Vn as ItemsBelowContextMenu,Ed as JsonFileElementsService,Fr as JsonPropertyEditor,kd as JsonPropertyPopupEditor,Rs as JumpToElementContextMenu,Td as ListPropertiesService,Qr as Lit2PropertiesService,_r as LitElementPropertiesService,Dn as MagicWandSelectorTool,nn as MarginExtension,on as MarginExtensionProvider,yi as MarginTool,Ks as MathMLElementsPropertiesService,bs as MetricsPropertyEditor,xh as MiniatureView,xo as MiniatureViewService,Dd as MultiplayerService,In as MultipleItemsSelectedContextMenu,Vs as MultipleSelectionRectExtension,Hs as MultipleSelectionRectExtensionProvider,U as NamedTools,br as NativeElementsPropertiesService,I as NodeType,yd as NpmPackageLoader,zr as NumberPropertyEditor,Co as ObservedCustomElementsRegistry,uo as OptionsContextMenuButton,k as OverlayLayer,wi as OverlayLayerView,no as PaddingExtension,so as PaddingExtensionProvider,vi as PaddingTool,lr as PaletteElements,bh as PaletteView,En as PanTool,as as PathContextMenu,zo as PathExtension,$d as PathExtensionProvider,kn as PickColorTool,Es as PlacementExtension,As as PlacementExtensionProvider,jo as PlainScrollbar,ge as PointerActionType,dn as PointerTool,ms as PointerToolButtonProvider,Zi as PointerToolPopup,xr as PolymerPropertiesService,an as PositionExtension,ln as PositionExtensionProvider,Ao as PreDefinedElementsService,ho as PreviousElementSelectExtension,po as PreviousElementSelectExtensionProvider,F as PropertiesHelper,Tr as PropertyChangeAction,fh as PropertyGrid,Me as PropertyGridPropertyList,gh as PropertyGridWithHeader,Cs as PropertyGroupsService,v as PropertyType,os as RectContextMenu,ji as RectangleSelectorTool,Wo as RefactorView,W as RefreshMode,vn as ResizeExtension,xn as ResizeExtensionProvider,_n as RotateExtension,bn as RotateExtensionProvider,Sn as RotateGroupExtension,wn as RotateGroupExtensionProvider,ds as RotateLeftAndRight,Us as RoundPixelsDesignViewConfigButton,Sr as SVGElementsPropertiesService,Gt as Screenshot,So as SearchService,ps as SelectAllChildrenContextMenu,Bi as SelectPropertyEditor,mn as SelectionDefaultExtension,un as SelectionDefaultExtensionProvider,Ls as SelectionService,Qi as SelectionToolPopup,ys as SelectorToolButtonProvider,ke as SeperatorContextMenu,Je as SeperatorToolProvider,gr as ServiceContainer,Oo as SetDesignItemsAction,Gs as SimpleDemoProviderService,nr as SimpleToolButtonProvider,jn as SnaplinesProviderService,Mo as StylesheetChangedAction,Pr as StylesheetServiceDesignViewConfigButtons,Ys as SvgElementExtension,Xs as SvgElementExtensionProvider,kr as TextContentChangeAction,Br as TextPropertyEditor,Ld as TextRefactorService,Mn as TextTool,gs as TextToolButtonProvider,Gr as ThicknessPropertyEditor,ro as ToolbarExtensionsDesignViewConfigButtons,Eo as TouchGestureHelper,tn as TransformOriginExtension,rn as TransformOriginExtensionProvider,Bs as TransformToolButtonProvider,ir as TransformToolPopup,Sh as TreeView,Ms as UndoService,Md as UnkownElementsPropertiesService,H as ValueType,Po as WebcomponentManifestElementsService,Ad as WebcomponentManifestEventsService,Id as WebcomponentManifestParserService,_i as WebcomponentManifestPropertiesService,Pn as ZMoveContextMenu,hs as ZoomToElementContextMenu,Cn as ZoomTool,us as ZoomToolButtonProvider,Ng as arraysEqual,b as assetsPath,et as basicStackedToolbarExtensionOverlayOptionName,Yh as calculateAlpha,Ye as calculateNormLegth,kt as calculateOuterRect,uh as calculateSpecificity,Wb as copyTextToClipboard,Ui as copyToClipboard,fd as createDefaultServiceContainer,We as createPathD,Lg as dataURItoBlob,Hh as deepValue,Lt as dragDropFormatNameBindingObject,ti as dragDropFormatNameElementDefinition,xa as dragDropFormatNamePropertyGrid,Ir as enableStylesheetService,Vh as exportData,ae as filterChildPlaceItems,Aa as filterNonElementItems,mc as flexboxExtensionShowOverlayOptionName,Li as forceActiveAttributeName,Ri as forceFocusAttributeName,zi as forceFocusVisibleAttributeName,Fi as forceFocusWithinAttributeName,_t as forceHoverAttributeName,Ni as forceVisitedAttributeName,zf as getActiveElement,G as getBoundingClientRectAlsoForDisplayContents,Rh as getContentBoxContentOffsets,Zr as getDesignItemCurrentPos,Nh as getElementDisplaytype,Bf as getElementOffsetParent,Vf as getElementOffsetsInContainer,Hf as getElementsWindowOffsetWithoutSelfAndParentTransformations,Xn as getFromClipboard,Lh as getParentElementIncludingSlots,Yn as getTextFromClipboard,Ki as gridExtensionShowOverlayOptionName,j as hasCommandKey,$t as hideAtDesignTimeAttributeName,Jt as hideAtRunTimeAttributeName,zh as htmlAsString,Ff as inDesigner,yt as instanceOf,ki as instanceOfAny,_l as invisibleElementExtensionShowOverlayOptionName,Bh as isAppleDevice,vr as isEmptyTextNode,Mr as isFirefox,It as isInline,Dt as isInlineAfter,Ot as lockAtDesignTimeAttributeName,Xh as moveSVGPath,yr as newElementFromString,yn as normalizeToAbsolutePosition,qr as placeDesignItem,sa as pointInRect,ad as positionsJsonMime,wm as provideSnaplinesWithDistance,Cm as provideSnaplinesWithDistanceDistance,ve as removeLeading,Mt as removeTrailing,Mi as requestAnimationFramePromise,R as roundValue,oa as setDeepValue,sd as shadowrootGetSelection,st as sleep,ot as straightenLine,rd as switchContainer,ei as w3color,od as wrapSelectionInSpans};
4
+ `}levelRaise(){}levelShrink(){}write(e){this._textHolder+=e}writeLine(e){this._textHolder+=e}writeIndent(){}writeNewline(){}getString(){return this._textHolder}}});var Y,He=g(()=>{"use strict";ia();Fh();Y=class{static normalizeAttributeValue(e,t=!1){return typeof e=="number"&&(e=e.toString()),e?t?e.replaceAll("&","&amp;").replaceAll("'","&#39;").replaceAll("<","&lt;").replaceAll(">","&gt;"):e.replaceAll("&","&amp;").replaceAll('"',"&quot;").replaceAll("<","&lt;").replaceAll(">","&gt;"):e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;")}static normalizeContentValue(e){return e&&e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll("\xA0","&nbsp;")}static IsSelfClosingElement(e){return e==="area"||e==="base"||e==="br"||e==="col"||e==="embed"||e==="hr"||e==="img"||e==="input"||e==="keygen"||e==="link"||e==="meta"||e==="param"||e==="source"||e==="track"||e==="wbr"}static ConvertToString(e,t,i=!1){let r=t!==!1?new Er:new Ar;return e[0].serviceContainer.htmlWriterService.write(r,e,!0,i),r.getString()}}});import{css as Cp}from"@node-projects/base-custom-webcomponent";var ye,ra,xt=g(()=>{"use strict";ye=class n{static _contextMenuCss=Cp`.context_menu{position:fixed;opacity:0;transform:scale(0);transition:transform .1s;transform-origin:top left;padding:0;z-index:2147483647;color:#000}.context_menu.context_menu_display{opacity:1;transform:scale(1)}.context_menu,.context_menu *{box-sizing:border-box}.context_menu *{position:relative}.context_menu ul{list-style-type:none;padding:3px;margin:0;background-color:#f5f7f7;box-shadow:0 0 5px #333}.context_menu li{padding:0;padding-right:1.7em;cursor:pointer;white-space:nowrap;display:flex;align-items:center}.context_menu li:hover{background-color:#bbb}.context_menu li .context_menu_icon_span{width:28px;display:inline-flex;align-items:center;justify-content:center}.context_menu li .context_menu_icon_span img{height:18px}.context_menu li .context_menu_text{padding-left:2px;vertical-align:middle}.context_menu li .context_menu_sub_span{width:1em;display:inline-block;text-align:center;position:absolute;top:50%;right:.5em;transform:translateY(-50%)}.context_menu li>ul{position:absolute;top:0;left:100%;opacity:0;transition:opacity .2s;visibility:hidden}.context_menu li:hover>ul{opacity:1;visibility:visible}.context_menu li.context_menu_divider{border-bottom:1px solid #aaa;margin:5px;padding:0;cursor:default}.context_menu li.context_menu_divider:hover{background-color:inherit}.context_menu.context_menu_border_right>ul ul{left:unset;right:100%}.context_menu.context_menu_border_bottom>ul ul{top:unset;bottom:0}.context_menu li[disabled=""]{color:#777;cursor:default}.context_menu li[disabled=""]:hover{background-color:inherit}.context_menu li.context_menu_marked{background-color:#5ebdec}`;static count=0;static _openedContextMenus=new Set;menu;options;context;num;_menuElement;constructor(e,t,i){this.num=n.count++,this.menu=e,this.options=t,this.context=i,this.reload(),this._windowDown=this._windowDown.bind(this),this._windowKeyUp=this._windowKeyUp.bind(this),this._windowResize=this._windowResize.bind(this)}reload(){let e=this.options?.shadowRoot??document;this._menuElement==null&&(this._menuElement=document.createElement("div"),this._menuElement.className="context_menu",this._menuElement.id="context_menu_"+this.num,e===document?document.body.appendChild(this._menuElement):e.appendChild(this._menuElement)),this._menuElement.innerHTML="",e.adoptedStyleSheets.indexOf(n._contextMenuCss)<0&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n._contextMenuCss]),this._menuElement.appendChild(this.renderLevel(this.menu))}renderLevel(e){let t=document.createElement("ul"),i=!1;return e.forEach(r=>{if(r.title!=="-"){if(i){let c=document.createElement("li");c.className="context_menu_divider",i=!1,t.appendChild(c)}let s=document.createElement("li"),o=document.createElement("span");o.className="context_menu_icon_span",r.checked===!0?o.innerHTML="\u2714":(r.icon??"")!=""?o.innerHTML=r.icon:o.innerHTML=this.options?.defaultIcon??"";let a=document.createElement("span");a.className="context_menu_text",a.innerHTML=r.title;let l=document.createElement("span");if(l.className="context_menu_sub_span",r.children!=null&&(l.innerHTML=this.options?.subIcon??"&#155;"),s.appendChild(o),s.appendChild(a),s.appendChild(l),r.disabled)s.setAttribute("disabled","");else if(r.checkable?s.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.checked=!r.checked,o.innerHTML=r.checked?"\u2714":r.icon??this.options?.defaultIcon??"",r.action&&r.action(c,r,this.context,this)}):r.action&&s.addEventListener("click",c=>{c.stopPropagation(),c.preventDefault(),r.action(c,r,this.context,this),this.close()}),this.options?.mode=="undo"&&s.addEventListener("mouseup",c=>{c.stopPropagation(),r.action(c,r,this.context,this),this.close()}),r.children!=null){let c=this.renderLevel(r.children);s.appendChild(c),s.addEventListener("mouseenter",()=>{let h=c.getBoundingClientRect();if(h.top+h.height>window.innerHeight&&(c.style.top="unset",c.style.bottom="0"),this.options?.mode=="undo"){let d=!0;for(let p of s.parentElement.children)d?p.classList.add("context_menu_marked"):p.classList.remove("context_menu_marked"),p==s&&(d=!1)}})}else this.options?.mode=="undo"&&s.addEventListener("mouseenter",()=>{let c=!0;for(let h of s.parentElement.children)c?h.classList.add("context_menu_marked"):h.classList.remove("context_menu_marked"),h==s&&(c=!1)});t.appendChild(s)}else i=!0}),t}display(e){let t=this._menuElement,i={x:e.clientX,y:e.clientY},r=i.x,s=i.y,o=t.offsetWidth+4,a=t.offsetHeight+4,l=window.innerWidth,c=window.innerHeight,h=this.options?.mouseOffset!=null?this.options.mouseOffset:2;l-r<o?t.style.left=l-o+"px":t.style.left=r+h+"px",c-s<a?t.style.top=c-a+"px":t.style.top=s+h+"px";let d=ra.getSizes(t);l-r<d.width?t.classList.add("context_menu_border_right"):t.classList.remove("context_menu_border_right"),c-s<d.height?t.classList.add("context_menu_border_bottom"):t.classList.remove("context_menu_border_bottom"),t.classList.add("context_menu_display"),e.preventDefault(),window.addEventListener("keyup",this._windowKeyUp),window.addEventListener("mousedown",this._windowDown),window.addEventListener("resize",this._windowResize),setTimeout(()=>window.addEventListener("contextmenu",this._windowDown),100),n._openedContextMenus.add(this)}_windowResize(){this.close()}_windowDown(e){return e.preventDefault(),e.composedPath().indexOf(this._menuElement)<0&&this.close(),!1}_windowKeyUp(e){e.key==="Escape"&&this.close()}static show(e,t,i,r){let s=new n(e,i,r);return s.display(t),s}close(){this._menuElement.remove(),window.removeEventListener("keyup",this._windowKeyUp),window.removeEventListener("mousedown",this._windowDown),window.removeEventListener("resize",this._windowResize),setTimeout(()=>window.removeEventListener("contextmenu",this._windowDown),10),n._openedContextMenus.delete(this)}static closeAll(){for(let e of n._openedContextMenus.values())e.close()}},ra=class n{static getSizes(e){let t=e.getElementsByTagName("li"),i=0,r=0;for(let a=0;a<t.length;a++){let l=t[a];l.offsetWidth>i&&(i=l.offsetWidth),l.offsetHeight>r&&(r=l.offsetHeight)}let s=i,o=r;for(let a=0;a<t.length;a++){let c=t[a].getElementsByTagName("ul");if(typeof c[0]<"u"){let h=n.getSizes(c[0]);i+h.width>s&&(s=i+h.width),r+h.height>o&&(o=r+h.height)}}return{width:s,height:o}}}});var Re,Tt=g(()=>{"use strict";xt();Re=class{settingName;content;tooltp;contextmenu;constructor(e,t,i,r){this.settingName=e,this.content=t,this.tooltp=i,this.contextmenu=r}provideButtons(e,t){let i=document.createElement("div");typeof this.content=="string"?i.innerHTML=this.content:i.appendChild(this.content),i.title=this.tooltp,i.className="toolbar-control",t.instanceServiceContainer.designContext.extensionOptionsChanged.on(()=>{r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")});let r=t.instanceServiceContainer.designContext.extensionOptions;return r[this.settingName]!==!1&&i.classList.add("selected"),i.onclick=()=>{let s=r[this.settingName];r[this.settingName]=s===!1,r[this.settingName]!==!1?i.classList.add("selected"):i.classList.remove("selected")},i.oncontextmenu=s=>{s.preventDefault(),this.contextmenu&&ye.show(this.contextmenu,s)},[i]}}});var Ir,Pr,kr=g(()=>{"use strict";Tt();Ir="enableStylesheetService",Pr=class extends Re{constructor(){super(Ir,"ss","modify Stylesheet")}}});var Dr,na=g(()=>{"use strict";Dr=class{constructor(e,t,i){this.title="Change TextContent from '"+i+"' to '"+t+"'",this.designItem=e,this.newValue=t,this.oldValue=i}title;get affectedItems(){return[this.designItem]}undo(){this.designItem.element.textContent=this.oldValue}do(){this.designItem.element.textContent=this.newValue}designItem;newValue;oldValue;mergeWith(e){return!1}}});function zh(n,...e){return n[0]}function Bh(){return window.navigator.platform?.startsWith("Mac")||window.navigator.platform==="iPhone"||window.navigator.platform==="iPad"||window.navigator.platform==="iPod"}function st(n){return new Promise(e=>setTimeout(e,n))}async function Vh(n,e){let t=URL.createObjectURL(n),i=document.createElement("a");i.href=t,i.style.display="none",i.download=e,document.body.appendChild(i),i.click(),document.body.removeChild(i),await st(300)}function Lg(n){for(var e=n.split(",")[0].split(":")[1].split(";")[0],t=atob(n.split(",")[1]),i=[],r=0;r<t.length;r++)i.push(t.charCodeAt(r));return new Blob([new Uint8Array(i)],{type:e})}function sa(n,e){return n.x>=e.x&&n.x<=e.x+e.width&&n.y>=e.y&&n.y<=e.y+e.height}function Mt(n,e){return n.endsWith(e??"/")?n.substring(0,n.length-1):n}function ve(n,e){return n.startsWith(e??"/")?n.substring(1):n}function Mi(){return new Promise(n=>requestAnimationFrame(n))}function Ng(n,e){if(n===e)return!0;if(n==null||e==null||n.length!==e.length)return!1;for(var t=0;t<n.length;++t)if(n[t]!==e[t])return!1;return!0}function Hh(n,e,t=!1,i="."){if(e==null)return n;let r=e.split(i);for(let s=0;s<r.length;s++)if(n!=null)n=n[r[s]];else return t?Ep:null;return n}function oa(n,e,t,i="."){if(e==null)return;let r=e.split(i);for(let s=0;s<r.length-1;s++)if(n!=null){let o=n[r[s]];o==null&&(o={},n[r[s]]=o),n=o}n!=null&&(n[r[r.length-1]]=t)}var Ep,be=g(()=>{"use strict"});var Tr,aa=g(()=>{"use strict";be();Tr=class n{constructor(e,t,i,r){this.title="Change Property "+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[this.designItem]}undo(){oa(this.designItem.node,this.name,this.oldValue)}do(){oa(this.designItem.node,this.name,this.newValue)}designItem;name;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var Oi,la=g(()=>{"use strict";Oi=class n{constructor(e,t,i,r,s){this.title="Change Attribute & Property"+t+" of &lt;"+e.name+"&gt;",this.designItem=e,this.attributeName=t,this.propertyName=i,this.newValue=r,this.oldValue=s}title;get affectedItems(){return[this.designItem]}undo(){this.designItem.element[this.propertyName]=this.oldValue,this.oldValue==null?this.designItem._withoutUndoRemoveAttribute(this.attributeName):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.attributeName,this.oldValue):this.designItem._withoutUndoSetAttribute(this.attributeName,this.oldValue.toString())}do(){this.designItem.element[this.propertyName]=this.newValue,this.newValue==null?this.designItem._withoutUndoRemoveAttribute(this.attributeName):typeof this.oldValue=="string"?this.designItem._withoutUndoSetAttribute(this.attributeName,this.newValue):this.designItem._withoutUndoSetAttribute(this.attributeName,this.newValue.toString())}designItem;attributeName;propertyName;newValue;oldValue;mergeWith(e){return e instanceof n&&this.designItem===e.designItem&&this.attributeName===e.attributeName&&this.propertyName===e.propertyName?(this.newValue=e.newValue,!0):!1}}});import{TypedEvent as Ap}from"@node-projects/base-custom-webcomponent";var $t,Jt,Ot,_t,Li,Ni,Ri,Fi,zi,M,ee=g(()=>{"use strict";$o();Q();Jo();Ve();ea();_e();ta();He();kr();na();aa();be();la();$t="node-projects-hide-at-design-time",Jt="node-projects-hide-at-run-time",Ot="node-projects-lock-at-design-time",_t="node-projects-force-hover",Li="node-projects-force-active",Ni="node-projects-force-visited",Ri="node-projects-force-focus",Fi="node-projects-force-focus-within",zi="node-projects-force-focus-visible",M=class n{lastContainerSize;parsedNode;node;view;serviceContainer;instanceServiceContainer;nodeReplaced=new Ap;get window(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument.defaultView:this.node.ownerDocument.defaultView??window}get document(){return this.isRootItem&&this.node instanceof HTMLIFrameElement?this.node.contentDocument:this.node.ownerDocument}get usableContainer(){return this.isRootItem&&this.element instanceof(this.element.ownerDocument.defaultView??window).HTMLIFrameElement?this.element.contentWindow.document:this.isRootItem?this.node.shadowRoot:this.element}async clone(){try{let e=Y.ConvertToString([this],!1);return(await this.serviceContainer.htmlParserService.parse(e,this.serviceContainer,this.instanceServiceContainer,!0))[0]}catch{console.warn("could not clone design item.",this)}return null}*allMatching(e){if(this.hasChildren)for(let t of this.children())t.nodeType==I.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}replaceNode(e){n._designItemMap.delete(this.node),n._designItemMap.set(e,this),this.view==this.node&&(this.view=e),this.node=e,this.nodeReplaced.emit()}get nodeType(){return this.node instanceof(this.node.ownerDocument.defaultView??window).Comment?I.Comment:this.node instanceof(this.node.ownerDocument.defaultView??window).Text?I.TextNode:I.Element}_attributes;get hasAttributes(){return this._attributes.size>0}hasAttribute(e){return this._attributes.has(e)}getAttribute(e){return this._attributes.get(e)}*attributes(){for(let e of this._attributes)yield e}_withoutUndoSetAttribute(e,t){try{this.element.setAttribute(e,t)}catch(i){i?.code!==5&&console.warn(i)}this._attributes.set(e,t),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_withoutUndoRemoveAttribute(e){try{this.element.removeAttribute(e)}catch(t){t?.code!==5&&console.warn(t)}this._attributes.delete(e),this.serviceContainer.designItemService.handleSpecialAttributes(e,this)}_styles;get hasStyles(){return this._styles.size>0}hasStyle(e){let t=e;return t.startsWith("--")||(t=F.camelToDashCase(e)),this._styles.has(t)}getStyle(e){let t=e;return t.startsWith("--")||(t=F.camelToDashCase(e)),this._styles.get(t)}*styles(){for(let e of this._styles)yield e}_withoutUndoSetStyle(e,t){let i=e;i.startsWith("--")||(i=F.camelToDashCase(e)),this._styles.set(i,t)}_withoutUndoRemoveStyle(e){let t=e;t.startsWith("--")||(t=F.camelToDashCase(e)),this._styles.delete(t)}static _designItemMap=new WeakMap;get element(){return this.view}get name(){return this.node.localName}get id(){return this.element.id}set id(e){let t=this.element.id;this.element.id=e,this.id?this.setAttribute("id",e):this.removeAttribute("id"),this.serviceContainer.referencesChangedService&&this.serviceContainer.referencesChangedService.notifyReferencesChanged([{designItem:this,oldValue:t,type:"idChanged"}])}get isRootItem(){return this.instanceServiceContainer.contentService.rootDesignItem===this}*childrenRect(e){if(this.hasChildren)for(let t of this.children())t.nodeType==I.Element&&t.element.matches(e)&&(yield t),yield*t.allMatching(e)}_childArray=[];get hasChildren(){return this._childArray.length>0}*children(e=!1){for(let t of this._childArray)if(yield t,e)for(let i of t.children(e))yield i}get childCount(){return this._childArray.length}get firstChild(){return this._childArray[0]}_parent;get parent(){return this._parent}indexOf(e){return this._childArray.indexOf(e)}insertAdjacentElement(e,t){let i;t=="afterbegin"?i=new vt(e,this,0):t=="beforeend"?i=new vt(e,this,this._childArray.length):t=="beforebegin"?i=new vt(e,this.parent,this.parent.indexOf(this)):t=="afterend"&&(i=new vt(e,this.parent,this.parent.indexOf(this)+1)),this.instanceServiceContainer.undoService.execute(i)}insertChild(e,t){let i=new vt(e,this,t);this.instanceServiceContainer.undoService.execute(i)}removeChild(e){this.serviceContainer.deletionService.removeItems([e])}remove(){this.serviceContainer.deletionService.removeItems([this])}clearChildren(){for(let e=this._childArray.length-1;e>=0;e--)this._childArray[e].remove()}get hasContent(){return(this.nodeType==I.TextNode||this.nodeType==I.Comment)&&this.element.textContent!=""||this._childArray.length===0}get content(){return this.nodeType==I.TextNode||this.nodeType==I.Comment?this.node.textContent:this._childArray.map(e=>e.content).join()}set content(e){let t=this.openGroup("set content");this.clearChildren();let i=document.createTextNode(e),r=n.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);if(this.nodeType==I.TextNode){let s=this.parent.indexOf(this),o=this.parent;this.remove(),o.insertChild(r,s)}else if(this.nodeType==I.Comment){let s=new Dr(this,e,this.content);this.instanceServiceContainer.undoService.execute(s)}else this.insertChild(r);t.commit()}get innerHTML(){return Y.ConvertToString([...this.children()],!1)}set innerHTML(e){if(this.nodeType!=I.TextNode){let t=this.openGroup("set innerHTML");this.clearChildren();let i=document.createRange();i.selectNode(document.body);let r=i.createContextualFragment(e);for(let s of[...r.childNodes]){let o=n.createDesignItemFromInstance(s,this.serviceContainer,this.instanceServiceContainer);this.insertChild(o)}t.commit()}}get isEmptyTextNode(){return this.nodeType===I.TextNode&&this.content?.trim()==""}get hideAtDesignTime(){return this.hasAttribute($t)}set hideAtDesignTime(e){e?this.setAttribute($t,""):this.removeAttribute($t)}get hideAtRunTime(){return this.hasAttribute(Jt)}set hideAtRunTime(e){e?this.setAttribute(Jt,""):this.removeAttribute(Jt)}get lockAtDesignTime(){return this.hasAttribute(Ot)}set lockAtDesignTime(e){e?this.setAttribute(Ot,""):this.removeAttribute(Ot)}static createDesignItemFromInstance(e,t,i){let r=t.designItemService.createDesignItem(e,e,t,i);if(e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&e.getAttribute("shadowrootmode")=="open")try{e.parentNode.attachShadow({mode:"open"}).appendChild(e.content.cloneNode(!0))}catch(s){console.error("error attaching shadowdom",s)}if(r.nodeType==I.Element){for(let s of r.element.attributes)s.name!=="style"&&r._attributes.set(s.name,s.value);if(e instanceof(e.ownerDocument.defaultView??window).HTMLElement||e instanceof(e.ownerDocument.defaultView??window).SVGElement){let s=new Cr,o=e.getAttribute("style");if(o){s.parse(o);for(let a of s.entries)r._styles.set(a.name,a.value)}t.designItemService.handleSpecialAttributes(Ot,r)}e.draggable=!1}r._childArray=r._internalUpdateChildrenFromNodesChildren();for(let s of r._childArray)s._parent=r;return r}querySelectorAll(e){return this.usableContainer.querySelectorAll(e)}removeDesignerAttributesAndStylesFromChildren(){let e=this.querySelectorAll("*");for(let t of e){let i=n.GetDesignItem(t);i.hasAttribute("draggable")||t.removeAttribute("draggable"),i.hasStyle("pointer-events")||(t.style.pointerEvents="")}}updateChildrenFromNodesChildren(){this._childArray=this._internalUpdateChildrenFromNodesChildren();for(let e of this._childArray)e._parent=this}_internalUpdateChildrenFromNodesChildren(){let e=[];if(this.nodeType==I.Element)if(this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement)for(let t of this.element.content.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else if(this.isRootItem&&this.element instanceof(this.node.ownerDocument.defaultView??window).HTMLIFrameElement)for(let t of this.element.contentWindow.document.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}else for(let t of this.element.childNodes){let i=n.createDesignItemFromInstance(t,this.serviceContainer,this.instanceServiceContainer);e.push(i)}return e}_backupWhenEditContent;_inEditContent=!1;editContent(){this._inEditContent=!0,this._backupWhenEditContent=[...this.element.childNodes];let e=this.element.innerHTML;this.element.innerHTML="",this.element.innerHTML=e,this.element.setAttribute("contenteditable","")}editContentFinish(){if(this._inEditContent){this._inEditContent=!1,this.element.removeAttribute("contenteditable"),this.element.innerHTML="";for(let e of this._backupWhenEditContent)this.element.appendChild(e);this._backupWhenEditContent=null}}constructor(e,t,i,r){this.node=e,this.view=e,this.parsedNode=t,this.serviceContainer=i,this.instanceServiceContainer=r,this._attributes=new Map,this._styles=new Map,n._designItemMap.set(e,this)}setView(e){this.view=e,n._designItemMap.set(e,this)}openGroup(e){return this.instanceServiceContainer.undoService.openGroup(e)}getOrCreateDesignItem(e){return n.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer)}static GetOrCreateDesignItem(e,t,i,r){if(!e)return null;let s=n._designItemMap.get(e);return s||(s=i.designItemService.createDesignItem(e,t,i,r)),s}static GetDesignItem(e){return e?n._designItemMap.get(e):null}setStyle(e,t,i){let r=e;if(r.startsWith("--")||(r=F.camelToDashCase(e)),this.isRootItem)throw"not allowed to set style on root item or use async setStyle";{let s=new Qt(this,r,t,this._styles.get(r));this.instanceServiceContainer.undoService.execute(s)}}async setStyleAsync(e,t,i){let r=e;if(r.startsWith("--")||(r=F.camelToDashCase(e)),this.isRootItem)if(this.instanceServiceContainer.stylesheetService){let s=this.instanceServiceContainer.stylesheetService.getDeclarationsSortedBySpecificity(this,e);if(s!==null&&s.length>0)this.instanceServiceContainer.stylesheetService.updateDeclarationValue(s[0],t,i);else{let o=this.instanceServiceContainer.stylesheetService.getRules(":host").filter(a=>!a.stylesheet?.readOnly);if(s===null||o.length===0){let a=this.openGroup("add rule and set style: "+e),l=this.instanceServiceContainer.stylesheetService.getStylesheets(),c=await this.instanceServiceContainer.stylesheetService.addRule(l[0],":host");this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(c,e,t,i),a.commit()}else this.instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(o[0],e,t,i)}}else throw"not allowed to set style on root item";else{let s=new Qt(this,r,t,this._styles.get(r));this.instanceServiceContainer.undoService.execute(s)}}removeStyle(e){let t=e;t.startsWith("--")||(t=F.camelToDashCase(e));let i=new Qt(this,t,"",this._styles.get(t));this.instanceServiceContainer.undoService.execute(i)}updateStyleInSheetOrLocal(e,t,i,r){let s=e;s.startsWith("--")||(s=F.camelToDashCase(e));let o=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,s).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Ir]===!1||!o?.length?this.getStyle(s)!=t||r?this.setStyle(s,t):t==null&&this.removeStyle(s):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(o[0],t,!1)}async updateStyleInSheetOrLocalAsync(e,t,i,r){let s=e;s.startsWith("--")||(s=F.camelToDashCase(e));let o=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,s).filter(a=>!a.stylesheet?.readOnly);this.hasStyle(e)||this.instanceServiceContainer.designContext.extensionOptions[Ir]===!1||!o?.length?this.getStyle(s)!=t||r?await this.setStyleAsync(s,t):t==null&&this.removeStyle(s):this.instanceServiceContainer.stylesheetService.updateDeclarationValue(o[0],t,!1)}getStyleFromSheetOrLocal(e,t=null){let i=e;if(i.startsWith("--")||(i=F.camelToDashCase(e)),this.hasStyle(e))return this.getStyle(i);let r=this.instanceServiceContainer.stylesheetService?.getDeclarationsSortedBySpecificity(this,i);return r&&r.length>0?r[0].value:null}getStyleFromSheetOrLocalOrComputed(e,t=null){let i=e;i.startsWith("--")||(i=F.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyleProperty(e,t=null){let i=e;i.startsWith("--")||(i=F.camelToDashCase(e));let r=this.getStyleFromSheetOrLocal(i);return r||(r=getComputedStyle(this.element).getPropertyValue(i)),r??t}getComputedStyle(){return this.nodeType==I.Element?this.window.getComputedStyle(this.element):null}_stylesCache=null;_cacheClearTimer;getAllStyles(){let e=this._stylesCache;if(e)return e;if(this.nodeType!=I.Element)return[];let t=[...this._styles.entries()].map(i=>({name:i[0],value:i[1],important:!1,parent:null}));if(this.instanceServiceContainer.stylesheetService)try{let i=this.instanceServiceContainer.stylesheetService?.getAppliedRules(this);if(i)return[{selector:null,declarations:t,specificity:null,stylesheet:null},...i]}catch(i){console.warn("getAppliedRules",i)}return e=[{selector:null,declarations:t,specificity:null,stylesheet:null}],this._stylesCache=e,clearTimeout(this._cacheClearTimer),this._cacheClearTimer=setTimeout(()=>this._stylesCache=null,30),e}setAttribute(e,t){if(this.isRootItem)throw"not allowed to set attribute on root item";let i=new Ti(this,e,t,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(i)}removeAttribute(e){let t=new Ti(this,e,null,this._attributes.get(e));this.instanceServiceContainer.undoService.execute(t)}setPropertyAndAttribute(e,t){let i=F.camelToDashCase(e),r=F.dashToCamelCase(e);if(this.isRootItem)throw"not allowed to set attribute on root item";let s=new Oi(this,i,r,t,this.element[r]);this.instanceServiceContainer.undoService.execute(s)}removePropertyAndAttribute(e){let t=F.camelToDashCase(e),i=F.dashToCamelCase(e),r=new Oi(this,t,i,null,this.element[i]);this.instanceServiceContainer.undoService.execute(r)}setProperty(e,t){if(this.isRootItem)throw"not allowed to set attribute on root item";let i=Hh(this.node,e),r=new Tr(this,e,t,i);this.instanceServiceContainer.undoService.execute(r)}_insertChildInternal(e,t){this._insertChildsInternal([e],t)}_insertChildsInternal(e,t){let i=this.document.createDocumentFragment(),r=null;for(let s of e)s.parent&&this.instanceServiceContainer.selectionService.primarySelection==s&&(s.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(s.parent,C.PrimarySelectionContainer),s.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(s.parent,C.PrimarySelectionContainerAndCanBeEntered)),s.parent&&s.parent._removeChildInternal(s),i.appendChild(s.view),s._parent=this,t==null||this._childArray.length==0||t>=this._childArray.length?this._childArray.push(s):(r=this._childArray[t],this._childArray.splice(t,0,s),t++);r==null?this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.appendChild(i)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.appendChild(i):this.view.appendChild(i):this.isRootItem?(this.usableContainer?.children[0]instanceof this.window.HTMLHtmlElement&&this.usableContainer.children[0].remove(),this.usableContainer.insertBefore(i,r.element)):this.view instanceof(this.node.ownerDocument.defaultView??window).HTMLTemplateElement?this.view.content.insertBefore(i,r.element):this.view.insertBefore(i,r.element),this._refreshIfStyleSheet()}_removeChildInternal(e){e.parent&&this.instanceServiceContainer.selectionService.primarySelection==e&&(e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,C.PrimarySelectionContainer),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(e.parent,C.PrimarySelectionAndCanBeEntered)),e.instanceServiceContainer.designerCanvas.extensionManager.removeExtensions([e],!0);let t=this._childArray.indexOf(e);t>-1&&(this._childArray.splice(t,1),e.element.remove(),e._parent=null),this._refreshIfStyleSheet()}_refreshIfStyleSheet(){this.name=="style"||this.parent?.name=="style"||this.name=="link"}getPlacementService(e){return this.nodeType!=I.Element?null:(e??=getComputedStyle(this.element),this.serviceContainer.getLastServiceWhere("containerService",t=>t.serviceForContainer(this,e)))}static createDesignItemFromImageBlob(e,t,i){return new Promise(r=>{let s=new FileReader;s.onloadend=()=>{let o=document.createElement("img");o.src=s.result;let a=n.createDesignItemFromInstance(o,e,t);return r(a)},s.readAsDataURL(i)})}get hasForcedCss(){return this.cssForceHover||this.cssForceActive||this.cssForceVisited||this.cssForceFocus||this.cssForceFocusWithin||this.cssForceFocusVisible}get cssForceHover(){return this.element.hasAttribute(_t)}set cssForceHover(e){e?this.element.setAttribute(_t,""):this.element.removeAttribute(_t),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceActive(){return this.element.hasAttribute(Li)}set cssForceActive(e){e?this.element.setAttribute(Li,""):this.element.removeAttribute(Li),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceVisited(){return this.element.hasAttribute(Ni)}set cssForceVisited(e){e?this.element.setAttribute(Ni,""):this.element.removeAttribute(Ni),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceFocus(){return this.element.hasAttribute(Ri)}set cssForceFocus(e){e?this.element.setAttribute(Ri,""):this.element.removeAttribute(Ri),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceFocusWithin(){return this.element.hasAttribute(Fi)}set cssForceFocusWithin(e){e?this.element.setAttribute(Fi,""):this.element.removeAttribute(Fi),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}get cssForceFocusVisible(){return this.element.hasAttribute(zi)}set cssForceFocusVisible(e){e?this.element.setAttribute(zi,""):this.element.removeAttribute(zi),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"changed",designItems:[this]})}}});function ca(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}var Wh=g(()=>{"use strict"});var Mr,Or=g(()=>{"use strict";Mr=navigator.userAgent.toLowerCase().includes("firefox")});var Lr,ha=g(()=>{"use strict";ee();Wh();oe();Or();Lr=class{async getElement(e,t,i){if(e.import){let l=e.import;l[0]==="."&&(l=(window.location.origin+window.location.pathname).split("/").slice(0,-1).join("/")+"/"+l),window.importShim?importShim(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}):import(l).then(c=>{!customElements.get(e.tag)&&e.className&&c[e.className]&&customElements.define(e.tag,c[e.className])}),i.designContext.imports.indexOf(l)<=0&&i.designContext.imports.push(l)}let r="";if(e.defaultAttributes)for(let l in e.defaultAttributes){let c=e.defaultAttributes[l];try{typeof c=="object"?r+=" "+l+'="'+ca(JSON.stringify(e.defaultAttributes[l]))+'"':r+=" "+l+'="'+ca(e.defaultAttributes[l])+'"'}catch(h){console.warn(h)}}let s="<"+e.tag+r+"></"+e.tag+">",o=yr(s,i.designerCanvas.rootDesignItem.document);if(o._inNodeProjectsDesignerView=!0,e.defaultWidth&&(o.style.width=e.defaultWidth),e.defaultHeight&&(o.style.height=e.defaultHeight),o.style.position="absolute",e.defaultStyles)for(let l in e.defaultStyles)o.style[l]=e.defaultStyles[l];if(e.defaultContent)if(typeof e.defaultContent=="string"){let l;i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe&&!Mr?l=i.designerCanvas.rootDesignItem.window.Document.parseHTMLUnsafe(e.defaultContent):l=new i.designerCanvas.rootDesignItem.window.DOMParser().parseFromString(e.defaultContent,"text/html",{includeShadowRoots:!0}),o.append(...l.head.childNodes),o.append(...l.body.childNodes)}else o.appendChild(e.defaultContent);return M.createDesignItemFromInstance(o,t,i)}}});var $,Se=g(()=>{"use strict";nt();$=class{element;property;designItems;disableChangeNotification=!1;constructor(e){this.property=e}async _valueChanged(e){if(!this.disableChangeNotification&&this.designItems&&this.designItems.length){let t=this.designItems[0].openGroup("set property: "+this.property.name);e==null?this.property.service.clearValue(this.designItems,this.property,"value"):await this.property.service.setValue(this.designItems,this.property,e),t.commit()}}designItemsChanged(e){this.designItems=e}refreshValueWithoutNotification(e,t){e==H.none?this.element.classList.add("unset-value"):this.element.classList.remove("unset-value"),this.disableChangeNotification=!0;try{this.refreshValue(e,t)}catch(i){console.error(i)}this.disableChangeNotification=!1}}});var ei,da=g(()=>{"use strict";ei=class n{red=0;green=0;blue=0;hue=0;sat=0;lightness=0;whiteness=0;blackness=0;cyan=0;magenta=0;yellow=0;black=0;ncol="R";opacity=1;valid=!1;toRgbString(){return"rgb("+this.red+", "+this.green+", "+this.blue+")"}toRgbaString(){return"rgba("+this.red+", "+this.green+", "+this.blue+", "+this.opacity+")"}toHwbString(){return"hwb("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%)"}toHwbStringDecimal(){return"hwb("+this.hue+", "+this.whiteness+", "+this.blackness+")"}toHwbaString(){return"hwba("+this.hue+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity+")"}toHslString(){return"hsl("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%)"}toHslStringDecimal(){return"hsl("+this.hue+", "+this.sat+", "+this.lightness+")"}toHslaString(){return"hsla("+this.hue+", "+Math.round(this.sat*100)+"%, "+Math.round(this.lightness*100)+"%, "+this.opacity+")"}toCmykString(){return"cmyk("+Math.round(this.cyan*100)+"%, "+Math.round(this.magenta*100)+"%, "+Math.round(this.yellow*100)+"%, "+Math.round(this.black*100)+"%)"}toCmykStringDecimal(){return"cmyk("+this.cyan+", "+this.magenta+", "+this.yellow+", "+this.black+")"}toNcolString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%"}toNcolStringDecimal(){return this.ncol+", "+this.whiteness+", "+this.blackness}toNcolaString(){return this.ncol+", "+Math.round(this.whiteness*100)+"%, "+Math.round(this.blackness*100)+"%, "+this.opacity}toName(){let e,t,i,r=n.getColorArr("hexs");for(let s=0;s<r.length;s++)if(e=parseInt(r[s].substr(0,2),16),t=parseInt(r[s].substr(2,2),16),i=parseInt(r[s].substr(4,2),16),this.red==e&&this.green==t&&this.blue==i)return n.getColorArr("names")[s];return null}toHexString(){let e=n.toHex(this.red),t=n.toHex(this.green),i=n.toHex(this.blue);return"#"+e+t+i}toNameOrHexString(){let e=this.toName();return e||(e=this.toHexString()),e}toRgb(){return{r:this.red,g:this.green,b:this.blue,a:this.opacity}}toHsl(){return{h:this.hue,s:this.sat,l:this.lightness,a:this.opacity}}toHwb(){return{h:this.hue,w:this.whiteness,b:this.blackness,a:this.opacity}}toCmyk(){return{c:this.cyan,m:this.magenta,y:this.yellow,k:this.black,a:this.opacity}}toNcol(){return{ncol:this.ncol,w:this.whiteness,b:this.blackness,a:this.opacity}}isDark(e){let t=e||128;return(this.red*299+this.green*587+this.blue*114)/1e3<t}saturate(e){let t,i,r;t=e/100||.1,this.sat+=t,this.sat>1&&(this.sat=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}desaturate(e){let t,i,r;t=e/100||.1,this.sat-=t,this.sat<0&&(this.sat=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}lighter(e){let t,i,r;t=e/100||.1,this.lightness+=t,this.lightness>1&&(this.lightness=1),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}darker(e){let t,i,r;t=e/100||.1,this.lightness-=t,this.lightness<0&&(this.lightness=0),i=n.hslToRgb(this.hue,this.sat,this.lightness),r=n.colorObject(i,this.opacity,this.hue,this.sat),this.attachValues(r)}attachValues(e){this.red=e.red,this.green=e.green,this.blue=e.blue,this.hue=e.hue,this.sat=e.sat,this.lightness=e.lightness,this.whiteness=e.whiteness,this.blackness=e.blackness,this.cyan=e.cyan,this.magenta=e.magenta,this.yellow=e.yellow,this.black=e.black,this.ncol=e.ncol,this.opacity=e.opacity,this.valid=e.valid}static toColorObject(e){let t,i,r,s=[],o,a,l,c,h,d,p,f,m=[],u=[];if(e=n.w3trim(e.toLowerCase()),t=e.substr(0,1).toUpperCase(),i=e.substr(1),h=1,(t=="R"||t=="Y"||t=="G"||t=="C"||t=="B"||t=="M"||t=="W")&&!isNaN(i)&&(e.length==6&&e.indexOf(",")==-1||(e="ncol("+e+")")),e.length!=3&&e.length!=6&&!isNaN(e)&&(e="ncol("+e+")"),e.indexOf(",")>0&&e.indexOf("(")==-1&&(e="ncol("+e+")"),e.substr(0,3)=="rgb"||e.substr(0,3)=="hsl"||e.substr(0,3)=="hwb"||e.substr(0,4)=="ncol"||e.substr(0,4)=="cmyk"){if(e.substr(0,4)=="ncol"?(e.split(",").length==4&&e.indexOf("ncola")==-1&&(e=e.replace("ncol","ncola")),r="ncol",e=e.substr(4)):e.substr(0,4)=="cmyk"?(r="cmyk",e=e.substr(4)):(r=e.substr(0,3),e=e.substr(3)),o=3,l=!1,e.substr(0,1).toLowerCase()=="a"?(o=4,l=!0,e=e.substr(1)):r=="cmyk"&&(o=4,e.split(",").length==5&&(o=5,l=!0)),e=e.replace("(",""),e=e.replace(")",""),s=e.split(","),r=="rgb"){if(s.length!=o)return new n;for(a=0;a<o;a++){if((s[a]==""||s[a]==" ")&&(s[a]="0"),s[a].indexOf("%")>-1&&(s[a]=s[a].replace("%",""),s[a]=Number(s[a]/100),a<3&&(s[a]=Math.round(s[a]*255))),isNaN(s[a]))return new n;parseInt(s[a])>255&&(s[a]=255),a<3&&(s[a]=parseInt(s[a])),a==3&&Number(s[a])>1&&(s[a]=1)}f={r:s[0],g:s[1],b:s[2]},l==!0&&(h=Number(s[3]))}if(r=="hsl"||r=="hwb"||r=="ncol"){for(;s.length<o;)s.push("0");for((r=="hsl"||r=="hwb")&&parseInt(s[0])>=360&&(s[0]=0),a=1;a<o;a++){if(s[a].indexOf("%")>-1){if(s[a]=s[a].replace("%",""),s[a]=Number(s[a]),isNaN(s[a]))return new n;s[a]=s[a]/100}else s[a]=Number(s[a]);Number(s[a])>1&&(s[a]=1),Number(s[a])<0&&(s[a]=0)}r=="hsl"&&(f=n.hslToRgb(s[0],s[1],s[2]),d=Number(s[0]),p=Number(s[1])),r=="hwb"&&(f=n.hwbToRgb(s[0],s[1],s[2])),r=="ncol"&&(f=n.ncolToRgb(s[0],s[1],s[2])),l==!0&&(h=Number(s[3]))}if(r=="cmyk"){for(;s.length<o;)s.push("0");for(a=0;a<o;a++){if(s[a].indexOf("%")>-1){if(s[a]=s[a].replace("%",""),s[a]=Number(s[a]),isNaN(s[a]))return new n;s[a]=s[a]/100}else s[a]=Number(s[a]);Number(s[a])>1&&(s[a]=1),Number(s[a])<0&&(s[a]=0)}f=n.cmykToRgb(s[0],s[1],s[2],s[3]),l==!0&&(h=Number(s[4]))}}else if(e.substr(0,3)=="ncs")f=n.ncsToRgb(e);else{for(c=!1,m=n.getColorArr("names"),a=0;a<m.length;a++)if(e.toLowerCase()==m[a].toLowerCase()){u=n.getColorArr("hexs"),c=!0,f={r:parseInt(u[a].substr(0,2),16),g:parseInt(u[a].substr(2,2),16),b:parseInt(u[a].substr(4,2),16)};break}if(c==!1){for(e=e.replace("#",""),e.length==3&&(e=e.substr(0,1)+e.substr(0,1)+e.substr(1,1)+e.substr(1,1)+e.substr(2,1)+e.substr(2,1)),a=0;a<e.length;a++)if(!n.isHex(e.substr(a,1)))return new n;for(s[0]=parseInt(e.substr(0,2),16),s[1]=parseInt(e.substr(2,2),16),s[2]=parseInt(e.substr(4,2),16),a=0;a<3;a++)if(isNaN(s[a]))return new n;f={r:s[0],g:s[1],b:s[2]}}}return n.colorObject(f,h,d,p)}static colorObject(e,t,i,r){let s,o,a,l,c,h,d;return e?(t===null&&(t=1),s=n.rgbToHsl(e.r,e.g,e.b),o=n.rgbToHwb(e.r,e.g,e.b),a=n.rgbToCmyk(e.r,e.g,e.b),h=i||s.h,d=r||s.s,l=n.hueToNcol(h),c={red:e.r,green:e.g,blue:e.b,hue:h,sat:d,lightness:s.l,whiteness:o.w,blackness:o.b,cyan:a.c,magenta:a.m,yellow:a.y,black:a.k,ncol:l,opacity:t,valid:!0},c=n.roundDecimals(c),Object.assign(new n,c)):new n}static getColorArr(e){return e=="names"?["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"]:e=="hexs"?["f0f8ff","faebd7","00ffff","7fffd4","f0ffff","f5f5dc","ffe4c4","000000","ffebcd","0000ff","8a2be2","a52a2a","deb887","5f9ea0","7fff00","d2691e","ff7f50","6495ed","fff8dc","dc143c","00ffff","00008b","008b8b","b8860b","a9a9a9","a9a9a9","006400","bdb76b","8b008b","556b2f","ff8c00","9932cc","8b0000","e9967a","8fbc8f","483d8b","2f4f4f","2f4f4f","00ced1","9400d3","ff1493","00bfff","696969","696969","1e90ff","b22222","fffaf0","228b22","ff00ff","dcdcdc","f8f8ff","ffd700","daa520","808080","808080","008000","adff2f","f0fff0","ff69b4","cd5c5c","4b0082","fffff0","f0e68c","e6e6fa","fff0f5","7cfc00","fffacd","add8e6","f08080","e0ffff","fafad2","d3d3d3","d3d3d3","90ee90","ffb6c1","ffa07a","20b2aa","87cefa","778899","778899","b0c4de","ffffe0","00ff00","32cd32","faf0e6","ff00ff","800000","66cdaa","0000cd","ba55d3","9370db","3cb371","7b68ee","00fa9a","48d1cc","c71585","191970","f5fffa","ffe4e1","ffe4b5","ffdead","000080","fdf5e6","808000","6b8e23","ffa500","ff4500","da70d6","eee8aa","98fb98","afeeee","db7093","ffefd5","ffdab9","cd853f","ffc0cb","dda0dd","b0e0e6","800080","663399","ff0000","bc8f8f","4169e1","8b4513","fa8072","f4a460","2e8b57","fff5ee","a0522d","c0c0c0","87ceeb","6a5acd","708090","708090","fffafa","00ff7f","4682b4","d2b48c","008080","d8bfd8","ff6347","40e0d0","ee82ee","f5deb3","ffffff","f5f5f5","ffff00","9acd32"]:null}static roundDecimals(e){return e.red=Number(e.red.toFixed(0)),e.green=Number(e.green.toFixed(0)),e.blue=Number(e.blue.toFixed(0)),e.hue=Number(e.hue.toFixed(0)),e.sat=Number(e.sat.toFixed(2)),e.lightness=Number(e.lightness.toFixed(2)),e.whiteness=Number(e.whiteness.toFixed(2)),e.blackness=Number(e.blackness.toFixed(2)),e.cyan=Number(e.cyan.toFixed(2)),e.magenta=Number(e.magenta.toFixed(2)),e.yellow=Number(e.yellow.toFixed(2)),e.black=Number(e.black.toFixed(2)),e.ncol=e.ncol.substr(0,1)+Math.round(Number(e.ncol.substr(1))),e.opacity=Number(e.opacity.toFixed(2)),e}static hslToRgb(e,t,i){let r,s,o,a,l;return e=e/60,i<=.5?s=i*(t+1):s=i+t-i*t,r=i*2-s,o=n.hueToRgb(r,s,e+2)*255,a=n.hueToRgb(r,s,e)*255,l=n.hueToRgb(r,s,e-2)*255,{r:o,g:a,b:l}}static hueToRgb(e,t,i){return i<0&&(i+=6),i>=6&&(i-=6),i<1?(t-e)*i+e:i<3?t:i<4?(t-e)*(4-i)+e:e}static hwbToRgb(e,t,i){let r,s,o=[],a;for(s=n.hslToRgb(e,1,.5),o[0]=s.r/255,o[1]=s.g/255,o[2]=s.b/255,a=t+i,a>1&&(t=Number((t/a).toFixed(2)),i=Number((i/a).toFixed(2))),r=0;r<3;r++)o[r]*=1-t-i,o[r]+=t,o[r]=Number(o[r]*255);return{r:o[0],g:o[1],b:o[2]}}static cmykToRgb(e,t,i,r){let s,o,a;return s=255-Math.min(1,e*(1-r)+r)*255,o=255-Math.min(1,t*(1-r)+r)*255,a=255-Math.min(1,i*(1-r)+r)*255,{r:s,g:o,b:a}}static ncolToRgb(e,t,i){let r,s,o;if(o=e,isNaN(e.substr(0,1))){if(r=e.substr(0,1).toUpperCase(),s=e.substr(1),s==""&&(s=0),s=Number(s),isNaN(s))return!1;r=="R"&&(o=0+s*.6),r=="Y"&&(o=60+s*.6),r=="G"&&(o=120+s*.6),r=="C"&&(o=180+s*.6),r=="B"&&(o=240+s*.6),r=="M"&&(o=300+s*.6),r=="W"&&(o=0,t=1-s/100,i=s/100)}return n.hwbToRgb(o,t,i)}static hueToNcol(e){for(;e>=360;)e=e-360;return e<60?"R"+e/.6:e<120?"Y"+(e-60)/.6:e<180?"G"+(e-120)/.6:e<240?"C"+(e-180)/.6:e<300?"B"+(e-240)/.6:e<360?"M"+(e-300)/.6:null}static ncsToRgb(e){let t,i,r,s,o,a,l,c,h,d,p,f,m,u,y,x,_,w,A;return e=n.w3trim(e).toUpperCase(),e=e.replace("(",""),e=e.replace(")",""),e=e.replace("NCS","NCS "),e=e.replace(/ /g," "),e.indexOf("NCS")==-1&&(e="NCS "+e),e=e.match(/^(?:NCS|NCS\sS)\s(\d{2})(\d{2})-(N|[A-Z])(\d{2})?([A-Z])?$/),e===null||(t=parseInt(e[1],10),i=parseInt(e[2],10),r=e[3],r!="N"&&r!="Y"&&r!="R"&&r!="B"&&r!="G")?null:(s=parseInt(e[4],10)||0,r!=="N"?(o=1.05*t-5.25,a=i,r==="Y"&&s<=60?h=1:r==="Y"&&s>60||r==="R"&&s<=80?(r==="Y"?l=s-60:l=s+40,h=(Math.sqrt(14884-Math.pow(l,2))-22)/100):r==="R"&&s>80||r==="B"?h=0:r==="G"&&(l=s-170,h=(Math.sqrt(33800-Math.pow(l,2))-70)/100),r==="Y"&&s<=80?c=0:r==="Y"&&s>80||r==="R"&&s<=60?(r==="Y"?l=s-80+20.5:l=s+20+20.5,c=(104-Math.sqrt(11236-Math.pow(l,2)))/100):r==="R"&&s>60||r==="B"&&s<=80?(r==="R"?l=s-60-60:l=s+40-60,c=(Math.sqrt(1e4-Math.pow(l,2))-10)/100):r==="B"&&s>80||r==="G"&&s<=40?(r==="B"?l=s-80-131:l=s+20-131,c=(122-Math.sqrt(19881-Math.pow(l,2)))/100):r==="G"&&s>40&&(c=0),r==="Y"?p=(85-17/20*s)/100:r==="R"&&s<=60?p=0:r==="R"&&s>60?(l=s-60+35,p=(67.5-Math.sqrt(5776-Math.pow(l,2)))/100):r==="B"&&s<=60?(l=1*s-68.5,p=(6.5+Math.sqrt(7044.5-Math.pow(l,2)))/100):r==="B"&&s>60||r==="G"&&s<=60?p=.9:r==="G"&&s>60&&(l=s-60,p=(90-1/8*l)/100),l=(h+p+c)/3,d=(l-h)*(100-a)/100+h,f=(l-p)*(100-a)/100+p,m=(l-c)*(100-a)/100+c,d>f&&d>m?u=d:f>d&&f>m?u=f:m>d&&m>f?u=m:u=(d+f+m)/3,y=1/u,_=parseInt(d*y*(100-o)/100*255,10),w=parseInt(f*y*(100-o)/100*255,10),A=parseInt(m*y*(100-o)/100*255,10),_>255&&(_=255),w>255&&(w=255),A>255&&(A=255),_<0&&(_=0),w<0&&(w=0),A<0&&(A=0)):(x=parseInt((1-t/100)*255,10),x>255&&(x=255),x<0&&(x=0),_=x,w=x,A=x),{r:_,g:w,b:A})}static rgbToHsl(e,t,i){let r,s,o,a,l,c,h,d=[];for(d[0]=e/255,d[1]=t/255,d[2]=i/255,r=d[0],s=d[0],c=0,o=0;o<d.length-1;o++)d[o+1]<=r&&(r=d[o+1]),d[o+1]>=s&&(s=d[o+1],c=o+1);return c==0&&(h=(d[1]-d[2])/(s-r)),c==1&&(h=2+(d[2]-d[0])/(s-r)),c==2&&(h=4+(d[0]-d[1])/(s-r)),isNaN(h)&&(h=0),h=h*60,h<0&&(h=h+360),a=(r+s)/2,r==s?l=0:a<.5?l=(s-r)/(s+r):l=(s-r)/(2-s-r),l=l,{h,s:l,l:a}}static rgbToHwb(e,t,i){let r,s,o;e=e/255,t=t/255,i=i/255;let a=Math.max(e,t,i),l=Math.min(e,t,i),c=a-l;return c==0?r=0:e==a?r=(t-i)/c%6*360:t==a?r=((i-e)/c+2)%6*360:r=((e-t)/c+4)%6*360,s=l,o=1-a,{h:r,w:s,b:o}}static rgbToCmyk(e,t,i){let r,s,o,a;return e=e/255,t=t/255,i=i/255,a=1-Math.max(e,t,i),a==1?(r=0,s=0,o=0):(r=(1-e-a)/(1-a),s=(1-t-a)/(1-a),o=(1-i-a)/(1-a)),{c:r,m:s,y:o,k:a}}static toHex(e){let t=e.toString(16);for(;t.length<2;)t="0"+t;return t}static w3trim(e){return e.replace(/^\s+|\s+$/g,"")}static isHex(e){return"0123456789ABCDEFabcdef".indexOf(e)>-1}}});var Nr,pa=g(()=>{"use strict";Se();da();Nr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="color",e.readonly&&(t.readOnly=!0),t.onchange=async i=>{let r=ei.toColorObject(t.value);await this.property.service.removePreviewValue?.(this.designItems,this.property),this._valueChanged(r.toNameOrHexString())},t.oninput=async i=>{let r=ei.toColorObject(t.value);await this.property.service.previewValue?.(this.designItems,this.property,r.toNameOrHexString())},this.element=t}refreshValue(e,t){if(!t)this.element.value="#000000";else{let i=ei.toColorObject(t);this.element.value=i.toHexString()}}}});var Rr,ma=g(()=>{"use strict";Se();Rr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="datetime-local",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.value),this.element=t}refreshValue(e,t){t?this.element.value=t:this.element.value=null}}});import{html as Pp}from"@node-projects/base-custom-webcomponent";var Fr,ua=g(()=>{"use strict";Se();Fr=class n extends ${static template=Pp`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;_input;constructor(e){super(e);let t=n.template.content.cloneNode(!0);this._input=t.getElementById("input"),e.readonly&&(this._input.readOnly=!0),this._input.onchange=i=>this._valueChanged(this._input.value),this.element=t}refreshValue(e,t){this._input.value=t}}});var zr,fa=g(()=>{"use strict";Se();zr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="number",e.readonly&&(t.readOnly=!0),t.min=e.min,t.max=e.max,t.step=e.step,t.onchange=i=>this._valueChanged(t.value==""?null:t.valueAsNumber),this.element=t}refreshValue(e,t){this.element.value=t===void 0?null:t}}});var Bi,ga=g(()=>{"use strict";Se();Bi=class extends ${elementSelect;elementInput;constructor(e){super(e);let t=document.createElement("div"),i=document.createElement("select");if(e.type=="enum")for(let s of e.enumValues){let o=document.createElement("option");o.value=s[1],o.text=s[0],i.appendChild(o)}else for(let s of e.values){let o=document.createElement("option");o.value=s,o.text=s,i.appendChild(o)}e.readonly&&(i.disabled=!0),i.onchange=s=>this._valueChanged(i.value);let r=document.createElement("input");r.style.display="none",r.onchange=s=>this._valueChanged(r.value),this.elementSelect=i,this.elementInput=r,t.appendChild(this.elementSelect),t.appendChild(this.elementInput),this.element=t}refreshValue(e,t){this.elementSelect.style.display="block",this.elementInput.style.display="none",this.elementSelect.value=t,this.elementSelect.value!=t&&t&&(this.elementInput.value=t,this.elementSelect.style.display="none",this.elementInput.style.display="block")}}});var Br,ya=g(()=>{"use strict";Se();Br=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="text",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.value),t.onfocus=i=>{t.selectionStart=0,t.selectionEnd=t.value?.length},this.element=t}refreshValue(e,t){t==null?this.element.value="":this.element.value=t}}});var Vr,va=g(()=>{"use strict";Se();Vr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="checkbox",e.readonly&&(t.readOnly=!0),t.onchange=i=>this._valueChanged(t.checked),this.element=t}refreshValue(e,t){this.element.checked=t}}});import{BaseCustomWebComponentConstructorAppend as Ip,css as kp,html as Dp}from"@node-projects/base-custom-webcomponent";var Vi,Gh=g(()=>{"use strict";Vi=class extends Ip{static style=kp`div{font-size:10px;color:#fff}#property{color:#00aff0}#value{color:#d3d3d3}#value.value-set{color:wheat}.container{display:flex;flex-direction:row}::slotted(button){min-width:24px;height:24px;padding:1px;background:#fff;border:1px solid #d3d3d3}`;static template=Dp`<div><div id="header" style="display:none"><span id="property"></span><span id="vhd">: <span id="value"></span></span></div><div part="container" class="container"><slot id="slot"></slot></div></div>`;static properties={value:String,property:String,unsetValue:String,noValueInHeader:Boolean};constructor(){super(),this._restoreCachedInititalValues()}_value;get value(){return this._value}set value(e){this._value=e,this._updateValue()}property;unsetValue;noValueInHeader;_updateValue(){this.value?(this._getDomElement("value").innerText=this.value,this._getDomElement("value").classList.add("value-set")):this._getDomElement("value").classList.remove("value-set");let e=this._getDomElement("slot");for(let t of e.assignedElements())t.dataset.value==this.value?t.style.background="cornflowerblue":t.style.background=""}ready(){this._parseAttributesToProperties(),this.property&&(this._getDomElement("header").style.display="block"),this.noValueInHeader&&(this._getDomElement("vhd").style.display="none");let e=this._getDomElement("slot");e.onclick=t=>{let i=t.composedPath();for(let r of e.assignedElements())if(i.indexOf(r)>=0){let s=this._value;this.value=r.dataset.value;let o=new CustomEvent("value-changed",{detail:{newValue:this._value,oldValue:s}});this.dispatchEvent(o)}},this._getDomElement("property").innerText=this.property??"",this._getDomElement("value").innerText=this.unsetValue??"",this._updateValue()}};customElements.define("node-projects-image-button-list-selector",Vi)});var ti,Lt,xa,jh,b,te=g(()=>{"use strict";ti="text/json/elementdefintion",Lt="text/json/bindingobject",xa="text/json/propertydrop",jh=new URL(import.meta.url),b=jh.origin+jh.pathname.split("/").slice(0,-1).join("/")+"/../assets/"});var Hr,_a=g(()=>{"use strict";Se();Gh();_e();te();Hr=class extends ${constructor(e){super(e);let t=new Vi;t.property=e.name,t.unsetValue=e.defaultValue;let i=F.camelToDashCase(e.name);if(e.type=="enum")for(let r of e.enumValues){let s=document.createElement("button");s.dataset.value=r[1];let o=document.createElement("img");o.title=r[1],o.src=b+"images/chromeDevtools/"+i+"-"+r[1]+"-icon.svg",s.appendChild(o),t.appendChild(s)}else for(let r of e.values){let s=document.createElement("button");s.dataset.value=r;let o=document.createElement("img");o.title=r,o.src=b+"images/chromeDevtools/"+i+"-"+r+"-icon.svg",s.appendChild(o),t.appendChild(s)}t.addEventListener("value-changed",r=>this._valueChanged(t.value)),this.element=t}refreshValue(e,t){this.element.value=t}}});import{BaseCustomWebComponentConstructorAppend as Tp,css as Mp,html as Op,TypedEvent as Wr}from"@node-projects/base-custom-webcomponent";var Hi,Uh=g(()=>{"use strict";Hi=class extends Tp{static style=Mp`:host{margin:4px;margin-left:auto;margin-right:auto}#container{display:grid;grid-template-columns:minmax(30px,40px) minmax(30px,60px) minmax(30px,40px);grid-template-rows:auto;grid-template-areas:" . top ." "left middle right" " . bottom .";column-gap:2px;row-gap:2px}input{width:20px;text-align:center;font-size:10px;height:20px;padding:0}#left{grid-area:left;justify-self:end}#top{grid-area:top;align-self:end;justify-self:center}#right{grid-area:right;justify-self:start}#bottom{grid-area:bottom;align-self:start;justify-self:center}#rect{grid-area:middle;border:1px solid #000;background:#d3d3d3}`;static template=Op`<div id="container"><input id="left"> <input id="top"> <input id="right"> <input id="bottom"><div id="rect"></div></div>`;_leftInput;_topInput;_rightInput;_bottomInput;_valueLeft;get valueLeft(){return this._valueLeft}set valueLeft(e){let t=this._valueLeft;this._valueLeft=e,t!==e&&(this._updateValue(),this.valueLeftChanged.emit({newValue:e,oldValue:t}))}valueLeftChanged=new Wr;_valueTop;get valueTop(){return this._valueTop}set valueTop(e){let t=this._valueTop;this._valueTop=e,t!==e&&(this._updateValue(),this.valueTopChanged.emit({newValue:e,oldValue:t}))}valueTopChanged=new Wr;_valueRight;get valueRight(){return this._valueRight}set valueRight(e){let t=this._valueRight;this._valueRight=e,t!==e&&(this._updateValue(),this.valueRightChanged.emit({newValue:e,oldValue:t}))}valueRightChanged=new Wr;_valueBottom;get valueBottom(){return this._valueBottom}set valueBottom(e){let t=this._valueBottom;this._valueBottom=e,t!==e&&(this._updateValue(),this.valueBottomChanged.emit({newValue:e,oldValue:t}))}valueBottomChanged=new Wr;property;unsetValue;_updateValue(){this._leftInput.value=this.valueLeft,this._topInput.value=this.valueTop,this._rightInput.value=this.valueRight,this._bottomInput.value=this._valueBottom}ready(){this._parseAttributesToProperties(),this._leftInput=this._getDomElement("left"),this._topInput=this._getDomElement("top"),this._rightInput=this._getDomElement("right"),this._bottomInput=this._getDomElement("bottom"),this._leftInput.onkeyup=e=>{e.key==="Enter"&&(this._valueLeft=this._leftInput.value)},this._topInput.onkeyup=e=>{e.key==="Enter"&&(this._valueTop=this._topInput.value)},this._rightInput.onkeyup=e=>{e.key==="Enter"&&(this._valueRight=this._rightInput.value)},this._bottomInput.onkeyup=e=>{e.key==="Enter"&&(this._valueBottom=this._bottomInput.value)},this._leftInput.onblur=e=>this._valueLeft=this._leftInput.value,this._topInput.onblur=e=>this._valueTop=this._topInput.value,this._rightInput.onblur=e=>this._valueRight=this._rightInput.value,this._bottomInput.onblur=e=>this._valueBottom=this._bottomInput.value,this._updateValue()}};customElements.define("node-projects-thickness-editor",Hi)});var Gr,ba=g(()=>{"use strict";Se();Uh();Gr=class extends ${constructor(e){super(e);let t=new Hi;t.property=e.name,t.valueLeftChanged.on(i=>this._valueChanged(i.newValue)),this.element=t}refreshValue(e,t){this.element.valueLeft=t}}});var ii,Sa=g(()=>{"use strict";Se();ii=class n extends ${static fontList;constructor(e){super(e);let t=document.createElement("select");e.readonly&&(t.disabled=!0),this.element=t,n.addFontsToSelect(t),this.element.onchange=i=>this._valueChanged(this.element.value)}static addFontsToSelect(e){n.fontList?n.parseFontList(e):window.queryLocalFonts?window.queryLocalFonts().then(t=>{n.fontList=[...new Set(t.map(i=>i.family))],n.parseFontList(e)}):(n.fontList=["Verdana","Arial","Tahoma","Trebuchet MS","Times New Roman","Georgia","Garamond","Courier New","Brush Script MT"],n.parseFontList(e))}static parseFontList(e){for(let t of n.fontList){let i=document.createElement("option");i.value=t,i.text=t,e.appendChild(i)}}refreshValue(e,t){this.element.value=t}}});var jr,Kh=g(()=>{"use strict";Se();jr=class extends ${constructor(e){super(e);let t=document.createElement("input");t.type="number",e.readonly&&(t.readOnly=!0),t.min=e.min??"0",t.max=e.max??"360",t.step=e.step,t.onchange=i=>this._valueChanged(t.value==""?null:t.valueAsNumber+"deg"),this.element=t}refreshValue(e,t){this.element.valueAsNumber=t===void 0?null:parseFloat(t)}}});var Ur,wa=g(()=>{"use strict";pa();ma();ua();fa();ga();ya();va();_a();ba();Sa();Kh();Ur=class{getEditorForProperty(e){if(e.createEditor)return e.createEditor(e);switch(e.type){case"json":return new Fr(e);case"color":return new Nr(e);case"font":return new ii(e);case"date":return new Rr(e);case"number":return new zr(e);case"angle":return new jr(e);case"list":return new Bi(e);case"enum":return new Bi(e);case"boolean":return new Vr(e);case"img-list":return new Hr(e);case"thickness":return new Gr(e);case"css-length":case"string":default:return new Br(e)}}}});import{BaseCustomWebComponentLazyAppend as Lp,BaseCustomWebComponentConstructorAppend as Np,BaseCustomWebComponentNoAttachedTemplate as Rp,BaseCustomWebComponentConstructorAppendLazyReady as Fp}from"@node-projects/base-custom-webcomponent";var Kr,Ca=g(()=>{"use strict";Zt();Kr=class extends Ue{name="baseCustomWebComponent";isHandledElement(e){return e.element instanceof Lp||e.element instanceof Fp||e.element instanceof Np||e.element instanceof Rp}_notifyChangedProperty(e,t,i){e.element._parseAttributesToProperties()}}});function Yr(n,e,t){if(e==null||e==""){n.style.transform=t;return}let i=new DOMMatrix(e),s=new DOMMatrix(t).multiply(i);n.style.transform=s.toString()}function Ea(n,e){let t=e.inverse();return n.matrixTransform(t)}function ri(n){return new DOMPoint(n.m41,n.m42,0,0)}var Xr=g(()=>{"use strict"});function ae(n){let e=[];e:for(let t of n){let i=t.parent;for(;i!=null&&!i.isRootItem;){if(n.indexOf(i)>=0)continue e;i=i.parent}e.push(t)}return e}function Zr(n,e){if(e==="position"){let t=getComputedStyle(n.element),i=parseFloat(t.left);i=Number.isNaN(i)?null:i;let r=parseFloat(t.top);return r=Number.isNaN(r)?null:r,{x:i,y:r}}return{x:0,y:0}}function qr(n,e,t,i){let r=e.element,s=getComputedStyle(r);if(i==="position"){let o=n.element,a=n.getComputedStyle();a.position!=="relative"&&a.position!=="absolute"&&o.offsetParent&&(o=o.offsetParent,a=n.window.getComputedStyle(o));let l=null,c=null,h=null,d=null,p=0,f=0,m=0,u=0,y=!1;if(s.position==="relative"||s.position==="absolute")l=parseFloat(r.style.left),l=Number.isNaN(l)?null:l,h=parseFloat(r.style.top),h=Number.isNaN(h)?null:h,c=parseFloat(r.style.right),c=Number.isNaN(c)?null:c,d=parseFloat(r.style.bottom),d=Number.isNaN(d)?null:d,y=!0;else if(o!==n.element){let x=G(o),_=G(e.element);p=_.left-x.left,f=_.right-x.right,m=_.top-x.top,u=_.bottom-x.bottom}y||e.setStyle("position","absolute"),(l||c==null)&&e.setStyle("left",R(e,t.x+(l??0)+p)+"px"),(h||d==null)&&e.setStyle("top",R(e,t.y+(h??0)+m)+"px"),c!=null&&e.setStyle("right",R(e,(c??0)-t.x+f)+"px"),d!=null&&e.setStyle("bottom",R(e,(d??0)-t.y+u)+"px")}}function R(n,e){return n.serviceContainer.options.roundPixelsToDecimalPlaces>=0?e.toFixed(n.serviceContainer.options.roundPixelsToDecimalPlaces):e.toString()}var Pe=g(()=>{"use strict";oe()});function ot(n,e,t=!1){let i,r=Yh(n,e),s;return t?r>=315&&r<360||r>=0&&r<45?i={x:e.x,y:n.y}:r>=45&&r<135?i={x:n.x,y:e.y}:r>=135&&r<225?i={x:e.x,y:n.y}:r>=225&&r<315&&(i={x:n.x,y:e.y}):r>=337.5&&r<360||r>=0&&r<22.5?i={x:e.x,y:n.y}:r>=22.5&&r<67.5?(s=Ye(n,e),i={x:n.x+s,y:n.y-s}):r>=67.5&&r<112.5?i={x:n.x,y:e.y}:r>=112.5&&r<157.5?(s=Ye(n,e),i={x:n.x-s,y:n.y-s}):r>=157.5&&r<202.5?i={x:e.x,y:n.y}:r>=202.5&&r<247.5?(s=Ye(n,e),i={x:n.x-s,y:n.y+s}):r>=247.5&&r<292.5?i={x:n.x,y:e.y}:r>=292.5&&r<337.5&&(s=Ye(n,e),i={x:n.x+s,y:n.y+s}),i}function Ye(n,e){let t,i=Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2)),r=Yh(n,e),s=r-(Math.floor(r/90)*90+45);return t=i*Math.cos(s*(Math.PI/180))/Math.sqrt(2),t}function Yh(n,e){let t=-1*Math.atan2(e.y-n.y,e.x-n.x)*180/Math.PI;return t<0&&(t+=360),t}function Xh(n,e,t){let i="",r=n.getPathData({normalize:!0});for(let s of r)switch(s.type){case"M":case"m":case"L":case"l":case"T":case"t":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" ";break;case"Z":case"z":i+=s.type+" ";break;case"C":case"c":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" "+(s.values[2]-e)+" "+(s.values[3]-t)+" "+(s.values[4]-e)+" "+(s.values[5]-t)+" ";break;case"S":case"s":case"Q":case"q":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" "+(s.values[2]-e)+" "+(s.values[3]-t)+" ";break;case"A":case"a":i+=s.type+" "+(s.values[0]-e)+" "+(s.values[1]-t)+" "+s.values[2]+" "+s.values[3]+" "+s.values[4]+" "+(s.values[5]-e)+" "+(s.values[6]-t)+" ";break}return i}function We(n){let e="";for(let i of n){e+=i.type+" ";for(var t=0;t<i.values.length;t++)i.values[t]!=null&&!isNaN(i.values[t])&&(e+=i.values[t]+" ")}return e}var Ge=g(()=>{"use strict";(!SVGPathElement.prototype.getPathData||!SVGPathElement.prototype.setPathData)&&(function(){var n={Z:"Z",M:"M",L:"L",C:"C",Q:"Q",A:"A",H:"H",V:"V",S:"S",T:"T",z:"Z",m:"m",l:"l",c:"c",q:"q",a:"a",h:"h",v:"v",s:"s",t:"t"},e=function(o){this._string=o,this._currentIndex=0,this._endIndex=this._string.length,this._prevCommand=null,this._skipOptionalSpaces()};e.prototype={parseSegment:function(){var o=this._string[this._currentIndex],a=n[o]?n[o]:null;if(a===null){if(this._prevCommand===null||((o==="+"||o==="-"||o==="."||o>="0"&&o<="9")&&this._prevCommand!=="Z"?this._prevCommand==="M"?a="L":this._prevCommand==="m"?a="l":a=this._prevCommand:a=null,a===null))return null}else this._currentIndex+=1;this._prevCommand=a;var l=null,c=a.toUpperCase();return c==="H"||c==="V"?l=[this._parseNumber()]:c==="M"||c==="L"||c==="T"?l=[this._parseNumber(),this._parseNumber()]:c==="S"||c==="Q"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="C"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseNumber()]:c==="A"?l=[this._parseNumber(),this._parseNumber(),this._parseNumber(),this._parseArcFlag(),this._parseArcFlag(),this._parseNumber(),this._parseNumber()]:c==="Z"&&(this._skipOptionalSpaces(),l=[]),l===null||l.indexOf(null)>=0?null:{type:a,values:l}},hasMoreData:function(){return this._currentIndex<this._endIndex},peekSegmentType:function(){var o=this._string[this._currentIndex];return n[o]?n[o]:null},initialCommandIsMoveTo:function(){if(!this.hasMoreData())return!0;var o=this.peekSegmentType();return o==="M"||o==="m"},_isCurrentSpace:function(){var o=this._string[this._currentIndex];return o<=" "&&(o===" "||o===`
5
+ `||o===" "||o==="\r"||o==="\f")},_skipOptionalSpaces:function(){for(;this._currentIndex<this._endIndex&&this._isCurrentSpace();)this._currentIndex+=1;return this._currentIndex<this._endIndex},_skipOptionalSpacesOrDelimiter:function(){return this._currentIndex<this._endIndex&&!this._isCurrentSpace()&&this._string[this._currentIndex]!==","?!1:(this._skipOptionalSpaces()&&this._currentIndex<this._endIndex&&this._string[this._currentIndex]===","&&(this._currentIndex+=1,this._skipOptionalSpaces()),this._currentIndex<this._endIndex)},_parseNumber:function(){var o=0,a=0,l=1,c=0,h=1,d=1,p=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,h=-1),this._currentIndex===this._endIndex||(this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")&&this._string[this._currentIndex]!==".")return null;for(var f=this._currentIndex;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)this._currentIndex+=1;if(this._currentIndex!==f)for(var m=this._currentIndex-1,u=1;m>=f;)a+=u*(this._string[m]-"0"),m-=1,u*=10;if(this._currentIndex<this._endIndex&&this._string[this._currentIndex]==="."){if(this._currentIndex+=1,this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)l*=10,c+=(this._string.charAt(this._currentIndex)-"0")/l,this._currentIndex+=1}if(this._currentIndex!==p&&this._currentIndex+1<this._endIndex&&(this._string[this._currentIndex]==="e"||this._string[this._currentIndex]==="E")&&this._string[this._currentIndex+1]!=="x"&&this._string[this._currentIndex+1]!=="m"){if(this._currentIndex+=1,this._string[this._currentIndex]==="+"?this._currentIndex+=1:this._string[this._currentIndex]==="-"&&(this._currentIndex+=1,d=-1),this._currentIndex>=this._endIndex||this._string[this._currentIndex]<"0"||this._string[this._currentIndex]>"9")return null;for(;this._currentIndex<this._endIndex&&this._string[this._currentIndex]>="0"&&this._string[this._currentIndex]<="9";)o*=10,o+=this._string[this._currentIndex]-"0",this._currentIndex+=1}var y=a+c;return y*=h,o&&(y*=Math.pow(10,d*o)),p===this._currentIndex?null:(this._skipOptionalSpacesOrDelimiter(),y)},_parseArcFlag:function(){if(this._currentIndex>=this._endIndex)return null;var o=null,a=this._string[this._currentIndex];if(this._currentIndex+=1,a==="0")o=0;else if(a==="1")o=1;else return null;return this._skipOptionalSpacesOrDelimiter(),o}};var t=function(o){if(!o||o.length===0)return[];var a=new e(o),l=[];if(a.initialCommandIsMoveTo())for(;a.hasMoreData();){var c=a.parseSegment();if(c===null)break;l.push(c)}return l},i=function(o,a,l,c,h,d,p,f,m,u){var y=function(At){return Math.PI*At/180},x=function(At,Ai,Pt){var tp=At*Math.cos(Pt)-Ai*Math.sin(Pt),ip=At*Math.sin(Pt)+Ai*Math.cos(Pt);return{x:tp,y:ip}},_=y(p),w=[],A,k,P,T;if(u)A=u[0],k=u[1],P=u[2],T=u[3];else{var N=x(o,a,-_);o=N.x,a=N.y;var X=x(l,c,-_);l=X.x,c=X.y;var O=(o-l)/2,K=(a-c)/2,ne=O*O/(h*h)+K*K/(d*d);ne>1&&(ne=Math.sqrt(ne),h=ne*h,d=ne*d);var re;f===m?re=-1:re=1;var de=h*h,Ee=d*d,tt=de*Ee-de*K*K-Ee*O*O,se=de*K*K+Ee*O*O,Z=re*Math.sqrt(Math.abs(tt/se));P=Z*h*K/d+(o+l)/2,T=Z*-d*O/h+(a+c)/2,A=Math.asin(parseFloat(((a-T)/d).toFixed(9))),k=Math.asin(parseFloat(((c-T)/d).toFixed(9))),o<P&&(A=Math.PI-A),l<P&&(k=Math.PI-k),A<0&&(A=Math.PI*2+A),k<0&&(k=Math.PI*2+k),m&&A>k&&(A=A-Math.PI*2),!m&&k>A&&(k=k-Math.PI*2)}var he=k-A;if(Math.abs(he)>Math.PI*120/180){var it=k,Oe=l,ze=c;m&&k>A?k=A+Math.PI*120/180*1:k=A+Math.PI*120/180*-1,l=P+h*Math.cos(k),c=T+d*Math.sin(k),w=i(l,c,Oe,ze,h,d,p,0,m,[k,it,P,T])}he=k-A;var Le=Math.cos(A),Ut=Math.sin(A),Kt=Math.cos(k),hr=Math.sin(k),Ei=Math.tan(he/4),Eh=4/3*h*Ei,Ah=4/3*d*Ei,Ph=[o,a],Yt=[o+Eh*Ut,a-Ah*Le],Ih=[l+Eh*hr,c-Ah*Kt],kh=[l,c];if(Yt[0]=2*Ph[0]-Yt[0],Yt[1]=2*Ph[1]-Yt[1],u)return[Yt,Ih,kh].concat(w);w=[Yt,Ih,kh].concat(w);for(var Dh=[],ft=0;ft<w.length;ft+=3){let At=x(w[ft][0],w[ft][1],_),Ai=x(w[ft+1][0],w[ft+1][1],_),Pt=x(w[ft+2][0],w[ft+2][1],_);Dh.push([At.x,At.y,Ai.x,Ai.y,Pt.x,Pt.y])}return Dh},r=function(o){var a=[],l=null,c=null,h=null,d=null;return o.forEach(function(p){var f=p.type;if(f==="M"){var m=p.values[0],u=p.values[1];a.push({type:"M",values:[m,u]}),h=m,d=u,l=m,c=u}else if(f==="m"){var m=l+p.values[0],u=c+p.values[1];a.push({type:"M",values:[m,u]}),h=m,d=u,l=m,c=u}else if(f==="L"){var m=p.values[0],u=p.values[1];a.push({type:"L",values:[m,u]}),l=m,c=u}else if(f==="l"){var m=l+p.values[0],u=c+p.values[1];a.push({type:"L",values:[m,u]}),l=m,c=u}else if(f==="C"){var y=p.values[0],x=p.values[1],_=p.values[2],w=p.values[3],m=p.values[4],u=p.values[5];a.push({type:"C",values:[y,x,_,w,m,u]}),l=m,c=u}else if(f==="c"){var y=l+p.values[0],x=c+p.values[1],_=l+p.values[2],w=c+p.values[3],m=l+p.values[4],u=c+p.values[5];a.push({type:"C",values:[y,x,_,w,m,u]}),l=m,c=u}else if(f==="Q"){var y=p.values[0],x=p.values[1],m=p.values[2],u=p.values[3];a.push({type:"Q",values:[y,x,m,u]}),l=m,c=u}else if(f==="q"){var y=l+p.values[0],x=c+p.values[1],m=l+p.values[2],u=c+p.values[3];a.push({type:"Q",values:[y,x,m,u]}),l=m,c=u}else if(f==="A"){var m=p.values[5],u=p.values[6];a.push({type:"A",values:[p.values[0],p.values[1],p.values[2],p.values[3],p.values[4],m,u]}),l=m,c=u}else if(f==="a"){var m=l+p.values[5],u=c+p.values[6];a.push({type:"A",values:[p.values[0],p.values[1],p.values[2],p.values[3],p.values[4],m,u]}),l=m,c=u}else if(f==="H"){var m=p.values[0];a.push({type:"H",values:[m]}),l=m}else if(f==="h"){var m=l+p.values[0];a.push({type:"H",values:[m]}),l=m}else if(f==="V"){var u=p.values[0];a.push({type:"V",values:[u]}),c=u}else if(f==="v"){var u=c+p.values[0];a.push({type:"V",values:[u]}),c=u}else if(f==="S"){var _=p.values[0],w=p.values[1],m=p.values[2],u=p.values[3];a.push({type:"S",values:[_,w,m,u]}),l=m,c=u}else if(f==="s"){var _=l+p.values[0],w=c+p.values[1],m=l+p.values[2],u=c+p.values[3];a.push({type:"S",values:[_,w,m,u]}),l=m,c=u}else if(f==="T"){var m=p.values[0],u=p.values[1];a.push({type:"T",values:[m,u]}),l=m,c=u}else if(f==="t"){var m=l+p.values[0],u=c+p.values[1];a.push({type:"T",values:[m,u]}),l=m,c=u}else(f==="Z"||f==="z")&&(a.push({type:"Z",values:[]}),l=h,c=d)}),a},s=function(o){var a=[],l=null,c=null,h=null,d=null,p=null,f=null,m=null;return o.forEach(function(u){if(u.type==="M"){var y=u.values[0],x=u.values[1];a.push({type:"M",values:[y,x]}),f=y,m=x,d=y,p=x}else if(u.type==="C"){var _=u.values[0],w=u.values[1],A=u.values[2],k=u.values[3],y=u.values[4],x=u.values[5];a.push({type:"C",values:[_,w,A,k,y,x]}),c=A,h=k,d=y,p=x}else if(u.type==="L"){var y=u.values[0],x=u.values[1];a.push({type:"L",values:[y,x]}),d=y,p=x}else if(u.type==="H"){var y=u.values[0];a.push({type:"L",values:[y,p]}),d=y}else if(u.type==="V"){var x=u.values[0];a.push({type:"L",values:[d,x]}),p=x}else if(u.type==="S"){var A=u.values[0],k=u.values[1],y=u.values[2],x=u.values[3],P,T;l==="C"||l==="S"?(P=d+(d-c),T=p+(p-h)):(P=d,T=p),a.push({type:"C",values:[P,T,A,k,y,x]}),c=A,h=k,d=y,p=x}else if(u.type==="T"){var y=u.values[0],x=u.values[1],_,w;l==="Q"||l==="T"?(_=d+(d-c),w=p+(p-h)):(_=d,w=p);var P=d+2*(_-d)/3,T=p+2*(w-p)/3,N=y+2*(_-y)/3,X=x+2*(w-x)/3;a.push({type:"C",values:[P,T,N,X,y,x]}),c=_,h=w,d=y,p=x}else if(u.type==="Q"){var _=u.values[0],w=u.values[1],y=u.values[2],x=u.values[3],P=d+2*(_-d)/3,T=p+2*(w-p)/3,N=y+2*(_-y)/3,X=x+2*(w-x)/3;a.push({type:"C",values:[P,T,N,X,y,x]}),c=_,h=w,d=y,p=x}else if(u.type==="A"){let de=Math.abs(u.values[0]),Ee=Math.abs(u.values[1]);var O=u.values[2],K=u.values[3],ne=u.values[4],y=u.values[5],x=u.values[6];if(de===0||Ee===0)a.push({type:"C",values:[d,p,y,x,y,x]}),d=y,p=x;else if(d!==y||p!==x){var re=i(d,p,y,x,de,Ee,O,K,ne);re.forEach(function(Z){a.push({type:"C",values:Z})}),d=y,p=x}}else u.type==="Z"&&(a.push(u),d=f,p=m);l=u.type}),a};SVGPathElement.prototype.getPathData=function(o){if(o&&o.normalize){let a;return a=t(this.getAttribute("d")||""),s(r(a))}else return t(this.getAttribute("d")||"")},SVGPathElement.prototype.setPathData=function(o){if(o.length===0)this.removeAttribute("d");else{let a="";for(let l=0,c=o.length;l<c;l+=1){let h=o[l];l>0&&(a+=" "),a+=h.type,h.values&&h.values.length>0&&(a+=" "+h.values.join(" "))}this.setAttribute("d",a)}},SVGRectElement.prototype.getPathData=function(o){var a=this.x.baseVal.value,l=this.y.baseVal.value,c=this.width.baseVal.value,h=this.height.baseVal.value,d=this.hasAttribute("rx")?this.rx.baseVal.value:this.ry.baseVal.value,p=this.hasAttribute("ry")?this.ry.baseVal.value:this.rx.baseVal.value;d>c/2&&(d=c/2),p>h/2&&(p=h/2);var f=[{type:"M",values:[a+d,l]},{type:"H",values:[a+c-d]},{type:"A",values:[d,p,0,0,1,a+c,l+p]},{type:"V",values:[l+h-p]},{type:"A",values:[d,p,0,0,1,a+c-d,l+h]},{type:"H",values:[a+d]},{type:"A",values:[d,p,0,0,1,a,l+h-p]},{type:"V",values:[l+p]},{type:"A",values:[d,p,0,0,1,a+d,l]},{type:"Z",values:[]}];return f=f.filter(function(m){return!(m.type==="A"&&(m.values[0]===0||m.values[1]===0))}),o&&o.normalize===!0&&(f=s(f)),f},SVGCircleElement.prototype.getPathData=function(o){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.r.baseVal.value,h=[{type:"M",values:[a+c,l]},{type:"A",values:[c,c,0,0,1,a,l+c]},{type:"A",values:[c,c,0,0,1,a-c,l]},{type:"A",values:[c,c,0,0,1,a,l-c]},{type:"A",values:[c,c,0,0,1,a+c,l]},{type:"Z",values:[]}];return o&&o.normalize===!0&&(h=s(h)),h},SVGEllipseElement.prototype.getPathData=function(o){var a=this.cx.baseVal.value,l=this.cy.baseVal.value,c=this.rx.baseVal.value,h=this.ry.baseVal.value,d=[{type:"M",values:[a+c,l]},{type:"A",values:[c,h,0,0,1,a,l+h]},{type:"A",values:[c,h,0,0,1,a-c,l]},{type:"A",values:[c,h,0,0,1,a,l-h]},{type:"A",values:[c,h,0,0,1,a+c,l]},{type:"Z",values:[]}];return o&&o.normalize===!0&&(d=s(d)),d},SVGLineElement.prototype.getPathData=function(){return[{type:"M",values:[this.x1.baseVal.value,this.y1.baseVal.value]},{type:"L",values:[this.x2.baseVal.value,this.y2.baseVal.value]}]},SVGPolylineElement.prototype.getPathData=function(){for(var o=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);o.push({type:a===0?"M":"L",values:[l.x,l.y]})}return o},SVGPolygonElement.prototype.getPathData=function(){for(var o=[],a=0;a<this.points.numberOfItems;a+=1){var l=this.points.getItem(a);o.push({type:a===0?"M":"L",values:[l.x,l.y]})}return o.push({type:"Z",values:[]}),o}})()});function j(n){return Bh()?n.metaKey:n.ctrlKey}var Fe=g(()=>{"use strict";be()});function Aa(n){let e=[];for(let t of n)t.nodeType===I.TextNode||t.nodeType===I.Comment||e.push(t);return e}var Xe,ni=g(()=>{"use strict";He();Xr();Pe();Ve();Ge();Fe();Q();oe();Xe=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(Y.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,s,o){let a=s.x-i.x,l=s.y-i.y;if(!j(e)){if(t.alignOnGrid){let c=Zr(o,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=G(o.element),h=t.snapLines.snapToPosition({x:s.x-r.x,y:s.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,s,o,a){let l=o.x,c=o.y;if(!j(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:o.x-s.x,y:o.y-s.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=this.calculateTrack(e,t,r,s,o,a[0]);e.shiftKey&&(l=ot({x:0,y:0},l,!0));let c=ae(Aa(a));for(let h of c){let d=h.instanceServiceContainer.designerCanvas.canvas,p=h.parent.element.getBoxQuads({relativeTo:d,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],f=h.parent.element.convertPointFromNode(new DOMPoint(l.x+p.p1.x,l.y+p.p1.y),d,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),u=new DOMMatrix;m.rotate!="none"&&m.rotate&&(u=u.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(u=u.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),f=u.inverse().transformPoint(f);let y=new DOMMatrix().translate(f.x,f.y);Yr(h.element,h.getStyle("transform"),y.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ae(t);for(let s of r)i=="drop"&&s.setStyle("position","absolute"),e.insertChild(s),s.lastContainerSize&&(s.hasStyle("width")||s.setStyle("width",s.lastContainerSize.width+"px"),s.hasStyle("height")||s.setStyle("height",s.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ae(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,s,o,a){let l=ae(a);for(let c of l){let h=ri(new DOMMatrix(c.element.style.transform)),d=ri(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let p={x:h.x,y:h.y},f=getComputedStyle(c.element),m=new DOMMatrix;f.rotate!="none"&&f.rotate&&(m=m.multiply(new DOMMatrix("rotate("+f.rotate.replace(" ",",")+")"))),f.scale!="none"&&f.scale&&(m=m.multiply(new DOMMatrix("scale("+f.scale.replace(" ",",")+")"))),p=m.transformPoint(p),qr(i,c,{x:p.x-d.x,y:p.y-d.y},"position")}for(let c of a)t.extensionManager.removeExtension(c,C.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}}});var bt,Wi=g(()=>{"use strict";ee();Or();bt=class{async parse(e,t,i,r){let s;Document.parseHTMLUnsafe&&!Mr?s=Document.parseHTMLUnsafe(e):s=new DOMParser().parseFromString(e,"text/html",{includeShadowRoots:!0});let o=this.createDesignItems(s.head.childNodes,t,i),a=this.createDesignItems(s.body.childNodes,t,i);return[...o,...a]}createDesignItems(e,t,i){let r=[];for(let s of e)r.push(this._createDesignItemsRecursive(s,t,i));return r}_createDesignItemsRecursive(e,t,i){return M.createDesignItemFromInstance(e,t,i)}}});var Qr,Pa=g(()=>{"use strict";Zt();_e();pe();Qr=class extends Ue{name="lit2";isHandledElement(e){return!!e.element.constructor.elementProperties}async getProperties(e){if(!this.isHandledElement(e))return null;let t=[];for(let i of e.element.constructor.elementProperties.entries()){let r=i[0],s=i[1],o=s;if(s.type&&(o=s.type),o===String){let a={name:r,type:"string",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Object){let a={name:r,type:"string",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Number){let a={name:r,type:"number",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Date){let a={name:r,type:"date",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(o===Boolean){let a={name:r,type:"boolean",service:this,propertyType:v.propertyAndAttribute};t.push(a)}else if(F.isTypescriptEnum(o)){let a={name:r,type:"enum",enumValues:F.getTypescriptEnumEntries(o),service:this,propertyType:v.propertyAndAttribute};t.push(a)}}return t}_notifyChangedProperty(e,t,i){}}});function Zh(n,e){Ia||(Ia=document.createElement("canvas"));let t=Ia.getContext("2d");return t.font=e,t.measureText(n).width}var Ia,qh=g(()=>{"use strict"});var U,at=g(()=>{"use strict";(function(n){n.Pointer="Pointer",n.DrawSelection="DrawSelection",n.DrawPath="DrawPath",n.DrawRect="DrawRect",n.DrawEllipsis="DrawEllipsis",n.DrawLine="DrawLine",n.Zoom="Zoom",n.Pan="Pan",n.MagicWandSelector="MagicWandSelector",n.RectangleSelector="RectangleSelector",n.PickColor="PickColor",n.Text="Text",n.DrawElementTool="DrawElementTool",n.Guides="Guides",n.Inspect="Inspect",n.Accessibility="Accessibility",n.Position="Position",n.Padding="Padding",n.Margin="Margin",n.Flexbox="Flexbox",n.Move="Move",n.HueShift="HueShift",n.BoxShadows="BoxShadows",n.FontStyles="FontStyles"})(U||(U={}))});var D,J=g(()=>{"use strict";(function(n){n[n.Background=10]="Background",n[n.Normal=20]="Normal",n[n.Foreground=30]="Foreground"})(D||(D={}))});var si,ka=g(()=>{"use strict";J();si=class{overlays=[];overlayLayerView;extensionManager;designerCanvas;constructor(e,t){this.extensionManager=e,this.designerCanvas=t,this.overlayLayerView=t.overlayLayer}_backup;_valuesHaveChanges(...e){if(this._backup==null)return this._backup=e,!0;for(let t=0;t<e.length;t++)if(e[t]!==this._backup[t])return this._backup=e,!0;return!1}_removeAllOverlays(){for(let e of this.overlays)try{this.overlayLayerView.removeOverlay(e)}catch(t){console.error(t)}this.overlays=[]}_addOverlay(e,t=D.Normal){this.overlayLayerView.addOverlay(this.constructor.name,e,t),this.overlays.push(e)}_drawGroup(e,t,i){let r=this.overlayLayerView.drawGroup(this.constructor.name,e,t,i);return t||this.overlays.push(r),r}_drawLine(e,t,i,r,s,o,a){let l=this.overlayLayerView.drawLine(this.constructor.name,e,t,i,r,s,o,a);return o||this.overlays.push(l),l}_drawCircle(e,t,i,r,s,o){let a=this.overlayLayerView.drawCircle(this.constructor.name,e,t,i,r,s,o);return s||this.overlays.push(a),a}_drawRect(e,t,i,r,s,o,a){let l=this.overlayLayerView.drawRect(this.constructor.name,e,t,i,r,s,o,a);return o||this.overlays.push(l),l}_drawComplexRect(e,t,i,r){let s="M"+e.map(a=>a.x+","+a.y).join(" ")+"Z",o=this.overlayLayerView.drawPath(this.constructor.name,s,t,i,r);return i||this.overlays.push(o),o}_drawPath(e,t,i,r){let s=this.overlayLayerView.drawPath(this.constructor.name,e,t,i,r);return i||this.overlays.push(s),s}_drawText(e,t,i,r,s,o){let a=this.overlayLayerView.drawText(this.constructor.name,e,t,i,r,s,o);return s||this.overlays.push(a),a}_drawHTML(e,t,i,r,s,o,a,l){let c=this.overlayLayerView.drawHTML(this.constructor.name,e,t,i,r,s,o,a,l);return a||this.overlays.push(c),c}_drawTextWithBackground(e,t,i,r,s,o,a){let l=this.overlayLayerView.drawTextWithBackground(this.constructor.name,e,t,i,r,s,o,a);return o||this.overlays.push(...l),l}_drawTransformedRect(e,t,i,r){let s="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+"Z",o=this.overlayLayerView.drawPath(this.constructor.name,s,t,i,r);return i||this.overlays.push(o),o}}});var z,ie=g(()=>{"use strict";ka();J();z=class extends si{extendedItem;constructor(e,t,i){super(e,t),this.extendedItem=i}remove(){this.extensionManager.removeExtensionInstance(this.extendedItem,this)}createToolbar(e,t,i,r=D.Foreground){let s=e.content.cloneNode(!0);s.querySelectorAll("*").forEach(a=>{a.onpointerdown=l=>{this.designerCanvas.ignoreEvent(l)},a instanceof HTMLInputElement&&(a.addEventListener("keydown",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}),a.addEventListener("keyup",l=>{this.designerCanvas.ignoreEvent(l)},{capture:!0}))});let o=document.createElementNS("http://www.w3.org/2000/svg","foreignObject");return o.classList.add("svg-toolbar-container"),o.setAttribute("width",""+t),o.setAttribute("height",""+i),o.appendChild(s),o.style.scale=""+1/this.designerCanvas.zoomFactor,o.style.transformBox="fill-box",this._addOverlay(o,r),o.updatePosition=a=>{o.style.scale=""+1/this.designerCanvas.zoomFactor;let l=this.overlayLayerView.getBoundingClientRect(),c=o.children[0].getBoundingClientRect(),h=this.designerCanvas.scaleFactor,d=l.width/h-this.designerCanvas.canvasOffset.x*h;c.width+a.x*h>d&&(a.x=(d-c.width)/h),a.x<-this.designerCanvas.canvasOffset.x&&(a.x=-this.designerCanvas.canvasOffset.x),o.setAttribute("x",""+a.x),o.setAttribute("y",""+a.y)},o.getById=a=>o.querySelector("#"+a),o}}});var zp,$r,Da=g(()=>{"use strict";oe();qh();at();ie();zp=60,$r=class extends z{_rect;_clickRect;_text;_width;_createTitleText;constructor(e,t,i,r){super(e,t,i),this._createTitleText=r}extend(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p1.x)){let r=G(this.extendedItem.element),s=Zh(this.extendedItem.name,"10px monospace"),o=Math.sqrt(Math.pow(i.p2.x-i.p1.x,2)+Math.pow(i.p2.y-i.p1.y,2)),a=this.extendedItem.name;this.extendedItem.id&&(a="#"+this.extendedItem.id),this._createTitleText&&(a=this._createTitleText(this.extendedItem)),this._width=Math.max(Math.min(o,s),zp),this._rect=this._drawRect(i.p1.x,i.p1.y,this._width,15,"svg-primary-selection-move",this._rect),this._clickRect=this._drawRect(i.p1.x,i.p1.y,this._width,18,"svg-invisible",this._clickRect),this._clickRect.style.background="transparent",this._text=this._drawHTML('<div style="position:relative; pointer-events: none;"><span style="width: 100%; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 0; padding-left: 2px;">'+a+"</span></div>",(r.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,i.p1.y-16,this._width,15,"svg-text-primary",this._text),this._text.style.overflow="visible",this._clickRect.addEventListener("pointerdown",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointermove",l=>this._pointerEvent(l)),this._clickRect.addEventListener("pointerup",l=>this._pointerEvent(l)),this._clickRect.addEventListener("contextmenu",l=>{l.preventDefault(),this.designerCanvas.showDesignItemContextMenu(this.extendedItem,l)}),this.refresh(e,t)}}_drawMoveOverlay(e){}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(i.p1.x)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI;if(this._valuesHaveChanges(i.p1.x,i.p1.y,r,this.designerCanvas.scaleFactor)){let s=15/this.designerCanvas.scaleFactor,o=-(16/this.designerCanvas.scaleFactor),a=this._width/this.designerCanvas.scaleFactor;this._rect.setAttribute("x",""+i.p1.x),this._rect.setAttribute("y",""+i.p1.y),this._rect.style.rotate=r+"deg",this._rect.style.translate="0 "+o+"px",this._rect.style.transformOrigin="0 100%",this._rect.style.transformBox="fill-box",this._rect.setAttribute("height",""+s),this._rect.setAttribute("width",""+a),this._rect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._clickRect.setAttribute("x",""+i.p1.x),this._clickRect.setAttribute("y",""+i.p1.y),this._clickRect.style.rotate=r+"deg",this._clickRect.style.translate="0 "+o+"px",this._clickRect.style.transformOrigin="0 100%",this._clickRect.style.transformBox="fill-box",this._clickRect.setAttribute("height",""+(s+3)),this._clickRect.setAttribute("width",""+a),this._clickRect.style.strokeWidth=(1/this.designerCanvas.scaleFactor).toString(),this._text.setAttribute("x",""+i.p1.x),this._text.setAttribute("y",""+i.p1.y),this._text.style.fontSize=10/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("height",""+s),this._text.setAttribute("width",""+a),this._text.children[0].children[0].style.rotate=r+"deg",this._text.children[0].children[0].style.translate="0 "+o+"px",this._text.children[0].children[0].style.transformOrigin="0 100%"}}}_pointerEvent(e){e.preventDefault(),e.stopPropagation(),e.button!=2&&this.designerCanvas.serviceContainer.designerTools.get(U.Pointer).pointerEventHandler(this.designerCanvas,e,this.extendedItem.element)}dispose(){this._removeAllOverlays()}}});import{css as Bp}from"@node-projects/base-custom-webcomponent";var Jr,Ta=g(()=>{"use strict";Da();Jr=class{_createTitleText;constructor(e){this._createTitleText=e}shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new $r(e,t,i,this._createTitleText)}static style=Bp`.svg-text-primary{stroke:none;color:#fff;font-family:monospace}`}});var S,le=g(()=>{"use strict";(function(n){n.PointerDown="pointerdown",n.PointerMove="pointermove",n.PointerUp="pointerup",n.DragEnter="dragenter",n.DragEnd="dragend",n.DragLeave="dragleave",n.DragOver="dragover",n.Drop="drop",n.Scroll="scroll",n.Wheel="wheel",n.ContextMenu="contextmenu",n.KeyDown="keydown",n.KeyUp="keyup",n.DblClick="dblclick"})(S||(S={}))});function Ma(n,e,t){if(!n)return null;let i={px:s=>s,cm:s=>s*38,mm:s=>s*3.8,q:s=>s*.95,in:s=>s*96,pc:s=>s*16,pt:s=>s*1.333333,rem:s=>s*parseFloat(getComputedStyle(document.documentElement).fontSize),em:s=>s*parseFloat(getComputedStyle(e).fontSize),vw:s=>s/100*window.innerWidth,vh:s=>s/100*window.innerHeight,vmin:s=>s/100*(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:s=>s/100*(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:s=>s*parseFloat(getComputedStyle(e).lineHeight),rlh:s=>s*parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":s=>s/100*(t=="height"?en(e).height:en(e).width),ms:s=>s,s:s=>s*1e3,deg:s=>s,rad:s=>s*(180/Math.PI),grad:s=>s*(180/200),turn:s=>s*360},r=n.trim().match(Qh);if(r){let s=Number(r[1]),o=r[2].toLowerCase();if(o in i)return i[o](s)}return n}function Nt(n){let e=n.trim().match(Qh);return e?e[2].toLowerCase():null}function oi(n,e,t,i,r){if(!n)return null;let s={px:o=>o,cm:o=>o/38,mm:o=>o/3.8,q:o=>o/.95,in:o=>o/96,pc:o=>o/16,pt:o=>o/1.333333,rem:o=>o/parseFloat(getComputedStyle(document.documentElement).fontSize),em:o=>o/parseFloat(getComputedStyle(e).fontSize),vw:o=>o*100/window.innerWidth,vh:o=>o*100/window.innerHeight,vmin:o=>o*100/(window.innerHeight<window.innerWidth?window.innerHeight:window.innerWidth),vmax:o=>o*100/(window.innerHeight>window.innerWidth?window.innerHeight:window.innerWidth),lh:o=>o/parseFloat(getComputedStyle(e).lineHeight),rlh:o=>o/parseFloat(getComputedStyle(document.documentElement).lineHeight),"%":o=>o*100/(t=="height"?en(e).height:en(e).width),ms:o=>o,s:o=>o/1e3,deg:o=>o,rad:o=>o/(180/Math.PI),grad:o=>o/(180/200),turn:o=>o/360};if(typeof n=="string"&&(n=Ma(n,e,t)),i in s){let o=s[i](n);return r?r(o)+i:o+i}return r?r(n):n}function en(n){return{width:n.offsetWidth,height:n.offsetHeight}}function Hp(n){let e=n.split(" "),t=[];for(let i=0;i<e.length;i++){let r=e[i];if(r.startsWith("repeat("))for(;!r.includes(")");)i++,e[i]&&(r+=e[i]);t.push(r)}return t}function $h(n){let e=Hp(n),t=[];for(let i of e)if(i.startsWith("repeat(")){let r=i.split(",");for(let s=0;s<parseInt(r[0].substring(7));s++)t.push(r[1].substring(0,r[1].length-1))}else t.push(i);return t.map(i=>Nt(i))}var Vp,Qh,Oa=g(()=>{"use strict";Vp=["px","cm","mm","q","in","pc","pt","rem","em","vw","vh","vmin","vmax","lh","rlh","%","ms","s","deg","rad","grad","turn","cqw","cqh","cqi","cqb","cqmin","cqmax","fr"],Qh=new RegExp(`^([-+]?(?:\\d+(?:\\.\\d+)?))(${Vp.join("|")})$`,"i")});var tn,La=g(()=>{"use strict";le();Oa();oe();Pe();ie();tn=class extends z{_startPos;_circle;_circle2;_oldValue;_offsetInControl;constructor(e,t,i){super(e,t,i)}refresh(e,t){let r=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),s=this.designerCanvas.canvas.convertPointFromNode({x:parseFloat(r[0]),y:parseFloat(r[1])},this.extendedItem.element);this._valuesHaveChanges(s.x,s.y,this.designerCanvas.zoomFactor)&&(this._removeAllOverlays(),this._circle=this._drawCircle(s.x,s.y,5/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle.style.cursor="pointer",this._circle2=this._drawCircle(s.x,s.y,1/this.designerCanvas.zoomFactor,"svg-transform-origin"),this._circle2.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._circle2.style.pointerEvents="none",this._circle.addEventListener(S.PointerDown,o=>this.pointerEvent(o)),this._circle.addEventListener(S.PointerMove,o=>this.pointerEvent(o)),this._circle.addEventListener(S.PointerUp,o=>this.pointerEvent(o)))}extend(e,t){let r=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),s=this.designerCanvas.canvas.convertPointFromNode({x:parseFloat(r[0]),y:parseFloat(r[1])},this.extendedItem.element);if(isNaN(s.x)||isNaN(s.y)){this.remove();return}else{let o=this.extendedItem.getStyleFromSheetOrLocal("transform-origin");o&&(this._oldValue=o),this.refresh(e,t)}}pointerEvent(e){e.stopPropagation();let t=getComputedStyle(this.extendedItem.element),i=t.transformOrigin.split(" "),r=[];r[0]=parseFloat(i[0])/parseFloat(this.extendedItem.element.style.width),r[1]=parseFloat(i[1])/parseFloat(this.extendedItem.element.style.height);let s=this.designerCanvas.canvas.convertPointFromNode({x:parseFloat(i[0]),y:parseFloat(i[1])},this.extendedItem.element),o=this.designerCanvas.getNormalizedEventCoordinates(e),a=this.extendedItem.element.convertPointFromNode(o,this.designerCanvas.canvas),l=this.designerCanvas.getNormalizedEventCoordinates(e);switch(e.type){case S.PointerDown:e.target.setPointerCapture(e.pointerId);let c=G(e.target);this._offsetInControl={x:c.width/2+(c.x-e.x),y:c.height/2+(c.y-e.y)},this._startPos={x:l.x,y:l.y};break;case S.PointerMove:if(this._startPos&&e.buttons>0){let h=l.x-this._startPos.x,d=l.y-this._startPos.y;this._circle.setAttribute("cx",s.x+h),this._circle.setAttribute("cy",s.y+d),this._circle2.setAttribute("cx",s.x+h),this._circle2.setAttribute("cy",s.y+d)}break;case S.PointerUp:if(e.target.releasePointerCapture(e.pointerId),this._startPos){a.x+=this._offsetInControl.x,a.y+=this._offsetInControl.y;let h=this.extendedItem.openGroup("change transform-origin"),d=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0];if(this._oldValue)try{let m=this._oldValue.split(" "),u=oi(a.x,this.extendedItem.element,"width",Nt(m[0]),x=>R(this.extendedItem,x)),y=oi(a.x,this.extendedItem.element,"width",Nt(m[0]),x=>R(this.extendedItem,x));m.length>1&&(y=oi(a.y,this.extendedItem.element,"height",Nt(m[1]),x=>R(this.extendedItem,x))),this.extendedItem.updateStyleInSheetOrLocal("transform-origin",u+" "+y)}catch{this.extendedItem.updateStyleInSheetOrLocal("transform-origin",R(this.extendedItem,a.x)+"px "+R(this.extendedItem,a.y)+"px")}else this.extendedItem.updateStyleInSheetOrLocal("transform-origin",R(this.extendedItem,a.x)+"px "+R(this.extendedItem,a.y)+"px");let p=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.rootDesignItem.element})[0],f={x:d.p1.x-p.p1.x,y:d.p1.y-p.p1.y};t.translate&&t.translate!=="none"&&(f.x+=parseFloat(t.translate.split(" ")[0]),t.translate.split(" ").length===1?f.y+=parseFloat(t.translate.split(" ")[0]):f.y+=parseFloat(t.translate.split(" ")[1])),this.extendedItem.updateStyleInSheetOrLocal("translate",R(this.extendedItem,f.x)+"px "+R(this.extendedItem,f.y)+"px"),h.commit(),this.refresh(null,null),this._startPos=null}break}}dispose(){this._removeAllOverlays()}}});import{css as Wp}from"@node-projects/base-custom-webcomponent";var rn,Na=g(()=>{"use strict";La();oe();rn=class{showOnlyWhenSet;constructor(e=!0){this.showOnlyWhenSet=e}shouldExtend(e,t,i){if(!i.isRootItem&&i.node instanceof HTMLElement||i.node instanceof SVGElement&&i.node.localName==="svg"){if(!this.showOnlyWhenSet||i.hasStyle("transformOrigin"))return!0;let r=getComputedStyle(i.element);if(r.display!="inline"&&i.element.getBoundingClientRect){let s=G(i.element),o=r.transformOrigin.split(" "),a=parseFloat(o[0])-s.width/2,l=parseFloat(o[1])-s.height/2;if(a>.5||a<-.5||l>.5||l<-.5)return!0}}return!1}getExtension(e,t,i){return new tn(e,t,i)}static style=Wp`.svg-transform-origin{stroke:#3899ec;fill:#000;pointer-events:auto}`}});var nn,Ra=g(()=>{"use strict";ie();J();nn=class extends z{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.margin!=="0px"){let r=Number.parseFloat(i.marginLeft.replace("px","")),s=Number.parseFloat(i.marginTop.replace("px","")),o=Number.parseFloat(i.marginRight.replace("px","")),a=Number.parseFloat(i.marginBottom.replace("px",""));if(!isNaN(r)&&!isNaN(s)&&!isNaN(o)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,s,o,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"margin",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(d=>d.x+","+d.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(d=>d.x+","+d.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-margin-fill",this._path,D.Background),this._path2=this._drawPath(h,"svg-margin",this._path2,D.Background)}}}}dispose(){this._removeAllOverlays()}}});function sn(n){let e=n;for(;e;){if(e instanceof(e.ownerDocument.defaultView??window).SVGSVGElement)return!0;if(e instanceof(e.ownerDocument.defaultView??window).SVGDefsElement||e instanceof(e.ownerDocument.defaultView??window).SVGMetadataElement)return!1;e=e.parentElement}return!0}function ai(n,...e){return n[0]}var li=g(()=>{"use strict"});import{css as Gp}from"@node-projects/base-custom-webcomponent";var on,Fa=g(()=>{"use strict";Ra();Q();li();on=class{shouldExtend(e,t,i){return i.nodeType==I.Element}getExtension(e,t,i){return new nn(e,t,i)}style=Gp`.svg-margin-fill{fill:color(display-p3 1 0 1 / 15%);fill-rule:evenodd}.svg-margin{fill:color(display-p3 1 0 1 / 80%);fill-rule:evenodd;mask:url(#mask-stripe-margin)}`;static svgDefs=ai`<pattern id="pattern-stripe-margin" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-margin"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-margin)"></mask>`}});var an,za=g(()=>{"use strict";ie();an=class extends z{_line1;_line2;_line3;_line4;_textX;_textY;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}_oldValues=[];refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element),t=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.parent.element);if(this._valuesHaveChanges(this.designerCanvas.scaleFactor,e.x,e.y,t.x,t.y,e.height,e.width,t.height,t.width)){this._line1=this._drawLine(t.x,e.y+e.height/2,e.x,e.y+e.height/2,"svg-position",this._line1),this._line2=this._drawLine(t.x+t.width,e.y+e.height/2,e.x+e.width,e.y+e.height/2,"svg-position",this._line2),this._line3=this._drawLine(e.x+e.width/2,t.y,e.x+e.width/2,e.y,"svg-position",this._line3),this._line4=this._drawLine(e.x+e.width/2,t.y+t.height,e.x+e.width/2,e.y+e.height,"svg-position",this._line4),this._line1.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line2.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line3.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line4.style.strokeWidth=""+1/this.designerCanvas.scaleFactor,this._line1.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor,this._line2.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor,this._line3.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor,this._line4.style.strokeDasharray=""+4/this.designerCanvas.scaleFactor;let i,r;if(this.extendedItem.element.computedStyleMap){let s=this.extendedItem.element.computedStyleMap();i=s.get("right")instanceof CSSUnitValue,r=s.get("bottom")instanceof CSSUnitValue}else i=!!this.extendedItem.element?.style?.right,r=!!this.extendedItem.element?.style?.bottom;if(i){let s=Math.round(t.x+t.width-(e.x+e.width));this._textX=this._drawTextWithBackground(""+s,t.x+t.width-s/2,e.y+e.height/2,"white","svg-position-text",this._textX),this._textX[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textX[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}else{let s=Math.round(e.x-t.x);this._textX=this._drawTextWithBackground(""+s,t.x+s/2,e.y+e.height/2,"white","svg-position-text",this._textX),this._textX[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textX[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}if(r){let s=Math.round(t.y+t.height-(e.y+e.height));this._textY=this._drawTextWithBackground(""+s,e.x+e.width/2,t.y+t.height-s/2,"white","svg-position-text",this._textY),this._textY[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textY[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}else{let s=Math.round(e.y-t.y);this._textY=this._drawTextWithBackground(""+s,e.x+e.width/2,t.y+s/2,"white","svg-position-text",this._textY),this._textY[2].style.fontSize=12/this.designerCanvas.scaleFactor+"px",this._textY[3].style.fontSize=12/this.designerCanvas.scaleFactor+"px"}}}dispose(){this._removeAllOverlays()}}});import{css as jp}from"@node-projects/base-custom-webcomponent";var ln,Ba=g(()=>{"use strict";za();ln=class{shouldExtend(e,t,i){if(!i?.parent||i.element instanceof HTMLTemplateElement)return!1;let r=getComputedStyle(i.element);return r.position==="relative"||r.position==="absolute"}getExtension(e,t,i){return new an(e,t,i)}static style=jp`.svg-position-text{text-anchor:middle;alignment-baseline:central}`}});var cn,Va=g(()=>{"use strict";ie();J();cn=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];isNaN(e.p1.x)||(this._rect=this._drawTransformedRect(e,"svg-hover",this._rect,D.Background),this._rect.style.strokeWidth=(3/this.designerCanvas.scaleFactor).toString())}dispose(){this._removeAllOverlays()}}});import{css as Up}from"@node-projects/base-custom-webcomponent";var hn,Ha=g(()=>{"use strict";Va();hn=class{shouldExtend(e,t,i){return!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new cn(e,t,i)}static style=Up`.svg-hover{stroke:#90caf966;fill:none}`}});var ge,Wa=g(()=>{"use strict";(function(n){n.DragOrSelect="DragOrSelect",n.Drag="Drag",n.Resize="Resize",n.Rotate="Rotate",n.DrawSelection="DrawSelection",n.DrawingSelection="DrawingSelection"})(ge||(ge={}))});var dn,Ga=g(()=>{"use strict";le();Wa();ee();Ve();at();Fe();dn=class n{cursor="default";_minMoveOffset=5;_movedSinceStartedAction=!1;_initialPoint;_actionType;_actionStartedDesignItem;_actionStartedDesignItems;_clonedItems;_copiedItemsInserted=!1;_previousEventName;_dragOverExtensionItem;_dragParentExtensionItem;_moveItemsOffset={x:0,y:0};_initialOffset;_started=!1;_holdTimeout;_firstTimeInMove;_secondTimeInMove;_changeGroup;constructor(){}activated(e){}dispose(){}_showContextMenu(e,t){if(e.preventDefault(),!j(e)){let i=t.elementsFromPoint(e.x,e.y);for(let o of t.instanceServiceContainer.selectionService.selectedElements)if(i.indexOf(o.element)>=0){t.showDesignItemContextMenu(t.instanceServiceContainer.selectionService.primarySelection,e);return}let r=t.serviceContainer.elementAtPointService.getElementAtPoint(t,{x:e.x,y:e.y}),s=M.GetOrCreateDesignItem(r,r,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.selectionService.isSelected(s)||t.instanceServiceContainer.selectionService.setSelectedElements([s],e),t.showDesignItemContextMenu(s,e)}}pointerEventHandler(e,t,i){j(t)?this.cursor="copy":this.cursor="default";let r=e.serviceContainer.elementInteractionServices;if(r){for(let a of r)if(a.stopEventHandling(e,t,i))return}if(t.button==2&&t.type==S.PointerDown){this._showContextMenu(t,e);return}if(j(t)&&t.shiftKey||t.buttons==4){let a=e.serviceContainer.designerTools.get(U.Pan);if(a){a.pointerEventHandler(e,t,i);return}}switch(t.type){case S.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._movedSinceStartedAction=!1,this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._copiedItemsInserted=!1,this._clonedItems=null,this._firstTimeInMove=!1,this._secondTimeInMove=!1;break;case S.PointerMove:this._firstTimeInMove&&(this._secondTimeInMove=!0),this._secondTimeInMove?this._firstTimeInMove=!1:this._firstTimeInMove=!0;break}if(!i)return;let s=e.getNormalizedEventCoordinates(t),o=M.GetOrCreateDesignItem(i,i,e.serviceContainer,e.instanceServiceContainer);this._actionType==null&&(this._initialPoint=s,this._initialOffset=e.getNormalizedOffsetInElement(t,i),t.shiftKey?(t.preventDefault(),this._actionType=ge.DrawSelection):t.type==S.PointerDown&&(this._actionStartedDesignItem=o,this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.snapLines.clearSnaplines(),o!==e.rootDesignItem?this._actionType=ge.Drag:i===e||i===e.rootDesignItem.element||i==null?this._actionType=ge.DrawSelection:this._actionType=ge.DragOrSelect)),t.type===S.PointerMove&&(this._movedSinceStartedAction=this._movedSinceStartedAction||Math.abs(s.x-this._initialPoint.x)>this._minMoveOffset||Math.abs(s.y-this._initialPoint.y)>this._minMoveOffset,this._actionType==ge.DrawSelection&&(this._actionType=ge.DrawingSelection)),this._actionType==ge.DrawSelection||this._actionType==ge.DrawingSelection?this._pointerActionTypeDrawSelection(e,t,i):(this._actionType==ge.DragOrSelect||this._actionType==ge.Drag)&&this._pointerActionTypeDragOrSelect(e,t,o,s),t.type==S.PointerUp&&(e.snapLines.clearSnaplines(),this._actionType==ge.DrawSelection&&o!==e.rootDesignItem&&e.instanceServiceContainer.selectionService.setSelectedElements([o],t),this._resetTool()),this._previousEventName=t.type}_resetTool(){this._actionType=null,this._actionStartedDesignItem=null,this._actionStartedDesignItems=null,this._movedSinceStartedAction=!1,this._initialPoint=null}_pointerActionTypeDrawSelection(e,t,i){let r=e.serviceContainer.designerTools.get(U.DrawSelection);r&&(this._resetTool(),r.pointerEventHandler(e,t,i))}async _pointerActionTypeDragOrSelect(e,t,i,r,s=!1){if(this._holdTimeout&&(clearTimeout(this._holdTimeout),this._holdTimeout=null),t.altKey&&t.type==S.PointerDown){let o=e.instanceServiceContainer.selectionService.primarySelection;if(o){let a=e.elementsFromPoint(t.x,t.y),l=a.indexOf(o.element);l>=0&&l++;let c=a[l];c&&(i=M.GetOrCreateDesignItem(c,c,e.serviceContainer,e.instanceServiceContainer))}}switch(t.type){case S.PointerDown:{this._actionStartedDesignItem=i,this._moveItemsOffset={x:0,y:0},this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements);break}case S.PointerMove:{if(t.buttons==0||(this._firstTimeInMove&&(i.instanceServiceContainer.selectionService.selectedElements.includes(i)||(j(t)?i.instanceServiceContainer.selectionService.setSelectedElements([...i.instanceServiceContainer.selectionService.selectedElements,i],t):i.instanceServiceContainer.selectionService.setSelectedElements([i],t),this._actionStartedDesignItems=[...e.instanceServiceContainer.selectionService.selectedElements],e.alignOnSnap&&e.snapLines.calculateSnaplines(e.instanceServiceContainer.selectionService.selectedElements))),e.readOnly))return;if(!this._clonedItems){this._clonedItems=[];for(let a of this._actionStartedDesignItems){let l=await a.clone();this._clonedItems&&l&&this._clonedItems.push(l)}}if(!this._actionStartedDesignItem)return;if(this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"),window.addEventListener("pointerup",()=>{this._changeGroup?.abort(),this._changeGroup=null},{once:!0})),j(t)&&!this._copiedItemsInserted){this._changeGroup.title="Copy Elements",this._copiedItemsInserted=!0;for(let a=0;a<this._clonedItems.length;a++)this._actionStartedDesignItems[a].insertAdjacentElement(this._clonedItems[a],"beforebegin");e.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"added",designItems:this._clonedItems})}else if(!j(t)&&this._copiedItemsInserted){this._changeGroup.title="Move Elements";for(let a of this._clonedItems)a.remove();this._copiedItemsInserted=!1,e.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:this._clonedItems})}let o=r.x!=this._initialPoint.x||r.y!=this._initialPoint.y;if(this._actionType!=ge.Drag&&o&&(this._actionType=ge.Drag),this._movedSinceStartedAction){let a=getComputedStyle(this._actionStartedDesignItem.parent.element),l=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(this._actionStartedDesignItem.parent,a,this._actionStartedDesignItem));if(l){let c=this._actionStartedDesignItem.parent;this._dragParentExtensionItem!=c?(e.extensionManager.removeExtension(this._dragParentExtensionItem,C.ContainerDrag),e.extensionManager.applyExtension(c,C.ContainerDrag,t),this._dragParentExtensionItem=c):e.extensionManager.refreshExtension(c,C.ContainerDrag);let h=l.canLeave(this._actionStartedDesignItem.parent,this._actionStartedDesignItems),d=null,p=null;if(h&&([d,p]=n.FindPossibleContainer(this._actionStartedDesignItem,this._actionStartedDesignItems,t),d!=null?this._dragOverExtensionItem!=d?(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),e.extensionManager.applyExtension(d,C.ContainerDragOverAndCanBeEntered,t),this._dragOverExtensionItem=d):e.extensionManager.refreshExtension(d,C.ContainerDragOverAndCanBeEntered,t):this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null)),p&&(this._holdTimeout=setTimeout(()=>{this._pointerActionTypeDragOrSelect(e,t,i,r,!0)},1e3)),p&&(t.altKey||s)){let f=l.getElementOffset(this._actionStartedDesignItem.parent,this._actionStartedDesignItem),m=p.getElementOffset(d,this._actionStartedDesignItem);this._moveItemsOffset={x:m.x-f.x+this._moveItemsOffset.x,y:m.y-f.y+this._moveItemsOffset.y},l.leaveContainer(this._actionStartedDesignItem.parent,this._actionStartedDesignItems);let u={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};p.enterContainer(d,this._actionStartedDesignItems,"normal"),p.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,u,this._actionStartedDesignItems),e.extensionManager.removeExtension(this._dragParentExtensionItem,C.ContainerDrag),e.extensionManager.applyExtension(d,C.ContainerDrag,t),this._dragParentExtensionItem=d,e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,e.extensionManager.refreshAllAppliedExtentions()}else{let f={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(this._started)l.place(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,f,this._actionStartedDesignItems);else if(!l.startPlacementAllowed||l.startPlacementAllowed(t,e,this._actionStartedDesignItem.parent,this._actionStartedDesignItems)){for(let m of this._actionStartedDesignItems)e.extensionManager.removeExtension(m,C.Placement),e.extensionManager.removeExtension(m,C.MouseOver),e.extensionManager.applyExtension(m,C.Placement,t);l.startPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,f,this._actionStartedDesignItems),this._started=!0}}e.extensionManager.refreshExtensions(this._actionStartedDesignItems,null,t,null,20)}}break}case S.PointerUp:{if(this._started=!1,!this._movedSinceStartedAction||this._actionType==ge.DragOrSelect){this._previousEventName==S.PointerDown&&!j(t)?e.instanceServiceContainer.selectionService.setSelectedElements([this._actionStartedDesignItem],t):this.checkSelectElement(t,e,i);return}if(this._movedSinceStartedAction){let o=getComputedStyle(this._actionStartedDesignItem.parent.element),a=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(this._actionStartedDesignItem.parent,o,this._actionStartedDesignItem)),l={x:r.x-this._moveItemsOffset.x,y:r.y-this._moveItemsOffset.y};if(a){this._changeGroup||(this._changeGroup=e.rootDesignItem.openGroup("Move Elements"));try{a.finishPlace(t,e,this._actionStartedDesignItem.parent,this._initialPoint,this._initialOffset,l,e.instanceServiceContainer.selectionService.selectedElements),this._changeGroup.commit(),this._changeGroup=null}catch(h){console.error(h),this._changeGroup.abort()}this._changeGroup=null;let c=e.elementsFromPoint(t.x,t.y);for(let h of this._actionStartedDesignItems)c.includes(h.element)&&e.extensionManager.applyExtension(h,C.MouseOver,t),e.extensionManager.removeExtension(h,C.Placement)}else this._changeGroup&&this._changeGroup.abort(),this._changeGroup=null;e.extensionManager.removeExtension(this._dragParentExtensionItem,C.ContainerDrag),this._dragParentExtensionItem=null,e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerDragOverAndCanBeEntered),this._dragOverExtensionItem=null,this._moveItemsOffset={x:0,y:0}}e.extensionManager.refreshExtensions(e.instanceServiceContainer.selectionService.selectedElements,null,t,null,20),this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null);break}}}checkSelectElement(e,t,i){if(j(e)){let r=t.instanceServiceContainer.selectionService.selectedElements.indexOf(i);if(r>=0){let s=t.instanceServiceContainer.selectionService.selectedElements.slice(0);s.splice(r,1),t.instanceServiceContainer.selectionService.setSelectedElements(s,e)}else{let s=t.instanceServiceContainer.selectionService.selectedElements.slice(0);s.push(i),t.instanceServiceContainer.selectionService.setSelectedElements(s,e)}}else t.instanceServiceContainer.selectionService.selectedElements.indexOf(i)<0&&t.instanceServiceContainer.selectionService.setSelectedElements([i],e)}static FindPossibleContainer(e,t,i){let r=null,s=null,o=e.instanceServiceContainer.designerCanvas,a=o.elementsFromPoint(i.x,i.y);a.push(o.rootDesignItem.element);for(let l of a)if(l!=e.element){if(l==e.parent.element)break;if(l==o.rootDesignItem.element){r=o.rootDesignItem;let c=getComputedStyle(r.element);if(s=o.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),s){if(s.canEnter(r,t))break;r=null,s=null;break}break}else{r=M.GetOrCreateDesignItem(l,l,o.serviceContainer,o.instanceServiceContainer);let c=getComputedStyle(r.element);if(s=o.serviceContainer.getLastServiceWhere("containerService",h=>h.serviceForContainer(r,c,e)),s){if(s.canEnter(r,t))break;r=null,s=null;continue}}}return[r,s]}keyboardEventHandler(e,t,i){}}});var fe,Ze=g(()=>{"use strict";fe=class{constructor(e,t,i){this.title="Insert Item",this.containerItem=e,this.index=t,this.newItem=i}title;get affectedItems(){return[this.containerItem,this.newItem]}undo(){this.newItem.parent._removeChildInternal(this.newItem),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:[this.newItem]})}do(){this.containerItem._insertChildInternal(this.newItem,this.index),this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"added",designItems:[this.newItem]})}containerItem;index;newItem;mergeWith(e){return!1}}});var pn,ja=g(()=>{"use strict";le();Ge();Ze();ee();J();pn=class{cursor="crosshair";_pathD;_path;_samePoint=!1;_p2pMode=!1;_dragMode=!1;_pointerMoved=!1;_eventStarted=!1;_lastPoint;_startPoint;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._eventStarted=!0,this._p2pMode||(t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._pathD="M "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),e.overlayLayer.addOverlay(this.constructor.name,this._path,D.Foreground),this._startPoint=r),this._lastPoint!=null&&this._lastPoint.x===r.x&&this._lastPoint.y===r.y&&!this._samePoint&&(this._samePoint=!0),this._lastPoint==null&&(this._lastPoint=r),this._startPoint==null&&(this._startPoint=r);break;case S.PointerMove:if(this._eventStarted&&(this._pointerMoved=!0),!this._p2pMode)this._dragMode=!0,this._path&&(this._pathD+="L "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD));else if(this._path){let o=r;t.shiftKey&&(o=ot(this._lastPoint,r)),this._path.setAttribute("d",this._pathD+"L "+o.x+" "+o.y)+""}break;case S.PointerUp:if(this._eventStarted&&!this._pointerMoved&&(this._p2pMode=!0),this._p2pMode&&!this._samePoint&&this._startPoint.x!=r.x&&this._startPoint.y!=r.y&&this._path)if(t.shiftKey){let o=ot(this._lastPoint,r);this._pathD+="L "+o.x+" "+o.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=o}else this._pathD+="L "+r.x+" "+r.y+" ",this._path.setAttribute("d",this._pathD),this._lastPoint=r;if(this._samePoint&&this._p2pMode||this._dragMode&&!this._p2pMode){t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._eventStarted=!1,this._p2pMode=!1,this._pointerMoved=!1,this._samePoint=!1,this._dragMode=!1;let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s,h=Xh(this._path,l,c);this._path.setAttribute("d",h),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null,this._pathD=null,this._lastPoint=null;let d=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,d)),e.serviceContainer.globalContext.finishedWithTool(this)}break}t.preventDefault(),t.stopPropagation()}keyboardEventHandler(e,t,i){}}});var mn,Ua=g(()=>{"use strict";ie();mn=class extends z{_line1;_line2;_line3;_line4;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._line1=this._drawLine(i.p1.x,i.p1.y,i.p2.x,i.p2.y,"svg-selection",this._line1),this._line2=this._drawLine(i.p1.x,i.p1.y,i.p4.x,i.p4.y,"svg-selection",this._line2),this._line3=this._drawLine(i.p2.x,i.p2.y,i.p3.x,i.p3.y,"svg-selection",this._line3),this._line4=this._drawLine(i.p4.x,i.p4.y,i.p3.x,i.p3.y,"svg-selection",this._line4),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString())}}dispose(){this._removeAllOverlays()}}});import{css as Kp}from"@node-projects/base-custom-webcomponent";var un,Ka=g(()=>{"use strict";Ua();Q();un=class{shouldExtend(e,t,i){return!i.isRootItem&&i.nodeType!=I.Comment&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new mn(e,t,i)}static style=Kp`.svg-selection{stroke:#3899ec;fill:transparent;stroke-width:2}`}});function qa(n=window){n.Node.prototype.getBoxQuads||(n.Node.prototype.getBoxQuads=function(e){return qp(this,e)}),n.Node.prototype.convertQuadFromNode||(n.Node.prototype.convertQuadFromNode=function(e,t,i){return Yp(this,e,t,i)}),n.Node.prototype.convertRectFromNode||(n.Node.prototype.convertRectFromNode=function(e,t,i){return Xp(this,e,t,i)}),n.Node.prototype.convertPointFromNode||(n.Node.prototype.convertPointFromNode=function(e,t,i){return Zp(this,e,t,i)})}function Yp(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body,s=ct(t,r,i?.iframes),o=ct(n,r,i?.iframes).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=ce(t);e=new DOMQuad(we(e.p1,i.fromBox,l,-1),we(e.p2,i.fromBox,l,-1),we(e.p3,i.fromBox,l,-1),we(e.p4,i.fromBox,l,-1))}let a=new DOMQuad(o.transformPoint(s.transformPoint(e.p1)),o.transformPoint(s.transformPoint(e.p2)),o.transformPoint(s.transformPoint(e.p3)),o.transformPoint(s.transformPoint(e.p4)));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=ce(n);a=new DOMQuad(we(a.p1,i.toBox,l,-1),we(a.p2,i.toBox,l,-1),we(a.p3,i.toBox,l,-1),we(a.p4,i.toBox,l,-1))}return a}function Xp(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,s=ct(t,r,i?.iframes),o=ct(n,r,i?.iframes).inverse();if(i?.fromBox&&i?.fromBox!=="border"){let l=we(new DOMPoint(e.x,e.y),i.fromBox,ce(t),1);e=new DOMRect(l.x,l.y,e.width,e.height)}let a=new DOMQuad(o.transformPoint(s.transformPoint(new DOMPoint(e.x,e.y))),o.transformPoint(s.transformPoint(new DOMPoint(e.x+e.width,e.y))),o.transformPoint(s.transformPoint(new DOMPoint(e.x+e.width,e.y+e.height))),o.transformPoint(s.transformPoint(new DOMPoint(e.x,e.y+e.height))));if(i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)){let l=ce(n);a=new DOMQuad(we(a.p1,i.toBox,l,-1),we(a.p2,i.toBox,l,-1),we(a.p3,i.toBox,l,-1),we(a.p4,i.toBox,l,-1))}return a}function Zp(n,e,t,i){let r=(n.ownerDocument.defaultView??window).document.body.parentElement,s=ct(t,r,i?.iframes),o=ct(n,r,i?.iframes).inverse();i?.fromBox&&i?.fromBox!=="border"&&(e=we(e,i.fromBox,ce(t),1));let a=o.transformPoint(s.transformPoint(e));return i?.toBox&&i?.toBox!=="border"&&(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&(a=we(a,i.toBox,ce(n),-1)),a}function we(n,e,t,i){return e==="margin"?new DOMPoint(n.x-i*parseFloat(t.marginLeft),n.y-i*parseFloat(t.marginTop)):e==="padding"?new DOMPoint(n.x+i*parseFloat(t.borderLeftWidth),n.y+i*parseFloat(t.borderTopWidth)):e==="content"?new DOMPoint(n.x+i*(parseFloat(t.borderLeftWidth)+parseFloat(t.paddingLeft)),n.y+i*(parseFloat(t.borderTopWidth)+parseFloat(t.paddingTop))):n}function Ft(){St.clear(),ci.clear(),Gi=new WeakMap}function td(){lt=new WeakMap,St=new Map,ci=new Map,Gi=new WeakMap}function ce(n){if(!Gi)return(n.ownerDocument.defaultView??window).getComputedStyle(n);let e=Gi.get(n);return e||(e=(n.ownerDocument.defaultView??window).getComputedStyle(n),Gi.set(n,e)),e}function qp(n,e){let t;if(St){let d=lt.get(n);d===void 0&&lt.set(n,d=gn++);let p=lt.get(e?.relativeTo??document.body);p===void 0&&lt.set(e?.relativeTo??document.body,p=gn++),t=d+"_"+p+"_"+(e?.box??"border");let f=St.get(t);if(f)return f}let i=ct(n,e?.relativeTo??document.body,e?.iframes);if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let d=n.ownerDocument.createRange();d.selectNodeContents(n);let p=d.getClientRects();if(p.length>1){let f=e?.relativeTo??document.body,m=Rt(n,e?.iframes),u=ct(m,f,e?.iframes),y=qe(m,e?.iframes),_=ce(m).transformOrigin.split(" "),w=parseFloat(_[0])||0,A=parseFloat(_[1])||0,k=m.getBoundingClientRect(),P=k.x+k.width/2-w+y.e,T=k.y+k.height/2-A+y.f,N=y.a,X=y.b,O=y.c,K=y.d,ne=N*K-X*O,re=Math.abs(N),de=Math.abs(X),Ee=re*re-de*de,tt=[];for(let se of p){if(se.width<1&&se.height<1)continue;let Z=se.x+se.width/2-P,he=se.y+se.height/2-T,it,Oe;Math.abs(ne)>1e-10?(it=(K*Z-O*he)/ne,Oe=(N*he-X*Z)/ne):(it=Z,Oe=he);let ze,Le;if(Math.abs(Ee)>1e-6)ze=Math.max(0,(re*se.width-de*se.height)/Ee),Le=Math.max(0,(re*se.height-de*se.width)/Ee);else{let hr=ce(m);Le=Math.max(0,parseFloat(hr.lineHeight)||parseFloat(hr.fontSize)*1.2||16);let Ei=Math.max(re,de);ze=Ei>1e-6?Math.max(0,(se.width-Le*de)/Ei):se.width}let Ut=it-ze/2,Kt=Oe-Le/2;tt.push(new DOMQuad(u.transformPoint(new DOMPoint(Ut,Kt)),u.transformPoint(new DOMPoint(Ut+ze,Kt)),u.transformPoint(new DOMPoint(Ut+ze,Kt+Le)),u.transformPoint(new DOMPoint(Ut,Kt+Le))))}if(tt.length>0)return St&&St.set(t,tt),tt}}let{width:r,height:s}=Qa(n,i),o=[{x:0,y:0},{x:r,y:0},{x:r,y:s},{x:0,y:s}],a=Array(4),l=null;if(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element){if(e?.box==="margin"){let d=ce(n);l=[{x:parseFloat(d.marginLeft),y:parseFloat(d.marginTop)},{x:-parseFloat(d.marginRight),y:parseFloat(d.marginTop)},{x:-parseFloat(d.marginRight),y:-parseFloat(d.marginBottom)},{x:parseFloat(d.marginLeft),y:-parseFloat(d.marginBottom)}]}else if(e?.box==="padding"){let d=ce(n);l=[{x:-parseFloat(d.borderLeftWidth),y:-parseFloat(d.borderTopWidth)},{x:parseFloat(d.borderRightWidth),y:-parseFloat(d.borderTopWidth)},{x:parseFloat(d.borderRightWidth),y:parseFloat(d.borderBottomWidth)},{x:-parseFloat(d.borderLeftWidth),y:parseFloat(d.borderBottomWidth)}]}else if(e?.box==="content"){let d=ce(n);l=[{x:-parseFloat(d.borderLeftWidth)-parseFloat(d.paddingLeft),y:-parseFloat(d.borderTopWidth)-parseFloat(d.paddingTop)},{x:parseFloat(d.borderRightWidth)+parseFloat(d.paddingRight),y:-parseFloat(d.borderTopWidth)-parseFloat(d.paddingTop)},{x:parseFloat(d.borderRightWidth)+parseFloat(d.paddingRight),y:parseFloat(d.borderBottomWidth)+parseFloat(d.paddingBottom)},{x:-parseFloat(d.borderLeftWidth)-parseFloat(d.paddingLeft),y:parseFloat(d.borderBottomWidth)+parseFloat(d.paddingBottom)}]}}let c=i.is2D;for(let d=0;d<4;d++){let p;l?p=new DOMPoint(o[d].x-l[d].x,o[d].y-l[d].y):p=new DOMPoint(o[d].x,o[d].y),c?a[d]=p.matrixTransform(i):(a[d]=Qp(p,i).matrixTransform(i),a[d]=$p(a[d]))}let h=[new DOMQuad(a[0],a[1],a[2],a[3])];return St&&St.set(t,h),h}function Qp(n,e){let t=-(n.x*e.m13+n.y*e.m23+e.m43)/e.m33;return new DOMPoint(n.x,n.y,t,1)}function $p(n){return new DOMPoint(n.x/n.w,n.y/n.w)}function Qa(n,e){let t=0,i=0;if(n instanceof HTMLElement||n instanceof(n.ownerDocument.defaultView??window).HTMLElement)t=n.offsetWidth,i=n.offsetHeight;else if(n instanceof SVGSVGElement||n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement)t=n.width.baseVal.value,i=n.height.baseVal.value;else if(n instanceof SVGGraphicsElement||n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement){let r=n.getBBox();t=r.width,i=r.height}else if(n instanceof MathMLElement||n instanceof(n.ownerDocument.defaultView??window).MathMLElement){let r=n.getBoundingClientRect();t=r.width/(e?.a??1),i=r.height/(e?.d??1)}else if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let r=n.ownerDocument.createRange();r.selectNodeContents(n);let s=r.getBoundingClientRect(),o=Math.abs(e?.a??1),a=Math.abs(e?.b??0),l=o*o-a*a;if(Math.abs(l)>1e-6)t=Math.max(0,(o*s.width-a*s.height)/l),i=Math.max(0,(o*s.height-a*s.width)/l);else{let c=n.parentElement,h=16;if(c){let p=ce(c);h=parseFloat(p.lineHeight)||parseFloat(p.fontSize)*1.2||16}i=Math.max(0,h);let d=Math.max(o,a);t=d>1e-6?Math.max(0,(s.width-i*a)/d):s.width}}return{width:t,height:i}}function Ya(n,e,t){if(n instanceof HTMLElement||n instanceof(n.ownerDocument.defaultView??window).HTMLElement){let i=ce(n);return e?new DOMPoint(n.offsetLeft-(n.scrollLeft-parseFloat(i.borderLeftWidth)),n.offsetTop-(n.scrollTop-parseFloat(i.borderTopWidth))):new DOMPoint(n.offsetLeft,n.offsetTop)}else if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text){let i=n.ownerDocument.createRange();i.selectNodeContents(n);let r=i.getBoundingClientRect(),s=Rt(n,t),o=s.getBoundingClientRect(),a=qe(s,t),l=a.a,c=a.b,h=a.c,d=a.d,f=ce(s).transformOrigin.split(" "),m=parseFloat(f[0])||0,u=parseFloat(f[1])||0,y=o.x+o.width/2-m+a.e,x=o.y+o.height/2-u+a.f,_=r.x+r.width/2-y,w=r.y+r.height/2-x,A=l*d-c*h,k,P;Math.abs(A)>1e-10?(k=(d*_-h*w)/A,P=(l*w-c*_)/A):(k=_,P=w);let T=Math.abs(l),N=Math.abs(c),X=T*T-N*N,O,K;if(Math.abs(X)>1e-6)O=Math.max(0,(T*r.width-N*r.height)/X),K=Math.max(0,(T*r.height-N*r.width)/X);else{let ne=ce(s);K=parseFloat(ne.lineHeight)||parseFloat(ne.fontSize)*1.2||16,K=Math.max(0,K);let re=Math.max(T,N);O=re>1e-6?Math.max(0,(r.width-K*N)/re):r.width}return new DOMPoint(k-O/2,P-K/2)}else if(n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element){if((n instanceof SVGGraphicsElement||n instanceof(n.ownerDocument.defaultView??window).SVGGraphicsElement)&&!(n instanceof SVGSVGElement||n instanceof(n.ownerDocument.defaultView??window).SVGSVGElement)){let h=n.getBBox();return new DOMPoint(h.x,h.y)}let i=ce(n);if(i.position==="absolute")return new DOMPoint(parseFloat(i.left),parseFloat(i.top));let r=Rt(n,t),s=ct(r,document.body,t).inverse(),o=n.getBoundingClientRect(),a=s.transformPoint(o),l=r.getBoundingClientRect(),c=s.transformPoint(l);return new DOMPoint(a.x-c.x,a.y-c.y)}}function ct(n,e,t){let i;if(ci){let c=lt.get(n);c===void 0&&lt.set(n,c=gn++);let h=lt.get(e);h===void 0&&lt.set(e,h=gn++),i=c+"_"+h;let d=ci.get(i);if(d)return d}let r=n,s,o=qe(r,t),a=Rt(r,t);a&&ce(a).transformStyle!=="preserve-3d"&&Jh(o);let l=null;for(;r!=e&&r!=null;){let c=Rt(r,t);if(r.assignedSlot!=null){if(r.nodeType===Node.ELEMENT_NODE){let h=ce(r);h.position!=="static"&&(o=new DOMMatrix().translate(parseFloat(h.left),parseFloat(h.top)).multiply(o))}else if(r.nodeType===Node.TEXT_NODE){let h=Ya(r,r!==n,t);o=new DOMMatrix().translateSelf(h.x,h.y).multiplySelf(o)}}else if(!(r instanceof SVGSVGElement)&&!(r instanceof(r.ownerDocument.defaultView??window).SVGSVGElement)&&(r instanceof SVGGraphicsElement||r instanceof(r.ownerDocument.defaultView??window).SVGGraphicsElement)){let h=r.getCTM(),d=r.getBBox();o=new DOMMatrix().translateSelf(d.x,d.y).multiplySelf(o),o=new DOMMatrix([h.a,h.b,h.c,h.d,h.e,h.f]).multiplySelf(o),c=r.ownerSVGElement}else if(r instanceof HTMLElement||r instanceof(r.ownerDocument.defaultView??window).HTMLElement){if(l!==r.offsetParent&&!(r instanceof HTMLSlotElement||r instanceof(r.ownerDocument.defaultView??window).HTMLSlotElement)){let h=Ya(r,r!==n,t);l=r.offsetParent,o=new DOMMatrix().translateSelf(h.x,h.y).multiplySelf(o)}}else{let h=Ya(r,r!==n,t);l=null,o=new DOMMatrix().translateSelf(h.x,h.y).multiplySelf(o)}if(c&&(s=qe(c,t),c!=e&&!s.isIdentity&&(o=s.multiply(o)),a=Rt(c,t),a&&ce(a).transformStyle!=="preserve-3d"&&Jh(o),c===e))return(c.scrollTop||c.scrollLeft)&&(o=new DOMMatrix().translate(-c.scrollLeft,-c.scrollTop).multiply(o)),o;r=c}return ci&&ci.set(i,o),o}function Rt(n,e){if((n instanceof Element||n instanceof(n.ownerDocument.defaultView??window).Element)&&n.assignedSlot)return n.assignedSlot;if(n.parentElement==null&&(n.parentNode instanceof ShadowRoot||n.parentNode instanceof(n.ownerDocument.defaultView??window).ShadowRoot))return n.parentNode.host;if((n instanceof HTMLHtmlElement||n instanceof(n.ownerDocument.defaultView??window).HTMLHtmlElement)&&e){for(let t of e)if(t?.contentDocument==n.ownerDocument)return t}return n.parentElement}function qe(n,e){if(n instanceof Text||n instanceof(n.ownerDocument.defaultView??window).Text)return new DOMMatrix;let t=ce(n),i=t.translate!="none"&&t.translate,r=t.rotate!="none"&&t.rotate,s=t.scale!="none"&&t.scale,o=t.offsetPath&&t.offsetPath!=="none",a=t.transform!="none"&&t.transform;if(!i&&!r&&!s&&!o&&!a){let u=ed(n,e);return u??new DOMMatrix}let l=new DOMMatrix,c=t.transformOrigin.split(" "),h=parseFloat(c[0]),d=parseFloat(c[1]),p=c[2]?parseFloat(c[2]):0,f=new DOMMatrix().translateSelf(h,d,p);if(i){let u=t.translate;if(u.includes("%")){let y=u.split(" "),x=n.getBoundingClientRect();y[0].endsWith("%")&&(y[0]=parseFloat(y[0])*x.width/100+"px"),y[1]?.endsWith("%")&&(y[1]=parseFloat(y[1])*x.height/100+"px"),u=y.join(",")}l.multiplySelf(new DOMMatrix("translate("+u.replaceAll(" ",",")+")"))}r&&l.multiplySelf(new DOMMatrix("rotate("+t.rotate.replaceAll(" ",",")+")")),s&&l.multiplySelf(new DOMMatrix("scale("+t.scale.replaceAll(" ",",")+")")),o&&l.multiplySelf(Jp(n)),a&&l.multiplySelf(new DOMMatrix(t.transform)),l=f.multiply(l.multiplySelf(f.inverse()));let m=ed(n,e);return m!=null&&(l=m.multiplySelf(l)),l}function Jh(n){if(n.m31=0,n.m32=0,n.m13=0,n.m23=0,n.m33=1,n.m43=0,n.m34=0,n.m14==0&&n.m24==0&&n.m44!=1&&n.m44!=0){let e=1/n.m44;n.m11*=e,n.m12*=e,n.m21*=e,n.m22*=e,n.m41*=e,n.m42*=e,n.m44=1}}function ed(n,e){let t=Rt(n,e);if(t){let i=ce(t);if(i.perspective!=="none"){let r=new DOMMatrix,s=parseFloat(i.perspective);if(r.m34=-1/s,i.perspectiveOrigin){let o=i.perspectiveOrigin.split(" "),a=parseFloat(o[0])-n.offsetLeft,l=parseFloat(o[1])-n.offsetTop,c=new DOMMatrix().translateSelf(a,l),h=new DOMMatrix().translateSelf(-a,-l);return c.multiplySelf(r.multiplySelf(h))}}}return null}function Jp(n){let e=ce(n),t=e.offsetPath,i=e.offsetDistance,r=e.offsetRotate,s=e.offsetAnchor,o=e.transformOrigin,a=tm(i),{x:l,y:c,angle:h}=rm(n,t,a),d=0;if(r.startsWith("auto")){let u=r.split(/\s+/),y=u.length===2?parseFloat(u[1]):0;d=h+y}else d=parseFloat(r);let p=em(s,o,n),f=new DOMMatrix().translateSelf(-p.x,-p.y),m=f.translate(l,c);return m.multiplySelf(f.invertSelf()),m.rotateSelf(d),m.translateSelf(-p.x,-p.y),m}function em(n,e,t){let i=t.offsetWidth,r=t.offsetHeight;(!n||n==="auto")&&(n=e);let s=n.split(/\s+/);if(s.length===1)return{x:Xa(s[0],i),y:r/2};let o=Xa(s[0],i),a=Xa(s[1],r);return{x:o,y:a}}function Xa(n,e){if(n=n.trim(),n.endsWith("%"))return parseFloat(n)/100*e;if(n.endsWith("px"))return parseFloat(n);switch(n){case"left":return 0;case"top":return 0;case"center":return e/2;case"right":return e;case"bottom":return e}return parseFloat(n)}function tm(n){return n=n.trim(),n.endsWith("%")?parseFloat(n)/100:parseFloat(n)}function im(n){return n?(n=n.trim(),n.endsWith("deg")?parseFloat(n):n.endsWith("rad")?parseFloat(n)*(180/Math.PI):n.endsWith("grad")?parseFloat(n)*.9:parseFloat(n)):0}function rm(n,e,t){if(!e||e==="none")return{x:0,y:0,angle:0};let i=e.trim(),r=i.match(/path\(["'](.+)["']\)/);return r?nm(r[1],t):i.startsWith("circle(")?om(i,t):i.startsWith("ellipse(")?am(i,t):i.startsWith("inset(")?um(i,n,t):i.startsWith("rect(")?lm(i,t):i.startsWith("xywh(")?cm(i,t):i.startsWith("ray(")?sm(i,t):i.startsWith("polygon(")?hm(i,t):(console.warn("Unsupported offset-path:",e),{x:0,y:0,angle:0})}function nm(n,e){let t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",n);let i=t.getTotalLength(),r=e<=1?e*i:e,s=t.getPointAtLength(r),o=t.getPointAtLength(Math.min(i,r+.01)),a=Math.atan2(o.y-s.y,o.x-s.x)*180/Math.PI;return{x:s.x,y:s.y,angle:a}}function sm(n,e){let i=n.match(/ray\(([^)]+)\)/)[1].trim(),[r,s]=i.split("at").map(m=>m&&m.trim()),o=r.split(/\s+/),a=im(o[0]),l=a*Math.PI/180,c=0,h=0;if(s){let m=s.split(/\s+/);c=parseFloat(m[0]),h=parseFloat(m[1])}let d=(e<=1,e),p=c+Math.cos(l)*d,f=h+Math.sin(l)*d;return{x:p,y:f,angle:a}}function om(n,e){let i=n.match(/circle\(([^)]+)\)/)[1],[r,s]=i.split("at").map(f=>f.trim()),o=parseFloat(r),[a,l]=s.split(/\s+/).map(parseFloat),c=e*2*Math.PI-Math.PI/2,h=a+Math.cos(c)*o,d=l+Math.sin(c)*o,p=c*180/Math.PI+90;return{x:h,y:d,angle:p}}function am(n,e){let i=n.match(/ellipse\(([^)]+)\)/)[1].split("at"),r=i[0].trim().split(/\s+/).map(parseFloat),s=i[1].trim().split(/\s+/).map(parseFloat),o=r[0],a=r[1],l=s[0],c=s[1],h=e*2*Math.PI-Math.PI/2,d=l+Math.cos(h)*o,p=c+Math.sin(h)*a,f=-Math.sin(h)*o,m=Math.cos(h)*a,u=Math.atan2(m,f)*180/Math.PI;return{x:d,y:p,angle:u}}function lm(n,e){let i=n.match(/rect\(([^)]+)\)/)[1].split(/\s+/).map(l=>parseFloat(l)),r=i[0],s=i[1],o=i[2],a=i[3];return id(r,a,s,o,e)}function cm(n,e){let i=n.match(/xywh\(([^)]+)\)/)[1].split(/\s+/).map(parseFloat),r=i[0],s=i[1],o=i[2],a=i[3];return id(s,r,r+o,s+a,e)}function hm(n,e){let r=n.match(/polygon\(([^)]+)\)/)[1].split(",").map(w=>w.trim().split(/\s+/).map(parseFloat)),s=[0];for(let w=1;w<r.length;w++){let A=r[w][0]-r[w-1][0],k=r[w][1]-r[w-1][1];s.push(Math.hypot(A,k)+s[w-1])}let o=r[0][0]-r[r.length-1][0],a=r[0][1]-r[r.length-1][1];s.push(Math.hypot(o,a)+s[s.length-1]);let l=s[s.length-1],c=e*l,h=s.findIndex(w=>w>=c);h<=0&&(h=1);let d=s[h-1],p=s[h],f=(c-d)/(p-d),m=r[(h-1)%r.length],u=r[h%r.length],y=m[0]+(u[0]-m[0])*f,x=m[1]+(u[1]-m[1])*f,_=Math.atan2(u[1]-m[1],u[0]-m[0])*180/Math.PI;return{x:y,y:x,angle:_}}function id(n,e,t,i,r){let s=t-e,o=i-n,a=2*(s+o),l=r*a;if(l<s)return{x:e+l,y:n,angle:0};if(l-=s,l<o){let h=n+l;return{x:t,y:h,angle:90}}if(l-=o,l<s)return{x:t-l,y:i,angle:180};l-=s;let c=i-l;return{x:e,y:c,angle:270}}function dm(n){let e=[],t=0;for(;t<n.length;){let i=n[t];if(/\s/.test(i)){t++;continue}if("+-*/()".includes(i)){e.push({type:i,value:i}),t++;continue}if(/[0-9.]/.test(i)){let r=t;for(;/[0-9.]/.test(n[t]);)t++;let s=n.slice(r,t);if(n[t]==="%"){t++,e.push({type:"percentage",value:parseFloat(s)});continue}if(n.slice(t,t+2)==="px"){t+=2,e.push({type:"dimension",value:parseFloat(s),unit:"px"});continue}e.push({type:"number",value:parseFloat(s)});continue}if(/[a-zA-Z]/.test(i)){let r=t;for(;/[a-zA-Z]/.test(n[t]);)t++;let s=n.slice(r,t);if(s==="calc"&&n[t]==="("){e.push({type:"func",value:"calc"});continue}throw new Error("Unsupported function: "+s)}throw new Error("Unexpected character in calc(): "+i)}return e}function pm(n){let e=0;function t(){return n[e]}function i(){return n[e++]}function r(){let l=s();for(;t()&&(t().type==="+"||t().type==="-");){let c=i().type,h=s();l={type:"binary",op:c,left:l,right:h}}return l}function s(){let l=o();for(;t()&&(t().type==="*"||t().type==="/");){let c=i().type,h=o();l={type:"binary",op:c,left:l,right:h}}return l}function o(){let l=t();if(!l)throw"Unexpected end in calc()";if(l.type==="number")return i(),{type:"number",value:l.value};if(l.type==="dimension")return i(),{type:"dimension",value:l.value,unit:l.unit};if(l.type==="percentage")return i(),{type:"percentage",value:l.value};if(l.type==="func"){if(i(),t().type!=="(")throw"Expected '(' after calc";i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}if(l.type==="("){i();let c=r();if(!t()||t().type!==")")throw"Expected ')'";return i(),c}throw new Error("Unexpected calc token "+JSON.stringify(l))}let a=r();if(e!==n.length)throw"Extra tokens after calc";return a}function Za(n,e){switch(n.type){case"number":return n.value;case"dimension":return n.value;case"percentage":return e.percentBase*(n.value/100);case"binary":{let t=Za(n.left,e),i=Za(n.right,e);switch(n.op){case"+":return t+i;case"-":return t-i;case"*":return t*i;case"/":return t/i}}}throw"Invalid AST node "+n.type}function fn(n,e,t=!1){if(n=n.trim(),/^[0-9.]+px$/.test(n))return parseFloat(n);let i=t?e.offsetHeight:e.offsetWidth;if(/^[0-9.]+%$/.test(n)){let s=parseFloat(n);return i*(s/100)}let r=pm(dm(n));return Za(r,{percentBase:i})}function mm(n){let e=n.trim().replace(/^inset\s*\(/,"").replace(/\)\s*$/,""),t=[],i="",r=0;for(let s=0;s<e.length;s++){let o=e[s];o==="("?(r++,i+=o):o===")"?(r--,i+=o):/\s/.test(o)&&r===0?i.trim()!==""&&(t.push(i.trim()),i=""):i+=o}return i.trim()!==""&&t.push(i.trim()),t}function um(n,e,t){let i=mm(n);if(i.length!==4)throw new Error("inset() must have 4 arguments");let r=fn(i[0],e,!0),s=fn(i[1],e,!1),o=fn(i[2],e,!0),a=fn(i[3],e,!1),l=e.offsetWidth,c=e.offsetHeight,h=a,d=r,p=l-s,f=c-o,u=2*(p-h+(f-d))*t,y=p-h;return u<=y?{x:h+u,y:d,angle:0}:(u-=y,y=f-d,u<=y?{x:p,y:d+u,angle:90}:(u-=y,y=p-h,u<=y?{x:p-u,y:f,angle:180}:(u-=y,{x:h,y:f-u,angle:270})))}var lt,St,ci,Gi,gn,zt=g(()=>{"use strict";gn=0});function yn(n,e){switch(e){case"left":let t=getComputedStyle(n).left;return n.style.removeProperty("right"),n.style.left=t,t;case"top":let i=getComputedStyle(n).top;return n.style.removeProperty("bottom"),n.style.top=i,i}}var vn,$a=g(()=>{"use strict";le();oe();Pe();Xr();zt();ie();vn=class extends z{resizeAllSelected;_initialSizes;_actionModeStarted;_initialPoint;_offsetPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialComputedTransformOrigins;_initialTransformOrigins;constructor(e,t,i,r){super(e,t,i),this.resizeAllSelected=r}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i){if(isNaN(i.p1.x)||isNaN(i.p1.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._circle1=this._drawResizerOverlay(i.p1.x,i.p1.y,"nw-resize",this._circle1),this._circle2=this._drawResizerOverlay(i.p1.x+(i.p2.x-i.p1.x)/2,i.p1.y+(i.p2.y-i.p1.y)/2,"n-resize",this._circle2),this._circle3=this._drawResizerOverlay(i.p2.x,i.p2.y,"ne-resize",this._circle3),this._circle4=this._drawResizerOverlay(i.p1.x+(i.p4.x-i.p1.x)/2,i.p1.y+(i.p4.y-i.p1.y)/2,"w-resize",this._circle4),this._circle5=this._drawResizerOverlay(i.p4.x,i.p4.y,"sw-resize",this._circle5),this._circle6=this._drawResizerOverlay(i.p4.x+(i.p3.x-i.p4.x)/2,i.p4.y+(i.p3.y-i.p4.y)/2,"s-resize",this._circle6),this._circle8=this._drawResizerOverlay(i.p2.x+(i.p3.x-i.p2.x)/2,i.p2.y+(i.p3.y-i.p2.y)/2,"e-resize",this._circle8),this._circle7=this._drawResizerOverlay(i.p3.x,i.p3.y,"se-resize",this._circle7))}}_drawResizerOverlay(e,t,i,r){let s=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-primary-resizer",r);return s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(s.addEventListener(S.PointerDown,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerMove,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerUp,o=>this._pointerActionTypeResize(s,o,i))),s.style.cursor=i,s}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case S.PointerDown:let s=parseFloat(e.getAttribute("cx")),o=parseFloat(e.getAttribute("cy"));this._offsetPoint={x:s-r.x,y:o-r.y},t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._initialSizes=[],this._actionModeStarted=i,this._initialComputedTransformOrigins=[],this._initialTransformOrigins=[];let a=this.extendedItem.element.style.transform;this.extendedItem.element.style.transform="";let l=G(this.extendedItem.element);this.extendedItem.element.style.transform=a;let c={x:0,y:0};getComputedStyle(this.extendedItem.element).boxSizing=="content-box"&&(c=Rh(this.extendedItem.element)),this._initialSizes.push({width:(l.width-c.x*this.designerCanvas.scaleFactor)/this.designerCanvas.scaleFactor,height:(l.height-c.y*this.designerCanvas.scaleFactor)/this.designerCanvas.scaleFactor});let h=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ").map(f=>parseFloat(f.replace("px",""))),d=new DOMPoint(h[0],h[1]);if(this._initialComputedTransformOrigins.push(d),this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin),this.resizeAllSelected)for(let f of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)l=G(f.element),this._initialSizes.push({width:l.width/this.designerCanvas.scaleFactor,height:l.height/this.designerCanvas.scaleFactor});if(this.designerCanvas.alignOnSnap&&this.designerCanvas.snapLines.calculateSnaplines(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.prepareResize(this.extendedItem,this._actionModeStarted),this.resizeAllSelected)for(let f of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)f!==this.extendedItem&&this.prepareResize(f,this._actionModeStarted);break;case S.PointerMove:if(this._initialPoint){let f=getComputedStyle(this.extendedItem.parent.element),u=this.designerCanvas.serviceContainer.getLastServiceWhere("containerService",O=>O.serviceForContainer(this.extendedItem.parent,f)).placePoint(t,this.designerCanvas,this.extendedItem.parent,this._initialPoint,{x:0,y:0},r,this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),y=Math.round(u.x-this._initialPoint.x-this._offsetPoint.x),x=Math.round(u.y-this._initialPoint.y-this._offsetPoint.y),_=qe(this.extendedItem.element),w=Ea(new DOMPoint(y,x,0,0),_),A=w.x,k=w.y;t.shiftKey&&(A=A<k?A:k,k=A);let P=0,T=null,N=null;switch(this._actionModeStarted){case"e-resize":if(T=this._initialSizes[P].width+A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width+A)+"px")}break;case"se-resize":if(T=this._initialSizes[P].width+A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height+k,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width+A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height+k)+"px")}break;case"s-resize":if(N=this._initialSizes[P].height+k,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.height=R(this.extendedItem,this._initialSizes[P].height+k)+"px")}break;case"sw-resize":if(T=this._initialSizes[P].width-A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height+k,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width-A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height+k)+"px")}break;case"w-resize":if(T=this._initialSizes[P].width-A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width-A)+"px")}break;case"nw-resize":if(T=this._initialSizes[P].width-A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height-k,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width-A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height-k)+"px")}break;case"n-resize":if(N=this._initialSizes[P].height-k,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.height=R(this.extendedItem,this._initialSizes[P].height-k)+"px")}break;case"ne-resize":if(T=this._initialSizes[P].width+A,this.extendedItem.element.style.width=R(this.extendedItem,T)+"px",N=this._initialSizes[P].height-k,this.extendedItem.element.style.height=R(this.extendedItem,N)+"px",this.resizeAllSelected){P++;for(let O of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)O!==this.extendedItem&&(O.element.style.width=R(this.extendedItem,this._initialSizes[P].width+A)+"px",O.element.style.height=R(this.extendedItem,this._initialSizes[P].height-k)+"px")}break}let X=[this.extendedItem,this.extendedItem.parent];this.resizeAllSelected&&X.push(...this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),this.extensionManager.refreshExtensions(X),this.designerCanvas?.raiseDesignItemsChanged(X,"resize",!1)}break;case S.PointerUp:if(t.target.releasePointerCapture(t.pointerId),!this._initialPoint)return;let p=this.extendedItem.openGroup(this.resizeAllSelected&&this.designerCanvas.instanceServiceContainer.selectionService.selectedElements.length>1?"Resize Elements":"Resize &lt;"+this.extendedItem.name+"&gt;");try{this.extendedItem.setStyle("width",this.extendedItem.element.style.width),this.extendedItem.setStyle("height",this.extendedItem.element.style.height),this.extendedItem.setStyle("left",R(this.extendedItem,parseFloat(yn(this.extendedItem.element,"left")))+"px"),this.extendedItem.setStyle("top",R(this.extendedItem,parseFloat(yn(this.extendedItem.element,"top")))+"px");let f=new DOMPoint(this.extendedItem.element.offsetLeft+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[0].replace("px","")),this.extendedItem.element.offsetTop+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[1].replace("px","")));this.extendedItem.element.style.transformOrigin=this._initialTransformOrigins[0];let m=new DOMPoint(this.extendedItem.element.offsetLeft+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[0].replace("px","")),this.extendedItem.element.offsetTop+parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(" ")[1].replace("px",""))),u=new DOMPoint(m.x-f.x,-(m.y-f.y)),y=new DOMMatrix(getComputedStyle(this.extendedItem.element).transform),x=0,_=0,w=Ea(u,y),A=new DOMPoint(f.x+w.x,f.y-w.y),P=new DOMPoint(A.x-m.x,-(A.y-m.y)).matrixTransform(y),T=new DOMPoint(m.x+P.x,m.y-P.y);if(x=T.x-m.x,_=T.y-m.y,this.extendedItem.element.style.transform=y.translate(x,_).toString(),y.isIdentity&&(this.extendedItem.element.style.transform=""),this.extendedItem.setStyle("transform",this.extendedItem.element.style.transform),this.resizeAllSelected){for(let N of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements)N!==this.extendedItem&&(N.setStyle("width",N.element.style.width),N.setStyle("height",N.element.style.height),N.setStyle("left",R(this.extendedItem,parseFloat(yn(N.element,"left")))+"px"),N.setStyle("top",R(this.extendedItem,parseFloat(yn(N.element,"top")))+"px"));this.designerCanvas?.raiseDesignItemsChanged(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements,"resize",!0)}else this.designerCanvas?.raiseDesignItemsChanged([this.extendedItem],"resize",!0);p.commit()}catch(f){p.abort(),console.error(f)}this._initialSizes=null,this._initialPoint=null;break}}prepareResize(e,t){let i=null,r=null,s=null,o=null;switch(this._actionModeStarted){case"e-resize":s=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=s;break;case"se-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,s=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=s;break;case"s-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i;break;case"sw-resize":i=getComputedStyle(e.element).top,e.element.style.removeProperty("bottom"),e.element.style.top=i,o=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=o;break;case"w-resize":o=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=o;break;case"nw-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,o=getComputedStyle(e.element).right,e.element.style.removeProperty("left"),e.element.style.right=o;break;case"n-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r;break;case"ne-resize":r=getComputedStyle(e.element).bottom,e.element.style.removeProperty("top"),e.element.style.bottom=r,s=getComputedStyle(e.element).left,e.element.style.removeProperty("right"),e.element.style.left=s;break}}dispose(){this._removeAllOverlays()}}});import{css as fm}from"@node-projects/base-custom-webcomponent";var xn,Ja=g(()=>{"use strict";$a();Q();xn=class{resizeAllSelected;constructor(e=!1){this.resizeAllSelected=e}shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem&&i.nodeType==I.Element}getExtension(e,t,i){return new vn(e,t,i,this.resizeAllSelected)}static style=fm`.svg-primary-resizer{stroke:#3899ec;fill:#fff;pointer-events:auto}`}});var _n,el=g(()=>{"use strict";Fe();Pe();zt();ie();_n=class extends z{_rotateLine;_rotateCircle;_startPoint;_rotateCirclePosition;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=Qa(this.extendedItem.element),r={x:i.width/2,y:-30/this.designerCanvas.zoomFactor},s={x:i.width/2,y:-22/this.designerCanvas.zoomFactor},o={x:i.width/2,y:-6/this.designerCanvas.zoomFactor};this._rotateCirclePosition=r;let a=this.designerCanvas.canvas.convertPointFromNode(r,this.extendedItem.element),l=this.designerCanvas.canvas.convertPointFromNode(s,this.extendedItem.element),c=this.designerCanvas.canvas.convertPointFromNode(o,this.extendedItem.element);this._rotateLine=this._drawLine(l.x,l.y,c.x,c.y,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(a.x,a.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(a.x,a.y,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",h=>{h.stopPropagation(),h.target.setPointerCapture(h.pointerId);let d=this.designerCanvas.getNormalizedEventCoordinates(h);this._startPoint=this.extendedItem.element.convertPointFromNode({x:d.x,y:d.y},this.designerCanvas.canvas)}),this._rotateCircle.addEventListener("pointermove",h=>{h.stopPropagation(),this._startPoint&&(this.extendedItem.element.style.rotate="none",this.extendedItem.element.style.rotate=this.getAngle(h)+"deg")}),this._rotateCircle.addEventListener("pointerup",h=>{h.stopPropagation(),h.target.releasePointerCapture(h.pointerId),this._startPoint=null,this.extendedItem.element.style.rotate="none",this.extendedItem.setStyle("rotate",this.getAngle(h)+"deg")}))}getAngle(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),i={x:t.x,y:t.y},r=this.extendedItem.element.convertPointFromNode(i,this.designerCanvas.canvas),o=getComputedStyle(this.extendedItem.element).transformOrigin.split(" "),a={x:parseFloat(o[0]),y:parseFloat(o[1])},l=Math.atan2(this._rotateCirclePosition.y-a.y,this._rotateCirclePosition.x-a.x)*180/Math.PI+90,c=Math.atan2(r.y-a.y,r.x-a.x)*180/Math.PI+90-l;return j(e)||(c=Math.round(c/15)*15),R(this.extendedItem,c)}dispose(){this._removeAllOverlays()}}});import{css as gm}from"@node-projects/base-custom-webcomponent";var bn,tl=g(()=>{"use strict";el();bn=class{type;constructor(e="center-top"){this.type=e}shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new _n(e,t,i)}static style=gm`.svg-primary-rotate{stroke:#3899ec;fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-transparent{fill:transparent;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:#3899ec;fill:#3899ec;stroke-width:1}`}});var Sn,il=g(()=>{"use strict";Fe();Pe();oe();ie();Sn=class extends z{_rotateLine;_rotateCircle;_rectLine1;_rectLine2;_rectLine3;_rectLine4;_initialCorners;_startAngle;_groupCenter;_initialHandleX;_initialHandleY;_initialLineX1;_initialLineY1;_initialLineX2;_initialLineY2;_currentDelta=0;_elementStartStates;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=ae(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements);if(i.length<2)return;let r,s,o,a,l,c;if(this._elementStartStates){let h=this._currentDelta*Math.PI/180,d=Math.cos(h),p=Math.sin(h),f=(_,w)=>this._groupCenter.x+(_-this._groupCenter.x)*d-(w-this._groupCenter.y)*p,m=(_,w)=>this._groupCenter.y+(_-this._groupCenter.x)*p+(w-this._groupCenter.y)*d;r=f(this._initialHandleX,this._initialHandleY),s=m(this._initialHandleX,this._initialHandleY),o=f(this._initialLineX1,this._initialLineY1),a=m(this._initialLineX1,this._initialLineY1),l=f(this._initialLineX2,this._initialLineY2),c=m(this._initialLineX2,this._initialLineY2);let y=this._initialCorners.map(_=>({x:f(_.x,_.y),y:m(_.x,_.y)})),x=(2/this.designerCanvas.zoomFactor).toString();this._rectLine1=this._drawLine(y[0].x,y[0].y,y[1].x,y[1].y,"svg-rotate-group-rect",this._rectLine1),this._rectLine2=this._drawLine(y[1].x,y[1].y,y[2].x,y[2].y,"svg-rotate-group-rect",this._rectLine2),this._rectLine3=this._drawLine(y[2].x,y[2].y,y[3].x,y[3].y,"svg-rotate-group-rect",this._rectLine3),this._rectLine4=this._drawLine(y[3].x,y[3].y,y[0].x,y[0].y,"svg-rotate-group-rect",this._rectLine4),this._rectLine1.style.strokeWidth=x,this._rectLine2.style.strokeWidth=x,this._rectLine3.style.strokeWidth=x,this._rectLine4.style.strokeWidth=x}else{this._rectLine1&&(this._rectLine1.style.display="none",this._rectLine2.style.display="none",this._rectLine3.style.display="none",this._rectLine4.style.display="none");let h=Dt(i,this.designerCanvas),d=h.x+h.width/2,p=h.y;r=d,s=p-30/this.designerCanvas.zoomFactor,o=d,a=p-22/this.designerCanvas.zoomFactor,l=d,c=p-6/this.designerCanvas.zoomFactor}this._rotateLine=this._drawLine(o,a,l,c,"svg-primary-rotate-line",this._rotateLine),this._rotateLine.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle?(this._rotateCircle=this._drawCircle(r,s,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString()):(this._rotateCircle=this._drawCircle(r,s,5/this.designerCanvas.zoomFactor,"svg-primary-rotate",this._rotateCircle),this._rotateCircle.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),this._rotateCircle.addEventListener("pointerdown",h=>{h.stopPropagation(),h.target.setPointerCapture(h.pointerId);let d=ae(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements),p=Dt(d,this.designerCanvas),f=p.x+p.width/2,m=p.y;this._groupCenter={x:f,y:p.y+p.height/2},this._initialHandleX=f,this._initialHandleY=m-30/this.designerCanvas.zoomFactor,this._initialLineX1=f,this._initialLineY1=m-22/this.designerCanvas.zoomFactor,this._initialLineX2=f,this._initialLineY2=m-6/this.designerCanvas.zoomFactor,this._initialCorners=[{x:p.x,y:p.y},{x:p.x+p.width,y:p.y},{x:p.x+p.width,y:p.y+p.height},{x:p.x,y:p.y+p.height}],this._rectLine1&&(this._rectLine1.style.display="",this._rectLine2.style.display="",this._rectLine3.style.display="",this._rectLine4.style.display="");let u=this.designerCanvas.getNormalizedEventCoordinates(h);this._startAngle=Math.atan2(u.y-this._groupCenter.y,u.x-this._groupCenter.x),this._currentDelta=0,this._elementStartStates=d.map(y=>{let x=this.designerCanvas.getNormalizedElementCoordinates(y.element),_=this.designerCanvas.getNormalizedElementCoordinates(y.parent.element),w=y.getStyle("rotate")??"0deg",A=parseFloat(w)||0,k=getComputedStyle(y.element),P=parseFloat(k.width)/2,T=parseFloat(k.height)/2;return{item:y,rotation:A,centerX:x.x+x.width/2,centerY:x.y+x.height/2,cssHalfWidth:P,cssHalfHeight:T,parentX:_.x,parentY:_.y,parentWidth:_.width,parentHeight:_.height,usesRight:y.hasStyle("right")&&!y.hasStyle("left"),usesBottom:y.hasStyle("bottom")&&!y.hasStyle("top")}})}),this._rotateCircle.addEventListener("pointermove",h=>{if(h.stopPropagation(),!!this._elementStartStates){this._currentDelta=this._getDelta(h);for(let d of this._elementStartStates)this._applyRotation(d,this._currentDelta,!1)}}),this._rotateCircle.addEventListener("pointerup",h=>{if(h.stopPropagation(),h.target.releasePointerCapture(h.pointerId),!this._elementStartStates)return;let d=this._getDelta(h),p=this.designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup("rotateGroup");for(let f of this._elementStartStates)this._applyRotation(f,d,!0);p.commit(),this._elementStartStates=null,this._currentDelta=0}))}_getDelta(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e),r=(Math.atan2(t.y-this._groupCenter.y,t.x-this._groupCenter.x)-this._startAngle)*180/Math.PI;return r=((r+180)%360+360)%360-180,j(e)||(r=Math.round(r/15)*15),r}_applyRotation(e,t,i){let r=t*Math.PI/180,s=Math.cos(r),o=Math.sin(r),a=e.centerX-this._groupCenter.x,l=e.centerY-this._groupCenter.y,c=this._groupCenter.x+a*s-l*o,h=this._groupCenter.y+a*o+l*s,d=R(e.item,e.rotation+t),p=c-e.cssHalfWidth-e.parentX,f=h-e.cssHalfHeight-e.parentY,m=e.parentX+e.parentWidth-c-e.cssHalfWidth,u=e.parentY+e.parentHeight-h-e.cssHalfHeight;if(i)e.usesRight?e.item.setStyle("right",m+"px"):e.item.setStyle("left",p+"px"),e.usesBottom?e.item.setStyle("bottom",u+"px"):e.item.setStyle("top",f+"px"),e.item.setStyle("rotate",d+"deg");else{let y=e.item.element;e.usesRight?y.style.right=m+"px":y.style.left=p+"px",e.usesBottom?y.style.bottom=u+"px":y.style.top=f+"px",y.style.rotate=d+"deg"}}dispose(){this._removeAllOverlays()}}});import{css as ym}from"@node-projects/base-custom-webcomponent";var wn,rl=g(()=>{"use strict";il();wn=class{shouldExtend(e,t,i){return t.readOnly||i.element instanceof SVGElement||i.element instanceof HTMLTemplateElement?!1:!i.isRootItem}getExtension(e,t,i){return new Sn(e,t,i)}static style=ym`.svg-primary-rotate{stroke:#3899ec;fill:#fff;stroke-width:1;pointer-events:auto;cursor:alias}.svg-primary-rotate-line{stroke:#3899ec;fill:#3899ec;stroke-width:1}.svg-rotate-group-rect{stroke:#3899ec;fill:transparent;stroke-width:2;stroke-dasharray:5 3}`}});var Cn,nl=g(()=>{"use strict";le();J();Cn=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 S.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,D.Foreground);break;case S.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 S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool(),this._endPoint=r;let s=t.button==0;switch(t.button){case 0:case 2:this._zoomOnto(s,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 s=r.zoomFactor,o=e?s+this._zoomStepSize:s-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 En,sl=g(()=>{"use strict";le();En=class{cursor="grab";pointerEventHandler(e,t,i){switch(t.type){case S.PointerDown:t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this);break;case S.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 S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();break}}keyboardEventHandler(e,t,i){}activated(e){}dispose(){}}});var E,ht=g(()=>{"use strict";(function(n){n.copy="copy",n.paste="paste",n.cut="cut",n.delete="delete",n.undo="undo",n.redo="redo",n.holdUndo="holdUndo",n.holdRedo="holdRedo",n.rotateCounterClockwise="rotateCounterClockwise",n.rotateClockwise="rotateClockwise",n.mirrorHorizontal="mirrorHorizontal",n.mirrorVertical="mirrorVertical",n.selectAll="selectAll",n.moveToFront="moveToFront",n.moveForward="moveForward",n.moveBackward="moveBackward",n.moveToBack="moveToBack",n.arrangeLeft="arrangeLeft",n.arrangeCenter="arrangeCenter",n.arrangeRight="arrangeRight",n.arrangeTop="arrangeTop",n.arrangeMiddle="arrangeMiddle",n.arrangeBottom="arrangeBottom",n.unifyWidth="unifyWidth",n.unifyHeight="unifyHeight",n.distributeHorizontal="distributeHorizontaly",n.distributeVertical="distributeVertical",n.setTool="setTool",n.setStrokeColor="setStrokeColor",n.setFillBrush="setFillBrush",n.setStrokeThickness="setStrokeThickness",n.screenshot="screenshot"})(E||(E={}))});var An,ol=g(()=>{"use strict";ht();te();An=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return t.readOnly?[{title:"copy",icon:`<img src="${b+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:E.copy})},shortCut:"Ctrl + C",disabled:i===null}]:[{title:"copy",icon:`<img src="${b+"icons/copy.svg"}">`,action:()=>{t.executeCommand({type:E.copy})},shortCut:"Ctrl + C",disabled:i===null},{title:"cut",icon:`<img src="${b+"icons/cut.svg"}">`,action:()=>{t.executeCommand({type:E.cut})},shortCut:"Ctrl + X",disabled:i===null},{title:"paste",icon:`<img src="${b+"icons/paste.svg"}">`,action:()=>{t.executeCommand({type:E.paste})},shortCut:"Ctrl + V"},{title:"delete",icon:`<img src="${b+"icons/delete.svg"}">`,action:()=>{t.executeCommand({type:E.delete})},shortCut:"Del",disabled:i===null}]}}});var Pn,al=g(()=>{"use strict";ht();Q();te();Pn=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==I.Element}provideContextMenuItems(e,t,i){return[{title:"to front",icon:`<img style="rotate: 90deg" src="${b+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:E.moveToFront})}},{title:"move forward",icon:`<img style="rotate: 90deg" src="${b+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:E.moveForward})}},{title:"move backward",icon:`<img style="rotate: 270deg" src="${b+"icons/moveLeft.svg"}">`,action:()=>{t.executeCommand({type:E.moveBackward})}},{title:"to back",icon:`<img style="rotate: 270deg" src="${b+"icons/moveFirst.svg"}">`,action:()=>{t.executeCommand({type:E.moveToBack})}}]}}});function rd(n,e,t=!1,i=0){for(let p of n)if(p==e||p.element.contains(e.element)){console.warn("could not move items into of itself or a child");return}let r=n[0],s=r.openGroup("switchContainerHelper"),o=r.instanceServiceContainer.designerCanvas,a=Number.MAX_VALUE,l=Number.MAX_VALUE,c=0,h=0;for(let p of n){let f=o.getNormalizedElementCoordinates(p.element);f.x<a&&(a=f.x),f.y<l&&(l=f.y),f.x+f.width>c&&(c=f.x+f.width),f.y+f.height>h&&(h=f.y+f.height)}let d=o.getNormalizedElementCoordinates(e.element);for(let p of n){let f=o.getNormalizedElementCoordinates(p.element);p.nodeType==I.Element&&(t?(p.setStyle("left",(f.x-a+i).toString()+"px"),p.setStyle("top",(f.y-l+i).toString()+"px")):(p.setStyle("left",(f.x-d.x).toString()+"px"),p.setStyle("top",(f.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")),s.commit()}var ll=g(()=>{"use strict";Q()});var In,cl=g(()=>{"use strict";ll();ee();In=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"),s=i.instanceServiceContainer.selectionService.selectedElements,o=document.createElement("div"),a=M.createDesignItemFromInstance(o,i.serviceContainer,i.instanceServiceContainer);s[0].insertAdjacentElement(a,"beforebegin"),rd(s,a,!0,10),r.commit(),i.instanceServiceContainer.selectionService.setSelectedElements([a])}}]}]}}});var ji,hl=g(()=>{"use strict";le();Fe();ee();J();ji=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 S.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,D.Foreground);break;case S.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 S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=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 s){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=M.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let u=o.indexOf(m);o.splice(u,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 kn,dl=g(()=>{"use strict";le();Fe();ee();J();kn=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 S.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,D.Foreground);break;case S.PointerMove:this._path&&(this._pathD+="L"+r.x+" "+r.y,this._path.setAttribute("d",this._pathD+"Z"));break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let s=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 s){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 f=this._path.isPointInFill(a)||this._path.isPointInStroke(a);if(h&&d&&p&&f){let m=M.GetOrCreateDesignItem(l,l,e.serviceContainer,e.instanceServiceContainer);if(!o.includes(m)&&!t.altKey)o.push(m);else if(t.altKey){let u=o.indexOf(m);o.splice(u,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,pl=g(()=>{"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 sd(n){let e=document.getSelection();return e.getComposedRanges?e=e.getComposedRanges(n):n.getSelection&&(e=n.getSelection()),e}function nd(n,e){function t(s){let o=document.createElement("span");e.push(o),s.parentNode.insertBefore(o,s),o.appendChild(s)}function i(s){switch(s.nodeType){case Node.TEXT_NODE:t(s);break;case Node.DOCUMENT_FRAGMENT_NODE:case Node.ELEMENT_NODE:Array.from(s.childNodes).forEach(i);break}}let r=n.extractContents();i(r),n.insertNode(r)}function vm(n){let e=document.createRange();return e.setStart(n.startContainer,n.startOffset),e.setEnd(n.endContainer,n.endOffset),e}function od(n){let e=[];if(n[0]instanceof StaticRange)nd(vm(n[0]),e);else{if(!n.rangeCount)return e;let t=n.getRangeAt(0);nd(t,e)}return n.removeAllRanges&&n.removeAllRanges(),e}var ml=g(()=>{"use strict"});import{html as xm}from"@node-projects/base-custom-webcomponent";var hi,Tn=g(()=>{"use strict";ie();J();ml();Sa();oe();hi=class n extends z{static template=xm`<div style="height:100%;display:flex;gap:2px;width:100%"><button data-command="font-weight" data-command-parameter="800" style="pointer-events:auto;height:24px;width:24px;padding:0;font-weight:900">b</button> <button data-command="font-style" data-command-parameter="italic" style="pointer-events:auto;height:24px;width:24px;padding:0"><em>i</em></button> <button data-command="text-decoration" data-command-parameter="underline" style="pointer-events:auto;height:24px;width:24px;padding:0"><ins>u</ins></button> <button data-command="text-decoration" data-command-parameter="line-through" style="pointer-events:auto;height:24px;width:24px;padding:0"><del>s</del></button> <button data-command="text-decoration" data-command-parameter="overline" style="pointer-events:auto;height:24px;width:24px;padding:0"><span style="text-decoration:overline">o</span></button> <select data-command="fontSize" style="pointer-events:auto;height:24px;width:60px;padding:0"><option>8px</option><option>9px</option><option>10px</option><option>11px</option><option>12px</option><option>14px</option><option>16px</option><option>18px</option><option>20px</option><option>24px</option><option>28px</option><option>32px</option><option>36px</option></select> <select id="fontFamily" data-command="font-family" style="pointer-events:auto;height:24px;width:90px;padding:0"></select></div>`;_foreignObject;_path;_toolbar;_selectionChangedListener;constructor(e,t,i){super(e,t,i),this._keyDown=this._keyDown.bind(this)}_keyDown(e){e.key==="Escape"&&this.dispose()}extend(){this.extendedItem.instanceServiceContainer.selectionService.clearSelectedElements(),this.extendedItem.removeDesignerAttributesAndStylesFromChildren(),window.addEventListener("keydown",this._keyDown,!0),this.extendedItem.editContent(),this._selectionChangedListener=this.extendedItem.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)}),this.extendedItem.element.focus();let e=G(this.extendedItem.element);this._toolbar=this.createToolbar(n.template,300,24),this._toolbar.updatePosition({x:(e.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor,y:(e.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor-36}),ii.addFontsToSelect(this._toolbar.getById("fontFamily")),this._toolbar.querySelectorAll("button").forEach(t=>t.onpointerdown=i=>{this._formatSelection(t.dataset.command,t.dataset.commandParameter)}),this._toolbar.querySelectorAll("select").forEach(t=>t.onchange=()=>this._formatSelection(t.dataset.command,t.value)),this.designerCanvas.clickOverlay.style.pointerEvents="none",this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-edit-text-clickoutside"),this._path.setAttribute("fill-rule","evenodd"),this._path.style.pointerEvents="auto",this._path.onpointerdown=t=>{this.designerCanvas.ignoreEvent(t),this.commitchanges(),this.extensionManager.removeExtensionInstance(this.extendedItem,this)},this._addOverlay(this._path,D.Background),this.refresh()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];if(this._valuesHaveChanges(this.designerCanvas.containerBoundingRect.width,this.designerCanvas.containerBoundingRect.height,this.designerCanvas.scaleFactor,e.p1.x,e.p1.y,e.p2.x,e.p2.y,e.p3.x,e.p3.y,e.p4.x,e.p4.y)){let t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+[e.p1,e.p2,e.p3,e.p4].map(r=>r.x+","+r.y).join(" ")+"Z ",this._path.setAttribute("d",i)}}dispose(){window.removeEventListener("keydown",this._keyDown,!0),this._selectionChangedListener.dispose(),this._removeAllOverlays(),this.extendedItem.editContentFinish(),this.designerCanvas.clickOverlay.style.pointerEvents="auto"}commitchanges(){this._removeAllOverlays(),this.extendedItem.element.normalize();let e=!1;e:for(;!e;){for(let i of this.extendedItem.element.querySelectorAll("*"))if(i.childNodes.length==0){i.remove();continue e}e=!0}let t=this.extendedItem.element.innerHTML;this.extendedItem.editContentFinish(),this.extendedItem.innerHTML=t,this.designerCanvas.clickOverlay.style.pointerEvents="auto"}handlesPointerEvent(e,t,i){let r=t.composedPath(),s=this._foreignObject.querySelector("stylo-editor");return r.indexOf(s)>=0}_formatSelection(e,t){let i=sd(this.designerCanvas.rootDesignItem.element.shadowRoot),r=od(i);for(let s of r)s.style[e]=t;this.extendedItem.element.focus()}}});var Mn,ul=g(()=>{"use strict";le();ee();Ze();Tn();Mn=class{_textEditExtensions;constructor(e){e&&(this._editExistingText=!0)}activated(e){this._textCreated=!1}dispose(){}cursor="text";_textCreated=!1;_editExistingText=!1;pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t);switch(t.type){case S.PointerDown:if(!this._textCreated&&!this._editExistingText){this._textCreated=!0;let s=document.createElement("span"),o=M.createDesignItemFromInstance(s,e.serviceContainer,e.instanceServiceContainer);o.setStyle("position","absolute"),o.setStyle("left",r.x+"px"),o.setStyle("top",r.y+"px"),e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,o)),e.extensionManager.applyExtensionInstance(o,new hi(e.extensionManager,e,o)),e.serviceContainer.globalContext.finishedWithTool(this),setTimeout(()=>{s.focus()},50)}else for(let s of this._textEditExtensions)s.handlesPointerEvent&&(s.handlesPointerEvent(e,t,i)||e.serviceContainer.globalContext.finishedWithTool(this));break}}keyboardEventHandler(e,t,i){}}});var On,fl=g(()=>{"use strict";ie();J();On=class extends z{_path;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){this._path||(this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("class","svg-gray-out"),this._path.setAttribute("fill-rule","evenodd"),this._addOverlay(this._path,D.Background));let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0],t={width:this.designerCanvas.containerBoundingRect.width/this.designerCanvas.scaleFactor,height:this.designerCanvas.containerBoundingRect.height/this.designerCanvas.scaleFactor},i="M0 0 L"+t.width+" 0 L"+t.width+" "+t.height+" L0 "+t.height+" Z ";i+="M"+e.p1.x+" "+e.p1.y+" L"+e.p2.x+" "+e.p2.y+" L"+e.p3.x+" "+e.p3.y+" L"+e.p4.x+" "+e.p4.y+" Z",this._path.setAttribute("d",i)}dispose(){this._removeAllOverlays(),this._path=null}}});import{css as _m}from"@node-projects/base-custom-webcomponent";var Ln,gl=g(()=>{"use strict";fl();Ln=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new On(e,t,i)}style=_m`.svg-gray-out{stroke:transparent;fill:rgba(211,211,211,.8);pointer-events:none}`}});var Nn,yl=g(()=>{"use strict";ie();J();Nn=class extends z{_text;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);this._text=this._drawText("Press ALT (or hold) to enter container",e.x+5,e.y+12,"svg-text-enter-container",this._text,D.Foreground),this._text.style.fontSize=14/this.designerCanvas.scaleFactor+"px",this._text.setAttribute("x",""+(e.x+5/this.designerCanvas.scaleFactor)),this._text.setAttribute("y",""+(e.y+12/this.designerCanvas.scaleFactor))}dispose(){this._removeAllOverlays()}}});import{css as bm}from"@node-projects/base-custom-webcomponent";var Rn,vl=g(()=>{"use strict";yl();Rn=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new Nn(e,t,i)}static style=bm`.svg-text-enter-container{stroke:none;fill:#000;stroke-width:1;font-weight:800;font-family:monospace}`}});var Fn,xl=g(()=>{"use strict";ie();J();Fn=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p3.x,i.p3.y,i.p4.x,i.p4.y)&&(this._rect=this._drawTransformedRect(i,"svg-invisible-div",this._rect,D.Background))}dispose(){this._removeAllOverlays()}}});import{css as Sm}from"@node-projects/base-custom-webcomponent";var _l,zn,Bn=g(()=>{"use strict";xl();_l="invisibleElementExtensionShowOverlay",zn=class{elementFilter;constructor(e=t=>t.name=="div"&&window.getComputedStyle(t.element).display!="inline"){this.elementFilter=e}shouldExtend(e,t,i){if(t.instanceServiceContainer.designContext.extensionOptions[_l]!==!1&&this.elementFilter(i)){let r=window.getComputedStyle(i.element);return r.backgroundColor=="rgba(0, 0, 0, 0)"&&r.borderStyle=="none"}return!1}getExtension(e,t,i){return new Fn(e,t,i)}static style=Sm`.svg-invisible-div{stroke:#d3d3d3;fill:transparent;stroke-width:1}`}});var Vn,bl=g(()=>{"use strict";ee();Vn=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){let r=t.elementsFromPoint(e.x,e.y);return r.length>0?[{title:"items below",children:[...r.map(s=>({title:"select: "+s.localName+(s.id?" (#"+s.id+")":""),action:()=>this._select(t,s)}))]}]:[]}_select(e,t){let i=M.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});function di(n){let e=getComputedStyle(n),t=1,i=1;return e.gridRowEnd=="auto"?t=1:e.gridRowEnd.startsWith("span")?t=parseInt(e.gridRowEnd.substring(4)):t=parseInt(e.gridRowEnd)-parseInt(e.gridRowStart),e.gridColumnEnd=="auto"?i=1:e.gridColumnEnd.startsWith("span")?i=parseInt(e.gridColumnEnd.substring(4)):i=parseInt(e.gridColumnEnd)-parseInt(e.gridColumnStart),{colSpan:i,rowSpan:t}}function Qe(n){let e=n.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(n.element),t=n.element.getBoxQuads({relativeTo:n.instanceServiceContainer.designerCanvas.canvas})[0],i=getComputedStyle(n.element),r=i.gridTemplateRows.split(" "),s=i.gridTemplateColumns.split(" "),o=Number.parseFloat(i.paddingLeft),a=Number.parseFloat(i.paddingTop),l=0,c=0,h=0,d=0,p=t.p1.x,f=t.p1.y;p+=parseFloat(i.borderLeftWidth),f+=parseFloat(i.borderTopWidth);let m=null;i.gridTemplateAreas&&i.gridTemplateAreas!=="none"&&(m=i.gridTemplateAreas.split('"')),i.columnGap&&i.columnGap!="normal"&&(c=Number.parseFloat(i.columnGap.replace("px",""))),i.rowGap&&i.rowGap!="normal"&&(h=Number.parseFloat(i.rowGap.replace("px","")));let u=0,y=0;for(let _ of s){let w=Number.parseFloat(_.replace("px",""));u+=w+c}u-=c;for(let _ of r){let w=Number.parseFloat(_.replace("px",""));y+=w+h}if(y-=h,i.justifyContent=="center")p+=(e.width-u)/2;else if(i.justifyContent=="end")p+=e.width-u;else if(i.justifyContent=="space-between")c+=(e.width-u)/(s.length-1);else if(i.justifyContent=="space-around"){let _=(e.width-u)/(s.length*2);c+=_*2,p+=_}else if(i.justifyContent=="space-evenly"){let _=(e.width-u)/(s.length+1);c+=_,p+=_}if(i.alignContent=="center")p+=(e.height-y)/2;else if(i.alignContent=="end")p+=e.height-y;else if(i.alignContent=="space-between")h+=(e.height-y)/(r.length-1);else if(i.alignContent=="space-around"){let _=(e.height-y)/(r.length*2);h+=_*2,f+=_}else if(i.alignContent=="space-evenly"){let _=(e.height-y)/(r.length+1);h+=_,f+=_}let x={cells:[],gaps:[],xGap:c,yGap:h};for(let _=0;_<r.length;_++){let w=r[_],A=null;m&&m[d+1]&&(A=m[d+1].split(" "));let k=0,P=0,T=Number.parseFloat(w.replace("px","")),N=[];x.cells.push(N);for(let X=0;X<s.length;X++){let O=s[X];X>0&&(x.gaps.push({x:k+p+o,y:l+f+a,width:c,height:T,column:X,row:_,type:"v"}),k+=c);let K=Number.parseFloat(O.replace("px",""));_>0&&x.gaps.push({x:k+p+o,y:l+f-h+a,width:K,height:h,column:X,row:_,type:"h"});let ne=null;if(A&&A[P]){let de=A[P].trim();de!="."&&(ne=de)}let re={x:k+p+o,y:l+f+a,width:K,height:T,name:ne};N.push(re),k+=K,P++}l+=T+h,d+=2}return x}var pi=g(()=>{"use strict"});var Hn,Sl=g(()=>{"use strict";pi();be();ni();oe();Hn=class{_basePlacementService;constructor(e){this._basePlacementService=e??new Xe}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("width"),r.removeStyle("height"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=G(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="grid"||t.display=="inline-grid"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return G(e.element)}placePoint(e,t,i,r,s,o,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof Xe).placePoint(e,t,i,r,s,o,a)}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=Qe(i),c=t.getNormalizedEventCoordinates(e),h=0,d=0;for(let p of l.cells){d=0;for(let f of p){if(sa(c,f)){let m=di(a[0].element);f.name?(a[0].element.style.gridColumn="",a[0].element.style.gridRow="",a[0].element.style.gridArea=f.name):(a[0].element.style.gridArea="",m.colSpan<=1?(a[0].element.style.gridColumn=""+(d+1),a[0].element.style.gridRow=""+(h+1)):(a[0].element.style.gridColumnStart=""+(d+1),a[0].element.style.gridRowStart=""+(h+1),a[0].element.style.gridColumnEnd=""+(d+m.colSpan+1),a[0].element.style.gridRowEnd=""+(h+m.rowSpan+1)))}d++}h++}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,s,o,a){let l=Qe(i),c=t.getNormalizedEventCoordinates(e),h=0,d=0;h=0;for(let p of l.cells){d=0;for(let f of p){if(sa(c,f)){let m=di(a[0].element);f.name?(a[0].setStyle("grid-area",f.name),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-area",f.name)):m.colSpan<=1?(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-row-start"),a[0].removeStyle("grid-row-end"),a[0].removeStyle("grid-column-start"),a[0].removeStyle("grid-column-end"),a[0].setStyle("grid-column",""+(d+1)),a[0].setStyle("grid-row",""+(h+1))):(a[0].removeStyle("grid-area"),a[0].removeStyle("grid-column"),a[0].removeStyle("grid-row"),a[0].setStyle("grid-column-start",""+(d+1)),a[0].setStyle("grid-row-start",""+(h+1)),a[0].setStyle("grid-column-end",""+(d+m.colSpan+1)),a[0].setStyle("grid-row-end",""+(h+m.rowSpan+1)))}d++}h++}t.extensionManager.refreshAllExtensions([i])}moveElements(e,t,i){}}});var Wn,wl=g(()=>{"use strict";Wn=class{getElementAtPoint(e,t){return e.getElementAtPoint(t)}}});var Gn,Cl=g(()=>{"use strict";oe();ni();Gn=class{_basePlacementService;constructor(e){this._basePlacementService=e??new Xe}enterContainer(e,t,i){for(let r of t)e.insertChild(r),r.removeStyle("position"),r.removeStyle("left"),r.removeStyle("top"),r.removeStyle("right"),r.removeStyle("transform")}leaveContainer(e,t){for(let i of t)if(!i.lastContainerSize){let r=G(i.element);i.lastContainerSize={width:r.width,height:r.height}}}serviceForContainer(e,t,i){return t.display=="flex"||t.display=="inline-flex"?!(i!=null&&i.getComputedStyle()?.position=="absolute"):!1}isEnterableContainer(e){return this._basePlacementService.isEnterableContainer(e)}canEnter(e,t){return e.instanceServiceContainer.designerCanvas.readOnly?!1:this._basePlacementService.canEnter(e,t)}canLeave(e,t){return!0}getElementOffset(e,t){return G(e.element)}placePoint(e,t,i,r,s,o,a){return i.serviceContainer.getLastServiceWhere("containerService",c=>c instanceof Xe).placePoint(e,t,i,r,s,o,a)}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=t.getNormalizedEventCoordinates(e),c=getComputedStyle(i.element),h=Array.from(i.children()).filter(d=>!d.isEmptyTextNode).map(d=>[d,t.getNormalizedElementCoordinates(d.element)]);if(c.flexDirection=="row"||c.flexDirection=="row-reverse"){h.sort(m=>m[1].x);let d=null;for(let m of h)if(m[1].x+m[1].width/2<l.x&&(d=m,c.flexDirection=="row-reverse"))break;let p=h.indexOf(d),f=h.indexOf(h.find(m=>m[0]==a[0]));if(d&&d[0]!=a[0]){if(c.flexDirection=="row-reverse"&&p-1===f||c.flexDirection=="row"&&p+1===f)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?d[0].insertAdjacentElement(a[0],"beforebegin"):d[0].insertAdjacentElement(a[0],"afterend"),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(d==null){if(f==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="row-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}else if(c.flexDirection=="column"||c.flexDirection=="column-reverse"){h.sort(m=>m[1].y);let d=null;for(let m of h)if(m[1].y+m[1].height/2<l.y&&(d=m,c.flexDirection=="column-reverse"))break;let p=h.indexOf(d),f=h.indexOf(h.find(m=>m[0]==a[0]));if(d&&d[0]!=a[0]){if(c.flexDirection=="column-reverse"&&p-1===f||c.flexDirection=="column"&&p+1===f)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?d[0].insertAdjacentElement(a[0],"beforebegin"):d[0].insertAdjacentElement(a[0],"afterend"),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}else if(d==null){if(f==0)return;let m=[...i.instanceServiceContainer.selectionService.selectedElements],u=a[0].openGroup("move in flexbox");a[0].parent&&a[0].remove(),c.flexDirection=="column-reverse"?i.insertChild(a[0]):i.insertChild(a[0],0),u.commit(),i.instanceServiceContainer.selectionService.setSelectedElements(m)}}t.extensionManager.refreshAllExtensions([i])}finishPlace(e,t,i,r,s,o,a){}moveElements(e,t,i){}}});var wm,Cm,jn,El=g(()=>{"use strict";oe();wm="provideSnaplinesWithDistance",Cm="provideSnaplinesWithDistanceDistance",jn=class{provideSnaplines(e,t){{let i=e.instanceServiceContainer.designerCanvas,r=new Map(t.map(m=>[m.element,m])),s=G(e.element),o=i.instanceServiceContainer.designContext.extensionOptions[wm]!==!1,a=i.instanceServiceContainer.designContext.extensionOptions[Cm]??5,l=[],c=[],h=[],d=[],p=e.document.createTreeWalker(e.usableContainer,NodeFilter.SHOW_ELEMENT),f=p.nextNode();for(;f!=null;)if(r.has(f))f=p.nextSibling();else{let m=G(f),u=(m.x-s.x)/i.scaleFactor,y=(m.x-s.x+m.width/2)/i.scaleFactor,x=(m.x-s.x+m.width)/i.scaleFactor,_=(m.y-s.y)/i.scaleFactor,w=(m.y-s.y+m.height/2)/i.scaleFactor,A=(m.y-s.y+m.height)/i.scaleFactor,k={x:u+s.x,y:_+s.y,width:m.width/i.scaleFactor,height:m.height/i.scaleFactor};o&&l.push([u-a,k]),l.push([u,k]),c.push([y,k]),l.push([x,k]),o&&l.push([x+a,k]),o&&h.push([_-a,k]),h.push([_,k]),d.push([w,k]),h.push([A,k]),o&&h.push([A+a,k]),f=p.nextNode()}return l.push([0,{x:0,y:0,width:0,height:0}]),l.sort((m,u)=>m[0]-u[0]),c.sort((m,u)=>m[0]-u[0]),h.push([0,{x:0,y:0,width:0,height:0}]),h.sort((m,u)=>m[0]-u[0]),d.sort((m,u)=>m[0]-u[0]),{outerRect:s,positionsH:l,positionsMiddleH:c,positionsV:h,positionsMiddleV:d}}}}});var Un,Al=g(()=>{"use strict";ee();Ze();Un=class{dragOver(e,t){return e.readOnly?"none":t.dataTransfer.items[0].type.startsWith("image/")?"copy":"none"}async drop(e,t){if(t.dataTransfer.files[0].type.startsWith("image/")){let i=await M.createDesignItemFromImageBlob(e.serviceContainer,e.instanceServiceContainer,t.dataTransfer.files[0]),r=i.openGroup("Insert of &lt;img&gt;");i.setStyle("position","absolute");let s=e.getNormalizedEventCoordinates(t);i.setStyle("top",s.y+"px"),i.setStyle("left",s.x+"px"),e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,i)),r.commit(),requestAnimationFrame(()=>e.instanceServiceContainer.selectionService.setSelectedElements([i]))}}}});import{css as Em}from"@node-projects/base-custom-webcomponent";var Kn,Pl=g(()=>{"use strict";Tn();Kn=class{shouldExtend(e,t,i){return!(i.isRootItem||i.name==="input")}getExtension(e,t,i){return new hi(e,t,i)}static style=Em`.svg-edit-text-clickoutside{stroke:transparent;fill:#d3d3d3;opacity:.7}`}});async function Wb(n){Ui([["text/plain",n]])}async function Ui(n){if(navigator.clipboard){try{let e=[];for(let t of n)e.push(new ClipboardItem({[t[0]]:new Blob([t[1]],{type:t[0]})}));await navigator.clipboard.write(e)}catch{await navigator.clipboard.writeText(n[0][1]),Il=n[0][1]}console.info("Copy to clipboard successful")}else{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;Il=n[0][1];let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",t.value=n[0][1],document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch{try{document.execCommand("copy")}catch(r){console.error(r)}}document.body.removeChild(t),e.focus()}}async function Yn(){return navigator.clipboard?new Promise(async(n,e)=>{let t=await navigator.clipboard.readText();n(t)}):new Promise(async(n,e)=>{let t=document.createElement("textarea");t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="2em",t.style.height="2em",t.style.padding="0",t.style.border="none",t.style.outline="none",t.style.boxShadow="none",t.style.background="transparent",document.body.appendChild(t),t.focus(),t.select(),document.execCommand("paste");let i=t.value;i||(i=Il),document.body.removeChild(t),n(i)})}async function Xn(){return navigator.clipboard?await navigator.clipboard.read():null}var Il,Zn=g(()=>{"use strict";Il=null});var ad,qn,kl=g(()=>{"use strict";He();Zn();Pe();ad="web text/positions",qn=class{async copyItems(e){let t=ae(e),i=Y.ConvertToString(t,!1),r=t.map(s=>s.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(s.element));Ui([["text/html",i],[ad,JSON.stringify(r)]])}async getPasteItems(e,t){let i="",r=null,s=await Xn();if(s!=null){try{i=await(await s[0].getType("text/html"))?.text()}catch{}i||(i=await(await s[0].getType("text/plain"))?.text());try{let a=await(await s[0].getType(ad))?.text();r=JSON.parse(a)}catch{}}else i=await Yn();return[await e.htmlParserService.parse(i,e,t,!0),r]}}});var xe,Dl=g(()=>{"use strict";(function(n){n[n.TOP=0]="TOP",n[n.RIGHT=1]="RIGHT",n[n.BOTTOM=2]="BOTTOM",n[n.LEFT=3]="LEFT",n[n.VERTICAL_CENTER=4]="VERTICAL_CENTER",n[n.HORIZONTAL_CENTER=5]="HORIZONTAL_CENTER"})(xe||(xe={}))});var dt,wt,ld=g(()=>{"use strict";Dl();dt=class{static arrangeElements(e,t,i){switch(e){case xe.TOP:{let r=this.formGroup(wt.TOP,t),o=t.getNormalizedElementCoordinates(i[0].element).y;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.y){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-o-l.height;this.arrange(a,"bottom",h+"px")}else{let h=o-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case xe.BOTTOM:{let r=this.formGroup(wt.BOTTOM,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.y+s.height;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.y+l.height){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-o;this.arrange(a,"bottom",h+"px")}else{let h=o-l.height-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case xe.LEFT:{let r=this.formGroup(wt.LEFT,t),o=t.getNormalizedElementCoordinates(i[0].element).x;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.x){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-o-l.width;this.arrange(a,"right",h+"px")}else{let h=o-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case xe.RIGHT:{let r=this.formGroup(wt.RIGHT,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.x+s.width;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.x+l.width){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-o;this.arrange(a,"right",h+"px")}else{let h=o-l.width-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}case xe.VERTICAL_CENTER:{let r=this.formGroup(wt.VERTICAL_CENTER,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.y+s.height/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.y+l.height/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("bottom")&&!a.hasStyle("top")){let h=c.y+c.height-o-l.height/2;this.arrange(a,"bottom",h+"px")}else{let h=o-l.height/2-c.y;this.arrange(a,"top",h+"px")}}}r.commit();break}case xe.HORIZONTAL_CENTER:{let r=this.formGroup(wt.HORIZONTAL_CENTER,t),s=t.getNormalizedElementCoordinates(i[0].element),o=s.x+s.width/2;for(let a of i){let l=t.getNormalizedElementCoordinates(a.element);if(o!=l.x+l.width/2){let c=t.getNormalizedElementCoordinates(a.parent.element);if(a.hasStyle("right")&&!a.hasStyle("left")){let h=c.x+c.width-o-l.width/2;this.arrange(a,"right",h+"px")}else{let h=o-l.width/2-c.x;this.arrange(a,"left",h+"px")}}}r.commit();break}}}static arrange(e,t,i){e.setStyle(t,i)}static formGroup(e,t){return t.instanceServiceContainer.selectionService.primarySelection.openGroup(e)}};(function(n){n.TOP="arrangeTop",n.RIGHT="arrangeRight",n.BOTTOM="arrangeBottom",n.LEFT="arrangeLeft",n.HORIZONTAL_CENTER="arrangeHorizontalCenter",n.VERTICAL_CENTER="arrangeVerticalCenter"})(wt||(wt={}))});var Qn,Tl=g(()=>{"use strict";ht();ld();Dl();Qn=class{canExecuteCommand(e,t,i){return t.type==E.moveBackward||t.type==E.moveForward||t.type==E.moveToBack||t.type==E.moveToFront?e.instanceServiceContainer.selectionService.primarySelection!=null&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:t.type==E.arrangeBottom||t.type==E.arrangeCenter||t.type==E.arrangeLeft||t.type==E.arrangeMiddle||t.type==E.arrangeRight||t.type==E.arrangeTop||t.type==E.unifyHeight||t.type==E.unifyWidth?e.instanceServiceContainer.selectionService.selectedElements.length>1:t.type==E.rotateCounterClockwise||t.type==E.rotateClockwise||t.type==E.mirrorHorizontal||t.type==E.mirrorVertical?e.instanceServiceContainer.selectionService.selectedElements.length>0&&!e.instanceServiceContainer.selectionService.primarySelection.isRootItem:null}async executeCommand(e,t,i){i=i??[...e.instanceServiceContainer.selectionService.selectedElements];let r=i[0];if(t.type==E.moveBackward){let o=r.parent.indexOf(r)-1;o>=0&&r.parent.insertChild(r,o)}else if(t.type==E.moveForward){let o=r.parent.indexOf(r)+1;o<r.parent.childCount&&r.parent.insertChild(r,o)}else if(t.type==E.moveToBack)r.parent.insertChild(r,0);else if(t.type==E.moveToFront)r.parent.insertChild(r);else if(t.type==E.arrangeTop)dt.arrangeElements(xe.TOP,e,i);else if(t.type==E.arrangeRight)dt.arrangeElements(xe.RIGHT,e,i);else if(t.type==E.arrangeLeft)dt.arrangeElements(xe.LEFT,e,i);else if(t.type==E.arrangeBottom)dt.arrangeElements(xe.BOTTOM,e,i);else if(t.type==E.arrangeCenter)dt.arrangeElements(xe.HORIZONTAL_CENTER,e,i);else if(t.type==E.arrangeMiddle)dt.arrangeElements(xe.VERTICAL_CENTER,e,i);else if(t.type==E.unifyHeight){let o=r.openGroup("unifyHeight"),a=r.getStyle("height");for(let l of i)l.setStyle("height",a);o.commit()}else if(t.type==E.unifyWidth){let o=r.openGroup("unifyWidth"),a=r.getStyle("width");for(let l of i)l.setStyle("width",a);o.commit()}else if(t.type==E.rotateCounterClockwise){let o=r.openGroup("rotateCounterClockwise");var s=r.getStyle("transform");let a=0,l="";if(s!=null)try{s.includes("-")?a=parseInt(s.match(/\d+/)[0])*-1:a=parseInt(s.match(/\d+/)[0]),l="rotate("+(a-90)+"deg)"}catch{l="rotate(-90deg)"}else l="rotate(-90deg)";for(let c of i)c.setStyle("transform",l);o.commit()}else if(t.type==E.rotateClockwise){let o=r.openGroup("rotateClockwise");var s=r.getStyle("transform");let l=0,c="";if(s!=null)try{s.includes("-")?l=parseInt(s.match(/\d+/)[0])*-1:l=parseInt(s.match(/\d+/)[0]),c="rotate("+(l+90)+"deg)"}catch{c="rotate(90deg)"}else c="rotate(90deg)";for(let h of i)h.setStyle("transform",c);o.commit()}else if(t.type==E.mirrorHorizontal){let o=r.openGroup("mirrorHorizontal");for(let a of i)a.setStyle("transform","scaleX(-1)");o.commit()}else if(t.type==E.mirrorVertical){let o=r.openGroup("mirrorVertical");for(let a of i)a.setStyle("transform","scaleY(-1)");o.commit()}else return null;return!0}}});var pt,Ml=g(()=>{"use strict";pt=class{_space;constructor(e){this._space=e}provideButtons(e,t){let i=document.createElement("div");return i.style.width=this._space+"px",i.oncontextmenu=r=>{r.preventDefault()},[i]}}});var $n,Ol=g(()=>{"use strict";pi();zt();ie();J();$n=class extends z{_cells;_texts;_gaps;_group;gridInformation;gridInformationString;_lastEvent;gridColor;gridFillColor;constructor(e,t,i,r,s){super(e,t,i),this.gridColor=r,this.gridFillColor=s}extend(e,t){this._initSVGArrays(),this.refresh(t)}refresh(e,t){this.gridInformation=Qe(this.extendedItem);let i=JSON.stringify(this.gridInformation);if(i!==this.gridInformationString||t!=null&&this._lastEvent!==t){t&&(this._lastEvent=t),this.gridInformationString=i;let r=this.gridInformation.cells;r[0][0]&&!isNaN(r[0][0].height)&&!isNaN(r[0][0].width)&&((this.gridInformation.cells.length!=this._cells.length||this.gridInformation.cells[0].length!=this._cells[0].length)&&this._initSVGArrays(),this._group||(this._group=this._drawGroup(null,this._group,D.Background),this._group.style.transform=qe(this.extendedItem.element).toString(),this._group.style.transformOrigin="0 0",this._group.style.transformBox="fill-box",this._group.style.setProperty("--svg-grid-stroke-color",this.gridColor),this._group.style.setProperty("--svg-grid-fill-color",this.gridFillColor)),this.gridInformation.gaps.forEach((s,o)=>{this._gaps[o]=this._drawRect(s.x,s.y,s.width,s.height,"svg-grid-gap",this._gaps[o],D.Background),this._group.appendChild(this._gaps[o])}),r.forEach((s,o)=>{s.forEach((a,l)=>{if(this._cells[o][l]=this._drawRect(a.x,a.y,a.width,a.height,"svg-grid",this._cells[o][l],D.Background),this._group.appendChild(this._cells[o][l]),a.name&&(this._texts[o][l]=this._drawText(a.name,a.x,a.y,"svg-grid-area",this._texts[o][l],D.Background),this._texts[o][l].setAttribute("dominant-baseline","hanging")),this._lastEvent&&this._lastEvent instanceof MouseEvent){let c=this.designerCanvas.getNormalizedEventCoordinates(this._lastEvent);c.x>=a.x&&c.y>=a.y&&c.x<=a.x+a.width&&c.y<=a.y+a.height&&this._cells[o][l].setAttribute("class","svg-grid-current-cell")}})}))}}dispose(){this._removeAllOverlays()}_initSVGArrays(){this._removeAllOverlays(),this._group=null,this.gridInformation=Qe(this.extendedItem),this._cells=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._cells[t]=new Array(e.length)),this._texts=new Array(this.gridInformation.cells.length),this.gridInformation.cells.forEach((e,t)=>this._texts[t]=new Array(e.length)),this._gaps=new Array(this.gridInformation.gaps.length)}}});import{css as Am}from"@node-projects/base-custom-webcomponent";var Ki,Bt,Yi=g(()=>{"use strict";Ol();li();Ki="gridExtensionShowOverlay",Bt=class{gridColor;gridFillColor;constructor(e="orange",t="#ff944722"){this.gridColor=e,this.gridFillColor=t}shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Ki]!==!1:!1}getExtension(e,t,i){return new $n(e,t,i,this.gridColor,this.gridFillColor)}static style=Am`.svg-grid{stroke:var(--svg-grid-stroke-color);stroke-dasharray:5;fill:var(--svg-grid-fill-color)}.svg-grid-current-cell{stroke:var(--svg-grid-stroke-color);stroke-dasharray:5;fill:#e3ff4722}.svg-grid-area{font-size:8px}.svg-grid-gap{stroke:transparent;fill:var(--svg-grid-stroke-color);opacity:.3;mask:url(#mask-stripe-grid)}.svg-grid-header{fill:var(--svg-grid-fill-color);stroke:var(--svg-grid-stroke-color)}.svg-grid-plus-sign{stroke:#000}`;static svgDefs=ai`<pattern id="pattern-stripe-grid" width="4" height="4" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="1" height="4" transform="translate(0,0)" fill="white"></rect></pattern><mask id="mask-stripe-grid"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-grid)"></mask>`}});var Jn,Ll=g(()=>{"use strict";Yi();Tt();Jn=class extends Re{constructor(){super(Ki,"G","show grid overlay")}}});var es,Nl=g(()=>{"use strict";le();J();Ge();ee();Ze();Fe();es=class{cursor="crosshair";_path;_startPoint;_minX;_minY;_maxX;_maxY;_px;_py;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","rect"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x",r.x.toString()),this._path.setAttribute("y",r.y.toString()),this._path.setAttribute("width","0"),this._path.setAttribute("height","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,D.Foreground);break;case S.PointerMove:if(this._path)if(this._minX=r.x<this._startPoint.x?r.x:this._startPoint.x,this._maxX=r.x>this._startPoint.x?r.x:this._startPoint.x,this._minY=r.y<this._startPoint.y?r.y:this._startPoint.y,this._maxY=r.y>this._startPoint.y?r.y:this._startPoint.y,j(t)){if(t.shiftKey){let d=2*Ye(this._startPoint,r);this._px=this._startPoint.x-d/2,this._py=this._startPoint.y-d/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else{let d=2*(this._maxX-this._minX),p=2*(this._maxY-this._minY);this._px=r.x<this._startPoint.x?r.x:this._startPoint.x-d/2,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y-p/2,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",p.toString())}this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}else{if(t.shiftKey){let d=Ye(this._startPoint,r);this._px=r.x<this._startPoint.x?this._startPoint.x-d:this._startPoint.x,this._py=r.y<this._startPoint.y?this._startPoint.y-d:this._startPoint.y,this._path.setAttribute("width",d.toString()),this._path.setAttribute("height",d.toString())}else this._px=r.x<this._startPoint.x?r.x:this._startPoint.x,this._py=r.y<this._startPoint.y?r.y:this._startPoint.y,this._path.setAttribute("width",(this._maxX-this._minX).toString()),this._path.setAttribute("height",(this._maxY-this._minY).toString());this._path.setAttribute("x",this._px.toString()),this._path.setAttribute("y",this._py.toString())}break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s;this._path.setAttribute("x",(this._px-l).toString()),this._path.setAttribute("y",(this._py-c).toString()),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let h=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,h)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var ts,Rl=g(()=>{"use strict";le();J();Ge();ee();Ze();Fe();ts=class{cursor="crosshair";_path;_startPoint;_radius;_cx;_cy;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","ellipse"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("fill",e.serviceContainer.globalContext.fillBrush),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("cx",r.x.toString()),this._path.setAttribute("cy",r.y.toString()),this._path.setAttribute("rx","0"),this._path.setAttribute("ry","0"),e.overlayLayer.addOverlay(this.constructor.name,this._path,D.Foreground);break;case S.PointerMove:if(this._path)if(this._radius={x:Math.abs(r.x-this._startPoint.x),y:Math.abs(r.y-this._startPoint.y)},j(t))if(this._path.setAttribute("cx",this._startPoint.x.toString()),this._path.setAttribute("cy",this._startPoint.y.toString()),this._cx=this._startPoint.x,this._cy=this._startPoint.y,t.shiftKey){let d=Ye(this._startPoint,r);this._path.setAttribute("rx",d.toString()),this._path.setAttribute("ry",d.toString())}else this._path.setAttribute("rx",this._radius.x.toString()),this._path.setAttribute("ry",this._radius.y.toString());else{if(t.shiftKey){let d=Ye(this._startPoint,r);this._radius={x:d,y:d}}this._cx=r.x<this._startPoint.x?this._startPoint.x-this._radius.x/2:this._startPoint.x+this._radius.x/2,this._cy=r.y<this._startPoint.y?this._startPoint.y-this._radius.y/2:this._startPoint.y+this._radius.y/2,this._path.setAttribute("cx",this._cx.toString()),this._path.setAttribute("cy",this._cy.toString()),this._path.setAttribute("rx",(this._radius.x/2).toString()),this._path.setAttribute("ry",(this._radius.y/2).toString())}break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s;a.appendChild(this._path),this._path.setAttribute("cx",(this._cx-l).toString()),this._path.setAttribute("cy",(this._cy-c).toString()),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let h=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,h)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var is,Fl=g(()=>{"use strict";le();J();Ge();ee();Ze();is=class{cursor="crosshair";_path;_startPoint;_endPoint;constructor(){}activated(e){}dispose(){}pointerEventHandler(e,t,i){let r=e.getNormalizedEventCoordinates(t),s=10;switch(t.type){case S.PointerDown:this._startPoint=r,t.target.setPointerCapture(t.pointerId),e.captureActiveTool(this),this._path=document.createElementNS("http://www.w3.org/2000/svg","line"),this._path.setAttribute("stroke",e.serviceContainer.globalContext.strokeColor),this._path.setAttribute("stroke-width",e.serviceContainer.globalContext.strokeThickness),this._path.setAttribute("x1",r.x.toString()),this._path.setAttribute("y1",r.y.toString()),this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),e.overlayLayer.addOverlay(this.constructor.name,this._path,D.Foreground);break;case S.PointerMove:if(this._path)if(t.shiftKey){let d=ot(this._startPoint,r);this._path.setAttribute("x2",d.x.toString()),this._path.setAttribute("y2",d.y.toString()),this._endPoint=d}else this._path.setAttribute("x2",r.x.toString()),this._path.setAttribute("y2",r.y.toString()),this._endPoint=r;break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId),e.releaseActiveTool();let o=e.getNormalizedElementCoordinates(this._path);e.overlayLayer.removeOverlay(this._path);let a=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=o.x-s,c=o.y-s;this._path.setAttribute("x1",(this._startPoint.x-l).toString()),this._path.setAttribute("y1",(this._startPoint.y-c).toString()),this._path.setAttribute("x2",(this._endPoint.x-l).toString()),this._path.setAttribute("y2",(this._endPoint.y-c).toString()),this._path.removeAttribute("stroke"),this._path.removeAttribute("stroke-width"),this._path.removeAttribute("overlay-source"),a.appendChild(this._path),a.style.left=l+"px",a.style.top=c+"px",a.style.position="absolute",a.style.width=Math.round(o.width+2*s)+"px",a.style.height=Math.round(o.height+2*s)+"px",a.style.overflow="visible",a.style.stroke=e.serviceContainer.globalContext.strokeColor,a.style.strokeWidth=e.serviceContainer.globalContext.strokeThickness,this._path=null;let h=M.createDesignItemFromInstance(a,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.undoService.execute(new fe(e.rootDesignItem,e.rootDesignItem.childCount,h)),e.serviceContainer.globalContext.finishedWithTool(this);break}}keyboardEventHandler(e,t,i){}}});var mi,rs=g(()=>{"use strict";mi=class n{static _helperElement=document.createElement("div");static combine(e,t){let i=n._helperElement;i.setAttribute("style","");for(let r of e)i.style[r[0]]=r[1];if(n.combineBorder(e),n.combineMargin(e),n.combinePadding(e),n.combineInset(e),n.combineBackground(e),n.combineFont(e),t)for(let r of t)e.has(r[0])&&e.get(r[0])===r[1]&&e.delete(r[0]);return e}static combineBorder(e){if(!n.checkIfStyleIsCombinable(e,"border-left-style")||!n.checkIfStyleIsCombinable(e,"border-right-style")||!n.checkIfStyleIsCombinable(e,"border-top-style")||!n.checkIfStyleIsCombinable(e,"border-bottom-style")||!n.checkIfStyleIsCombinable(e,"border-left-color")||!n.checkIfStyleIsCombinable(e,"border-right-color")||!n.checkIfStyleIsCombinable(e,"border-top-color")||!n.checkIfStyleIsCombinable(e,"border-bottom-color")||!n.checkIfStyleIsCombinable(e,"border-left-width")||!n.checkIfStyleIsCombinable(e,"border-right-width")||!n.checkIfStyleIsCombinable(e,"border-top-width")||!n.checkIfStyleIsCombinable(e,"border-bottom-width")||!n.checkIfStyleIsCombinable(e,"border-width")||!n.checkIfStyleIsCombinable(e,"border-style")||!n.checkIfStyleIsCombinable(e,"border-color")||!n.checkIfStyleIsCombinable(e,"border-top")||!n.checkIfStyleIsCombinable(e,"border-right")||!n.checkIfStyleIsCombinable(e,"border-left")||!n.checkIfStyleIsCombinable(e,"border-bottom")||!n.checkIfStyleIsCombinable(e,"border-width"))return;let t=n._helperElement,i=t.style.borderLeftStyle,r=t.style.borderLeftColor;if(i&&r&&t.style.borderRightStyle===i&&t.style.borderTopStyle===i&&t.style.borderBottomStyle===i&&t.style.borderRightColor===r&&t.style.borderTopColor===r&&t.style.borderBottomColor===r){let s=t.style.borderTopWidth,o=t.style.borderRightWidth,a=t.style.borderBottomWidth,l=t.style.borderLeftWidth;e.delete("border-left-style"),e.delete("border-right-style"),e.delete("border-top-style"),e.delete("border-bottom-style"),e.delete("border-left-color"),e.delete("border-right-color"),e.delete("border-top-color"),e.delete("border-bottom-color"),e.delete("border-left-width"),e.delete("border-right-width"),e.delete("border-top-width"),e.delete("border-bottom-width"),e.delete("border-width"),e.delete("border-style"),e.delete("border-color"),e.delete("border-top"),e.delete("border-right"),e.delete("border-left"),e.delete("border-bottom"),t.style.borderRightWidth==l&&t.style.borderTopWidth===l&&t.style.borderBottomWidth===l?e.set("border",l+" "+i+" "+r):(e.set("border",i+" "+r),s===a&&o===l?e.set("border-width",s+" "+o):e.set("border-width",s+" "+o+" "+a+" "+l))}t.style.borderImageSource==="initial"&&e.delete("border-image-source"),t.style.borderImageSlice==="initial"&&e.delete("border-image-slice"),t.style.borderImageWidth==="initial"&&e.delete("border-image-width"),t.style.borderImageOutset==="initial"&&e.delete("border-image-outset"),t.style.borderImageRepeat==="initial"&&e.delete("border-image-repeat")}static combineMargin(e){if(!n.checkIfStyleIsCombinable(e,"margin-top")||!n.checkIfStyleIsCombinable(e,"margin-right")||!n.checkIfStyleIsCombinable(e,"margin-bottom")||!n.checkIfStyleIsCombinable(e,"margin-left")||!n.checkIfStyleIsCombinable(e,"margin"))return;let t=n._helperElement;t.style.marginTop&&t.style.marginRight&&t.style.marginBottom&&t.style.marginLeft&&(e.delete("margin-top"),e.delete("margin-right"),e.delete("margin-bottom"),e.delete("margin-left"),t.style.marginTop==t.style.marginRight&&t.style.marginTop==t.style.marginBottom&&t.style.marginTop==t.style.marginLeft?e.set("margin",t.style.marginTop):e.set("margin",t.style.marginTop+" "+t.style.marginRight+" "+t.style.marginBottom+" "+t.style.marginLeft))}static combinePadding(e){if(!n.checkIfStyleIsCombinable(e,"padding-top")||!n.checkIfStyleIsCombinable(e,"padding-right")||!n.checkIfStyleIsCombinable(e,"padding-bottom")||!n.checkIfStyleIsCombinable(e,"padding-left")||!n.checkIfStyleIsCombinable(e,"padding"))return;let t=n._helperElement;t.style.paddingTop&&t.style.paddingRight&&t.style.paddingBottom&&t.style.paddingLeft&&(e.delete("padding-top"),e.delete("padding-right"),e.delete("padding-bottom"),e.delete("padding-left"),t.style.paddingTop==t.style.paddingRight&&t.style.paddingTop==t.style.paddingBottom&&t.style.paddingTop==t.style.paddingLeft?e.set("padding",t.style.paddingTop):e.set("padding",t.style.paddingTop+" "+t.style.paddingRight+" "+t.style.paddingBottom+" "+t.style.paddingLeft))}static combineInset(e){if(!n.checkIfStyleIsCombinable(e,"top")||!n.checkIfStyleIsCombinable(e,"right")||!n.checkIfStyleIsCombinable(e,"bottom")||!n.checkIfStyleIsCombinable(e,"left")||!n.checkIfStyleIsCombinable(e,"inset"))return;let t=n._helperElement;t.style.top&&t.style.right&&t.style.bottom&&t.style.left&&(e.delete("top"),e.delete("right"),e.delete("bottom"),e.delete("left"),e.set("inset",t.style.top+" "+t.style.right+" "+t.style.bottom+" "+t.style.left))}static combineBackground(e){if(!n.checkIfStyleIsCombinable(e,"background-image")||!n.checkIfStyleIsCombinable(e,"background-position")||!n.checkIfStyleIsCombinable(e,"background-position-x")||!n.checkIfStyleIsCombinable(e,"background-position-y")||!n.checkIfStyleIsCombinable(e,"background-size")||!n.checkIfStyleIsCombinable(e,"background-repeat")||!n.checkIfStyleIsCombinable(e,"background-repeat-x")||!n.checkIfStyleIsCombinable(e,"background-repeat-y")||!n.checkIfStyleIsCombinable(e,"background-attachment")||!n.checkIfStyleIsCombinable(e,"background-origin")||!n.checkIfStyleIsCombinable(e,"background-clip")||!n.checkIfStyleIsCombinable(e,"background-color")||!n.checkIfStyleIsCombinable(e,"background"))return;let t=n._helperElement;e.delete("background-image"),e.delete("background-position"),e.delete("background-position-x"),e.delete("background-position-y"),e.delete("background-size"),e.delete("background-repeat"),e.delete("background-repeat-x"),e.delete("background-repeat-y"),e.delete("background-attachment"),e.delete("background-origin"),e.delete("background-clip"),e.delete("background-color"),e.delete("background");let i="";t.style.backgroundImage&&t.style.backgroundImage!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundImage),t.style.backgroundPosition&&t.style.backgroundPosition!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundPosition),t.style.backgroundSize&&t.style.backgroundSize!=="initial"&&(i+=(i===""?"":" / ")+t.style.backgroundSize),t.style.backgroundRepeat&&t.style.backgroundRepeat!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundRepeat),t.style.backgroundAttachment&&t.style.backgroundAttachment!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundAttachment),t.style.backgroundOrigin&&t.style.backgroundOrigin!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundOrigin),t.style.backgroundClip&&t.style.backgroundClip!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundClip),t.style.backgroundColor&&t.style.backgroundColor!=="initial"&&(i+=(i===""?"":" ")+t.style.backgroundColor),i&&e.set("background",i)}static combineFont(e){if(!n.checkIfStyleIsCombinable(e,"font-style")||!n.checkIfStyleIsCombinable(e,"font-weight")||!n.checkIfStyleIsCombinable(e,"font-size")||!n.checkIfStyleIsCombinable(e,"line-height")||!n.checkIfStyleIsCombinable(e,"font-family")||!n.checkIfStyleIsCombinable(e,"font"))return;let t=n._helperElement;if(t.style.fontFamily){e.delete("font-style"),e.delete("font-weight"),e.delete("font-size"),e.delete("line-height"),e.delete("font-family"),e.delete("font");let i="";t.style.fontStyle&&(i+=(i===""?"":" ")+t.style.fontStyle),t.style.fontWeight&&(i+=(i===""?"":" ")+t.style.fontWeight),t.style.fontSize&&(i+=(i===""?"":" ")+t.style.fontSize),t.style.lineHeight&&(i+="/"+t.style.lineHeight),t.style.fontFamily&&(i+=(i===""?"":" ")+t.style.fontFamily),e.set("font",i)}}static checkIfStyleIsCombinable(e,t){if(e.has(t)){let i=e.get(t);return typeof i=="string"?!i.startsWith("var("):!1}return!0}}});var ns,zl=g(()=>{"use strict";He();rs();_e();ns=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t){if(t.hasAttributes)for(let i of t.attributes())if(e.write(" "),typeof i[1]=="string")if(i[1]==="")e.write(i[0]);else{if(this.options.parseJsonInAttributes&&(i[1].startsWith("{")&&!i[1].startsWith("{{")&&i[1].endsWith("}")||i[1].startsWith("[")&&!i[1].startsWith("[[")&&i[1].endsWith("]")))try{let s=JSON.parse(i[1]),o;this.options.jsonWriteMode=="beauty"?o=JSON.stringify(s,null,2):o=JSON.stringify(s),e.write(i[0]+"='"+Y.normalizeAttributeValue(o,!0)+"'");continue}catch{}let r=Y.normalizeAttributeValue(i[1]);if(r.indexOf("&quot;")){let s=Y.normalizeAttributeValue(i[1],!0);s.length<r.length?e.write(i[0]+"='"+s+"'"):e.write(i[0]+'="'+r+'"')}else e.write(i[0]+'="'+r+'"')}else i[1]||e.write(i[0])}writeStyles(e,t){if(t.hasStyles){e.write(' style="');let i=t.styles();this.options.compressCssToShorthandProperties&&(i=mi.combine(new Map(i)));for(let r of i)r[0]&&(r[0].startsWith("--")?e.write(r[0]+":"+Y.normalizeAttributeValue(r[1])+";"):e.write(F.camelToDashCase(r[0])+":"+Y.normalizeAttributeValue(r[1])+";"));e.write('"')}}}});var ss,Bl=g(()=>{"use strict";He();Q();oe();zl();ss=class extends ns{constructor(e){super(e)}_conditionalyWriteIndent(e,t){(t.element instanceof t.window.HTMLElement&&!kt(t.element)||t.element.previousElementSibling instanceof t.window.HTMLElement&&!It(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!It(t.element.parentElement)&&(t.element.previousSibling==null||vr(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteIndentBefore(e,t){(t.element.previousElementSibling instanceof t.window.HTMLElement&&!It(t.element.previousElementSibling)||t.element.previousElementSibling==null&&!It(t.element.parentElement)&&(t.element.previousSibling==null||vr(t.element.previousSibling))||t.element instanceof t.window.SVGElement)&&e.writeIndent()}_conditionalyWriteNewline(e,t){(t.element instanceof t.window.HTMLElement&&!kt(t.element)||t.element.nextElementSibling instanceof t.window.HTMLElement&&!It(t.element.nextElementSibling)||t.element instanceof t.window.SVGElement)&&e.writeNewline()}write(e,t,i,r=!1){for(let s of t)this.internalWrite(e,s,r)}internalWrite(e,t,i){let r=e.position,s=e.position;if(t.nodeType==I.TextNode)vr(t.element)&&(t.element.previousSibling instanceof t.window.HTMLElement&&!kt(t.element.previousSibling)||t.element.nextSibling instanceof t.window.HTMLElement&&!It(t.element.nextSibling))||this.writeTextNode(e,t,!0),s=e.position;else if(t.nodeType==I.Comment)this._conditionalyWriteIndent(e,t),r=e.position,e.write("<!--"+t.content+"-->"),s=e.position,this._conditionalyWriteNewline(e,t);else{this._conditionalyWriteIndentBefore(e,t),r=e.position,e.write("<"+t.name),this.writeAttributes(e,t),this.writeStyles(e,t),e.write(">");let o=!1;if(t.hasChildren){let a=t.children();if(o=t.childCount===1&&t.firstChild.nodeType===I.TextNode,o){let l=t.name=="script"||t.name=="style"||t.name=="pre";this.writeTextNode(e,t,!1,!l)}else{(t.element instanceof t.window.HTMLElement&&!kt(t.element)||t.element instanceof t.window.SVGElement)&&(e.writeNewline(),e.levelRaise());for(let l of a)this.internalWrite(e,l,i),l.childCount===1&&l.firstChild.nodeType===I.TextNode&&(e.isLastCharNewline()||this._conditionalyWriteNewline(e,l));(t.element instanceof t.window.HTMLElement&&!kt(t.element)||t.element instanceof t.window.SVGElement)&&(e.levelShrink(),e.isLastCharNewline()||e.writeNewline(),e.writeIndent())}}else t.hasContent&&e.write(Y.normalizeContentValue(t.content));s=e.position,Y.IsSelfClosingElement(t.name)||e.write("</"+t.name+">"),s=e.position,!e.isLastCharNewline()&&(!t.parent||!kt(t.parent.element))&&this._conditionalyWriteNewline(e,t)}i&&t.instanceServiceContainer.designItemDocumentPositionService&&t.instanceServiceContainer.designItemDocumentPositionService.setPosition(t,{start:r,length:s-r})}writeTextNode(e,t,i,r=!0){let s=e.position,o=e.position,a=Y.normalizeContentValue(t.content);r&&(a=a.trim()),a&&(i&&this._conditionalyWriteIndent(e,t),e.write(a),i&&this._conditionalyWriteNewline(e,t)),o=e.position;for(let l of t.children())t.instanceServiceContainer.designItemDocumentPositionService.setPosition(l,{start:s,length:o-s})}}});var os,Vl=g(()=>{"use strict";ee();Ze();os=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGRectElement}provideContextMenuItems(e,t,i){return[{title:"convert to path",action:()=>{let r=i.element,s="";s+="M"+r.x.baseVal.value+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+r.y.baseVal.value+"L"+(r.x.baseVal.value+r.width.baseVal.value)+" "+(r.y.baseVal.value+r.height.baseVal.value)+"L"+r.x.baseVal.value+" "+(r.y.baseVal.value+r.height.baseVal.value)+"Z";let o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",s),o.setAttribute("stroke",r.getAttribute("stroke")),o.setAttribute("fill",r.getAttribute("fill")),o.setAttribute("stroke-width",r.getAttribute("stroke-width"));let a=M.createDesignItemFromInstance(o,t.serviceContainer,t.instanceServiceContainer);t.instanceServiceContainer.undoService.execute(new fe(i.parent,i.childCount,a)),t.serviceContainer.deletionService.removeItems([i])}}]}}});var as,Hl=g(()=>{"use strict";Ge();as=class{shouldProvideContextmenu(e,t,i,r){return i?.element instanceof SVGPathElement}provideContextMenuItems(e,t,i){let r=i.node.getPathData({normalize:!0}),s=[],o=r[r.length-1].type;return s.push({title:"-"}),o=="z"||o=="Z"?s.push({title:"open path ",action:()=>{r.splice(r.length-1,1),i.setAttribute("d",We(r))}}):s.push({title:"close path ",action:()=>{r.push({type:"Z"}),i.setAttribute("d",We(r))}}),s}}});var De,ls=g(()=>{"use strict";De=class{shouldProvideContextmenu(e,t,i,r){return!0}provideContextMenuItems(e,t,i){return[{title:"-"}]}}});var cs,hs,Wl=g(()=>{"use strict";te();cs=10,hs=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"zoom to",icon:`<img src="${b+"icons/zoomIn.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element),s={x:r.x-cs,y:r.y-cs},o={x:r.x+r.width+cs,y:r.y+r.height+cs},a={x:s.x<o.x?s.x:o.x,y:s.y<o.y?s.y:o.y,width:Math.abs(s.x-o.x),height:Math.abs(s.y-o.y)},l=t.outerRect.width/a.width,c=t.outerRect.height/a.height,h=l>=c?c:l;t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},h)}}]}}});var ds,Gl=g(()=>{"use strict";ht();Q();te();ds=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:!i?.isRootItem&&i?.nodeType==I.Element}provideContextMenuItems(e,t,i){return[{title:"rotate right",icon:`<img src="${b+"icons/rotateRight.svg"}">`,action:()=>{t.executeCommand({type:E.rotateClockwise})},shortCut:"Ctrl + R"},{title:"rotate left",icon:`<img src="${b+"icons/rotateLeft.svg"}">`,action:()=>{t.executeCommand({type:E.rotateCounterClockwise})},shortCut:"Ctrl + Shift + R"}]}}});var ps,jl=g(()=>{"use strict";Q();ps=class{shouldProvideContextmenu(e,t,i,r){return i?.hasChildren}provideContextMenuItems(e,t,i){return[{title:"select all Children",action:()=>{t.instanceServiceContainer.selectionService.setSelectedElements(Array.from(i.children()).filter(r=>r.nodeType==I.Element))}}]}}});import{BaseCustomWebComponentConstructorAppend as Pm,css as Im,html as km}from"@node-projects/base-custom-webcomponent";var ue,$e=g(()=>{"use strict";ue=class extends Pm{static style=Im`div{width:24px;height:24px;display:flex;justify-content:center;align-items:center;background-color:inherit}div:hover{background-color:#a9a9a9}img{width:calc(100% - 4px);height:calc(100% - 4px);-webkit-user-drag:none}`;static template=km`<div id="div"><img id="img"></div>`;tools;popup;currentToolOnButton;_img;_div;_longPress;constructor(e,t){super(),this.tools=t,this._img=this._getDomElement("img"),this._div=this._getDomElement("div"),this._div.onpointerdown=()=>{this.currentToolOnButton?(this.getRootNode().host.setTool(this.currentToolOnButton),setTimeout(()=>{e.clickOverlay.focus()},50),this.popup&&(this._longPress=setTimeout(()=>{this._longPress=null,this.getRootNode().host.showPopup(this)},200))):this.popup&&this.getRootNode().host.showPopup(this)},this._div.onpointerup=()=>{this._longPress&&(clearTimeout(this._longPress),this._longPress=null)},this.showTool(Object.getOwnPropertyNames(t)[0])}showTool(e){let t=this.tools[e];t&&(this._img.title=e,this._img.src=t.icon,this.currentToolOnButton=e)}setActiveTool(e){this.showTool(e),this.tools[e]?this._div.style.backgroundColor="lightgreen":this._div.style.backgroundColor=""}};customElements.define("node-projects-designer-toolbar-button",ue)});import{BaseCustomWebComponentConstructorAppend as Dm,css as Tm}from"@node-projects/base-custom-webcomponent";var Ct,Xi=g(()=>{"use strict";Ct=class extends Dm{static style=Tm`.container{width:120px;min-height:100px;color:#fff;background-color:#404040;border:1px solid #000}header{text-align:center}.tool{height:32px;width:32px;background-color:#fff;background-size:65%;background-repeat:no-repeat;background-position:center center;flex-shrink:0;border-bottom:1px solid #000}.tools{display:flex;flex-wrap:wrap;margin-bottom:5px;gap:3px}`;constructor(){super();for(let e of[...this.shadowRoot.querySelectorAll("div.tool")]){let t=e;t.onclick=()=>this.getRootNode().host.setTool(t.dataset.commandParameter)}}}});import{html as Mm}from"@node-projects/base-custom-webcomponent";var Zi,Ul=g(()=>{"use strict";te();Xi();Zi=class extends Ct{static template=Mm`<div class="container"><header><h2 id="title" style="margin:0">Selection</h2></header><main id="content-area"><div class="tools"><div class="tool" data-command="setTool" data-command-parameter="Pointer" title="Pointer" style="background-image:url('${b}images/tools/PointerTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="Pan" title="Pan" style="background-image:url('${b}images/tools/PanTool.svg')"></div></div></main></div>`};customElements.define("node-projects-designer-pointer-tool-popup",Zi)});var ms,Kl=g(()=>{"use strict";$e();te();Ul();ms=class{provideButton(e){let t=new ue(e,{Pointer:{icon:b+"images/tools/PointerTool.svg"}});return t.popup=Zi,t}}});var Je,Yl=g(()=>{"use strict";Je=class{constructor(e){this.distance=e}distance;provideButton(e){let t=document.createElement("div");return t.style.marginTop=this.distance+"px",t}}});var us,Xl=g(()=>{"use strict";$e();te();us=class{provideButton(e){return new ue(e,{Zoom:{icon:b+"images/tools/ZoomTool.svg"}})}}});import{html as Om,css as Lm}from"@node-projects/base-custom-webcomponent";var qi,Zl=g(()=>{"use strict";te();Xi();qi=class extends Ct{static style=[super.style,Lm`.container{width:220px;min-height:300px}.inputs{float:left;margin-top:5px;align-items:center}.input{display:flex;align-items:center;margin-top:5px}.text{margin-left:5px;font-size:14px}.strokecolor{float:both}.fillbrush{float:both}.strokethickness{float:both}`];static template=Om`<div class="container"><header><h2 id="title" style="margin:0">Draw</h2></header><main id="content-area"><div class="tools"><div class="tool" data-command="setTool" data-command-parameter="DrawLine" title="Draw Line" style="background-image:url('${b}images/tools/DrawLineTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="DrawPath" title="Pointer Tool" style="background-image:url('${b}images/tools/DrawPathTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="DrawRect" title="Draw Rectangle" style="background-image:url('${b}images/tools/DrawRectTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="DrawEllipsis" title="Draw Ellipsis" style="background-image:url('${b}images/tools/DrawEllipTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="PickColor" title="Pick Color" style="background-image:url('${b}images/tools/ColorPickerTool.svg')"></div></div><div class="inputs"><div class="input"><input id="strokecolor" class="strokecolor" type="color" title="stroke color" value="#000000" style="padding:0;width:31px;height:31px"><text class="text">Stroke Color</text></div><div class="input"><input id="fillbrush" class="fillbrush" type="color" title="fill brush" value="#ffffff" style="padding:0;width:31px;height:31px"><text class="text">Fill Brush</text></div><div class="input"><input id="strokethickness" class="strokethickness" type="range" title="stroke thickness" min="1" max="20" value="3" style="padding:0;width:80px;height:20px;margin-right:5px"><text class="text">Stroke Thickness</text></div></div></main></div>`;constructor(){if(super(),this.shadowRoot.querySelector("input.strokecolor")){let e=this._getDomElement("strokecolor");e.onchange=()=>this.getRootNode().host.setStrokeColor(e.value)}if(this.shadowRoot.querySelector("input.fillbrush")){let e=this._getDomElement("fillbrush");e.onchange=()=>this.getRootNode().host.setFillBrush(e.value)}if(this.shadowRoot.querySelector("input.strokethickness")){let e=this._getDomElement("strokethickness");e.onchange=()=>this.getRootNode().host.setStrokeThickness(e.value)}}};customElements.define("node-projects-designer-draw-tool-popup",qi)});var fs,ql=g(()=>{"use strict";$e();te();Zl();fs=class{provideButton(e){let t=new ue(e,{DrawLine:{icon:b+"images/tools/DrawLineTool.svg"},DrawPath:{icon:b+"images/tools/DrawPathTool.svg"},DrawRect:{icon:b+"images/tools/DrawRectTool.svg"},DrawEllipsis:{icon:b+"images/tools/DrawEllipTool.svg"},PickColor:{icon:b+"images/tools/ColorPickerTool.svg"}});return t.popup=qi,t}}});var gs,Ql=g(()=>{"use strict";$e();te();gs=class{provideButton(e){return new ue(e,{Text:{icon:b+"images/tools/TextTool.svg"}})}}});import{html as Nm}from"@node-projects/base-custom-webcomponent";var Qi,$l=g(()=>{"use strict";te();Xi();Qi=class extends Ct{static template=Nm`<div class="container"><header><h2 id="title" style="margin:0">Selection</h2></header><main id="content-area"><div class="tools"><div class="tool" data-command="setTool" data-command-parameter="RectangleSelector" title="Rectangle Selector" style="background-image:url('${b}images/tools/SelectRectTool.svg')"></div><div class="tool" data-command="setTool" data-command-parameter="MagicWandSelector" title="Magic Wand Selector" style="background-image:url('${b}images/tools/MagicWandTool.svg')"></div></div></main></div>`};customElements.define("node-projects-designer-selection-tool-popup",Qi)});var ys,Jl=g(()=>{"use strict";$e();te();$l();ys=class{provideButton(e){let t=new ue(e,{RectangleSelector:{icon:b+"images/tools/SelectRectTool.svg"},MagicWandSelector:{icon:b+"images/tools/MagicWandTool.svg"}});return t.popup=Qi,t}}});var vs,ec=g(()=>{"use strict";ie();J();vs=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._rect=this._drawTransformedRect(e,"svg-rect-enter-container",this._rect,D.Background)}dispose(){this._removeAllOverlays()}}});import{css as Rm}from"@node-projects/base-custom-webcomponent";var $i,tc=g(()=>{"use strict";ec();$i=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new vs(e,t,i)}static style=Rm`.svg-rect-enter-container{stroke:none;fill:#aa00ff2e}`}});var xs,ic=g(()=>{"use strict";Ae();me();xs=class extends q{name="attached";getRefreshMode(e){return W.full}isHandledElement(e){return e.serviceContainer.forSomeServicesTillResult("attachedPropertyService",t=>t.isHandledElement(e))}async getProperties(e){let t=[];if(e.serviceContainer.attachedPropertyServices)for(let i of e.serviceContainer.attachedPropertyServices)i.isHandledElement(e)&&t.push(...await i.getProperties(e));return t}}});var ui,rc=g(()=>{"use strict";me();nt();Be();pe();_e();Ae();ui=class extends q{name="attributes";getRefreshMode(e){return W.fullOnValueChange}isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:v.attribute}}async getProperties(e){if(e){let t=[];for(let i of e.attributes())t.push({name:i[0],renamable:!0,type:"string",service:this,propertyType:v.attribute});return t.push({name:"",type:"addNew",service:this,propertyType:v.complex}),t}return null}async setValue(e,t,i){let r=e[0].openGroup("properties changed");for(let s of e)s.setAttribute(t.name,i);r.commit()}getPropertyTarget(e,t){return L.attribute}clearValue(e,t){for(let i of e)i.removeAttribute(t.name),i.serviceContainer.forSomeServicesTillResult("bindingService",r=>r.clearBinding(i,t.name,this.getPropertyTarget(i,t)))}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){if(e.length==1&&typeof e[0].getAttribute(t.name)=="object")return H.bound;let s=F.dashToCamelCase(t.name),o=t.name;e.forEach(l=>{let c=l.hasAttribute(o);i=i&&c,r=r||c});let a=q.getOrBuildCachedBindings(e[0]);if(a&&a.find(l=>l.target==L.attribute&&l.targetName==s))return H.bound}else return H.none;return i?H.all:r?H.some:H.none}getValue(e,t){if(e!=null&&e.length!==0){let i=t.name,r=e[0].getAttribute(i);return typeof r=="object"?r.rawValue:r}return null}getBinding(e,t){return q.getOrBuildCachedBindings(e[0]).find(r=>(r.target==L.property||r.target==L.explicitProperty||r.target==L.attribute)&&r.targetName==t.name)}getUnsetValue(e,t){return t.defaultValue}}});var mt,nc=g(()=>{mt={accentColor:{type:"color"},additiveSymbols:{},alignContent:{type:"list",values:["start","end","flex-start","flex-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},alignItems:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},alignSelf:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},alignmentBaseline:{},all:{},animation:{},animationDelay:{},animationDirection:{},animationDuration:{},animationFillMode:{},animationIterationCount:{},animationName:{},animationPlayState:{},animationTimingFunction:{},appRegion:{},appearance:{},ascentOverride:{},aspectRatio:{},backdropFilter:{},backfaceVisibility:{},background:{},backgroundAttachment:{},backgroundBlendMode:{},backgroundClip:{},backgroundColor:{type:"color"},backgroundImage:{},backgroundOrigin:{},backgroundPosition:{},backgroundPositionX:{},backgroundPositionY:{},backgroundRepeat:{},backgroundRepeatX:{},backgroundRepeatY:{},backgroundSize:{},basePalette:{},baselineShift:{},blockSize:{},border:{},borderBlock:{},borderBlockColor:{type:"color"},borderBlockEnd:{},borderBlockEndColor:{type:"color"},borderBlockEndStyle:{},borderBlockEndWidth:{},borderBlockStart:{},borderBlockStartColor:{type:"color"},borderBlockStartStyle:{},borderBlockStartWidth:{},borderBlockStyle:{},borderBlockWidth:{},borderBottom:{},borderBottomColor:{type:"color"},borderBottomLeftRadius:{},borderBottomRightRadius:{},borderBottomStyle:{},borderBottomWidth:{},borderCollapse:{},borderColor:{type:"color"},borderEndEndRadius:{},borderEndStartRadius:{},borderImage:{},borderImageOutset:{},borderImageRepeat:{},borderImageSlice:{},borderImageSource:{},borderImageWidth:{},borderInline:{},borderInlineColor:{type:"color"},borderInlineEnd:{},borderInlineEndColor:{type:"color"},borderInlineEndStyle:{},borderInlineEndWidth:{},borderInlineStart:{},borderInlineStartColor:{type:"color"},borderInlineStartStyle:{},borderInlineStartWidth:{},borderInlineStyle:{},borderInlineWidth:{},borderLeft:{},borderLeftColor:{type:"color"},borderLeftStyle:{},borderLeftWidth:{},borderRadius:{},borderRight:{},borderRightColor:{type:"color"},borderRightStyle:{},borderRightWidth:{},borderSpacing:{},borderStartEndRadius:{},borderStartStartRadius:{},borderStyle:{},borderTop:{},borderTopColor:{type:"color"},borderTopLeftRadius:{},borderTopRightRadius:{},borderTopStyle:{},borderTopWidth:{},borderWidth:{type:"length",values:["medium","thin","thick"]},bottom:{},boxShadow:{},boxSizing:{type:"list",values:["border-box","content-box"]},breakAfter:{},breakBefore:{},breakInside:{},bufferedRendering:{},captionSide:{},caretColor:{type:"color"},clear:{},clip:{},clipPath:{},clipRule:{},color:{type:"color"},colorInterpolation:{},colorInterpolationFilters:{},colorRendering:{},colorScheme:{},columnCount:{},columnFill:{},columnGap:{type:"length"},columnRule:{},columnRuleColor:{type:"color"},columnRuleStyle:{},columnRuleWidth:{},columnSpan:{},columnWidth:{},columns:{},contain:{},containIntrinsicBlockSize:{},containIntrinsicHeight:{},containIntrinsicInlineSize:{},containIntrinsicSize:{},containIntrinsicWidth:{},container:{},containerName:{},containerType:{},content:{},contentVisibility:{},counterIncrement:{},counterReset:{},counterSet:{},cursor:{},cx:{},cy:{},d:{},descentOverride:{},direction:{},display:{type:"list",values:["block","inline","inline-block","flex","inline-flex","contents","grid","inline-grid","inline-table","list-item","run-in","table","table-caption","table-column-group","table-header-group","table-footer-group","tabl-row-group","table-cell","table-column","table-row","inherit","initial","none"]},dominantBaseline:{},emptyCells:{},fallback:{},fill:{type:"color"},fillOpacity:{},fillRule:{},filter:{},flex:{},flexBasis:{},flexDirection:{type:"list",values:["row","column","row-reverse","column-reverse"]},flexFlow:{},flexGrow:{type:"number"},flexShrink:{type:"number"},flexWrap:{type:"list",values:["nowrap","wrap","wrap-reverse"]},fieldSizing:{},float:{type:"list",values:["none","left","right","inline-start","inline-end"]},floodColor:{type:"color"},floodOpacity:{},font:{},fontDisplay:{},fontFamily:{type:"font"},fontFeatureSettings:{},fontKerning:{},fontOpticalSizing:{},fontPalette:{},fontSize:{},fontSizeAdjust:{},fontStretch:{},fontStyle:{},fontSynthesis:{},fontSynthesisSmallCaps:{},fontSynthesisStyle:{},fontSynthesisWeight:{},fontVariant:{},fontVariantCaps:{},fontVariantEastAsian:{},fontVariantLigatures:{},fontVariantNumeric:{},fontVariationSettings:{},fontWeight:{},forcedColorAdjust:{},gap:{type:"length"},grid:{},gridArea:{},gridAutoColumns:{},gridAutoFlow:{},gridAutoRows:{},gridColumn:{},gridColumnEnd:{},gridColumnGap:{type:"length"},gridColumnStart:{},gridGap:{type:"length"},gridRow:{},gridRowEnd:{},gridRowGap:{type:"length"},gridRowStart:{},gridTemplate:{},gridTemplateAreas:{},gridTemplateColumns:{},gridTemplateRows:{},height:{},hyphenateCharacter:{},hyphens:{},imageOrientation:{},imageRendering:{},inherits:{},initialValue:{},inlineSize:{},inset:{},insetBlock:{},insetBlockEnd:{},insetBlockStart:{},insetInline:{},insetInlineEnd:{},insetInlineStart:{},isolation:{},justifyContent:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},justifyItems:{type:"list",values:["start","end","flex-start","flex-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},justifySelf:{type:"list",values:["start","end","flex-start","flex-end","self-start","self-end","center","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe","unsafe"]},left:{},letterSpacing:{},lightingColor:{type:"color"},lineBreak:{},lineGapOverride:{},lineHeight:{},listStyle:{},listStyleImage:{},listStylePosition:{},listStyleType:{},margin:{},marginBlock:{},marginBlockEnd:{type:"length"},marginBlockStart:{type:"length"},marginBottom:{type:"length"},marginInline:{},marginInlineEnd:{type:"length"},marginInlineStart:{type:"length"},marginLeft:{type:"length"},marginRight:{type:"length"},marginTop:{type:"length"},marker:{},markerEnd:{},markerMid:{},markerStart:{},mask:{},maskType:{},maxBlockSize:{},maxHeight:{},maxInlineSize:{},maxWidth:{},minBlockSize:{},minHeight:{},minInlineSize:{},minWidth:{},mixBlendMode:{},negative:{},objectFit:{},objectPosition:{type:"position"},objectViewBox:{},offset:{},offsetDistance:{},offsetPath:{},offsetRotate:{},opacity:{type:"number"},order:{},orphans:{},outline:{},outlineColor:{type:"color"},outlineOffset:{},outlineStyle:{},outlineWidth:{},overflow:{type:"list",values:["visible","hidden","clip","scroll","auto"]},overflowAnchor:{},overflowClipMargin:{},overflowWrap:{},overflowX:{type:"list",values:["visible","hidden","clip","scroll","auto"]},overflowY:{type:"list",values:["visible","hidden","clip","scroll","auto"]},overrideColors:{},overscrollBehavior:{},overscrollBehaviorBlock:{},overscrollBehaviorInline:{},overscrollBehaviorX:{},overscrollBehaviorY:{},pad:{},padding:{},paddingBlock:{},paddingBlockEnd:{},paddingBlockStart:{},paddingBottom:{},paddingInline:{},paddingInlineEnd:{},paddingInlineStart:{},paddingLeft:{},paddingRight:{},paddingTop:{},page:{},pageBreakAfter:{},pageBreakBefore:{},pageBreakInside:{},pageOrientation:{},paintOrder:{},perspective:{},perspectiveOrigin:{},placeContent:{},placeItems:{},placeSelf:{},pointerEvents:{},position:{type:"list",values:["static","relative","absolute","fixed","sticky"]},prefix:{},quotes:{},r:{},range:{},resize:{},right:{},rotate:{},rowGap:{type:"length"},rubyAlign:{},rubyPosition:{},rx:{},ry:{},scale:{},scrollbarColor:{},scrollbarGutter:{type:"list",values:["auto","stable","stable both-edges"]},scrollbarWidth:{},scrollBehavior:{},scrollMargin:{},scrollMarginBlock:{},scrollMarginBlockEnd:{},scrollMarginBlockStart:{},scrollMarginBottom:{},scrollMarginInline:{},scrollMarginInlineEnd:{},scrollMarginInlineStart:{},scrollMarginLeft:{},scrollMarginRight:{},scrollMarginTop:{},scrollPadding:{},scrollPaddingBlock:{},scrollPaddingBlockEnd:{},scrollPaddingBlockStart:{},scrollPaddingBottom:{},scrollPaddingInline:{},scrollPaddingInlineEnd:{},scrollPaddingInlineStart:{},scrollPaddingLeft:{},scrollPaddingRight:{},scrollPaddingTop:{},scrollSnapAlign:{},scrollSnapStop:{},scrollSnapType:{},shapeImageThreshold:{},shapeMargin:{},shapeOutside:{},shapeRendering:{type:"list",values:["auto","optimizeSpeed","crispEdges","geometricPrecision"]},size:{},sizeAdjust:{},speak:{},speakAs:{},src:{},stopColor:{type:"color"},stopOpacity:{},stroke:{type:"color"},strokeDasharray:{},strokeDashoffset:{},strokeLinecap:{},strokeLinejoin:{},strokeMiterlimit:{},strokeOpacity:{},strokeWidth:{type:"number"},suffix:{},symbols:{},syntax:{},system:{},tabSize:{},tableLayout:{},textAlign:{type:"list",values:["start","end","left","right","center","justify","justify-all","match-parent"]},textAlignLast:{},textAnchor:{},textCombineUpright:{},textDecoration:{},textDecorationColor:{type:"color"},textDecorationLine:{},textDecorationSkipInk:{},textDecorationStyle:{},textDecorationThickness:{},textEmphasis:{},textEmphasisColor:{type:"color"},textEmphasisPosition:{},textEmphasisStyle:{},textIndent:{},textOrientation:{},textOverflow:{},textRendering:{},textShadow:{},textSizeAdjust:{},textTransform:{},textUnderlineOffset:{},textUnderlinePosition:{},textWrap:{},textWrapMode:{type:"list",values:["wrap","nowrap"]},textWrapStyle:{type:"list",values:["auto","balance","pretty","stable"]},top:{},touchAction:{},transform:{},transformBox:{},transformOrigin:{},transformStyle:{},transition:{},transitionDelay:{},transitionBehavior:{},transitionDuration:{},transitionProperty:{},transitionTimingFunction:{},translate:{},unicodeBidi:{},unicodeRange:{},userSelect:{},vectorEffect:{},verticalAlign:{},visibility:{},whiteSpace:{},widows:{},width:{},willChange:{},wordBreak:{},wordSpacing:{},wordWrap:{},writingMode:{},x:{},y:{},zIndex:{},zoom:{}}});var _s,sc=g(()=>{"use strict";Se();pi();_s=class extends ${_root;constructor(e){super(e),this._root=document.createElement("div"),this._root.style.display="grid",this._root.style.padding="4px 0px",this._root.style.boxSizing="border-box",this._root.style.minHeight="50px",this.element=this._root}refreshValue(e,t){if(this._root.innerHTML="",this.designItems!=null&&this.designItems.length){let i=this.designItems[0].element.parentElement;if(i){let r=getComputedStyle(i),s=di(this.designItems[0].element),o=getComputedStyle(this.designItems[0].element),a=r.gridTemplateColumns.split(" ").length,l=r.gridTemplateRows.split(" ").length;this._root.style.gridTemplateColumns="repeat("+a+", 1fr)",this._root.style.gridTemplateRows="repeat("+l+", 1fr)";let c=parseInt(o.gridRowStart),h=c+s.rowSpan,d=parseInt(o.gridColumnStart),p=d+s.colSpan;for(let f=1;f<=l;f++)for(let m=1;m<=a;m++){let u=document.createElement("button");u.style.minHeight="10px",u.onclick=()=>{let y=di(this.designItems[0].element),x=this.designItems[0].openGroup("Change grid row/column");this.designItems[0].setStyle("grid-row",f+" / "+(f+y.rowSpan)),this.designItems[0].setStyle("grid-column",m+" / "+(m+y.colSpan)),x.commit()},f>=c&&f<h&&m>=d&&m<p&&(u.style.backgroundColor="coral"),this._root.appendChild(u)}}}}}});import{BaseCustomWebComponentConstructorAppend as zm,css as Bm,html as Vm}from"@node-projects/base-custom-webcomponent";var Ji,cd=g(()=>{"use strict";Ji=class extends zm{static style=Bm`:host{justify-content:center;display:flex;margin:10px;line-height:12px;min-width:120px}*{font-size:12px;font-family:monospace;color:#000}.top{display:inline-block}.left{display:inline-block;vertical-align:middle}.right{display:inline-block;vertical-align:middle}.bottom{display:inline-block}div.ct{width:280px;height:120px}div span{font-size:10px;position:absolute;top:0;left:0}div.ct{position:relative;background:#fff;display:inline-block;border:dotted 1px gray;text-align:center;vertical-align:middle}div.ct.box{border:dotted 2px #000}div.ct>div.ct{left:0;top:0;background:#f9cc9f;width:calc(100% - 20px);height:calc(100% - 26px);border-style:dashed}div.ct>div.ct>div.ct{background:#fedc9b;border-style:solid}div.ct>div.ct>div.ct>div.ct{background:#c4cf8c;border-style:dashed}div.ct>div.ct>div.ct>div.ct>div.ct{background:#8cb6c2;border-style:solid;display:inline-flex;justify-content:center;align-items:center}span{width:30%;overflow:hidden;text-overflow:ellipsis}`;static template=Vm`<div id="position" class="ct"><span title="position">position</span><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="margin" class="ct"><span title="margin">margin</span><div data-style="margin" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="border" class="ct"><span title="border">border</span><div data-style="border" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="padding" class="ct"><span title="padding">padding</span><div data-style="padding" @keydown="onKeyDown" @dblclick="onDoubleClick" class="top">-</div><br><div @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div><div id="element" class="ct" style="font-size:6px"><div data-style="element" @keydown="onKeyDown" @dblclick="onDoubleClick" class="left">-</div> x <div data-style="element" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div></div><div data-style="padding" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="padding" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div><div data-style="border" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="border" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div><div data-style="margin" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="margin" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="right">-</div><br><div data-style="position" @keydown="onKeyDown" @dblclick="onDoubleClick" class="bottom">-</div></div>`;property;unsetValue;_borderDiv;_elementDiv;constructor(){super(),this._restoreCachedInititalValues(),this._borderDiv=this._getDomElement("border"),this._elementDiv=this._getDomElement("element")}ready(){this._parseAttributesToProperties(),this._assignEvents()}onDoubleClick(e){let t=e.target;t.setAttribute("contentEditable","");let i=document.createRange(),r=window.getSelection();i.setStart(t.firstChild,0),i.setEndAfter(t.lastChild),r.removeAllRanges(),r.addRange(i)}onKeyDown(e){let t=e.target;if(e.key=="Enter"){t.removeAttribute("contentEditable");let i=t.innerHTML,r=new CustomEvent("value-changed",{detail:{style:t.dataset.style,value:i}});this.dispatchEvent(r)}}refresh(e){this._elementDiv.classList.remove("box"),this._borderDiv.classList.remove("box"),e&&(getComputedStyle(e).boxSizing=="content-box"?this._elementDiv.classList.add("box"):this._borderDiv.classList.add("box"))}};customElements.define("node-projects-metrics-editor",Ji)});var bs,oc=g(()=>{"use strict";Se();cd();bs=class extends ${constructor(e){super(e);let t=new Ji;t.property=e.name,this.element=t}refreshValue(e,t){this.element.refresh(this.designItems?.[0]?.element)}}});var fi,Ss=g(()=>{"use strict";qt();me();_e();fi=class extends Ne{getRefreshMode(e){return W.none}async previewValue(e,t,i){let r=t.propertyName??t.name;r.startsWith("--")||(r=F.camelToDashCase(r));for(let s of e)s.element.style.setProperty(r,i)}async removePreviewValue(e,t){let i=t.propertyName??t.name;i.startsWith("--")||(i=F.camelToDashCase(i));for(let r of e)r.hasStyle(i)?r.element.style.setProperty(i,r.getStyle(i)):r.element.style.setProperty(i,"")}constructor(){super(!1)}}});var Ie,ws=g(()=>{"use strict";Be();pe();me();_e();sc();oc();nc();Ss();Ie=class extends fi{getRefreshMode(e){return W.none}layout={common:["display","color","background-color","box-sizing","border","box-shadow","opacity","position","align-content"],font:["font-family","font-size","font-weight"],layout:["inset","margin","border","padding","overflow","metrics"]};grid=["display","position","grid-template-columns","grid-template-rows","gap","column-gap","row-gap","align-content","justify-content","align-items","justify-items"];gridChild=["grid-row","grid-column","assigned-row-column","align-self","justify-self"];flex=["display","position","flex-direction","flex-wrap","align-content","justify-content","align-items","gap"];flexChild=["align-self","justify-self"];svg=["fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"];layoutSvgChild={common:["display","fill","fill-rule","fill-opacity","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-opacity"]};constructor(e){super(),this.name=e}isHandledElement(e){return!0}async getProperty(e,t){return this._getPropertyDef(t)}async getProperties(e){let t=this[this.name];if(Array.isArray(t))return t.map(r=>this._getPropertyDef(r));{let i=[];for(let r in t){let s={name:r,properties:t[r].map(o=>this._getPropertyDef(o))};i.push(s)}return i}}_getPropertyDef(e){let t=F.dashToCamelCase(e);switch(t){case"assignedRowColumn":return{name:e,service:this,propertyType:v.complex,createEditor:i=>new _s(i)};case"metrics":return{name:e,service:this,propertyType:v.complex,createEditor:i=>new bs(i)};default:return{name:e,type:mt[t]?.type??"string",values:mt[t]?.values?[...mt[t]?.values,"initial","inherit","unset"]:["initial","inherit","unset"],service:this,propertyType:v.cssValue}}}getPropertyTarget(e,t){return L.css}}});var Hm,Vt,ac=g(()=>{"use strict";pe();me();nt();Q();nc();Be();_e();Ae();ws();Hm="&lt;local&gt;",Vt=class extends Ie{getRefreshMode(e){return W.fullOnValueChange}constructor(){super(null),this.name="styles"}isHandledElement(e){return!0}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:v.cssValue}}getPropertyNameSuggestions(e){return Object.keys(mt).map(t=>F.camelToDashCase(t))}async getProperties(e){if(!e||e.nodeType!=I.Element)return[];let t=e.getAllStyles().reverse().sort((o,a)=>o.specificity==null?-1:a.specificity==null?1:o.specificity.A>a.specificity.A||o.specificity.A===a.specificity.A&&o.specificity.B>a.specificity.B||o.specificity.A===a.specificity.A&&o.specificity.B===a.specificity.B&&o.specificity.C>a.specificity.C?-1:o.specificity.A===a.specificity.A&&o.specificity.B===a.specificity.B&&o.specificity.C===a.specificity.C?0:1),i=q.getOrBuildCachedBindings(e),r=t.find(o=>o.selector===null);for(let o of i)o.target===L.css&&(r.declarations.find(a=>a.name==o.targetName)||r.declarations.push({name:o.targetName,value:null,important:!1,parent:null}));return t.map(o=>({name:(o.selector??Hm)+(o.specificity?" ("+o.specificity.A+"-"+o.specificity.B+"-"+o.specificity.C+")":""),description:o.stylesheetName??"",properties:[...o.declarations.map(a=>{let l=F.dashToCamelCase(a.name);return{name:a.name,renamable:!0,type:mt[l]?.type??"string",values:mt[l]?.values?[...mt[l]?.values,"initial","inherit","unset"]:["initial","inherit","unset"],service:this,propertyType:v.cssValue,styleRule:o,styleDeclaration:a}}),{name:"",type:"addNew",service:this,propertyType:v.complex,styleRule:o}]}))}async setValue(e,t,i){if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.updateDeclarationValue(t.styleDeclaration,i,!1),this._notifyChangedProperty(e[0],t,i);return}if(t.styleRule?.selector!==null&&!t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.insertDeclarationIntoRule(t.styleRule,t.name,i,!1),this._notifyChangedProperty(e[0],t,i);return}for(let r of e)r.setStyle(t.name,i),r.element.setAttribute("style",r.element.getAttribute("style"))}clearValue(e,t,i){if(t.styleRule?.selector!==null&&t.styleDeclaration){e[0].instanceServiceContainer.stylesheetService.removeDeclarationFromRule(t.styleRule,t.styleDeclaration.name);return}super.clearValue(e,t,i)}getValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?t.styleDeclaration.value:super.getValue(e,t)}getUnsetValue(e,t){return t.styleRule?.selector&&t.styleDeclaration?t.styleDeclaration.value:super.getUnsetValue(e,t)}isSet(e,t){return t.styleRule?.selector&&t.styleDeclaration?e[0].hasStyle(t.name)?H.none:H.fromStylesheet:super.isSet(e,t)}getPropertyTarget(e,t){return t.name.startsWith("--")?L.cssvar:L.css}}});var Ht,lc=g(()=>{"use strict";pe();me();nt();Be();Ss();Ht=class extends fi{removeInheritedCustomProperties;constructor(e=!0){super(),this.name="customProperties",this.removeInheritedCustomProperties=e}getRefreshMode(e){return W.fullOnValueChange}isHandledElement(e){return!0}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:v.cssValue}}async getProperties(e){if(e?.element?.computedStyleMap){let s=Array.from(e.instanceServiceContainer.designerCanvas.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--")),o=Array.from(e.element.computedStyleMap()).map(l=>l[0]).filter(l=>l.startsWith("--"));return this.removeInheritedCustomProperties&&(o=o.filter(l=>!s.includes(l))),o.map(l=>({name:l,service:this,propertyType:v.cssValue}))}let t=Array.from(getComputedStyle(e.instanceServiceContainer.designerCanvas)).map(s=>s[0]).filter(s=>s.startsWith("--")),i=Array.from(getComputedStyle(e.element)).map(s=>s[0]).filter(s=>s.startsWith("--"));return this.removeInheritedCustomProperties&&(i=i.filter(s=>!t.includes(s))),i.map(s=>({name:s,service:this,propertyType:v.cssValue}))}clearValue(e,t,i){super.clearValue(e,t,i)}getValue(e,t){let i=e[0].getStyle(t.name);return i||getComputedStyle(e[0].element).getPropertyValue(t.name)}getUnsetValue(e,t){return e?.[0].element?.computedStyleMap?e[0].element.computedStyleMap().get(t.name)?.[0]:getComputedStyle(e[0].element).getPropertyValue(t.name)}isSet(e,t){return super.isSet(e,t)==H.bound?H.bound:e[0].hasStyle(t.name)?H.all:H.none}getPropertyTarget(e,t){return L.cssvar}}});var Cs,cc=g(()=>{"use strict";Q();ic();rc();qt();ac();lc();ws();Cs=class{_attachedPropertiesService=new xs;_rootPgList=[{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layout")}];_pgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new ui},{name:"common",propertiesService:new Ne},{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layout")}];_svgPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new ui},{name:"common",propertiesService:new Ne},{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layout")},{name:"svg",propertiesService:new Ie("svg")}];_svgChildPgList=[{name:"properties",propertiesService:null},{name:"attached",propertiesService:this._attachedPropertiesService},{name:"attributes",propertiesService:new ui},{name:"common",propertiesService:new Ne},{name:"styles",propertiesService:new Vt},{name:"css vars",propertiesService:new Ht},{name:"layout",propertiesService:new Ie("layoutSvgChild")}];_gridChild=[{name:"gridChild",propertiesService:new Ie("gridChild")}];_grid=[{name:"grid",propertiesService:new Ie("grid")}];_flexChild=[{name:"flexChild",propertiesService:new Ie("flexChild")}];_flex=[{name:"flex",propertiesService:new Ie("flex")}];getPropertygroups(e){if(e==null||e.length==0)return[];if(e[0].nodeType==I.TextNode||e[0].nodeType==I.Comment)return[];if(e[0].isRootItem){let r=e[0].getComputedStyle(),s=this._rootPgList;return r.display.includes("grid")?s=[...s,...this._grid]:r.display.includes("flex")&&(s=[...s,...this._flex]),s}this._pgList[0].propertiesService=e[0].serviceContainer.getLastServiceWhere("propertyService",r=>r.isHandledElement(e[0])),this._svgPgList[0].propertiesService=e[0].serviceContainer.getLastServiceWhere("propertyService",r=>r.isHandledElement(e[0]));let t=this._pgList;e[0].element instanceof e[0].window.SVGElement&&(e[0].element instanceof e[0].window.SVGSVGElement?t=this._svgPgList:t=this._svgChildPgList);let i=e[0].getComputedStyle();if(i.display.includes("grid")?t=[...t,...this._grid]:i.display.includes("flex")&&(t=[...t,...this._flex]),e[0].parent){let r=e[0].parent.getComputedStyle();r.display.includes("grid")?t=[...t,...this._gridChild]:r.display.includes("flex")&&(t=[...t,...this._flexChild])}return t}}});var Es,hc=g(()=>{"use strict";ie();Es=class extends z{_rect;constructor(e,t,i){super(e,t,i)}extend(){this.refresh()}refresh(){let e=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element),t=getComputedStyle(this.extendedItem.element),i=Number.parseFloat(t.marginLeft.replace("px","")),r=Number.parseFloat(t.marginTop.replace("px","")),s=Number.parseFloat(t.marginRight.replace("px","")),o=Number.parseFloat(t.marginBottom.replace("px",""));this._rect=this._drawRect(e.x-i,e.y-r,i+e.width+s,r+e.height+o,"svg-placement",this._rect)}dispose(){this._removeAllOverlays()}}});import{css as Wm}from"@node-projects/base-custom-webcomponent";var As,dc=g(()=>{"use strict";hc();As=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new Es(e,t,i)}static style=Wm`.svg-placement{stroke:#90caf9;fill:none}`}});var Ps,pc=g(()=>{"use strict";ie();J();Ps=class extends z{_path;constructor(e,t,i){super(e,t,i)}extend(){let e=this.extendedItem.element.getBoxQuads({relativeTo:this.designerCanvas.canvas})[0];this._path=this._drawTransformedRect(e,"svg-flexbox",this._path,D.Background)}refresh(){this._removeAllOverlays(),this.extend()}dispose(){this._removeAllOverlays()}}});import{css as Gm}from"@node-projects/base-custom-webcomponent";var mc,er,Is=g(()=>{"use strict";pc();mc="flexboxExtensionShowOverlay",er=class{shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="flex"||r=="inline-flex"?t.instanceServiceContainer.designContext.extensionOptions[mc]!==!1:!1}getExtension(e,t,i){return new Ps(e,t,i)}style=Gm`.svg-flexbox{stroke:orange;fill:#9a47ff22}`}});var ks,uc=g(()=>{"use strict";Is();Tt();ks=class extends Re{constructor(){super(mc,"F","show flexbox overlay")}}});var Ds,fc=g(()=>{"use strict";Bn();Tt();Ds=class extends Re{constructor(){super(_l,"I","show invisible div overlay")}}});var Ts,gc=g(()=>{"use strict";Ts=class{redoBranches;title;get affectedItems(){let e=new Set;for(let t of this.undoStack)for(let i of t.affectedItems)e.add(i);for(let t of this.redoStack)for(let i of t.affectedItems)e.add(i);return[...e.values()]}commitHandler;abortHandler;constructor(e,t,i){this.title=e,this.commitHandler=t,this.abortHandler=i}do(){let e=null;for(;e=this.redoStack.pop();)try{e.do(),this.undoStack.push(e)}catch(t){throw t}}undo(){let e=null;for(;e=this.undoStack.pop();)try{e.undo(),this.redoStack.push(e)}catch(t){throw t}}commit(){this.commitHandler(this)}abort(){this.abortHandler(this)}mergeWith(e){return!1}addCommitedSubchangeGroup(e){this.undoStack.push(e)}undoStack=[];redoStack=[];execute(e){e.do();for(let t of this.undoStack)if(t.mergeWith(e))return;this.undoStack.push(e)}}});var Ms,yc=g(()=>{"use strict";gc();Ms=class{_undoStack=[];_redoStack=[];_transactionStack=[];_designerCanvas;_storeRedoBranches;constructor(e,t=!1){this._designerCanvas=e,this._storeRedoBranches=t}openGroup(e){let t=new Ts(e,i=>this.commitTransactionItem(i),i=>this.abortTransactionItem(i));return this._transactionStack.push(t),t}commitTransactionItem(e){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Commited Transaction was not the last";t.undoStack.length&&(this._transactionStack.length>0?this._transactionStack[this._transactionStack.length-1].addCommitedSubchangeGroup(t):(this._storeRedoBranches&&this._redoStack.length&&(t.redoBranches==null&&(t.redoBranches=[]),t.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(t))),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit())}abortTransactionItem(e){if(this._transactionStack.length>0){let t=this._transactionStack.pop();if(t!==e)throw this.clear(),"UndoService - Aborted Transaction was not the last";t.undo()}}execute(e){this._transactionStack.length==0?(e.do(),this._storeRedoBranches&&this._redoStack.length&&(e.redoBranches==null&&(e.redoBranches=[]),e.redoBranches.push(this._redoStack)),this._redoStack=[],this._undoStack.push(e)):this._transactionStack[this._transactionStack.length-1].execute(e),this._transactionStack.length==0&&(this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit())}clear(){this._undoStack=[],this._redoStack=[],this._transactionStack=[]}clearTransactionstackIfNotEmpty(){this._transactionStack.length&&(console.error("transactionStack was not empty, but should be",this._transactionStack),this._transactionStack=[])}undo(){if(!this.canUndo())return;if(this._transactionStack.length!=0)throw"Cannot Undo while transaction is running";let e=this._undoStack.pop();try{e.undo(),this._redoStack.push(e)}catch(t){throw this.clear(),t}this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit()}redo(){if(!this.canRedo())return;if(this._transactionStack.length!=0)throw"Cannot Redo while transaction is running";let e=this._redoStack.pop();try{e.do(),this._undoStack.push(e)}catch(t){throw this.clear(),t}this._designerCanvas.extensionManager.refreshAllExtensions(e.affectedItems),this._designerCanvas.onContentChanged.emit()}redoTo(e){this._redoStack=e.toReversed();for(let t=0;t<e.length;t++)this.redo()}canUndo(){return this._undoStack.length>0}canRedo(){return this._redoStack.length>0}get undoCount(){return this._undoStack.length}get redoCount(){return this._redoStack.length}*getUndoEntryNames(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t].title}*getUndoEntries(e=999){for(let t=Math.min(this._undoStack.length,e)-1;t>=0;t--)yield this._undoStack[t]}*getRedoEntryNames(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t].title}*getRedoEntries(e=999){for(let t=Math.min(this._redoStack.length,e)-1;t>=0;t--)yield this._redoStack[t]}}});var Os,hd=g(()=>{"use strict";Os=class{constructor(e,t,i){this.title="Change Selection",this.oldSelection=e,this.newSelection=t,this.selectionService=i}title;get affectedItems(){return this.oldSelection&&this.newSelection?[...this.oldSelection,...this.newSelection]:this.oldSelection?[...this.oldSelection]:[...this.newSelection]}undo(){this.selectionService._withoutUndoSetSelectedElements(this.oldSelection)}do(){this.selectionService._withoutUndoSetSelectedElements(this.newSelection)}oldSelection;newSelection;selectionService;mergeWith(e){return!1}}});import{TypedEvent as dd}from"@node-projects/base-custom-webcomponent";function pd(n,e){let t=null;if(n.hasChildren)for(let i of n.children()){let r=n.instanceServiceContainer.designItemDocumentPositionService.getPosition(i);r&&r.start<=e&&r.start+r.length>=e&&(t=i)}return t?pd(t,e):n}var Ls,vc=g(()=>{"use strict";hd();Ls=class{primarySelection;selectedElements=[];_designerCanvas;_undoSelectionChanges;constructor(e,t){this._designerCanvas=e,this._undoSelectionChanges=t}setSelectedElements(e,t){if((e===null||e.length===0)&&(e=[this._designerCanvas.rootDesignItem]),this.selectedElements!=e&&!(this.selectedElements.length===0&&(e==null||e.length===0))){if(this.selectedElements?.length===1&&e?.length===1&&e[0]===this.selectedElements[0]){this.onSelectionRefresh.emit({selectedElements:this.selectedElements,event:t});return}if(this._undoSelectionChanges){let i=new Os(this.selectedElements,e,this);this._designerCanvas.instanceServiceContainer.undoService.execute(i)}else this._withoutUndoSetSelectedElements(e,t)}}setSelectionByTextRange(e,t){let i=pd(this._designerCanvas.rootDesignItem,e);i&&(this.selectedElements.length!=1||this.primarySelection!=i)&&this.setSelectedElements([i])}_withoutUndoSetSelectedElements(e,t){let i=this.selectedElements;if(!e)this.selectedElements=[],this.primarySelection=null;else{let r=[];for(let s of e)s&&(e.length==1||s!==s.instanceServiceContainer.contentService.rootDesignItem)&&r.push(s);this.selectedElements=r,r&&r.length>0?this.primarySelection=r[0]:this.primarySelection=null}this.onSelectionChanged.emit({selectedElements:this.selectedElements,oldSelectedElements:i,event:t})}clearSelectedElements(){this.setSelectedElements([])}isSelected(e){return this.selectedElements.indexOf(e)>=0}onSelectionChanged=new dd;onSelectionRefresh=new dd}});import{TypedEvent as jm}from"@node-projects/base-custom-webcomponent";var Ns,xc=g(()=>{"use strict";Ns=class{constructor(e){this.rootDesignItem=e}rootDesignItem;onContentChanged=new jm}});var Rs,_c=g(()=>{"use strict";te();Rs=class{shouldProvideContextmenu(e,t,i,r){return i!==null}provideContextMenuItems(e,t,i){return[{title:"jump to",icon:`<img src="${b+"icons/jump.svg"}">`,action:()=>{let r=t.getNormalizedElementCoordinates(i.element);t.zoomPoint({x:r.x+r.width/2,y:r.y+r.height/2},t.zoomFactor)}}]}}});var Fs,bc=g(()=>{"use strict";le();Oa();oe();pi();zt();ie();J();Fs=class extends z{gridInformation;_resizers=[];_initalPos;_initialSizes;_group;_hasChanged;constructor(e,t,i){super(e,t,i)}extend(e,t){this._group=this._drawGroup(null,this._group,D.Background),this._group.style.transform=qe(this.extendedItem.element).toString(),this._group.style.transformOrigin="0 0",this._group.style.transformBox="fill-box",this.refresh(t)}refresh(e,t){this.gridInformation=Qe(this.extendedItem),this.gridInformation.gaps.forEach((i,r)=>{i.width<3&&(i.width=3,i.x--),i.height<3&&(i.height=3,i.y--);let s=this._drawRect(i.x,i.y,i.width,i.height,"svg-grid-resizer-"+i.type,this._resizers[r],D.Normal);this._resizers[r]||(this._resizers[r]=s,s.addEventListener(S.PointerDown,o=>this._pointerActionTypeResize(o,s,i)),s.addEventListener(S.PointerMove,o=>this._pointerActionTypeResize(o,s,i)),s.addEventListener(S.PointerUp,o=>this._pointerActionTypeResize(o,s,i)),this._group.appendChild(s))})}_pointerActionTypeResize(e,t,i){e.stopPropagation();let r=i.type=="h"?"gridTemplateRows":"gridTemplateColumns",s=i.type=="h"?"Y":"X",o=(i.type=="h"?i.row:i.column)-1,a=i.type=="h"?"height":"width",l=e["client"+s];switch(e.type){case S.PointerDown:t.setPointerCapture(e.pointerId),this._initalPos=l,this._initialSizes=getComputedStyle(this.extendedItem.element)[r];break;case S.PointerMove:if(this._initialSizes){let h=this._initalPos-l;if(Math.abs(h)>5||this._hasChanged){this._hasChanged=!0;let d=this._initialSizes.split(" ");d[o]=parseFloat(d[o])-h+"px",d[o+1]=parseFloat(d[o+1])+h+"px",this.extendedItem.element.style[r]=d.join(" "),this.extensionManager.refreshExtensions([this.extendedItem],null,e)}}break;case S.PointerUp:t.releasePointerCapture(e.pointerId);let c=this._initalPos-l;if(this._hasChanged){this._hasChanged=!1;let h=this.extendedItem.getStyleFromSheetOrLocalOrComputed(r),d=this._initialSizes.split(" "),p=$h(h);p.length!=d.length&&(p=d.map(u=>Nt(u))),this.extendedItem.element.style[r]="";let f=d.map(u=>parseFloat(u));f[o]-=c,f[o+1]+=c;let m=this._convertCssUnits(f,p,this.extendedItem.element,a);this.extendedItem.updateStyleInSheetOrLocal(r,m.join(" "),null,!0)}this._initalPos=null,this._initialSizes=null,this.extensionManager.refreshExtensions([this.extendedItem]);break}}_convertCssUnits(e,t,i,r){let s=getComputedStyle(i),a=G(i)[r],l=r=="height"?this.gridInformation.cells.length-1:this.gridInformation.cells[0].length-1,c=r=="width"?s.columnGap:s.rowGap;c=="normal"&&(c="0px");let h=Ma(c,i,r)??0,p=a-h*l;for(let m=0;m<e.length;m++)t[m]!="fr"&&(p-=e[m]);let f=[];for(let m=0;m<e.length;m++)t[m]!="fr"?f.push(oi(e[m],i,r,t[m])):f.push((e[m]/p*10).toFixed(2)+"fr");return f}dispose(){this._removeAllOverlays()}}});import{css as Um}from"@node-projects/base-custom-webcomponent";var tr,Sc=g(()=>{"use strict";bc();Yi();tr=class{shouldExtend(e,t,i){let r=getComputedStyle(i.element).display;return r=="grid"||r=="inline-grid"?t.instanceServiceContainer.designContext.extensionOptions[Ki]!==!1:!1}getExtension(e,t,i){return new Fs(e,t,i)}static style=Um`.svg-grid-resizer-v{fill:transparent;cursor:ew-resize;pointer-events:auto}.svg-grid-resizer-v:hover{fill:#ff7f5052}.svg-grid-resizer-h{fill:transparent;cursor:ns-resize;pointer-events:auto}.svg-grid-resizer-h:hover{fill:#ff7f5052}`}});var gi,wc=g(()=>{"use strict";gi=class{extensions;extIndex;style;svgDefs;constructor(...e){this.extensions=e;for(let t of e)t.style&&(this.style||(this.style=[]),Array.isArray(t.style)?this.style.push(...t.style):this.style.push(t.style)),t.constructor.style&&(this.style||(this.style=[]),Array.isArray(t.constructor.style)?this.style.push(...t.constructor.style):this.style.push(t.constructor.style)),t.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.svgDefs)),t.constructor.svgDefs&&(this.svgDefs||(this.svgDefs=[]),Array.isArray(t.constructor.svgDefs)?this.svgDefs.push(...t.svgDefs):this.svgDefs.push(t.constructor.svgDefs))}shouldExtend(e,t,i){for(this.extIndex=0;this.extIndex<this.extensions.length;this.extIndex++)if(this.extensions[this.extIndex].shouldExtend(e,t,i))return!0;return!1}getExtension(e,t,i){return this.extensions[this.extIndex].getExtension(e,t,i)}}});var zs,Cc=g(()=>{"use strict";zs=class{_designItemsAssignmentList=new WeakMap;constructor(e){}setPosition(e,t){this._designItemsAssignmentList.set(e,t)}getPosition(e){return this._designItemsAssignmentList.get(e)}}});import{html as Km,BaseCustomWebComponentConstructorAppend as Ym,css as Xm}from"@node-projects/base-custom-webcomponent";var ir,Ec=g(()=>{"use strict";Pe();oe();ir=class extends Ym{_designerView;_previousSelectionRect;_selectionChanged;_relativeButton;_absoluteButton;_applyButton;_inputX;_inputY;_inputR;_inputSpacingX;_inputSpacingY;_originTopLeft;_originTopMid;_originTopRight;_originMidLeft;_originMidMid;_originMidRight;_originBotLeft;_originBotMid;_originBotRight;_transformMode;_transformOrigin;static style=Xm`.container{width:220px;min-height:200px;color:#fff;background-color:#404040;border:1px solid #000}header{text-align:center}.inputs{float:left;margin-top:5px;align-items:center}.input{display:flex;align-items:center;margin-top:5px}.text{margin-left:5px;font-size:14px}.strokecolor{float:both}.fillbrush{float:both}.strokethickness{float:both}#input-div{display:grid;grid-template-columns:1fr 9fr;grid-template-rows:25px 25px 25px;grid-row-gap:2px;font-size:small;margin:10px}#button-div{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25px;font-size:small;margin:10px;grid-column-gap:5px}#apply-div{font-size:small;justify-content:center;width:100%;margin-top:10px;margin-bottom:10px;display:flex}#cube{display:grid;grid-template-columns:20px 20px 20px;grid-template-rows:20px 20px 20px;grid-gap:10px;padding:10px;top:-80px;position:relative}#cube-background{width:60px;height:60px;background:gray;margin-top:20px;margin-left:20px}#spacing-div{display:inline-grid;grid-template-rows:20px 20px;grid-template-columns:95px 95px;gap:5px;justify-content:center;align-items:center;width:100%}`;static template=Km`<div class="container"><header><h2 id="title" style="margin:0">Transform</h2></header><main id="content-area"><div id="input-div"><span>X:</span> <input type="number" id="transform-input-x"> <span>Y:</span> <input type="number" id="transform-input-y"> <span>R:</span> <input type="number" id="transform-input-r"></div><div id="button-div"><button id="transform-button-absolute">absolute</button> <button id="transform-button-relative">relative</button></div><div id="spacing-div"><span>X spacing</span> <span>Y spacing</span> <input type="number" id="spacing-input-x"> <input type="number" id="spacing-input-y"></div><div style="justify-content:center;display:grid;height:100px"><div id="cube-background"></div><div id="cube"><input id="origin-top-left" type="radio" name="origin-radio"> <input id="origin-top-mid" type="radio" name="origin-radio"> <input id="origin-top-right" type="radio" name="origin-radio"> <input id="origin-mid-left" type="radio" name="origin-radio"> <input id="origin-mid-mid" type="radio" name="origin-radio" checked="checked"> <input id="origin-mid-right" type="radio" name="origin-radio"> <input id="origin-bot-left" type="radio" name="origin-radio"> <input id="origin-bot-mid" type="radio" name="origin-radio"> <input id="origin-bot-right" type="radio" name="origin-radio"></div></div><div id="apply-div"><button id="transform-button-apply" style="width:100px">apply</button></div></main></div>`;constructor(){super(),this._relativeButton=this._getDomElement("transform-button-relative"),this._absoluteButton=this._getDomElement("transform-button-absolute"),this._applyButton=this._getDomElement("transform-button-apply"),this._inputX=this._getDomElement("transform-input-x"),this._inputY=this._getDomElement("transform-input-y"),this._inputR=this._getDomElement("transform-input-r"),this._inputSpacingX=this._getDomElement("spacing-input-x"),this._inputSpacingY=this._getDomElement("spacing-input-y"),this._originTopLeft=this._getDomElement("origin-top-left"),this._originTopMid=this._getDomElement("origin-top-mid"),this._originTopRight=this._getDomElement("origin-top-right"),this._originMidLeft=this._getDomElement("origin-mid-left"),this._originMidMid=this._getDomElement("origin-mid-mid"),this._originMidRight=this._getDomElement("origin-mid-right"),this._originBotLeft=this._getDomElement("origin-bot-left"),this._originBotMid=this._getDomElement("origin-bot-mid"),this._originBotRight=this._getDomElement("origin-bot-right"),this._relativeButton.onclick=()=>this._changePositionMode("relative"),this._absoluteButton.onclick=()=>this._changePositionMode("absolute"),this._applyButton.onclick=()=>this._applyTransform(),this._transformMode="relative",this._changePositionMode(this._transformMode)}_changePositionMode(e){e=="relative"?(this._relativeButton.style.backgroundColor="#6F8A9D",this._relativeButton.style.color="black",this._absoluteButton.style.backgroundColor="#A4B5C1",this._absoluteButton.style.color="#77716E"):(this._absoluteButton.style.backgroundColor="#6F8A9D",this._absoluteButton.style.color="black",this._relativeButton.style.backgroundColor="#A4B5C1",this._relativeButton.style.color="#77716E"),this._transformMode=e}_applyTransform(){this._checkOrigin(),this._designerView=this.getRootNode().host.designerView;let e=this._designerView.instanceServiceContainer.selectionService.selectedElements;if(e=ae(e),this._selectionChanged=!1,this._designerView.instanceServiceContainer.selectionService.onSelectionChanged.once(()=>{this._selectionChanged=!0,this._previousSelectionRect=null}),e.length!=0){let t={x:isNaN(this._inputX.valueAsNumber)?null:this._inputX.valueAsNumber,y:isNaN(this._inputY.valueAsNumber)?null:this._inputY.valueAsNumber},i=this._inputR.valueAsNumber?this._inputR.valueAsNumber:0,r=e[0].openGroup("Transform selection");(!this._previousSelectionRect||this._selectionChanged)&&(this._previousSelectionRect=Dt(e,this._designerView.designerCanvas));let s=this._calculateTransformOriginPosition(this._previousSelectionRect);for(let o of e){let a={x:parseFloat(o.getStyle("left")),y:parseFloat(o.getStyle("top")),width:parseFloat(o.getStyle("width")),height:parseFloat(o.getStyle("height"))},l=o.getStyle("transform"),c=0;l&&(c=parseFloat(o.getStyle("transform").replaceAll("rotate(","").replaceAll("deg)","")));let h=this._calculateTransform(this._previousSelectionRect,s,a,i,t,this._transformMode);o.setStyle("left",h.x.toString()+"px"),o.setStyle("top",h.y.toString()+"px");let d;for(this._transformMode=="relative"?d=c+i:d=i;d>=360;)d-=360;d!=0?o.setStyle("transform","rotate("+d+"deg)"):o.removeStyle("transform")}this._applySpacing(e),r.commit()}}_calculateTransformOriginPosition(e){switch(this._transformOrigin){case"topLeft":return{x:e.x,y:e.y};case"topMid":return{x:e.x+e.width/2,y:e.y};case"topRight":return{x:e.x+e.width,y:e.y};case"midLeft":return{x:e.x,y:e.y+e.height/2};case"midMid":return{x:e.x+e.width/2,y:e.y+e.height/2};case"midRight":return{x:e.x+e.width,y:e.y+e.height/2};case"botLeft":return{x:e.x,y:e.y+e.height};case"botMid":return{x:e.x+e.width/2,y:e.y+e.height};case"botRight":return{x:e.x+e.width,y:e.y+e.height}}}_checkOrigin(){this._originTopLeft.checked?this._transformOrigin="topLeft":this._originTopMid.checked?this._transformOrigin="topMid":this._originTopRight.checked?this._transformOrigin="topRight":this._originMidLeft.checked?this._transformOrigin="midLeft":this._originMidMid.checked?this._transformOrigin="midMid":this._originMidRight.checked?this._transformOrigin="midRight":this._originBotLeft.checked?this._transformOrigin="botLeft":this._originBotMid.checked?this._transformOrigin="botMid":this._originBotRight.checked&&(this._transformOrigin="botRight")}_calculateTransform(e,t,i,r,s,o){let a;r=r*(Math.PI/180),o=="absolute"&&(s.x&&(s.x=s.x-e.x),s.y&&(s.y=s.y-e.y)),t={x:t.x-i.width/2,y:t.y-i.height/2};let l={x:i.x-t.x,y:i.y-t.y};return a={x:Math.cos(r)*l.x-Math.sin(r)*l.y+t.x+s.x,y:Math.sin(r)*l.x+Math.cos(r)*l.y+t.y+s.y},a}_applySpacing(e){let t=this._inputSpacingX.valueAsNumber,i=this._inputSpacingY.valueAsNumber;if(!isNaN(t)){let r=e.sort((o,a)=>parseFloat(o.getStyle("left"))-parseFloat(a.getStyle("left"))),s=parseFloat(r[0].getStyle("left"));for(let o=0;o<r.length;o++)r[o].setStyle("left",o*t+s+"px")}if(!isNaN(i)){let r=e.sort((o,a)=>parseFloat(o.getStyle("top"))-parseFloat(a.getStyle("top"))),s=parseFloat(r[0].getStyle("top"));for(let o=0;o<r.length;o++)r[o].setStyle("top",o*i+s+"px")}}};customElements.define("node-projects-designer-transform-tool-popup",ir)});var Bs,Ac=g(()=>{"use strict";$e();te();Ec();Bs=class{provideButton(e){let t=new ue(e,{"":{icon:b+"images/tools/TransformTool.svg"}});return t.popup=ir,t}}});var Vs,Pc=g(()=>{"use strict";oe();Pe();ie();J();Vs=class extends z{_line1;_line2;_line3;_line4;_designerView;constructor(e,t,i){super(e,t,i),this._designerView=t}extend(){this.refresh()}refresh(){let e=this._designerView.instanceServiceContainer.selectionService.selectedElements;if(e.length>1){e=ae(e);let t=Dt(e,this._designerView);this._line1=this._drawLine(t.x,t.y,t.x+t.width,t.y,"svg-multiple-rect-selection",this._line1,D.Background),this._line2=this._drawLine(t.x+t.width,t.y,t.x+t.width,t.y+t.height,"svg-multiple-rect-selection",this._line2,D.Background),this._line3=this._drawLine(t.x+t.width,t.y+t.height,t.x,t.y+t.height,"svg-multiple-rect-selection",this._line3,D.Background),this._line4=this._drawLine(t.x,t.y+t.height,t.x,t.y,"svg-multiple-rect-selection",this._line4,D.Background),this._line1.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line2.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line3.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString(),this._line4.style.strokeWidth=(2/this.designerCanvas.zoomFactor).toString()}}dispose(){this._removeAllOverlays()}}});import{css as Zm}from"@node-projects/base-custom-webcomponent";var Hs,Ic=g(()=>{"use strict";Pc();Hs=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new Vs(e,t,i)}static style=Zm`.svg-multiple-rect-selection{stroke:#909090;stroke-dasharray:3;fill:transparent;stroke-width:2}`}});var Ws,kc=g(()=>{"use strict";ee();Ve();te();Ws=class{_dragOverExtensionItem;_oldX;_oldY;_currentDragDropFormatNameElementDefinition;constructor(){window.addEventListener("dragstart",e=>{let t=e.dataTransfer;if(!t)return;let i=t.setData.bind(t);t.setData=(r,s)=>(r==ti&&(this._currentDragDropFormatNameElementDefinition=s),i(r,s))},!0),window.addEventListener("dragend",e=>{this._currentDragDropFormatNameElementDefinition=null},!0)}dragEnter(e,t){}dragLeave(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null)}async dragOver(e,t){if(e.readOnly){t.dataTransfer.dropEffect="none";return}let i=null,r=t.dataTransfer.getData(ti);if(r||(r=this._currentDragDropFormatNameElementDefinition),r){let o=JSON.parse(r);o&&(i=await e.serviceContainer.forSomeServicesTillResult("instanceService",a=>a.getElement(o,e.serviceContainer,e.instanceServiceContainer)))}let[s]=this.getPossibleContainerForDragDrop(e,t,i?[i]:null);s||(s=e.rootDesignItem),this._dragOverExtensionItem!=s?(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerExternalDragOverAndCanBeEntered),e.extensionManager.applyExtension(s,C.ContainerExternalDragOverAndCanBeEntered,t),this._dragOverExtensionItem=s):t.x!=this._oldX&&t.y!=this._oldY&&(this._oldX=t.x,this._oldY=t.y,e.extensionManager.refreshExtension(s,C.ContainerExternalDragOverAndCanBeEntered,t))}async drop(e,t){this._dragOverExtensionItem&&(e.extensionManager.removeExtension(this._dragOverExtensionItem,C.ContainerExternalDragOverAndCanBeEntered),this._dragOverExtensionItem=null);let i=t.dataTransfer.getData(ti),r=JSON.parse(i),s=await e.serviceContainer.forSomeServicesTillResult("instanceService",f=>f.getElement(r,e.serviceContainer,e.instanceServiceContainer)),[o]=this.getPossibleContainerForDragDrop(e,t,[s]);o||(o=e.rootDesignItem);let a=s.openGroup("Insert of &lt;"+s.name+"&gt;"),l=e.serviceContainer.getLastServiceWhere("containerService",f=>f.serviceForContainer(o,o.getComputedStyle(),s));l.enterContainer(o,[s],"drop");let c=e.getNormalizedElementCoordinates(o.element),h=e.getNormalizedEventCoordinates(t),d={x:h.x-c.x,y:h.y-c.y},p={x:0,y:0};r.mouseOffset&&(p=r.mouseOffset),l.place(t,e,o,p,{x:0,y:0},d,[s]),l.finishPlace(t,e,o,p,{x:0,y:0},d,[s]),requestAnimationFrame(()=>{e.instanceServiceContainer.selectionService.setSelectedElements([s],t),a.commit()})}getPossibleContainerForDragDrop(e,t,i){let r=null,s=null,o=e.elementsFromPoint(t.clientX,t.clientY);for(let a of o)if(a==e.rootDesignItem.element){r=e.rootDesignItem;let l=getComputedStyle(r.element);s=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(r,l));break}else{r=M.GetOrCreateDesignItem(a,a,e.serviceContainer,e.instanceServiceContainer);let l=getComputedStyle(r.element);if(s=e.serviceContainer.getLastServiceWhere("containerService",c=>c.serviceForContainer(r,l)),s){if(i&&s.canEnter(r,i)&&!(r.element instanceof r.window.SVGElement))break;if(!i&&s.isEnterableContainer(r)&&!(r.element instanceof r.window.SVGElement))break;r=null,s=null;continue}}return[r,s]}}});var Ce,rr=g(()=>{"use strict";Ce=class n{constructor(){}static _windowEvents=[{name:"afterprint",propertyName:"onafterprint",eventObjectName:"Event"},{name:"beforeprint",propertyName:"onbeforeprint",eventObjectName:"Event"},{name:"beforeunload",propertyName:"onbeforeunload",eventObjectName:"Event"},{name:"error",propertyName:"onerror",eventObjectName:"Event"},{name:"load",propertyName:"onload",eventObjectName:"Event"},{name:"hashchange",propertyName:"onhashchange",eventObjectName:"Event"},{name:"message",propertyName:"onmessage",eventObjectName:"Event"},{name:"offline",propertyName:"onoffline",eventObjectName:"Event"},{name:"online",propertyName:"ononline",eventObjectName:"Event"},{name:"pageshow",propertyName:"onpageshow",eventObjectName:"Event"},{name:"popstate",propertyName:"onpopstate",eventObjectName:"Event"},{name:"resize",propertyName:"onresize",eventObjectName:"Event"},{name:"storage",propertyName:"onstorage",eventObjectName:"Event"},{name:"unload",propertyName:"onunload",eventObjectName:"Event"}];static _allElements=[{name:"contextmenu",propertyName:"oncontextmenu",eventObjectName:"PointerEvent"}];static _focusableEvents=[{name:"blur",propertyName:"onblur",eventObjectName:"FocusEvent"},{name:"focus",propertyName:"onfocus",eventObjectName:"FocusEvent"},{name:"keydown",propertyName:"onkeydown",eventObjectName:"KeyboardEvent"},{name:"keyup",propertyName:"onkeyup",eventObjectName:"KeyboardEvent"}];static _simpleForm=[{name:"input",propertyName:"oninput",eventObjectName:"InputEvent"},{name:"change",propertyName:"onchange",eventObjectName:"Event"}];static _form=[{name:"beforeinput",propertyName:"onbeforeinput",eventObjectName:"InputEvent"},{name:"invalid",propertyName:"oninvalid",eventObjectName:"Event"},{name:"reset",propertyName:"onreset",eventObjectName:"Event"},{name:"select",propertyName:"onselect",eventObjectName:"Event"},{name:"submit",propertyName:"onsubmit",eventObjectName:"SubmitEvent"}];static _simpleMouseEvents=[{name:"click",propertyName:"onclick",eventObjectName:"PointerEvent"},{name:"dblclick",propertyName:"ondblclick",eventObjectName:"MouseEvent"},{name:"wheel",propertyName:"onwheel",eventObjectName:"WheelEvent"},{name:"scroll",propertyName:"onscroll",eventObjectName:"Event"}];static _mouseEvents=[{name:"mousedown",propertyName:"onmousedown",eventObjectName:"MouseEvent"},{name:"mouseup",propertyName:"onmouseup",eventObjectName:"MouseEvent"},{name:"mousemove",propertyName:"onmousemove",eventObjectName:"MouseEvent"},{name:"mouseover",propertyName:"onmouseover",eventObjectName:"MouseEvent"},{name:"mouseout",propertyName:"onmouseout",eventObjectName:"MouseEvent"}];static _pointerEvents=[{name:"pointerdown",propertyName:"onpointerdown",eventObjectName:"PointerEvent"},{name:"pointerup",propertyName:"onpointerup",eventObjectName:"PointerEvent"},{name:"pointerenter",propertyName:"onpointerenter",eventObjectName:"PointerEvent"},{name:"pointerleave",propertyName:"onpointerleave",eventObjectName:"PointerEvent"},{name:"pointermove",propertyName:"onpointermove",eventObjectName:"PointerEvent"},{name:"pointerover",propertyName:"onpointerover",eventObjectName:"PointerEvent"},{name:"pointerout",propertyName:"onpointerout",eventObjectName:"PointerEvent"},{name:"pointercancel",propertyName:"onpointercancel",eventObjectName:"PointerEvent"}];static _touchEvents=[{name:"touchstart",propertyName:"ontouchstart",eventObjectName:"TouchEvent"},{name:"touchend",propertyName:"ontouchend",eventObjectName:"TouchEvent"},{name:"touchmove",propertyName:"ontouchmove",eventObjectName:"TouchEvent"},{name:"touchcancel",propertyName:"ontouchcancel",eventObjectName:"TouchEvent"}];static _dragEvents=[{name:"drag",propertyName:"ondrag",eventObjectName:"DragEvent"},{name:"dragend",propertyName:"ondragend",eventObjectName:"DragEvent"},{name:"dragenter",propertyName:"ondragenter",eventObjectName:"DragEvent"},{name:"dragleave",propertyName:"ondragleave",eventObjectName:"DragEvent"},{name:"dragover",propertyName:"ondragover",eventObjectName:"DragEvent"},{name:"dragstart",propertyName:"ondragstart",eventObjectName:"DragEvent"},{name:"drop",propertyName:"ondrop",eventObjectName:"DragEvent"}];static _clipboard=[{name:"copy",propertyName:"oncopy",eventObjectName:"ClipboardEvent"},{name:"cut",propertyName:"oncut",eventObjectName:"ClipboardEvent"},{name:"paste",propertyName:"onpaste",eventObjectName:"ClipboardEvent"}];static _details=[{name:"toggle",propertyName:"ontoggle",eventObjectName:"Event"}];static _allEvents=[...n._windowEvents,...n._form,...n._simpleMouseEvents,...n._mouseEvents,...n._pointerEvents,...n._touchEvents,...n._allElements,...n._focusableEvents,...n._dragEvents,...n._clipboard,...n._dragEvents];isHandledElementFromEventsService(e){return!0}getPossibleEvents(e){return e.element instanceof e.window.HTMLInputElement||e.element instanceof e.window.HTMLTextAreaElement||e.element instanceof e.window.HTMLSelectElement?[...n._simpleForm,...n._simpleMouseEvents,...n._form,...n._pointerEvents,...n._allElements,...n._focusableEvents]:[...n._simpleMouseEvents,...n._pointerEvents,...n._allElements,...n._focusableEvents]}getEvent(e,t){return n._allEvents.find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}}});import{DomHelper as qm,cssFromString as Qm}from"@node-projects/base-custom-webcomponent";var Gs,Dc=g(()=>{"use strict";Gs=class{async provideDemo(e,t,i,r){let s=document.createElement("div"),o=s.attachShadow({mode:"open",serializable:!0});s.style.width="100%",s.style.height="100%",s.style.border="none",s.style.display="none",s.style.overflow="auto",s.style.position="absolute",e.style.position="relative",qm.removeAllChildnodes(e),e.appendChild(s);let a=[];i.designerCanvas.additionalStyles&&a.push(...i.designerCanvas.additionalStyles),i.stylesheetService&&a.push(...i.stylesheetService.getStylesheets().map(l=>Qm(l.content))),o.adoptedStyleSheets=a,o.innerHTML="","setHTMLUnsafe"in o?o.setHTMLUnsafe(r):o.innerHTML=r,s.style.display=""}}});var js,Tc=g(()=>{"use strict";le();Pe();J();js=class{_elementDefinition;_createdItem;_startPosition;_changeGroup;cursor="crosshair";_rect;constructor(e){this._elementDefinition=e}activated(e){}dispose(){this._createdItem&&this._createdItem.element.parentElement.removeChild(this._createdItem.element)}pointerEventHandler(e,t,i){switch(t.type){case S.PointerDown:this._onPointerDown(e,t);break;case S.PointerMove:this._onPointerMove(e,t);break;case S.PointerUp:this._onPointerUp(e,t);break}}keyboardEventHandler(e,t,i){}sizeOverlapThreshold=!1;async _onPointerDown(e,t){let i=e.getNormalizedEventCoordinates(t);t.preventDefault(),this._startPosition={x:i.x,y:i.y},this._changeGroup=e.rootDesignItem.openGroup("Insert Item"),this._createdItem=await e.serviceContainer.forSomeServicesTillResult("instanceService",r=>r.getElement(this._elementDefinition,e.serviceContainer,e.instanceServiceContainer)),this._createdItem.setStyle("position","absolute"),this._createdItem.setStyle("left",R(this._createdItem,i.x)+"px"),this._createdItem.setStyle("top",R(this._createdItem,i.y)+"px"),this._createdItem.setStyle("width","0"),this._createdItem.setStyle("height","0"),e.rootDesignItem.insertChild(this._createdItem),e.instanceServiceContainer.selectionService.clearSelectedElements()}async _onPointerMove(e,t){let i=e.getNormalizedEventCoordinates(t);if(this._createdItem){this._rect||(this._rect=document.createElementNS("http://www.w3.org/2000/svg","rect"),e.overlayLayer.addOverlay(this.constructor.name,this._rect,D.Foreground),this._rect.setAttribute("class","svg-draw-new-element"),this._rect.setAttribute("x",R(this._createdItem,this._startPosition.x)),this._rect.setAttribute("y",R(this._createdItem,this._startPosition.y)));let r=R(this._createdItem,i.x-this._startPosition.x),s=R(this._createdItem,i.y-this._startPosition.y);parseFloat(""+r)>=0&&(this._rect.setAttribute("width",r),this._createdItem.setStyle("width",r+"px")),parseFloat(""+s)>=0&&(this._rect.setAttribute("height",s),this._createdItem.setStyle("height",s+"px")),(parseFloat(""+r)>5||parseFloat(""+s)>5)&&(this.sizeOverlapThreshold=!0)}}async _onPointerUp(e,t){this.sizeOverlapThreshold?(this._changeGroup.commit(),e.instanceServiceContainer.selectionService.setSelectedElements([this._createdItem],t)):this._changeGroup.abort(),e.overlayLayer.removeOverlay(this._rect),this._startPosition=null,this._rect=null,this._createdItem=null,e.serviceContainer.globalContext.finishedWithTool(this)}}});var Us,Mc=g(()=>{"use strict";Us=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");i.className="toolbar-control",i.title="round pixels to";let r=document.createElement("input");return r.type="number",r.step="1",r.min="-1",r.valueAsNumber=e.serviceContainer.options.roundPixelsToDecimalPlaces,r.onchange=()=>e.serviceContainer.options.roundPixelsToDecimalPlaces=r.valueAsNumber,i.appendChild(r),[i]}}});var Ks,Oc=g(()=>{"use strict";qt();pe();me();Ks=class extends Ne{commonMathProperties=[{name:"displaystyle",type:"boolean",service:this,defaultValue:!0,propertyType:v.propertyAndAttribute}];mathProperties=[{name:"display",type:"list",values:["block","inline"],service:this,defaultValue:"text",propertyType:v.propertyAndAttribute}];mfracProperties=[{name:"denomalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:v.propertyAndAttribute},{name:"linethickness",type:"string",service:this,propertyType:v.propertyAndAttribute},{name:"numalign",type:"list",values:["left","center","right"],service:this,defaultValue:"center",propertyType:v.propertyAndAttribute}];name="mathml";getRefreshMode(e){return W.full}isHandledElement(e){return e.element instanceof e.window.MathMLElement}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){if(!this.isHandledElement(e))return null;switch(e.element.localName){case"math":return[...this.commonMathProperties,...this.mathProperties];case"merror":return[...this.commonMathProperties];case"mfrac":return[...this.commonMathProperties,...this.mfracProperties];default:return[...this.commonMathProperties]}}}});function $m(n){return n instanceof SVGRectElement?[{x:n.x.baseVal.value,y:n.y.baseVal.value},{x:n.x.baseVal.value+n.width.baseVal.value,y:n.y.baseVal.value},{x:n.x.baseVal.value+n.width.baseVal.value,y:n.y.baseVal.value+n.height.baseVal.value},{x:n.x.baseVal.value,y:n.y.baseVal.value+n.height.baseVal.value}]:n instanceof SVGLineElement?[{x:n.x1.baseVal.value,y:n.y1.baseVal.value},{x:n.x2.baseVal.value,y:n.y2.baseVal.value}]:null}var Ys,Lc=g(()=>{"use strict";le();ie();J();Ys=class extends z{constructor(e,t,i){super(e,t,i)}_parentRect;_svgElement;_circles=[];_points;_startPoint;_startPos;extend(){this._parentRect=this.extendedItem.element.parentElement.getBoundingClientRect(),this._svgElement=this.extendedItem.node,this.refresh()}refresh(){let e=$m(this._svgElement);if(e&&this._valuesHaveChanges(this.designerCanvas.scaleFactor,...e.map(t=>t.x),...e.map(t=>t.y))){this._points=e;for(let t=0;t<this._points.length;t++)this._circles[t]=this._drawPathCircle(t,this._circles[t])}}dispose(){this._removeAllOverlays()}_drawPathCircle(e,t){let i=this._drawCircle((this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+this._points[e].x,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+this._points[e].y,5/this.designerCanvas.scaleFactor,"svg-path",t,D.Foreground);return i.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),t||(i.addEventListener(S.PointerDown,r=>this.pointerEvent(r,e,i)),i.addEventListener(S.PointerMove,r=>this.pointerEvent(r,e,i)),i.addEventListener(S.PointerUp,r=>this.pointerEvent(r,e,i))),i}pointerEvent(e,t,i,r){e.stopPropagation(),e.preventDefault();let s=this.designerCanvas.getNormalizedEventCoordinates(e),o=this._points[t];switch(e.type){case S.PointerDown:e.target.setPointerCapture(e.pointerId),this._startPos=s,this._startPoint={...o};break;case S.PointerMove:if(this._startPos&&e.buttons>0){let a=this._startPos.x-s.x,l=this._startPos.y-s.y;e.shiftKey&&(Math.abs(a)<Math.abs(l)?a=0:l=0),o.x=this._startPoint.x-a,o.y=this._startPoint.y-l,this.modifyElementPoint(this._svgElement,t,o),this.designerCanvas.extensionManager.refreshAllExtensions([this.extendedItem],this)}break;case S.PointerUp:e.target.releasePointerCapture(e.pointerId),this._startPos=null;break}}modifyElementPoint(e,t,i){e instanceof SVGRectElement?(t==1?(this._points[0].y=i.y,this._points[2].x=i.x):t==3&&(this._points[2].y=i.y,this._points[0].x=i.x),e.x.baseVal.value=this._points[0].x,e.y.baseVal.value=this._points[0].y,e.width.baseVal.value=this._points[2].x-this._points[0].x,e.height.baseVal.value=this._points[2].y-this._points[0].y):e instanceof SVGLineElement&&(e.x1.baseVal.value=this._points[0].x,e.y1.baseVal.value=this._points[0].y,e.x2.baseVal.value=this._points[1].x,e.y2.baseVal.value=this._points[1].y)}_getMinMaxValues(e){let t={xMin:0,xMax:0,yMin:0,yMax:0};for(let i=0;i<e.length-2;i++)e[i]<e[i+1]&&i<=3?t.xMin=e[i]:e[i]<e[i+1]&&i>3&&i<=7&&(t.yMin=e[i]),e[i]>e[i+1]&&i<=3?t.xMax=e[i]:e[i]>e[i+1]&&i>3&&i<=8&&(t.yMax=e[i]);return t}}});var Xs,Nc=g(()=>{"use strict";li();Lc();Xs=class{shouldExtend(e,t,i){return i.node instanceof SVGRectElement||i.node instanceof SVGLineElement||i.node instanceof SVGCircleElement||i.node instanceof SVGPathElement?sn(i.node):!1}getExtension(e,t,i){return new Ys(e,t,i)}}});var ut,Rc=g(()=>{"use strict";ut=class{constructor(e,t,i=!1){this.extensionProvider=e,this.condition=t,this.style=e.style??e.constructor.style,this.svgDefs=e.svgDefs??e.constructor.svgDefs}extensionProvider;condition;style;svgDefs;shouldExtend(e,t,i){return this.condition(i,t)?this.extensionProvider.shouldExtend(e,t,i):!1}getExtension(e,t,i){return this.extensionProvider.getExtension(e,t,i)}}});var et,Te,je=g(()=>{"use strict";te();ie();be();et="basicStackedToolbarExtensionShowOverlay",Te=class n extends z{static basicTemplate=zh`<select title="position" id="position" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>static</option><option>relative</option><option>absolute</option><option>fixed</option></select><node-projects-image-button-list-selector id="inline" no-value-in-header property="inline"><img data-value="block" title="block" src="${b}images/display/block.svg"> <img data-value="inline" title="inline" src="${b}images/display/inline.svg"></node-projects-image-button-list-selector><select title="display" id="displayType" style="pointer-events:auto;height:24px;width:80px;padding:0;font-weight:900;text-transform:uppercase;margin-left:5px;margin-right:10px"><option>block</option><option>flex</option><option>grid</option></select>`;static toolBars=[];_toolbar;_size={width:220,height:30};_display;_inline;constructor(e,t,i){super(e,t,i)}extend(e,t){let i=getComputedStyle(this.extendedItem.element);this._display=i.display.replace("inline-","").replace("inline","block"),this._inline=i.display.startsWith("inline")?"inline":"block",this._toolbar=this.createToolbar(this.constructor.template,this._size.width,this._size.height),n.toolBars.push(this._toolbar);let r=this._toolbar.getById("position");r&&(r.value=i.position,r.onchange=async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("position",r.value),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let s=this._toolbar.getById("displayType");s&&(s.value=this._display,s.onchange=async()=>{this._display=s.value,await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])});let o=this._toolbar.getById("inline");o&&(o.value=this._inline,o.addEventListener("value-changed",async()=>{this._inline=o.value,this._inline&&i.position==="absolute"&&this.extendedItem.setStyle("position","static"),await this.updateDisplayValue(),this.extensionManager.reapplyAllAppliedExtentions([this.extendedItem])}))}async updateDisplayValue(){let e=(this._inline=="inline"?"inline ":"")+this._display;e==="inline block"&&(e="inline"),await this.extendedItem.updateStyleInSheetOrLocalAsync("display",e)}refresh(e,t){if(t){let i=this.designerCanvas.getNormalizedEventCoordinates(t),r=0;for(let s=0;s<n.toolBars.length-1&&n.toolBars[s]!==this._toolbar;s++)r+=this._toolbar.children[0].getBoundingClientRect().height+4;this._toolbar.updatePosition({x:i.x-16/this.designerCanvas.zoomFactor,y:i.y-r-(this._size.height+14)/this.designerCanvas.zoomFactor})}}_addStyleButton(e){let t=getComputedStyle(this.extendedItem.element),i=this._toolbar.getById(e);i.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync(e,i.value)}),i.value=t[e]}dispose(){n.toolBars.splice(n.toolBars.indexOf(this._toolbar),1),this._removeAllOverlays()}}});import{html as Jm}from"@node-projects/base-custom-webcomponent";var Zs,Fc=g(()=>{"use strict";je();te();Zs=class extends Te{static template=Jm`<div style="height:100%;width:100%">${Te.basicTemplate} <select title="display" id="gridType" style="pointer-events:auto;height:24px;width:60px;padding:0;margin-right:10px"><option>1x1</option><option>1x16</option><option>2x8</option><option>4x4</option><option>8x2</option><option>16x1</option><option>custom</option></select><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="center" data-value="center" src="${b}images/chromeDevtools/align-content-center-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-items" no-value-in-header id="justify-items"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=624}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridType"),s=document.createElement("option");s.innerText=i.gridTemplateColumns.split(" ").length+"x"+i.gridTemplateRows.split(" ").length,r.insertAdjacentElement("afterbegin",s),r.selectedIndex=0,r.onchange=async()=>{if(r.value=="custom"){let o=prompt("Number of columns?","4");if(!o)return;let a=prompt("Number of rows?","4");if(!a)return;let l=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+o+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+a+", 1fr)"),l.commit()}else{let o=r.value.split("x"),a=this.extendedItem.openGroup("change grid type");await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-columns","repeat("+o[0]+", 1fr)"),await this.extendedItem.updateStyleInSheetOrLocalAsync("grid-template-rows","repeat("+o[1]+", 1fr)"),a.commit()}},this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this._addStyleButton("justify-items"),this.refresh(e,t)}}});var qs,zc=g(()=>{"use strict";Fc();Q();je();qs=class{shouldExtend(e,t,i){if(i.nodeType===I.Element){let r=getComputedStyle(i.element).display;if(r==="grid"||r==="inline-grid")return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new Zs(e,t,i)}}});import{html as eu}from"@node-projects/base-custom-webcomponent";var Qs,Bc=g(()=>{"use strict";te();je();Qs=class extends Te{static template=eu`<div style="height:100%;width:100%">${Te.basicTemplate}<node-projects-image-button-list-selector property="direction" no-value-in-header id="flex-direction"><img title="row" data-value="row" src="${b}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column" data-value="column" src="${b}images/chromeDevtools/flex-direction-column-icon.svg"> <img title="row-reverse" data-value="row-reverse" style="transform:scaleX(-1)" src="${b}images/chromeDevtools/flex-direction-row-icon.svg"> <img title="column-reverse" data-value="column-reverse" style="transform:scaleY(-1)" src="${b}images/chromeDevtools/flex-direction-column-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="wrap" no-value-in-header id="flex-wrap"><img title="nowrap" data-value="nowrap" src="${b}images/chromeDevtools/flex-wrap-nowrap-icon.svg"> <img title="wrap" data-value="wrap" src="${b}images/chromeDevtools/flex-wrap-wrap-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-content" no-value-in-header id="align-content"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-content-flex-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-content-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-content-flex-end-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/align-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/align-content-space-between-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-content-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-content" no-value-in-header id="justify-content"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-content-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-content-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-content-end-icon.svg"> <img title="space-around" data-value="space-around" src="${b}images/chromeDevtools/justify-content-space-around-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/justify-content-space-evenly-icon.svg"> <img title="space-between" data-value="space-between" src="${b}images/chromeDevtools/justify-content-space-between-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="align-items" no-value-in-header id="align-items"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-items-stretch-icon.svg"> <img title="space-evenly" data-value="space-evenly" src="${b}images/chromeDevtools/align-items-baseline-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=625}extend(e,t){super.extend(e,t),this._addFlexDirectionButton(),this._addStyleButton("flex-wrap"),this._addStyleButton("align-content"),this._addStyleButton("justify-content"),this._addStyleButton("align-items"),this.refresh(e,t)}_addFlexDirectionButton(){let e=getComputedStyle(this.extendedItem.element),t=this._toolbar.getById("flex-direction");t.addEventListener("value-changed",async()=>{await this.extendedItem.updateStyleInSheetOrLocalAsync("flex-direction",t.value),this.rotateImagesAcordingFlexDirection(t.value)}),t.value=e["flex-direction"],this.rotateImagesAcordingFlexDirection(t.value)}rotateImagesAcordingFlexDirection(e){let t=0;(e=="column"||e=="column-reverse")&&(t=-90),this._toolbar.getById("flex-wrap").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("justify-content").querySelectorAll("img").forEach(i=>i.style.rotate=t+"deg"),this._toolbar.getById("align-items").querySelectorAll("img:nth-child(-n+4)").forEach(i=>i.style.rotate=t+"deg")}}});var $s,Vc=g(()=>{"use strict";Bc();Q();je();$s=class{shouldExtend(e,t,i){if(i.nodeType===I.Element){let r=getComputedStyle(i.element).display;if(r==="flex"||r==="inline-flex")return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new Qs(e,t,i)}}});import{html as tu}from"@node-projects/base-custom-webcomponent";var Js,Hc=g(()=>{"use strict";je();Js=class extends Te{static template=tu`<div style="height:100%;width:100%">${Te.basicTemplate}</div>`;constructor(e,t,i){super(e,t,i)}extend(e,t){super.extend(e,t),this.refresh(e,t)}}});var eo,Wc=g(()=>{"use strict";Hc();Q();je();eo=class{shouldExtend(e,t,i){if(i.nodeType===I.Element){let r=getComputedStyle(i.element).display;if(r==="block"||r==="inline"||r==="inline-block")return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new Js(e,t,i)}}});var Wt,Gc=g(()=>{"use strict";ls();Wt=class{_title;_contextMenus;constructor(e,...t){this._title=e,this._contextMenus=t}shouldProvideContextmenu(e,t,i,r){return this._contextMenus.some(s=>!(s instanceof De)&&s.shouldProvideContextmenu(e,t,i,r))}provideContextMenuItems(e,t,i,r){return[{title:this._title,children:this._contextMenus.map(s=>s.shouldProvideContextmenu(e,t,i,r)?s.provideContextMenuItems(e,t,i,r):[]).flat()}]}}});import{html as iu}from"@node-projects/base-custom-webcomponent";var to,jc=g(()=>{"use strict";te();je();to=class extends Te{static template=iu`<div style="height:100%;width:100%"><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">column:</span> <input type="text" title="column" id="gridColumn" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:5px"></div><div style="display:flex;flex-direction:column"><span style="font-size:10px;color:#00aff0">row:</span> <input type="text" title="column" id="gridRow" style="pointer-events:auto;height:12px;width:45px;padding:0;margin-right:10px"></div><node-projects-image-button-list-selector property="align-self" no-value-in-header id="align-self"><img title="start" data-value="start" src="${b}images/chromeDevtools/align-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/align-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/align-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/align-items-stretch-icon.svg"></node-projects-image-button-list-selector><node-projects-image-button-list-selector property="justify-self" no-value-in-header id="justify-self"><img title="start" data-value="start" src="${b}images/chromeDevtools/justify-items-start-icon.svg"> <img title="center" data-value="center" src="${b}images/chromeDevtools/justify-items-center-icon.svg"> <img title="end" data-value="end" src="${b}images/chromeDevtools/justify-items-end-icon.svg"> <img title="stretch" data-value="stretch" src="${b}images/chromeDevtools/justify-items-stretch-icon.svg"></node-projects-image-button-list-selector></div>`;constructor(e,t,i){super(e,t,i),this._size.width=250}extend(e,t){super.extend(e,t);let i=getComputedStyle(this.extendedItem.element),r=this._toolbar.getById("gridColumn");r&&(r.value=i.gridColumn,r.onkeyup=async o=>{o.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridColumn",r.value)});let s=this._toolbar.getById("gridRow");s&&(s.value=i.gridColumn,s.onkeyup=async o=>{o.key==="Enter"&&await this.extendedItem.updateStyleInSheetOrLocalAsync("gridRow",s.value)}),this._addStyleButton("align-self"),this._addStyleButton("justify-self"),this.refresh(e,t)}}});var io,Uc=g(()=>{"use strict";Q();jc();je();io=class{shouldExtend(e,t,i){if(i.nodeType===I.Element&&i.parent){let r=i.parent?.getComputedStyle();if(r!=null&&(r.display==="grid"||r.display==="inline-grid"))return t.instanceServiceContainer.designContext.extensionOptions[et]!==!1}return!1}getExtension(e,t,i){return new to(e,t,i)}}});var ro,Kc=g(()=>{"use strict";je();Tt();ro=class extends Re{constructor(){super(et,"T","show Toolbars")}}});var no,Yc=g(()=>{"use strict";ie();J();no=class extends z{constructor(e,t,i){super(e,t,i)}_path;_path2;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=getComputedStyle(this.extendedItem.element);if(i.padding!=="0px"){let r=Number.parseFloat(i.paddingLeft.replace("px","")),s=Number.parseFloat(i.paddingTop.replace("px","")),o=Number.parseFloat(i.paddingRight.replace("px","")),a=Number.parseFloat(i.paddingBottom.replace("px",""));if(r+=Number.parseFloat(i.borderLeftWidth.replace("px","")),s+=Number.parseFloat(i.borderTopWidth.replace("px","")),o+=Number.parseFloat(i.borderRightWidth.replace("px","")),a+=Number.parseFloat(i.borderBottomWidth.replace("px","")),!isNaN(r)&&!isNaN(s)&&!isNaN(o)&&!isNaN(a)){let l=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(!isNaN(l.p1.x)&&this._valuesHaveChanges(r,s,o,a,l.p1.x,l.p1.y,l.p2.x,l.p2.y,l.p3.x,l.p3.y,l.p4.x,l.p4.y)){let c=this.extendedItem.element.getBoxQuads({box:"content",relativeTo:this.designerCanvas.canvas})[0],h="M"+[l.p1,l.p2,l.p3,l.p4].map(d=>d.x+","+d.y).join(" ")+"Z ";h+="M"+[c.p1,c.p2,c.p3,c.p4].map(d=>d.x+","+d.y).join(" ")+"Z ",this._path=this._drawPath(h,"svg-padding-fill",this._path,D.Background),this._path2=this._drawPath(h,"svg-padding",this._path2,D.Background)}}}}dispose(){this._removeAllOverlays()}}});import{css as md}from"@node-projects/base-custom-webcomponent";var so,Xc=g(()=>{"use strict";Q();Yc();li();so=class{shouldExtend(e,t,i){return i.nodeType==I.Element}getExtension(e,t,i){return new no(e,t,i)}static style=md`.svg-padding{fill:#32cd3266;fill-rule:evenodd}`;style=md`.svg-padding-fill{fill:#32cd3266;fill-rule:evenodd}.svg-padding{fill:#32cd32FF;fill-rule:evenodd;mask:url(#mask-stripe-padding)}`;static svgDefs=ai`<pattern id="pattern-stripe-padding" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern"><line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line></pattern><mask id="mask-stripe-padding"><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-stripe-padding)"></mask>`}});var oo,Zc=g(()=>{"use strict";le();pi();ie();oo=class extends z{_actionModeStarted;_initialPoint;_circle1;_circle2;_circle3;_circle4;_circle5;_circle6;_circle7;_circle8;_initialComputedTransformOrigins;_initialTransformOrigins;_styleBackup;constructor(e,t,i){super(e,t,i)}extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(isNaN(i.p1.x)||isNaN(i.p2.x)){this.remove();return}this._valuesHaveChanges(this.designerCanvas.zoomFactor,i.p1.x,i.p1.y,i.p2.x,i.p2.y,i.p4.x,i.p4.y,i.p3.x,i.p3.y)&&(this._circle1=this._drawResizerOverlay(i.p1.x,i.p1.y,"nw-resize",this._circle1),this._circle2=this._drawResizerOverlay(i.p1.x+(i.p2.x-i.p1.x)/2,i.p1.y+(i.p2.y-i.p1.y)/2,"n-resize",this._circle2),this._circle3=this._drawResizerOverlay(i.p2.x,i.p2.y,"ne-resize",this._circle3),this._circle4=this._drawResizerOverlay(i.p1.x+(i.p4.x-i.p1.x)/2,i.p1.y+(i.p4.y-i.p1.y)/2,"w-resize",this._circle4),this._circle5=this._drawResizerOverlay(i.p4.x,i.p4.y,"sw-resize",this._circle5),this._circle6=this._drawResizerOverlay(i.p4.x+(i.p3.x-i.p4.x)/2,i.p4.y+(i.p3.y-i.p4.y)/2,"s-resize",this._circle6),this._circle8=this._drawResizerOverlay(i.p2.x+(i.p3.x-i.p2.x)/2,i.p2.y+(i.p3.y-i.p2.y)/2,"e-resize",this._circle8),this._circle7=this._drawResizerOverlay(i.p3.x,i.p3.y,"se-resize",this._circle7))}_drawResizerOverlay(e,t,i,r){let s=this._drawCircle(e,t,this.designerCanvas.serviceContainer.options.resizerPixelSize/this.designerCanvas.zoomFactor,"svg-grid-resizer",r);return s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString(),r||(s.addEventListener(S.PointerDown,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerMove,o=>this._pointerActionTypeResize(s,o,i)),s.addEventListener(S.PointerUp,o=>this._pointerActionTypeResize(s,o,i))),s.style.cursor=i,s}_pointerActionTypeResize(e,t,i){t.stopPropagation();let r=this.designerCanvas.getNormalizedEventCoordinates(t);switch(t.type){case S.PointerDown:this._styleBackup=this.extendedItem.element.getAttribute("style"),t.target.setPointerCapture(t.pointerId),this._initialPoint=r,this._actionModeStarted=i,this._initialComputedTransformOrigins=[],this._initialTransformOrigins=[];let s=getComputedStyle(this.extendedItem.element).transformOrigin.split(" ").map(f=>parseFloat(f.replace("px",""))),o=new DOMPoint(s[0],s[1]);this._initialComputedTransformOrigins.push(o),this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin);break;case S.PointerMove:if(this._initialPoint){let f=0,m=0,u=0,y=0,x=Qe(this.extendedItem.parent),_=this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.parent.element),w=this.designerCanvas.getNormalizedEventCoordinates(t),A=getComputedStyle(this.extendedItem.element);if(this.extendedItem.element.style.gridColumnStart=A.gridColumnStart,this.extendedItem.element.style.gridColumnEnd=A.gridColumnEnd==="auto"?""+(parseInt(A.gridColumnStart)+1):A.gridColumnEnd,this.extendedItem.element.style.gridRowStart=A.gridRowStart,this.extendedItem.element.style.gridRowEnd=A.gridRowEnd==="auto"?""+(parseInt(A.gridRowStart)+1):A.gridRowEnd,this._actionModeStarted=="nw-resize"||this._actionModeStarted=="w-resize"||this._actionModeStarted=="sw-resize"){for(let P=0;P<x.cells.length;P++){let T=x.cells[P][0],N=f+T.width/2;w.x>_.x+N&&(u=P),f+=T.width+x.xGap}this.extendedItem.element.style.gridColumnStart=""+(u+2)}if(this._actionModeStarted=="nw-resize"||this._actionModeStarted=="n-resize"||this._actionModeStarted=="ne-resize"){for(let P=0;P<x.cells.length;P++){let T=x.cells[P][0],N=m+T.height/2;w.y>_.y+N&&(y=P),m+=T.height+x.yGap}this.extendedItem.element.style.gridRowStart=""+(y+2)}if(this._actionModeStarted=="se-resize"||this._actionModeStarted=="e-resize"||this._actionModeStarted=="ne-resize"){for(let P=0;P<x.cells.length;P++){let T=x.cells[P][0],N=f+T.width/2;w.x>_.x+N&&(u=P),f+=T.width+x.xGap}this.extendedItem.element.style.gridColumnEnd=""+(u+2)}if(this._actionModeStarted=="sw-resize"||this._actionModeStarted=="s-resize"||this._actionModeStarted=="se-resize"){for(let P=0;P<x.cells[0].length;P++){let T=x.cells[0][P],N=m+T.height/2;w.y>_.y+N&&(y=P),m+=T.height+x.yGap}this.extendedItem.element.style.gridRowEnd=""+(y+2)}let k=[this.extendedItem,this.extendedItem.parent];this.extensionManager.refreshExtensions(k)}break;case S.PointerUp:t.target.releasePointerCapture(t.pointerId);let a=getComputedStyle(this.extendedItem.element),l=a.gridColumnStart,c=a.gridColumnEnd,h=a.gridRowStart,d=a.gridRowEnd;this._styleBackup?this.extendedItem.element.setAttribute("style",this._styleBackup):this.extendedItem.element.removeAttribute("style");let p=this.extendedItem.openGroup("Resize &lt;"+this.extendedItem.name+"&gt;");this.extendedItem.setStyle("gridColumnStart",l),this.extendedItem.setStyle("gridColumnEnd",c),this.extendedItem.setStyle("gridRowStart",h),this.extendedItem.setStyle("gridRowEnd",d),p.commit(),this._initialPoint=null;break}}dispose(){this._removeAllOverlays()}}});import{css as ru}from"@node-projects/base-custom-webcomponent";var ao,qc=g(()=>{"use strict";Q();Zc();ao=class{shouldExtend(e,t,i){return i.nodeType===I.Element&&i.parent?.nodeType===I.Element&&getComputedStyle(i.parent.element).display==="grid"}getExtension(e,t,i){return new oo(e,t,i)}static style=ru`.svg-grid-resizer{stroke:#3899ec;fill:#fff;pointer-events:auto}`}});var lo,Qc=g(()=>{"use strict";ht();Q();te();lo=class{shouldProvideContextmenu(e,t,i,r){return t.readOnly?!1:i?.instanceServiceContainer.selectionService.selectedElements.length>1?!i?.isRootItem&&i?.nodeType==I.Element:!1}provideContextMenuItems(e,t,i){return[{title:"align left",icon:`<img src="${b+"icons/alignHorizontalLeft.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeLeft})}},{title:"align center",icon:`<img src="${b+"icons/alignHorizontalCenter.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeCenter})}},{title:"align right",icon:`<img src="${b+"icons/alignHorizontalRight.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeRight})}},{title:"distribute horizontal",icon:`<img src="${b+"icons/horizontalDistribute.svg"}">`,action:()=>{t.executeCommand({type:E.distributeHorizontal})}},{title:"align top",icon:`<img src="${b+"icons/alignVerticalTop.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeTop})}},{title:"align middle",icon:`<img src="${b+"icons/alignVerticalCenter.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeMiddle})}},{title:"align bottom",icon:`<img src="${b+"icons/alignVerticalBottom.svg"}">`,action:()=>{t.executeCommand({type:E.arrangeBottom})}},{title:"distribute vertical",icon:`<img src="${b+"icons/verticalDistribute.svg"}">`,action:()=>{t.executeCommand({type:E.distributeVertical})}}]}}});var co,$c=g(()=>{"use strict";pe();me();Ae();_e();co=class extends q{name="webcomponent";getRefreshMode(e){return W.full}isHandledElement(e){let t=e.element.constructor?.observedAttributes;return!!(t&&t.length>0)}async getProperty(e,t){return(await this.getProperties(e)).find(i=>i.name==t)}async getProperties(e){return(e.element.constructor?.observedAttributes).map(i=>({name:F.dashToCamelCase(i),type:"string",service:this,propertyType:v.propertyAndAttribute}))}}});var ho,Jc=g(()=>{"use strict";ie();ho=class extends z{constructor(e,t,i){super(e,t,i)}_path;_rect;_clickRect;_g;extend(e,t){this.refresh(e,t)}refresh(e,t){let i=this.extendedItem.element.getBoxQuads({box:"border",relativeTo:this.designerCanvas.canvas})[0];if(i&&!isNaN(i.p2.x)&&this._valuesHaveChanges(i.p1.x,i.p1.y,i.p2.x,i.p2.y,this.designerCanvas.scaleFactor)){let r=Math.atan2(i.p2.y-i.p1.y,i.p2.x-i.p1.x)*180/Math.PI,s=15/this.designerCanvas.scaleFactor;this._rect=this._drawRect(0,0,s,s,"svg-previous-select",this._rect),this._clickRect=this._drawRect(0,0,s,s,"svg-invisible",this._clickRect),this._g||(this._g=document.createElementNS("http://www.w3.org/2000/svg","g"),this._g.setAttribute("class","svg-previous-select"),this._path=document.createElementNS("http://www.w3.org/2000/svg","path"),this._path.setAttribute("d","m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"),this._g.appendChild(this._rect),this._g.appendChild(this._path),this._addOverlay(this._g),this._clickRect.onpointerdown=o=>{o.preventDefault(),o.stopPropagation(),this.extendedItem.instanceServiceContainer.selectionService.setSelectedElements([this.extendedItem.parent])},this._clickRect.onpointermove=o=>{o.preventDefault(),o.stopPropagation()},this._g.appendChild(this._clickRect)),this._path.style.scale=(.6/this.designerCanvas.scaleFactor).toString(),this._g.style.translate=i.p2.x-14.5/this.designerCanvas.scaleFactor+"px "+(i.p2.y-15/this.designerCanvas.scaleFactor)+"px",this._g.style.rotate=r+"deg",this._g.style.transformOrigin="100% 100%",this._g.style.transformBox="fill-box"}}dispose(){this._removeAllOverlays()}}});import{css as nu}from"@node-projects/base-custom-webcomponent";var po,eh=g(()=>{"use strict";Jc();po=class{shouldExtend(e,t,i){return!i.isRootItem&&!(i.element instanceof HTMLTemplateElement)}getExtension(e,t,i){return new ho(e,t,i)}static style=nu`rect.svg-previous-select{stroke:none;fill:#3899ec;pointer-events:auto}g.svg-previous-select{fill:#fff;pointer-events:auto}`}});var mo,th=g(()=>{"use strict";Q();mo=class{shouldProvideContextmenu(e,t,i,r){return i!=null&&i.nodeType==I.Element}provideContextMenuItems(e,t,i){return[{title:":hover",action:()=>{i.cssForceHover=!i.cssForceHover},checked:i.cssForceHover},{title:":active",action:()=>{i.cssForceActive=!i.cssForceActive},checked:i.cssForceActive},{title:":visited",action:()=>{i.cssForceVisited=!i.cssForceVisited},checked:i.cssForceVisited},{title:":focus",action:()=>{i.cssForceFocus=!i.cssForceFocus},checked:i.cssForceFocus},{title:":focus-within",action:()=>{i.cssForceFocusWithin=!i.cssForceFocusWithin},checked:i.cssForceFocusWithin},{title:":focus-visible",action:()=>{i.cssForceFocusVisible=!i.cssForceFocusVisible},checked:i.cssForceFocusVisible}]}}});var uo,ih=g(()=>{"use strict";xt();uo=class{constructor(){}provideButtons(e,t){let i=document.createElement("div");return i.innerHTML="O",i.title="options",i.className="toolbar-control",i.onclick=r=>{this.showCtxMenu(r,t)},i.oncontextmenu=r=>{r.preventDefault(),this.showCtxMenu(r,t)},[i]}prepareContextMenu(e,t){return[{title:"simulate hover on hover",checked:t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover=!t.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover}},{title:"select unhitable elements",checked:t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements,action:()=>{t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements=!t.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements}},{title:"pause animations",checked:t.pauseAnimations,action:()=>{t.pauseAnimations=!t.pauseAnimations}},{title:"hide overflowing content",checked:t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,action:()=>{if(t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent=!t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent,t.instanceServiceContainer.designContext.extensionOptions.hideOverflowingContent)for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow="hidden",r.element.style.whiteSpace="nowrap");else for(let r of t.rootDesignItem.children(!0))r.element instanceof HTMLElement&&(r.element.style.overflow=r.hasStyle("overflow")?r.getStyle("overflow"):"",r.element.style.whiteSpace=r.hasStyle("white-space")?r.getStyle("white-space"):"")}}]}showCtxMenu(e,t){ye.show(this.prepareContextMenu(e,t),e)}}});var fo,rh=g(()=>{"use strict";ee();fo=class{shouldProvideContextmenu(e,t,i,r){return r=="designer"}provideContextMenuItems(e,t,i){if(i){let r=[...i.element.children];if(r.length>0)return[{title:"children",children:[...r.map(s=>({title:"select: "+s.localName+(s.id?" (#"+s.id+")":""),action:()=>this._select(t,s)}))]}]}return[]}_select(e,t){let i=M.GetOrCreateDesignItem(t,t,e.serviceContainer,e.instanceServiceContainer);e.instanceServiceContainer.selectionService.setSelectedElements([i])}}});var yi,nh=g(()=>{"use strict";le();at();yi=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(U.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,s=getComputedStyle(r.element),o="";switch(t.key){case"ArrowLeft":o="margin-left";break;case"ArrowRight":o="margin-right";break;case"ArrowUp":o="margin-top";break;case"ArrowDown":o="margin-bottom";break}o&&(t.type==S.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change margin")),this._changeGroup&&(r.setStyleAsync(o,parseFloat(s[o])+(t.altKey?-1:1)+"px"),t.type==S.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var nr,sh=g(()=>{"use strict";$e();nr=class{_name;_icon;constructor(e,t){this._name=e,this._icon=t}provideButton(e){let t={};return t[this._name]={icon:this._icon},new ue(e,t)}}});var vi,oh=g(()=>{"use strict";le();at();vi=class{cursor="pointer";_changeGroup;pointerEventHandler(e,t,i){e.serviceContainer.designerTools.get(U.Pointer).pointerEventHandler(e,t,i)}keyboardEventHandler(e,t,i){t.preventDefault();let r=e.instanceServiceContainer.selectionService.primarySelection,s=getComputedStyle(r.element),o="";switch(t.key){case"ArrowLeft":o="padding-left";break;case"ArrowRight":o="padding-right";break;case"ArrowUp":o="padding-top";break;case"ArrowDown":o="padding-bottom";break}o&&(t.type==S.KeyDown&&!this._changeGroup&&(this._changeGroup=r.openGroup("change padding")),this._changeGroup&&(r.setStyleAsync(o,parseFloat(s[o])+(t.altKey?-1:1)+"px"),t.type==S.KeyUp&&(this._changeGroup.commit(),this._changeGroup=null)))}activated(e){}dispose(){this._changeGroup&&(this._changeGroup.abort(),this._changeGroup=null)}}});var xi,go=g(()=>{"use strict";ee();xi=class{createDesignItem(e,t,i,r){return new M(e,t,i,r)}handleSpecialAttributes(e,t){e==$t?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute($t)?t.element.style.display="none":t.element.style.display=t.getStyle("display")??""):e==Jt?(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Jt)?t.element.style.opacity="0.3":t.element.style.opacity=t.getStyle("opacity")??""):e==Ot&&(t.element instanceof(t.node.ownerDocument.defaultView??window).HTMLElement||t.element instanceof(t.node.ownerDocument.defaultView??window).SVGElement)&&(t.hasAttribute(Ot)?t.element.style.pointerEvents="none":requestAnimationFrame(()=>t.element.style.pointerEvents="auto"))}}});import{DomHelper as su}from"@node-projects/base-custom-webcomponent";var yo,ah=g(()=>{"use strict";yo=class{constructor(e){this.title="Delete Items",this.deletedItems=e}title;get affectedItems(){return this.deletedItems}undo(){for(let e=0;e<this.deletedItems.length;e++)this._parentItems[e]._insertChildInternal(this.deletedItems[e],this._parentIndexes[e]);this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"added",designItems:this.deletedItems})}do(){this._parentItems=[],this._parentIndexes=[];for(let e=0;e<this.deletedItems.length;e++)this._parentItems.push(this.deletedItems[e].parent),this._parentIndexes.push(su.nodeIndex(this.deletedItems[e].element));for(let e=0;e<this.deletedItems.length;e++)this.deletedItems[e].parent._removeChildInternal(this.deletedItems[e]);this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({changeType:"removed",designItems:this.deletedItems})}deletedItems;_parentItems;_parentIndexes;mergeWith(e){return!1}}});var vo,lh=g(()=>{"use strict";ah();vo=class{removeItems(e){e[0].instanceServiceContainer.undoService.execute(new yo(e)),e[0].serviceContainer.referencesChangedService&&e[0].serviceContainer.referencesChangedService.notifyReferencesChanged(e.map(t=>({designItem:t,type:"deleted"})))}}});var xo,ch=g(()=>{"use strict";xo=class{async provideMiniatureView(e){let t=document.createDocumentFragment();for(let i of e.rootDesignItem.children())t.appendChild(i.element.cloneNode(!0));return t}}});var Gt,_o=g(()=>{"use strict";oe();Gt=class n{static _canvas;static _context;static _video;static _captureStream;static _disableStream(){n._captureStream.getTracks().forEach(e=>e.stop()),n._canvas=null}static get screenshotsEnabled(){return n._captureStream&&n._captureStream.active}static async enableScreenshots(e=document.body){if(n._captureStream&&!n._captureStream.active&&n._disableStream(),n._canvas==null){n._canvas=document.createElement("canvas"),n._context=n._canvas.getContext("2d"),n._video=document.createElement("video");let t={video:{cursor:"never",displaySurface:"browser"},audio:!1,selfBrowserSurface:"include",preferCurrentTab:!0};n._video.style.display="none",e.appendChild(n._video);try{n._captureStream=await navigator.mediaDevices.getDisplayMedia(t)}catch(r){throw n._canvas=null,r}if(n._captureStream.getVideoTracks()[0].getSettings().displaySurface!="browser")throw n._disableStream(),alert("You need to share the current Tab, for the screenshot API to work"),"You need to share the current Tab, for the screenshot API to work";n._video.srcObject=n._captureStream,n._video.play(),await n._sleep(2e3)}}static async takeScreenshot(e,t=100,i=100,r=document.body){await n.enableScreenshots(r);let s=G(e);n._canvas.width=t,n._canvas.height=i,n._context.drawImage(n._video,0,0,1,1,0,0,t,i);let o=n._video.videoWidth/window.innerWidth,a=n._video.videoHeight/window.innerHeight;return n._context.drawImage(n._video,s.left*o,s.top*a,s.width*o,s.height*a,0,0,t,i),n._canvas.toDataURL("image/png")}static _sleep(e){let t=null,i=new Promise(r=>t=r);return window.setTimeout(t,e),i}}});var bo,hh=g(()=>{"use strict";_o();be();bo=class{async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,s=i.zoomFactor,o=i.canvasOffset,a=r.selectedElements;try{await Gt.enableScreenshots(),i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await Mi();let l=1/0,c=1/0,h=-1/0,d=-1/0;for(let Z of e){let he=i.getNormalizedElementCoordinates(Z.element);l=Math.min(l,he.x),c=Math.min(c,he.y),h=Math.max(h,he.x+he.width),d=Math.max(d,he.y+he.height)}let p=t?.margin??0;l-=p,c-=p,h+=p,d+=p;let f=Math.ceil(h-l),m=Math.ceil(d-c),u=i.outercanvas2,y=u.offsetWidth,x=u.offsetHeight,_=1,w=y-2*_,A=x-2*_,k=Math.ceil(f/w),P=Math.ceil(m/A),T=window.devicePixelRatio||1,N=Math.ceil(y*T),X=Math.ceil(x*T),O=Math.ceil(_*T),K=N-2*O,ne=X-2*O,re=document.createElement("canvas");re.width=Math.ceil(f*T),re.height=Math.ceil(m*T);let de=re.getContext("2d"),Ee=1e3;for(let Z=0;Z<P;Z++)for(let he=0;he<k;he++){let it=l+he*w,Oe=c+Z*A;i.canvasOffset={x:-(it-_),y:-(Oe-_)},await st(Ee),Ee=300;let ze=await Gt.takeScreenshot(u,N,X),Le=await this._loadImage(ze);de.drawImage(Le,O,O,K,ne,he*K,Z*ne,K,ne)}let se=await(await new Promise(Z=>re.toBlob(Z,"image/png"))).arrayBuffer();return new Uint8Array(se)}finally{i.zoomFactor=s,i.canvasOffset=o,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}}});var So,dh=g(()=>{"use strict";ee();So=class{async search(e,t,i){if(t!=""){let r=e.rootDesignItem.querySelectorAll(t),s=[];for(let o=0;o<r.length;o++){let a=M.GetDesignItem(r[o]);a&&s.push({designItem:a})}return s}return null}}});var gd={};np(gd,{createDefaultServiceContainer:()=>ud,default:()=>fd});function ud(){let n=new gr,e=new Xe;return n.register("containerService",e),n.register("containerService",new Hn(e)),n.register("containerService",new Gn(e)),n.register("propertyService",new co),n.register("propertyService",new xr),n.register("propertyService",new _r),n.register("propertyService",new br),n.register("propertyService",new Sr),n.register("propertyService",new Ks),n.register("propertyService",new Qr),n.register("propertyService",new Kr),n.register("propertyGroupsService",new Cs),n.register("instanceService",new Lr),n.register("editorTypesService",new Ur),n.register("htmlWriterService",new ss),n.register("snaplinesProviderService",new jn),n.register("htmlParserService",new bt),n.register("elementAtPointService",new Wn),n.register("externalDragDropService",new Un),n.register("dragDropService",new Ws),n.register("copyPasteService",new qn),n.register("modelCommandService",new Qn),n.register("demoProviderService",new Gs),n.register("eventsService",new Ce),n.register("designItemService",new xi),n.register("deletionService",new vo),n.register("miniatureViewService",new xo),n.register("pngCreatorService",new bo),n.register("searchService",new So),n.register("undoService",t=>new Ms(t)),n.register("selectionService",t=>new Ls(t,!1)),n.register("contentService",t=>new Ns(t.rootDesignItem)),n.register("designItemDocumentPositionService",t=>new zs(t)),n.designerExtensions.set(C.Permanent,[new zn]),n.designerExtensions.set(C.PrimarySelection,[new ut(new Hs,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(C.Selection,[new ut(new un,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement)]),n.designerExtensions.set(C.OnlyOneItemSelected,[new ut(new Jr,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new ut(new po,t=>!(t.node instanceof t.window.SVGElement)||t.node instanceof t.window.SVGSVGElement),new ut(new on,(t,i)=>i.activeTool instanceof yi||i.activeTool instanceof vi,!0),new ut(new so,(t,i)=>i.activeTool instanceof yi||i.activeTool instanceof vi,!0),new ln,new Xs,new gi(new ao,new xn(!0)),new rn(!0),new bn]),n.designerExtensions.set(C.MultipleItemsSelected,[new wn]),n.designerExtensions.set(C.PrimarySelectionRefreshed,[new io,new qs,new $s,new eo]),n.designerExtensions.set(C.PrimarySelectionAndCanBeEntered,[new Bt,new tr,new er]),n.designerExtensions.set(C.PrimarySelectionContainerAndCanBeEntered,[new Bt("lightgray","#8080802b"),new tr,new er]),n.designerExtensions.set(C.MouseOver,[new hn]),n.designerExtensions.set(C.Placement,[new As]),n.designerExtensions.set(C.ContainerDrag,[new Ln]),n.designerExtensions.set(C.ContainerDragOverAndCanBeEntered,[new gi(new Bt,new $i),new Rn]),n.designerExtensions.set(C.ContainerExternalDragOverAndCanBeEntered,[new gi(new Bt,new $i)]),n.designerExtensions.set(C.Doubleclick,[new Kn]),n.designerPointerExtensions.push(),n.designerTools.set(U.Pointer,new dn),n.designerTools.set(U.DrawSelection,new ji),n.designerTools.set(U.DrawPath,new pn),n.designerTools.set(U.DrawRect,new es),n.designerTools.set(U.DrawEllipsis,new ts),n.designerTools.set(U.DrawLine,new is),n.designerTools.set(U.Zoom,new Cn),n.designerTools.set(U.Pan,new En),n.designerTools.set(U.RectangleSelector,new ji),n.designerTools.set(U.MagicWandSelector,new kn),n.designerTools.set(U.PickColor,new Dn),n.designerTools.set(U.Text,new Mn),n.designerTools.set(U.DrawElementTool,js),n.designerTools.set(U.Margin,new yi),n.designerTools.set(U.Padding,new vi),n.designViewConfigButtons.push(new pt(20),new Jn,new ks,new pt(10),new Ds,new pt(10),new Pr,new pt(10),new ro,new pt(30),new Us,new pt(30),new uo),n.designViewToolbarButtons.push(new ms,new Je(22),new ys,new Je(22),new nr("Margin",b+"images/tools/Margin.svg"),new Je(22),new nr("Padding",b+"images/tools/Padding.svg"),new Je(22),new us,new Je(22),new fs,new Je(22),new gs,new Je(22),new Bs),n.designerContextMenuExtensions=[new Wt("edit",new An),new De,new Wt("modify",new ds,new De,new Pn,new De,new lo),new De,new Wt("view",new Rs,new hs),new De,new Wt("force",new mo),new De,new In,new as,new os,new De,new ps,new De,new Vn,new fo],n}var fd,wo=g(()=>{"use strict";Yo();Xo();Zo();qo();Qo();ha();wa();Ca();ni();Wi();Pa();Ve();Ta();Na();Fa();Ba();Ha();at();Ga();ja();Ka();Ja();tl();rl();nl();sl();ol();al();cl();hl();dl();pl();ul();gl();vl();Bn();bl();Sl();wl();Cl();El();Al();Pl();kl();Tl();Ml();Ll();Nl();Rl();Fl();Bl();Vl();Hl();ls();Wl();Gl();jl();Kl();Yl();Xl();ql();Ql();Jl();tc();cc();dc();Is();uc();fc();yc();vc();xc();kr();_c();Sc();Yi();wc();Cc();Ac();Ic();kc();rr();Dc();Tc();Mc();Oc();Nc();Rc();zc();Vc();Wc();Gc();Uc();Kc();Xc();qc();Qc();$c();eh();th();ih();rh();nh();sh();te();oh();go();lh();ch();hh();dh();fd=ud});import{BaseCustomWebComponentLazyAppend as sp,css as op,TypedEvent as ap,DomHelper as Th}from"@node-projects/base-custom-webcomponent";var rt=class extends sp{_selectedIndex=-1;_panels;_headerDiv;_moreDiv;_moreContainer;_elementMap=new WeakMap;_firstConnect=!0;static style=op`:host{height:100%}.outer{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.header{display:inline-flex;user-select:none;-webkit-user-select:none;flex-direction:row;cursor:pointer;height:30px;width:calc(100% - 30px);background-color:var(--dark-grey,#232733);overflow-x:auto;scrollbar-width:none}.header-more{right:0;top:0;width:30px;position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;font-family:math}.header-more:hover{background:var(--light-grey,#383f52)}.more-container{z-index:1;user-select:none;-webkit-user-select:none;background-color:var(--dark-grey,#232733);right:0;top:30px;position:absolute;color:#fff;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}.more-container .tab-header{width:100%}.header::-webkit-scrollbar{display:none}.tab-header{height:30px;font-family:Arial;display:flex;justify-content:center;align-items:center;text-transform:uppercase;box-sizing:content-box;padding-left:5px;padding-right:5px;color:#fff;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:1px;white-space:nowrap}.tab-header:hover{background:var(--light-grey,#383f52)}.selected{background:var(--medium-grey,#2f3545);box-shadow:inset 0 3px 0 var(--highlight-pink,#e91e63)}.panels{z-index:0;background:var(--medium-grey,#2f3545);height:calc(100% - 30px)}`;constructor(){super();let e=document.createElement("div");e.className="outer",this.shadowRoot.appendChild(e),this._headerDiv=document.createElement("div"),this._headerDiv.className="header",e.appendChild(this._headerDiv),this._moreDiv=document.createElement("div"),this._moreDiv.className="header header-more",this._moreDiv.innerText="<<",e.appendChild(this._moreDiv),this._moreContainer=document.createElement("div"),this._moreContainer.className="more-container",this._moreContainer.style.visibility="hidden",e.appendChild(this._moreContainer),this._moreDiv.onclick=()=>{this._moreContainer.children.length&&this._moreContainer.style.visibility=="hidden"?this._moreContainer.style.visibility="":this._moreContainer.style.visibility="hidden"},this._panels=document.createElement("div"),this._panels.className="panels",e.appendChild(this._panels);let t=document.createElement("slot");t.name="panels",this._panels.appendChild(t),new ResizeObserver(r=>{this._showHideHeaderItems()}).observe(this._headerDiv)}_showHideHeaderItems(){this._moreContainer.style.visibility="hidden";let e=0;Th.removeAllChildnodes(this._moreContainer),Th.removeAllChildnodes(this._headerDiv);let t=!0;for(let i of this.children)if(i.style.display!="none"){let r=i;!this._elementMap.has(r)&&t&&(this.refreshItems(),t=!1);let s=this._elementMap.get(r);this._moreContainer.appendChild(s),(this._headerDiv.children.length==0||e+s.clientWidth/2<this._headerDiv.clientWidth)&&(this._headerDiv.appendChild(s),e+=s.clientWidth)}}connectedCallback(){if(this._firstConnect){this.refreshItems(),this._firstConnect=!1;let e=this.getAttribute("selected-index");e&&(this.selectedIndex=parseInt(e))}}get selectedIndex(){return this._firstConnect?-1:this._selectedIndex}set selectedIndex(e){let t=this._selectedIndex;this._selectedIndex=e,this.children.length&&t!=this._selectedIndex&&this._selectedIndexChanged(t)}refreshItems(){this._headerDiv.innerHTML="";let e=0;for(let t of this.children)if(t.style.display!="none"){let i=t,r=document.createElement("div");r.innerText=i.dataset.title||i.title,r.title=i.dataset.title||i.title,r.className="tab-header";let s=e;r.onpointerdown=()=>{let o=this._selectedIndex;this._selectedIndex=s,this._headerDiv.children.length&&this._selectedIndexChanged(o,!0),this._moreContainer.style.visibility="hidden"},this._elementMap.set(i,r),this._headerDiv.appendChild(r),e++}this._showHideHeaderItems(),this._selectedIndexChanged()}_selectedIndexChanged(e,t=!1){let i=-1;for(let r of this.children)if(r.style.display!="none")if(i++,i==this._selectedIndex){r.slot!="panels"&&(r.slot="panels");let s=this._elementMap.get(r);s&&(s.classList.add("selected"),r.activated&&r.activated())}else{r.removeAttribute("slot");let s=this._elementMap.get(r);s&&s.classList.remove("selected")}this.onSelectedTabChanged.emit({newIndex:this._selectedIndex,oldIndex:e,changedViaClick:t}),this._moreContainer.style.visibility="hidden"}onSelectedTabChanged=new ap};customElements.define("node-projects-designer-tab-control",rt);import{css as lp,html as cp}from"@node-projects/base-custom-webcomponent";var Go=class{host;root;trough;button1;button2;thumb;isConnected=!1;thumbSize=.3;value=0;orientation=!1;clickRepeatDelay=300;clickRepeatInterval=100;defaultThumbMinSize=25;dragStartPos;dragStartValue;eventTimeoutId;pointerCaptureId;pointerCaptureElement;thumbDragging;button1Active;button2Active;troughActive;constructor(e){this.host=e,e.attachShadow({mode:"open"});let t=e.shadowRoot;t.appendChild(pp.content.cloneNode(!0)),t.adoptedStyleSheets=[dp],this.root=t.querySelector("#root"),this.trough=t.querySelector("#trough"),this.button1=t.querySelector("#button1"),this.button2=t.querySelector("#button2"),this.thumb=t.querySelector("#thumb"),this.trough.addEventListener("pointerdown",this.onTroughPointerDown),this.trough.addEventListener("pointerup",this.onPointerUp),this.trough.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,1)),this.button1.addEventListener("pointerup",this.onPointerUp),this.button1.addEventListener("pointercancel",this.onPointerUp),this.button1.addEventListener("contextmenu",i=>i.preventDefault()),this.button2.addEventListener("pointerdown",i=>this.onButtonPointerDown(i,2)),this.button2.addEventListener("pointerup",this.onPointerUp),this.button2.addEventListener("pointercancel",this.onPointerUp),this.button2.addEventListener("contextmenu",i=>i.preventDefault()),this.thumb.addEventListener("pointerdown",this.onThumbPointerDown),this.thumb.addEventListener("pointerup",this.onPointerUp),this.thumb.addEventListener("pointercancel",this.onPointerUp),this.thumb.addEventListener("pointermove",this.onThumbPointerMove),this.resetInteractionState()}resetInteractionState(){this.thumbDragging=!1,this.button1Active=!1,this.button2Active=!1,this.troughActive=!1}connectedCallback(){this.isConnected=!0,this.resetInteractionState(),this.updateLayout(),this.updateStyle()}disconnectedCallback(){this.isConnected=!1,this.resetInteractionState(),this.stopEventRepetition(),this.stopPointerCapture()}updateLayout(){this.isConnected&&(this.root.classList.toggle("horizontal",!this.orientation),this.root.classList.toggle("vertical",this.orientation),this.thumb.style.display=this.thumbSize==0?"none":"",this.thumb.style.height=this.orientation?pr(this.getEffectiveThumbSize()):"",this.thumb.style.width=this.orientation?"":pr(this.getEffectiveThumbSize()),this.thumb.style.top="",this.thumb.style.left="",this.updateThumbPosition())}updateStyle(){this.isConnected&&(this.thumb.classList.toggle("active",this.thumbDragging),this.button1.classList.toggle("active",this.button1Active),this.button2.classList.toggle("active",this.button2Active),this.troughActive)}updateThumbPosition(){let e=(1-this.getEffectiveThumbSize())*this.value;this.orientation?this.thumb.style.top=pr(e):this.thumb.style.left=pr(e)}getThroughSize(){return this.orientation?this.trough.clientHeight:this.trough.clientWidth}computeThumbMoveValue(e){let t=this.getThroughSize()*(1-this.getEffectiveThumbSize());return t<hp?0:e/t}setThumbSize(e){let t=Math.max(0,Math.min(1,e));t!=this.thumbSize&&(this.thumbSize=t,this.updateLayout())}getThumbMinSize(){let e=this.getCssVar("--plain-scrollbar-thumb-min-size");if(!e)return this.defaultThumbMinSize;let t=up(e);return t||this.defaultThumbMinSize}getEffectiveThumbSize(){let e=this.getThumbMinSize(),t=this.getThroughSize();if(!t)return this.thumbSize;let i=Math.min(1,e/t);return Math.max(i,this.thumbSize)}setValue(e){let t=Math.max(0,Math.min(1,e));return t==this.value?!1:(this.value=isNaN(t)?0:t,this.updateThumbPosition(),!0)}setOrientation(e){return e==this.orientation?!1:(this.orientation=e,this.updateLayout(),!0)}getCssVar(e){let t=getComputedStyle(this.root).getPropertyValue(e);return t?t.trim():null}fireEvent(e){let t=new CustomEvent("scrollbar-input",{detail:e});this.host.dispatchEvent(t)}fireEventRepeatedly(e,t,i,r=0){this.stopEventRepetition(),this.fireEvent(e);let s=r==0?t:i,o=()=>this.fireEventRepeatedly(e,t,i,r+1);this.eventTimeoutId=setTimeout(o,s)}stopEventRepetition(){this.eventTimeoutId&&(clearTimeout(this.eventTimeoutId),this.eventTimeoutId=void 0)}startPointerCapture(e,t){this.stopPointerCapture(),e.setPointerCapture(t),this.pointerCaptureElement=e,this.pointerCaptureId=t}stopPointerCapture(){this.pointerCaptureId&&(this.pointerCaptureElement.releasePointerCapture(this.pointerCaptureId),this.pointerCaptureId=void 0)}onTroughPointerDown=e=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;let t=this.trough.getBoundingClientRect(),i=this.orientation?e.clientY-t.top:e.clientX-t.left,r=(this.orientation?t.height:t.width)*(1-this.getEffectiveThumbSize())*this.value,o=i>r?"incrementLarge":"decrementLarge";this.troughActive=!0,e.preventDefault(),this.startPointerCapture(this.trough,e.pointerId),this.fireEventRepeatedly(o,this.clickRepeatDelay,this.clickRepeatInterval)};onButtonPointerDown=(e,t)=>{if(!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0)return;switch(t){case 1:this.button1Active=!0;break;case 2:this.button2Active=!0;break}let i=t==1?"decrementSmall":"incrementSmall";this.updateStyle(),e.preventDefault();let r=t==1?this.button1:this.button2;this.startPointerCapture(r,e.pointerId),this.fireEventRepeatedly(i,this.clickRepeatDelay,this.clickRepeatInterval)};onThumbPointerDown=e=>{!this.isConnected||this.pointerCaptureId||!e.isPrimary||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.button!=0||(this.dragStartPos=this.orientation?e.clientY:e.clientX,this.dragStartValue=this.value,this.thumbDragging=!0,this.updateStyle(),e.preventDefault(),this.startPointerCapture(this.thumb,e.pointerId))};onThumbPointerMove=e=>{if(!this.isConnected||!e.isPrimary||!this.thumbDragging)return;let i=(this.orientation?e.clientY:e.clientX)-this.dragStartPos,r=this.computeThumbMoveValue(i),s=this.dragStartValue+r;e.preventDefault(),this.setValue(s)&&this.fireEvent("value")};onPointerUp=e=>{this.isConnected&&e.isPrimary&&(this.resetInteractionState(),this.updateStyle(),this.stopEventRepetition(),this.stopPointerCapture(),e.preventDefault())}},jo=class extends HTMLElement{widget;constructor(){super(),this.widget=new Go(this);let e=parseFloat(this.getAttribute("value"));if(isNaN(e)||(this.widget.value=e),this.hasOwnProperty("value")){let t=this.value;delete this.value,isNaN(t)||(this.widget.value=t)}}connectedCallback(){this.widget.connectedCallback()}disconnectedCallback(){this.widget.disconnectedCallback()}get thumbSize(){return this.widget.thumbSize}set thumbSize(e){this.widget.setThumbSize(e)}get value(){return this.widget.value}set value(e){this.widget.setValue(e)}get orientation(){return mp(this.widget.orientation)}set orientation(e){this.widget.setOrientation(Mh(e))&&this.setAttribute("orientation",this.orientation)}get orientationBoolean(){return this.widget.orientation}static get observedAttributes(){return["orientation"]}attributeChangedCallback(e,t,i){switch(e){case"orientation":{i&&this.widget.setOrientation(Mh(i));break}}}},hp=1e-9,gt="var(--plain-scrollbar-button-size, 13px)",dr='<path d="M -60 30 h 120 L 0 -30 z" stroke-width="0"/>',dp=lp`:host{display:block;contain:content;background-color:#f8f8f8;border-style:solid;border-width:1px;border-color:#ddd}#root{touch-action:none;user-select:none;box-sizing:border-box;position:relative;width:100%;height:100%}#trough{position:absolute}#root.vertical #trough{width:100%;top:${gt};bottom:${gt}}#root.horizontal #trough{height:100%;left:${gt};right:${gt}}#thumb{box-sizing:border-box;position:absolute;width:100%;height:100%;background-color:var(--plain-scrollbar-thumb-background-color,#f0f0f0);border-style:solid;border-width:var(--plain-scrollbar-thumb-border-width,1px);border-color:var(--plain-scrollbar-thumb-border-color,#b8b8b8);border-radius:var(--plain-scrollbar-thumb-border-radius,4px);transition:background-color 50ms linear}#thumb:hover{background-color:var(--plain-scrollbar-thumb-background-color-hover,#e0e0e0)}#thumb.active{background-color:var(--plain-scrollbar-thumb-background-color-active,silver)}#button1,#button2{box-sizing:border-box;position:absolute;display:block;fill:var(--plain-scrollbar-button-color,#606060)}#root.vertical #button1{top:0;width:100%;height:${gt}}#root.vertical #button2{bottom:0;width:100%;height:${gt}}#root.horizontal #button1{left:0;height:100%;width:${gt}}#root.horizontal #button2{right:0;height:100%;width:${gt}}#downArrow,#leftArrow,#rightArrow,#upArrow{display:none;width:100%;height:100%}#root.vertical #downArrow,#root.vertical #upArrow{display:block}#root.horizontal #leftArrow,#root.horizontal #rightArrow{display:block}#button1:hover,#button2:hover{background-color:var(--plain-scrollbar-button-color-hover,#e0e0e0)}#button1.active,#button2.active{background-color:var(--plain-scrollbar-button-color-active,silver)}`,pp=cp`<div id="root" part="root"><div id="button1" part="button button1"><svg id="upArrow" part="arrow upArrow" viewBox="-100 -100 200 200">${dr}</svg> <svg id="leftArrow" part="arrow leftArrow" viewBox="-100 -100 200 200"><g transform="rotate(-90)">${dr}</g></svg></div><div id="trough" part="trough"><div id="thumb" part="thumb"></div></div><div id="button2" part="button button2"><svg id="downArrow" part="arrow downArrow" viewBox="-100 -100 200 200"><g transform="rotate(180)">${dr}</g></svg> <svg id="rightArrow" part="arrow rightArrow" viewBox="-100 -100 200 200"><g transform="rotate(90)">${dr}</g></svg></div></div>`;function mp(n){return n?"vertical":"horizontal"}function Mh(n){switch(n){case"vertical":return!0;case"horizontal":return!1;default:throw new Error('Invalid orientation value "'+n+'".')}}function pr(n){return(n*100).toFixed(3)+"%"}function up(n){if(!(!n||!n.endsWith("px")))return Number(n.substring(0,n.length-2))}customElements.define("node-projects-plain-scrollbar",jo);wo();ea();Fe();rs();var Co=class{_originalCustomElementsRegistry;_newElements=[];constructor(){this._originalCustomElementsRegistry=window.customElements;let e={},t=this._originalCustomElementsRegistry,i=this._newElements;e.define=function(r,s,o){i.push(r),t.define(r,s,o)},e.get=function(r){return t.get(r)},e.upgrade=function(r){return t.upgrade(r)},e.whenDefined=function(r){return t.whenDefined(r)},Object.defineProperty(window,"customElements",{get(){return e}})}dispose(){let e=this._originalCustomElementsRegistry;Object.defineProperty(window,"customElements",{get(){return e}})}getNewElements(){let e=this._newElements;return this._newElements=[],e}};oe();ia();Ge();_o();Zn();var Eo=class n{static addTouchEvents(e){return new n(e)}constructor(e){this._target=e,e.addEventListener("touchstart",t=>this._touchStart(t)),e.addEventListener("touchmove",t=>this._touchMove(t)),e.addEventListener("touchend",t=>this._touchEnd(t)),e.addEventListener("touchcancel",t=>this._touchEnd(t))}_target;_started;_startX_0;_startY_0;_lastZoom;_lastPanDistanceX;_lastPanDistanceY;_startZoomDistance;multitouchEventActive;_mode=null;_touchStart(e){e.touches.length===2?(this.multitouchEventActive=!0,this._mode=null,this._started=!0,this._startX_0=e.touches[0].screenX,this._startY_0=e.touches[0].screenY,this._lastZoom=0,this._lastPanDistanceX=0,this._lastPanDistanceY=0,this._startZoomDistance=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY)):(this.multitouchEventActive=!1,this._started=!1)}_touchMove(e){if(e.touches.length!==2&&(this.multitouchEventActive=!1,this._started=!1),this._started){e.preventDefault();let t=Math.hypot(e.touches[0].screenX-e.touches[1].screenX,e.touches[0].screenY-e.touches[1].screenY),i=this._startX_0-e.touches[0].screenX,r=this._startY_0-e.touches[0].screenY,s=i-this._lastPanDistanceX,o=r-this._lastPanDistanceY;this._lastPanDistanceX=i,this._lastPanDistanceY=r;let a=t-this._startZoomDistance,l=a-this._lastZoom;if(this._lastZoom=a,this._lastZoom,this._mode||(Math.abs(a)>10&&(this._mode="zoom"),(Math.abs(i)>10||Math.abs(r)>10)&&(this._mode="pan")),this._mode){if(this._mode=="zoom"){let c=new CustomEvent("zoom",{detail:{factor:a,diff:l}});this._target.dispatchEvent(c)}else if(this._mode=="pan"){let c=new CustomEvent("pan",{detail:{x:i,deltaX:s,y:r,deltaY:o}});this._target.dispatchEvent(c)}}}}_touchEnd(e){this.multitouchEventActive=!1,e.touches.length}};da();xt();be();Or();ll();var Ao=class{_name;get name(){return this._name}_elementList;getElements(){return Promise.resolve(this._elementList)}constructor(e,t){this._name=e,this._elementList=[],t.elements.forEach(i=>{this.isIElementDefintion(i)?this._elementList.push(i):this._elementList.push({tag:i})})}isIElementDefintion(e){return e!=null&&e.tag!=null}};be();var Po=class{_name;get name(){return this._name}_importPrefix;_elementList;_resolveStored;_rejectStored;constructor(e,t,i){this._name=e,this._importPrefix=t,this._parseManifest(i)}_parseManifest(e){this._elementList=[];for(let t of e.modules){for(let i of t.exports)if(i.kind=="custom-element-definition"){let r={tag:i.name,import:Mt(this._importPrefix,"/")+"/"+ve(t.path,"/"),defaultWidth:"200px",defaultHeight:"200px",className:i.declaration.name};this._elementList.push(r)}for(let i of t.declarations)if(i.tagName){let r={tag:i.tagName,import:Mt(this._importPrefix,"/")+"/"+ve(t.path,"/"),defaultWidth:"200px",defaultHeight:"200px",className:i.name};this._elementList.push(r)}this._resolveStored&&(this._resolveStored.forEach(i=>i(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}async getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}};Be();me();pe();Ae();var _i=class n extends q{getRefreshMode(e){return W.full}_name;get name(){return this._name}_propertiesList;constructor(e,t,i){super(i),this._name=e,this._parseManifest(t)}_parseManifest(e){this._propertiesList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let s=[],o=t.find(a=>a.name==r.declaration.name);if(o){if(o.members){for(let a of o.members)if(a.kind=="field"&&a.privacy!=="private"&&a.privacy!=="protected"){let l=v.property;o.attributes&&(l=o.attributes.find(h=>h.fieldName==a.name)!=null?v.propertyAndAttribute:v.property);let c=n.manifestClassPropertyTypeToEditorPropertyType(a.type?.text,a.type?.editor);a.name&&s.push({name:a.name,service:this,propertyType:l,type:c[0],values:c[1],description:a.description})}this._propertiesList[r.name]=s}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}static manifestClassPropertyTypeToEditorPropertyType(e,t){if(t&&t.toLowerCase()==="color")return["color"];if(e){if(e.toLowerCase()==="boolean")return["boolean"];if(e.toLowerCase()==="number")return["number"];if(e.toLowerCase()==="string")return["string"];if(e.startsWith("'")&&e.includes("|"))return["list",e.split("|").map(r=>r.trim()).map(r=>r.substring(1,r.length-1))]}return[e]}isHandledElement(e){return this._propertiesList[e.name]!=null}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==v.attribute?L.attribute:L.property}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}};be();var yd=class n{static registryPatchedTohandleErrors;static packageHacks;_packageSource;_dependecies=new Map;constructor(e="//cdn.jsdelivr.net/npm/"){this._packageSource=e,n.patchCustomElementsRegistryToHandleErrors()}static patchCustomElementsRegistryToHandleErrors(){if(!n.registryPatchedTohandleErrors){n.registryPatchedTohandleErrors=!0;let e=window.customElements,t={};t.define=function(i,r,s){try{e.define(i,r,s)}catch(o){console.warn(o)}},t.get=function(i){return e.get(i)},t.upgrade=function(i){return e.upgrade(i)},t.whenDefined=function(i){return e.whenDefined(i)},Object.defineProperty(window,"customElements",{get(){return t}})}}async loadNpmPackage(e,t,i,r,s){n.packageHacks||(n.packageHacks=(await import("./NpmPackageHacks.json",{assert:{type:"json"}})).default);let o=window.location.protocol+this._packageSource+e+"/",a=o+"package.json";s&&s(e+": loading package.json");let c=await(await fetch(a)).json();this.addToImportmap(o,c);let h=[];if(c.dependencies)for(let y in c.dependencies)h.push(this.loadDependency(y,c.dependencies[y]));await Promise.all(h);let d=o+"custom-elements.json",p=o;if(c.customElements&&(d=o+Mt(c.customElements,"/"),d.includes("/"))){let y=d.lastIndexOf("/");p=d.substring(0,y+1)}let f=o+"web-component-designer.json";c.webComponentDesigner&&(f=o+ve(c.webComponentDesigner,"/")),s&&s(e+": loading custom-elements.json");let m=await fetch(d);if(!m.ok&&c.homepage)try{let x="https://raw.githubusercontent.com/"+new URL(c.homepage).pathname+"/master/custom-elements.json";m=await fetch(x),console.warn("custom-elements.json was missing from npm package, but was loaded from github as a fallback.")}catch(y){console.warn("github custom elments json fallback",y)}if(t&&fetch(f).then(async y=>{if(y.ok){let x=await y.json();if(x.services)for(let _ in x.services)for(let w of x.services[_]){w.startsWith("./")&&(w=w.substring(2));let A=(await importShim(o+w)).default;t.register(_,new A)}}}),m.ok){let y=await m.json(),x=new Po(c.name,p,y);if(t&&t.register("elementsService",x),t){let _=new _i(c.name,y);t.register("propertyService",_)}if(r)for(let _ of await x.getElements())importShim(_.import);t&&i&&i.loadControls(t,t.elementsServices),n.packageHacks[e]?.import&&import(n.packageHacks[e]?.import),n.packageHacks[e]?.script&&import(URL.createObjectURL(new Blob([n.packageHacks[e]?.script],{type:"application/javascript"})))}else{console.warn("npm package: "+e+" - no custom-elements.json found, only loading javascript module");let y=new Co;c.module?await importShim(o+ve(c.module,"/")):c.main?await importShim(o+ve(c.main,"/")):c.unpkg?await importShim(o+ve(c.unpkg,"/")):console.warn("npm package: "+e+" - no entry point in package found."),n.packageHacks[e]?.import&&await import(n.packageHacks[e]?.import),n.packageHacks[e]?.script&&await import(URL.createObjectURL(new Blob([n.packageHacks[e]?.script],{type:"application/javascript"})));let x=y.getNewElements();if(x.length>0&&t&&i){let _={elements:x},w=new Ao(e,_);t.register("elementsService",w),i.loadControls(t,t.elementsServices)}y.dispose()}s&&s(e+": done");let u={};return n.packageHacks[e]?.html&&(u.html=(n.packageHacks[e]?.html).replaceAll("${baseUrl}",o)),n.packageHacks[e]?.style&&(u.style=(n.packageHacks[e]?.style).replaceAll("${baseUrl}",o)),u}async loadDependency(e,t,i){if(this._dependecies.has(e))return;if(this._dependecies.set(e,!0),e.startsWith("@types")){console.warn("ignoring wrong dependency: ",e);return}i&&i(e+": loading dependency: "+e);let r=window.location.protocol+this._packageSource+e+"/",s=r+"package.json",a=await(await fetch(s)).json(),l=[];if(a.dependencies)for(let c in a.dependencies)l.push(this.loadDependency(c,a.dependencies[c]));await Promise.all(l),this.addToImportmap(r,a)}async addToImportmap(e,t){let i=importShim.getImportMap().imports,r={imports:{},scopes:{}};if(!i.hasOwnProperty(t.name)){if(t.exports){let o=c=>c?.browser?c.browser:c?.import?c.import:c?.module?c.module:c?.default?c.default:c?.node,a=c=>{let h=o(c);return typeof h!="string"&&(h=o(h)),typeof h!="string"&&(h=o(h)),typeof h!="string"&&(h=null),h},l=a(t.exports);l?r.imports[t.name]=e+ve(ve(l,"."),"/"):(l=a(t.exports?.["."]))&&(r.imports[t.name]=e+ve(ve(l,"."),"/"))}let s=t.main;if(t.module&&(s=t.module),t.unpkg&&!s&&(s=t.unpkg),r.imports[t.name]||(s?r.imports[t.name]=e+ve(ve(s,"."),"/"):console.warn("package: "+e+"no main import found")),r.imports[t.name+"/"]=e,n.packageHacks[t.name]?.map)for(let o in n.packageHacks[t.name]?.map)r.imports[o]=e+n.packageHacks[t.name].map[o];importShim.addImportMap(r)}}};Pe();ml();ee();var sr;(function(n){n.oneWay="oneWay",n.twoWay="twoWay"})(sr||(sr={}));Be();Q();var vd;(function(n){n.undefined="undefined",n.folder="folder",n.boolean="boolean",n.number="number",n.string="string",n.date="date",n.color="color",n.object="object"})(vd||(vd={}));Be();_e();var xd=class n{static type="base-custom-webcomponent-binding";getBindings(e){let t=null;for(let i of e.attributes()){let r=i[0],s=i[1];if((s.startsWith("[[")||s.startsWith("{{"))&&(s.endsWith("}}")||s.endsWith("]]"))){t||(t=[]);let o={rawName:r,rawValue:s,service:this};i[0]==="bcw:visible"?(o.targetName="visibility",o.target=L.css,o.expression=s.substring(2,s.length-2)):i[0].startsWith("css:")?(o.targetName=r.substring(4),o.target=L.css,o.expression=s.substring(2,s.length-2)):i[0].startsWith("class:")?(o.targetName=r.substring(4),o.target=L.class,o.expression=s.substring(2,s.length-2)):i[0].startsWith("$")?(o.targetName=r.substring(1),o.target=L.attribute,o.expression=s.substring(2,s.length-2)):i[0].startsWith("@")?(o.targetName=r.substring(1),o.target=L.event,o.expression=s.substring(2,s.length-2)):i[0].startsWith(".")?(o.targetName=F.dashToCamelCase(r.substring(1)),o.target=L.explicitProperty,o.expression=s.substring(2,s.length-2)):(o.targetName=F.dashToCamelCase(r),o.target=L.property,o.expression=s.substring(2,s.length-2)),o.type=n.type,o.targetName=o.targetName,o.bindableObjectNames=[s.substring(2,s.length-2)],t.push(o)}}return t}setBinding(e,t){if(t.type!==n.type)return!1;let i="";switch(t.target){case L.explicitProperty:i+=".";break;case L.css:i+="css:";break;case L.class:i+="class";break;case L.attribute:i+="$";break;case L.event:i+="@";break}i+=t.targetName;let r=(t.mode==sr.oneWay?"[[":"{{")+t.expression+(t.mode==sr.oneWay?"]]":"}}");return e.setAttribute(i,r),!0}clearBinding(e,t,i){return!0}};He();Xr();Pe();Ve();Ge();Fe();ni();oe();var Io=class{serviceForContainer(e,t,i){return i!=null&&i.getComputedStyle()?.position=="absolute"?!0:!(t.display==="grid"||t.display==="inline-grid"||t.display==="flex"||t.display==="inline-flex")}isEnterableContainer(e){return!(Y.IsSelfClosingElement(e.element.localName)||!e.isRootItem&&e.element.shadowRoot&&e.element.shadowRoot.querySelector("slot")==null)}canEnter(e,t){return!(e.instanceServiceContainer.designerCanvas.readOnly||!this.isEnterableContainer(e)||!t.every(i=>!i.element.contains(e.element)&&i!==e))}canLeave(e,t){return!0}getElementOffset(e,t){return e.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(e.element)}calculateTrack(e,t,i,r,s,o){let a=s.x-i.x,l=s.y-i.y;if(!j(e)){if(t.alignOnGrid){let c=Zr(o,"position");c.x=c.x%t.gridSize,c.y=c.y%t.gridSize,a=Math.round(a/t.gridSize)*t.gridSize-c.x,l=Math.round(l/t.gridSize)*t.gridSize-c.y}else if(t.alignOnSnap){let c=G(o.element),h=t.snapLines.snapToPosition({x:s.x-r.x,y:s.y-r.y},{width:c.width/t.scaleFactor,height:c.height/t.scaleFactor},{x:a>0?1:-1,y:l>0?1:-1});h.x!==null?a=h.x-Math.round(i.x)+Math.round(r.x):a=Math.round(a),h.y!==null?l=h.y-Math.round(i.y)+Math.round(r.y):l=Math.round(l)}}return{x:a,y:l}}placePoint(e,t,i,r,s,o,a){let l=o.x,c=o.y;if(!j(e)){if(t.alignOnGrid)l=Math.round(l/t.gridSize)*t.gridSize,c=Math.round(c/t.gridSize)*t.gridSize;else if(t.alignOnSnap){let h=t.snapLines.snapToPosition({x:o.x-s.x,y:o.y-s.y},null,{x:l>0?1:-1,y:c>0?1:-1});h.x!==null?l=h.x:l=Math.round(l),h.y!==null?c=h.y:c=Math.round(c)}}return{x:l,y:c}}startPlace(e,t,i,r,s,o,a){}place(e,t,i,r,s,o,a){let l=this.calculateTrack(e,t,r,s,o,a[0]);e.shiftKey&&(l=ot({x:0,y:0},l,!0));let c=ae(Aa(a));for(let h of c){let d=h.instanceServiceContainer.designerCanvas.canvas,p=h.parent.element.getBoxQuads({relativeTo:d,iframes:h.instanceServiceContainer.designerCanvas.iframes})[0],f=h.parent.element.convertPointFromNode(new DOMPoint(l.x+p.p1.x,l.y+p.p1.y),d,{iframes:h.instanceServiceContainer.designerCanvas.iframes}),m=getComputedStyle(h.element),u=new DOMMatrix;m.rotate!="none"&&m.rotate&&(u=u.multiply(new DOMMatrix("rotate("+m.rotate.replace(" ",",")+")"))),m.scale!="none"&&m.scale&&(u=u.multiply(new DOMMatrix("scale("+m.scale.replace(" ",",")+")"))),f=u.inverse().transformPoint(f);let y=new DOMMatrix().translate(f.x,f.y);Yr(h.element,h.getStyle("transform"),y.toString())}a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(c,"place",!1)}moveElements(e,t,i){for(let r of e)t.x&&r.setStyle("left",parseInt(r.element.style.left)-t.x+"px"),t.y&&r.setStyle("top",parseInt(r.element.style.top)-t.y+"px");e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(e),e[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(e,"place",!0)}enterContainer(e,t,i){let r=ae(t);for(let s of r)i=="drop"&&s.setStyle("position","absolute"),e.insertChild(s),s.lastContainerSize&&(s.hasStyle("width")||s.setStyle("width",s.lastContainerSize.width+"px"),s.hasStyle("height")||s.setStyle("height",s.lastContainerSize.height+"px"));t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(r,"place",!0)}leaveContainer(e,t){let i=ae(t);t[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(i,"place",!0)}finishPlace(e,t,i,r,s,o,a){let l=ae(a);for(let c of l){let h=ri(new DOMMatrix(c.element.style.transform)),d=ri(new DOMMatrix(c.getStyle("transform")??""));c.element.style.transform=c.getStyle("transform")??"";let p={x:h.x,y:h.y},f=getComputedStyle(c.element),m=new DOMMatrix;f.rotate!="none"&&f.rotate&&(m=m.multiply(new DOMMatrix("rotate("+f.rotate.replace(" ",",")+")"))),f.scale!="none"&&f.scale&&(m=m.multiply(new DOMMatrix("scale("+f.scale.replace(" ",",")+")"))),p=m.transformPoint(p),qr(i,c,{x:p.x-d.x,y:p.y-d.y},"position")}for(let c of a)t.extensionManager.removeExtension(c,C.Placement);a[0].instanceServiceContainer.designerCanvas?.raiseDesignItemsChanged(l,"place",!0)}};var _d=class extends Io{serviceForContainer(e,t,i){return!0}};ni();Cl();Sl();El();hh();be();var bd=class{_capturePageFn;constructor(e){this._capturePageFn=e}async takePng(e,t){if(!e||e.length===0)return null;let i=e[0].instanceServiceContainer.designerCanvas,r=e[0].instanceServiceContainer.selectionService,s=i.zoomFactor,o=i.canvasOffset,a=r.selectedElements;try{i.disableBackgroud(),i.zoomFactor=1,t?.removeSelection&&r.setSelectedElements([]),i.canvasOffset={x:0,y:0},await Mi();let l=1/0,c=1/0,h=-1/0,d=-1/0;for(let se of e){let Z=i.getNormalizedElementCoordinates(se.element);l=Math.min(l,Z.x),c=Math.min(c,Z.y),h=Math.max(h,Z.x+Z.width),d=Math.max(d,Z.y+Z.height)}let p=t?.margin??0;l-=p,c-=p,h+=p,d+=p;let f=Math.ceil(h-l),m=Math.ceil(d-c),u=i.outercanvas2,y=u.offsetWidth,x=u.offsetHeight,_=1,w=y-2*_,A=x-2*_,k=Math.ceil(f/w),P=Math.ceil(m/A),T=window.devicePixelRatio||1,N=Math.ceil(y*T),X=Math.ceil(x*T),O=Math.ceil(_*T),K=N-2*O,ne=X-2*O,re=document.createElement("canvas");re.width=Math.ceil(f*T),re.height=Math.ceil(m*T);let de=re.getContext("2d");for(let se=0;se<P;se++)for(let Z=0;Z<k;Z++){let he=l+Z*w,it=c+se*A;i.canvasOffset={x:-(he-_),y:-(it-_)},await Mi(),await st(100);let Oe=u.getBoundingClientRect(),ze=await this._capturePageFn({x:Math.round(Oe.left),y:Math.round(Oe.top),width:Math.round(Oe.width),height:Math.round(Oe.height)}),Le=await this._loadImage(ze);de.drawImage(Le,O,O,K,ne,Z*K,se*ne,K,ne)}let tt=await(await new Promise(se=>re.toBlob(se,"image/png"))).arrayBuffer();return new Uint8Array(tt)}finally{i.zoomFactor=s,i.canvasOffset=o,i.enableBackground(),t?.removeSelection&&r.setSelectedElements(a)}}_loadImage(e){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(r),r.onerror=i,r.src=e})}};wl();xc();kl();He();Zn();ee();Pe();var Sd=class{async copyItems(e){let t=ae(e),i=Y.ConvertToString(t,!1),r=t.map(o=>o.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(o.element));Ui([["application/json",JSON.stringify({html:i,positions:r})]])}async getPasteItems(e,t){let i="",r="",s=null,o=await Xn();if(o!=null){try{i=await(await o[0].getType("text/html"))?.text()}catch{}if(!i)try{i=await(await o[0].getType("text/plain"))?.text()}catch{}try{i=await(await o[0].getType("application/json"))?.text()}catch{}try{let l=o[0].types.find(c=>c.startsWith("image/"));if(l){let c=await o[0].getType(l);return[[await M.createDesignItemFromImageBlob(e,t,c)]]}}catch{}}else i=await Yn();if(i.startsWith("{")){let l=JSON.parse(i);r=l.html,s=l.positions}else r=i;return[await e.htmlParserService.parse(r,e,t,!0),s]}};lh();import{DomHelper as ou}from"@node-projects/base-custom-webcomponent";var wd=class{provideDemo(e,t,i,r,s){return new Promise(o=>{let a=document.createElement("iframe");a.style.width="100%",a.style.height="100%",a.style.border="none",a.style.display="none",ou.removeAllChildnodes(e),e.appendChild(a),a.onload=()=>{a.style.display="block",o()};let l=a.contentWindow.document;if(l.open(),l.write('<script type="module">'),i.designContext.npmPackages?.length){l.write("import { NpmPackageLoader } from '../../helper/NpmPackageLoader.js'"),l.write("let loader = new NpmPackageLoader();");for(let c of i.designContext.npmPackages)l.write("loader.loadNpmPackage('"+c+"', null, null, true);")}if(i.designContext.imports?.length)for(let c of i.designContext.imports)l.write("import '"+c+"';");l.write("document.body.style.display='';"),l.write("</script>"),l.write("<style>"+(s??"")+"</style>"),l.write('<body style="display:none; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;">'+r+"</body>"),l.close()})}};Dc();Cc();go();ee();go();var Cd=class extends xi{createDesignItem(e,t,i,r){let s=new M(e,t,i,r);return e instanceof(e.ownerDocument.defaultView??window).HTMLTemplateElement&&requestAnimationFrame(()=>{let o=1,a=e.getAttribute("sample-repeat-count");a&&(o=parseInt(a));for(let l=0;l<o;l++){let c=e;for(let h of e.content.childNodes)c=this.instancateNode(c,h)}}),s}instancateNode(e,t,i=!1){let r=t.cloneNode(!1);i?e.appendChild(r):e.parentNode.insertBefore(r,e.nextSibling),M.GetDesignItem(t).setView(r);for(let s of t.childNodes)this.instancateNode(r,s,!0);return r}};Al();kc();import{LazyLoader as au}from"@node-projects/base-custom-webcomponent";var Ed=class{_name;get name(){return this._name}_elementList;_resolveStored;_rejectStored;getElements(){return this._elementList?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}constructor(e,t){this._name=e,au.LoadText(t.toString()).then(i=>{let r=JSON.parse(i);this._elementList=[],r.elements.forEach(s=>{this.isIElementDefintion(s)?this._elementList.push(s):this._elementList.push({tag:s})}),this._resolveStored&&(this._resolveStored.forEach(s=>s(this._elementList)),this._resolveStored=null,this._rejectStored=null)}).catch(i=>{this._rejectStored&&(this._rejectStored.forEach(r=>r(i)),this._resolveStored=null,this._rejectStored=null)})}isIElementDefintion(e){return e!=null&&e.tag!=null}};rr();rr();var Ad=class extends Ce{isHandledElementFromEventsService(e){return this.__eventsList?.[e.name]!=null}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ce._simpleMouseEvents,...Ce._pointerEvents,...Ce._allElements,...Ce._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}__eventsList;constructor(e,t){super(),this._parseManifest(t)}_parseManifest(e){this.__eventsList={};let t=[];for(let i of e.modules)i.declarations&&t.push(...i.declarations);for(let i of e.modules)for(let r of i.exports)if(r.kind=="custom-element-definition"){let s=t.find(o=>o.name==r.declaration.name);if(s){if(s.events){let o=[];for(let a of s.events)o.push({name:a.name});o.length&&(this.__eventsList[r.name]=o)}}else console.warn("declaration for "+r.declaration.name+" not found",e)}}};zl();He();rs();Q();_e();oe();var bi;(function(n){n[n.block=0]="block",n[n.complex=1]="complex"})(bi||(bi={}));var Pd=class{options;constructor(e){this.options=e??{},this.options.beautifyOutput??=!0,this.options.compressCssToShorthandProperties??=!0,this.options.writeDesignerProperties??=!0,this.options.parseJsonInAttributes??=!0,this.options.jsonWriteMode??="min"}writeAttributes(e,t){if(t.hasAttributes)for(let i of t.attributes())e.indentedTextWriter.write(" "),typeof i[1]=="string"?i[1]===""?e.indentedTextWriter.write(i[0]):e.indentedTextWriter.write(i[0]+'="'+Y.normalizeAttributeValue(i[1])+'"'):i[1]||e.indentedTextWriter.write(i[0])}writeStyles(e,t){if(t.hasStyles){e.indentedTextWriter.write(' style="');let i=t.styles();e.options.compressCssToShorthandProperties&&(i=mi.combine(new Map(i)));for(let r of i)r[0]&&e.indentedTextWriter.write(F.camelToDashCase(r[0])+":"+Y.normalizeAttributeValue(r[1])+";");e.indentedTextWriter.write('"')}}_writeTextNode(e,t){e.lastElementDisplayType=ke.inline;let i=Y.normalizeContentValue(t.content).trim();i&&e.indentedTextWriter.write(i)}_writeCommentNode(e,t){e.indentedTextWriter.write("<!--"+t.content+"-->")}_writeElementNode(e,t){let i=Nh(t.element);e.lastElementDisplayType=i,e.indentedTextWriter.write("<"+t.name),this.writeAttributes(e,t),this.writeStyles(e,t),e.indentedTextWriter.write(">");let r=!1;if(t.hasChildren){let s=t.children();if(r=t.childCount===1&&t.firstChild.nodeType===I.TextNode,r)this._writeInternal(e,t.firstChild);else{let o=e.containerDisplayType;e.containerDisplayType=this.getContainerType(t.element),e.indentedTextWriter.levelRaise(),this._writeDesignItemList(i,e,s),e.indentedTextWriter.levelShrink(),e.containerDisplayType=o}}else t.hasContent&&e.indentedTextWriter.write(Y.normalizeContentValue(t.content));Y.IsSelfClosingElement(t.name)||(i===ke.block&&t.hasChildren&&!r&&this._writeNewlineAndIntend(e),e.indentedTextWriter.write("</"+t.name+">"),i!==ke.none&&(e.lastElementDisplayType=i))}_writeDesignItemList(e,t,i){for(let r of i)t.lastElementDisplayType==null||(t.containerDisplayType===bi.complex?this._writeNewlineAndIntend(t):t.lastElementDisplayType!==ke.inline&&this._writeNewlineAndIntend(t)),this._writeInternal(t,r)}_writeNewlineAndIntend(e){e.indentedTextWriter.writeNewline(),e.indentedTextWriter.writeIndent()}_writeInternal(e,t){let i=e.indentedTextWriter.position;t.nodeType===I.TextNode?this._writeTextNode(e,t):t.nodeType===I.Comment?this._writeCommentNode(e,t):t.nodeType===I.Element&&this._writeElementNode(e,t),e.designItemsAssignmentList&&e.designItemsAssignmentList.set(t,{start:i,length:e.indentedTextWriter.position-i-1})}getContainerType(e){let t=window.getComputedStyle(e).display;return t==="block"||t==="inline-block"||t==""?bi.block:bi.complex}write(e,t,i){let r={indentedTextWriter:e,options:this.options,lastElementDisplayType:null,containerDisplayType:bi.block};this._writeDesignItemList(ke.inline,r,t)}};Bl();Wi();ha();Be();me();pe();Ae();be();rr();var Id=class extends q{getRefreshMode(e){return W.none}_name;get name(){return this._name}_packageData;_elementList;_propertiesList;__eventsList;_resolveStored;_rejectStored;_importPrefix="";constructor(e,t,i=""){if(super(),this._name=e,this._importPrefix=i,typeof t=="string"){this._importPrefix=this._importPrefix??t.split("/").slice(0,-1).join("/");let r;window.importShim?r=importShim(t,{with:{type:"json"}}):r=import(t,{with:{type:"json"}}),r.then(s=>{this._packageData=s.default,this._parseManifest()}).catch(s=>{this._rejectStored&&(this._rejectStored.forEach(o=>o(s)),this._resolveStored=null,this._rejectStored=null)})}else this._packageData=t,this._parseManifest()}_parseManifest(){this._elementList=[],this._propertiesList={};for(let e of this._packageData.modules){for(let t of e.exports)if(t.kind=="custom-element-definition"){this._elementList.push({tag:t.name,import:Mt(this._importPrefix,"/")+"/"+ve(e.path,"/")});let i=[],r=e.declarations.find(s=>s.name==t.declaration.name);for(let s of r.members)if(s.kind=="field"){let o=v.property;r.attributes&&(o=r.attributes.find(l=>l.fieldName==s.name)!=null?v.propertyAndAttribute:v.property);let a=_i.manifestClassPropertyTypeToEditorPropertyType(s.type?.text,s.type?.editor);i.push({name:s.name,service:this,propertyType:o,type:a[0],values:a[1],description:s.description})}if(this._propertiesList[t.name]=i,r.events){let s=[];for(let o of r.events)s.push({name:o.name});s.length&&(this.__eventsList[t.name]=s)}}this._resolveStored&&(this._resolveStored.forEach(t=>t(this._elementList)),this._resolveStored=null,this._rejectStored=null)}}async getElements(){return this._packageData?Promise.resolve(this._elementList):(this._resolveStored||(this._resolveStored=[],this._rejectStored=[]),new Promise((e,t)=>{this._resolveStored.push(e),this._rejectStored.push(t)}))}isHandledElement(e){return this._elementList?this._elementList.find(t=>t.tag==e.name)!=null:!1}async getProperties(e){return this._propertiesList[e.name]}async getProperty(e,t){return this._propertiesList[e.name].find(i=>i.name==t)}getPropertyTarget(e,t){return this._propertiesList[e.name].find(i=>i.name==t.name).propertyType==v.attribute?L.attribute:L.property}isHandledElementFromEventsService(e){return this.__eventsList?this.__eventsList[e.name]!=null:!1}getPossibleEvents(e){return[...this.__eventsList[e.name],...Ce._simpleMouseEvents,...Ce._pointerEvents,...Ce._allElements,...Ce._focusableEvents]}getEvent(e,t){return this.getPossibleEvents(e).find(r=>r.name==t)??{name:t,propertyName:"on"+t,eventObjectName:"Event"}}};ch();Tl();var kd=class{constructor(e,t,i){}cursorsChanged};wa();me();cc();Se();va();pa();ma();_a();ua();import{html as lu,BaseCustomWebComponentConstructorAppend as cu}from"@node-projects/base-custom-webcomponent";var Dd=class extends cu{static template=lu`<div style="display:flex"><input id="input" type="text"> <button style="width:30px">...</button></div>`;constructor(){super()}};fa();ga();ya();ba();oc();sc();_e();Zt();ic();Ss();Ca();$c();qt();pe();Ae();me();nt();Be();var ko=class extends q{getRefreshMode(e){return W.none}contentProperty={name:"textContent",type:"string",service:this,propertyType:v.property};idProperty={name:"id",type:"string",service:this,propertyType:v.propertyAndAttribute};innerHtmlProperty={name:"innerHTML",type:"string",service:this,propertyType:v.property};name="content";isHandledElement(e){return!0}async getProperty(e,t){return t=="id"?this.idProperty:this.contentProperty}async getProperties(e){return[this.idProperty,this.contentProperty,this.innerHtmlProperty]}clearValue(e,t,i="all"){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let r=e[0].openGroup("property cleared: "+t.name);for(let s of e)i!="binding"&&s.clearChildren(),i!="value"&&s.serviceContainer.forSomeServicesTillResult("bindingService",o=>o.clearBinding(s,t.name,this.getPropertyTarget(s,t))),this._notifyChangedProperty(s,t,void 0);r.commit()}else super.clearValue(e,t,i)}isSet(e,t){if(t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name){let i=!0,r=!1;if(e!=null&&e.length!==0){e.forEach(o=>{let a=!1;a=o.element.childNodes.length>0,i=i&&a,r=r||a});let s=q.getOrBuildCachedBindings(e[0]);if(s&&s.find(o=>(o.target==L.property||o.target==L.explicitProperty)&&o.targetName==t.name))return H.bound}return i?H.all:r?H.some:H.none}return super.isSet(e,t)}getValue(e,t){return t.name==this.contentProperty.name||t.name==this.innerHtmlProperty.name?e[0].element.textContent:super.getValue(e,t)}};ac();ws();Ae();pe();me();var Td=class extends q{getRefreshMode(e){return W.full}name="list";_propertys=new Map;constructor(e,t){super(t);for(let i in e){let r=[];this._propertys.set(i,r);for(let s in e[i]){let o=e[i][s];r.push({name:o.name,propertyName:o.propertyName,attributeName:o.attributeName,description:o.description,type:o.type,default:o.default,min:o.min,max:o.max,step:o.step,values:o.values,enumValues:o.enumValues,value:o.value,defaultValue:o.defaultValue,service:this,propertyType:o.propertyType??v.propertyAndAttribute})}}}isHandledElement(e){return this._propertys.has(e.element.localName)}_notifyChangedProperty(e,t,i){}async getProperties(e){return this._propertys.get(e.element.localName)}};Zo();Pa();Oc();qo();Qo();Xo();Ae();rc();lc();Ae();me();pe();var Md=class extends q{getRefreshMode(e){return W.full}isHandledElement(e){return!0}async getProperties(e){let t=Object.getOwnPropertyNames(Object.getPrototypeOf(e.element)),i=[];for(let r of t){if(r.startsWith("on"))continue;let s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e.element),r);if(s.get||s.set){let o=e.element[r];typeof o=="boolean"?i.push({name:r,type:"boolean",service:this,propertyType:v.propertyAndAttribute}):typeof o=="number"?i.push({name:r,type:"bonumberolean",service:this,propertyType:v.propertyAndAttribute}):i.push({name:r,type:"string",service:this,propertyType:v.propertyAndAttribute})}}return i}};pe();nt();var Od=class{getRefactorings(e){let t=[];for(let i of e){let r=i.serviceContainer.bindingService.getBindings(i);if(r)for(let s of r)for(let o of s.bindableObjectNames)if(o.includes(":")){let a=o.split(":")[0],l=o.substring(a.length+1);t.push({service:this,name:l,itemType:"signal",designItem:i,type:"binding",sourceObject:s,display:s.target+"/"+s.targetName+" - "+a+":",shortName:a})}else t.push({service:this,name:o,itemType:"signal",designItem:i,type:"binding",sourceObject:s,display:s.target+"/"+s.targetName})}return t}refactor(e,t,i){let r=e.sourceObject;e.shortName?r.bindableObjectNames=r.bindableObjectNames.map(s=>s==e.shortName+":"+t?e.shortName+":"+i:s):r.bindableObjectNames=r.bindableObjectNames.map(s=>s==t?i:s),e.designItem.serviceContainer.bindingService.setBinding(e.designItem,r)}};var Ld=class{getRefactorings(e){let t=[];for(let i of e)if((i.element instanceof i.window.HTMLInputElement||i.element instanceof i.window.HTMLTextAreaElement)&&i.element.value&&t.push({service:this,name:i.element.value,itemType:"text",designItem:i,type:"attribute",sourceObject:i,display:"attribute/value"}),i.childCount>0&&i.element.textContent){let r=!0;for(let s of i.element.childNodes)s.nodeType!=3&&(r=!1);r&&t.push({service:this,name:i.element.textContent,itemType:"text",designItem:i,type:"content",sourceObject:i,display:"textContent"})}return t}refactor(e,t,i){e.type=="attribute"?e.designItem.setAttribute("value",i):e.type=="content"&&(e.designItem.content=i)}};dh();vc();ee();import{TypedEvent as Xd}from"@node-projects/base-custom-webcomponent";function uh(n){let e={A:0,B:0,C:0};return hu(n)?(pu(n,0,e),e):(du(n,e),e)}function hu(n){for(let e=0;e<n.length;e++){let t=n.charCodeAt(e);if(t===58||t===91||t===40||t===44||t===92)return!0}return!1}function du(n,e){let t=n.length,i=0;for(;i<t;){let r=n.charCodeAt(i);if(r===124&&i+1<t&&n.charCodeAt(i+1)===124){i+=2;continue}if(r===32||r===62||r===43||r===126){i++;continue}if(r===35){for(e.A++,i++;i<t&&or(n.charCodeAt(i));)i++;continue}if(r===46){for(e.B++,i++;i<t&&or(n.charCodeAt(i));)i++;continue}if(r===42){i++;continue}if(Yd(r)||r===124){for(;i<t;){let s=n.charCodeAt(i);if(or(s)||s===124)i++;else break}e.C++;continue}i++}}function pu(n,e,t){let i=e,r=0,s=0,o=0;for(;i<n.length;){if(r=s=o=0,i=Si(n,i,t,!0),r=t.A,s=t.B,o=t.C,n.charCodeAt(i)===44){i++;let a=r,l=s,c=o;for(;i<n.length;){if(t.A=t.B=t.C=0,i=Si(n,i,t,!0),(t.A>a||t.A===a&&(t.B>l||t.B===l&&t.C>c))&&(a=t.A,l=t.B,c=t.C),n.charCodeAt(i)===44){i++;continue}break}t.A=a,t.B=l,t.C=c}break}return i}function Si(n,e,t,i){let r=e;for(i&&(t.A=t.B=t.C=0);r<n.length;){let s=n.charCodeAt(r);if(s===44||s===41)break;if(s===124&&n.charCodeAt(r+1)===124){r+=2;continue}if(s===32||s===62||s===43||s===126){r++;continue}if(s===35){r=Do(n,r+1),t.A++;continue}if(s===46){r=Do(n,r+1),t.B++;continue}if(s===91){r=ph(n,r,91,93),t.B++;continue}if(s===58){if(n.charCodeAt(r+1)===58){r+=2,r=Do(n,r),n.charCodeAt(r)===40&&(r=ph(n,r,40,41)),t.C++;continue}let o=r+1,a=Do(n,o);if(r=a,gu(n,o,a-o)){t.C++;continue}if(n.charCodeAt(r)===40){let l=r+1,c=ph(n,r,40,41),h=a-o;switch(fu(n,o,h)){case Nd:r=c;continue;case Rd:case Fd:case zd:case jd:case Ud:case Kd:{let p=0,f=0,m=0,u=l,y=c-1;for(;u<y;){let x={A:0,B:0,C:0};if(u=mu(n,u,x),(x.A>p||x.A===p&&(x.B>f||x.B===f&&x.C>m))&&(p=x.A,f=x.B,m=x.C),n.charCodeAt(u)===44)u++;else break}t.A+=p,t.B+=f,t.C+=m,r=c;continue}case Bd:{let p={A:0,B:0,C:0};Si(n,l,p,!1),t.A+=p.A,t.B+=p.B,t.C+=p.C,r=c;continue}case Vd:case Hd:{t.B++;let p={A:0,B:0,C:0};Si(n,l,p,!1),t.A+=p.A,t.B+=p.B,t.C+=p.C,r=c;continue}case Wd:case Gd:{t.B++;let p=c-1,f=yu(n,l,p);if(f!==-1){let m=f+2;for(;m<p&&mh(n.charCodeAt(m));)m++;let u=0,y=0,x=0,_=m;for(;_<p;){let w={A:0,B:0,C:0};if(_=Si(n,_,w,!1),(w.A>u||w.A===u&&(w.B>y||w.B===y&&w.C>x))&&(u=w.A,y=w.B,x=w.C),n.charCodeAt(_)===44)_++;else break}t.A+=u,t.B+=y,t.C+=x}r=c;continue}default:t.B++,r=c;continue}}else{t.B++;continue}}if(s===42){r++;continue}if(Yd(s)||s===124){for(;r<n.length&&(or(n.charCodeAt(r))||n.charCodeAt(r)===124);)r++;t.C++;continue}r++}return r}function mu(n,e,t){return Si(n,e,t,!1)}var uu=0,Nd=1,Rd=2,Fd=3,zd=4,Bd=5,Vd=6,Hd=7,Wd=8,Gd=9,jd=10,Ud=11,Kd=12;function fu(n,e,t){return t===5&&n.charCodeAt(e)===119&&n.charCodeAt(e+1)===104&&n.charCodeAt(e+2)===101&&n.charCodeAt(e+3)===114&&n.charCodeAt(e+4)===101?Nd:t===3&&n.charCodeAt(e)===110&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===116?Fd:t===2&&n.charCodeAt(e)===105&&n.charCodeAt(e+1)===115?Rd:t===3&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===97&&n.charCodeAt(e+2)===115?zd:t===4&&n.charCodeAt(e)===104&&n.charCodeAt(e+1)===111&&n.charCodeAt(e+2)===115&&n.charCodeAt(e+3)===116?Vd:t===12&&n.charCodeAt(e)===104&&n.charCodeAt(e+4)===45&&n.charCodeAt(e+5)===99&&n.substring(e,e+t)==="host-context"?Hd:t===7&&n.charCodeAt(e)===115&&n.substring(e,e+7)==="slotted"?Bd:t===9&&n.charCodeAt(e)===110&&n.substring(e,e+9)==="nth-child"?Wd:t===14&&n.charCodeAt(e)===110&&n.substring(e,e+14)==="nth-last-child"?Gd:t===7&&n.charCodeAt(e)===109&&n.substring(e,e+7)==="matches"?jd:t===11&&n.charCodeAt(e)===45&&n.substring(e,e+11)==="-webkit-any"?Ud:t===8&&n.charCodeAt(e)===45&&n.substring(e,e+8)==="-moz-any"?Kd:uu}function gu(n,e,t){if(t===6){let i=n.charCodeAt(e);if(i===98)return n.substring(e,e+6)==="before";if(i===97)return n.substring(e,e+6)==="after"}return t===5&&n.charCodeAt(e)===97?n.substring(e,e+5)==="after":t===10&&n.charCodeAt(e)===102?n.substring(e,e+10)==="first-line":t===12&&n.charCodeAt(e)===102?n.substring(e,e+12)==="first-letter":!1}function Yd(n){return n>=65&&n<=90||n>=97&&n<=122||n===95||n===45||n===92}function or(n){return n>=65&&n<=90||n>=97&&n<=122||n>=48&&n<=57||n===95||n===45||n===92}function mh(n){return n===32||n===9||n===10||n===13||n===12}function Do(n,e){let t=e;for(;t<n.length;){let i=n.charCodeAt(t);if(i===92){t+=2;continue}if(!or(i))break;t++}return t}function ph(n,e,t,i){let r=0,s=0,o=e;for(;o<n.length;){let a=n.charCodeAt(o);if(s){if(a===92){o+=2;continue}a===s&&(s=0),o++;continue}if(a===34||a===39){s=a,o++;continue}if(a===t)r++;else if(a===i&&(r--,r===0))return o+1;o++}return o}function yu(n,e,t){let i=e;for(;i<=t-1;){for(;i<=t-1&&mh(n.charCodeAt(i));)i++;if(n.charCodeAt(i)===111&&n.charCodeAt(i+1)===102&&(i+2>t-1||mh(n.charCodeAt(i+2))||n.charCodeAt(i+2)===40))return i;i++}return-1}var To=class n{_stylesheets=new Map;_documentStylesheets=new Map;_allStylesheets=new Map;_instanceServiceContainer;constructor(e){this._instanceServiceContainer=e.instanceServiceContainer}async setStylesheets(e){await this.internalSetStylesheets(e,this._stylesheets)}async setDocumentStylesheets(e){await this.internalSetStylesheets(e,this._documentStylesheets)}async internalSetStylesheets(e,t){if(t!=null&&e!=null&&t.size==e.length&&e.every(i=>t.has(i.name)))for(let i of e){let r=t.get(i.name);if(r.stylesheet.content!=i.content){try{t.set(i.name,{stylesheet:i,ast:await this.internalParse(i.content)})}catch(s){console.warn("error parsing stylesheet",i,s)}t==this._stylesheets&&this.stylesheetChanged.emit({name:i.name,newStyle:i.content,oldStyle:r.stylesheet.content,changeSource:"extern"})}}else if(e!=null){t.clear();for(let i of e){let r=null;try{r=await this.internalParse(i.content)}catch(s){console.warn("error parsing stylesheet",i,s)}t.set(i.name,{stylesheet:i,ast:r})}t==this._stylesheets&&this.stylesheetsChanged.emit()}else t.clear();this._allStylesheets.clear();for(let i of this._documentStylesheets)this._allStylesheets.set(i[0],i[1]);for(let i of this._stylesheets)this._allStylesheets.set(i[0],i[1])}async internalReparseStylesheet(e){let t=this._allStylesheets;this._documentStylesheets.has(e)&&(t=this._documentStylesheets),this._stylesheets.has(e)&&(t=this._stylesheets);let i=t.get(e),r=null;try{r=await this.internalParse(i.stylesheet.content)}catch(o){console.warn("error parsing stylesheet",e,o)}let s={stylesheet:i.stylesheet,ast:r};this._stylesheets.set(e,s),this._allStylesheets.set(e,s)}getStylesheets(){let e=[];for(let t of this._stylesheets)e.push(t[1].stylesheet);return e}getDeclarationsSortedBySpecificity(e,t){let i=this.getDeclarations(e,t);return i.reverse().sort((r,s)=>r.parent.specificity==null?-1:s.parent.specificity==null?1:r.parent.specificity.A>s.parent.specificity.A||r.parent.specificity.A===s.parent.specificity.A&&r.parent.specificity.B>s.parent.specificity.B||r.parent.specificity.A===s.parent.specificity.A&&r.parent.specificity.B===s.parent.specificity.B&&r.parent.specificity.C>s.parent.specificity.C?-1:r.parent.specificity.A===s.parent.specificity.A&&r.parent.specificity.B===s.parent.specificity.B&&r.parent.specificity.C===s.parent.specificity.C?0:1),i}updateDeclarationValue(e,t,i){this.updateDeclarationValueWithoutUndo(e,t,i)}stylesheetChanged=new Xd;stylesheetsChanged=new Xd;static patchStylesheetSelectorForDesigner(e){return e.replaceAll(":hover","["+_t+"]").replaceAll(":active","["+Li+"]").replaceAll(":visited","["+Ni+"]").replaceAll(":focus","["+Ri+"]").replaceAll(":focus-within","["+Fi+"]").replaceAll(":focus-visible","["+zi+"]")}elementMatchesASelector(e,t){let i=null;for(let r of t)try{if(e&&r===":host"&&e.isRootItem){let s=uh(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}else if(!e||e.element.matches(n.patchStylesheetSelectorForDesigner(r))){let s=uh(r);(i===null||s.A>i.A||s.A===i.A&&(s.B>i.B||s.B===i.B&&s.C>i.C))&&(i=s)}}catch{console.warn("invalid selector: ",r,"patched: "+n.patchStylesheetSelectorForDesigner(r))}return i===null?!1:i}};gc();yc();Jo();la();$o();ah();Ze();ta();aa();var Mo=class{stylesheetService;constructor(e,t,i,r){this.title="Changed Css Stylesheet: "+t,this.stylesheetService=e,this.name=t,this.newValue=i,this.oldValue=r}title;get affectedItems(){return[]}undo(){this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.oldValue)}do(){this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name,this.newValue)}name;newValue;oldValue;mergeWith(e){return!1}};var Oo=class{constructor(e,t){this.title="Set all DesignItems",this.newDesignItems=e,this.oldDesignItems=t}title;get affectedItems(){return this.newDesignItems}undo(){this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.oldDesignItems)}do(){this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.newDesignItems)}newDesignItems;oldDesignItems;mergeWith(e){return!1}};na();mr();mr();import{TypedEvent as vu}from"@node-projects/base-custom-webcomponent";var Lo=class{imports=[];npmPackages=[];extensionOptions={gridExtensionShowOverlay:!1,flexboxExtensionShowOverlay:!1,invisibleElementExtensionShowOverlay:!1,enableStylesheetService:!1,basicStackedToolbarExtensionShowOverlay:!1,simulateHoverOnHover:!1,selectUnhitableElements:!0};extensionOptionsChanged=new vu};var No=class extends Xt{designContext=new Lo;designerCanvas;designer;documentContainer;constructor(e){super(),this.designerCanvas=e}get undoService(){return this.getLastService("undoService")}get selectionService(){return this.getLastService("selectionService")}get contentService(){return this.getLastService("contentService")}get stylesheetService(){return this.getLastService("stylesheetService")}get designItemDocumentPositionService(){return this.getLastService("designItemDocumentPositionService")}};Yo();me();nt();xt();pe();te();import{BaseCustomWebComponentLazyAppend as xu,css as _u,DomHelper as Zd}from"@node-projects/base-custom-webcomponent";var Me=class n extends xu{_div;_propertyMap=new Map;_serviceContainer;_propertiesService;_designItems;_lastClassType;_addCounter=0;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;get propertiesService(){return this._propertiesService}static get style(){return _u`:host{display:block;height:100%;overflow:auto;box-sizing:border-box}.content-wrapper{padding:.5em;display:grid;grid-template-columns:11px minmax(80px,auto) minmax(80px,auto);align-items:center;grid-auto-rows:minmax(24px,auto);align-items:center}input,label,select{display:inline-block;color:#fff;background:0 0;margin:2px 0;padding:0 2px 0 4px;width:110px;white-space:nowrap}.style-label,label{box-sizing:border-box;display:inline-block;font-size:13px;width:auto;overflow:hidden;text-overflow:ellipsis;margin-right:2px}input,select{height:24px;border:1px solid var(--input-border-color,#596c7a);border-radius:0;box-sizing:border-box;font-size:11px;width:100%;padding:0;padding-left:3px;margin:0}input[disabled]{color:#bdbdbd}select{background:0 0}select:focus option{color:#000}.unset-value{color:#778899}.unset-value>*{color:#778899}.unset-value:focus{color:#fff}.group-header{grid-column:1/3;font-size:10px;font-family:monospace}.group-header[clickable]:hover{cursor:pointer;color:orange;text-decoration:underline}.group-header::after{content:" ▾";font-size:14px}.group-header.expanded::after{content:" ▴";font-size:14px}.group-desc{display:inline-flex;flex-direction:row-reverse;font-size:10px;text-decoration:underline}.group-desc[clickable]:hover{cursor:pointer;color:orange;text-decoration:underline}.dragOverProperty{outline:2px dashed orange;outline-offset:-2px}`}constructor(e){super(),this._restoreCachedInititalValues(),this._serviceContainer=e,this._div=document.createElement("div"),this._div.className="content-wrapper",this.shadowRoot.appendChild(this._div)}setPropertiesService(e){this._propertiesService!=e&&(this._propertiesService=e,Zd.removeAllChildnodes(this._div),this._propertyMap.clear())}async createElements(e){if(this._propertiesService&&this._propertiesService.getRefreshMode(e)!==W.none&&(this._propertiesService.getRefreshMode(e)!==W.fullOnClassChange||this._lastClassType!==e.element.constructor)||this._propertyMap.size==0){if(this._lastClassType=e.element.constructor,Zd.removeAllChildnodes(this._div),this._propertyMap.clear(),this._propertiesService){let t=await this._propertiesService.getProperties(e);if(t?.length){for(let i of t)"properties"in i?this.createPropertyGroups(i):this.createPropertyEditors(i);return!0}}return!1}return!0}createPropertyGroups(e){let t=document.createElement("span");t.addEventListener("click",()=>{this.expandOrCollapsePropertyGroups(e),t.classList.toggle("expanded")}),t.innerHTML=e.name.replaceAll(`
6
+ `,"<br>"),t.className="group-header",this._div.appendChild(t);let i=document.createElement("span");i.innerHTML=e.description??"",i.className="group-desc",this.propertyGroupHover&&(t.onmouseenter=()=>{this.propertyGroupHover(e,"name")?t.setAttribute("clickable",""):t.removeAttribute("clickable")},t.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"name")},i.onmouseenter=()=>{this.propertyGroupHover(e,"desc")?i.setAttribute("clickable",""):i.removeAttribute("clickable")},i.onclick=()=>{this.propertyGroupClick&&this.propertyGroupClick(e,"desc")}),this._div.appendChild(i);for(let r of e.properties)this.createPropertyEditors(r,!0)}expandOrCollapsePropertyGroups(e){for(let t of e.properties){let i=this._propertyMap.get(t),r=i.labelElement.style.display=="none"?"flex":"none";i.editor.element&&(i.editor.element.style.display=r),i.labelElement&&(i.labelElement.style.display=r),i.isSetElement.parentElement&&(i.isSetElement.parentElement.style.display=r)}}createPropertyEditors(e,t){let i,r;if(e.createEditor?i=e.createEditor(e):i=this._serviceContainer.forSomeServicesTillResult("editorTypesService",s=>s.getEditorForProperty(e)),i){let s=document.createElement("div");t&&(s.style.marginLeft="10px"),s.style.width="20px",s.style.height="20px",s.style.display="flex",s.style.alignItems="center";let o=document.createElement("div");if(o.style.width="7px",o.style.height="7px",o.style.border="1px white solid",o.style.cursor="pointer",e.propertyType!=v.complex&&s.appendChild(o),this._div.appendChild(s),e.readonly!==!0&&(o.oncontextmenu=a=>{a.preventDefault(),this.openContextMenu(a,e)},o.onclick=a=>{a.preventDefault(),this.openContextMenu(a,e)}),e.type=="addNew"){let a=i.element;a.disabled=!0,a.id="addNew_input_"+ ++this._addCounter;let l=document.createElement("input");if(r=l,t&&(l.style.marginLeft="10px",l.style.width="calc(100% - 10px)"),l.value=e.name,l.type="text",l.id="addNew_label_"+this._addCounter,l.onkeyup=c=>{c.key=="Enter"&&l.value&&(e.name=l.value,l.disabled=!0,a.disabled=!1,a.focus())},e.service.getPropertyNameSuggestions){let c=e.service.getPropertyNameSuggestions(null),h=document.createElement("datalist");h.id="addNew_"+this._addCounter+"_datalist";for(let d of c){let p=document.createElement("option");p.value=d,h.append(p)}this._div.appendChild(h),l.setAttribute("list",h.id)}this._div.appendChild(l)}else if(e.renamable){let a=document.createElement("input");r=a,t&&(a.style.marginLeft="10px",a.style.width="calc(100% - 10px)"),a.id="label_"+e.name;let l=i.element;a.value=e.name,a.onkeyup=async c=>{if(c.key=="Enter"&&a.value){let h=this._designItems[0].openGroup("rename property name from '"+e.name+"' to '"+a.value+"'");e.service.clearValue(this._designItems,e,"all"),e.name=a.value,await e.service.setValue(this._designItems,e,l.value),h.commit(),this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems)}},this._div.appendChild(a)}else{let a=document.createElement("label");r=a,t&&(a.style.marginLeft="10px"),a.htmlFor=e.name,a.textContent=e.displayName??e.name,a.title=e.description??(e.displayName??e.name)+" (type: "+e.type+(e.defaultValue?", default: "+e.defaultValue:"")+", propertytype: "+e.propertyType+")",a.ondragleave=l=>this._onDragLeave(l,e,a),a.ondragover=l=>this._onDragOver(l,e,a),a.ondrop=l=>this._onDrop(l,e,a),this._div.appendChild(a)}e.name&&(i.element.id=e.name),this._div.appendChild(i.element),this._propertyMap.set(e,{isSetElement:o,labelElement:r,editor:i})}}_onDragLeave(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty")}_onDragOver(e,t,i){if(e.preventDefault(),e.dataTransfer.types.indexOf(Lt)>=0){let o=this._serviceContainer.bindableObjectDragDropService;if(o){let a=o.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}if(e.dataTransfer.types.indexOf(xa)>=0){let o=this._serviceContainer.propertyGridDragDropService;if(o){let a=o.dragOverOnProperty(e,t,this._designItems);(a??"none")!="none"?(i.classList.add("dragOverProperty"),e.dataTransfer.dropEffect=a):i.classList.remove("dragOverProperty")}}}_onDrop(e,t,i){e.preventDefault(),i.classList.remove("dragOverProperty");let r=e.dataTransfer.getData(Lt);if(r){let o=JSON.parse(r),a=this._serviceContainer.bindableObjectDragDropService;a&&a.dropOnProperty(e,t,o,this._designItems)}let s=e.dataTransfer.getData(xa);if(s){let o=JSON.parse(s),a=this._serviceContainer.propertyGridDragDropService;a&&a.dropOnProperty(e,t,o,this._designItems)}}openContextMenu(e,t){let i;this.propertyContextMenuProvider&&(i=this.propertyContextMenuProvider(this._designItems,t)),i||(i=t.service.getContextMenu(this._designItems,t)),ye.show(i,e)}designItemsChanged(e){this._designItems=e;for(let t of this._propertyMap)t[1].editor.designItemsChanged(e)}refreshForDesignItems(e){for(let t of this._propertyMap)n.refreshIsSetElementAndEditorForDesignItems(t[1].isSetElement,t[0],e,this._propertiesService,t[1].editor)}static refreshIsSetElementAndEditorForDesignItems(e,t,i,r,s){if(i&&i.length){let o=r.isSet(i,t),a=r.getValue(i,t);e.title=t.name+": "+o,o==H.none?(e.style.background="",a=r.getUnsetValue(i,t)):o==H.all?e.style.background="white":o==H.some?e.style.background="gray":o==H.bound?e.style.background="orange":o==H.fromStylesheet&&(a=r.getUnsetValue(i,t),e.style.background="yellow"),s?.refreshValueWithoutNotification(o,a)}else e.style.background=""}};customElements.define("node-projects-property-grid-property-list",Me);me();import{BaseCustomWebComponentLazyAppend as bu,css as Su}from"@node-projects/base-custom-webcomponent";var fh=class extends bu{_serviceContainer;_designerTabControl;_selectedItems;_propertyGridPropertyLists;_propertyGridPropertyListsDict;_itemsObserver;_nodeReplacedCb;_instanceServiceContainer;_selectionChangedHandler;propertyGroupHover;propertyGroupClick;propertyContextMenuProvider;static style=Su`:host{display:block;height:100%;user-select:none;-webkit-user-select:none}button:hover{box-shadow:inset 0 3px 0 var(--light-grey)}button:focus{box-shadow:inset 0 3px 0 var(--highlight-pink,#e91e63)}`;static properties={serviceContainer:Object,instanceServiceContainer:Object,selectedItems:Array,propertyGroupHover:Function,propertyGroupClick:Function,propertyContextMenuProvider:Function};constructor(){super(),this._designerTabControl=new rt,this.shadowRoot.appendChild(this._designerTabControl),this._restoreCachedInititalValues(),this.addEventListener("contextmenu",e=>{e.composedPath()[0].localName!="input"&&e.preventDefault()}),this._itemsObserver=new MutationObserver(e=>this._mutationOccured())}set serviceContainer(e){this._serviceContainer=e,this._propertyGridPropertyLists=[],this._propertyGridPropertyListsDict={}}get serviceContainer(){return this._serviceContainer}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._instanceServiceContainer?(this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements):this.selectedItems=[]}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this._selectedItemsSet())}async _selectedItemsSet(){let e=this._serviceContainer.propertyGroupService.getPropertygroups(this._selectedItems),t=new Set;for(let r of e){let s=this._propertyGridPropertyListsDict[r.name];s||(s=new Me(this.serviceContainer),s.title=r.name,s.propertyGroupHover=this.propertyGroupHover,s.propertyGroupClick=this.propertyGroupClick,s.propertyContextMenuProvider=this.propertyContextMenuProvider,this._designerTabControl.appendChild(s),this._propertyGridPropertyLists.push(s),this._propertyGridPropertyListsDict[r.name]=s),s.setPropertiesService(r.propertiesService),await s.createElements(this._selectedItems[0])&&t.add(r.name)}let i=this._designerTabControl;for(let r of t){let s=this._propertyGridPropertyListsDict[r],o=s.scrollTop;i===this._designerTabControl?i.insertAdjacentElement("afterbegin",s):i.insertAdjacentElement("afterend",s),i=s,s.scrollTo(0,o)}for(let r of this._propertyGridPropertyLists)t.has(r.title)?r.style.display="block":r.style.display="none";this._designerTabControl.refreshItems(),this._designerTabControl.selectedIndex<0&&(this._designerTabControl.selectedIndex=0);for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.designItemsChanged(this._selectedItems);if(this._selectedItems){if(this._selectedItems.length==1){for(let r of this._propertyGridPropertyLists)t.has(r.title)&&r.refreshForDesignItems(this._selectedItems);this._observePrimarySelectionForChanges()}}else this._itemsObserver.disconnect(),this._nodeReplacedCb?.dispose(),this._nodeReplacedCb=null}_blockDoubleRun=!1;async _mutationOccured(){if(!this._blockDoubleRun){this._blockDoubleRun=!0;for(let e of this._propertyGridPropertyLists)e.propertiesService?.getRefreshMode(this._selectedItems[0])==W.fullOnValueChange&&(await e.createElements(this._selectedItems[0]),e.designItemsChanged(this._selectedItems)),e.refreshForDesignItems(this._selectedItems);this._blockDoubleRun=!1}}_observePrimarySelectionForChanges(){this._nodeReplacedCb?.dispose(),this._itemsObserver.disconnect(),this._itemsObserver.observe(this._selectedItems[0].element,{attributes:!0,childList:!1,characterData:!1}),this._nodeReplacedCb=this._selectedItems[0].nodeReplaced.on(()=>{this._observePrimarySelectionForChanges(),this._mutationOccured()})}};customElements.define("node-projects-web-component-designer-property-grid",fh);be();Q();import{BaseCustomWebComponentLazyAppend as wu,css as Cu,html as Eu}from"@node-projects/base-custom-webcomponent";xt();var gh=class extends wu{static style=Cu`:host{display:block;height:100%;user-select:none;-webkit-user-select:none;background:var(--medium-grey,#2f3545);color:#fff}div.root{display:grid;grid-template-columns:11px 11px auto 1fr auto;padding:3px 6px;font-family:monospace;align-items:center}.desc{font-weight:700;font-size:10px;margin-right:5px}input{background:var(--medium-grey,#2f3545);border:solid 1px gray;color:#fff;width:calc(100% - 6px)}#type{color:wheat;white-space:nowrap;overflow:hidden;font-size:12px;height:20px;border:none}#pg{height:calc(100% - 64px)}`;static template=Eu`<div class="root"><span style="grid-column:span 3" class="desc">Type:</span><input type="text" readonly="readonly" id="type"> <button id="config" style="display:none;grid-column:5;grid-row:span 3;height:calc(100% - 10px);margin-left:10px">config</button><div title="id" id="idRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><span id="idSpan" style="grid-column:span 2" class="desc">Id:</span><input type="text" id="id"><div title="innerHTML" id="innerRect" style="grid-column:1;width:7px;height:7px;border:1px solid #fff"></div><div title="textContent" id="contentRect" style="width:7px;height:7px;border:1px solid #fff"></div><span id="contentSpan" class="desc">Content:</span><input type="text" id="content"></div><node-projects-web-component-designer-property-grid id="pg"></node-projects-web-component-designer-property-grid>`;propertyGrid;_type;_id;_content;_selectionChangedHandler;_instanceServiceContainer;_idRect;_contentRect;_innerRect;_propertiesService;_configButton;constructor(){super(),this._restoreCachedInititalValues(),this._type=this._getDomElement("type"),this._id=this._getDomElement("id"),this._content=this._getDomElement("content"),this.propertyGrid=this._getDomElement("pg"),this._idRect=this._getDomElement("idRect"),this._contentRect=this._getDomElement("contentRect"),this._innerRect=this._getDomElement("innerRect"),this._configButton=this._getDomElement("config"),this._configButton.onclick=async()=>{let i=await(await this.serviceContainer?.getLastServiceWhereAsync("configUiService",async r=>await r.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection))).getConfigUi(this._instanceServiceContainer.selectionService.primarySelection);this.serviceContainer.globalContext.showConfigClicked.emit({designItem:this._instanceServiceContainer.selectionService.primarySelection,configUi:i})},this._propertiesService=new ko,this._idRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.idProperty)},this._contentRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.contentProperty)},this._innerRect.oncontextmenu=t=>{t.preventDefault(),this._instanceServiceContainer.selectionService.primarySelection?.isRootItem||this._openContextMenu(t,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService.innerHtmlProperty)},this._id.onkeydown=t=>{t.key=="Enter"?this._instanceServiceContainer.selectionService.primarySelection.id=this._id.value:t.key=="Escape"&&(this._id.value=this._instanceServiceContainer.selectionService.primarySelection?.id??"",t.preventDefault(),t.stopPropagation()),Me.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)},this._content.onkeydown=t=>{t.key=="Enter"?(this._instanceServiceContainer.selectionService.primarySelection.content=this._content.value,this._content.title=this._content.value):t.key=="Escape"&&(this._content.value=this._instanceServiceContainer.selectionService.primarySelection?.element?.textContent??"",t.preventDefault(),t.stopPropagation()),Me.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService),Me.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)};let e;this._id.onfocus=t=>{e=this._instanceServiceContainer.selectionService.primarySelection},this._id.onblur=t=>{e&&(e.id=this._id.value),e=null,Me.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,this._instanceServiceContainer.selectionService.selectedElements,this._propertiesService)}}set serviceContainer(e){this.propertyGrid.serviceContainer=e}set instanceServiceContainer(e){let t=e;this._instanceServiceContainer=t,this._selectionChangedHandler?.dispose(),t?this._selectionChangedHandler=t.selectionService.onSelectionChanged.on(async i=>{this.propertyGrid.instanceServiceContainer=t,await st(20),t.selectionService?.primarySelection?.isRootItem?(this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host"):(this._id.disabled=!1,this._content.disabled=!1,await this.serviceContainer?.getLastServiceWhereAsync("configUiService",s=>s.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection))?this._configButton.style.display="block":this._configButton.style.display="none",t.selectionService.primarySelection?.nodeType==I.Element?this._type.value=t.selectionService.primarySelection?.name??"":this._type.value=t.selectionService.primarySelection?.node?.nodeName??"",this._type.title=this._type.value,this._id.blur(),this._id.value=t.selectionService.primarySelection?.id??"",t.selectionService.primarySelection?.element?.nodeType!=I.Element?this._content.value=t.selectionService.primarySelection?.content??"":t.selectionService.primarySelection?.element?.children?.length<=0?this._content.value=t.selectionService.primarySelection?.content??"":this._content.value="",this._content.title=this._content.value,Me.refreshIsSetElementAndEditorForDesignItems(this._idRect,this._propertiesService.idProperty,t.selectionService.selectedElements,this._propertiesService),Me.refreshIsSetElementAndEditorForDesignItems(this._contentRect,this._propertiesService.contentProperty,t.selectionService.selectedElements,this._propertiesService),Me.refreshIsSetElementAndEditorForDesignItems(this._innerRect,this._propertiesService.innerHtmlProperty,t.selectionService.selectedElements,this._propertiesService))}):(this._configButton.style.display="none",this._id.value="",this._content.value="",this._id.disabled=!0,this._content.disabled=!0,this._idRect.style.background="",this._contentRect.style.background="",this._innerRect.style.background="",this._type.value=":host"),this.propertyGrid.instanceServiceContainer=t}_openContextMenu(e,t,i){let r;this.propertyGrid.propertyContextMenuProvider&&(r=this.propertyGrid.propertyContextMenuProvider(t,i)),r||(r=i.service.getContextMenu(t,i)),ye.show(r,e)}};customElements.define("node-projects-web-component-designer-property-grid-with-header",gh);import{css as Fu,DomHelper as zu,html as Bu,BaseCustomWebComponentConstructorAppend as Vu}from"@node-projects/base-custom-webcomponent";le();ee();te();Ze();import{BaseCustomWebComponentLazyAppend as ku,css as Du,cssFromString as Tu,DomHelper as yh,html as Mu,TypedEvent as Qd}from"@node-projects/base-custom-webcomponent";J();var Et=D.Normal,Ro=class{snapOffset=5;_overlayLayerView;_containerItem;_positionsH=[];_positionsMiddleH=[];_positionsV=[];_positionsMiddleV=[];_outerRect;constructor(e){this._overlayLayerView=e}initialize(e){this._containerItem=e}clearSnaplines(){this._overlayLayerView.removeAllNodesWithClass&&this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),this._positionsH=[],this._positionsMiddleH=[],this._positionsV=[],this._positionsMiddleV=[]}calculateSnaplines(e){this.clearSnaplines();let t=this._containerItem.serviceContainer.snaplinesProviderService.provideSnaplines(this._containerItem,e);this._outerRect=t.outerRect,this._positionsH=t.positionsH,this._positionsMiddleH=t.positionsMiddleH,this._positionsV=t.positionsV,this._positionsMiddleV=t.positionsMiddleV}snapToPosition(e,t,i){let r=this.snapOffset+1,s,o;for(let c=0;c<this._positionsH.length;c++){let h=Math.abs(this._positionsH[c][0]-e.x);(h<r||h===r&&s===void 0)&&(r=h,s=[],o=this._positionsH[c][0]);let d;t&&(d=Math.abs(e.x+t.width-this._positionsH[c][0]),(d<r||d===r&&s===void 0)&&(r=d,s=[],o=this._positionsH[c][0]-t.width)),h===r&&s.push(this._positionsH[c][1]),t&&d===r&&h!==r&&s.push(this._positionsH[c][1])}if(t)for(let c=0;c<this._positionsMiddleH.length;c++){let h=Math.abs(this._positionsMiddleH[c][0]-(e.x+t.width/2));(h<r||h===r&&s===void 0)&&(r=h,s=[],o=this._positionsMiddleH[c][0]-t.width/2),h===r&&s.push(this._positionsMiddleH[c][1])}r=this.snapOffset+1;let a,l;for(let c=0;c<this._positionsV.length;c++){let h=Math.abs(this._positionsV[c][0]-e.y);(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsV[c][0]);let d;t&&(d=Math.abs(e.y+t.height-this._positionsV[c][0]),(d<r||d===r&&a===void 0)&&(r=d,a=[],l=this._positionsV[c][0]-t.height)),h===r&&a.push(this._positionsV[c][1]),t&&d===r&&h!==r&&a.push(this._positionsV[c][1])}if(t)for(let c=0;c<this._positionsMiddleV.length;c++){let h=Math.abs(this._positionsMiddleV[c][0]-(e.y+t.height/2));(h<r||h===r&&a===void 0)&&(r=h,a=[],l=this._positionsMiddleV[c][0]-t.height/2),h===r&&a.push(this._positionsMiddleV[c][1])}if(this._overlayLayerView.removeAllNodesWithClass("svg-snapline"),s!==void 0||a!==void 0){let c={x:s!==void 0?o:e.x,y:a!==void 0?l:e.y};return this.drawSnaplines(c,t,s,a),{x:s!==void 0?o:null,y:a!==void 0?l:null}}return{x:null,y:null}}drawSnaplines(e,t,i,r){if(i){let s=e.y,o=e.y;for(let a of i){let l=a.y-this._outerRect.top;s=s<l?s:l,o=o>l?o:l}for(let a of i){if(a.x-this._outerRect.left==e.x||t&&a.x-this._outerRect.left==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x),c.setAttribute("x2",a.x-this._outerRect.x),c.setAttribute("y1",s),c.setAttribute("y2",o),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(a.x-this._outerRect.left+a.width==e.x||t&&a.x-this._outerRect.left+a.width==e.x+t.width){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width),c.setAttribute("x2",a.x-this._outerRect.x+a.width),c.setAttribute("y1",s),c.setAttribute("y2",o),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(t&&a.x-this._outerRect.left+a.width/2==e.x+t.width/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",a.x-this._outerRect.x+a.width/2),c.setAttribute("x2",a.x-this._outerRect.x+a.width/2),c.setAttribute("y1",s),c.setAttribute("y2",o),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,Et)}}if(r){let s=e.x,o=e.x;for(let a of r){let l=a.x-this._outerRect.left;s=s<l?s:l,o=o>l?o:l}for(let a of r){if(a.y-this._outerRect.top==e.y||t&&a.y-this._outerRect.top==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",s),c.setAttribute("x2",o),c.setAttribute("y1",a.y-this._outerRect.y),c.setAttribute("y2",a.y-this._outerRect.y),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(a.y-this._outerRect.top+a.height==e.y||t&&a.y-this._outerRect.top+a.height==e.y+t.height){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",s),c.setAttribute("x2",o),c.setAttribute("y1",a.y-this._outerRect.y+a.height),c.setAttribute("y2",a.y-this._outerRect.y+a.height),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}if(t&&a.y-this._outerRect.top+a.height/2==e.y+t.height/2){let c=document.createElementNS("http://www.w3.org/2000/svg","line");c.setAttribute("x1",s),c.setAttribute("x2",o),c.setAttribute("y1",a.y-this._outerRect.y+a.height/2),c.setAttribute("y2",a.y-this._outerRect.y+a.height/2),c.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,c,Et)}let l=document.createElementNS("http://www.w3.org/2000/svg","rect");l.setAttribute("x",a.x-this._outerRect.x),l.setAttribute("width",a.width),l.setAttribute("y",a.y-this._outerRect.y),l.setAttribute("height",a.height),l.setAttribute("class","svg-snapline"),this._overlayLayerView.addOverlay(this.constructor.name,l,Et)}}}};ht();Wi();Ve();ee();Q();Ve();zt();function B(n,e){let t=e.get(n);return t||(t=new Map,e.set(n,t),t)}var Fo=class n{designerCanvas;designItemsWithExtentions=new Set;_timeout;_appliedDesignerExtensions=new WeakMap;_shouldAppliedDesignerExtensions=new WeakMap;_lastApplyEventPerType=new WeakMap;_lastPrimarySelectionRefreshItem;constructor(e){td(),this.designerCanvas=e,e.instanceServiceContainer.selectionService.onSelectionChanged.on(this._selectedElementsChanged.bind(this)),e.instanceServiceContainer.selectionService.onSelectionRefresh.on(this._selectedElementsRefresh.bind(this)),e.instanceServiceContainer.contentService.onContentChanged.on(this._contentChanged.bind(this)),e.serviceContainer.globalContext.onToolChanged.on(()=>{this.removeExtension(e.instanceServiceContainer.selectionService.primarySelection,C.PrimarySelectionRefreshed),this._lastPrimarySelectionRefreshItem=null})}connected(){this._timeout||(this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20))}disconnected(){this._timeout&&clearTimeout(this._timeout),this._timeout=null}refreshAllExtensionsTimeout(){this.refreshAllAppliedExtentions(),this._timeout=setTimeout(()=>this.refreshAllExtensionsTimeout(),20)}_contentChanged(e){requestAnimationFrame(()=>{switch(e.changeType){case"added":this.applyExtensions(e.designItems,C.Permanent,null,!0);break;case"moved":this.refreshExtensions(e.designItems,C.Permanent);break;case"parsed":this.applyExtensions(Array.from(this.designerCanvas.rootDesignItem.children()),C.Permanent,null,!0);break;case"removed":this.removeExtensions(e.designItems,!0,C.Permanent);break}})}_selectedElementsChanged(e){if(this._lastPrimarySelectionRefreshItem=null,e.oldSelectedElements&&e.oldSelectedElements.length&&(this.removeExtension(e.oldSelectedElements[0],C.PrimarySelectionRefreshed),this.removeExtension(e.oldSelectedElements[0],C.PrimarySelection),this.removeExtension(e.oldSelectedElements[0],C.PrimarySelectionAndCanBeEntered),this.removeExtension(e.oldSelectedElements[0],C.OnlyOneItemSelected),this.removeExtensions(e.oldSelectedElements,!1,C.Selection),this.removeExtensions(e.oldSelectedElements,!1,C.MultipleItemsSelected),e.oldSelectedElements[0].parent)){let t=M.GetOrCreateDesignItem(e.oldSelectedElements[0].parent.element,e.oldSelectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.removeExtension(t,C.PrimarySelectionContainer),this.removeExtension(t,C.PrimarySelectionContainerAndCanBeEntered)}if(e.selectedElements&&e.selectedElements.length&&(this.applyExtensions(e.selectedElements,C.Selection,e.event),this.applyExtension(e.selectedElements[0],C.PrimarySelection,e.event),e.selectedElements.length===1?this.applyExtension(e.selectedElements[0],C.OnlyOneItemSelected,e.event):e.selectedElements.length>1&&this.applyExtension(e.selectedElements[0],C.MultipleItemsSelected,e.event),e.selectedElements[0].getPlacementService()?.isEnterableContainer(e.selectedElements[0])&&this.applyExtension(e.selectedElements[0],C.PrimarySelectionAndCanBeEntered,e.event),e.selectedElements[0].parent)){let t=M.GetOrCreateDesignItem(e.selectedElements[0].parent.element,e.selectedElements[0].parent.element,this.designerCanvas.serviceContainer,this.designerCanvas.instanceServiceContainer);this.applyExtension(t,C.PrimarySelectionContainer,e.event),t.getPlacementService()?.isEnterableContainer(t)&&this.applyExtension(t,C.PrimarySelectionContainerAndCanBeEntered,e.event)}}_selectedElementsRefresh(e){this.refreshAllAppliedExtentions(e.event),e.selectedElements&&e.selectedElements.length&&this._lastPrimarySelectionRefreshItem?.deref()===e.selectedElements[0]&&(this._appliedDesignerExtensions.get(e.selectedElements[0])?.get(C.PrimarySelectionRefreshed)||this.applyExtension(e.selectedElements[0],C.PrimarySelectionRefreshed,e.event)),this._lastPrimarySelectionRefreshItem=new WeakRef(e.selectedElements[0])}applyExtension(e,t,i,r=!1){if(e&&e.nodeType==I.Element){let s=this.designerCanvas.serviceContainer.designerExtensions.get(t),o=[];if(s){let a={};Ft();for(let l of s){let c=B(e,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(l),B(e,this._shouldAppliedDesignerExtensions).set(t,c),l.shouldExtend(this,this.designerCanvas,e)){let h=B(e,this._appliedDesignerExtensions).get(t);h||(h=[]);let d=l.getExtension(this,this.designerCanvas,e);try{d.extend(a,i),o.push(d),i?B(e,this._lastApplyEventPerType).set(t,i):B(e,this._lastApplyEventPerType).delete(t)}catch(p){console.error(p)}h.push(d),B(e,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(e)}}}if(r)for(let a of e.children())this.applyExtension(a,t,i,r);return o}return null}applyExtensions(e,t,i,r=!1){if(this.designerCanvas.overlayLayer.startBatch(),e){let s=this.designerCanvas.serviceContainer.designerExtensions.get(t);if(s){let o={};Ft();for(let a of s)for(let l of e){let c=B(l,this._shouldAppliedDesignerExtensions).get(t);if(c||(c=[]),c.push(a),B(l,this._shouldAppliedDesignerExtensions).set(t,c),a.shouldExtend(this,this.designerCanvas,l)){let h=B(l,this._appliedDesignerExtensions).get(t);h||(h=[]);let d=a.getExtension(this,this.designerCanvas,l);try{d.extend(o,i),i?B(l,this._lastApplyEventPerType).set(t,i):B(l,this._lastApplyEventPerType).delete(t)}catch(p){console.error(p)}h.push(d),B(l,this._appliedDesignerExtensions).set(t,h),this.designItemsWithExtentions.add(l)}}}if(r)for(let o of e)this.applyExtensions(Array.from(o.children()),t,i,r)}this.designerCanvas.overlayLayer.endBatch()}applyExtensionInstance(e,t){let i=B(e,this._appliedDesignerExtensions).get(C.Directly);i||(i=[]);try{t.extend(null,null)}catch(r){console.error(r)}i.push(t),B(e,this._appliedDesignerExtensions).set(C.Directly,i),this.designItemsWithExtentions.add(e)}removeExtensionInstance(e,t){for(let i of B(e,this._appliedDesignerExtensions)){let r=i[1].indexOf(t);if(r>=0){try{t.dispose()}catch(s){console.error(s)}i[1].splice(r,1),i[1].length==0&&(B(e,this._appliedDesignerExtensions).delete(i[0]),B(e,this._shouldAppliedDesignerExtensions).delete(i[0])),B(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}}removeExtension(e,t){if(e)if(t){B(e,this._shouldAppliedDesignerExtensions).delete(t);let i=B(e,this._appliedDesignerExtensions).get(t);if(i){for(let r of i)try{r.dispose(),B(e,this._lastApplyEventPerType).delete(t)}catch(s){console.error(s)}B(e,this._appliedDesignerExtensions).delete(t),B(e,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(e)}}else{B(e,this._shouldAppliedDesignerExtensions).clear();for(let i of B(e,this._appliedDesignerExtensions))for(let r of i[1])try{r.dispose()}catch(s){console.error(s)}B(e,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(e)}}removeExtensions(e,t,i){if(e)if(i)for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),B(r,this._shouldAppliedDesignerExtensions).delete(i);let s=B(r,this._appliedDesignerExtensions).get(i);if(s){for(let o of s)try{o.dispose(),B(r,this._lastApplyEventPerType).delete(i)}catch(a){console.error(a)}B(r,this._appliedDesignerExtensions).delete(i),B(r,this._appliedDesignerExtensions).size||this.designItemsWithExtentions.delete(r)}}else for(let r of e){t&&r.hasChildren&&this.removeExtensions([...r.children()],!0,i),B(r,this._shouldAppliedDesignerExtensions).clear();for(let s of B(r,this._appliedDesignerExtensions))for(let o of s[1])try{o.dispose()}catch(a){console.error(a)}B(r,this._appliedDesignerExtensions).clear(),this.designItemsWithExtentions.delete(r)}}refreshExtension(e,t,i){if(!(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())&&e)if(t)if(!e.element.isConnected)this.removeExtension(e,t);else{let r=B(e,this._appliedDesignerExtensions).get(t);if(r){let s={};Ft();for(let o of r)try{o.refresh(s,i),i&&B(e,this._lastApplyEventPerType).set(t,i)}catch(a){console.error(a)}}}else{let r={};Ft();for(let s of B(e,this._appliedDesignerExtensions))for(let o of s[1])try{o.refresh(r,i)}catch(a){console.error(a)}}}refreshExtensions(e,t,i,r,s){if(this.designerCanvas.checkVisibility&&!this.designerCanvas.checkVisibility())return;this.designerCanvas.overlayLayer.startBatch();let o=performance.now();if(e)if(t){let a={};Ft();e:for(let l of e)if(!l.element.isConnected)this.removeExtension(l,t);else{let c=B(l,this._appliedDesignerExtensions).get(t);if(c)for(let h of c)try{if(h!=r&&h.refresh(a,i),s&&performance.now()-o>s){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(d){console.error(d)}}}else{let a={};Ft();e:for(let l of e)for(let c of B(l,this._appliedDesignerExtensions))for(let h of c[1])try{if(h!=r&&(h.refresh(a,i),i&&B(l,this._lastApplyEventPerType).set(t,i),s&&performance.now()-o>s)){console.warn("refreshExtensions() took too long, stopped refreshing");break e}}catch(d){console.error(d)}}this.designerCanvas.overlayLayer.endBatch()}refreshAllExtensions(e,t,i){this.designerCanvas.overlayLayer.startBatch(),e&&(this.refreshExtensions(e,C.Directly,i,t),this.refreshExtensions(e,C.Permanent,i,t),this.refreshExtensions(e,C.Selection,i,t),this.refreshExtensions(e,C.PrimarySelection,i,t),this.refreshExtensions(e,C.PrimarySelectionContainer,i,t),this.refreshExtensions(e,C.MouseOver,i,t),this.refreshExtensions(e,C.OnlyOneItemSelected,i,t),this.refreshExtensions(e,C.MultipleItemsSelected,i,t),this.refreshExtensions(e,C.ContainerDragOverAndCanBeEntered,i,t),this.refreshExtensions(e,C.ContainerDrag,i,t),this.refreshExtensions(e,C.Doubleclick,i,t),this.refreshExtensions(e,C.Placement,i,t),this.refreshExtensions(e,C.PrimarySelectionAndCanBeEntered,i,t),this.refreshExtensions(e,C.PrimarySelectionContainerAndCanBeEntered,i,t)),this.designerCanvas.overlayLayer.endBatch()}refreshAllAppliedExtentions(e){this.designerCanvas.fillCalculationrects(),this.refreshAllExtensions([...this.designItemsWithExtentions],null,e)}reapplyAllAppliedExtentions(e,t){this.designerCanvas.overlayLayer.startBatch();for(let i of n.getAllChildElements(this.designerCanvas.rootDesignItem))if(!e||e.includes(i)){let r=[...B(i,this._shouldAppliedDesignerExtensions).keys()];for(let s of r){let o=B(i,this._lastApplyEventPerType).get(s);this.removeExtension(i,s),(t==null||t.includes(s))&&this.applyExtension(i,s,o)}}this.designerCanvas.overlayLayer.endBatch()}static*getAllChildElements(e){if(e.nodeType==I.Element&&(yield e),e.hasChildren)for(let t of e.children())for(let i of n.getAllChildElements(t))yield i}};at();_o();be();J();import{css as Au,html as Pu,BaseCustomWebComponentConstructorAppend as Iu}from"@node-projects/base-custom-webcomponent";var wi=class n extends Iu{static template=Pu`<svg id="svg" style="pointer-events:none"><defs id="defs"></defs><g id="background"></g><g id="normal"></g><g id="foreground"></g></svg>`;static style=Au`svg{width:100%;height:100%;overflow:visible}.svg-invisible{stroke:transparent;fill:transparent;pointer-events:auto}.svg-snapline{stroke:purple;stroke-dasharray:4;fill:transparent}.svg-selector{stroke:#000;fill:#3899ec55;stroke-width:1;stroke-dasharray:2}.svg-primary-selection-move{stroke:#3899ec;fill:#3899ec;cursor:move;pointer-events:auto}.svg-position{stroke:#000;stroke-dasharray:2}.svg-path{stroke:#3899ec;fill:orange;pointer-events:auto}.svg-path-line{stroke:#3899ec;stroke-dasharray:2}.svg-draw-new-element{stroke:#000;fill:transparent;stroke-width:1}.svg-toolbar-container{overflow:visible}.svg-toolbar-container>div{padding:5px;display:flex;gap:2px;background:#fff;border-radius:4px;box-shadow:0 2px 10px 0 rgba(19,23,32,.2);align-items:center}node-projects-image-button-list-selector img{height:16px;border:1px solid #000;border-radius:4px;box-sizing:border-box;pointer-events:auto;cursor:pointer}node-projects-image-button-list-selector img:hover{background:#d3d3d3}node-projects-image-button-list-selector img:active{translate:1px 1px}`;static is="node-projects-overlay-layer-view";_serviceContainer;_svg;_gBackground;_gNormal;_gForeground;_defs;_id=0;constructor(e){super(),this._serviceContainer=e,this._svg=this._getDomElement("svg"),this._gBackground=this._getDomElement("background"),this._gNormal=this._getDomElement("normal"),this._gForeground=this._getDomElement("foreground"),this._defs=this._getDomElement("defs"),this._initialize()}_initialize(){let e=[n.style],t=new Set;for(let i of this._serviceContainer.designerExtensions)for(let r of i[1]){if(r.constructor.style)if(Array.isArray(r.constructor.style))for(let s of r.constructor.style)t.has(s)||(t.add(s),e.push(s));else t.has(r.constructor.style)||(t.add(r.constructor.style),e.push(r.constructor.style));if(r.style)if(Array.isArray(r.style))for(let s of r.style)t.has(s)||(t.add(s),e.push(s));else t.has(r.style)||(t.add(r.style),e.push(r.style));if(r.svgDefs){if(Array.isArray(r.svgDefs)){for(let s of r.svgDefs)if(!t.has(s)){t.add(s);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=s;for(let a of[...o.children])this._defs.appendChild(a)}}else if(!t.has(r.svgDefs)){t.add(r.svgDefs);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=r.svgDefs;for(let o of[...s.children])this._defs.appendChild(o)}}if(r.constructor.svgDefs){if(Array.isArray(r.constructor.svgDefs)){for(let s of r.constructor.svgDefs)if(!t.has(s)){t.add(s);let o=document.createElementNS("http://www.w3.org/2000/svg","defs");o.innerHTML=s;for(let a of[...o.children])this._defs.appendChild(a)}}else if(!t.has(r.constructor.svgDefs)){t.add(r.constructor.svgDefs);let s=document.createElementNS("http://www.w3.org/2000/svg","defs");s.innerHTML=r.constructor.svgDefs;for(let o of[...s.children])this._defs.appendChild(o)}}}for(let i of this._serviceContainer.designerPointerExtensions)if(i.style&&(t.has(i.style)||(t.add(i.style),e.push(i.style))),i.svgDefs&&!t.has(i.svgDefs)){t.add(i.svgDefs);let r=document.createElementNS("http://www.w3.org/2000/svg","defs");r.innerHTML=i.svgDefs;for(let s of[...r.children])this._defs.appendChild(s)}if(this._serviceContainer.overlayLayerViewAdditionalStyles)for(let i of this._serviceContainer.overlayLayerViewAdditionalStyles)t.has(i)||(t.add(i),e.push(i));this.shadowRoot.adoptedStyleSheets=e}backgroundFragment;foregroundFragment;normalFragment;batchCount=0;startBatch(){this.batchCount==0&&(this.backgroundFragment=document.createDocumentFragment(),this.foregroundFragment=document.createDocumentFragment(),this.normalFragment=document.createDocumentFragment()),this.batchCount++}endBatch(){this.batchCount--,this.batchCount==0&&(this.backgroundFragment.hasChildNodes&&this._gBackground.appendChild(this.backgroundFragment),this.foregroundFragment.hasChildNodes&&this._gForeground.appendChild(this.foregroundFragment),this.normalFragment.hasChildNodes&&this._gNormal.appendChild(this.normalFragment),this.backgroundFragment=null,this.foregroundFragment=null,this.normalFragment=null)}addOverlay(e,t,i=D.Normal){switch(t.setAttribute("overlay-source",e),i){case D.Background:this.backgroundFragment?this.backgroundFragment.appendChild(t):this._gBackground.appendChild(t);break;case D.Foreground:this.foregroundFragment?this.foregroundFragment.appendChild(t):this._gForeground.appendChild(t);break;default:this.normalFragment?this.normalFragment.appendChild(t):this._gNormal.appendChild(t);break}}removeOverlay(e){try{e?.parentElement?.removeChild(e)}catch(t){console.error(t)}}removeAllNodesWithClass(e){let t=this._svg.querySelectorAll("."+e);for(let i of t)i.parentNode.removeChild(i)}removeAllOverlays(){let e=this._svg.querySelectorAll("svg > g > *");for(let t of e)t.parentNode.removeChild(t)}createPoint(){return this._svg.createSVGPoint()}drawGroup(e,t,i,r){return i||(i=document.createElementNS("http://www.w3.org/2000/svg","g"),this.addOverlay(e,i,r)),t&&i.setAttribute("class",t),i}drawLine(e,t,i,r,s,o,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","line"),this.addOverlay(e,a,l)),a.setAttribute("x1",t),a.setAttribute("y1",i),a.setAttribute("x2",r),a.setAttribute("y2",s),o&&a.setAttribute("class",o),a}drawCircle(e,t,i,r,s,o,a){return o||(o=document.createElementNS("http://www.w3.org/2000/svg","circle"),this.addOverlay(e,o,a)),o.setAttribute("cx",t),o.setAttribute("cy",i),o.setAttribute("r",r),s&&o.setAttribute("class",s),o}drawRect(e,t,i,r,s,o,a,l){return a||(a=document.createElementNS("http://www.w3.org/2000/svg","rect"),this.addOverlay(e,a,l)),a.setAttribute("x",t),a.setAttribute("y",i),a.setAttribute("width",r),a.setAttribute("height",s),o&&a.setAttribute("class",o),a}drawPath(e,t,i,r,s){return r||(r=document.createElementNS("http://www.w3.org/2000/svg","path"),this.addOverlay(e,r,s)),r.setAttribute("d",t),i&&r.setAttribute("class",i),r}drawText(e,t,i,r,s,o,a){return o||(o=document.createElementNS("http://www.w3.org/2000/svg","text"),this.addOverlay(e,o,a)),o.setAttribute("x",i),o.setAttribute("y",r),o.textContent=t,s&&o.setAttribute("class",s),o}drawHTML(e,t,i,r,s,o,a,l,c){return l||(l=document.createElementNS("http://www.w3.org/2000/svg","foreignObject"),this.addOverlay(e,l,c)),l.setAttribute("x",i),l.setAttribute("y",r),l.setAttribute("width",s),l.setAttribute("height",o),typeof t=="string"?l.innerHTML=t:l.appendChild(t),a&&l.setAttribute("class",a),l}drawTextWithBackground(e,t,i,r,s,o,a,l){if(!a){let c=document.createElementNS("http://www.w3.org/2000/svg","filter");c.setAttribute("x","0"),c.setAttribute("y","0"),c.setAttribute("width","1"),c.setAttribute("height","1"),c.setAttribute("id","solid_"+ ++this._id);let h=document.createElementNS("http://www.w3.org/2000/svg","feFlood");h.setAttribute("flood-color",s),c.appendChild(h);let d=document.createElementNS("http://www.w3.org/2000/svg","feComposite");d.setAttribute("in","SourceGraphic"),d.setAttribute("operator","xor"),c.appendChild(d),this._defs.appendChild(c);let p=document.createElementNS("http://www.w3.org/2000/svg","text");p.setAttribute("filter","url(#solid_"+this._id+")");let f=document.createElementNS("http://www.w3.org/2000/svg","text");this.addOverlay(e,p,l),this.addOverlay(e,f,l),c.setAttribute("overlay-source",e),h.setAttribute("overlay-source",e),a=[c,h,p,f]}return a[2].setAttribute("x",i),a[3].setAttribute("x",i),a[2].setAttribute("y",r),a[3].setAttribute("y",r),a[2].textContent=t,a[3].textContent=t,o&&(a[2].setAttribute("class",o),a[3].setAttribute("class",o)),a}};customElements.define(wi.is,wi);xt();Q();Pe();function qd(n,e){let t=new n.CSSStyleSheet;return t.replaceSync(e),t}zt();Fe();oe();var Ou=Tu`*{animation-play-state:paused!important}`,Ci=class extends ku{serviceContainer;instanceServiceContainer;containerBoundingRect;outerRect;clickOverlay;_activeTool;_gridSize=10;get gridSize(){return this._gridSize}set gridSize(e){this._gridSize=e;let t=document.createElement("canvas"),i=t.getContext("2d");t.width=e*2,t.height=e*2;let r=e;for(let o=0;o<t.width;o+=r)for(let a=0;a<t.height;a+=r)i.fillStyle=(o+a)%(r*2)===0?"#e5e5e5":"white",i.fillRect(o,a,r,r);let s=t.toDataURL();this._backgroundImage="url("+s+")",this._canvas.style.backgroundImage!="none"&&(this._canvas.style.backgroundImage=this._backgroundImage)}pasteOffset=10;alignOnGrid=!1;alignOnSnap=!0;snapLines;overlayLayer;rootDesignItem;_currentPasteOffset=this.pasteOffset;_zoomFactor=1;_scaleFactor=1;_canvasOffset={x:0,y:0};_additionalStyle;_backgroundImage;_enableSelectTextNodesOnClick=!1;_moveGroup;_touchGestureHelper;get zoomFactor(){return this._zoomFactor}set zoomFactor(e){this._zoomFactor=e,this._zoomFactorChanged()}get scaleFactor(){return this._scaleFactor}get canvasOffset(){return this._canvasOffset}set canvasOffset(e){this._canvasOffset=e,this._zoomFactorChanged()}get canvasOffsetUnzoomed(){return{x:this._canvasOffset.x*this.zoomFactor,y:this._canvasOffset.y*this.zoomFactor}}set canvasOffsetUnzoomed(e){this.canvasOffset={x:e.x/this.zoomFactor,y:e.y/this.zoomFactor}}_pauseAnimations;get pauseAnimations(){return this._pauseAnimations}set pauseAnimations(e){this._pauseAnimations=e,this.applyAllStyles()}get containerOffset(){return this._useIframe?this._outercanvas2.getBoundingClientRect():{x:0,y:0}}raiseDesignItemsChanged(e,t,i){this.designItemsChanged&&this.designItemsChanged(e,t,i)}designItemsChanged;onContentChanged=new Qd;onZoomFactorChanged=new Qd;get canvas(){return this._canvas}get outercanvas2(){return this._outercanvas2}_canvas;_canvasShadowRoot;_canvasContainer;_outercanvas2;_lastHoverDesignItem;_firstConnect;static style=Du`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}*{touch-action:none}#node-projects-designer-canvas-canvasContainer{background:var(--node-projects-web-component-designer-background,border-box fixed 0 0 repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAFXmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QmFja2dyb3VuZGdyaWRfMTBweDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTEyLTA4VDA5OjE1OjQ4KzAxOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4fvgn+AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GjRhRLCiLl7BCftTExmLkV2ExnvJr8+bNvBk1b+b13kiyVbaKEhu/FvwFbJW1UkRKlrImNug5b2ZqJplzO/d87vfec7r3XPCpSd10KnrATGXs8FhImZtfUPwvBKjCTx/Nmu5YUzOjKiXt854yL952ebVKn/vXaqIxR4eyKuEh3bIzwuPCk6sZy+Md4UY9oUWFz4Q7bbmg8J2nR3L86nE8x98e22p4GHz1wkq8iCNFrCdsU1heTpuZXNHz9/FeEoilZmcktoq34BBmjBAKE4wwTJBeBmUO0iX96ZYVJfJ7svnTpCVXl9liDZtl4iTI0CnqilSPSTREj8lIsub1/29fHaO/L1c9EILKZ9d9bwf/Nvxsue7Xkev+HEP5E1ymCvnpQxj4EH2roLUdQN0GnF8VtMguXGxC06Ol2VpWKhf3GQa8nULtPDTcQPVirmf5fU4eQF2Xr7qGvX3okPN1S790cWfsRnax1QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAC9JREFUOI1jfPr0KQNuICUlhUeWCY8cQTCqeWRoZvz//z8e6WfPntHK5lHNI0MzAMChCNMTuPcnAAAAAElFTkSuQmCC))}#node-projects-designer-canvas-canvas{image-rendering:pixelated;box-sizing:border-box;width:100%;height:100%;transform-origin:0 0;position:absolute}#node-projects-designer-canvas-canvas.dragFileActive{outline:#00f 4px solid;outline-offset:-4px}node-projects-overlay-layer-view{box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:visible;user-select:none;-webkit-user-select:none;z-index:999999999999}#node-projects-designer-canvas-canvas *{cursor:pointer;user-select:none;-webkit-user-select:none}#node-projects-designer-canvas-canvas iframe{cursor:pointer;user-select:none;-webkit-user-select:none;border:none;width:100%;height:100%}#node-projects-designer-canvas-clickOverlay{position:absolute;width:100%;height:100%;top:0}#node-projects-designer-canvas-helper-element{height:0;width:0}#node-projects-designer-search-container{position:absolute;display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-content:left;gap:8px;width:auto;right:10px;top:0;background:#f2f2f2;padding:5px 6px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#node-projects-designer-search-container>#node-projects-designer-search-bar{border:1px solid #000;padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;background-color:#fff;padding:1px 2px}#node-projects-designer-search-container>div>input{height:20px;padding-left:6px;font-size:13px;border:none;outline:0}#node-projects-designer-search-container>div>#node-projects-designer-search-start{height:22px;border:none;background-color:#fff;font-size:13px}#node-projects-designer-search-container>div>#node-projects-designer-search-start:hover{background-color:#d3d3d3;transition:.9s;border-radius:2px}#node-projects-designer-search-container>#node-projects-designer-search-close{position:relative;width:20px;height:20px;border:none;background-color:transparent}#node-projects-designer-search-container>span{font-family:sans-serif;font-size:12px}#node-projects-designer-search-container>#node-projects-designer-search-close::after,#node-projects-designer-search-container>#node-projects-designer-search-close::before{content:"";position:absolute;top:50%;left:50%;width:60%;background-color:#000;height:1px}#node-projects-designer-search-container>#node-projects-designer-search-close::before{transform:translate(-50%,-50%) rotate(45deg)}#node-projects-designer-search-container>#node-projects-designer-search-close::after{transform:translate(-50%,-50%) rotate(-45deg)}`;static template=Mu`<div style="display:flex;flex-direction:column;width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div style="width:100%;height:100%;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-outercanvas2" style="width:100%;height:100%;position:relative;margin:0!important;padding:0!important;border:none!important;isolation:isolate!important"><div id="node-projects-designer-canvas-canvasContainer" style="width:100%;height:100%;position:absolute;top:0;left:0;user-select:none;margin:0!important;padding:0!important;border:none!important"><div id="node-projects-designer-canvas-canvas" part="canvas"></div></div></div><div id="node-projects-designer-canvas-clickOverlay" tabindex="0" style="pointer-events:auto;margin:0!important;padding:0!important;border:none!important"></div></div><div id="node-projects-designer-search-container" style="display:none"><div id="node-projects-designer-search-bar"><input id="node-projects-designer-search-input"> <button id="node-projects-designer-search-start">↓</button></div><span id="node-projects-designer-search-result">0 selected</span> <button id="node-projects-designer-search-close"></button></div></div>`;extensionManager;_pointerextensions;_lastCopiedPrimaryItem;_ignoreEvent;_useIframe=!0;_iframe;_window;_resizeObserver;iframes;#e=!1;get readOnly(){return this.#e}set readOnly(e){this.#e=e}constructor(e=!1){super(),this._restoreCachedInititalValues(),qa(),this._useIframe=e,this._canvas=this._getDomElement("node-projects-designer-canvas-canvas"),this._useIframe?(this._iframe=document.createElement("iframe"),this._iframe.setAttribute("sandbox","allow-same-origin"),this._iframe.setAttribute("scrolling","no"),this.iframes=[this._iframe],this._canvas.appendChild(this._iframe),requestAnimationFrame(()=>{this._window=this._iframe.contentWindow,qa(this._iframe.contentWindow),this._canvasShadowRoot=this._iframe.contentWindow.document})):(this._window=window,this._canvasShadowRoot=this._canvas.attachShadow({mode:"open"})),this._canvasContainer=this._getDomElement("node-projects-designer-canvas-canvasContainer"),this._outercanvas2=this._getDomElement("node-projects-designer-canvas-outercanvas2"),this.clickOverlay=this._getDomElement("node-projects-designer-canvas-clickOverlay"),this.onKeyDown=this.onKeyDown.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this._onDblClick=this._onDblClick.bind(this),this._pointerEventHandler=this._pointerEventHandler.bind(this),this._onWheel=this._onWheel.bind(this),this._getDomElement("node-projects-designer-search-close").onclick=()=>this._searchHideOverlay(),this._getDomElement("node-projects-designer-search-start").onclick=()=>this._searchRun(),this._getDomElement("node-projects-designer-search-container").onkeydown=t=>{t.key==="Enter"&&this._searchRun()},this.clickOverlay.oncontextmenu=t=>t.preventDefault(),this._resizeObserver=new ResizeObserver(()=>{this.extensionManager.refreshAllAppliedExtentions()}),this._resizeObserver.observe(this)}get designerWidth(){return this._canvasContainer.style.width}set designerWidth(e){this._canvasContainer.style.width=e,this._zoomFactorChanged()}get designerHeight(){return this._canvasContainer.style.height}set designerHeight(e){this._canvasContainer.style.height=e,this._zoomFactorChanged()}get designerPixelSize(){return{width:this._canvasContainer.offsetWidth,height:this._canvasContainer.offsetHeight}}getDesignSurfaceDimensions(){let e={width:null,height:null},t=getComputedStyle(this._canvasContainer);return this._canvasContainer.style.width&&(e.width=parseFloat(t.width)),this._canvasContainer.style.height&&(e.height=parseFloat(t.height)),e}get designerOffsetWidth(){return this._canvasContainer.offsetWidth}get designerOffsetHeight(){return this._canvasContainer.offsetHeight}set additionalStyles(e){this._additionalStyle=e,this.applyAllStyles()}get additionalStyles(){return this._additionalStyle}applyAllStyles(){if(this._window){let e=[];this._additionalStyle&&e.push(...this._additionalStyle),this.instanceServiceContainer.stylesheetService&&e.push(...this.instanceServiceContainer.stylesheetService.getStylesheets().map(t=>qd(this._window,To.patchStylesheetSelectorForDesigner(t.content)))),this._pauseAnimations&&e.push(Ou),this._useIframe?this._iframe.contentWindow.document.adoptedStyleSheets=e:this._canvasShadowRoot.adoptedStyleSheets=e}else requestAnimationFrame(()=>this.applyAllStyles())}ignoreEvent(e){this._ignoreEvent=e}canExecuteCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements,r=t.canExecuteCommand(this,e,i);if(r!==null)return r}return e.type===E.screenshot?!0:e.type===E.undo?this.instanceServiceContainer.undoService.canUndo():e.type===E.redo?this.instanceServiceContainer.undoService.canRedo():e.type===E.setTool?this.serviceContainer.designerTools.has(e.parameter):e.type===E.paste?!0:e.type===E.copy||e.type===E.cut||e.type===E.delete?this.instanceServiceContainer.selectionService.primarySelection!=null&&!this.instanceServiceContainer.selectionService.primarySelection.isRootItem:!1}async executeCommand(e){let t=this.serviceContainer.modelCommandService;if(t){let i=this.instanceServiceContainer.selectionService.selectedElements;if(await t.executeCommand(this,e,i)!=null){this.instanceServiceContainer.selectionService.setSelectedElements(null),this.instanceServiceContainer.selectionService.setSelectedElements(i);return}}switch(e.type){case E.screenshot:{Gt.screenshotsEnabled||alert("you need to select current tab in next browser dialog, or screenshots will not work correctly");let a=this.instanceServiceContainer.selectionService.selectedElements;a?.length||(a=[...this.rootDesignItem.children(!0)]);let l=await this.serviceContainer.pngCreatorService.takePng(a,{removeSelection:!0});await Vh(new Blob([new Uint8Array(l)],{type:"image/png"}),"screenshot.png")}break;case E.setTool:this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(e.parameter),this.extensionManager.reapplyAllAppliedExtentions();break;case E.setStrokeColor:this.serviceContainer.globalContext.strokeColor=e.parameter;break;case E.setFillBrush:this.serviceContainer.globalContext.fillBrush=e.parameter;break;case E.setStrokeThickness:this.serviceContainer.globalContext.strokeThickness=e.parameter;break;case E.delete:this.handleDeleteCommand();break;case E.undo:this.instanceServiceContainer.undoService.undo();break;case E.holdUndo:let i=this.instanceServiceContainer.undoService.getUndoEntryNames(20),r=Array.from(i).map((a,l)=>({title:"undo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.undo()}}));r.length>0&&ye.show(r,e.event,{mode:"undo"});break;case E.redo:this.instanceServiceContainer.undoService.redo();break;case E.holdRedo:let s=this.instanceServiceContainer.undoService.getRedoEntryNames(20),o=Array.from(s).map((a,l)=>({title:"redo: "+a,action:()=>{for(let c=0;c<=l;c++)this.instanceServiceContainer.undoService.redo()}}));o.length>0&&ye.show(o,e.event,{mode:"undo"});break;case E.copy:this.handleCopyCommand();break;case E.cut:this.handleCopyCommand(),this.handleDeleteCommand();break;case E.paste:this.handlePasteCommand(e.altKey==!0);break;case E.selectAll:this.handleSelectAll();break}}disableBackgroud(){this._canvasContainer.style.background="var(--node-projects-web-component-designer-screenshot-background, white)"}enableBackground(){this._canvasContainer.style.background=""}zoomToFit(){let t=0,i=0,r=0,s=0;this.canvasOffset={x:0,y:0},this.zoomFactor=1;for(let d of this.rootDesignItem.querySelectorAll("*"))if(d instanceof(d.ownerDocument.defaultView??window).Element){let p=G(d);r=r<p.x?r:p.x,s=s<p.y?s:p.y,t=t>p.x+p.width+10?t:p.x+p.width+10,i=i>p.y+p.height+10?i:p.y+p.height+10}let o=this.getBoundingClientRect();t-=o.x,i-=o.y;let a=o.width/(t/this.zoomFactor),l=o.height/(i/this.zoomFactor),c=this.getDesignSurfaceDimensions();c.width&&(a=o.width/c.width),c.height&&(l=o.height/c.height);let h=a<l?a:l;isNaN(h)||(this.zoomFactor=h)}handleSelectAll(){let e=Array.from(this.rootDesignItem.children(!0)).filter(i=>!i.isEmptyTextNode),t=this.instanceServiceContainer.selectionService.primarySelection;if(t){let i=e.indexOf(t);i>=0&&(e.splice(i,1),e.unshift(t))}this.instanceServiceContainer.selectionService.setSelectedElements(e)}async handleCopyCommand(){this._currentPasteOffset=this.pasteOffset,this._lastCopiedPrimaryItem=this.instanceServiceContainer.selectionService.primarySelection,await this.serviceContainer.copyPasteService.copyItems(this.instanceServiceContainer.selectionService.selectedElements)}async handlePasteCommand(e){let[t,i]=await this.serviceContainer.copyPasteService.getPasteItems(this.serviceContainer,this.instanceServiceContainer),r=this.rootDesignItem.openGroup("Insert"),s=this._lastCopiedPrimaryItem,o=this._currentPasteOffset+this.pasteOffset,a=this.rootDesignItem,l=s?.parent??this.instanceServiceContainer.selectionService.primarySelection;for(;l!=null;){let c=getComputedStyle(l.element),h;if(h=this.serviceContainer.getLastServiceWhere("containerService",d=>d.serviceForContainer(l,c)),h)if(h.canEnter(l,t)){a=l;break}else{l=l.parent;continue}}if(t){let c=this.getNormalizedElementCoordinates(a.element);for(let d=0;d<t.length;d++){let p=t[d],f=i?i[d]:null;this.instanceServiceContainer.undoService.execute(new fe(a,a.childCount,p)),!e&&f&&p.nodeType==I.Element&&(p.setStyle("left",f.x-c.x+this._currentPasteOffset+"px"),p.setStyle("top",f.y-c.y+this._currentPasteOffset+"px"))}let h=this.serviceContainer.intializationService;if(h)for(let d of t)h.init(d);this.instanceServiceContainer.selectionService.setSelectedElements(t)}r.commit(),this.snapLines.clearSnaplines(),this._lastCopiedPrimaryItem=s,this._currentPasteOffset=o}handleDeleteCommand(){let e=this.instanceServiceContainer.selectionService.selectedElements;this.serviceContainer.deletionService.removeItems(e),this.instanceServiceContainer.selectionService.setSelectedElements(null)}initialize(e){this.serviceContainer=e,this.instanceServiceContainer=new No(this);let t=this.serviceContainer.getLastService("undoService");t&&this.instanceServiceContainer.register("undoService",t(this));let i=this.serviceContainer.getLastService("selectionService");i&&(this.instanceServiceContainer.register("selectionService",i(this)),this.instanceServiceContainer.selectionService.onSelectionChanged.on(()=>{this._lastCopiedPrimaryItem=null,this._currentPasteOffset=this.pasteOffset}));let r=this.serviceContainer.getLastService("designItemDocumentPositionService");r&&this.instanceServiceContainer.register("designItemDocumentPositionService",r(this)),this._useIframe?(this.rootDesignItem=M.GetOrCreateDesignItem(this._iframe,this._iframe,this.serviceContainer,this.instanceServiceContainer),requestAnimationFrame(()=>{this.rootDesignItem.updateChildrenFromNodesChildren()})):this.rootDesignItem=M.GetOrCreateDesignItem(this._canvas,this._canvas,this.serviceContainer,this.instanceServiceContainer);let s=this.serviceContainer.getLastService("contentService");s&&this.instanceServiceContainer.register("contentService",s(this));let o=this.serviceContainer.getLastService("stylesheetService");if(o){let a=o(this);this.instanceServiceContainer.register("stylesheetService",a),this.instanceServiceContainer.stylesheetService.stylesheetChanged.on(l=>{if(l.changeSource!="undo"){let c=new Mo(this.instanceServiceContainer.stylesheetService,l.name,l.newStyle,l.oldStyle);this.instanceServiceContainer.undoService.execute(c),this.applyAllStyles()}else this.applyAllStyles()}),this.instanceServiceContainer.stylesheetService.stylesheetsChanged.on(()=>{this.applyAllStyles()})}if(e.instanceServiceContainerCreatedCallbacks?.length&&e.instanceServiceContainerCreatedCallbacks.forEach(a=>a(this.instanceServiceContainer)),this.extensionManager=new Fo(this),this.overlayLayer=new wi(e),this.overlayLayer.style.pointerEvents="none",this.overlayLayer.style.setProperty("margin","0","important"),this.overlayLayer.style.setProperty("padding","0","important"),this.overlayLayer.style.setProperty("border","none","important"),this.clickOverlay.appendChild(this.overlayLayer),this.snapLines=new Ro(this.overlayLayer),this.snapLines.initialize(this.rootDesignItem),this.serviceContainer.designerPointerExtensions)for(let a of this.serviceContainer.designerPointerExtensions)this._pointerextensions||(this._pointerextensions=[]),this._pointerextensions.push(a.getExtension(this));if(this.children){let a=this.children;if(this.children.length==1&&this.children[0]instanceof HTMLSlotElement&&(a=this.children[0].assignedElements()),a?.length>0){let l=this.serviceContainer.getLastServiceWhere("htmlParserService",c=>c.constructor==bt);this.addDesignItems(l.createDesignItems(a,this.serviceContainer,this.instanceServiceContainer))}}this.serviceContainer.options.zoomDesignerBackground||requestAnimationFrame(()=>{this._resizeBackgroundGrid()}),this.isConnected&&this.extensionManager.connected()}connectedCallback(){this._firstConnect||(this._firstConnect=!0,this._touchGestureHelper=Eo.addTouchEvents(this.clickOverlay),this.clickOverlay.addEventListener(S.PointerDown,this._pointerEventHandler),this.clickOverlay.addEventListener(S.PointerMove,this._pointerEventHandler),this.clickOverlay.addEventListener(S.PointerUp,this._pointerEventHandler),this.clickOverlay.addEventListener(S.DragEnter,e=>this._onDragEnter(e)),this.clickOverlay.addEventListener(S.DragLeave,e=>this._onDragLeave(e)),this.clickOverlay.addEventListener(S.DragOver,e=>this._onDragOver(e)),this.clickOverlay.addEventListener(S.Drop,e=>this._onDrop(e)),this.clickOverlay.addEventListener(S.KeyDown,this.onKeyDown),this.clickOverlay.addEventListener(S.KeyUp,this.onKeyUp),this.clickOverlay.addEventListener(S.DblClick,this._onDblClick,!0),this.clickOverlay.addEventListener(S.Wheel,this._onWheel),this.clickOverlay.addEventListener("zoom",e=>{this.zoomFactor=this.zoomFactor+e.detail.diff/10}),this.clickOverlay.addEventListener("pan",e=>{let t={x:this.canvasOffset.x-e.detail.deltaX,y:this.canvasOffset.y-e.detail.deltaY};this.canvasOffset=t})),this.extensionManager&&this.extensionManager.connected()}disconnectedCallback(){this.extensionManager.disconnected()}_zoomFactorChanged(){this._canvasContainer.style.bottom=this._outercanvas2.offsetHeight>=this._canvasContainer.offsetHeight?"0":"",this._canvasContainer.style.right=this._outercanvas2.offsetWidth>=this._canvasContainer.offsetWidth?"0":"",this._updateTransform(),this.fillCalculationrects(),this.onZoomFactorChanged.emit(this._zoomFactor),this.serviceContainer.options.zoomDesignerBackground||this._resizeBackgroundGrid()}_resizeBackgroundGrid(){let r=2e3/this.canvas.getBoundingClientRect().width;this.canvas.style.backgroundSize=r.toString()+"%"}_updateTransform(){if(this._scaleFactor=this._zoomFactor,this._useIframe){let e=this._canvasOffset.x,t=this._canvasOffset.y;this._iframe.contentWindow.scrollTo(e*-1,t*-1),e+=this._iframe.contentWindow.scrollX,t+=this._iframe.contentWindow.scrollY,this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+e+"px, "+t+"px)"}else this._canvasContainer.style.transform="scale("+this._zoomFactor+") translate("+(isNaN(this._canvasOffset.x)?"0":this._canvasOffset.x)+"px, "+(isNaN(this._canvasOffset.y)?"0":this._canvasOffset.y)+"px)";this._canvasContainer.style.transformOrigin="0 0",this.overlayLayer.style.transform=this._canvasContainer.style.transform,this.overlayLayer.style.transformOrigin="0 0",this.snapLines.clearSnaplines()}setDesignItems(e){this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty();let t=new Oo(e,[...this.rootDesignItem.children()]);this.instanceServiceContainer.undoService.execute(t)}_internalSetDesignItems(e){this.fillCalculationrects(),this.overlayLayer.removeAllOverlays(),yh.removeAllChildnodes(this.overlayLayer);for(let t of[...this.rootDesignItem.children()])this.rootDesignItem._removeChildInternal(t);this.addDesignItems(e),this.lazyTriggerReparseDocumentStylesheets(),this.instanceServiceContainer.contentService.onContentChanged.emit({changeType:"parsed"}),this.instanceServiceContainer.selectionService._withoutUndoSetSelectedElements(null),setTimeout(()=>this.extensionManager.refreshAllAppliedExtentions(),50)}reparseTimeout;lazyTriggerReparseDocumentStylesheets(){this.reparseTimeout&&clearTimeout(this.reparseTimeout),this.reparseTimeout=setTimeout(async()=>{await this.reparseDocumentStylesheets(),clearTimeout(this.reparseTimeout)},20)}async reparseDocumentStylesheets(){if(this.instanceServiceContainer.stylesheetService){let e=this.rootDesignItem.querySelectorAll("style"),t=1,i=[...e].map(r=>({name:"&lt;style&gt; #"+(r.id?r.id+"("+t+++")":t++),content:M.GetDesignItem(r).content,designItem:M.GetDesignItem(r)}));await this.instanceServiceContainer.stylesheetService.setDocumentStylesheets(i)}}addDesignItems(e){e&&this.rootDesignItem._insertChildsInternal(e);let t=this.serviceContainer.intializationService;if(t)for(let i of e)t.init(i);this.snapLines.clearSnaplines()}_onDragEnter(e){if(this.fillCalculationrects(),e.preventDefault(),e.dataTransfer.types.indexOf(Lt)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r)}else this._lastDdElement=null}else{this._lastDdElement=null;let i=this.serviceContainer.dragDropService;i&&i.dragEnter(this,e)}}_onDragLeave(e){this.fillCalculationrects(),e.preventDefault(),this._canvas.classList.remove("dragFileActive");let t=this.serviceContainer.dragDropService;t&&t.dragLeave(this,e)}_lastDdElement=null;_onDragOver(e){if(e.preventDefault(),this.fillCalculationrects(),e.dataTransfer.types.length>0&&e.dataTransfer.types[0]=="Files"){let t=this.serviceContainer.externalDragDropService;if(t){let i=t.dragOver(this,e);e.dataTransfer.dropEffect=i,i!=="none"&&this._canvas.classList.add("dragFileActive")}}else if(e.dataTransfer.types.indexOf(Lt)>=0){let i=this.serviceContainer.bindableObjectDragDropService;if(i){let r=this.getElementAtPoint({x:e.x,y:e.y});this._lastDdElement!=r&&(i.dragLeave(this,e,this._lastDdElement),i.dragEnter(this,e,r),this._lastDdElement=r);let s=i.dragOver(this,e,r);e.dataTransfer.dropEffect=s}}else{let i=this.serviceContainer.dragDropService;i&&i.dragOver(this,e)}}async _onDrop(e){if(this.serviceContainer.globalContext.tool=this.serviceContainer.designerTools.get(U.Pointer),this._lastDdElement=null,e.preventDefault(),this._canvas.classList.remove("dragFileActive"),this.fillCalculationrects(),e.dataTransfer.files?.length>0){let t=this.serviceContainer.externalDragDropService;t&&t.drop(this,e)}else{let t=e.dataTransfer.getData(Lt);if(t){let i=JSON.parse(t),r=this.serviceContainer.bindableObjectDragDropService;if(r){let s=this.getElementAtPoint({x:e.x,y:e.y});r.drop(this,e,i,s)}}else{let i=this.serviceContainer.dragDropService;i&&(this.fillCalculationrects(),i.drop(this,e))}}}showDesignItemContextMenu(e,t){let i=[];for(let s of this.serviceContainer.designerContextMenuExtensions)s.shouldProvideContextmenu(t,this,e,"designer")&&i.push(...s.provideContextMenuItems(t,this,e,"designer"));let r=new ye(i,null);return r.display(t),r}_onDblClick(e){e.preventDefault(),e.target!==this.overlayLayer&&(e.altKey||(this.serviceContainer.globalContext.tool==null||this.serviceContainer.globalContext.tool===this.serviceContainer.designerTools.get(U.Pointer))&&(this.extensionManager.removeExtension(this.instanceServiceContainer.selectionService.primarySelection,C.PrimarySelectionRefreshed),this.extensionManager.applyExtension(this.instanceServiceContainer.selectionService.primarySelection,C.Doubleclick,e)))}_searchShowOverlay(){if(this.serviceContainer.searchService){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="",this._getDomElement("node-projects-designer-search-input").focus()}}_searchHideOverlay(){let e=this._getDomElement("node-projects-designer-search-container");e.style.display="none"}async _searchRun(){let e=this._getDomElement("node-projects-designer-search-input");if(this._getDomElement("node-projects-designer-search-result").innerHTML="0 selected",e.value!=""){let t=await this.serviceContainer.searchService.search(this,e.value);t?.length>0&&(this.instanceServiceContainer.selectionService.setSelectedElements(t.map(i=>i.designItem)),this._getDomElement("node-projects-designer-search-result").innerHTML=t.length.toString()+" selected")}}onKeyUp(e){this._ignoreEvent!==e&&(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,this.instanceServiceContainer.selectionService.primarySelection.element),e.defaultPrevented)||(this._moveGroup&&(this._moveGroup.commit(),this._moveGroup=null),e.preventDefault()))}onKeyDown(e){if(this._ignoreEvent!==e&&!(this.activeTool?.keyboardEventHandler&&(this.activeTool.keyboardEventHandler(this,e,this.instanceServiceContainer.selectionService.primarySelection.element),e.defaultPrevented))){if(j(e)&&e.key==="z"&&!e.shiftKey)this.executeCommand({type:E.undo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="z"&&e.shiftKey)this.executeCommand({type:E.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="y")this.executeCommand({type:E.redo,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="a")this.executeCommand({type:E.selectAll,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="c")this.executeCommand({type:E.copy,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="v")this.executeCommand({type:E.paste,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="x")this.executeCommand({type:E.cut,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});else if(j(e)&&e.key==="f")this._searchShowOverlay();else{if(!this.instanceServiceContainer.selectionService.primarySelection)return;let i=1;switch(e.shiftKey&&(i=10),e.key){case"Delete":case"Backspace":this.executeCommand({type:E.delete,metaKey:e.metaKey,ctrlKey:e.ctrlKey,altKey:e.altKey,shiftKey:e.shiftKey});break;case"ArrowDown":case"ArrowUp":case"ArrowLeft":case"ArrowRight":{this._moveGroup||(this._moveGroup=this.rootDesignItem.openGroup("move items"));let r={x:0,y:0};e.key=="ArrowDown"&&(r.y=-i),e.key=="ArrowUp"&&(r.y=i),e.key=="ArrowRight"&&(r.x=-i),e.key=="ArrowLeft"&&(r.x=i);for(let s of ae(this.instanceServiceContainer.selectionService.selectedElements)){let o=getComputedStyle(s.parent.element);s.serviceContainer.getLastServiceWhere("containerService",a=>a.serviceForContainer(s.parent,o)).moveElements([s],r,!1)}}break}}e.preventDefault()}}getNormalizedEventCoordinates(e){let t=(e.clientX-this.outerRect.x)/this.zoomFactor,i=this.containerBoundingRect.x-this.outerRect.x,r=(e.clientY-this.outerRect.y)/this.zoomFactor,s=this.containerBoundingRect.y-this.outerRect.y;return{x:t-i/this.zoomFactor,y:r-s/this.zoomFactor}}getViewportCoordinates(e){return{x:e.clientX-this.outerRect.x,y:e.clientY-this.outerRect.y}}getNormalizedTextNodeCoordinates(e,t){let i=document.createRange();i.selectNodeContents(e);let r=i.getBoundingClientRect(),s=this.containerOffset;return{x:s.x+(r.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:s.y+(r.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:r.width/(t?1:this.scaleFactor),height:r.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinates(e,t){if(e.nodeType==I.TextNode)return this.getNormalizedTextNodeCoordinates(e,t);let i=G(e),r=this.containerOffset;return{x:r.x+(i.x-this.containerBoundingRect.x)/(t?1:this.scaleFactor),y:r.y+(i.y-this.containerBoundingRect.y)/(t?1:this.scaleFactor),width:i.width/(t?1:this.scaleFactor),height:i.height/(t?1:this.scaleFactor)}}getNormalizedElementCoordinatesAndRealSizes(e){let t=this.getNormalizedElementCoordinates(e),i=getComputedStyle(e),r=t.width,s=t.height;return i.boxSizing!="border-box"&&(r=r-(parseFloat(i.borderLeft)+parseFloat(i.paddingLeft)+parseFloat(i.paddingRight)+parseFloat(i.borderRight)),s=s-(parseFloat(i.borderTop)+parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderBottom))),{...t,realWidth:r,realHeight:s}}getNormalizedOffsetInElement(e,t){let i=this.getNormalizedEventCoordinates(e),r=this.getNormalizedElementCoordinates(t);return{x:i.x-r.x,y:i.y-r.y}}transformPoint(e){if(this._useIframe){let t=this._canvasContainer.getBoundingClientRect();return{x:e.x-t.x,y:e.y-t.y}}return e}elementsFromPoint(e,t){let i=[],r=this.transformPoint({x:e,y:t}),s=this._canvasShadowRoot.elementsFromPoint(r.x,r.y);for(let o of s)o.getRootNode()===this._canvasShadowRoot&&i.push(o);return i}getElementAtPoint(e,t){let i=this.transformPoint(e),r=this._canvasShadowRoot.elementsFromPoint(i.x,i.y),s=null;for(let o=0;o<r.length;o++){if(s=r[o],t&&t(s)){s=null;continue}if(s.getRootNode()!==this._canvasShadowRoot){s=null;continue}if(!this.instanceServiceContainer.designContext.extensionOptions.selectUnhitableElements&&M.GetDesignItem(s).getStyleFromSheetOrLocal("pointer-events")=="none"){s=null;continue}break}return s}getDesignItemById(e){return M.GetDesignItem(this._canvasShadowRoot.getElementById(e))}querySelectorDesignItem(e){return M.GetDesignItem(this._canvasShadowRoot.querySelector(e))}querySelectorAllDesignItems(e){return[...this._canvasShadowRoot.querySelectorAll(e)].map(t=>M.GetDesignItem(t))}_hoverElement;showHoverExtension(e,t){let i=M.GetOrCreateDesignItem(e,e,this.serviceContainer,this.instanceServiceContainer);if(this._lastHoverDesignItem!=i&&(this._lastHoverDesignItem&&this.extensionManager.removeExtension(this._lastHoverDesignItem,C.MouseOver),i&&i!=this.rootDesignItem&&(!e.parentNode||yh.getHost(e.parentNode)!==this.overlayLayer)&&this.extensionManager.applyExtension(i,C.MouseOver,t),this._lastHoverDesignItem=i),this.instanceServiceContainer.designContext.extensionOptions.simulateHoverOnHover&&this._hoverElement!==e){let r=this._hoverElement;for(;r&&r!==this._canvas;)r.removeAttribute(_t),r=r.parentElement;if(this._hoverElement=null,e){for(e.nodeType==I.TextNode&&(e=e.parentElement),r=e;r&&r!==this._canvas;)r.setAttribute(_t,""),r=r.parentElement;this._hoverElement=e}}}_onWheel(e){let t=this.getElementAtPoint({x:e.clientX,y:e.clientY});for(;t;){let i=getComputedStyle(t);if(i.overflowY==="scroll"||i.overflowY==="auto"){let r=t;r.scrollBy?r.scrollBy(e.deltaX,e.deltaY):(r.scrollLeft+=e.deltaX,r.scrollTop+=e.deltaY),e.stopPropagation();break}t=t.parentElement}}_pointerEventHandler(e,t=null){if(this._ignoreEvent===e||!this.serviceContainer||this._touchGestureHelper.multitouchEventActive)return;if(this.fillCalculationrects(),this._pointerextensions)for(let o of this._pointerextensions)o.refresh(e);let i;if(t)i=t;else if(i=this.serviceContainer.elementAtPointService.getElementAtPoint(this,{x:e.x,y:e.y}),!i)i=this._canvas;else if(this._enableSelectTextNodesOnClick){let o=this.getNormalizedEventCoordinates(e);for(let a of i.childNodes)if(a.nodeType==I.TextNode){let l=this.getNormalizedElementCoordinates(a);if(l.x<=o.x&&l.x+l.width>=o.x&&l.y<=o.y&&l.y+l.height>=o.y){i=a;break}}}if(this._activeTool){this._activeTool.pointerEventHandler(this,e,i);return}this.clickOverlay.style.cursor=this._canvas.style.cursor;let r=M.GetOrCreateDesignItem(i,i,this.serviceContainer,this.instanceServiceContainer);this.showHoverExtension(r.element,e),i&&yh.getHost(i.parentNode)===this.overlayLayer&&(i=this.instanceServiceContainer.selectionService.primarySelection?.element??this._canvas);let s=this.serviceContainer.globalContext.tool??this.serviceContainer.designerTools.get(U.Pointer);s.pointerEventHandler(this,e,i),this._canvas.style.cursor=s.cursor}captureActiveTool(e){this._activeTool=e}releaseActiveTool(){this._activeTool=null}get activeTool(){return this.serviceContainer.globalContext.tool}fillCalculationrects(){this.containerBoundingRect=this._canvasContainer.getBoundingClientRect(),this.outerRect=this._outercanvas2.getBoundingClientRect()}removeOverlay(e){this.overlayLayer.removeOverlay(e)}zoomOntoRectangle(e,t){let i={x:e.x<t.x?e.x:t.x,y:e.y<t.y?e.y:t.y,width:Math.abs(e.x-t.x),height:Math.abs(e.y-t.y)},r=this.outerRect.width/i.width,s=this.outerRect.height/i.height,o=r>=s?s:r,a={x:i.width/2+i.x,y:i.height/2+i.y};this.zoomPoint(a,o)}zoomPoint(e,t){this.zoomFactor=t;let i={x:-e.x+this.outerRect.width/this.zoomFactor/2,y:-e.y+this.outerRect.height/this.zoomFactor/2};this.canvasOffset=i}zoomConvertEventToViewPortCoordinates(e){let t=this.containerBoundingRect.x-this.outerRect.x,i=this.containerBoundingRect.y-this.outerRect.y;return{x:(e.x+t/this.zoomFactor)*this.zoomFactor,y:(e.y+i/this.zoomFactor)*this.zoomFactor}}zoomTowardsPoint(e,t){let i=t/this.zoomFactor,r=this.zoomConvertEventToViewPortCoordinates(e),s={x:-(r.x*(i-1)+i*-this.canvasOffsetUnzoomed.x),y:-(r.y*(i-1)+i*-this.canvasOffsetUnzoomed.y)};this.zoomFactor=t,this.canvasOffsetUnzoomed=s}};customElements.define("node-projects-designer-canvas",Ci);He();Wi();le();ht();$e();import{BaseCustomWebComponentConstructorAppend as Lu,css as Nu,html as Ru}from"@node-projects/base-custom-webcomponent";var ar=class extends Lu{static style=Nu`node-projects-designer-tools-buttons{height:100%;width:100%}#toolButtons{scrollbar-width:none;overflow-y:auto;height:100%}#toolButtons::-webkit-scrollbar{display:none}#popup{position:absolute;top:calc(0px + 10px);height:100%;left:calc(24px + 4px + 10px)}`;static template=Ru`<div id="popup"></div><div id="toolButtons"></div>`;_toolButtonsElem;_serviceContainer;_popupContainer;designerView;constructor(){super(),this._toolButtonsElem=this._getDomElement("toolButtons"),this._toolButtonsElem.onwheel=e=>e.stopPropagation(),this._popupContainer=this._getDomElement("popup")}initialize(e,t){this._serviceContainer=e,this.designerView=t;for(let i of this._serviceContainer.designViewToolbarButtons)this._toolButtonsElem.appendChild(i.provideButton(t.designerCanvas));this._serviceContainer.globalContext.onToolChanged.on(i=>{for(let r of this._toolButtonsElem.children)r instanceof ue&&r.setActiveTool(i.newValue.name)})}showPopup(e){if(this._popupContainer.children.length)this._popupContainer.innerHTML="";else{let t;typeof e.popup=="string"?t=document.createElement(e.popup):t=new e.popup,this._popupContainer.appendChild(t)}}setTool(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setTool,parameter:e})}setStrokeColor(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setStrokeColor,parameter:e})}setFillBrush(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setFillBrush,parameter:e})}setStrokeThickness(e){this._popupContainer.children.length&&(this._popupContainer.innerHTML=""),this.designerView.designerCanvas.executeCommand({type:E.setStrokeThickness,parameter:e})}};customElements.define("node-projects-designer-toolbar",ar);var jt=class extends Vu{_sVert;_sHor;get serviceContainer(){return this._designerCanvas.serviceContainer}set serviceContainer(e){this._designerCanvas.serviceContainer=e}get instanceServiceContainer(){return this._designerCanvas.instanceServiceContainer}set instanceServiceContainer(e){this._designerCanvas.instanceServiceContainer=e}_designerCanvas;get designerCanvas(){return this._designerCanvas}get readOnly(){return this._designerCanvas.readOnly}set readOnly(e){this._designerCanvas.readOnly=e}_zoomInput;_lowertoolbar;_toolbar;static style=Fu`:host{display:block;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0);overflow:hidden}*{touch-action:none}#lowertoolbar{height:16px;background:#787f82;display:flex;bottom:0;position:absolute;font-size:12px;width:100%}input{width:40px;height:16px;padding:0;border:0;font-size:12px;text-align:center;margin-right:1px}.toolbar-control{width:16px;height:16px;display:block;margin-right:1px;cursor:default;display:flex;justify-content:center;align-items:center}.selected{background-color:#00bfff}.toolbar-control:hover{background-color:rgba(164,206,249,.6)}#outer{user-select:none;display:flex;flex-direction:column;width:100%;height:100%}#canvas{left:24px;width:calc(100% - 24px - 16px);height:calc(100% - 32px)}#tool-bar{width:24px;height:calc(100% - 32px);position:absolute;background-color:#d3d3d3}.zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNqkU11o01AUTtI06U/6tzHWbnNVS+k67FAG/gwfZEOcCrpNEBwEH2Q+Otqxh+5VEaHYV18UwQd9sk4Q+6CUKogbtSoM10qftJS2iGuT/iRpshvvDZu4DHHggY+TnHu+795zz7m4qqrYxfA6pjerlcHMZvMQQRCL8Hccoh+iBJECAMQEQci3Wk2MxP5iqgqmJUmIB3xkdTRoKgQG6Wr1JxBX1oTQx3UxCdcjMO2ZJiCK4g4y3HUIACV+bsL5dSRAWfwe636z0WBzWEFzn5vku5xyIZGsx2UF5AhEaDYbO8Dz3KLPi1X9B2iTy0pRiDx5/Z2bJgmGwDH8WMhuDxzEf6A8TYDneT3GR4JMzcVQThNlcCtANaM48pICutodxXTkkI1HeVslSPor6B/wWL7B3Z1n2KR3O3h05rkDOkd2eYoSxM025PVrAgAQeoFSuSLI3Q66jpJNRsIWPLvM5JJTTUkGGsqVtgJ5JU3AaLTqBVKZT9xh7yDT2Gh05G4bNQBzGETkBbkMVAxbzdadMJbSBDzCHXgKgKGZQJCp0IP32dnEaKhd6nOZAay7mXk6UUGeIHDDh88NKb0qumjaHiN391/1GjtrJ6ZPSb33H9eJYomuTJ601Qf7SKVYVlqplZblxRvOThrtEaC28qSOPAwncCYSWbzJsrO3XP4br9KZa1fTmcaOSTQYLDFFaeURh/yDfLynp/fCwkI0yrKX79ZqG49sUr2A44a3u+d08/fXVhfAeZ8vcDocjs6z7KV7xeL3JzBcwPZgmoAkScGlpdvzc3NXHuZyXxIwlMX2aJoAfFkvx8aGnRzH5WEpr7cXuerKPwVw1Lb/sV8CDACbf0U37X3NqwAAAABJRU5ErkJggg==)}.zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmVJREFUeNqkU01oE0EUnv3Nf0xsS01jEzWUNCUplh7U4kEiVVEQqyBYWDxor5am5JBeFRGCuXpRBA8KHqIHMYISohdTYlQo2kguaghJUNvd/O1udjvr7NKWZHuw4IMHM/v9zHu8t5iiKCAYDAKi/xQ4MHEdbIXFYgUmk2kUx/EouoZRulGWUaYhhHGe5wutVhOQKtk3/RToQ1HgjCjyCb+PrE0GjEW/x1Cr/YFCdoUPffwqpBAeQbRnmoEgCD1i9OoohHLi7EnHt3E/bfb0m/pwDGBeF04P77Mpex1SMZliE5IMV3FV0Gw2erJe56I+L6iNHDQYnRaaVsXb5uh8JGS3+w9hv1SeVkG9Xtd3EB4PDBecVtplpAmHKMMesN2R2Ymg7fer9PfwZgui3sC932X+gV53nGZSXj2Yf36B5oWNNtK5NQMIcT2nXKnyUt8eA6uSUf1YNyhKsFmptmWkK2sGFGXRG6Rzn7jDXo+1sdboSBSJEd0gVABYzrMOpEtrBi7+DqoCAnUn1JTo0IP3+dnkZKhdHnKaIEUSXRPCiA+fG2JmWXAaDPY4uXP+ipfqrBybOSEO3n/M4qWyoXrmuE30DJHWUkVupbMt44u3nJ2k7BGotAqkTjyGNvBiJBK9yTCzt5wjN15ncteuZnKNnk0kCHNcllsFVUN2iY8ODAyeX1yMxRjm8t319bVHNpEtYhjxbseago3t0+YU4Dmfzz+9sBCbZ5hL90qln0/Q5yLYRWgGoigGlpZuz8/NXXm4uvolqY4a7DI0A/RnvZyaGnNwHFdArbzZArla9p8GmDq2/4m/AgwATHQSD48kJDUAAAAASUVORK5CYII=)}.snap-grid{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNqkUjtLA0EQnntFyKNKJdiFgIlGC5G0FlaaIsYgiKAgKIKdjbV/wM7GImBhI6JFMFWKK3yBimBAhJDuUEgimMSYS0hunbncHRtFjLjw7X7z7ezszM4KjDEQRRG+jnlEgvYAAgLAJpoT1tYdA9gzAAqLuC/DD4N1EZC87v1IYnZ0MBj0k/6Szw/nTs7GO+8f62gWBCuDHTRG+ABxgGScsd3JlYWlJogu9TSjkT41NzM0AEbr5uDocJmxLTv3CCJpgbRkAKcWpq14vP7scVqrVKsbBOKktayS7BL4RzB5uxvAo7++SfV6vYnmBenESaM9/qCESFt4pPUJJzrlLpe/vQ9pTeex8A0EQcggwILJo9EohMPhNVW9ZqFQaJvsWCzWozGuCxJ3gck1TYNGo+Hy+XxQKpXalUoFisUi1Go1RyM/uwtZLsADYkxRlGnMZLXT6QQkSSqglsIV0HY0XddTdgkqV4LD6YPJsgwYzLSJEygQraz70YDvRg9Hh3O8DdptM1uTEwzDMDnvTHVfWfy+D8592W4Jt1wJfXOnC0h8XMw/cbuEHOKZc/iNX9qC2cb/jE8BBgAvhdOb37HVsgAAAABJRU5ErkJggg==)}.snap-guide{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYVJREFUeNqkU7tKA1EQnbs3CnlVqbQNARMjFilS+AnZQhIbW0ER/AA/wlYbhXR2wUKx0iKNYGMKDViEdEIgieBujGvCPpyz7sK6iWLIwJk798zsuXsfIxzHoXksAqcoij+vMbYq7MoszGxaEB3wtODlH3i5E5uojck210RCgq7SJie4MC0TsdO1cim/lMmkwHdarZWni+t16/1jz/FElJBAGc5imLzyakXNG0IuVo+OnwHE4JCzgisG7BJu/I3CQjyRuq1dvWi6vg8gBofcOHgGAZO+AFv88/VNDofDEcd3IBCD43ycfhEowY28Sazfnzh1cKMggWsUQvi4waiqKuVyud16/d7JZrOHxWJxKudMuQV3C81mk3RdX0wmk9Tr9UxN06jb7dJgMPjBwQRUAu/AtWg0SpZl7TDSUso2/1UVNWHOMIwJARzWBhcQwMXu1oJb9Ufbtsk0zYktPLrvgD8E/mWeYoNxxlj2xoZ3qI2/YrePQs10PksjTRPozCog5m3nLwEGABrLzseuHT6IAAAAAElFTkSuQmCC)}.bottom-scroll{width:calc(100% - 16px);position:absolute;bottom:16px;height:16px;box-sizing:border-box;z-index:1}.right-scroll{height:calc(100% - 32px);position:absolute;right:0;top:0;width:16px;box-sizing:border-box;z-index:1}.bottom-right{width:16px;height:16px;bottom:16px;right:0;position:absolute;background:#f0f0f0}`;static template=Bu`<div id="outer"><node-projects-plain-scrollbar id="s-hor" value="0.5" class="bottom-scroll"></node-projects-plain-scrollbar><node-projects-plain-scrollbar id="s-vert" value="0.5" orientation="vertical" class="right-scroll"></node-projects-plain-scrollbar><div class="bottom-right"></div><div id="lowertoolbar"><input id="zoomInput" type="text" value="100%"><div title="decrease zoom" id="zoomIncrease" class="toolbar-control zoom-in"></div><div title="increase zoom" id="zoomDecrease" class="toolbar-control zoom-out"></div><div title="reset zoom" id="zoomReset" class="toolbar-control" style="width:16px;height:16px;font-size:14px;display:flex;align-items:center;justify-content:center">1</div><div title="zoom to fit" id="zoomFit" class="toolbar-control" style="width:16px;height:16px;font-size:8px;display:flex;align-items:center;justify-content:center">100%</div><div title="snap to grid" id="alignGrid" class="toolbar-control snap-grid"></div><div title="snap to elements" id="alignSnap" class="toolbar-control snap-guide"></div></div></div>`;constructor(e=!1){super(),this._restoreCachedInititalValues(),this._sVert=this._getDomElement("s-vert"),this._sHor=this._getDomElement("s-hor");let t=this._getDomElement("outer");this._designerCanvas=new Ci(e),this._designerCanvas.id="canvas",this._designerCanvas.appendChild(document.createElement("slot")),t.insertAdjacentElement("afterbegin",this._designerCanvas),this._toolbar=new ar,this._toolbar.id="tool-bar",this._sVert.insertAdjacentElement("afterend",this._toolbar),this._designerCanvas.onZoomFactorChanged.on(()=>{this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%";let c=this.designerCanvas.canvasOffset,h=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,d=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._sHor.value=c.x/(-2*h)+.5,this._sVert.value=c.y/(-2*d)+.5}),this._zoomInput=this._getDomElement("zoomInput"),this._zoomInput.onkeydown=c=>{c.key=="Enter"&&(this._designerCanvas.zoomFactor=parseFloat(this._zoomInput.value)/100)},this._zoomInput.onblur=()=>{this._designerCanvas.zoomFactor=parseFloat(this._zoomInput.value)/100},this._zoomInput.onclick=this._zoomInput.select;let i=this._getDomElement("zoomIncrease");i.onclick=()=>{let c=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,h=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._designerCanvas.zoomFactor>.1?this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor+.1):this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor+.01)};let r=this._getDomElement("zoomDecrease");r.onclick=()=>{let c=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,h=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight;this._designerCanvas.zoomFactor>.11?this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor-.1):this._designerCanvas.zoomPoint({x:c/2,y:h/2},this._designerCanvas.zoomFactor-.01),this._designerCanvas.zoomFactor<.001&&this._designerCanvas.zoomPoint({x:c/2,y:h/2},.001)};let s=this._getDomElement("zoomReset");s.onclick=()=>{this.zoomReset()};let o=this._getDomElement("zoomFit");o.onclick=()=>{this.zoomToFit()},this.addEventListener(S.Wheel,c=>this._onWheel(c));let a=this._getDomElement("alignSnap");a.onclick=()=>{this._designerCanvas.alignOnSnap=!this._designerCanvas.alignOnSnap,a.style.backgroundColor=this._designerCanvas.alignOnSnap?"deepskyblue":""},a.style.backgroundColor=this._designerCanvas.alignOnSnap?"deepskyblue":"",a.oncontextmenu=c=>{c.preventDefault()};let l=this._getDomElement("alignGrid");l.onclick=()=>{this._designerCanvas.alignOnGrid=!this._designerCanvas.alignOnGrid,l.style.backgroundColor=this._designerCanvas.alignOnGrid?"deepskyblue":""},l.style.backgroundColor=this._designerCanvas.alignOnGrid?"deepskyblue":"",l.oncontextmenu=c=>{c.preventDefault();let h=prompt("raster size",this.designerCanvas.gridSize.toString());if(h){let d=parseInt(h);d>0&&(this.designerCanvas.gridSize=d)}},this._lowertoolbar=this._getDomElement("lowertoolbar"),this._sVert.addEventListener("scrollbar-input",c=>this._onScrollbar(c)),this._sHor.addEventListener("scrollbar-input",c=>this._onScrollbar(c))}zoomReset(){this._designerCanvas.canvasOffset={x:0,y:0},this._designerCanvas.zoomFactor=1,this._sVert.value=.5,this._sHor.value=.5,this._zoomInput.value=Math.round(this._designerCanvas.zoomFactor*100)+"%"}zoomToFit(){this._designerCanvas.zoomToFit()}_onScrollbar(e){e?.detail=="incrementLarge"?e.target.value+=.25:e?.detail=="decrementLarge"?e.target.value-=.25:e?.detail=="incrementSmall"?e.target.value+=.05:e?.detail=="decrementSmall"&&(e.target.value-=.05);let t=this.designerCanvas.designerOffsetWidth>this.designerCanvas.offsetWidth?this.designerCanvas.designerOffsetWidth:this.designerCanvas.offsetWidth,i=this.designerCanvas.designerOffsetHeight>this.designerCanvas.offsetHeight?this.designerCanvas.designerOffsetHeight:this.designerCanvas.offsetHeight,r=t*(this._sHor.value-.5)*-2,s=i*(this._sVert.value-.5)*-2;this.designerCanvas.canvasOffset={x:r,y:s}}_onWheel(e){if(e.preventDefault(),e.ctrlKey){let t=this._designerCanvas.zoomFactor,i=e.deltaY<0?1:-1;t*=Math.exp(i*.2),t<.02&&(t=.02);let r=this.designerCanvas.getNormalizedEventCoordinates(e);this.designerCanvas.zoomTowardsPoint(r,t)}else e.shiftKey?(this._sHor.value+=e.deltaY/1e4,this._onScrollbar(null)):(this._sVert.value+=e.deltaY/1e4,this._onScrollbar(null),this._sHor.value+=e.deltaX/1e4,this._onScrollbar(null))}get designerWidth(){return this._designerCanvas.designerWidth}set designerWidth(e){this._designerCanvas.designerWidth=e}get designerHeight(){return this._designerCanvas.designerHeight}set designerHeight(e){this._designerCanvas.designerHeight=e}set additionalStyles(e){this._designerCanvas.additionalStyles=e}setDesignItems(e){this._designerCanvas.setDesignItems(e)}async executeCommand(e){this._designerCanvas.executeCommand(e)}canExecuteCommand(e){return this._designerCanvas.canExecuteCommand(e)}initialize(e){if(this.serviceContainer=e,this._designerCanvas.initialize(e),e.designViewConfigButtons)for(let t of e.designViewConfigButtons)for(let i of t.provideButtons(this,this._designerCanvas))this._lowertoolbar.appendChild(i);this._toolbar.initialize(this.serviceContainer,this)}getDesignerHTML(){return this._designerCanvas.rootDesignItem.childCount>0?Y.ConvertToString(Array.from(this._designerCanvas.rootDesignItem.children()),!0,!0):""}async parseDesignerHTML(e,t=!1){let i=this.serviceContainer.htmlParserService;if(!e)this._designerCanvas.overlayLayer.removeAllOverlays(),zu.removeAllChildnodes(this._designerCanvas.overlayLayer),this._designerCanvas.rootDesignItem.clearChildren();else{let r=await i.parse(e,this.serviceContainer,this.instanceServiceContainer,!1);t?this._designerCanvas._internalSetDesignItems(r):this._designerCanvas.setDesignItems(r)}}static wrapInDesigner(e,t){let i=new Ci;i.initialize(t);let r=i.serviceContainer.getLastServiceWhere("htmlParserService",s=>s.constructor==bt);return i.addDesignItems(r.createDesignItems(e,i.serviceContainer,i.instanceServiceContainer)),i}};customElements.define("node-projects-designer-view",jt);var vh=class extends jt{constructor(){super()}async ready(){let e=await(await Promise.resolve().then(()=>(wo(),gd))).default;this.initialize(e())}};customElements.define("node-projects-default-configured-designer-view",vh);He();ql();Kl();Jl();Yl();Ql();Xl();Ac();sh();Xi();Zl();Ul();$l();Ec();$e();at();Tc();ja();Nl();Rl();Fl();dl();sl();pl();Ga();hl();ul();nl();nh();oh();je();J();Ve();ie();yl();vl();Ra();Fa();Yc();Xc();Rc();pc();Is();fl();gl();ec();tc();xl();Bn();Va();Ha();Pc();Ic();Lc();Nc();ie();Ge();le();Ge();xt();var zo=class extends z{_lastPos;_parentRect;_startPos;_circlePos;_originalPathPoint;_pathdata;_offsetSvg=10;_pathElement;_parentCoordinates;_startScrollOffset;_deltaScrollOffset;constructor(e,t,i){super(e,t,i)}extend(){this._parentRect=this.extendedItem.element.parentElement.getBoundingClientRect(),this._pathdata=this.extendedItem.node.getPathData({normalize:!1}),this._pathElement=this.extendedItem.node,this._lastPos={x:0,y:0},this._startScrollOffset=this.designerCanvas.canvasOffset,this._deltaScrollOffset||(this._deltaScrollOffset={x:0,y:0});for(let e of this._pathdata)switch(e.type){case"M":this._drawPathCircle(e.values[0],e.values[1],e,0),this._lastPos={x:e.values[0],y:e.values[1]};break;case"m":this._drawPathCircle(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e,0),this._lastPos={x:e.values[0]+this._lastPos.x,y:e.values[1]+this._lastPos.y};break;case"L":this._drawPathCircle(e.values[0],e.values[1],e,0),this._lastPos={x:e.values[0],y:e.values[1]};break;case"l":this._drawPathCircle(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e,0),this._lastPos={x:e.values[0]+this._lastPos.x,y:e.values[1]+this._lastPos.y};break;case"H":this._drawPathCircle(e.values[0],this._lastPos.y,e,0),this._lastPos={x:e.values[0],y:this._lastPos.y};break;case"h":this._drawPathCircle(e.values[0]+this._lastPos.x,this._lastPos.y,e,0),this._lastPos={x:e.values[0]+this._lastPos.x,y:this._lastPos.y};break;case"V":this._drawPathCircle(this._lastPos.x,e.values[0],e,0),this._lastPos={x:this._lastPos.x,y:e.values[0]};break;case"v":this._drawPathCircle(this._lastPos.x,e.values[0]+this._lastPos.y,e,0),this._lastPos={x:this._lastPos.x,y:e.values[0]+this._lastPos.y};break;case"Z":break;case"C":this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(e.values[4],e.values[5],e.values[2],e.values[3]),this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._drawPathCircle(e.values[4],e.values[5],e,4),this._lastPos={x:e.values[4],y:e.values[5]};break;case"c":this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(this._lastPos.x+e.values[4],this._lastPos.y+e.values[5],e.values[2],e.values[3]),this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._drawPathCircle(this._lastPos.x+e.values[4],this._lastPos.y+e.values[5],e,4),this._lastPos={x:e.values[4]+this._lastPos.x,y:e.values[5]+this._lastPos.y};break;case"S":this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(e.values[0],e.values[1],e.values[2],e.values[3]),this._lastPos={x:e.values[2],y:e.values[3]};break;case"s":this._drawPathCircle(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e,0),this._drawPathCircle(e.values[2]+this._lastPos.x,e.values[3]+this._lastPos.y,e,2),this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y),this._drawPathLine(e.values[0]+this._lastPos.x,e.values[1]+this._lastPos.y,e.values[2]+this._lastPos.x,e.values[3]+this._lastPos.y),this._lastPos={x:e.values[2]+this._lastPos.x,y:e.values[3]+this._lastPos.y};break;case"Q":this._drawPathLine(this._lastPos.x,this._lastPos.y,e.values[0],e.values[1]),this._drawPathLine(e.values[0],e.values[1],e.values[2],e.values[3]),this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[2],e.values[3],e,2),this._lastPos={x:e.values[2],y:e.values[3]};break;case"T":this._drawPathCircle(e.values[0],e.values[1],e,0),this._lastPos={x:e.values[0],y:e.values[1]};break;case"A":this._drawPathCircle(e.values[0],e.values[1],e,0),this._drawPathCircle(e.values[5],e.values[6],e,5),this._lastPos={x:e.values[0],y:e.values[1]};break}}pointerEvent(e,t,i,r){e.stopPropagation();let s=this.designerCanvas.getNormalizedEventCoordinates(e);switch(e.type){case S.PointerDown:e.target.setPointerCapture(e.pointerId),this._startPos=s,this._circlePos={x:parseFloat(t.getAttribute("cx")),y:parseFloat(t.getAttribute("cy"))},this._originalPathPoint={x:i.values[r],y:i.values[r+1]},this._parentCoordinates=this.extendedItem.element.parentElement.getBoundingClientRect();break;case S.PointerMove:if(this._startPos&&e.buttons>0){this._deltaScrollOffset={x:this._startScrollOffset.x-this.designerCanvas.canvasOffset.x,y:this._startScrollOffset.y-this.designerCanvas.canvasOffset.y},this._lastPos={x:this._startPos.x,y:this._startPos.y};let o=s.x-this._lastPos.x+this._circlePos.x,a=s.y-this._lastPos.y+this._circlePos.y,l=o-this._circlePos.x,c=a-this._circlePos.y;e.shiftKey?Math.abs(l)>=Math.abs(c)?(i.values[r]=this._originalPathPoint.x+l,t.setAttribute("cx",(this._circlePos.x+l).toString()),i.values[r+1]=this._originalPathPoint.y,t.setAttribute("cy",this._circlePos.y.toString())):(i.values[r]=this._originalPathPoint.x,t.setAttribute("cx",this._circlePos.x.toString()),i.values[r+1]=this._originalPathPoint.y+c,t.setAttribute("cy",(this._circlePos.y+c).toString())):(i.values[r]=this._originalPathPoint.x+l,i.values[r+1]=this._originalPathPoint.y+c,i.type=="V"||i.type=="v"?(i.values[r]=this._originalPathPoint.x+c,t.setAttribute("cy",(this._circlePos.y+c).toString())):i.type=="H"||i.type=="h"?t.setAttribute("cy",(this._circlePos.x+l).toString()):(t.setAttribute("cx",(this._circlePos.x+l).toString()),t.setAttribute("cy",(this._circlePos.y+c).toString()))),this.designerCanvas.extensionManager.refreshAllExtensions([this.extendedItem],this),this.extendedItem.element.setAttribute("d",We(this._pathdata))}break;case S.PointerUp:if(e.target.releasePointerCapture(e.pointerId),this._startPos=null,this._circlePos=null,this._lastPos=null,this.extendedItem.setAttribute("d",We(this._pathdata)),getComputedStyle(this._pathElement.parentElement).position=="absolute"){let o=this.extendedItem.openGroup("rearrangeSvg"),a=this._pathdata;this._rearrangeSvgElement(),this._rearrangePointsFromElement(this._parentCoordinates,a),o.commit()}break}}_drawPathCircle(e,t,i,r){let s=this._drawCircle((this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+e,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+t,5/this.designerCanvas.scaleFactor,"svg-path");s.style.strokeWidth=(1/this.designerCanvas.zoomFactor).toString();let o={x:e,y:t},a=[],l=this._pathdata.indexOf(i);a.push({title:"delete point",action:()=>{this._pathdata.splice(l,1),l==0&&(this._pathdata[0].type="M"),this.extendedItem.setAttribute("d",We(this._pathdata))}}),a.push({title:"insert point after",action:()=>{let c={type:"L",values:[i.values[0],i.values[1]]};this._pathdata.splice(l+1,0,c),this.extendedItem.setAttribute("d",We(this._pathdata))}}),l!=0&&this._checkCircleIndex(i,o)&&a.push({title:"convert to quadratic b\xE9zier",action:()=>{let c=this._pathdata[l-1].values[0],h=this._pathdata[l-1].values[1];this._pathdata[l-1].type==="C"?(c=this._pathdata[l-1].values[4],h=this._pathdata[l-1].values[5]):this._pathdata[l-1].type==="Q"&&(c=this._pathdata[l-1].values[2],h=this._pathdata[l-1].values[3]);let d=this._pathdata[l].values[0],p=this._pathdata[l].values[1],f=(d+c)*.5,m=(p+h)*.5,u=Math.atan2(p-h,d-c)-Math.PI/2,y=50,x=f+y*Math.cos(u),_=m+y*Math.sin(u);this._pathdata[l].type="Q",this._pathdata[l].values[0]=x,this._pathdata[l].values[1]=_,this._pathdata[l].values[2]=d,this._pathdata[l].values[3]=p,this.extendedItem.setAttribute("d",We(this._pathdata))}}),l!=0&&this._checkCircleIndex(i,o)&&a.push({title:"convert to cubic b\xE9zier",action:()=>{let c=this._pathdata[l-1].values[0],h=this._pathdata[l-1].values[1];this._pathdata[l-1].type==="C"?(c=this._pathdata[l-1].values[4],h=this._pathdata[l-1].values[5]):this._pathdata[l-1].type==="Q"&&(c=this._pathdata[l-1].values[2],h=this._pathdata[l-1].values[3]);let d=this._pathdata[l].values[0],p=this._pathdata[l].values[1],f=(d+c)*.5,m=(p+h)*.5,u=Math.atan2(p-h,d-c)-Math.PI/2,y=50,x=f+y*Math.cos(u),_=m+y*Math.sin(u);x=i.values[0]+2*(c-i.values[0])/3,_=i.values[1]+2*(h-i.values[1])/3;let w=e+2*(c-e)/3,A=t+2*(h-t)/3;this._pathdata[l].type="C",this._pathdata[l].values[0]=x,this._pathdata[l].values[1]=_,this._pathdata[l].values[2]=w,this._pathdata[l].values[3]=A,this._pathdata[l].values[4]=d,this._pathdata[l].values[5]=p,this.extendedItem.setAttribute("d",We(this._pathdata))}}),s.addEventListener(S.PointerDown,c=>this.pointerEvent(c,s,i,r)),s.addEventListener(S.PointerMove,c=>this.pointerEvent(c,s,i,r)),s.addEventListener(S.PointerUp,c=>this.pointerEvent(c,s,i,r)),s.addEventListener(S.ContextMenu,c=>{c.preventDefault(),ye.show(a,c)})}_drawPathLine(e,t,i,r){this._drawLine((this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+e,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+t,(this._parentRect.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor+i,(this._parentRect.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor+r,"svg-path-line")}_checkCircleIndex(e,t){switch(e.type){case"M":case"L":if(e.values[0]==t.x&&e.values[1]==t.y)return!0;break;case"Q":if(e.values[2]==t.x&&e.values[3]==t.y)return!0;break;case"C":if(e.values[4]==t.x&&e.values[5]==t.y)return!0;break}return!1}_rearrangeSvgElement(){let e=this.extendedItem.element.getBoundingClientRect(),t=(e.x-this.designerCanvas.containerBoundingRect.x)/this.designerCanvas.scaleFactor-this._offsetSvg,i=(e.y-this.designerCanvas.containerBoundingRect.y)/this.designerCanvas.scaleFactor-this._offsetSvg,r=e.height/this.designerCanvas.scaleFactor+2*this._offsetSvg,s=e.width/this.designerCanvas.scaleFactor+2*this._offsetSvg;this.extendedItem.element.parentElement.style.setProperty("left",t.toString()+"px"),this.extendedItem.element.parentElement.style.setProperty("top",i.toString()+"px"),this.extendedItem.element.parentElement.style.setProperty("height",Math.round(r).toString()+"px"),this.extendedItem.element.parentElement.style.setProperty("width",Math.round(s).toString()+"px")}_rearrangePointsFromElement(e,t){let i=this.extendedItem.element.parentElement.getBoundingClientRect(),r=(e.x-i.x)/this.designerCanvas.scaleFactor-this._deltaScrollOffset.x,s=(e.y-i.y)/this.designerCanvas.scaleFactor-this._deltaScrollOffset.y;for(let o=0;o<t.length;o++)t[o].values[0]=t[o].values[0]+r,t[o].values[1]=t[o].values[1]+s;this.extendedItem.element.setAttribute("d",We(this._pathdata))}refresh(){this._removeAllOverlays(),this.extend()}dispose(){this._removeAllOverlays()}};li();var $d=class{shouldExtend(e,t,i){return i.node instanceof SVGPathElement?sn(i.node):!1}getExtension(e,t,i){return new zo(e,t,i)}};za();Ba();Da();Ta();$a();Ja();el();tl();il();rl();Ua();Ka();La();Na();hc();dc();Jc();eh();Hc();Wc();Bc();Vc();bc();Sc();Ol();Yi();Zc();qc();jc();Uc();Fc();zc();wc();fc();uc();Ll();Tt();Ml();kr();Kc();Mc();ih();Tn();Pl();Gc();ol();bl();rh();cl();Hl();Vl();ls();jl();al();Gl();Wl();_c();Qc();th();ka();var Bo=class extends si{extendedItem;constructor(e,t){super(e,t)}};J();import{css as Hu}from"@node-projects/base-custom-webcomponent";var Vo=class extends Bo{_lineOffset=5;_lineLength=10;_circle;_line1;_line2;_line3;_line4;refresh(e){let t=this.designerCanvas.getNormalizedEventCoordinates(e);this._circle=this._drawCircle(t.x,t.y,1,"svg-cursor-line",this._circle,D.Foreground),this._line1=this._drawLine(t.x,t.y-this._lineOffset,t.x,t.y-this._lineOffset-this._lineLength,"svg-cursor-line",this._line1,D.Foreground),this._line2=this._drawLine(t.x,t.y+this._lineOffset,t.x,t.y+this._lineOffset+this._lineLength,"svg-cursor-line",this._line2,D.Foreground),this._line3=this._drawLine(t.x-this._lineOffset,t.y,t.x-this._lineOffset-this._lineLength,t.y,"svg-cursor-line",this._line3,D.Foreground),this._line4=this._drawLine(t.x+this._lineOffset,t.y,t.x+this._lineOffset+this._lineLength,t.y,"svg-cursor-line",this._line4,D.Foreground)}dispose(){super._removeAllOverlays()}style=Hu`.svg-cursor-line{stroke:#000;pointer-events:none}`};import{css as Wu}from"@node-projects/base-custom-webcomponent";var Jd=class{getExtension(e){return new Vo(e.extensionManager,e)}style=Wu`.svg-cursor-line{stroke:#000;pointer-events:none}`};import{BaseCustomWebComponentConstructorAppend as Gu,css as ju,html as Uu}from"@node-projects/base-custom-webcomponent";var xh=class extends Gu{static style=ju`:host{overflow:hidden;display:block;width:100%;height:100%;position:relative}#outerDiv{width:100%;height:100%}#innerDiv{transform-origin:top left;height:100%;width:100%;image-rendering:pixelated}#above{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;background:0 0;cursor:pointer}#viewRect{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;pointer-events:none}`;static template=Uu`<div id="outerDiv"><div id="innerDiv"></div></div><div id="above"><div id="viewRect"></div></div>`;_innerDiv;_outerDiv;_above;_instanceServiceContainer;_contentChangedHandler;_maxX=0;_maxY=0;_resizeObserver;_innerShadow;_zoomFactorChangedHandler;_viewRect;_minatureScaleX=1;_minatureScaleY=1;_reRenderFlag=!1;_isDragging=!1;_boundMouseMove;_boundMouseUp;constructor(){super(),this._restoreCachedInititalValues(),this._outerDiv=this._getDomElement("outerDiv"),this._innerDiv=this._getDomElement("innerDiv"),this._viewRect=this._getDomElement("viewRect"),this._above=this._getDomElement("above"),this._innerShadow=this._innerDiv.attachShadow({mode:"open"}),this._boundMouseMove=this._onMouseMove.bind(this),this._boundMouseUp=this._onMouseUp.bind(this),this._above.addEventListener("mousedown",e=>this._onMouseDown(e)),this._resizeObserver=new ResizeObserver(()=>{this._reSize()})}ready(){this._resizeObserver.observe(this)}_reSize(){let e=this._outerDiv.getBoundingClientRect();this._minatureScaleX=e.width/this._maxX,this._minatureScaleY=e.height/this._maxY,this._innerDiv.style.scale=this._minatureScaleX+" "+this._minatureScaleY}async _reRender(){if(this._instanceServiceContainer){let e=this._instanceServiceContainer?.designerCanvas;this._innerShadow.adoptedStyleSheets=[...e.rootDesignItem.element.shadowRoot.adoptedStyleSheets];let t=e.designerPixelSize;this._maxX=t.width,this._maxY=t.height;let i=await this._instanceServiceContainer.designerCanvas.serviceContainer.miniatureViewService.provideMiniatureView(e);this._innerShadow.replaceChildren(i),this._reSize(),this._reDrawRect(),this._reRenderFlag=!1}}_reDrawRect(){let e=this._instanceServiceContainer?.designerCanvas,t=e.canvasOffset,i=e.zoomFactor;this._viewRect.style.left=-t.x/this._maxX*100+"%",this._viewRect.style.top=-t.y/this._maxY*100+"%",this._viewRect.style.width=e.clientWidth/i/this._maxX*100+"%",this._viewRect.style.height=e.clientHeight/i/this._maxY*100+"%"}_onMouseDown(e){this._instanceServiceContainer&&(this._isDragging=!0,this._moveCanvasToMousePosition(e),window.addEventListener("mousemove",this._boundMouseMove),window.addEventListener("mouseup",this._boundMouseUp),e.preventDefault())}_onMouseMove(e){this._isDragging&&(this._moveCanvasToMousePosition(e),e.preventDefault())}_onMouseUp(e){this._isDragging=!1,window.removeEventListener("mousemove",this._boundMouseMove),window.removeEventListener("mouseup",this._boundMouseUp)}_moveCanvasToMousePosition(e){let t=this._instanceServiceContainer.designerCanvas,i=t.zoomFactor,r=this._above.getBoundingClientRect(),s=e.clientX-r.left,o=e.clientY-r.top,a=s/r.width*this._maxX,l=o/r.height*this._maxY,c=t.clientWidth/i/2,h=t.clientHeight/i/2;t.canvasOffset={x:-(a-c),y:-(l-h)}}set instanceServiceContainer(e){this._contentChangedHandler?.dispose(),this._zoomFactorChangedHandler?.dispose(),this._instanceServiceContainer=e,this._instanceServiceContainer?(this._zoomFactorChangedHandler=this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(()=>{this._reDrawRect()}),this._contentChangedHandler=this._instanceServiceContainer.contentService.onContentChanged.on(t=>{this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))}),this._reRenderFlag===!1&&(this._reRenderFlag=!0,setTimeout(()=>this._reRender(),50))):this._innerShadow.innerHTML=""}};customElements.define("node-projects-web-component-designer-miniature-view",xh);ee();import{BaseCustomWebComponentConstructorAppend as Ku,css as Yu,html as Xu}from"@node-projects/base-custom-webcomponent";function ep(n){if(!n)return"";let e,t=n.nodeName.toLowerCase();return n.id?e="#"+n.getAttribute("id"):n.getAttribute("class")&&(e="."+n.getAttribute("class").split(" ").join(".")),e?t+e:t}var Ho=function(n){if(!n||n.nodeName==="HTML"||n.nodeName==="#document")return{node:document.documentElement,reason:"root"};if(n.nodeName==="#document-fragment")return Ho(n.host);let e=n.ownerDocument.defaultView.getComputedStyle(n);if(e.position==="fixed"||e.position==="sticky")return{node:n,reason:`position: ${e.position}`};if(e.zIndex!=="auto"&&e.position!=="static")return{node:n,reason:`position: ${e.position}; z-index: ${e.zIndex}`};if(e.opacity!=="1")return{node:n,reason:`opacity: ${e.opacity}`};if(e.transform!=="none")return{node:n,reason:`transform: ${e.transform}`};if(e.scale!=="none")return{node:n,reason:`scale: ${e.scale}`};if(e.translate!=="none")return{node:n,reason:`translate: ${e.translate}`};if(e.rotate!=="none")return{node:n,reason:`rotate: ${e.rotate}`};if(e.mixBlendMode!=="normal")return{node:n,reason:`mixBlendMode: ${e.mixBlendMode}`};if(e.filter!=="none")return{node:n,reason:`filter: ${e.filter}`};if(e.backdropFilter!=="none")return{node:n,reason:`backdropFilter: ${e.backdropFilter}`};if(e.perspective!=="none")return{node:n,reason:`perspective: ${e.perspective}`};if(e.clipPath!=="none")return{node:n,reason:`clip-path: ${e.clipPath} `};let t=e.mask||e.webkitMask;if(t!=="none"&&t!==void 0)return{node:n,reason:`mask: ${t}`};let i=e.maskImage||e.webkitMaskImage;if(i!=="none"&&i!==void 0)return{node:n,reason:`mask-image: ${i}`};let r=e.maskBorder||e.webkitMaskBorder;if(r!=="none"&&r!==void 0)return{node:n,reason:`mask-border: ${r}`};if(e.isolation==="isolate")return{node:n,reason:`isolation: ${e.isolation}`};if(e.willChange==="transform"||e.willChange==="opacity"||e.willChange==="scale"||e.willChange==="translate"||e.willChange==="rotate")return{node:n,reason:`willChange: ${e.willChange}`};if(e.zIndex!=="auto"){let o=n.ownerDocument.defaultView.getComputedStyle(n.parentNode);if(o.display==="flex"||o.display==="inline-flex")return{node:n,reason:`flex-item; z-index: ${e.zIndex}`};if(o.grid!=="none / none / none / row / auto / auto")return{node:n,reason:`child of grid container; z-index: ${e.zIndex}`}}let s=e.contain;return["layout","paint","strict","content"].indexOf(s)>-1||s.indexOf("paint")>-1||s.indexOf("layout")>-1?{node:n,reason:`contain: ${s}`}:Ho(n.parentNode)},_h=class extends Ku{static template=Xu`<div><table><tr><th colspan="2">Styling</th></tr><tr><td>display</td><td>[[?this.computedStyle.display]]</td></tr><tr><td>position</td><td>[[?this.computedStyle.position]]</td></tr><tr><td>visibility</td><td>[[?this.computedStyle.visibility]]</td></tr><tr><td>pointerEvents</td><td>[[?this.computedStyle.pointerEvents]]</td></tr><tr><td>zIndex</td><td>[[?this.computedStyle.zIndex]]</td></tr><tr><th colspan="2">Context</th></tr><tr><td>offsetParent</td><td class="lnk" @click="[[this._clickLink(event, 'offsetParent')]]">[[?this.selectedElementOffsetParentText]]</td></tr><tr><td>createsStackingContext</td><td>[[this.createsStackingContext]]</td></tr><tr><td>stackingContextReason</td><td>[[this.createsStackingContextReason]]</td></tr><tr><td>stackingContextParent</td><td class="lnk" @click="[[this._clickLink(event, 'stackingContextParent')]]">[[?this.parentStackingContextText]]</td></tr></table></div>`;static style=Yu`:host{overflow:auto;height:100%;display:block;font-size:12px}table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}table td,table th{border:1px solid #ddd;padding:2px 4px}table tr:nth-child(even){background-color:#f2f2f2}table tr:hover{background-color:#ddd}table th{text-align:left;background-color:#989898;color:#fff}.lnk{color:#00f}.lnk:hover{text-decoration:underline;cursor:pointer}`;_ready;computedStyle;createsStackingContext="";createsStackingContextReason="";parentStackingContext;parentStackingContextText;selectedElementOffsetParent;selectedElementOffsetParentText;constructor(){super(),this._restoreCachedInititalValues()}ready(){this._parseAttributesToProperties(),this._bindingsParse(),this._ready=!0}_clickLink(e,t){if(t=="offsetParent"){if(this.selectedElementOffsetParent){let i=M.GetDesignItem(this.selectedElementOffsetParent);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}else if(t=="stackingContextParent"&&this.parentStackingContext){let i=M.GetDesignItem(this.parentStackingContext);i.instanceServiceContainer.selectionService.setSelectedElements([i])}}update(e){this._ready&&requestAnimationFrame(()=>{let t=e?.element;if(t?.nodeType==3&&(t=t.parentNode),t&&t.nodeType!=8&&t.nodeType!=11){if(this.computedStyle=t.ownerDocument.defaultView.getComputedStyle(t),this.selectedElementOffsetParent=t.offsetParent,this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element||this.selectedElementOffsetParent==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement?(this.selectedElementOffsetParentText=null,this.selectedElementOffsetParent=null):this.selectedElementOffsetParentText=ep(t.offsetParent),t&&t.nodeType===1){let i=Ho(t);this.createsStackingContext=t===i.node,this.createsStackingContextReason=this.createsStackingContext?i.reason:"not a stacking context",this.parentStackingContext=i.node,this.createsStackingContext&&t.nodeName!=="HTML"&&(this.parentStackingContext=Ho(t.parentNode).node),this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement||this.parentStackingContext==e.instanceServiceContainer.designerCanvas.rootDesignItem.element.parentElement.parentElement?(this.parentStackingContextText=null,this.parentStackingContext=null):this.parentStackingContextText=ep(this.parentStackingContext)}}else this.computedStyle={},this.createsStackingContext=!1,this.createsStackingContextReason="",this.createsStackingContext=!1,this.selectedElementOffsetParent=null,this.selectedElementOffsetParentText=null,this.parentStackingContext=null,this.parentStackingContextText=null;this._bindingsRefresh()})}};customElements.define("node-projects-debug-view",_h);import{BaseCustomWebComponentConstructorAppend as Zu,css as qu,html as Qu}from"@node-projects/base-custom-webcomponent";var Wo=class extends Zu{static template=Qu`<div id="root"><div class="search"><span>search</span> <input style="flex-grow:1;min-width:0" value="{{this.searchText}}"> <span>replace</span> <input style="flex-grow:1;min-width:0" value="{{this.replaceText}}"> <button @click="[[this.replace()]]" style="grid-column:2">replace</button></div><hr><template repeat:item="[[this.refactorings]]"><details open><summary>[[item[1][0].itemType]]-name:<input value="[[item[1][0].name]]" @keydown="[[this._refactor(item, event)]]" style="flex-grow:1;min-width:0"></summary><ul><template repeat:reft="[[item[1]]]"><li>[[reft.type]]/[[reft.display]]</li></template></ul></details></template></div>`;static style=qu`:host{box-sizing:border-box;font-family:monospace;height:100%;width:100%;position:absolute;overflow:hidden}.search{display:grid;grid-template-columns:40px 1fr;align-items:center}span{font-size:10px}summary{cursor:pointer;font-size:10px;display:flex;align-items:center;white-space:nowrap}ul{margin:4px;padding-left:20px;font-size:10px}#root{padding:5px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;height:calc(100% - 10px)}`;static is="node-projects-refactor-view";static properties={};_instanceServiceContainer;_selectionChangedHandler;_selectedItems;searchText="(.*)";replaceText="$1";refactorings=new Map;ready(){this._bindingsParse()}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectedItems=t.selectedElements}),this.selectedItems=this._instanceServiceContainer.selectionService.selectedElements}get selectedItems(){return this._selectedItems}set selectedItems(e){this._selectedItems!=e&&(this._selectedItems=e,this.updateRefactorlist(this._selectedItems))}replace(){let e=null;for(let t of this.refactorings){let i=t[1][0].name,r=new RegExp(this.searchText);if(i.match(r)){e||(e=t[1][0].designItem.openGroup("refactor with regex "+this.searchText+" -> "+this.replaceText));let o=i.replace(r,this.replaceText);o!=i&&this.applyRefactoring(t,o)}}e||e.commit()}_refactor(e,t){let i=t.target;t.key=="Enter"&&this.applyRefactoring(e,i.value)}applyRefactoring(e,t){let i=e[1][0].designItem.openGroup("refactor "+e[1][0].name+" to "+t);for(let r of e[1])r.service.refactor(r,r.name,t);i.commit()}updateRefactorlist(e){if(this.refactorings.clear(),e&&e.length){let t=[],i=e[0].serviceContainer;for(let r of i.refactorServices){let s=r.getRefactorings(e);t.push(...s)}for(let r of t){let s=this.refactorings.get(r.itemType+"|"+r.name);s===void 0&&(s=[],this.refactorings.set(r.itemType+"|"+r.name,s)),s.push(r)}}this._bindingsRefresh()}};customElements.define(Wo.is,Wo);Uo();te();at();import{BaseCustomWebComponentLazyAppend as $u,css as Ju,html as ef}from"@node-projects/base-custom-webcomponent";var lr=class extends $u{static style=Ju`:host{display:block;box-sizing:border-box;height:100%;overflow:auto}button{background-color:transparent;color:#fff;border:none;font-size:13px;display:block;cursor:pointer;width:100%;text-align:left;padding:8px 14px}button:hover{background:var(--light-grey,#383f52)}table{width:100%}td{color:#fff;font-size:13px}div{text-transform:uppercase;font-size:12px;font-weight:700;padding:4px 14px}`;static template=ef`<table id="table"></table>`;_table;constructor(){super(),this._table=this._getDomElement("table")}loadElements(e,t,i){for(let r of t){let s=document.createElement("tr"),o=document.createElement("td"),a=document.createElement("button");if(a.setAttribute("part","button"),r.icon&&!r.displayHtml){let c=r.icon;r.icon.startsWith("data:")||(c=i+r.icon),a.innerHTML='<table><tr><td align="left" valign="middle" style="width:20px;"><img style="width:16px;height:16px" src="'+c+'"></td><td align="left" >'+r.tag+`</td></tr></table>
7
+ `}else r.displayHtml?a.innerHTML=r.displayHtml:a.innerText=r.name?r.name:r.tag;a.draggable=!0,a.ondragstart=c=>{if(c.dataTransfer.setData(ti,JSON.stringify(r)),c.currentTarget.style.outline="dashed",r.ghostElement)if(typeof r.ghostElement=="string"){let h=document.createRange();h.selectNode(document.body);let p=h.createContextualFragment(r.ghostElement).firstChild;p.style.position="absolute",p.style.top="-1000px",document.body.appendChild(p),c.dataTransfer.setDragImage(p,0,0),requestAnimationFrame(()=>document.body.removeChild(p))}else c.dataTransfer.setDragImage(r.ghostElement,0,0);else if(!r.import)try{let h=document.createElement(r.tag);if(r.defaultContent&&(h.innerHTML=r.defaultContent),r.defaultWidth&&(h.style.width=r.defaultWidth),r.defaultHeight&&(h.style.height=r.defaultHeight),r.defaultAttributes)for(let p in r.defaultAttributes)h.setAttribute(p,r.defaultAttributes[p]);if(r.defaultStyles)for(let p in r.defaultStyles)h.style[p]=r.defaultStyles[p];h.style.position="absolute",r.defaultWidth?h.style.top="-"+(parseInt(r.defaultHeight)+500)+"px":h.style.top="-500px",r.defaultWidth?h.style.left="-"+(parseInt(r.defaultWidth)+500)+"px":h.style.left="-500px",document.body.appendChild(h);let d=h.getBoundingClientRect();d.width>0&&d.height>0&&c.dataTransfer.setDragImage(h,0,0),requestAnimationFrame(()=>document.body.removeChild(h))}catch(h){console.warn("error creating gost elment",h)}},a.ondragend=c=>{r.import=null,c.currentTarget.style.outline="none"},a.ontouchstart=c=>{c.preventDefault()},a.onclick=c=>{let h=e.designerTools.get(r.tool??U.DrawElementTool);typeof h=="function"&&(h=new h(r)),e.globalContext.tool=h},o.appendChild(a),s.appendChild(o);let l=document.createElement("td");l.innerText=r.description??"",s.appendChild(l),this._table.appendChild(s)}}};customElements.define("node-projects-palette-elements",lr);import{BaseCustomWebComponentLazyAppend as tf,css as rf}from"@node-projects/base-custom-webcomponent";var bh=class extends tf{selected="native";_designerTabControl;static style=rf`:host{display:flex;flex-direction:column;flex:1;height:100%}`;constructor(){super(),this._restoreCachedInititalValues(),this._designerTabControl=new rt,this._designerTabControl.selectedIndex=0,this.shadowRoot.appendChild(this._designerTabControl)}async loadControls(e,t){this._designerTabControl.innerHTML="";for(let i of t)try{let r=await i.getElements(),s=new lr;s.title=i.name,this._designerTabControl.appendChild(s),s.loadElements(e,r)}catch(r){console.warn("Error loading elements",r)}this._designerTabControl.refreshItems()}};customElements.define("node-projects-palette-view",bh);ee();import{BaseCustomWebComponentLazyAppend as nf,css as sf}from"@node-projects/base-custom-webcomponent";var Sh=class extends nf{_items;_index;_previouslySelected;_treeDiv;_instanceServiceContainer;_selectionChangedHandler;_contentChangedHandler;_mapElementTreeitem;_rootItem;static style=sf`:host{--horz-margin:20px;--vert-margin:0px;--horz-shift:calc(var(--horz-margin) / 2);--vert-shift:12px;display:inline-block;position:relative;width:100%;height:100%;background:var(--dark-grey,#232733);overflow-y:auto}button{border:none;font-size:13px;display:block;padding:4px 0;cursor:pointer;width:100%;text-align:left;display:inline-block;margin:0;background:var(--dark-grey,#232733);position:relative;color:#fff}button:focus,button:hover{background:var(--light-grey,#383f52)}span{margin:4px}.id{font-style:italic;color:var(--highlight-pink,#e91e63)}.selected{background:var(--light-grey,#383f52);outline:0}li,ul{margin:0;padding:0}.tree ul{margin-left:var(--horz-margin)}.tree li{list-style-type:none;margin-top:var(--vert-margin);margin-bottom:var(--vert-margin);position:relative}.tree li::before{content:"";position:absolute;top:calc(0px - var(--vert-margin));left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(var(--vert-shift) + var(--vert-margin));border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0}.tree li::after{position:absolute;content:"";top:var(--vert-shift);left:calc(var(--horz-shift) - var(--horz-margin));width:calc(var(--horz-margin) - var(--horz-shift));height:calc(100% - var(--vert-shift));border-left:1px solid #ccc;border-top:1px solid #ccc;border-radius:0}ul.tree>li:first-child::before{display:none}.tree li:last-child::after{display:none}ul.tree>li:first-child::after{border-radius:5px 0 0 0}.tree li:last-child:before{border-radius:0 0 0 5px}`;constructor(){super(),this._restoreCachedInititalValues(),this._treeDiv=document.createElement("div"),this._treeDiv.style.userSelect="none",this.shadowRoot.appendChild(this._treeDiv),this._treeDiv.addEventListener("click",this._clickElement.bind(this))}createTree(e){this._rootItem=e,e!=null&&this._recomputeTree(e.element,null)}set instanceServiceContainer(e){this._instanceServiceContainer=e,this._selectionChangedHandler?.dispose(),this._selectionChangedHandler=this._instanceServiceContainer.selectionService.onSelectionChanged.on(t=>{this.selectionChanged(t)}),this._contentChangedHandler?.dispose(),this._contentChangedHandler=this._instanceServiceContainer.contentService.onContentChanged.on(t=>{this.createTree(e.contentService.rootDesignItem)}),this.createTree(e.contentService.rootDesignItem)}selectionChanged(e){this._selectTreeElements(e.selectedElements.map(t=>this._mapElementTreeitem.get(t.element)))}_recomputeTree(e,t){this._mapElementTreeitem=new Map,this._treeDiv.innerHTML="";let i=document.createElement("ul");return i.classList.add("tree"),this._treeDiv.appendChild(i),this._index=0,this._items=this._getChildren(e,i),this._highlight(t),this._items}_makeButton(e,t,i){let r=document.createElement("button");r.dataset.index=i;let s=document.createElement("span");s.className="tag",s.textContent=e;let o=document.createElement("span");return o.className="id",o.textContent=t,r.appendChild(s),r.appendChild(o),r}_getChildren(e,t){let i=e.id==="viewContainer",r={tag:i?"main-app":e.tagName.toLowerCase(),id:i?"":e.id?"#"+e.id:"",text:i?"":'"'+e.textContent+'"',ref:e,index:this._index},s=document.createElement("li"),o=this._makeButton(r.tag,r.id,r.index);s.appendChild(o),t.appendChild(s),this._mapElementTreeitem.set(r.ref,o),this._index++;let a=[r],l=null;for(let c=0;c<e.children.length;c++){let h=e.children[c];h.localName!=="style"&&(l==null&&(l=document.createElement("ul"),s.appendChild(l)),a=a.concat(this._getChildren(h,l)))}return a}_clickElement(e){let t=e.target;t.localName==="span"&&(t=t.parentElement),this._selectTreeElements([t]),this._selectDesignerElement(t)}_selectTreeElements(e){if(this._previouslySelected)for(let t of this._previouslySelected)t&&t.classList.remove("selected");if(this._previouslySelected=e,e)for(let t of e)t&&t.classList.add("selected")}_selectDesignerElement(e){let t=e.dataset.index,i=this._items[t].ref,r=M.GetOrCreateDesignItem(i,i,this._rootItem.serviceContainer,this._rootItem.instanceServiceContainer);r.instanceServiceContainer.selectionService.setSelectedElements([r])}_highlight(e){if(!e)return;let t=this.shadowRoot.querySelectorAll("button");if(t.length===this._items.length){for(let i=0;i<this._items.length;i++)if(this._items[i].ref===e){this._selectTreeElements([t[i]]);return}}}};customElements.define("node-projects-tree-view",Sh);Ko();import{BaseCustomWebComponentLazyAppend as cf,css as hf,cssFromString as df,debounce as pf,TypedEvent as wh}from"@node-projects/base-custom-webcomponent";import{BaseCustomWebComponentConstructorAppend as of,css as af,html as lf}from"@node-projects/base-custom-webcomponent";var cr=class extends of{static style=af`:host{display:block}#split{position:relative;height:100%;width:100%;grid-template-rows:calc(var(--split) * 1%) 5px calc(((100 - var(--split)) * 1%) - 5px);grid-template-columns:100%;display:grid;align-items:center}#splitter{user-select:none;-webkit-user-select:none}:host(:not([orientation=vertical]))>div>#splitter{cursor:ew-resize;width:5px}:host([orientation=vertical])>div>#splitter{cursor:ns-resize;height:5px}`;static template=lf`<div id="split" style="--split:50"><slot name="top"></slot><div id="splitter"></div><slot name="bottom"></slot></div>`;static properties={orientation:String};orientation="vertical";constructor(){super()}ready(){this._parseAttributesToProperties(),this.setAttribute("orientation",this.orientation);let e=this._getDomElement("split"),t=this._getDomElement("splitter"),i=null;t.addEventListener("pointerdown",r=>{t.setPointerCapture(r.pointerId),i=!0}),t.addEventListener("pointerup",r=>{t.releasePointerCapture(r.pointerId),i=null}),t.addEventListener("pointermove",r=>{if(i!==null){let s=parseFloat(e.style.getPropertyValue("--split"));this.orientation==="horizontal"?s+=r.movementX*100/e.clientWidth:s+=r.movementY*100/e.clientHeight,isNaN(s)||e.style.setProperty("--split",s)}})}};customElements.define("node-projects-simple-split-view",cr);be();Ve();var V;(function(n){n[n.designer=0]="designer",n[n.code=1]="code",n[n.split=2]="split",n[n.preview=3]="preview"})(V||(V={}));var Ch=class extends cf{designerView;codeView;demoView;additionalData;_firstLoad=!0;_stylesheetChangedEventRegistered;_additionalStyle;set additionalStyleString(e){this._additionalStyle=e,this.designerView.additionalStyles=[df(e)]}get additionalStyleString(){return this._additionalStyle}_additionalStyles;set additionalStyles(e){this._additionalStyles=e,this.designerView.additionalStyles=this._additionalStyles}get additionalStyles(){return this._additionalStyles}_additionalStylesheets;set additionalStylesheets(e){this._additionalStylesheets=e,this.designerView.instanceServiceContainer.stylesheetService&&(this.designerView.instanceServiceContainer.stylesheetService.setStylesheets(e),this._stylesheetChangedEventRegistered||(this._stylesheetChangedEventRegistered=!0,this.designerView.instanceServiceContainer.stylesheetService.stylesheetChanged.on(t=>this.additionalStylesheetChanged.emit({name:t.name,newStyle:t.newStyle,oldStyle:t.oldStyle,changeSource:t.changeSource}))))}get additionalStylesheets(){return this._additionalStylesheets}additionalStylesheetChanged=new wh;get readOnly(){return this.designerView?.readOnly}set readOnly(e){this.designerView&&(this.designerView.readOnly=e),this.codeView&&(this.codeView.readOnly=e)}onContentChanged=new wh;onTabChanged=new wh;_contentChangeSource="designer";_serviceContainer;_content="";_tabControl;_selectionPosition;_splitDiv;_designerDiv;_codeDiv;refreshInSplitViewDebounced;_disableChangeNotificationDesigner;_disableChangeNotificationEditor;static get style(){return hf`div{height:100%;display:flex;flex-direction:column}node-projects-designer-view{height:100%;overflow:hidden}`}constructor(e,t,i=!1){super(),this.refreshInSplitViewDebounced=pf(this.refreshInSplitView,200),this._serviceContainer=e,t!=null&&(this._content=t);let r=document.createElement("div");this._tabControl=new rt,r.appendChild(this._tabControl),this.designerView=new jt(i),this.designerView.setAttribute("exportparts","canvas"),this.designerView.slot="top",this._designerDiv=document.createElement("div"),this._tabControl.appendChild(this._designerDiv),this._designerDiv.appendChild(this.designerView),this._designerDiv.dataset.title="Designer",this.designerView.initialize(this._serviceContainer),this.designerView.instanceServiceContainer.documentContainer=this,this.designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(s=>this.designerSelectionChanged(s)),this.designerView.designerCanvas.onContentChanged.on(()=>this.designerContentChanged()),this.codeView=new e.config.codeViewWidget,this.codeView.slot="bottom",this.codeView.style.position="relative",this._codeDiv=document.createElement("div"),this._tabControl.appendChild(this._codeDiv),this._codeDiv.style.position="relative",this._codeDiv.appendChild(this.codeView),this._codeDiv.dataset.title="Code",this.codeView.onTextChanged.on(s=>{this._disableChangeNotificationDesigner||(this._tabControl.selectedIndex===V.code||this._tabControl.selectedIndex===V.split)&&(this._disableChangeNotificationEditor=!0,this._content=s,this.refreshInSplitViewDebounced())}),this._splitDiv=new cr,this._splitDiv.style.height="100%",this._splitDiv.dataset.title="Split",this._tabControl.appendChild(this._splitDiv),e.config.demoViewWidget&&(this.demoView=new e.config.demoViewWidget,this.demoView.dataset.title="Preview",this._tabControl.appendChild(this.demoView)),queueMicrotask(()=>{this.shadowRoot.appendChild(r),this._tabControl.selectedIndex=V.designer})}async refreshInSplitView(){try{await this.updateDesignerHtml()}catch(e){console.error(e)}this._disableChangeNotificationEditor=!1}get currentView(){return this._tabControl.selectedIndex==V.designer?"designer":this._tabControl.selectedIndex==V.split?"split":this._tabControl.selectedIndex==V.code?"code":this._tabControl.selectedIndex==V.preview?"preview":null}set currentView(e){e=="designer"&&(this._tabControl.selectedIndex=V.designer),e=="split"&&(this._tabControl.selectedIndex=V.split),e=="code"&&(this._tabControl.selectedIndex=V.code),e=="preview"&&(this._tabControl.selectedIndex=V.preview)}designerSelectionChanged(e){if(this._tabControl.selectedIndex===V.split){let t=this.instanceServiceContainer.selectionService.primarySelection;t&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t),this._selectionPosition&&this.codeView.setSelection(this._selectionPosition),this._selectionPosition=null)}}designerContentChanged(){if(this.onContentChanged.emit({source:this._contentChangeSource}),!this._disableChangeNotificationEditor){if(this._disableChangeNotificationDesigner=!0,this._tabControl.selectedIndex===V.code||this._tabControl.selectedIndex===V.split){let e=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.codeView.update(this._content,this.designerView.instanceServiceContainer),e&&this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(e),this._selectionPosition&&this.codeView.setSelection(this._selectionPosition),this._selectionPosition=null)}this._disableChangeNotificationDesigner=!1}}dispose(){this.codeView.dispose(),this.demoView.dispose()}executeCommand(e){this._tabControl.selectedIndex===V.designer||this._tabControl.selectedIndex===V.split?this.designerView.executeCommand(e):this._tabControl.selectedIndex===V.code?this.codeView.executeCommand(e):this._tabControl.selectedIndex===V.preview&&this.demoView.executeCommand(e)}canExecuteCommand(e){if(this._tabControl.selectedIndex===V.designer||this._tabControl.selectedIndex===V.split){if(this.designerView?.canExecuteCommand)return this.designerView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===V.code){if(this.codeView?.canExecuteCommand)return this.codeView.canExecuteCommand(e)}else if(this._tabControl.selectedIndex===V.preview&&this.demoView?.canExecuteCommand)return this.demoView.canExecuteCommand(e);return!1}async setContentAsync(e){this._content=e,this._tabControl&&(this._tabControl.selectedIndex===V.designer?await this.updateDesignerHtml():this._tabControl.selectedIndex===V.code?this.codeView.update(this._content,this.designerView.instanceServiceContainer):this._tabControl.selectedIndex===V.split||this._tabControl.selectedIndex===V.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString))}set content(e){this.setContentAsync(e)}get content(){return this._tabControl?(this._tabControl.selectedIndex===V.designer?this._content=this.designerView.getDesignerHTML():this._tabControl.selectedIndex===V.code&&(this._content=this.codeView.getText()),this._content):null}ready(){this._tabControl.onSelectedTabChanged.on(e=>{if(e.oldIndex===V.designer){let t=this.instanceServiceContainer.selectionService.primarySelection;this._content=this.designerView.getDesignerHTML(),this.designerView.instanceServiceContainer.designItemDocumentPositionService&&(this._selectionPosition=this.designerView.instanceServiceContainer.designItemDocumentPositionService.getPosition(t))}else e.oldIndex===V.code?this._content=this.codeView.getText():e.oldIndex===V.split?(this._designerDiv.appendChild(this.designerView),this._codeDiv.appendChild(this.codeView)):e.oldIndex===V.preview&&this.demoView?.stopDisplay&&this.demoView.stopDisplay();(e.newIndex===V.designer||e.newIndex===V.split)&&this.updateDesignerHtml(),(e.newIndex===V.code||e.newIndex===V.split)&&(this.codeView.update(this._content,this.designerView.instanceServiceContainer),this._selectionPosition&&(this.codeView.setSelection(this._selectionPosition),st(20).then(t=>{this._selectionPosition&&this.codeView.setSelection(this._selectionPosition),this._selectionPosition=null})),e.changedViaClick&&this.codeView.focusEditor()),e.newIndex===V.split&&(this._splitDiv.appendChild(this.designerView),this._splitDiv.appendChild(this.codeView)),e.newIndex===V.preview&&this.demoView.display(this._serviceContainer,this.designerView.instanceServiceContainer,this._content,this.additionalStyleString),this._content&&(this._firstLoad=!1),this.onTabChanged.emit({oldTab:V[e.oldIndex],newTab:V[e.newIndex]})}),this._content&&(this.content=this._content,this._firstLoad=!1)}async updateDesignerHtml(){if(this._firstLoad)return this.designerView.parseDesignerHTML(this._content,this._firstLoad);if(this.designerView.getDesignerHTML()!=this._content){this._contentChangeSource="code",await this.designerView.parseDesignerHTML(this._content,this._firstLoad),this._contentChangeSource="designer";return}else this.instanceServiceContainer.undoService.clearTransactionstackIfNotEmpty(),this.designerView.designerCanvas.overlayLayer.removeAllOverlays(),this.designerView.designerCanvas.extensionManager.reapplyAllAppliedExtentions(null,[C.Permanent,C.Selection,C.PrimarySelection,C.PrimarySelectionContainer,C.OnlyOneItemSelected,C.MultipleItemsSelected])}get instanceServiceContainer(){return this.designerView.instanceServiceContainer}};customElements.define("node-projects-document-container",Ch);le();Wa();ht();te();wo();export{Io as AbsolutePlacementService,Ct as AbstractBaseToolPopup,fi as AbstractCssPropertiesService,Re as AbstractDesignViewConfigButton,Bo as AbstractDesignerPointerExtension,z as AbstractExtension,ns as AbstractHtmlWriterService,Ue as AbstractPolymerLikePropertiesService,q as AbstractPropertiesService,To as AbstractStylesheetService,lo as AlignItemsContextMenu,Nn as AltToEnterContainerExtension,Rn as AltToEnterContainerExtensionProvider,_d as AlwaysAbsolutePlacementService,gi as ApplyFirstMachingExtensionProvider,xs as AttachedPropertiesService,Oi as AttributeAndPropertyChangeAction,Ti as AttributeChangeAction,ui as AttributesPropertiesService,Kr as BaseCustomWebComponentPropertiesService,xd as BaseCustomWebcomponentBindingsService,Cd as BaseCustomWebcomponentDesignItemService,$ as BasePropertyEditor,Xt as BaseServiceContainer,Te as BasicStackedToolbarExtension,co as BasicWebcomponentPropertiesService,vd as BindableObjectType,sr as BindingMode,L as BindingTarget,Od as BindingsRefactorService,Js as BlockToolbarExtension,eo as BlockToolbarExtensionProvider,Vr as BooleanPropertyEditor,pt as ButtonSeperatorProvider,Ts as ChangeGroup,Wt as ChildContextMenu,fo as ChildrenContextMenu,ki as CodeViewSimple,Nr as ColorPropertyEditor,E as CommandType,Ne as CommonPropertiesService,ut as ConditionExtensionProvider,ko as ContentAndIdPropertiesService,Ns as ContentService,ye as ContextMenu,Sd as CopyPasteAsJsonService,An as CopyPasteContextMenu,qn as CopyPasteService,Cr as CssAttributeParser,mi as CssCombiner,Vt as CssCurrentPropertiesService,Ht as CssCustomPropertiesService,wr as CssEntry,Ie as CssPropertiesService,Qt as CssStyleChangeAction,Vo as CursorLinePointerExtension,Jd as CursorLinePointerExtensionProvider,Rr as DatePropertyEditor,_h as DebugView,vh as DefaultConfiguredDesignerView,Ur as DefaultEditorTypesService,bt as DefaultHtmlParserService,Lr as DefaultInstanceService,Qn as DefaultModelCommandService,Xe as DefaultPlacementService,yo as DeleteAction,vo as DeletionService,Pi as DemoView,M as DesignItem,zs as DesignItemDocumentPositionService,xi as DesignItemService,Ci as DesignerCanvas,rt as DesignerTabControl,ar as DesignerToolbar,ue as DesignerToolbarButton,jt as DesignerView,$n as DisplayGridExtension,Bt as DisplayGridExtensionProvider,bo as DisplayMediaPngWriterService,Ch as DocumentContainer,Y as DomConverter,Ws as DragDropService,js as DrawElementTool,ts as DrawEllipsisTool,is as DrawLineTool,pn as DrawPathTool,es as DrawRectTool,fs as DrawToolButtonProvider,qi as DrawToolPopup,Fs as EditGridColumnRowSizesExtension,tr as EditGridColumnRowSizesExtensionProvider,hi as EditTextExtension,Kn as EditTextExtensionProvider,bd as ElectronPngWriterService,Wn as ElementAtPointService,ke as ElementDisplayType,$r as ElementDragTitleExtension,Jr as ElementDragTitleExtensionProvider,S as EventNames,Ce as EventsService,Fo as ExtensionManager,C as ExtensionType,Un as ExternalDragDropService,Gn as FlexBoxPlacementService,Qs as FlexToolbarExtension,$s as FlexToolbarExtensionProvider,Ps as FlexboxExtension,ks as FlexboxExtensionDesignViewConfigButtons,er as FlexboxExtensionProvider,mo as ForceCssContextMenu,Pd as FormatingHtmlWriterService,vs as GrayOutDragOverContainerExtension,$i as GrayOutDragOverContainerExtensionProvider,On as GrayOutExtension,Ln as GrayOutExtensionProvider,_s as GridAssignedRowColumnPropertyEditor,oo as GridChildResizeExtension,ao as GridChildResizeExtensionProvider,to as GridChildToolbarExtension,io as GridChildToolbarExtensionProvider,Jn as GridExtensionDesignViewConfigButtons,Hn as GridPlacementService,Zs as GridToolbarExtension,qs as GridToolbarExtensionProvider,cn as HighlightElementExtension,hn as HighlightElementExtensionProvider,ss as HtmlWriterService,wd as IframeDemoProviderService,Hr as ImageButtonListPropertyEditor,Er as IndentedTextWriter,fe as InsertAction,vt as InsertChildAction,No as InstanceServiceContainer,Fn as InvisibleElementExtension,Ds as InvisibleElementExtensionDesignViewConfigButtons,zn as InvisibleElementExtensionProvider,Vn as ItemsBelowContextMenu,Ed as JsonFileElementsService,Fr as JsonPropertyEditor,Dd as JsonPropertyPopupEditor,Rs as JumpToElementContextMenu,Td as ListPropertiesService,Qr as Lit2PropertiesService,_r as LitElementPropertiesService,kn as MagicWandSelectorTool,nn as MarginExtension,on as MarginExtensionProvider,yi as MarginTool,Ks as MathMLElementsPropertiesService,bs as MetricsPropertyEditor,xh as MiniatureView,xo as MiniatureViewService,kd as MultiplayerService,In as MultipleItemsSelectedContextMenu,Vs as MultipleSelectionRectExtension,Hs as MultipleSelectionRectExtensionProvider,U as NamedTools,br as NativeElementsPropertiesService,I as NodeType,yd as NpmPackageLoader,zr as NumberPropertyEditor,Co as ObservedCustomElementsRegistry,uo as OptionsContextMenuButton,D as OverlayLayer,wi as OverlayLayerView,no as PaddingExtension,so as PaddingExtensionProvider,vi as PaddingTool,lr as PaletteElements,bh as PaletteView,En as PanTool,as as PathContextMenu,zo as PathExtension,$d as PathExtensionProvider,Dn as PickColorTool,Es as PlacementExtension,As as PlacementExtensionProvider,jo as PlainScrollbar,ge as PointerActionType,dn as PointerTool,ms as PointerToolButtonProvider,Zi as PointerToolPopup,xr as PolymerPropertiesService,an as PositionExtension,ln as PositionExtensionProvider,Ao as PreDefinedElementsService,ho as PreviousElementSelectExtension,po as PreviousElementSelectExtensionProvider,F as PropertiesHelper,Tr as PropertyChangeAction,fh as PropertyGrid,Me as PropertyGridPropertyList,gh as PropertyGridWithHeader,Cs as PropertyGroupsService,v as PropertyType,os as RectContextMenu,ji as RectangleSelectorTool,Wo as RefactorView,W as RefreshMode,vn as ResizeExtension,xn as ResizeExtensionProvider,_n as RotateExtension,bn as RotateExtensionProvider,Sn as RotateGroupExtension,wn as RotateGroupExtensionProvider,ds as RotateLeftAndRight,Us as RoundPixelsDesignViewConfigButton,Sr as SVGElementsPropertiesService,Gt as Screenshot,So as SearchService,ps as SelectAllChildrenContextMenu,Bi as SelectPropertyEditor,mn as SelectionDefaultExtension,un as SelectionDefaultExtensionProvider,Ls as SelectionService,Qi as SelectionToolPopup,ys as SelectorToolButtonProvider,De as SeperatorContextMenu,Je as SeperatorToolProvider,gr as ServiceContainer,Oo as SetDesignItemsAction,Gs as SimpleDemoProviderService,nr as SimpleToolButtonProvider,jn as SnaplinesProviderService,Mo as StylesheetChangedAction,Pr as StylesheetServiceDesignViewConfigButtons,Ys as SvgElementExtension,Xs as SvgElementExtensionProvider,Dr as TextContentChangeAction,Br as TextPropertyEditor,Ld as TextRefactorService,Mn as TextTool,gs as TextToolButtonProvider,Gr as ThicknessPropertyEditor,ro as ToolbarExtensionsDesignViewConfigButtons,Eo as TouchGestureHelper,tn as TransformOriginExtension,rn as TransformOriginExtensionProvider,Bs as TransformToolButtonProvider,ir as TransformToolPopup,Sh as TreeView,Ms as UndoService,Md as UnkownElementsPropertiesService,H as ValueType,Po as WebcomponentManifestElementsService,Ad as WebcomponentManifestEventsService,Id as WebcomponentManifestParserService,_i as WebcomponentManifestPropertiesService,Pn as ZMoveContextMenu,hs as ZoomToElementContextMenu,Cn as ZoomTool,us as ZoomToolButtonProvider,Ng as arraysEqual,b as assetsPath,et as basicStackedToolbarExtensionOverlayOptionName,Yh as calculateAlpha,Ye as calculateNormLegth,Dt as calculateOuterRect,uh as calculateSpecificity,Wb as copyTextToClipboard,Ui as copyToClipboard,fd as createDefaultServiceContainer,We as createPathD,Lg as dataURItoBlob,Hh as deepValue,Lt as dragDropFormatNameBindingObject,ti as dragDropFormatNameElementDefinition,xa as dragDropFormatNamePropertyGrid,Ir as enableStylesheetService,Vh as exportData,ae as filterChildPlaceItems,Aa as filterNonElementItems,mc as flexboxExtensionShowOverlayOptionName,Li as forceActiveAttributeName,Ri as forceFocusAttributeName,zi as forceFocusVisibleAttributeName,Fi as forceFocusWithinAttributeName,_t as forceHoverAttributeName,Ni as forceVisitedAttributeName,zf as getActiveElement,G as getBoundingClientRectAlsoForDisplayContents,Rh as getContentBoxContentOffsets,Zr as getDesignItemCurrentPos,Nh as getElementDisplaytype,Bf as getElementOffsetParent,Vf as getElementOffsetsInContainer,Hf as getElementsWindowOffsetWithoutSelfAndParentTransformations,Xn as getFromClipboard,Lh as getParentElementIncludingSlots,Yn as getTextFromClipboard,Ki as gridExtensionShowOverlayOptionName,j as hasCommandKey,$t as hideAtDesignTimeAttributeName,Jt as hideAtRunTimeAttributeName,zh as htmlAsString,Ff as inDesigner,yt as instanceOf,Di as instanceOfAny,_l as invisibleElementExtensionShowOverlayOptionName,Bh as isAppleDevice,vr as isEmptyTextNode,Mr as isFirefox,It as isInline,kt as isInlineAfter,Ot as lockAtDesignTimeAttributeName,Xh as moveSVGPath,yr as newElementFromString,yn as normalizeToAbsolutePosition,qr as placeDesignItem,sa as pointInRect,ad as positionsJsonMime,wm as provideSnaplinesWithDistance,Cm as provideSnaplinesWithDistanceDistance,ve as removeLeading,Mt as removeTrailing,Mi as requestAnimationFramePromise,R as roundValue,oa as setDeepValue,sd as shadowrootGetSelection,st as sleep,ot as straightenLine,rd as switchContainer,ei as w3color,od as wrapSelectionInSpans};
8
8
  // @license
9
9
  //# sourceMappingURL=index-min.js.map