@node-projects/web-component-designer 0.1.310 → 0.1.311

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 (5) hide show
  1. package/dist/elements/services/propertiesService/services/AbstractPolymerLikePropertiesService.js +0 -3
  2. package/dist/elements/services/propertiesService/services/AbstractPolymerLikePropertiesService.js.map +1 -1
  3. package/dist/elements/services/propertiesService/services/CssProperties.json +1 -1
  4. package/dist/index-min.js +2 -2
  5. package/package.json +1 -1
package/dist/elements/services/propertiesService/services/AbstractPolymerLikePropertiesService.js CHANGED
@@ -71,9 +71,6 @@ export class AbstractPolymerLikePropertiesService extends AbstractPropertiesServ
71
71
  //@ts-ignore
72
72
  groups.push(pg);
73
73
  }
74
- if (groups.length == 1)
75
- //@ts-ignore
76
- return groups[0].properties;
77
74
  return groups;
78
75
  }
79
76
  getUnsetValue(designItems, property) {
package/dist/elements/services/propertiesService/services/AbstractPolymerLikePropertiesService.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AbstractPolymerLikePropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/AbstractPolymerLikePropertiesService.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AbstractPolymerLikePropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/AbstractPolymerLikePropertiesService.ts"],"names":[],"mappings":"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"}
package/dist/elements/services/propertiesService/services/CssProperties.json CHANGED
@@ -611,7 +611,7 @@
611
611
  "relative",
612
612
  "absolute",
613
613
  "fixed",
614
- "anchor"
614
+ "sticky"
615
615
  ]
616
616
  },
617
617
  "prefix": {},
package/dist/index-min.js CHANGED
@@ -56,7 +56,7 @@ var wd=Object.defineProperty;var u=(s,e)=>()=>(s&&(e=s(s=0)),e);var Sd=(s,e)=>{f
56
56
  <div id="container" style="width: 100%; height: 100%; position: absolute;">
57
57
  <textarea id="text"></textarea>
58
58
  </div>
59
- `;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",ui)});var Vd,tr,Ao=u(()=>{"use strict";Qi();Co();sh();Eo();Vd=!!(navigator.maxTouchPoints&&navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome")),tr=class extends Nt{config={codeViewWidget:ui,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 er(this);options={zoomDesignerBackground:!0,roundPixelsToDecimalPlaces:0,resizerPixelSize:Vd?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")}}});var N,ue=u(()=>{"use strict";N=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 B,Xe=u(()=>{"use strict";(function(s){s.none="none",s.all="all",s.some="some",s.bound="bound",s.fromStylesheet="fromStylesheet"})(B||(B={}))});var M,Ie=u(()=>{"use strict";(function(s){s.explicitProperty="explicitProperty",s.property="property",s.attribute="attribute",s.class="class",s.css="css",s.cssvar="cssvar",s.event="event",s.content="content",s.visible="visible"})(M||(M={}))});var y,ie=u(()=>{"use strict";(function(s){s.property="property",s.attribute="attribute",s.propertyAndAttribute="propertyAndAttribute",s.cssValue="cssvalue",s.complex="complex",s.add="add"})(y||(y={}))});var E,$=u(()=>{"use strict";(function(s){s[s.Element=1]="Element",s[s.Attribute=2]="Attribute",s[s.TextNode=3]="TextNode",s[s.Comment=8]="Comment",s[s.Document=9]="Document",s[s.DocumentFragment=11]="DocumentFragment"})(E||(E={}))});function Au(s){return s.getRootNode()?.host?.localName=="node-projects-designer-canvas"}function ir(s,e){return e.createRange().createContextualFragment(s,{includeShadowRoots:!0}).firstChild}function st(s,e){return s instanceof e||s instanceof(s.ownerDocument.defaultView??window)[e.name]}function fi(s,...e){for(let t of e)if(s instanceof t||s instanceof(s.ownerDocument.defaultView??window)[t.name])return!0;return!1}function xt(s){return s==null||fi(s,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(s.ownerDocument.defaultView??window).getComputedStyle(s).display.startsWith("inline")}function _t(s){return s==null||fi(s,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(s.ownerDocument.defaultView??window).getComputedStyle(s).display.startsWith("inline")}function ah(s){if(fi(s,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)||st(s,MathMLElement))return _e.block;let e=(s.ownerDocument.defaultView??window).getComputedStyle(s).display;return e=="none"?_e.none:e.startsWith("inline")?_e.inline:_e.block}function rr(s){return s.textContent.trim()==""&&s.textContent.indexOf("\xA0")<0}function Pu(){let s=document.activeElement,e=null;for(;s!=e;)e=s,s.shadowRoot!=null&&s.shadowRoot.activeElement&&(s=s.shadowRoot.activeElement);return s}function oh(s){return s.assignedSlot?s.assignedSlot:s.parentElement==null&&st(s.parentNode,ShadowRoot)?s.parentNode.host:s.parentElement}function Iu(s){let e=oh(s);for(;e;){let t=(s.ownerDocument.defaultView??window).getComputedStyle(s);if(t.position==="absolute"||t.position==="relative"||t.position==="fixed")return e;e=oh(e)}return document.body}function ku(s){if(st(s,HTMLElement))return{x:s.offsetLeft,y:s.offsetTop};{let e=W(s),t=W(s.parentElement);return{x:e.x-t.x,y:e.y-t.y}}}function W(s){let e=s.getBoundingClientRect();if(e.width==0&&e.height==0&&(s.ownerDocument.defaultView??window).getComputedStyle(s).display=="contents")if(s.shadowRoot)for(let i of s.shadowRoot.children){let r=W(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 s.children){let r=W(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 Du(s,e,t={}){let i=0,r=0,n;t?n=t[Bd]??=new Map:n=new Map;let o=[],a=s;for(;a;){let l=n.get(a);if(l){i+=l.offsetLeft,r+=l.offsetTop,o.forEach(g=>{g.offsetLeft+=l.offsetLeft,g.offsetTop+=l.offsetTop});break}let c=a.offsetParent?a.offsetParent:a.getRootNode().host;fi(a,SVGSVGElement,HTMLBodyElement,HTMLHtmlElement)?c=a.parentElement?a.parentElement:a.getRootNode().host:st(a,SVGGraphicsElement)?c=a.ownerSVGElement:st(a,MathMLElement)&&(c=a.parentElement??c);let h=0,d=0;if(st(a,HTMLElement)){let g=a.parentElement;for(;g!==null&&g!==c;)h+=g.scrollLeft,d+=g.scrollTop,g=g.parentElement}c&&(h+=c.scrollLeft,d+=c.scrollTop);let p=0,f=0;if(fi(a,SVGSVGElement,MathMLElement)){let g=a.style.transform;a.style.transform="";let b=a.getBoundingClientRect(),_=a.parentElement?a.parentElement.getBoundingClientRect():a.getRootNode().host.getBoundingClientRect();a.style.transform=g,p=(b.left-_.left)/e,f=(b.top-_.top)/e}else if(st(a,SVGGraphicsElement)){let g=a.getBBox();p=g.x,f=g.y}else if(s==a&&(s===s.ownerDocument.body||st(s,HTMLHtmlElement))){let g=(s.ownerDocument.defaultView??window).getComputedStyle(s);p=s.offsetLeft-h+parseInt(g.marginLeft),f=s.offsetTop-d+parseInt(g.marginTop)}else p=a.offsetLeft-h,f=a.offsetTop-d;o.forEach(g=>{g.offsetLeft+=p,g.offsetTop+=f});let m={offsetLeft:p,offsetTop:f};o.push(m),n.set(a,m),i+=p,r+=f,a=c}return{offsetLeft:i,offsetTop:r}}function lh(s){let e=parseInt(getComputedStyle(s).paddingLeft.replace("px",""))+parseInt(getComputedStyle(s).marginLeft.replace("px",""))+parseInt(getComputedStyle(s).borderLeft.replace("px",""))+parseInt(getComputedStyle(s).paddingRight.replace("px",""))+parseInt(getComputedStyle(s).marginRight.replace("px",""))+parseInt(getComputedStyle(s).borderRight.replace("px","")),t=parseInt(getComputedStyle(s).paddingTop.replace("px",""))+parseInt(getComputedStyle(s).marginTop.replace("px",""))+parseInt(getComputedStyle(s).borderTop.replace("px",""))+parseInt(getComputedStyle(s).paddingBottom.replace("px",""))+parseInt(getComputedStyle(s).marginBottom.replace("px",""))+parseInt(getComputedStyle(s).borderBottom.replace("px",""));return{x:e,y:t}}function nr(s,e){let t={x:Number.MAX_VALUE,y:Number.MAX_VALUE},i={x:Number.MIN_VALUE,y:Number.MIN_VALUE},r;for(let n of s)n.nodeType==E.TextNode||n.nodeType==E.Comment||(r={x:e.getNormalizedElementCoordinates(n.element).x,y:e.getNormalizedElementCoordinates(n.element).y,width:e.getNormalizedElementCoordinates(n.element).width,height:e.getNormalizedElementCoordinates(n.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 _e,Bd,te=u(()=>{"use strict";$();(function(s){s[s.none=0]="none",s[s.inline=1]="inline",s[s.block=2]="block"})(_e||(_e={}));Bd=Symbol("windowOffsetsCacheKey")});var Y,ve=u(()=>{"use strict";Xe();ue();Ie();ie();$();te();Y=class s{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 n of e)if(this.isHandledElement(n)&&this.getProperty(n,t.name)){if(t.propertyType==y.cssValue)await n.updateStyleInSheetOrLocalAsync(t.propertyName??t.name,i),n.element.setAttribute("style",n.element.getAttribute("style"));else{let o=t.attributeName;if(o||(o=N.camelToDashCase(t.name)),t.type==="object"){let a=JSON.stringify(i);t.propertyType==y.propertyAndAttribute?n.setPropertyAndAttribute(t.name,a):t.propertyType==y.attribute?n.setAttribute(o,a):t.propertyType==y.property&&n.setProperty(t.name,i)}else t.type=="boolean"&&(i===!1||i==null)?((t.propertyType==y.attribute||t.propertyType==y.propertyAndAttribute)&&n.removeAttribute(o),(t.propertyType==y.property||t.propertyType==y.propertyAndAttribute)&&n.setProperty(t.name,!1)):t.type=="boolean"&&i===!0?((t.propertyType==y.attribute||t.propertyType==y.propertyAndAttribute)&&n.setAttribute(o,""),(t.propertyType==y.property||t.propertyType==y.propertyAndAttribute)&&n.setProperty(t.name,!0)):t.propertyType==y.propertyAndAttribute?n.setPropertyAndAttribute(t.name,i):t.propertyType==y.attribute?n.setAttribute(o,i.toString()):t.propertyType==y.property&&n.setProperty(t.name,i)}this._notifyChangedProperty(n,t,i)}r.commit(),this._recreateElementsOnPropertyChange&&s.recreateElements(this,e)}getPropertyTarget(e,t){return t.propertyType==y.attribute?M.attribute:t.propertyType==y.cssValue?M.css:M.property}clearValue(e,t,i){let r=e[0].openGroup("property cleared: "+t.name);for(let n of e){if(i!="binding"){if(t.propertyType==y.cssValue)n.removeStyle(t.propertyName??t.name);else if((t.propertyType==y.property||t.propertyType==y.propertyAndAttribute)&&(n.element[t.propertyName??t.name]=null),t.propertyType==y.attribute||t.propertyType==y.propertyAndAttribute){let o=t.attributeName;o||(o=N.camelToDashCase(t.name)),n.removeAttribute(o)}}i!="value"&&n.serviceContainer.forSomeServicesTillResult("bindingService",o=>o.clearBinding(n,t.name,this.getPropertyTarget(n,t))),this._notifyChangedProperty(n,t,void 0)}r.commit(),this._recreateElementsOnPropertyChange&&s.recreateElements(this,e)}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){let n=t.attributeName;n||(n=N.camelToDashCase(t.name));for(let a of e){let l=!1;if(t.propertyType==y.cssValue?l=a.hasStyle(t.name):l=a.hasAttribute(n),i=i&&l,r=r||l,!i&&r)break}let o=s.getOrBuildCachedBindings(e[0]);if(t.propertyType==y.cssValue){if(o&&o.find(a=>(a.target==M.css||a.target==M.cssvar)&&a.targetName==t.name))return B.bound}else if(t.propertyType==y.attribute){if(o&&o.find(a=>a.target==M.attribute&&a.targetName==t.name))return B.bound}else if(t.propertyType==y.property){if(o&&o.find(a=>(a.target==M.property||a.target==M.explicitProperty)&&a.targetName==t.name))return B.bound}else if(o&&o.find(a=>(a.target==M.property||a.target==M.explicitProperty||a.target==M.attribute)&&a.targetName==t.name))return B.bound;if(!i&&t.propertyType==y.cssValue){let a=s._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)),s._stylesCache.set(e[0],a),clearTimeout(this._cssCacheClearTimer),this._cssCacheClearTimer=setTimeout(()=>s._stylesCache.clear(),30)),a.has(t.propertyName??t.name))return B.fromStylesheet}}else return B.none;return i?B.all:r?B.some:B.none}static getOrBuildCachedBindings(e){let t=s._bindingsCache.get(e);if(!t){let i=e.serviceContainer.getServices("bindingService");if(t=[],i)for(let r of i){let n=r.getBindings(e);n&&n.length>0&&t.push(...n)}s._bindingsCache.set(e,t),clearTimeout(this._bindingsCacheClearTimer),this._bindingsCacheClearTimer=setTimeout(()=>s._bindingsCache.clear(),30)}return t}getValue(e,t){if(e!=null&&e.length!==0)if(t.propertyType==y.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==y.property){let i=t.propertyName;return i||(i=N.dashToCamelCase(t.name)),e[0].element[i]}else{let i=t.attributeName;if(i||(i=N.camelToDashCase(t.name)),t.type=="boolean"){if(e[0].hasAttribute(i)){let n=e[0].getAttribute(i);return n==""?!0:n}return!1}return e[0].getAttribute(i)}return null}getBinding(e,t){let i=s.getOrBuildCachedBindings(e[0]);return i!=null?t.propertyType==y.cssValue?i.find(r=>(r.target==M.css||r.target==M.cssvar)&&r.targetName==t.name):t.propertyType==y.attribute?i.find(r=>r.target==M.attribute&&r.targetName==t.name):t.propertyType==y.property?i.find(r=>(r.target==M.property||r.target==M.explicitProperty)&&r.targetName==t.name):i.find(r=>(r.target==M.property||r.target==M.explicitProperty||r.target==M.attribute)&&r.targetName==t.name):null}getUnsetValue(e,t){return t.propertyType==y.cssValue?e!=null&&e.length!==0&&e[0].nodeType==E.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 n=ir(r,t[0].document);for(let o of[...i.element.childNodes])n.appendChild(o);n.style.pointerEvents="auto",i.node.insertAdjacentElement("beforebegin",n),i.node.parentNode&&i.node.parentNode.removeChild(i.node),i.replaceNode(n)}}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,n,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),n=t.service.getBinding(e,t);e[0].serviceContainer.config.openBindingsEditor(t,e,n,r)}}),t.service.isSet(e,t)==B.bound&&i.push({title:"clear binding",action:()=>{t.service.clearValue(e,t,"binding"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}})),i}}});var G,re=u(()=>{"use strict";(function(s){s[s.none=0]="none",s[s.full=1]="full",s[s.fullOnValueChange=2]="fullOnValueChange",s[s.fullOnClassChange=3]="fullOnClassChange"})(G||(G={}))});var Fe,Ot=u(()=>{"use strict";ue();ve();ie();re();Fe=class extends Y{getRefreshMode(e){return G.fullOnClassChange}async getProperties(e){return this.isHandledElement(e)?this.parseProperties(e.element.constructor.properties):null}parseProperties(e){let t=[],i=Object.keys(e),r=Object.groupBy(i,n=>e[n].group??"");for(let n in r){let o={name:n,properties:[]};for(let a of r[n]){let l=e[a],c=l,h=null,d=null,p=!1,f=y.propertyAndAttribute;if(l.type&&(c=l.type,h=l.description,d=l.example,p=l.readonly,f=l.readonly?y.property:y.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(N.isTypescriptEnum(c)){let m={name:a,type:"enum",enumValues:N.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.length==1?t[0].properties:t}getUnsetValue(e,t){return e[0].element[t.propertyName??t.name]}}});var sr,Po=u(()=>{"use strict";Ot();sr=class extends Fe{name="polymer";isHandledElement(e){return e.element.constructor.polymerElementVersion!=null}_notifyChangedProperty(e,t,i){e.element.set(t.name,i)}}});var or,Io=u(()=>{"use strict";Ot();or=class extends Fe{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 ar,ko=u(()=>{"use strict";ie();re();ve();ar=class extends Y{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:y.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"placeholder",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"checked",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"valueAsDate",type:"string",service:this,propertyType:y.property},{name:"valueAsNumber",type:"string",service:this,propertyType:y.property}];textareaProperties=[{name:"value",type:"string",service:this,propertyType:y.property},{name:"placeholder",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"maxlength",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"cols",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"rows",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"resize",type:"list",values:["both","none","horizontal","vertical"],service:this,propertyType:y.cssValue}];selectProperties=[{name:"value",type:"string",service:this,propertyType:y.property},{name:"size",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"multiple",type:"boolean",service:this,propertyType:y.propertyAndAttribute}];buttonProperties=[{name:"type",type:"list",values:["button","submit","reset"],service:this,defaultValue:"button",propertyType:y.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:y.propertyAndAttribute}];anchorProperties=[{name:"href",type:"string",service:this,propertyType:y.propertyAndAttribute}];divProperties=[{name:"title",type:"string",service:this,propertyType:y.propertyAndAttribute}];imgProperties=[{name:"src",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"alt",type:"string",service:this,propertyType:y.propertyAndAttribute}];iframeProperties=[{name:"src",type:"string",service:this,propertyType:y.propertyAndAttribute}];formElementProperties=[{name:"autofocus",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"disabled",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"required",type:"boolean",service:this,propertyType:y.propertyAndAttribute}];meterProperties=[{name:"value",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"low",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"high",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"optimum",type:"number",service:this,propertyType:y.propertyAndAttribute}];name="native";getRefreshMode(e){return G.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 ke,Lt=u(()=>{"use strict";ie();ve();re();ke=class extends Y{getRefreshMode(e){return G.none}commonProperties=[{name:"class",type:"string",service:this,attributeName:"class",propertyName:"className",propertyType:y.attribute},{name:"title",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"part",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"tabindex",type:"number",service:this,propertyType:y.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 lr,Do=u(()=>{"use strict";Lt();ie();lr=class extends ke{rectProperties=[{name:"x",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"y",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:y.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:y.propertyAndAttribute}];lineProperties=[{name:"x1",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"y1",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"x2",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"y2",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute}];ellipseProperties=[{name:"cx",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"cy",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:y.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:y.propertyAndAttribute}];pathProperties=[{name:"d",type:"string",defaultValue:"",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute}];svgProperties=[{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:y.cssValue},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:y.cssValue},{name:"viewBox",type:"number",service:this,propertyType:y.cssValue}];defaultProperties=[{name:"stroke",type:"list",values:["black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"currentcolor",service:this,propertyType:y.propertyAndAttribute},{name:"stroke-width",type:"number",service:this,propertyType:y.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:y.propertyAndAttribute},{name:"visibility",type:"list",values:["visible","hidden"],defaultValue:"visible",service:this,propertyType:y.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 Rt,To=u(()=>{"use strict";Rt=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 gi,Mo=u(()=>{"use strict";gi=class s{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 s&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var w,De=u(()=>{"use strict";(function(s){s[s.Directly=0]="Directly",s[s.Permanent=1]="Permanent",s[s.Selection=2]="Selection",s[s.PrimarySelection=3]="PrimarySelection",s[s.PrimarySelectionContainer=4]="PrimarySelectionContainer",s[s.MouseOver=5]="MouseOver",s[s.OnlyOneItemSelected=6]="OnlyOneItemSelected",s[s.MultipleItemsSelected=7]="MultipleItemsSelected",s[s.ContainerDragOverAndCanBeEntered=8]="ContainerDragOverAndCanBeEntered",s[s.ContainerExternalDragOverAndCanBeEntered=9]="ContainerExternalDragOverAndCanBeEntered",s[s.ContainerDrag=10]="ContainerDrag",s[s.Doubleclick=11]="Doubleclick",s[s.Placement=12]="Placement",s[s.PrimarySelectionAndCanBeEntered=13]="PrimarySelectionAndCanBeEntered",s[s.PrimarySelectionContainerAndCanBeEntered=14]="PrimarySelectionContainerAndCanBeEntered",s[s.PrimarySelectionRefreshed=15]="PrimarySelectionRefreshed"})(w||(w={}))});var ze,cr,hr,No=u(()=>{"use strict";(function(s){s[s.Name=0]="Name",s[s.Value=1]="Value",s[s.InQuote=2]="InQuote"})(ze||(ze={}));cr=class{constructor(e,t){this.name=e.trim(),this.value=t.trim()}name;value},hr=class{entries=[];parse(e,t="'"){this.entries=[];let i="",r="",n=ze.Name;for(let o=0;o<e.length;o++){let a=e[o];n===ze.Name?a===":"?n=ze.Value:a===";"?i="":i+=a:n===ze.Value?a===";"?(this.entries.push(new cr(i,r)),i="",r="",n=ze.Name):(a===t&&(n=ze.InQuote),r+=a):n===ze.InQuote&&(a==="\\"?(r+=a,o++,a=e[o],r+=a):a===t?(r+=a,n=ze.Value):r+=a)}i.trim()!==""&&this.entries.push(new cr(i,r))}}});var ot,Oo=u(()=>{"use strict";ot=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 dr,Lo=u(()=>{"use strict";dr=class{_textHolder="";indent=4;level=0;get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
59
+ `;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",ui)});var Vd,tr,Ao=u(()=>{"use strict";Qi();Co();sh();Eo();Vd=!!(navigator.maxTouchPoints&&navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome")),tr=class extends Nt{config={codeViewWidget:ui,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 er(this);options={zoomDesignerBackground:!0,roundPixelsToDecimalPlaces:0,resizerPixelSize:Vd?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")}}});var N,ue=u(()=>{"use strict";N=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 B,Xe=u(()=>{"use strict";(function(s){s.none="none",s.all="all",s.some="some",s.bound="bound",s.fromStylesheet="fromStylesheet"})(B||(B={}))});var M,Ie=u(()=>{"use strict";(function(s){s.explicitProperty="explicitProperty",s.property="property",s.attribute="attribute",s.class="class",s.css="css",s.cssvar="cssvar",s.event="event",s.content="content",s.visible="visible"})(M||(M={}))});var y,ie=u(()=>{"use strict";(function(s){s.property="property",s.attribute="attribute",s.propertyAndAttribute="propertyAndAttribute",s.cssValue="cssvalue",s.complex="complex",s.add="add"})(y||(y={}))});var E,$=u(()=>{"use strict";(function(s){s[s.Element=1]="Element",s[s.Attribute=2]="Attribute",s[s.TextNode=3]="TextNode",s[s.Comment=8]="Comment",s[s.Document=9]="Document",s[s.DocumentFragment=11]="DocumentFragment"})(E||(E={}))});function Au(s){return s.getRootNode()?.host?.localName=="node-projects-designer-canvas"}function ir(s,e){return e.createRange().createContextualFragment(s,{includeShadowRoots:!0}).firstChild}function st(s,e){return s instanceof e||s instanceof(s.ownerDocument.defaultView??window)[e.name]}function fi(s,...e){for(let t of e)if(s instanceof t||s instanceof(s.ownerDocument.defaultView??window)[t.name])return!0;return!1}function xt(s){return s==null||fi(s,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(s.ownerDocument.defaultView??window).getComputedStyle(s).display.startsWith("inline")}function _t(s){return s==null||fi(s,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)?!1:(s.ownerDocument.defaultView??window).getComputedStyle(s).display.startsWith("inline")}function ah(s){if(fi(s,SVGElement,HTMLHtmlElement,HTMLHeadElement,HTMLBodyElement)||st(s,MathMLElement))return _e.block;let e=(s.ownerDocument.defaultView??window).getComputedStyle(s).display;return e=="none"?_e.none:e.startsWith("inline")?_e.inline:_e.block}function rr(s){return s.textContent.trim()==""&&s.textContent.indexOf("\xA0")<0}function Pu(){let s=document.activeElement,e=null;for(;s!=e;)e=s,s.shadowRoot!=null&&s.shadowRoot.activeElement&&(s=s.shadowRoot.activeElement);return s}function oh(s){return s.assignedSlot?s.assignedSlot:s.parentElement==null&&st(s.parentNode,ShadowRoot)?s.parentNode.host:s.parentElement}function Iu(s){let e=oh(s);for(;e;){let t=(s.ownerDocument.defaultView??window).getComputedStyle(s);if(t.position==="absolute"||t.position==="relative"||t.position==="fixed")return e;e=oh(e)}return document.body}function ku(s){if(st(s,HTMLElement))return{x:s.offsetLeft,y:s.offsetTop};{let e=W(s),t=W(s.parentElement);return{x:e.x-t.x,y:e.y-t.y}}}function W(s){let e=s.getBoundingClientRect();if(e.width==0&&e.height==0&&(s.ownerDocument.defaultView??window).getComputedStyle(s).display=="contents")if(s.shadowRoot)for(let i of s.shadowRoot.children){let r=W(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 s.children){let r=W(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 Du(s,e,t={}){let i=0,r=0,n;t?n=t[Bd]??=new Map:n=new Map;let o=[],a=s;for(;a;){let l=n.get(a);if(l){i+=l.offsetLeft,r+=l.offsetTop,o.forEach(g=>{g.offsetLeft+=l.offsetLeft,g.offsetTop+=l.offsetTop});break}let c=a.offsetParent?a.offsetParent:a.getRootNode().host;fi(a,SVGSVGElement,HTMLBodyElement,HTMLHtmlElement)?c=a.parentElement?a.parentElement:a.getRootNode().host:st(a,SVGGraphicsElement)?c=a.ownerSVGElement:st(a,MathMLElement)&&(c=a.parentElement??c);let h=0,d=0;if(st(a,HTMLElement)){let g=a.parentElement;for(;g!==null&&g!==c;)h+=g.scrollLeft,d+=g.scrollTop,g=g.parentElement}c&&(h+=c.scrollLeft,d+=c.scrollTop);let p=0,f=0;if(fi(a,SVGSVGElement,MathMLElement)){let g=a.style.transform;a.style.transform="";let b=a.getBoundingClientRect(),_=a.parentElement?a.parentElement.getBoundingClientRect():a.getRootNode().host.getBoundingClientRect();a.style.transform=g,p=(b.left-_.left)/e,f=(b.top-_.top)/e}else if(st(a,SVGGraphicsElement)){let g=a.getBBox();p=g.x,f=g.y}else if(s==a&&(s===s.ownerDocument.body||st(s,HTMLHtmlElement))){let g=(s.ownerDocument.defaultView??window).getComputedStyle(s);p=s.offsetLeft-h+parseInt(g.marginLeft),f=s.offsetTop-d+parseInt(g.marginTop)}else p=a.offsetLeft-h,f=a.offsetTop-d;o.forEach(g=>{g.offsetLeft+=p,g.offsetTop+=f});let m={offsetLeft:p,offsetTop:f};o.push(m),n.set(a,m),i+=p,r+=f,a=c}return{offsetLeft:i,offsetTop:r}}function lh(s){let e=parseInt(getComputedStyle(s).paddingLeft.replace("px",""))+parseInt(getComputedStyle(s).marginLeft.replace("px",""))+parseInt(getComputedStyle(s).borderLeft.replace("px",""))+parseInt(getComputedStyle(s).paddingRight.replace("px",""))+parseInt(getComputedStyle(s).marginRight.replace("px",""))+parseInt(getComputedStyle(s).borderRight.replace("px","")),t=parseInt(getComputedStyle(s).paddingTop.replace("px",""))+parseInt(getComputedStyle(s).marginTop.replace("px",""))+parseInt(getComputedStyle(s).borderTop.replace("px",""))+parseInt(getComputedStyle(s).paddingBottom.replace("px",""))+parseInt(getComputedStyle(s).marginBottom.replace("px",""))+parseInt(getComputedStyle(s).borderBottom.replace("px",""));return{x:e,y:t}}function nr(s,e){let t={x:Number.MAX_VALUE,y:Number.MAX_VALUE},i={x:Number.MIN_VALUE,y:Number.MIN_VALUE},r;for(let n of s)n.nodeType==E.TextNode||n.nodeType==E.Comment||(r={x:e.getNormalizedElementCoordinates(n.element).x,y:e.getNormalizedElementCoordinates(n.element).y,width:e.getNormalizedElementCoordinates(n.element).width,height:e.getNormalizedElementCoordinates(n.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 _e,Bd,te=u(()=>{"use strict";$();(function(s){s[s.none=0]="none",s[s.inline=1]="inline",s[s.block=2]="block"})(_e||(_e={}));Bd=Symbol("windowOffsetsCacheKey")});var Y,ve=u(()=>{"use strict";Xe();ue();Ie();ie();$();te();Y=class s{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 n of e)if(this.isHandledElement(n)&&this.getProperty(n,t.name)){if(t.propertyType==y.cssValue)await n.updateStyleInSheetOrLocalAsync(t.propertyName??t.name,i),n.element.setAttribute("style",n.element.getAttribute("style"));else{let o=t.attributeName;if(o||(o=N.camelToDashCase(t.name)),t.type==="object"){let a=JSON.stringify(i);t.propertyType==y.propertyAndAttribute?n.setPropertyAndAttribute(t.name,a):t.propertyType==y.attribute?n.setAttribute(o,a):t.propertyType==y.property&&n.setProperty(t.name,i)}else t.type=="boolean"&&(i===!1||i==null)?((t.propertyType==y.attribute||t.propertyType==y.propertyAndAttribute)&&n.removeAttribute(o),(t.propertyType==y.property||t.propertyType==y.propertyAndAttribute)&&n.setProperty(t.name,!1)):t.type=="boolean"&&i===!0?((t.propertyType==y.attribute||t.propertyType==y.propertyAndAttribute)&&n.setAttribute(o,""),(t.propertyType==y.property||t.propertyType==y.propertyAndAttribute)&&n.setProperty(t.name,!0)):t.propertyType==y.propertyAndAttribute?n.setPropertyAndAttribute(t.name,i):t.propertyType==y.attribute?n.setAttribute(o,i.toString()):t.propertyType==y.property&&n.setProperty(t.name,i)}this._notifyChangedProperty(n,t,i)}r.commit(),this._recreateElementsOnPropertyChange&&s.recreateElements(this,e)}getPropertyTarget(e,t){return t.propertyType==y.attribute?M.attribute:t.propertyType==y.cssValue?M.css:M.property}clearValue(e,t,i){let r=e[0].openGroup("property cleared: "+t.name);for(let n of e){if(i!="binding"){if(t.propertyType==y.cssValue)n.removeStyle(t.propertyName??t.name);else if((t.propertyType==y.property||t.propertyType==y.propertyAndAttribute)&&(n.element[t.propertyName??t.name]=null),t.propertyType==y.attribute||t.propertyType==y.propertyAndAttribute){let o=t.attributeName;o||(o=N.camelToDashCase(t.name)),n.removeAttribute(o)}}i!="value"&&n.serviceContainer.forSomeServicesTillResult("bindingService",o=>o.clearBinding(n,t.name,this.getPropertyTarget(n,t))),this._notifyChangedProperty(n,t,void 0)}r.commit(),this._recreateElementsOnPropertyChange&&s.recreateElements(this,e)}isSet(e,t){let i=!0,r=!1;if(e!=null&&e.length!==0){let n=t.attributeName;n||(n=N.camelToDashCase(t.name));for(let a of e){let l=!1;if(t.propertyType==y.cssValue?l=a.hasStyle(t.name):l=a.hasAttribute(n),i=i&&l,r=r||l,!i&&r)break}let o=s.getOrBuildCachedBindings(e[0]);if(t.propertyType==y.cssValue){if(o&&o.find(a=>(a.target==M.css||a.target==M.cssvar)&&a.targetName==t.name))return B.bound}else if(t.propertyType==y.attribute){if(o&&o.find(a=>a.target==M.attribute&&a.targetName==t.name))return B.bound}else if(t.propertyType==y.property){if(o&&o.find(a=>(a.target==M.property||a.target==M.explicitProperty)&&a.targetName==t.name))return B.bound}else if(o&&o.find(a=>(a.target==M.property||a.target==M.explicitProperty||a.target==M.attribute)&&a.targetName==t.name))return B.bound;if(!i&&t.propertyType==y.cssValue){let a=s._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)),s._stylesCache.set(e[0],a),clearTimeout(this._cssCacheClearTimer),this._cssCacheClearTimer=setTimeout(()=>s._stylesCache.clear(),30)),a.has(t.propertyName??t.name))return B.fromStylesheet}}else return B.none;return i?B.all:r?B.some:B.none}static getOrBuildCachedBindings(e){let t=s._bindingsCache.get(e);if(!t){let i=e.serviceContainer.getServices("bindingService");if(t=[],i)for(let r of i){let n=r.getBindings(e);n&&n.length>0&&t.push(...n)}s._bindingsCache.set(e,t),clearTimeout(this._bindingsCacheClearTimer),this._bindingsCacheClearTimer=setTimeout(()=>s._bindingsCache.clear(),30)}return t}getValue(e,t){if(e!=null&&e.length!==0)if(t.propertyType==y.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==y.property){let i=t.propertyName;return i||(i=N.dashToCamelCase(t.name)),e[0].element[i]}else{let i=t.attributeName;if(i||(i=N.camelToDashCase(t.name)),t.type=="boolean"){if(e[0].hasAttribute(i)){let n=e[0].getAttribute(i);return n==""?!0:n}return!1}return e[0].getAttribute(i)}return null}getBinding(e,t){let i=s.getOrBuildCachedBindings(e[0]);return i!=null?t.propertyType==y.cssValue?i.find(r=>(r.target==M.css||r.target==M.cssvar)&&r.targetName==t.name):t.propertyType==y.attribute?i.find(r=>r.target==M.attribute&&r.targetName==t.name):t.propertyType==y.property?i.find(r=>(r.target==M.property||r.target==M.explicitProperty)&&r.targetName==t.name):i.find(r=>(r.target==M.property||r.target==M.explicitProperty||r.target==M.attribute)&&r.targetName==t.name):null}getUnsetValue(e,t){return t.propertyType==y.cssValue?e!=null&&e.length!==0&&e[0].nodeType==E.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 n=ir(r,t[0].document);for(let o of[...i.element.childNodes])n.appendChild(o);n.style.pointerEvents="auto",i.node.insertAdjacentElement("beforebegin",n),i.node.parentNode&&i.node.parentNode.removeChild(i.node),i.replaceNode(n)}}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,n,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),n=t.service.getBinding(e,t);e[0].serviceContainer.config.openBindingsEditor(t,e,n,r)}}),t.service.isSet(e,t)==B.bound&&i.push({title:"clear binding",action:()=>{t.service.clearValue(e,t,"binding"),e[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(e)}})),i}}});var G,re=u(()=>{"use strict";(function(s){s[s.none=0]="none",s[s.full=1]="full",s[s.fullOnValueChange=2]="fullOnValueChange",s[s.fullOnClassChange=3]="fullOnClassChange"})(G||(G={}))});var Fe,Ot=u(()=>{"use strict";ue();ve();ie();re();Fe=class extends Y{getRefreshMode(e){return G.fullOnClassChange}async getProperties(e){return this.isHandledElement(e)?this.parseProperties(e.element.constructor.properties):null}parseProperties(e){let t=[],i=Object.keys(e),r=Object.groupBy(i,n=>e[n].group??"");for(let n in r){let o={name:n,properties:[]};for(let a of r[n]){let l=e[a],c=l,h=null,d=null,p=!1,f=y.propertyAndAttribute;if(l.type&&(c=l.type,h=l.description,d=l.example,p=l.readonly,f=l.readonly?y.property:y.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(N.isTypescriptEnum(c)){let m={name:a,type:"enum",enumValues:N.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 sr,Po=u(()=>{"use strict";Ot();sr=class extends Fe{name="polymer";isHandledElement(e){return e.element.constructor.polymerElementVersion!=null}_notifyChangedProperty(e,t,i){e.element.set(t.name,i)}}});var or,Io=u(()=>{"use strict";Ot();or=class extends Fe{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 ar,ko=u(()=>{"use strict";ie();re();ve();ar=class extends Y{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:y.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"placeholder",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"checked",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"valueAsDate",type:"string",service:this,propertyType:y.property},{name:"valueAsNumber",type:"string",service:this,propertyType:y.property}];textareaProperties=[{name:"value",type:"string",service:this,propertyType:y.property},{name:"placeholder",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"maxlength",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"cols",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"rows",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"readonly",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"resize",type:"list",values:["both","none","horizontal","vertical"],service:this,propertyType:y.cssValue}];selectProperties=[{name:"value",type:"string",service:this,propertyType:y.property},{name:"size",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"multiple",type:"boolean",service:this,propertyType:y.propertyAndAttribute}];buttonProperties=[{name:"type",type:"list",values:["button","submit","reset"],service:this,defaultValue:"button",propertyType:y.propertyAndAttribute},{name:"value",type:"string",service:this,propertyType:y.propertyAndAttribute}];anchorProperties=[{name:"href",type:"string",service:this,propertyType:y.propertyAndAttribute}];divProperties=[{name:"title",type:"string",service:this,propertyType:y.propertyAndAttribute}];imgProperties=[{name:"src",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"alt",type:"string",service:this,propertyType:y.propertyAndAttribute}];iframeProperties=[{name:"src",type:"string",service:this,propertyType:y.propertyAndAttribute}];formElementProperties=[{name:"autofocus",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"disabled",type:"boolean",service:this,propertyType:y.propertyAndAttribute},{name:"required",type:"boolean",service:this,propertyType:y.propertyAndAttribute}];meterProperties=[{name:"value",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"min",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"max",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"low",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"high",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"optimum",type:"number",service:this,propertyType:y.propertyAndAttribute}];name="native";getRefreshMode(e){return G.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 ke,Lt=u(()=>{"use strict";ie();ve();re();ke=class extends Y{getRefreshMode(e){return G.none}commonProperties=[{name:"class",type:"string",service:this,attributeName:"class",propertyName:"className",propertyType:y.attribute},{name:"title",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"part",type:"string",service:this,propertyType:y.propertyAndAttribute},{name:"tabindex",type:"number",service:this,propertyType:y.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 lr,Do=u(()=>{"use strict";Lt();ie();lr=class extends ke{rectProperties=[{name:"x",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"y",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:y.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:y.propertyAndAttribute}];lineProperties=[{name:"x1",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"y1",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"x2",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"y2",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute}];ellipseProperties=[{name:"cx",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"cy",type:"number",defaultValue:"0",service:this,propertyType:y.propertyAndAttribute},{name:"rx",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"ry",type:"number",defaultValue:"auto",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute},{name:"fill",type:"list",values:["transparent","black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"transparent",service:this,propertyType:y.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:y.propertyAndAttribute}];pathProperties=[{name:"d",type:"string",defaultValue:"",service:this,propertyType:y.propertyAndAttribute},{name:"pathLength",type:"number",service:this,propertyType:y.propertyAndAttribute}];svgProperties=[{name:"width",type:"number",defaultValue:"auto",service:this,propertyType:y.cssValue},{name:"height",type:"number",defaultValue:"auto",service:this,propertyType:y.cssValue},{name:"viewBox",type:"number",service:this,propertyType:y.cssValue}];defaultProperties=[{name:"stroke",type:"list",values:["black","white","blue","green","red","yellow","orange","brown","grey"],defaultValue:"currentcolor",service:this,propertyType:y.propertyAndAttribute},{name:"stroke-width",type:"number",service:this,propertyType:y.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:y.propertyAndAttribute},{name:"visibility",type:"list",values:["visible","hidden"],defaultValue:"visible",service:this,propertyType:y.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 Rt,To=u(()=>{"use strict";Rt=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 gi,Mo=u(()=>{"use strict";gi=class s{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 s&&this.designItem===e.designItem&&this.name===e.name?(this.newValue=e.newValue,!0):!1}}});var w,De=u(()=>{"use strict";(function(s){s[s.Directly=0]="Directly",s[s.Permanent=1]="Permanent",s[s.Selection=2]="Selection",s[s.PrimarySelection=3]="PrimarySelection",s[s.PrimarySelectionContainer=4]="PrimarySelectionContainer",s[s.MouseOver=5]="MouseOver",s[s.OnlyOneItemSelected=6]="OnlyOneItemSelected",s[s.MultipleItemsSelected=7]="MultipleItemsSelected",s[s.ContainerDragOverAndCanBeEntered=8]="ContainerDragOverAndCanBeEntered",s[s.ContainerExternalDragOverAndCanBeEntered=9]="ContainerExternalDragOverAndCanBeEntered",s[s.ContainerDrag=10]="ContainerDrag",s[s.Doubleclick=11]="Doubleclick",s[s.Placement=12]="Placement",s[s.PrimarySelectionAndCanBeEntered=13]="PrimarySelectionAndCanBeEntered",s[s.PrimarySelectionContainerAndCanBeEntered=14]="PrimarySelectionContainerAndCanBeEntered",s[s.PrimarySelectionRefreshed=15]="PrimarySelectionRefreshed"})(w||(w={}))});var ze,cr,hr,No=u(()=>{"use strict";(function(s){s[s.Name=0]="Name",s[s.Value=1]="Value",s[s.InQuote=2]="InQuote"})(ze||(ze={}));cr=class{constructor(e,t){this.name=e.trim(),this.value=t.trim()}name;value},hr=class{entries=[];parse(e,t="'"){this.entries=[];let i="",r="",n=ze.Name;for(let o=0;o<e.length;o++){let a=e[o];n===ze.Name?a===":"?n=ze.Value:a===";"?i="":i+=a:n===ze.Value?a===";"?(this.entries.push(new cr(i,r)),i="",r="",n=ze.Name):(a===t&&(n=ze.InQuote),r+=a):n===ze.InQuote&&(a==="\\"?(r+=a,o++,a=e[o],r+=a):a===t?(r+=a,n=ze.Value):r+=a)}i.trim()!==""&&this.entries.push(new cr(i,r))}}});var ot,Oo=u(()=>{"use strict";ot=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 dr,Lo=u(()=>{"use strict";dr=class{_textHolder="";indent=4;level=0;get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
60
60
  `}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+=`
61
61
  `}getString(){return this._textHolder}}});var pr,ch=u(()=>{"use strict";pr=class{_textHolder="";get position(){return this._textHolder.length}isLastCharNewline(){return this._textHolder[this._textHolder.length-1]===`
62
62
  `}levelRaise(){}levelShrink(){}write(e){this._textHolder+=e}writeLine(e){this._textHolder+=e}writeIndent(){}writeNewline(){}getString(){return this._textHolder}}});var K,Te=u(()=>{"use strict";Lo();ch();K=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 dr:new pr;return e[0].serviceContainer.htmlWriterService.write(r,e,!0,i),r.getString()}}});import{css as Hd}from"@node-projects/base-custom-webcomponent";var he,Ro,at=u(()=>{"use strict";he=class s{static _contextMenuCss=Hd`
@@ -463,7 +463,7 @@ var wd=Object.defineProperty;var u=(s,e)=>()=>(s&&(e=s(s=0)),e);var Sd=(s,e)=>{f
463
463
  </main>
464
464
  </div>`};customElements.define("node-projects-designer-selection-tool-popup",Oi)});var Jn,kl=u(()=>{"use strict";We();q();Il();Jn=class{provideButton(e){let t=new se(e,{RectangleSelector:{icon:v+"images/tools/SelectRectTool.svg"},MagicWandSelector:{icon:v+"images/tools/MagicWandTool.svg"}});return t.popup=Oi,t}}});var es,Dl=u(()=>{"use strict";J();Z();es=class extends L{_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,I.Background)}dispose(){this._removeAllOverlays()}}});import{css as Fp}from"@node-projects/base-custom-webcomponent";var Li,Tl=u(()=>{"use strict";Dl();Li=class{shouldExtend(e,t,i){return!0}getExtension(e,t,i){return new es(e,t,i)}static style=Fp`
465
465
  .svg-rect-enter-container { stroke: none; fill: #aa00ff2e; }
466
- `}});var ts,Ml=u(()=>{"use strict";ve();re();ts=class extends Y{name="attached";getRefreshMode(e){return G.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 Ri,Nl=u(()=>{"use strict";re();Xe();Ie();ie();ue();ve();Ri=class extends Y{name="attributes";getRefreshMode(e){return G.fullOnValueChange}isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:y.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:y.attribute});return t.push({name:"",type:"addNew",service:this,propertyType:y.complex}),t}return null}async setValue(e,t,i){let r=e[0].openGroup("properties changed");for(let n of e)n.setAttribute(t.name,i);r.commit()}getPropertyTarget(e,t){return M.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 B.bound;let n=N.dashToCamelCase(t.name),o=t.name;e.forEach(l=>{let c=l.hasAttribute(o);i=i&&c,r=r||c});let a=Y.getOrBuildCachedBindings(e[0]);if(a&&a.find(l=>l.target==M.attribute&&l.targetName==n))return B.bound}else return B.none;return i?B.all:r?B.some:B.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 Y.getOrBuildCachedBindings(e[0]).find(r=>(r.target==M.property||r.target==M.explicitProperty||r.target==M.attribute)&&r.targetName==t.name)}getUnsetValue(e,t){return t.defaultValue}}});var tt,Ol=u(()=>{tt={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","anchor"]},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 is,Ll=u(()=>{"use strict";fe();qt();is=class extends X{_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),n=$t(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+n.rowSpan,d=parseInt(o.gridColumnStart),p=d+n.colSpan;for(let f=1;f<=l;f++)for(let m=1;m<=a;m++){let g=document.createElement("button");g.style.minHeight="10px",g.onclick=()=>{let b=$t(this.designItems[0].element),_=this.designItems[0].openGroup("Change grid row/column");this.designItems[0].setStyle("grid-row",f+" / "+(f+b.rowSpan)),this.designItems[0].setStyle("grid-column",m+" / "+(m+b.colSpan)),_.commit()},f>=c&&f<h&&m>=d&&m<p&&(g.style.backgroundColor="coral"),this._root.appendChild(g)}}}}}});import{BaseCustomWebComponentConstructorAppend as Vp,css as Bp,html as Hp}from"@node-projects/base-custom-webcomponent";var Fi,Mh=u(()=>{"use strict";Fi=class extends Vp{static style=Bp`
466
+ `}});var ts,Ml=u(()=>{"use strict";ve();re();ts=class extends Y{name="attached";getRefreshMode(e){return G.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 Ri,Nl=u(()=>{"use strict";re();Xe();Ie();ie();ue();ve();Ri=class extends Y{name="attributes";getRefreshMode(e){return G.fullOnValueChange}isHandledElement(e){return!e.isRootItem}async getProperty(e,t){return{name:t,type:"string",service:this,propertyType:y.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:y.attribute});return t.push({name:"",type:"addNew",service:this,propertyType:y.complex}),t}return null}async setValue(e,t,i){let r=e[0].openGroup("properties changed");for(let n of e)n.setAttribute(t.name,i);r.commit()}getPropertyTarget(e,t){return M.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 B.bound;let n=N.dashToCamelCase(t.name),o=t.name;e.forEach(l=>{let c=l.hasAttribute(o);i=i&&c,r=r||c});let a=Y.getOrBuildCachedBindings(e[0]);if(a&&a.find(l=>l.target==M.attribute&&l.targetName==n))return B.bound}else return B.none;return i?B.all:r?B.some:B.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 Y.getOrBuildCachedBindings(e[0]).find(r=>(r.target==M.property||r.target==M.explicitProperty||r.target==M.attribute)&&r.targetName==t.name)}getUnsetValue(e,t){return t.defaultValue}}});var tt,Ol=u(()=>{tt={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 is,Ll=u(()=>{"use strict";fe();qt();is=class extends X{_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),n=$t(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+n.rowSpan,d=parseInt(o.gridColumnStart),p=d+n.colSpan;for(let f=1;f<=l;f++)for(let m=1;m<=a;m++){let g=document.createElement("button");g.style.minHeight="10px",g.onclick=()=>{let b=$t(this.designItems[0].element),_=this.designItems[0].openGroup("Change grid row/column");this.designItems[0].setStyle("grid-row",f+" / "+(f+b.rowSpan)),this.designItems[0].setStyle("grid-column",m+" / "+(m+b.colSpan)),_.commit()},f>=c&&f<h&&m>=d&&m<p&&(g.style.backgroundColor="coral"),this._root.appendChild(g)}}}}}});import{BaseCustomWebComponentConstructorAppend as Vp,css as Bp,html as Hp}from"@node-projects/base-custom-webcomponent";var Fi,Mh=u(()=>{"use strict";Fi=class extends Vp{static style=Bp`
467
467
  :host {
468
468
  justify-content: center;
469
469
  display: flex;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "description": "A WYSIWYG designer webcomponent for html components",
3
3
  "name": "@node-projects/web-component-designer",
4
- "version": "0.1.310",
4
+ "version": "0.1.311",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "author": "jochen.kuehner@gmx.de",